{"_id":"@dial8/onboard-template-minimal","_rev":"4-efb9dfc7dd1f996941997fd4be4442fa","name":"@dial8/onboard-template-minimal","dist-tags":{"latest":"0.1.4"},"versions":{"0.1.0":{"name":"@dial8/onboard-template-minimal","version":"0.1.0","keywords":["react","template","ui","onboarding","minimal","components"],"author":{"name":"Your Name","email":"your.email@example.com"},"license":"MIT","_id":"@dial8/onboard-template-minimal@0.1.0","maintainers":[{"name":"dial8","email":"dial8tech@gmail.com"}],"homepage":"https://github.com/yourusername/dial8-onboard#readme","bugs":{"url":"https://github.com/yourusername/dial8-onboard/issues"},"dist":{"shasum":"43b86d7493e5af480a1add700fc56c8d075f5343","tarball":"https://registry.npmjs.org/@dial8/onboard-template-minimal/-/onboard-template-minimal-0.1.0.tgz","fileCount":3,"integrity":"sha512-TfLrq6lnCw4ougVjzhZ/IbBIy+WyTV//Ha6ThFX0V8kdtsm0mpTrVwTJKcbVH/52VkLMEPtgTLf3bspICzjCqw==","signatures":[{"sig":"MEUCICo96nHkLnn8UnDZpOWF5GApEZKsjmGZJZBsBptRk6NeAiEA9Gu3HvegTBlt63f7JNIAiQRriamjk2RPlAz8eYmZAos=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17746},"main":"dist/index.js","module":"dist/index.mjs","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"03851da3bf56f605d8adce214337fa6674eb2491","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm","clean":"rm -rf dist","typecheck":"tsc --noEmit","prepublishOnly":"npm run clean && npm run build"},"_npmUser":{"name":"dial8","email":"dial8tech@gmail.com"},"repository":{"url":"git+https://github.com/yourusername/dial8-onboard.git","type":"git","directory":"packages/template-minimal"},"_npmVersion":"10.2.4","description":"Minimal template for Dial8 Onboard onboarding flows","directories":{},"_nodeVersion":"20.9.0","dependencies":{"@dial8/onboard":"file:../core"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.0.0","typescript":"^5.0.0","@types/react":"^18.0.0","@types/react-dom":"^18.0.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/onboard-template-minimal_0.1.0_1754767738080_0.15940666414250226","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@dial8/onboard-template-minimal","version":"0.1.2","keywords":["react","template","ui","onboarding","minimal","components"],"author":{"name":"Your Name","email":"your.email@example.com"},"license":"MIT","_id":"@dial8/onboard-template-minimal@0.1.2","maintainers":[{"name":"dial8","email":"dial8tech@gmail.com"}],"homepage":"https://github.com/yourusername/dial8-onboard#readme","bugs":{"url":"https://github.com/yourusername/dial8-onboard/issues"},"dist":{"shasum":"b74464a01a5e43b0c1d436d7003fd66396159916","tarball":"https://registry.npmjs.org/@dial8/onboard-template-minimal/-/onboard-template-minimal-0.1.2.tgz","fileCount":3,"integrity":"sha512-1YT1u0bl0UOkjHerfjuTa5h937noDaHavmB7nTIVzwTwfUmIy8EU7vNtG7udH0/tAQXmMNP1wxb8+KV6b790Ew==","signatures":[{"sig":"MEQCIHEvi8uv/P4pN/YJt6XwnIuRiCx3DvbBy9/IUtU7Fjb9AiAE3/XW1nISe1IXSYWfkGjWbGg7GeYeBs1IbixvHzJZHw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17768},"main":"dist/index.js","module":"dist/index.mjs","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"b50a77761635932b6037a58e49ec28947febdb54","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm","clean":"rm -rf dist","typecheck":"tsc --noEmit","prepublishOnly":"npm run clean && npm run build"},"_npmUser":{"name":"dial8","email":"dial8tech@gmail.com"},"repository":{"url":"git+https://github.com/yourusername/dial8-onboard.git","type":"git","directory":"packages/template-minimal"},"_npmVersion":"10.2.4","description":"Minimal template for Dial8 Onboard onboarding flows","directories":{},"_nodeVersion":"20.9.0","dependencies":{"@dial8/onboard":"file:../core"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.0.0","typescript":"^5.0.0","@types/react":"^18.0.0","@types/react-dom":"^18.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/onboard-template-minimal_0.1.2_1754771242873_0.8865132015732302","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@dial8/onboard-template-minimal","version":"0.1.3","keywords":["react","template","ui","onboarding","minimal","components"],"author":{"name":"Your Name","email":"your.email@example.com"},"license":"MIT","_id":"@dial8/onboard-template-minimal@0.1.3","maintainers":[{"name":"dial8","email":"dial8tech@gmail.com"}],"homepage":"https://github.com/yourusername/dial8-onboard#readme","bugs":{"url":"https://github.com/yourusername/dial8-onboard/issues"},"dist":{"shasum":"a733438110229340b97f735c6e9fe1864fba4edf","tarball":"https://registry.npmjs.org/@dial8/onboard-template-minimal/-/onboard-template-minimal-0.1.3.tgz","fileCount":3,"integrity":"sha512-gEqfuwg7S97M2mIk0ggjqhmjJxQpGD5b7YrOXKl64HqQmtAQAaFFAcN8kDnzyM9UN3/T8+ZRAbCbL4SZgu7lRg==","signatures":[{"sig":"MEYCIQDUdxhw5FfGV1oyuZQCdyi5e6Vrilv/Op1loQ/SfHoziQIhAPrHEdnKsSiEc8YQZcPGs6U1ZWQEucLCmtilzFE2MfUw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17976},"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"}},"gitHead":"448cfb587458ed9b8dbd74e75ddb6739dc7a5883","scripts":{"dev":"tsup src/index.ts --format cjs,esm --dts --watch","build":"tsup src/index.ts --format cjs,esm","clean":"rm -rf dist","typecheck":"tsc --noEmit","prepublishOnly":"npm run clean && npm run build"},"_npmUser":{"name":"dial8","email":"dial8tech@gmail.com"},"repository":{"url":"git+https://github.com/yourusername/dial8-onboard.git","type":"git","directory":"packages/template-minimal"},"_npmVersion":"10.2.4","description":"Minimal template for Dial8 Onboard onboarding flows","directories":{},"_nodeVersion":"20.9.0","dependencies":{"@dial8/onboard":"file:../core"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.0.0","typescript":"^5.0.0","@types/react":"^18.0.0","@types/react-dom":"^18.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/onboard-template-minimal_0.1.3_1754772294174_0.5972564703344458","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@dial8/onboard-template-minimal","version":"0.1.4","description":"Minimal template for Dial8 Onboard onboarding flows","keywords":["react","template","ui","onboarding","minimal","components"],"author":{"name":"Your Name","email":"your.email@example.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/yourusername/dial8-onboard.git","directory":"packages/template-minimal"},"homepage":"https://github.com/yourusername/dial8-onboard#readme","bugs":{"url":"https://github.com/yourusername/dial8-onboard/issues"},"main":"dist/index.js","module":"dist/index.mjs","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"}},"types":"dist/index.d.ts","scripts":{"build":"tsup src/index.ts --format cjs,esm","dev":"tsup src/index.ts --format cjs,esm --dts --watch","clean":"rm -rf dist","typecheck":"tsc --noEmit","prepublishOnly":"npm run clean && npm run build"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"dependencies":{"@dial8/onboard":"file:../core"},"devDependencies":{"@types/react":"^18.0.0","@types/react-dom":"^18.0.0","tsup":"^7.0.0","typescript":"^5.0.0"},"_id":"@dial8/onboard-template-minimal@0.1.4","gitHead":"0492e8db1c426866e02c0110a6a6361f2690da69","_nodeVersion":"20.9.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-gQex27NE3Zut4J5RmaVDX3xWPlI5COfbxcH4wXguTTeRnL3CHmeRsJkx/Wr+hN1DxqHBXjCWGwG65TrIZjALKg==","shasum":"801a95d875a95d8fe3d8e5e77b9287ef353feb0d","tarball":"https://registry.npmjs.org/@dial8/onboard-template-minimal/-/onboard-template-minimal-0.1.4.tgz","fileCount":4,"unpackedSize":21900,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHXLS1CbzHnv8rV/30vPPYeufAj3FJNcVF6nyDryyWQqAiAs+pwwZG9i4sf6+EnmwApjPjKQRl4ZgazQk8B3YErEGA=="}]},"_npmUser":{"name":"dial8","email":"dial8tech@gmail.com"},"directories":{},"maintainers":[{"name":"dial8","email":"dial8tech@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/onboard-template-minimal_0.1.4_1754774817946_0.858279156703833"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-09T19:28:57.967Z","modified":"2025-08-09T21:26:58.292Z","0.1.0":"2025-08-09T19:28:58.310Z","0.1.2":"2025-08-09T20:27:23.056Z","0.1.3":"2025-08-09T20:44:54.385Z","0.1.4":"2025-08-09T21:26:58.134Z"},"bugs":{"url":"https://github.com/yourusername/dial8-onboard/issues"},"author":{"name":"Your Name","email":"your.email@example.com"},"license":"MIT","homepage":"https://github.com/yourusername/dial8-onboard#readme","keywords":["react","template","ui","onboarding","minimal","components"],"repository":{"type":"git","url":"git+https://github.com/yourusername/dial8-onboard.git","directory":"packages/template-minimal"},"description":"Minimal template for Dial8 Onboard onboarding flows","maintainers":[{"name":"dial8","email":"dial8tech@gmail.com"}],"readme":"# @dial8/onboard-template-minimal\n\nA clean, minimal template for [@dial8/onboard](https://www.npmjs.com/package/@dial8/onboard) onboarding flows.\n\n## Features\n\n- 🎨 **Clean Design** - Minimal, professional interface\n- 🌙 **Dark Mode** - Built-in dark/light theme support\n- 📱 **Responsive** - Works perfectly on all devices\n- 🎯 **Accessible** - Follows accessibility best practices\n- ⚡ **Lightweight** - Small bundle size\n- 🔧 **Customizable** - Theme and brand customization\n\n## Installation\n\n```bash\nnpm install @dial8/onboard @dial8/onboard-template-minimal\n```\n\n## Usage\n\n```tsx\nimport { OnboardingFlow } from \"@dial8/onboard\";\nimport { MinimalTemplate } from \"@dial8/onboard-template-minimal\";\nimport { yourAdapter } from \"./your-adapter\";\n\nfunction App() {\n  return (\n    <OnboardingFlow\n      template={MinimalTemplate}\n      adapter={yourAdapter}\n      steps={[\"signInOrUp\", \"verifyEmail\", \"profile\", \"success\"]}\n      theme={{ \n        brandColor: \"#0ea5e9\", \n        darkMode: false \n      }}\n      brand={{ \n        title: \"Welcome to MyApp\", \n        subtitle: \"Get started in seconds\",\n        logo: \"/logo.png\" \n      }}\n    />\n  );\n}\n```\n\n## Supported Steps\n\nThe MinimalTemplate supports all standard onboarding steps:\n\n### `signInOrUp`\n- Clean email/password form\n- Toggle between sign in and sign up modes\n- Loading states and error handling\n- Responsive design\n\n### `verifyEmail`\n- Email verification confirmation\n- Clear instructions for users\n- Professional email icon\n\n### `profile`\n- Profile completion form\n- Display name input\n- Consistent styling with auth forms\n\n### `success`\n- Success confirmation page\n- Celebration icon\n- Welcome message\n\n## Theme Customization\n\n```tsx\nconst theme = {\n  brandColor: \"#0ea5e9\",    // Primary brand color\n  darkMode: true,           // Enable dark mode\n};\n```\n\n### Brand Customization\n\n```tsx\nconst brand = {\n  title: \"Welcome to MyApp\",\n  subtitle: \"Get started with your account\", \n  logo: \"/path/to/logo.png\"  // Optional logo\n};\n```\n\n## Visual Features\n\n### Light Mode\n- Clean white background\n- Subtle shadows and borders\n- High contrast text for readability\n\n### Dark Mode\n- Dark gray background (`#1f2937`)\n- Card background (`#374151`)\n- Light text with proper contrast ratios\n\n### Responsive Design\n- Mobile-first approach\n- Flexible card layout\n- Proper spacing on all screen sizes\n\n### Form Elements\n- Styled input fields\n- Branded buttons\n- Loading states\n- Error message display\n- Accessible form labels\n\n## Styling\n\nThe template uses inline styles for maximum compatibility and easy customization. All colors automatically adapt to light/dark mode based on the theme configuration.\n\n### Card Layout\n- Centered modal overlay\n- Maximum width: 400px\n- Rounded corners\n- Drop shadow\n- Responsive padding\n\n### Typography\n- Clear hierarchy\n- Readable font sizes\n- Proper line heights\n- Theme-aware colors\n\n## Accessibility\n\n- Semantic HTML structure\n- Proper form labels\n- Keyboard navigation support\n- High contrast colors\n- Screen reader friendly\n\n## Dependencies\n\n- React 18+ or 19+\n- @dial8/onboard (peer dependency)\n\n## Related Packages\n\n- [@dial8/onboard](https://www.npmjs.com/package/@dial8/onboard) - Core onboarding library\n- [@dial8/onboard-adapter-firebase](https://www.npmjs.com/package/@dial8/onboard-adapter-firebase) - Firebase authentication\n\n## Creating Custom Templates\n\nWant to create your own template? Use this as a reference:\n\n```tsx\nimport { TemplateProps } from '@dial8/onboard';\n\nexport function MyCustomTemplate({ \n  step, ui, brand, theme, onNext, onSubmit, error, isLoading \n}: TemplateProps) {\n  // Your custom template implementation\n  return (\n    <div>\n      {/* Render based on current step */}\n    </div>\n  );\n}\n```\n\n## License\n\nMIT\n\n## Support\n\n- [GitHub Issues](https://github.com/yourusername/dial8-onboard/issues)\n- [Documentation](https://github.com/yourusername/dial8-onboard#readme)","readmeFilename":"README.md"}