{"_id":"@1imo/react-slider","name":"@1imo/react-slider","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@1imo/react-slider","version":"1.0.0","description":"A swipe-to-unlock style slider component built with React","type":"module","main":"src/Slider.jsx","exports":{".":"./src/Slider.jsx"},"keywords":["react","slider","swipe","unlock","component","ui"],"author":{"name":"1imo"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/1imo/React-Slider.git"},"scripts":{"storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@storybook/addon-essentials":"^8.0.0","@storybook/addon-interactions":"^8.0.0","@storybook/addon-links":"^8.0.0","@storybook/blocks":"^8.0.0","@storybook/react":"^8.0.0","@storybook/react-vite":"^8.0.0","@storybook/test":"^8.0.0","react":"^18.2.0","react-dom":"^18.2.0","storybook":"^8.0.0","vite":"^5.0.0"},"_id":"@1imo/react-slider@1.0.0","gitHead":"869e53f31c8ed46e5275d192808b4af7d9b3b0cb","bugs":{"url":"https://github.com/1imo/React-Slider/issues"},"homepage":"https://github.com/1imo/React-Slider#readme","_nodeVersion":"22.11.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-tb4QWyTBTAnsLM4k/P2BsRAaTp9uE9RiTAw2HRUSZE3VS3xsLxZ8RgEG+0EoOMQJRyQJqpuWVunLPhuMf9fQUw==","shasum":"dcbccb301de74b41f80bf9f77f57d514798191a9","tarball":"https://registry.npmjs.org/@1imo/react-slider/-/react-slider-1.0.0.tgz","fileCount":3,"unpackedSize":12176,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDUtwykx9TflR/n2RH7fX0ZLjohriGK8Vi9t0mHU2PvjAiEAgyafAL4h4laWN1QC0rpJg6VbPXuy/J6JpC2QsZMxeho="}]},"_npmUser":{"name":"1imo","email":"tmhoyland@icloud.com"},"directories":{},"maintainers":[{"name":"1imo","email":"tmhoyland@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-slider_1.0.0_1762535525426_0.6395879815586178"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-07T17:12:05.320Z","1.0.0":"2025-11-07T17:12:05.606Z","modified":"2025-11-07T17:12:05.934Z"},"maintainers":[{"name":"1imo","email":"tmhoyland@icloud.com"}],"description":"A swipe-to-unlock style slider component built with React","homepage":"https://github.com/1imo/React-Slider#readme","keywords":["react","slider","swipe","unlock","component","ui"],"repository":{"type":"git","url":"git+https://github.com/1imo/React-Slider.git"},"author":{"name":"1imo"},"bugs":{"url":"https://github.com/1imo/React-Slider/issues"},"license":"MIT","readme":"# React Slider\n\nA swipe-to-unlock style slider component built with React.\n\n## Getting Started\n\n### Install Dependencies\n\n```bash\nnpm install\n```\n\n### Run Storybook\n\n```bash\nnpm run storybook\n```\n\nThis will start Storybook on `http://localhost:6006`\n\n### Build Storybook\n\n```bash\nnpm run build-storybook\n```\n\n## Installation\n\n```bash\nnpm install @1imo/react-slider\n```\n\n## Component Usage\n\n```jsx\nimport React, { useRef, useEffect } from 'react';\nimport Slider from '@1imo/react-slider';\n\nfunction App() {\n  const verifiedRef = useRef(false);\n  \n  useEffect(() => {\n    if (verifiedRef.current) {\n      console.log('Slider verified!');\n      // Do something when slider is verified\n    }\n  }, [verifiedRef.current]);\n  \n  return <Slider verifiedRef={verifiedRef} />;\n}\n```\n\n### Props\n\n- `verifiedRef` (optional): A ref object that will be set to `true` when the slider is successfully dragged to the end, and reset to `false` after the animation completes.\n\n## Storybook Stories\n\nThe component includes several stories in Storybook:\n- **Default**: Basic slider with console logging\n- **WithAlert**: Slider with alert notification\n- **WithoutRef**: Slider without verification tracking\n\n","readmeFilename":"README.md","_rev":"1-ecf3c990b56ab1656c2daa80b7999131"}