{"_id":"@agiens/auth-ui","_rev":"5-c5162c0b92bde53d29280744c06118c0","name":"@agiens/auth-ui","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@agiens/auth-ui","version":"0.1.0","_id":"@agiens/auth-ui@0.1.0","maintainers":[{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},{"name":"agiens-ai","email":"ai@agiens.com"}],"dist":{"shasum":"02418b677743da57d6c99f2b3adfc8c3dd329770","tarball":"https://registry.npmjs.org/@agiens/auth-ui/-/auth-ui-0.1.0.tgz","fileCount":4,"integrity":"sha512-VGIL3FNQIaivMP2aZRNB6Q5g1rfSRq01Y7iEm7TZNKPlZgwDsvbVMqc+IJCUDWa5ceXQrXrdo/XQClU/iYxAjA==","signatures":[{"sig":"MEUCIHBmfumzvphluWtCC8mOuPmDxrD4z25EUInGMo2H3kwIAiEAmwwrSjL8Vp+pArQh86X8FxFht5beJNiYAyGfkmUkIgE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":315294},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"022628436308327a27ecfbc25001a1235e127f71","scripts":{"test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},"_npmVersion":"10.9.4","description":"React screens + for BOS auth, built on @agiens/auth-core. Self-contained (no HeroUI/router dependency).","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"@agiens/auth-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","jsdom":"^29.1.1","react":"^19.2.7","vitest":"^3.2.6","react-dom":"^19.2.7","typescript":"~5.8.3","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@agiens/auth-core":"*","@testing-library/dom":"^10.4.0","@supabase/supabase-js":"^2.108.0","@testing-library/react":"^16.3.2","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/auth-ui_0.1.0_1783613483968_0.8556052593869399","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@agiens/auth-ui","version":"0.1.1","_id":"@agiens/auth-ui@0.1.1","maintainers":[{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},{"name":"agiens-ai","email":"ai@agiens.com"}],"dist":{"shasum":"4b86a8901d48a6de762c13e67ff9045e8678c2bc","tarball":"https://registry.npmjs.org/@agiens/auth-ui/-/auth-ui-0.1.1.tgz","fileCount":4,"integrity":"sha512-3NyI6x8RQKBafgZ9pmFWoiI2IlRbC0+lRxfJVgJGIGlETnETtMP3OqUcZsEmQpebili3KM+IpNHDLEQdbVMn/g==","signatures":[{"sig":"MEQCIGklS5sCEgyd/tHUD2vewda7iGaNlU0BYOjix0IzHapwAiAw3jm9sSNLWPi8iKvv9e34l64xupngVnFliuZHYVk7pQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":324633},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"80a7f2e1452fd52ff9164e3fde2bedfdac3f57a4","scripts":{"test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},"_npmVersion":"10.9.4","description":"React screens + for BOS auth, built on @agiens/auth-core. Self-contained (no HeroUI/router dependency).","directories":{},"sideEffects":false,"_nodeVersion":"22.22.0","dependencies":{"@agiens/auth-core":"*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","jsdom":"^29.1.1","react":"^19.2.7","vitest":"^3.2.6","react-dom":"^19.2.7","typescript":"~5.8.3","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@agiens/auth-core":"*","@testing-library/dom":"^10.4.0","@supabase/supabase-js":"^2.108.0","@testing-library/react":"^16.3.2","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/auth-ui_0.1.1_1783726070345_0.3643642274174834","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@agiens/auth-ui","version":"0.1.2","_id":"@agiens/auth-ui@0.1.2","maintainers":[{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},{"name":"agiens-ai","email":"ai@agiens.com"}],"dist":{"shasum":"84ebda361f4a92cf19226e7e8c7fb9a8f36c1b67","tarball":"https://registry.npmjs.org/@agiens/auth-ui/-/auth-ui-0.1.2.tgz","fileCount":5,"integrity":"sha512-mRwwjtNWO2px3CwyRUat0GtPBrqCyuUeW4xUcYGOt/MKsyhHUUviQKTUgLZCwy7zN9Mc765kOqFuNhe1/5JXBQ==","signatures":[{"sig":"MEQCIByGyjgi3Nv58OUEekvOlVJg46ZZ9gMk/5VJuBPkaLzuAiApcZNZBWZwI28973S0Y1ftHX1IytYwC94UV9gsgofvGw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":452139},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},"_npmVersion":"10.9.8","description":"React screens + for BOS auth, built on @agiens/auth-core. Self-contained (no HeroUI/router dependency).","directories":{},"sideEffects":false,"_nodeVersion":"22.23.2","dependencies":{"@agiens/auth-core":"*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","jsdom":"^29.1.1","react":"^19.2.7","vitest":"^3.2.6","react-dom":"^19.2.7","typescript":"~5.8.3","@types/react":"^19.2.17","@base-ui/react":"^1.6.0","@types/react-dom":"^19.2.3","@agiens/auth-core":"*","@testing-library/dom":"^10.4.0","@supabase/supabase-js":"^2.108.0","@testing-library/react":"^16.3.2","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=18","react-dom":">=18","@base-ui/react":">=1.5"},"_npmOperationalInternal":{"tmp":"tmp/auth-ui_0.1.2_1786723261443_0.5253323091784754","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@agiens/auth-ui","version":"0.1.3","_id":"@agiens/auth-ui@0.1.3","maintainers":[{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},{"name":"agiens-ai","email":"ai@agiens.com"}],"dist":{"shasum":"15fcc6641a1464e20bbf17600cbeea1deedf4b78","tarball":"https://registry.npmjs.org/@agiens/auth-ui/-/auth-ui-0.1.3.tgz","fileCount":5,"integrity":"sha512-oNzW/IG2DBLC4SJWAMMezEYjVjaKEEY8A91qXAA5lPWWMZy8JQzPAvKM8D04ASllBtXK+fI5rhgF9elFKXTbgA==","signatures":[{"sig":"MEUCIDaeLdmbxkW528eI8l4aqZOWX16fUAroOuCX0/5w3gN5AiEAxmEInsZ12r3kdP0nWZ2mU/jOhCR+ltby3PSf2BrP7Jc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":452456},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"erikfromvalencia","email":"erikfromvalencia@gmail.com"},"_npmVersion":"10.9.8","description":"React screens + for BOS auth, built on @agiens/auth-core. Self-contained (no HeroUI/router dependency).","directories":{},"sideEffects":false,"_nodeVersion":"22.23.2","dependencies":{"@agiens/auth-core":"*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","jsdom":"^29.1.1","react":"^19.2.7","vitest":"^3.2.6","react-dom":"^19.2.7","typescript":"~5.8.3","@types/react":"^19.2.17","@base-ui/react":"^1.6.0","@types/react-dom":"^19.2.3","@agiens/auth-core":"*","@testing-library/dom":"^10.4.0","@supabase/supabase-js":"^2.108.0","@testing-library/react":"^16.3.2","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=18","react-dom":">=18","@base-ui/react":">=1.5"},"_npmOperationalInternal":{"tmp":"tmp/auth-ui_0.1.3_1786723640604_0.5034051964266995","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-07-09T16:11:23.732Z","modified":"2026-08-24T17:08:31.820Z","0.1.0":"2026-07-09T16:11:24.210Z","0.1.1":"2026-07-10T23:27:50.576Z","0.1.2":"2026-08-14T16:01:01.597Z","0.1.3":"2026-08-14T16:07:20.783Z"},"description":"React screens + for BOS auth, built on @agiens/auth-core. Self-contained (no HeroUI/router dependency).","maintainers":[{"email":"ai@agiens.com","name":"agiens-ai"}],"readme":"# @agiens/auth-ui\n\nReact auth screens for BOS surfaces. `BosAuthWidget` renders the same eight-screen flow used by\nbos.pro: login, signup, forgot password, reset password, verify email, auth verification, invitation\nacceptance, and profile completion.\n\n## Install\n\n```bash\nnpm install @agiens/auth-ui @agiens/auth-core @base-ui/react react react-dom\n```\n\nThe package is self-contained. It does not require BOS source imports, a BOS-hosted logo path, a\nspecific router, or BOS application CSS.\n\n## Use the exact BOS look\n\nVersion `0.1.3` includes the BOS brand marks in the bundle and ships the current bos.pro light/dark\npalette as its default tokens. To make the visual contract explicit, pass the exported defaults as\nshown below and do not replace them with app-specific tokens or logos:\n\n```tsx\nimport {\n BosAuthWidget,\n createBrowserNavAdapter,\n defaultLogoUrl,\n defaultLogoUrlDark,\n defaultTokens,\n} from '@agiens/auth-ui'\n\nconst config = {\n ops, // createAuthOps({ client: bosAuth.client, ... })\n session, // getCurrentUser + signOut wrappers for the same client\n nav: createBrowserNavAdapter(),\n providers: ['password', 'google', 'github', 'magic-link'],\n emailVerification: 'branded-edge-fn',\n onSuccessRedirect: '/',\n theme: {\n tokens: defaultTokens,\n logoUrl: defaultLogoUrl,\n logoUrlDark: defaultLogoUrlDark,\n },\n}\n\nexport function AuthRoute() {\n return \n}\n```\n\nOmitting `theme` is also equivalent: the widget applies these same embedded logos and fallback\ntokens automatically. The two logo values are data URLs, so external apps do not need to copy\n`/logo/icon-dark.png`, add a public asset, or depend on bos.pro for an image request. The widget\nchooses the light-ink mark on dark surfaces and the dark-ink mark on light surfaces.\n\nTo keep parity, do not override `theme.tokens`, `logoUrl`, or `logoUrlDark`. Host CSS variables such\nas `--accent` can intentionally customize the appearance; that is a brand fork, not the bos.pro\ndefault.\n\n## Auth core wiring\n\nCreate one BOS auth client and give its client to `createAuthOps`; the UI kit never creates a second\nSupabase client:\n\n```ts\nimport { createAuthOps, createBosAuth } from '@agiens/auth-core'\n\nconst bosAuth = createBosAuth({\n supabase: {\n url: import.meta.env.VITE_SUPABASE_URL,\n publishableKey: import.meta.env.VITE_SUPABASE_PUBLISHABLE_KEY,\n },\n})\n\nconst ops = createAuthOps({\n client: bosAuth.client,\n getOrigin: () => window.location.origin,\n emailVerification: 'branded-edge-fn',\n})\n```\n\nThe host supplies the small app-specific adapters (`session`, `nav`, invitation acceptance, and\noptional signup hooks). Behavior stays in the shared widget; differences belong in configuration.\n\n## Published surface\n\n`@agiens/auth-ui` exports `BosAuthWidget`, all eight screens, browser/hash/memory navigation\nadapters, provider buttons, `defaultTokens`, `defaultLogoUrl`, `defaultLogoUrlDark`, and the\n`BosAuthUiConfig` types. Pair it with the matching `@agiens/auth-core` release.\n","readmeFilename":"README.md"}