{"_id":"@onkernel/managed-auth-react","_rev":"14-bca0d7bee332610d3309cbeba5d1de40","name":"@onkernel/managed-auth-react","dist-tags":{"alpha":"0.1.0-alpha.3","latest":"0.5.4"},"versions":{"0.1.0-alpha.0":{"name":"@onkernel/managed-auth-react","version":"0.1.0-alpha.0","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.1.0-alpha.0","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"02adc7c282bd8a1f8980ddeaea43de81101e7459","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.1.0-alpha.0.tgz","fileCount":10,"integrity":"sha512-E5PkD8QBIxQaZnEuKD2Cr/4JZcOQLKsFC1DWqQL7Jp43p7Hm6lqsnpFIWu8u9E3KVU5FpG7dlFf3Esh39HOVVQ==","signatures":[{"sig":"MEQCICaaSqhEmCEwlMsAAaPI/AkMroz6O4l+kpwqbiam1AnqAiBA1iZC4v+C0UGSjYy3IYFNg3lEwlcLHvtKzq+rhFxOgA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":500939},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"3f48ff5eed3889b8d03474ff86f58a558225dfcc","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"masnwilliams","email":"mason@masonwilliams.io"},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.6.2","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"25.2.1","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.1.0-alpha.0_1777659127026_0.8090161613213689","host":"s3://npm-registry-packages-npm-production"}},"0.1.0-alpha.3":{"name":"@onkernel/managed-auth-react","version":"0.1.0-alpha.3","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.1.0-alpha.3","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"5e7ab12d735be3287dbc382ba93f75099eee9343","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.1.0-alpha.3.tgz","fileCount":10,"integrity":"sha512-wTtp7d8Mhk26xjg38a5halD/mVYoLHcOoOSkX8TyIsFX/9CHHazlNG97QMna2MgLCiMFuvdaUd4SSMIUS+46dw==","signatures":[{"sig":"MEQCIHry/FlvqDbM7eC0yiualYMt70FTa2tguDjkw/W29L/RAiAFG1BuX1oqUL2CO19Y4rHloBHDk1IVYB5RxFXTJK6xqw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":502071},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"9bc60a581e76bc8fa40a9555cb1ab384d13f802d","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.13.0","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.20.2","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.1.0-alpha.3_1777659440387_0.9009696433084942","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@onkernel/managed-auth-react","version":"0.1.0","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.1.0","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"13901a725730e472570414256cbd8e57b7c14c08","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.1.0.tgz","fileCount":10,"integrity":"sha512-jBSuIBAIDZ7vU4e3PWOWFWtCl14NwS7qtAkB0ed+U6hT6ruS5WWA7p3OfK8/6nfOg+nw13LnPIM6z984m6bVoQ==","signatures":[{"sig":"MEQCIHAPPjwprjdVPJjhRSTQy+Ixr39N+47sxOWrtXY273CWAiBl8OqnIl9qTeRDCCI1mmTM0v4+qpAAQ/GG4foHs74Bcw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":502063},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"d542f2ec8b8d99166f9c184b4f36f78a150a08fe","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.13.0","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.20.2","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.1.0_1777659883708_0.07136389620666717","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@onkernel/managed-auth-react","version":"0.2.0","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.2.0","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"64593b02f692b18d69e4d7473ef4947137cb7d6f","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.2.0.tgz","fileCount":10,"integrity":"sha512-G//Td7s/YCkFjhDlfWYE7npwz0Zqew/9IKt1mLbOTGimGxupO6CC1Jbc96Vu32xGL9E/pjseYMVarlJrPSuOWQ==","signatures":[{"sig":"MEUCIQD6ZQbI+xAw/qPHhR6GCkJJIyg0qHX4kvDw45BDlQ/B8gIgZGjFpN7rtpThNfyI0XZkUA3g5IkPoi/hN3lMZO3STO4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.2.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":512950},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"52ebb758fcab95281fe6ce63abc20346d386528c","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.14.1","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.20.2","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.2.0_1778548563007_0.3694520002291528","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@onkernel/managed-auth-react","version":"0.3.0","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.3.0","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"f2cfc1bb9c89d1bcfb20140f1c53531c4ca57671","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.3.0.tgz","fileCount":10,"integrity":"sha512-Fiyza5iMu6tV5HeCuvDxSQTYVhRePozV06U4byNF+QlYpPYGduI7mxvW5Dm1DrSyohvQt7J8eKb7NoKfdsf/mQ==","signatures":[{"sig":"MEQCIF5yYlbZtswwPIW5ZHzu/g/WJ2K+lgpifKXP3nckOWOwAiA/mWtF/PRWi14OihHjmZx4AH3cLVi/QKlhL7W6eeA9pw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":530261},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"972ab505192097ae3ac89366cab671bf0ba467d4","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.14.1","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.20.2","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.3.0_1778876403601_0.025811130250178005","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@onkernel/managed-auth-react","version":"0.4.0","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.4.0","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"ef6b367228d47477f623fe07262a4322345f7542","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.4.0.tgz","fileCount":10,"integrity":"sha512-Q3kI+R6OkP0PGHH3cM3rp3wXtCDpioXiERGnTcSB9o6IzBhe/87L8OoyQi1mL6ZQJ9cACOAJfgyal2RSFa7/Vw==","signatures":[{"sig":"MEUCIH2Mc0ehXkqM1WJoW0c9+FoMHDAP3nNKp4o5m3FSGmjXAiEAq2ju01ZwBknnRg13+yxTq/7bbnSufH2caSO/rtFxjSw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":569294},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"cae7e2a4dc4b5d768f0cf4cf5c8c26762893861a","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.14.1","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.20.2","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.4.0_1779132375197_0.4617836741574244","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@onkernel/managed-auth-react","version":"0.4.1","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.4.1","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"ulziibay","email":"j2i2t2u2@gmail.com"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"6792f7d058cf66a9538a05286add2b446733a605","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.4.1.tgz","fileCount":10,"integrity":"sha512-8p+pMljBRQMKLiBFWbyJQ2ohYflsomWYGgQtlF2sbb4b2w/z+CBsnxUiBs1q23h/W1OtHsbw/jKGX51ZCjNYzA==","signatures":[{"sig":"MEUCIQDRYHproXP/o7Ah0DrydSyeoR7f0wN6EK69sO81NjewkgIgRZpLPKvyAjlqYsmVD6mAEHkWJkjs/wX3v49NGJRKu+A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.4.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":573826},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"25f99741c0e1ee21e7dc34c43bfd7fe4820c7762","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.17.0","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.20.2","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.4.1_1782140617393_0.7119880375987839","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@onkernel/managed-auth-react","version":"0.5.0","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.5.0","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"ulziibay","email":"j2i2t2u2@gmail.com"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"f68276ac80549be651099cf58c1803d2e8f7b822","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.5.0.tgz","fileCount":10,"integrity":"sha512-4UxLvvfYqvaMp21Hfn2ELfyugmxvOsNgr7fj31Tk5bUgykpLMzN/+2Z7VTvQeWQ9XbPIyl34bDTbFkJYncqbOQ==","signatures":[{"sig":"MEUCICIrieNE5HN4PD3WMN02G3fK+5ng+f1yTQJ+aplST2dzAiEA1notS/iXwqphdSqGBQGgebhc1XQyM27idgZ9Rc2zy5w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.5.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":633154},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"9afed9cac6d29dbfb63b84b3c4c60141b3a73ec4","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.19.0","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.19.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.5.0_1787583948307_0.048215906397416575","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"@onkernel/managed-auth-react","version":"0.5.1","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.5.1","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"ulziibay","email":"j2i2t2u2@gmail.com"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"204fb196e8163cc897cb4d38c9ff12d62d950da4","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.5.1.tgz","fileCount":10,"integrity":"sha512-tRnx91QTqlop2otlXyOxmI+jHodAMCW0dytWyk4hvu26cjACqH0387S0nP4IfgBVkZW6rwdNoBYKOheQfIxMgA==","signatures":[{"sig":"MEUCIQCjBKYXniplPY8n3Tt5uaHMqhv0LVtEFa95hi+rkBZuCAIgWmpDqGlGsJbX7wLCAebriIJdXsTe8AnJoiSgWv9n8FU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.5.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":637707},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"2280ac340a0b10140355f294612b4bc234a07f4d","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.19.0","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.19.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.5.1_1787592955731_0.5074072709178061","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@onkernel/managed-auth-react","version":"0.5.2","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.5.2","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"ulziibay","email":"j2i2t2u2@gmail.com"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"8bec7c8145b29d03c38b293c1ec1ae84b44e6863","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.5.2.tgz","fileCount":10,"integrity":"sha512-dkMXyM2pVgBhGNkPC2hMtHaooHcT1aXRWV2BmKNTxEZR7/JxyktNvdMMkAuwRWhg+VykbWVOIM8v6gZ7E+OJHA==","signatures":[{"sig":"MEQCIB+brrgTbmFLuwdQ4usi0Srp1EvpZKRQMGeFEu9ssUzdAiBqKhDzqLccJn5A87n3ideSiFEMNAxuKWkz0/Y3qkEfCw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.5.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":643945},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"150ff2eda90ede94d1d454017a0f75f16ae45e62","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.19.1","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.19.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.5.2_1788379733593_0.587295816938489","host":"s3://npm-registry-packages-npm-production"}},"0.5.3":{"name":"@onkernel/managed-auth-react","version":"0.5.3","keywords":["kernel","auth","react","managed-auth","authentication"],"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","_id":"@onkernel/managed-auth-react@0.5.3","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"roee_kernel","email":"roee@kernel.sh"},{"name":"ulziibay","email":"j2i2t2u2@gmail.com"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"homepage":"https://onkernel.com","bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"dist":{"shasum":"f25ee6f7d0aacb5fc11053261558088f8484890d","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.5.3.tgz","fileCount":10,"integrity":"sha512-5Ps7h7HknAxL4ZLnJCzsLhW8MLRr0SH1P8+eALBZXCmnx/K+g5ra2ar3iLoWFQ8vf/EvpuDF1LigIT6tDjRKdA==","signatures":[{"sig":"MEQCIHmzdzP35saYCcUvsXoZyGpDDyxiVP4klsUSnqL7YD7tAiB5N+y2ZhfoZEwan6QxH+1kxs3aGgQAPnSrFwy0lqm5Yg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.5.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":644473},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"gitHead":"09610c040efc31f51907cb1160028256e68d9b93","scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist","typecheck":"tsc --noEmit","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"repository":{"url":"git+https://github.com/kernel/managed-auth-react.git","type":"git","directory":"packages/managed-auth-react"},"_npmVersion":"11.19.1","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.20.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.6.0","@types/react":"^18","@types/react-dom":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/managed-auth-react_0.5.3_1789432466621_0.9300991070876821","host":"s3://npm-registry-packages-npm-production"}},"0.5.4":{"name":"@onkernel/managed-auth-react","version":"0.5.4","description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","license":"MIT","author":{"name":"Kernel Technologies, Inc."},"homepage":"https://onkernel.com","repository":{"type":"git","url":"git+https://github.com/kernel/managed-auth-react.git","directory":"packages/managed-auth-react"},"bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"keywords":["kernel","auth","react","managed-auth","authentication"],"type":"module","sideEffects":["**/*.css"],"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/styles.css","./package.json":"./package.json"},"scripts":{"build":"tsup","dev":"tsup --watch","typecheck":"tsc --noEmit","clean":"rm -rf dist","link:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react bun run build","dev:hosted-ui":"LINK_TO=../../../managed-auth-hosted-ui/node_modules/@onkernel/managed-auth-react tsup --watch"},"peerDependencies":{"react":">=18","react-dom":">=18"},"dependencies":{"clsx":"^2.1.1"},"devDependencies":{"@types/react":"^18","@types/react-dom":"^18","react":"^18.3.1","react-dom":"^18.3.1","tsup":"^8.3.0","typescript":"^5.6.0"},"gitHead":"fb88870bb894c8d1f6e4dae9c62b79733e3308ea","_id":"@onkernel/managed-auth-react@0.5.4","_nodeVersion":"24.20.0","_npmVersion":"11.19.1","dist":{"integrity":"sha512-dPdoNCGMx3i7Rxwxq1ND5gb/IqtAjIUfCGiNcOwfKvmpfVBF7s7f7ep2E5bSXRtMbt0xc5alKEL1jCdOKzh/lg==","shasum":"32b6c96c6c094ec1f1cd51454b0925b43ba3b9bc","tarball":"https://registry.npmjs.org/@onkernel/managed-auth-react/-/managed-auth-react-0.5.4.tgz","fileCount":10,"unpackedSize":647751,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@onkernel%2fmanaged-auth-react@0.5.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCv1Aa+PmYF3+5v/mh19Fo9pncA4xb0bZTazmpHsP+d0wIgDbtp6BSf+bORSOXcJEUzu57D1h03U+yBVFJwzbJXTjg="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e88e1f7b-c358-4892-8995-5d64086cd4cc"}},"directories":{},"maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"roee_kernel","email":"roee@kernel.sh"},{"name":"ulziibay","email":"j2i2t2u2@gmail.com"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/managed-auth-react_0.5.4_1789597482900_0.49393138344240084"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-01T18:12:06.955Z","modified":"2026-09-16T22:24:43.388Z","0.1.0-alpha.0":"2026-05-01T18:12:07.199Z","0.1.0-alpha.3":"2026-05-01T18:17:20.535Z","0.1.0":"2026-05-01T18:24:43.952Z","0.2.0":"2026-05-12T01:16:03.207Z","0.3.0":"2026-05-15T20:20:03.771Z","0.4.0":"2026-05-18T19:26:15.351Z","0.4.1":"2026-06-22T15:03:37.524Z","0.5.0":"2026-08-24T15:05:48.516Z","0.5.1":"2026-08-24T17:35:55.894Z","0.5.2":"2026-09-02T20:08:53.756Z","0.5.3":"2026-09-15T00:34:26.805Z","0.5.4":"2026-09-16T22:24:43.052Z"},"bugs":{"url":"https://github.com/kernel/managed-auth-react/issues"},"author":{"name":"Kernel Technologies, Inc."},"license":"MIT","homepage":"https://onkernel.com","keywords":["kernel","auth","react","managed-auth","authentication"],"repository":{"type":"git","url":"git+https://github.com/kernel/managed-auth-react.git","directory":"packages/managed-auth-react"},"description":"React component library for Kernel managed auth — one-component drop-in with a Clerk-style appearance API","maintainers":[{"name":"masnwilliams","email":"mason@masonwilliams.io"},{"name":"roee_kernel","email":"roee@kernel.sh"},{"name":"ulziibay","email":"j2i2t2u2@gmail.com"},{"name":"raf-kernel","email":"raf@onkernel.com"},{"name":"cat-kernel","email":"c@onkernel.com"}],"readme":"# @onkernel/managed-auth-react\n\nOne drop-in React component for [Kernel](https://onkernel.com) managed auth. Plug in your session, customize every element, ship.\n\n```bash\nbun add @onkernel/managed-auth-react @onkernel/sdk@latest\n# or: npm install @onkernel/managed-auth-react @onkernel/sdk@latest\n```\n\n## Quick start\n\n### 1. On the backend, create a connection and start a login\n\n```ts\nimport Kernel from \"@onkernel/sdk\";\n\nconst kernel = new Kernel({ apiKey: process.env.KERNEL_API_KEY });\n\n// Per profile + domain combination. Returns 409 if one already exists.\nconst connection = await kernel.auth.connections.create({\n  domain: \"netflix.com\",\n  profile_name: \"user-123\",\n});\n\n// Starts a login flow and returns the URL the end user should be sent to.\n// `hosted_url` is shaped like `https://<your-domain>/<your-route>/{id}?code=<handoff>`\n// based on how your Kernel project is configured.\nconst { hosted_url } = await kernel.auth.connections.login(connection.id);\n```\n\nRedirect (or pop open) the user to `hosted_url`.\n\n### 2. On the frontend, render the component on the route the URL points at\n\nThe route just needs to surface the connection `id` (path param) and the `code` (query param) and hand them to the component. In Next.js App Router that looks like:\n\n```tsx\n// app/login/[id]/page.tsx\n\"use client\";\n\nimport { useSearchParams } from \"next/navigation\";\nimport { use } from \"react\";\nimport { KernelManagedAuth } from \"@onkernel/managed-auth-react\";\nimport \"@onkernel/managed-auth-react/styles.css\";\n\nexport default function LoginPage({\n  params,\n}: {\n  params: Promise<{ id: string }>;\n}) {\n  const { id } = use(params);\n  const code = useSearchParams().get(\"code\") ?? \"\";\n\n  return (\n    <KernelManagedAuth\n      sessionId={id}\n      handoffCode={code}\n      onSuccess={({ profileName, domain }) => {\n        window.location.href = `/connected?profile=${profileName}`;\n      }}\n      onError={({ code: errCode, message }) => {\n        console.error(errCode, message);\n      }}\n    />\n  );\n}\n```\n\nThe component is client-only — `\"use client\"` is required in any RSC framework (Next.js App Router, Remix, etc.).\n\n## Backend / API connectivity\n\nBy default the component talks directly to `https://api.onkernel.com`. That works out of the box; nothing else to configure.\n\nIf you'd rather keep all auth traffic same-origin (cookies, CSP, observability), set `baseUrl=\"\"` and proxy the four endpoints the package hits through your own framework:\n\n```ts\n// next.config.ts\nexport default {\n  async rewrites() {\n    return [\n      {\n        source: \"/auth/connections/:id/exchange\",\n        destination: `${process.env.KERNEL_BASE_URL}/auth/connections/:id/exchange`,\n      },\n      {\n        source: \"/auth/connections/:id\",\n        destination: `${process.env.KERNEL_BASE_URL}/auth/connections/:id`,\n      },\n      {\n        source: \"/auth/connections/:id/submit\",\n        destination: `${process.env.KERNEL_BASE_URL}/auth/connections/:id/submit`,\n      },\n      {\n        source: \"/auth/connections/:id/events\",\n        destination: `${process.env.KERNEL_BASE_URL}/auth/connections/:id/events`,\n      },\n    ];\n  },\n};\n```\n\n```tsx\n<KernelManagedAuth sessionId={id} handoffCode={code} baseUrl=\"\" {...rest} />\n```\n\nThe full reference integration (rewrites + client) lives at [`kernel/managed-auth-hosted-ui`](https://github.com/kernel/managed-auth-hosted-ui).\n\n## Styling\n\nFour layers, compose any or all.\n\n### 1. Design tokens → CSS variables\n\n```tsx\n<KernelManagedAuth\n  appearance={{\n    variables: {\n      colorPrimary: \"#0f172a\",\n      borderRadius: 12,\n      fontFamily: \"'Inter', sans-serif\",\n    },\n  }}\n  {...rest}\n/>\n```\n\nEvery `AppearanceVariables` field becomes a `--kma-*` CSS custom property on the root, so you can also wire them up from your own stylesheet.\n\n### 2. Per-element overrides\n\nEvery element has a stable key. Hit it with a class, a style object, or both:\n\n```tsx\n<KernelManagedAuth\n  appearance={{\n    elements: {\n      card: \"my-card-class\",\n      buttonPrimary: {\n        className: \"my-button\",\n        style: { letterSpacing: \"0.02em\" },\n      },\n      title: { style: { fontSize: 28 } },\n    },\n  }}\n  {...rest}\n/>\n```\n\nEvery rendered element also carries a `data-kma-element=\"<key>\"` attribute, so you can target them from global CSS too:\n\n```css\n[data-kma-element=\"buttonPrimary\"] {\n  text-transform: uppercase;\n}\n```\n\n#### Pseudo-state styles\n\nStyle objects support nested pseudo-state selectors (Stripe Elements pattern). They're compiled to scoped CSS at runtime — no separate stylesheet, no `<style>` tag in your tree:\n\n```tsx\n<KernelManagedAuth\n  appearance={{\n    elements: {\n      input: {\n        style: {\n          borderColor: \"#cbd5e1\",\n          \":hover\": { borderColor: \"#94a3b8\" },\n          \":focus-visible\": {\n            borderColor: \"#0f172a\",\n            boxShadow: \"0 0 0 3px rgba(15, 23, 42, 0.15)\",\n          },\n          \"::placeholder\": { color: \"#94a3b8\" },\n        },\n      },\n      buttonSecondary: {\n        style: {\n          \":hover\": { textDecoration: \"underline\", opacity: 1 },\n        },\n      },\n    },\n  }}\n  {...rest}\n/>\n```\n\nSupported keys: `:hover`, `:focus`, `:focus-visible`, `:active`, `:disabled`, `::placeholder`.\n\n### 3. Layout toggles\n\n```tsx\n<KernelManagedAuth\n  appearance={{\n    layout: {\n      poweredByKernel: false,\n      kernelLogoColor: \"white\", // 'auto' | 'green' | 'black' | 'white'\n      showLegalText: false,\n      showSecurityCard: false,\n      socialButtonsPlacement: \"top\",\n      skipPrimeStep: true,\n    },\n  }}\n  {...rest}\n/>\n```\n\n`kernelLogoColor` is restricted to the four brand-sanctioned options. For anything else (one-off marketing tints, etc.) reach for the `elements.poweredByLogo` slot — it accepts arbitrary CSS.\n\n### 4. Theme\n\n```tsx\n<KernelManagedAuth appearance={{ theme: \"dark\" }} {...rest} />\n// \"light\" | \"dark\" | \"auto\" (default: auto, respects prefers-color-scheme)\n```\n\n## Localization\n\nPass a partial map; everything else falls back to English.\n\n```tsx\n<KernelManagedAuth\n  localization={{\n    primeTitle: (site) => `Connectez-vous à ${site}`,\n    primeContinueButton: \"Continuer\",\n    submitButton: \"Se connecter\",\n    mfaTypeLabels: { sms: \"SMS\", email: \"E-mail\", switch: \"Autre méthode\" },\n  }}\n  {...rest}\n/>\n```\n\nSee [`Localization`](./src/localization/types.ts) for every supported key.\n\n## API\n\n### `<KernelManagedAuth />` props\n\n| Prop           | Type                              | Required | Default                      | Description                                                                              |\n| -------------- | --------------------------------- | -------- | ---------------------------- | ---------------------------------------------------------------------------------------- |\n| `sessionId`    | `string`                          | yes      | —                            | Managed auth connection ID from your backend.                                            |\n| `handoffCode`  | `string`                          | yes      | —                            | Single-use handoff code, exchanged for a JWT.                                            |\n| `appearance`   | `Appearance`                      | no       | —                            | Styling — variables, elements, layout, theme.                                            |\n| `localization` | `Localization`                    | no       | English                      | Partial string overrides.                                                                |\n| `onSuccess`    | `(p: AuthSuccessPayload) => void` | no       | —                            | Fires on `SUCCESS`. Payload: `{ profileName: string; domain: string }`.                  |\n| `onError`      | `(p: AuthErrorPayload) => void`   | no       | —                            | Fires on `FAILED`, `CANCELED`, `EXPIRED`. Payload: `{ code?: string; message: string }`. |\n| `baseUrl`      | `string`                          | no       | `\"https://api.onkernel.com\"` | Override the Kernel API origin. Use `\"\"` for same-origin proxying via your own rewrites. |\n| `fetch`        | `typeof fetch`                    | no       | `globalThis.fetch`           | Inject a custom fetch (for SSR or instrumentation).                                      |\n\n### Headless step components\n\nFor 99% of integrations you want `<KernelManagedAuth />`. If you need to drive the UI yourself — custom controllers, test harnesses, Storybook, or a non-standard flow — the underlying step components are all exported:\n\n```tsx\nimport {\n  Shell,\n  StepPrime,\n  StepSuccess,\n  StepError,\n  StepExpired,\n  LoadingState,\n  ExternalActionWaiting,\n  UnifiedAuthForm,\n  AppearanceProvider,\n  LocalizationProvider,\n} from \"@onkernel/managed-auth-react\";\n```\n\nWrap them in `<AppearanceProvider>` and `<LocalizationProvider>` to inherit the same styling/localization plumbing as the all-in-one component. See [`packages/demo`](../demo) in this repo for a worked harness driving every step from a state picker.\n\n### Element keys\n\n`root`, `shell`, `card`, `poweredBy`, `poweredByLink`, `poweredByLogo`, `siteIcon`, `title`, `subtitle`, `description`, `securityCard`, `securityRow`, `securityIcon`, `securityText`, `label`, `inputWrapper`, `input`, `inputHint`, `passwordToggle`, `button`, `buttonPrimary`, `buttonSecondary`, `divider`, `dividerLine`, `dividerText`, `ssoButton`, `ssoButtonIcon`, `ssoButtonLabel`, `mfaOption`, `mfaOptionIcon`, `mfaOptionLabel`, `mfaOptionTarget`, `mfaOptionDescription`, `signInOption`, `signInOptionLabel`, `signInOptionDescription`, `signInOptionChevron`, `errorBanner`, `errorBannerText`, `errorIcon`, `errorTitle`, `errorDescription`, `errorCode`, `successIcon`, `successTitle`, `successDescription`, `expiredIcon`, `expiredCard`, `expiredTitle`, `expiredDescription`, `spinner`, `loadingText`, `externalActionIcon`, `externalActionMessage`, `form`, `formField`, `legalText`, `legalLink`.\n\n`ssoButton`, `mfaOption`, and `signInOption` compose `button` → `buttonSecondary` → the slot-specific key, so any styling applied at `buttonSecondary` (e.g. a shared hover state) flows through to all three.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}