{"_id":"@ayuuxh/ios-kit","_rev":"2-687554d38a5d37d2f57b521c1fa1a984","name":"@ayuuxh/ios-kit","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@ayuuxh/ios-kit","version":"0.1.0","keywords":["ios","ui","react","components","cupertino","apple","animation"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/ios-kit@0.1.0","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"homepage":"https://github.com/flexhunt/ios-kit#readme","bugs":{"url":"https://github.com/flexhunt/ios-kit/issues"},"dist":{"shasum":"5ba356e0256270c56af0562f2225aaaa47d583e5","tarball":"https://registry.npmjs.org/@ayuuxh/ios-kit/-/ios-kit-0.1.0.tgz","fileCount":21,"integrity":"sha512-Qh7AE21DLMJa3puqbOp2encirTjp934OwL8fq4Mina7B1m5Y6FuKM7KbR4kP4zPxOGX2QMuDoZXim9Umy7wqtQ==","signatures":[{"sig":"MEUCIQCxrvBxrGM+7Ci01RSVFQ8xPOClua+hvIBIIdeDanRbNwIgHs/j6uQZoL3cig2piGeQzFDio4FkUVQ2f1NsHxgChCk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":380752},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup"},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"repository":{"url":"git+https://github.com/flexhunt/ios-kit.git","type":"git"},"_npmVersion":"11.6.2","description":"Premium iOS-style UI components for React with buttery smooth animations","directories":{},"_nodeVersion":"24.12.0","dependencies":{"framer-motion":"^11.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","typescript":"^5","@types/react":"^19","@types/react-dom":"^19.2.3"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ios-kit_0.1.0_1770138114350_0.3473623761703617","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@ayuuxh/ios-kit","version":"0.2.0","description":"Premium iOS-style UI components for React with buttery smooth animations","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"dependencies":{"framer-motion":"^11.0.0"},"devDependencies":{"@types/react":"^19","@types/react-dom":"^19.2.3","tsup":"^8.0.0","typescript":"^5"},"repository":{"type":"git","url":"git+https://github.com/flexhunt/ios-kit.git"},"keywords":["ios","ui","react","components","cupertino","apple","animation"],"author":{"name":"flexhunt"},"license":"MIT","_id":"@ayuuxh/ios-kit@0.2.0","bugs":{"url":"https://github.com/flexhunt/ios-kit/issues"},"homepage":"https://github.com/flexhunt/ios-kit#readme","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-wHYmroVI4nm14xvJ15PDCVUf7eGLF/B1lVmECZClSecatyLLKv8ByTxTGOdq1Zg3eWU2GiD0bamb8C4XaCoTSA==","shasum":"5d13a552f2cc68e31f92dc25497305e508834fea","tarball":"https://registry.npmjs.org/@ayuuxh/ios-kit/-/ios-kit-0.2.0.tgz","fileCount":23,"unpackedSize":468520,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDxV5pf7eRv/BKmDh7hRqWBL9GKM/PpzqWD+JQul3ogzgIhAP7AmTMKhAEHv3QprP5s4TWiIOGnmceo5inByKQ2y6Qw"}]},"_npmUser":{"name":"ayuuxh","email":"flexhunt1@gmail.com"},"directories":{},"maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ios-kit_0.2.0_1770147349361_0.7487846879045199"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-03T17:01:54.238Z","modified":"2026-02-03T19:35:49.654Z","0.1.0":"2026-02-03T17:01:54.505Z","0.2.0":"2026-02-03T19:35:49.551Z"},"bugs":{"url":"https://github.com/flexhunt/ios-kit/issues"},"author":{"name":"flexhunt"},"license":"MIT","homepage":"https://github.com/flexhunt/ios-kit#readme","keywords":["ios","ui","react","components","cupertino","apple","animation"],"repository":{"type":"git","url":"git+https://github.com/flexhunt/ios-kit.git"},"description":"Premium iOS-style UI components for React with buttery smooth animations","maintainers":[{"name":"ayuuxh","email":"flexhunt1@gmail.com"}],"readme":"# @ayuuxh/ios-kit 🍏\r\n\r\nA premium, high-performance React component library for building native-feeling iOS interfaces on the web.\r\n\r\n## Features\r\n\r\n- **Native Physics**: Framer Motion powered interactions (Standard iOS spring curves).\r\n- **Theme Engine**: `useIOSTheme` handles persistent Light/Dark modes automatically.\r\n- **Micro-interactions**: Scale-on-touch, haptic feedback simulation.\r\n- **Accessibility**: ARIA-compliant primitives.\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @ayuuxh/ios-kit framer-motion clsx tailwind-merge\r\n```\r\n\r\n## Quick Start\r\n\r\n### 1. Setup Theme Provider\r\n\r\nUse the `useIOSTheme` hook to manage the system theme. It automatically syncs with `localStorage` and `<html>` classes.\r\n\r\n```tsx\r\nimport { useIOSTheme } from '@ayuuxh/ios-kit'\r\n\r\nexport default function App() {\r\n  const { isDark, setTheme } = useIOSTheme()\r\n\r\n  return (\r\n    <main className={isDark ? 'dark' : ''}>\r\n      {/* Your App */}\r\n    </main>\r\n  )\r\n}\r\n```\r\n\r\n### 2. Use Components\r\n\r\n```tsx\r\nimport { Button, TextField, ActionSheet } from '@ayuuxh/ios-kit'\r\n\r\nfunction MyComponent() {\r\n  const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n  return (\r\n    <div className=\"p-4 space-y-4\">\r\n      <TextField placeholder=\"Enter details...\" />\r\n      \r\n      <Button onClick={() => setIsOpen(true)}>\r\n        Open Actions\r\n      </Button>\r\n\r\n      <ActionSheet\r\n        isOpen={isOpen}\r\n        onClose={() => setIsOpen(false)}\r\n        actions={[\r\n          { label: 'Edit', onClick: () => {} },\r\n          { label: 'Delete', destructive: true, onClick: () => {} }\r\n        ]}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n```\r\n\r\n## Components\r\n\r\n- **Inputs**: `TextField`, `Switch`, `Slider`, `SegmentedControl`\r\n- **Navigation**: `NavigationBar`, `TabBar`, `TabBarItem`\r\n- **Overlays**: `BottomSheet`, `ActionSheet`, `Dialog`\r\n- **Basics**: `Button`, `Spinner`\r\n\r\n## TailWind Config\r\n\r\nEnsure your `tailwind.config.ts` supports dark mode via class:\r\n\r\n```ts\r\n// tailwind.config.ts\r\nexport default {\r\n  darkMode: 'class',\r\n  // ...\r\n}\r\n```\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md"}