{"_id":"@artisanpack-ui/react-laravel","_rev":"3-262f223d1734002a81a4274c223a7172","name":"@artisanpack-ui/react-laravel","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.0":{"name":"@artisanpack-ui/react-laravel","version":"0.0.0","license":"MIT","_id":"@artisanpack-ui/react-laravel@0.0.0","maintainers":[{"name":"viewfromthebox","email":"viewfromthebox94@gmail.com"}],"dist":{"shasum":"1d6ef03a18e8008d83d5080f22403206f1942099","tarball":"https://registry.npmjs.org/@artisanpack-ui/react-laravel/-/react-laravel-0.0.0.tgz","fileCount":30,"integrity":"sha512-IKj2813HGUAuA9waFnJnhx5NzsDbSDc/MKo/QeMi5vxgoBFGb8yR9wNHs/J7WMMMGM63EYa79MZ1RRuLD5aCeQ==","signatures":[{"sig":"MEUCIQDywjpLLfsw1pKHe7mRBrRnIak4sxMLpBBYRgZVYFT7SwIgRHcN/pxqQro73wMqIOugPBIeDztVEpIbTpuW6k6gDMs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77370},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"},"./auth":{"types":"./dist/auth.d.ts","import":"./dist/auth.mjs"},"./form":{"types":"./dist/form.d.ts","import":"./dist/form.mjs"},"./layout":{"types":"./dist/layout.d.ts","import":"./dist/layout.mjs"},"./feedback":{"types":"./dist/feedback.d.ts","import":"./dist/feedback.mjs"},"./navigation":{"types":"./dist/navigation.d.ts","import":"./dist/navigation.mjs"}},"gitHead":"c9cfd4b80a5acf363fe9e262efb6a9f927bbfe0c","scripts":{"test":"vitest run","build":"tsup","test:watch":"vitest"},"_npmUser":{"name":"viewfromthebox","email":"viewfromthebox94@gmail.com"},"_npmVersion":"11.6.2","description":"Inertia.js adapter wrappers for ArtisanPack UI React components","directories":{},"_nodeVersion":"23.7.0","dependencies":{"@artisanpack-ui/react":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","jsdom":"^26.1.0","react":"^19.2.4","vitest":"^4.1.2","react-dom":"^19.2.4","typescript":"^5.9.3","@inertiajs/react":"^3.0.0","@vitejs/plugin-react":"^5.2.0","@testing-library/react":"^16.3.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@inertiajs/react":"^2.0.0 || ^3.0.0","@artisanpack-ui/tokens":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-laravel_0.0.0_1774970504782_0.6667181336423991","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@artisanpack-ui/react-laravel","version":"1.0.0","license":"MIT","_id":"@artisanpack-ui/react-laravel@1.0.0","maintainers":[{"name":"viewfromthebox","email":"viewfromthebox94@gmail.com"}],"dist":{"shasum":"695c2c953b6fda7c61bdcc0c1b53ba4590127770","tarball":"https://registry.npmjs.org/@artisanpack-ui/react-laravel/-/react-laravel-1.0.0.tgz","fileCount":31,"integrity":"sha512-6wilYJR5qqBmL92ht/vXoMdbEm+fSU8/8VRBry1+VvFb2QJNbvaM8ilHBY54J/gWdxV8XbR2YJGNsBelQx2qjg==","signatures":[{"sig":"MEUCIEW0CNoytGp0bfcxqjQUxycRH/OejMB9wHMBMcjzQ9QqAiEA7p7EdS7XPlAfLk8DlWKFA5nI+uucMxeb4cu53GkSZIY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":80763},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"},"./auth":{"types":"./dist/auth.d.ts","import":"./dist/auth.mjs"},"./form":{"types":"./dist/form.d.ts","import":"./dist/form.mjs"},"./layout":{"types":"./dist/layout.d.ts","import":"./dist/layout.mjs"},"./feedback":{"types":"./dist/feedback.d.ts","import":"./dist/feedback.mjs"},"./navigation":{"types":"./dist/navigation.d.ts","import":"./dist/navigation.mjs"}},"gitHead":"94874fbcb1fa8b187a773046a1246eefbae4fc66","scripts":{"test":"vitest run","build":"tsup","test:watch":"vitest"},"_npmUser":{"name":"viewfromthebox","email":"viewfromthebox94@gmail.com"},"_npmVersion":"10.8.2","description":"Inertia.js adapter wrappers for ArtisanPack UI React components","directories":{},"_nodeVersion":"20.20.1","dependencies":{"@artisanpack-ui/react":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","jsdom":"^26.1.0","react":"^19.2.4","vitest":"^4.1.2","react-dom":"^19.2.4","typescript":"^5.9.3","@inertiajs/react":"^3.0.0","@vitejs/plugin-react":"^5.2.0","@testing-library/react":"^16.3.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@inertiajs/react":"^2.0.0 || ^3.0.0","@artisanpack-ui/tokens":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-laravel_1.0.0_1774974361697_0.9023573954940647","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@artisanpack-ui/react-laravel","version":"1.0.1","description":"Inertia.js adapter wrappers for ArtisanPack UI React components","type":"module","main":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","types":"./dist/index.d.ts"},"./navigation":{"import":"./dist/navigation.mjs","types":"./dist/navigation.d.ts"},"./form":{"import":"./dist/form.mjs","types":"./dist/form.d.ts"},"./layout":{"import":"./dist/layout.mjs","types":"./dist/layout.d.ts"},"./auth":{"import":"./dist/auth.mjs","types":"./dist/auth.d.ts"},"./feedback":{"import":"./dist/feedback.mjs","types":"./dist/feedback.d.ts"}},"scripts":{"build":"tsup","test":"vitest run","test:watch":"vitest"},"dependencies":{"@artisanpack-ui/react":"*"},"devDependencies":{"@inertiajs/react":"^3.0.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.3.0","@vitejs/plugin-react":"^5.2.0","jsdom":"^26.1.0","react":"^19.2.4","react-dom":"^19.2.4","tsup":"^8.5.1","typescript":"^5.9.3","vitest":"^4.1.2"},"peerDependencies":{"@artisanpack-ui/tokens":"*","@inertiajs/react":"^2.0.0 || ^3.0.0","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"publishConfig":{"access":"public"},"license":"MIT","_id":"@artisanpack-ui/react-laravel@1.0.1","gitHead":"5b764e8d61b0e676893de15833a819d72d0594c8","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-W8W0KHQ4b1ZqQ/rGE3QWOKAA2yD+nFw4hKShug6ZD6IxJlB1fIeBxfCpwyhF/QHxSQBlfwcbMb6aptxBo2wEnQ==","shasum":"1736cc7544ecec59f72510686a33ef0f4b6cec77","tarball":"https://registry.npmjs.org/@artisanpack-ui/react-laravel/-/react-laravel-1.0.1.tgz","fileCount":31,"unpackedSize":80957,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD6TiIGgjYM62/Ff20RRyAMny5CMNHZwL8NdxCqsOWHPAIgX5gcDhKUxAMKT24ey1QJFeMuVB03fshG3w4u9NcEWGQ="}]},"_npmUser":{"name":"viewfromthebox","email":"viewfromthebox94@gmail.com"},"directories":{},"maintainers":[{"name":"viewfromthebox","email":"viewfromthebox94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-laravel_1.0.1_1779807498399_0.9216995500419121"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-31T15:21:44.691Z","modified":"2026-05-26T14:58:18.707Z","0.0.0":"2026-03-31T15:21:44.925Z","1.0.0":"2026-03-31T16:26:01.835Z","1.0.1":"2026-05-26T14:58:18.567Z"},"license":"MIT","description":"Inertia.js adapter wrappers for ArtisanPack UI React components","maintainers":[{"name":"viewfromthebox","email":"viewfromthebox94@gmail.com"}],"readme":"# @artisanpack-ui/react-laravel\n\n[![CI](https://github.com/ArtisanPack-UI/react/actions/workflows/ci.yml/badge.svg)](https://github.com/ArtisanPack-UI/react/actions/workflows/ci.yml)\n[![npm](https://img.shields.io/npm/v/@artisanpack-ui/react-laravel)](https://www.npmjs.com/package/@artisanpack-ui/react-laravel)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/ArtisanPack-UI/react/blob/main/LICENSE)\n\n[Inertia.js](https://inertiajs.com/) adapter wrappers for [ArtisanPack UI React](https://www.npmjs.com/package/@artisanpack-ui/react) components. Provides navigation, forms, auth pages, toast integration, and layout helpers for [Laravel](https://laravel.com/) applications.\n\n## Installation\n\n```bash\nnpm install @artisanpack-ui/react-laravel @artisanpack-ui/react @artisanpack-ui/tokens\n```\n\n### Peer Dependencies\n\n```bash\nnpm install react react-dom @inertiajs/react\n```\n\n## Setup\n\nImport the tokens CSS in your Tailwind entry file:\n\n```css\n@import \"tailwindcss\";\n@import \"@artisanpack-ui/tokens/css\";\n```\n\n## Usage\n\n```tsx\nimport { useInertiaForm, AppLayout, createLayout } from '@artisanpack-ui/react-laravel';\nimport { Input, Button } from '@artisanpack-ui/react';\n\nfunction LoginPage() {\n  const { form, field } = useInertiaForm({ email: '', password: '' });\n\n  return (\n    <form onSubmit={(e) => { e.preventDefault(); form.post('/login'); }}>\n      <Input label=\"Email\" {...field('email')} />\n      <Input label=\"Password\" type=\"password\" {...field('password')} />\n      <Button color=\"primary\" loading={form.processing}>Log In</Button>\n    </form>\n  );\n}\n\nLoginPage.layout = createLayout(AppLayout);\n```\n\n### Tree-Shakeable Imports\n\n```tsx\nimport { InertiaLink, InertiaNavbar } from '@artisanpack-ui/react-laravel/navigation';\nimport { useInertiaForm } from '@artisanpack-ui/react-laravel/form';\nimport { AppLayout, createLayout } from '@artisanpack-ui/react-laravel/layout';\nimport { LoginPage, RegisterPage } from '@artisanpack-ui/react-laravel/auth';\nimport { InertiaToastProvider } from '@artisanpack-ui/react-laravel/feedback';\n```\n\n## Features\n\n- **Navigation** - Inertia-aware Link and Navbar components with active state detection\n- **Forms** - `useInertiaForm` hook bridging Inertia's form helper with ArtisanPack UI inputs\n- **Layouts** - Persistent layouts with `createLayout` and pre-built `AppLayout`\n- **Auth** - Ready-made Login, Register, and password reset pages\n- **Feedback** - Toast provider that captures Inertia flash messages\n\n## Inertia.js Compatibility\n\nSupports Inertia.js v2 and v3.\n\n## React Compatibility\n\nSupports both React 18 and React 19.\n\n## Documentation\n\n- [Laravel / Inertia Integration](https://github.com/ArtisanPack-UI/react/wiki/Laravel-Inertia-Integration)\n- [Getting Started](https://github.com/ArtisanPack-UI/react/wiki/Getting-Started)\n\n## Part of ArtisanPack UI\n\n| Package | Description |\n|---------|-------------|\n| [`@artisanpack-ui/tokens`](https://www.npmjs.com/package/@artisanpack-ui/tokens) | Design tokens, color resolver, glass helpers |\n| [`@artisanpack-ui/react`](https://www.npmjs.com/package/@artisanpack-ui/react) | 56+ React UI components |\n| [`@artisanpack-ui/react-laravel`](https://www.npmjs.com/package/@artisanpack-ui/react-laravel) | Inertia.js adapter wrappers |\n\n## License\n\n[MIT](https://github.com/ArtisanPack-UI/react/blob/main/LICENSE) - Jacob Martella\n","readmeFilename":"README.md"}