@insforge/react 0.1.7 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/README.md +286 -570
  2. package/dist/atoms.js +5 -5
  3. package/dist/atoms.js.map +1 -1
  4. package/dist/atoms.mjs +5 -5
  5. package/dist/atoms.mjs.map +1 -1
  6. package/dist/components.js +413 -219
  7. package/dist/components.js.map +1 -1
  8. package/dist/components.mjs +413 -219
  9. package/dist/components.mjs.map +1 -1
  10. package/dist/forms.js +413 -219
  11. package/dist/forms.js.map +1 -1
  12. package/dist/forms.mjs +413 -219
  13. package/dist/forms.mjs.map +1 -1
  14. package/dist/hooks.d.mts +2 -2
  15. package/dist/hooks.d.ts +2 -2
  16. package/dist/hooks.js.map +1 -1
  17. package/dist/hooks.mjs.map +1 -1
  18. package/dist/index.d.mts +3 -1
  19. package/dist/index.d.ts +3 -1
  20. package/dist/index.js +471 -220
  21. package/dist/index.js.map +1 -1
  22. package/dist/index.mjs +471 -221
  23. package/dist/index.mjs.map +1 -1
  24. package/dist/router.d.mts +105 -0
  25. package/dist/router.d.ts +105 -0
  26. package/dist/router.js +140 -0
  27. package/dist/router.js.map +1 -0
  28. package/dist/router.mjs +138 -0
  29. package/dist/router.mjs.map +1 -0
  30. package/dist/styles.css +1 -1
  31. package/dist/types.d.mts +257 -39
  32. package/dist/types.d.ts +257 -39
  33. package/package.json +8 -2
package/dist/index.mjs CHANGED
@@ -5,7 +5,7 @@ if (typeof document !== 'undefined' && typeof window !== 'undefined') {
5
5
  if (!document.getElementById(styleId)) {
6
6
  const style = document.createElement('style');
7
7
  style.id = styleId;
8
- style.textContent = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n@import \"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap\";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-content:\"\"}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-manrope:\"Manrope\",sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-1\\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-\\[18px\\]{height:18px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-\\[18px\\]{width:18px}.w-full{width:100%}.max-w-\\[400px\\]{max-width:400px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-40{min-width:calc(var(--spacing)*40)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\\[\\#D4D4D4\\]{border-color:#d4d4d4}.border-\\[\\#E0E0E0\\]{border-color:#e0e0e0}.border-\\[\\#E4E4E7\\]{border-color:#e4e4e7}.border-black{border-color:var(--color-black)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-red-600{border-color:var(--color-red-600)}.border-transparent{border-color:#0000}.bg-\\[\\#059669\\]{background-color:#059669}.bg-\\[\\#FAFAFA\\]{background-color:#fafafa}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-8{padding-right:calc(var(--spacing)*8)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-manrope{font-family:var(--font-manrope)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\\[\\#09090B\\]{color:#09090b}.text-\\[\\#525252\\]{color:#525252}.text-\\[\\#737373\\]{color:#737373}.text-\\[\\#828282\\]{color:#828282}.text-\\[\\#A3A3A3\\]{color:#a3a3a3}.text-\\[\\#A6A6A6\\]{color:#a6a6a6}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-neutral-600{color:var(--color-neutral-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-900{color:var(--color-purple-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_0_rgba\\(0\\,0\\,0\\,0\\.10\\)\\]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\\:text-\\[\\#A3A3A3\\]::placeholder{color:#a3a3a3}.before\\:h-px:before{content:var(--tw-content);height:1px}.before\\:flex-1:before{content:var(--tw-content);flex:1}.before\\:bg-\\[\\#E5E5E5\\]:before{content:var(--tw-content);background-color:#e5e5e5}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\";content:var(--tw-content)}.after\\:h-px:after{content:var(--tw-content);height:1px}.after\\:flex-1:after{content:var(--tw-content);flex:1}.after\\:bg-\\[\\#E5E5E5\\]:after{content:var(--tw-content);background-color:#e5e5e5}.after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\";content:var(--tw-content)}@media (hover:hover){.hover\\:border-\\[\\#9ca3af\\]:hover{border-color:#9ca3af}.hover\\:bg-\\[\\#f9fafb\\]:hover{background-color:#f9fafb}.hover\\:bg-black\\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}}.focus\\:border-black:focus{border-color:var(--color-black)}.focus\\:shadow-\\[0_0_0_2px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-\\[\\#F5F5F5\\]:disabled{background-color:#f5f5f5}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-color-scheme:dark){.dark\\:border-white{border-color:var(--color-white)}.dark\\:bg-green-900{background-color:var(--color-green-900)}.dark\\:text-gray-400{color:var(--color-gray-400)}.dark\\:text-green-400{color:var(--color-green-400)}.dark\\:text-neutral-400{color:var(--color-neutral-400)}.dark\\:text-white{color:var(--color-white)}}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@keyframes spin{to{transform:rotate(360deg)}}";
8
+ style.textContent = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n@import \"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap\";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-content:\"\"}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-manrope:\"Manrope\",sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-1\\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-\\[18px\\]{height:18px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-\\[18px\\]{width:18px}.w-full{width:100%}.max-w-\\[400px\\]{max-width:400px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-40{min-width:calc(var(--spacing)*40)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\\[\\#D4D4D4\\]{border-color:#d4d4d4}.border-\\[\\#E0E0E0\\]{border-color:#e0e0e0}.border-\\[\\#E4E4E7\\]{border-color:#e4e4e7}.border-black{border-color:var(--color-black)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-600{border-color:var(--color-red-600)}.border-transparent{border-color:#0000}.bg-\\[\\#059669\\]{background-color:#059669}.bg-\\[\\#FAFAFA\\]{background-color:#fafafa}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-8{padding-right:calc(var(--spacing)*8)}.pl-3{padding-left:calc(var(--spacing)*3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-manrope{font-family:var(--font-manrope)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\\[\\#09090B\\]{color:#09090b}.text-\\[\\#525252\\]{color:#525252}.text-\\[\\#737373\\]{color:#737373}.text-\\[\\#828282\\]{color:#828282}.text-\\[\\#A3A3A3\\]{color:#a3a3a3}.text-\\[\\#A6A6A6\\]{color:#a6a6a6}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-neutral-600{color:var(--color-neutral-600)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-900{color:var(--color-purple-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_1px_2px_0_rgba\\(0\\,0\\,0\\,0\\.10\\)\\]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\\:text-\\[\\#A3A3A3\\]::placeholder{color:#a3a3a3}.before\\:h-px:before{content:var(--tw-content);height:1px}.before\\:flex-1:before{content:var(--tw-content);flex:1}.before\\:bg-\\[\\#E5E5E5\\]:before{content:var(--tw-content);background-color:#e5e5e5}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\";content:var(--tw-content)}.after\\:h-px:after{content:var(--tw-content);height:1px}.after\\:flex-1:after{content:var(--tw-content);flex:1}.after\\:bg-\\[\\#E5E5E5\\]:after{content:var(--tw-content);background-color:#e5e5e5}.after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\";content:var(--tw-content)}@media (hover:hover){.hover\\:border-\\[\\#9ca3af\\]:hover{border-color:#9ca3af}.hover\\:bg-\\[\\#f9fafb\\]:hover{background-color:#f9fafb}.hover\\:bg-black\\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-purple-800:hover{color:var(--color-purple-800)}}.focus\\:border-black:focus{border-color:var(--color-black)}.focus\\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\\:shadow-\\[0_0_0_2px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-\\[\\#F5F5F5\\]:disabled{background-color:#f5f5f5}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}@media (prefers-color-scheme:dark){.dark\\:border-white{border-color:var(--color-white)}.dark\\:bg-green-900{background-color:var(--color-green-900)}.dark\\:text-gray-400{color:var(--color-gray-400)}.dark\\:text-green-400{color:var(--color-green-400)}.dark\\:text-neutral-400{color:var(--color-neutral-400)}.dark\\:text-white{color:var(--color-white)}}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"<length-percentage>\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"<length-percentage>\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"<length-percentage>\";inherits:false;initial-value:100%}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@keyframes spin{to{transform:rotate(360deg)}}";
9
9
  if (document.head) {
10
10
  document.head.appendChild(style);
11
11
  }
@@ -506,11 +506,11 @@ function AuthPasswordStrengthIndicator({
506
506
  }
507
507
  function createRequirements(config) {
508
508
  const requirements = [];
509
- const minLength = config.email.passwordMinLength;
510
- const requireUppercase = config.email.requireUppercase;
511
- const requireLowercase = config.email.requireLowercase;
512
- const requireNumber = config.email.requireNumber;
513
- const requireSpecialChar = config.email.requireSpecialChar;
509
+ const minLength = config.passwordMinLength;
510
+ const requireUppercase = config.requireUppercase;
511
+ const requireLowercase = config.requireLowercase;
512
+ const requireNumber = config.requireNumber;
513
+ const requireSpecialChar = config.requireSpecialChar;
514
514
  if (requireUppercase) {
515
515
  requirements.push({
516
516
  label: "At least 1 Uppercase letter",
@@ -1052,72 +1052,129 @@ function SignInForm({
1052
1052
  signUpUrl = "/sign-up",
1053
1053
  dividerText = "or"
1054
1054
  }) {
1055
- return /* @__PURE__ */ jsxs(AuthContainer, { appearance, children: [
1056
- /* @__PURE__ */ jsx(AuthHeader, { title, subtitle }),
1057
- /* @__PURE__ */ jsx(AuthErrorBanner, { error: error || "" }),
1058
- /* @__PURE__ */ jsxs(
1059
- "form",
1060
- {
1061
- onSubmit,
1062
- noValidate: true,
1063
- className: "flex flex-col items-stretch justify-center gap-6",
1064
- children: [
1065
- /* @__PURE__ */ jsx(
1066
- AuthFormField,
1067
- {
1068
- id: "email",
1069
- type: "email",
1070
- label: emailLabel,
1071
- placeholder: emailPlaceholder,
1072
- value: email,
1073
- onChange: (e) => onEmailChange(e.target.value),
1074
- required: true,
1075
- autoComplete: "email"
1055
+ return /* @__PURE__ */ jsxs(
1056
+ AuthContainer,
1057
+ {
1058
+ appearance: {
1059
+ containerClassName: appearance.container,
1060
+ cardClassName: appearance.card
1061
+ },
1062
+ children: [
1063
+ /* @__PURE__ */ jsx(
1064
+ AuthHeader,
1065
+ {
1066
+ title,
1067
+ subtitle,
1068
+ appearance: {
1069
+ containerClassName: appearance.header?.container,
1070
+ titleClassName: appearance.header?.title,
1071
+ subtitleClassName: appearance.header?.subtitle
1076
1072
  }
1077
- ),
1073
+ }
1074
+ ),
1075
+ /* @__PURE__ */ jsx(
1076
+ AuthErrorBanner,
1077
+ {
1078
+ error: error || "",
1079
+ className: appearance.errorBanner
1080
+ }
1081
+ ),
1082
+ /* @__PURE__ */ jsxs(
1083
+ "form",
1084
+ {
1085
+ onSubmit,
1086
+ noValidate: true,
1087
+ className: appearance.form?.container || "flex flex-col items-stretch justify-center gap-6",
1088
+ children: [
1089
+ /* @__PURE__ */ jsx(
1090
+ AuthFormField,
1091
+ {
1092
+ id: "email",
1093
+ type: "email",
1094
+ label: emailLabel,
1095
+ placeholder: emailPlaceholder,
1096
+ value: email,
1097
+ onChange: (e) => onEmailChange(e.target.value),
1098
+ required: true,
1099
+ autoComplete: "email",
1100
+ appearance: {
1101
+ containerClassName: appearance.form?.emailField?.container,
1102
+ labelClassName: appearance.form?.emailField?.label,
1103
+ inputClassName: appearance.form?.emailField?.input
1104
+ }
1105
+ }
1106
+ ),
1107
+ /* @__PURE__ */ jsx(
1108
+ AuthPasswordField,
1109
+ {
1110
+ id: "password",
1111
+ label: passwordLabel,
1112
+ placeholder: passwordPlaceholder,
1113
+ value: password,
1114
+ onChange: (e) => onPasswordChange(e.target.value),
1115
+ required: true,
1116
+ autoComplete: "current-password",
1117
+ emailAuthConfig,
1118
+ forgotPasswordLink: forgotPasswordUrl ? {
1119
+ href: forgotPasswordUrl,
1120
+ text: forgotPasswordText
1121
+ } : void 0,
1122
+ appearance: {
1123
+ containerClassName: appearance.form?.passwordField?.container,
1124
+ labelClassName: appearance.form?.passwordField?.label,
1125
+ inputClassName: appearance.form?.passwordField?.input
1126
+ }
1127
+ }
1128
+ ),
1129
+ /* @__PURE__ */ jsx(
1130
+ AuthSubmitButton,
1131
+ {
1132
+ isLoading: loading,
1133
+ disabled: loading || oauthLoading !== null,
1134
+ className: appearance.button,
1135
+ children: loading ? loadingButtonText : submitButtonText
1136
+ }
1137
+ )
1138
+ ]
1139
+ }
1140
+ ),
1141
+ /* @__PURE__ */ jsx(
1142
+ AuthLink,
1143
+ {
1144
+ text: signUpText,
1145
+ linkText: signUpLinkText,
1146
+ href: signUpUrl,
1147
+ appearance: {
1148
+ containerClassName: appearance.link?.container,
1149
+ linkClassName: appearance.link?.link
1150
+ }
1151
+ }
1152
+ ),
1153
+ availableProviders.length > 0 && onOAuthClick && /* @__PURE__ */ jsxs(Fragment, { children: [
1078
1154
  /* @__PURE__ */ jsx(
1079
- AuthPasswordField,
1155
+ AuthDivider,
1080
1156
  {
1081
- id: "password",
1082
- label: passwordLabel,
1083
- placeholder: passwordPlaceholder,
1084
- value: password,
1085
- onChange: (e) => onPasswordChange(e.target.value),
1086
- required: true,
1087
- autoComplete: "current-password",
1088
- emailAuthConfig,
1089
- forgotPasswordLink: forgotPasswordUrl ? {
1090
- href: forgotPasswordUrl,
1091
- text: forgotPasswordText
1092
- } : void 0
1157
+ text: dividerText,
1158
+ className: appearance.divider
1093
1159
  }
1094
1160
  ),
1095
1161
  /* @__PURE__ */ jsx(
1096
- AuthSubmitButton,
1162
+ AuthOAuthProviders,
1097
1163
  {
1098
- isLoading: loading,
1164
+ providers: availableProviders,
1165
+ onClick: onOAuthClick,
1099
1166
  disabled: loading || oauthLoading !== null,
1100
- className: appearance.buttonClassName,
1101
- children: loading ? loadingButtonText : submitButtonText
1167
+ loading: oauthLoading,
1168
+ appearance: {
1169
+ containerClassName: appearance.oauth?.container,
1170
+ buttonClassName: appearance.oauth?.button
1171
+ }
1102
1172
  }
1103
1173
  )
1104
- ]
1105
- }
1106
- ),
1107
- /* @__PURE__ */ jsx(AuthLink, { text: signUpText, linkText: signUpLinkText, href: signUpUrl }),
1108
- availableProviders.length > 0 && onOAuthClick && /* @__PURE__ */ jsxs(Fragment, { children: [
1109
- /* @__PURE__ */ jsx(AuthDivider, { text: dividerText }),
1110
- /* @__PURE__ */ jsx(
1111
- AuthOAuthProviders,
1112
- {
1113
- providers: availableProviders,
1114
- onClick: onOAuthClick,
1115
- disabled: loading || oauthLoading !== null,
1116
- loading: oauthLoading
1117
- }
1118
- )
1119
- ] })
1120
- ] });
1174
+ ] })
1175
+ ]
1176
+ }
1177
+ );
1121
1178
  }
1122
1179
  function SignIn({
1123
1180
  afterSignInUrl = "/",
@@ -1224,70 +1281,127 @@ function SignUpForm({
1224
1281
  signInUrl = "/sign-in",
1225
1282
  dividerText = "or"
1226
1283
  }) {
1227
- return /* @__PURE__ */ jsxs(AuthContainer, { appearance, children: [
1228
- /* @__PURE__ */ jsx(AuthHeader, { title, subtitle }),
1229
- /* @__PURE__ */ jsx(AuthErrorBanner, { error: error || "" }),
1230
- /* @__PURE__ */ jsxs(
1231
- "form",
1232
- {
1233
- onSubmit,
1234
- noValidate: true,
1235
- className: "flex flex-col items-stretch justify-center gap-6",
1236
- children: [
1237
- /* @__PURE__ */ jsx(
1238
- AuthFormField,
1239
- {
1240
- id: "email",
1241
- type: "email",
1242
- label: emailLabel,
1243
- placeholder: emailPlaceholder,
1244
- value: email,
1245
- onChange: (e) => onEmailChange(e.target.value),
1246
- required: true,
1247
- autoComplete: "email"
1284
+ return /* @__PURE__ */ jsxs(
1285
+ AuthContainer,
1286
+ {
1287
+ appearance: {
1288
+ containerClassName: appearance.container,
1289
+ cardClassName: appearance.card
1290
+ },
1291
+ children: [
1292
+ /* @__PURE__ */ jsx(
1293
+ AuthHeader,
1294
+ {
1295
+ title,
1296
+ subtitle,
1297
+ appearance: {
1298
+ containerClassName: appearance.header?.container,
1299
+ titleClassName: appearance.header?.title,
1300
+ subtitleClassName: appearance.header?.subtitle
1248
1301
  }
1249
- ),
1302
+ }
1303
+ ),
1304
+ /* @__PURE__ */ jsx(
1305
+ AuthErrorBanner,
1306
+ {
1307
+ error: error || "",
1308
+ className: appearance.errorBanner
1309
+ }
1310
+ ),
1311
+ /* @__PURE__ */ jsxs(
1312
+ "form",
1313
+ {
1314
+ onSubmit,
1315
+ noValidate: true,
1316
+ className: appearance.form?.container || "flex flex-col items-stretch justify-center gap-6",
1317
+ children: [
1318
+ /* @__PURE__ */ jsx(
1319
+ AuthFormField,
1320
+ {
1321
+ id: "email",
1322
+ type: "email",
1323
+ label: emailLabel,
1324
+ placeholder: emailPlaceholder,
1325
+ value: email,
1326
+ onChange: (e) => onEmailChange(e.target.value),
1327
+ required: true,
1328
+ autoComplete: "email",
1329
+ appearance: {
1330
+ containerClassName: appearance.form?.emailField?.container,
1331
+ labelClassName: appearance.form?.emailField?.label,
1332
+ inputClassName: appearance.form?.emailField?.input
1333
+ }
1334
+ }
1335
+ ),
1336
+ /* @__PURE__ */ jsx(
1337
+ AuthPasswordField,
1338
+ {
1339
+ id: "password",
1340
+ label: passwordLabel,
1341
+ placeholder: passwordPlaceholder,
1342
+ value: password,
1343
+ onChange: (e) => onPasswordChange(e.target.value),
1344
+ required: true,
1345
+ minLength: emailAuthConfig.passwordMinLength,
1346
+ autoComplete: "new-password",
1347
+ showStrengthIndicator: true,
1348
+ emailAuthConfig,
1349
+ appearance: {
1350
+ containerClassName: appearance.form?.passwordField?.container,
1351
+ labelClassName: appearance.form?.passwordField?.label,
1352
+ inputClassName: appearance.form?.passwordField?.input
1353
+ }
1354
+ }
1355
+ ),
1356
+ /* @__PURE__ */ jsx(
1357
+ AuthSubmitButton,
1358
+ {
1359
+ isLoading: loading,
1360
+ disabled: loading || oauthLoading !== null,
1361
+ className: appearance.button,
1362
+ children: loading ? loadingButtonText : submitButtonText
1363
+ }
1364
+ )
1365
+ ]
1366
+ }
1367
+ ),
1368
+ /* @__PURE__ */ jsx(
1369
+ AuthLink,
1370
+ {
1371
+ text: signInText,
1372
+ linkText: signInLinkText,
1373
+ href: signInUrl,
1374
+ appearance: {
1375
+ containerClassName: appearance.link?.container,
1376
+ linkClassName: appearance.link?.link
1377
+ }
1378
+ }
1379
+ ),
1380
+ availableProviders.length > 0 && onOAuthClick && /* @__PURE__ */ jsxs(Fragment, { children: [
1250
1381
  /* @__PURE__ */ jsx(
1251
- AuthPasswordField,
1382
+ AuthDivider,
1252
1383
  {
1253
- id: "password",
1254
- label: passwordLabel,
1255
- placeholder: passwordPlaceholder,
1256
- value: password,
1257
- onChange: (e) => onPasswordChange(e.target.value),
1258
- required: true,
1259
- minLength: emailAuthConfig.email.passwordMinLength,
1260
- autoComplete: "new-password",
1261
- showStrengthIndicator: true,
1262
- emailAuthConfig
1384
+ text: dividerText,
1385
+ className: appearance.divider
1263
1386
  }
1264
1387
  ),
1265
1388
  /* @__PURE__ */ jsx(
1266
- AuthSubmitButton,
1389
+ AuthOAuthProviders,
1267
1390
  {
1268
- isLoading: loading,
1391
+ providers: availableProviders,
1392
+ onClick: onOAuthClick,
1269
1393
  disabled: loading || oauthLoading !== null,
1270
- className: appearance.buttonClassName,
1271
- children: loading ? loadingButtonText : submitButtonText
1394
+ loading: oauthLoading,
1395
+ appearance: {
1396
+ containerClassName: appearance.oauth?.container,
1397
+ buttonClassName: appearance.oauth?.button
1398
+ }
1272
1399
  }
1273
1400
  )
1274
- ]
1275
- }
1276
- ),
1277
- /* @__PURE__ */ jsx(AuthLink, { text: signInText, linkText: signInLinkText, href: signInUrl }),
1278
- availableProviders.length > 0 && onOAuthClick && /* @__PURE__ */ jsxs(Fragment, { children: [
1279
- /* @__PURE__ */ jsx(AuthDivider, { text: dividerText }),
1280
- /* @__PURE__ */ jsx(
1281
- AuthOAuthProviders,
1282
- {
1283
- providers: availableProviders,
1284
- onClick: onOAuthClick,
1285
- disabled: loading || oauthLoading !== null,
1286
- loading: oauthLoading
1287
- }
1288
- )
1289
- ] })
1290
- ] });
1401
+ ] })
1402
+ ]
1403
+ }
1404
+ );
1291
1405
  }
1292
1406
  function SignUp({
1293
1407
  afterSignUpUrl = "/",
@@ -1633,57 +1747,101 @@ function ForgotPasswordForm({
1633
1747
  successMessage
1634
1748
  }) {
1635
1749
  if (success) {
1636
- return /* @__PURE__ */ jsx(AuthContainer, { appearance, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
1637
- /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-8 h-8 text-green-600 dark:text-green-400", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" }) }) }),
1638
- /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-black dark:text-white text-center", children: successTitle }),
1639
- /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center", children: successMessage || `We've sent a password reset link to ${email}. Please check your email and follow the instructions.` }),
1640
- /* @__PURE__ */ jsx("a", { href: backToSignInUrl, className: "mt-4 text-black dark:text-white font-medium", children: "Back to Sign In" })
1641
- ] }) });
1642
- }
1643
- return /* @__PURE__ */ jsxs(AuthContainer, { appearance, children: [
1644
- /* @__PURE__ */ jsx(AuthHeader, { title, subtitle }),
1645
- /* @__PURE__ */ jsx(AuthErrorBanner, { error: error || "" }),
1646
- /* @__PURE__ */ jsxs(
1647
- "form",
1750
+ return /* @__PURE__ */ jsx(
1751
+ AuthContainer,
1648
1752
  {
1649
- onSubmit,
1650
- noValidate: true,
1651
- className: "flex flex-col items-stretch justify-center gap-6",
1652
- children: [
1653
- /* @__PURE__ */ jsx(
1654
- AuthFormField,
1655
- {
1656
- id: "email",
1657
- type: "email",
1658
- label: emailLabel,
1659
- placeholder: emailPlaceholder,
1660
- value: email,
1661
- onChange: (e) => onEmailChange(e.target.value),
1662
- required: true,
1663
- autoComplete: "email"
1753
+ appearance: {
1754
+ containerClassName: appearance.container,
1755
+ cardClassName: appearance.card
1756
+ },
1757
+ children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
1758
+ /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-8 h-8 text-green-600 dark:text-green-400", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" }) }) }),
1759
+ /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-black dark:text-white text-center", children: successTitle }),
1760
+ /* @__PURE__ */ jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center", children: successMessage || `We've sent a password reset link to ${email}. Please check your email and follow the instructions.` }),
1761
+ /* @__PURE__ */ jsx("a", { href: backToSignInUrl, className: "mt-4 text-black dark:text-white font-medium", children: "Back to Sign In" })
1762
+ ] })
1763
+ }
1764
+ );
1765
+ }
1766
+ return /* @__PURE__ */ jsxs(
1767
+ AuthContainer,
1768
+ {
1769
+ appearance: {
1770
+ containerClassName: appearance.container,
1771
+ cardClassName: appearance.card
1772
+ },
1773
+ children: [
1774
+ /* @__PURE__ */ jsx(
1775
+ AuthHeader,
1776
+ {
1777
+ title,
1778
+ subtitle,
1779
+ appearance: {
1780
+ containerClassName: appearance.header?.container,
1781
+ titleClassName: appearance.header?.title,
1782
+ subtitleClassName: appearance.header?.subtitle
1664
1783
  }
1665
- ),
1666
- /* @__PURE__ */ jsx(
1667
- AuthSubmitButton,
1668
- {
1669
- isLoading: loading,
1670
- disabled: loading,
1671
- className: appearance.buttonClassName,
1672
- children: loading ? loadingButtonText : submitButtonText
1784
+ }
1785
+ ),
1786
+ /* @__PURE__ */ jsx(
1787
+ AuthErrorBanner,
1788
+ {
1789
+ error: error || "",
1790
+ className: appearance.errorBanner
1791
+ }
1792
+ ),
1793
+ /* @__PURE__ */ jsxs(
1794
+ "form",
1795
+ {
1796
+ onSubmit,
1797
+ noValidate: true,
1798
+ className: appearance.form?.container || "flex flex-col items-stretch justify-center gap-6",
1799
+ children: [
1800
+ /* @__PURE__ */ jsx(
1801
+ AuthFormField,
1802
+ {
1803
+ id: "email",
1804
+ type: "email",
1805
+ label: emailLabel,
1806
+ placeholder: emailPlaceholder,
1807
+ value: email,
1808
+ onChange: (e) => onEmailChange(e.target.value),
1809
+ required: true,
1810
+ autoComplete: "email",
1811
+ appearance: {
1812
+ containerClassName: appearance.form?.emailField?.container,
1813
+ labelClassName: appearance.form?.emailField?.label,
1814
+ inputClassName: appearance.form?.emailField?.input
1815
+ }
1816
+ }
1817
+ ),
1818
+ /* @__PURE__ */ jsx(
1819
+ AuthSubmitButton,
1820
+ {
1821
+ isLoading: loading,
1822
+ disabled: loading,
1823
+ className: appearance.button,
1824
+ children: loading ? loadingButtonText : submitButtonText
1825
+ }
1826
+ )
1827
+ ]
1828
+ }
1829
+ ),
1830
+ /* @__PURE__ */ jsx(
1831
+ AuthLink,
1832
+ {
1833
+ text: backToSignInText,
1834
+ linkText: "Back to Sign In",
1835
+ href: backToSignInUrl,
1836
+ appearance: {
1837
+ containerClassName: appearance.link?.container,
1838
+ linkClassName: appearance.link?.link
1673
1839
  }
1674
- )
1675
- ]
1676
- }
1677
- ),
1678
- /* @__PURE__ */ jsx(
1679
- AuthLink,
1680
- {
1681
- text: backToSignInText,
1682
- linkText: "Back to Sign In",
1683
- href: backToSignInUrl
1684
- }
1685
- )
1686
- ] });
1840
+ }
1841
+ )
1842
+ ]
1843
+ }
1844
+ );
1687
1845
  }
1688
1846
  function ResetPasswordForm({
1689
1847
  newPassword,
@@ -1706,63 +1864,99 @@ function ResetPasswordForm({
1706
1864
  backToSignInText = "",
1707
1865
  backToSignInUrl = "/sign-in"
1708
1866
  }) {
1709
- return /* @__PURE__ */ jsxs(AuthContainer, { appearance, children: [
1710
- /* @__PURE__ */ jsx(AuthHeader, { title, subtitle }),
1711
- /* @__PURE__ */ jsx(AuthErrorBanner, { error: error || "" }),
1712
- /* @__PURE__ */ jsxs(
1713
- "form",
1714
- {
1715
- onSubmit,
1716
- noValidate: true,
1717
- className: "flex flex-col items-stretch justify-center gap-6",
1718
- children: [
1719
- /* @__PURE__ */ jsx(
1720
- AuthPasswordField,
1721
- {
1722
- id: "newPassword",
1723
- label: newPasswordLabel,
1724
- placeholder: newPasswordPlaceholder,
1725
- value: newPassword,
1726
- onChange: (e) => onNewPasswordChange(e.target.value),
1727
- required: true,
1728
- autoComplete: "new-password",
1729
- showStrengthIndicator: true,
1730
- emailAuthConfig
1731
- }
1732
- ),
1733
- /* @__PURE__ */ jsx(
1734
- AuthPasswordField,
1735
- {
1736
- id: "confirmPassword",
1737
- label: confirmPasswordLabel,
1738
- placeholder: confirmPasswordPlaceholder,
1739
- value: confirmPassword,
1740
- onChange: (e) => onConfirmPasswordChange(e.target.value),
1741
- required: true,
1742
- autoComplete: "new-password",
1743
- emailAuthConfig
1744
- }
1745
- ),
1746
- /* @__PURE__ */ jsx(
1747
- AuthSubmitButton,
1748
- {
1749
- isLoading: loading,
1750
- disabled: loading,
1751
- className: appearance.buttonClassName,
1752
- children: loading ? loadingButtonText : submitButtonText
1867
+ return /* @__PURE__ */ jsxs(
1868
+ AuthContainer,
1869
+ {
1870
+ appearance: {
1871
+ containerClassName: appearance.container,
1872
+ cardClassName: appearance.card
1873
+ },
1874
+ children: [
1875
+ /* @__PURE__ */ jsx(
1876
+ AuthHeader,
1877
+ {
1878
+ title,
1879
+ subtitle,
1880
+ appearance: {
1881
+ containerClassName: appearance.header?.container,
1882
+ titleClassName: appearance.header?.title,
1883
+ subtitleClassName: appearance.header?.subtitle
1753
1884
  }
1754
- )
1755
- ]
1756
- }
1757
- ),
1758
- /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-gray-600 dark:text-gray-400", children: [
1759
- backToSignInText && /* @__PURE__ */ jsxs("span", { children: [
1760
- backToSignInText,
1761
- " "
1762
- ] }),
1763
- /* @__PURE__ */ jsx("a", { href: backToSignInUrl, className: "text-black dark:text-white font-medium", children: "Back to Sign In" })
1764
- ] })
1765
- ] });
1885
+ }
1886
+ ),
1887
+ /* @__PURE__ */ jsx(
1888
+ AuthErrorBanner,
1889
+ {
1890
+ error: error || "",
1891
+ className: appearance.errorBanner
1892
+ }
1893
+ ),
1894
+ /* @__PURE__ */ jsxs(
1895
+ "form",
1896
+ {
1897
+ onSubmit,
1898
+ noValidate: true,
1899
+ className: appearance.form?.container || "flex flex-col items-stretch justify-center gap-6",
1900
+ children: [
1901
+ /* @__PURE__ */ jsx(
1902
+ AuthPasswordField,
1903
+ {
1904
+ id: "newPassword",
1905
+ label: newPasswordLabel,
1906
+ placeholder: newPasswordPlaceholder,
1907
+ value: newPassword,
1908
+ onChange: (e) => onNewPasswordChange(e.target.value),
1909
+ required: true,
1910
+ autoComplete: "new-password",
1911
+ showStrengthIndicator: true,
1912
+ emailAuthConfig,
1913
+ appearance: {
1914
+ containerClassName: appearance.form?.newPasswordField?.container,
1915
+ labelClassName: appearance.form?.newPasswordField?.label,
1916
+ inputClassName: appearance.form?.newPasswordField?.input
1917
+ }
1918
+ }
1919
+ ),
1920
+ /* @__PURE__ */ jsx(
1921
+ AuthPasswordField,
1922
+ {
1923
+ id: "confirmPassword",
1924
+ label: confirmPasswordLabel,
1925
+ placeholder: confirmPasswordPlaceholder,
1926
+ value: confirmPassword,
1927
+ onChange: (e) => onConfirmPasswordChange(e.target.value),
1928
+ required: true,
1929
+ autoComplete: "new-password",
1930
+ emailAuthConfig,
1931
+ appearance: {
1932
+ containerClassName: appearance.form?.confirmPasswordField?.container,
1933
+ labelClassName: appearance.form?.confirmPasswordField?.label,
1934
+ inputClassName: appearance.form?.confirmPasswordField?.input
1935
+ }
1936
+ }
1937
+ ),
1938
+ /* @__PURE__ */ jsx(
1939
+ AuthSubmitButton,
1940
+ {
1941
+ isLoading: loading,
1942
+ disabled: loading,
1943
+ className: appearance.button,
1944
+ children: loading ? loadingButtonText : submitButtonText
1945
+ }
1946
+ )
1947
+ ]
1948
+ }
1949
+ ),
1950
+ /* @__PURE__ */ jsxs("p", { className: appearance.backToSignIn || "text-center text-sm text-gray-600 dark:text-gray-400", children: [
1951
+ backToSignInText && /* @__PURE__ */ jsxs("span", { children: [
1952
+ backToSignInText,
1953
+ " "
1954
+ ] }),
1955
+ /* @__PURE__ */ jsx("a", { href: backToSignInUrl, className: "text-black dark:text-white font-medium", children: "Back to Sign In" })
1956
+ ] })
1957
+ ]
1958
+ }
1959
+ );
1766
1960
  }
1767
1961
  function VerifyEmailStatus({
1768
1962
  status,
@@ -1877,7 +2071,63 @@ function checkPasswordStrength(password) {
1877
2071
  }
1878
2072
  return { score, feedback };
1879
2073
  }
2074
+ function RedirectToAuth({ baseUrl, path }) {
2075
+ useEffect(() => {
2076
+ const callbackUrl = `${window.location.origin}/auth/callback`;
2077
+ const authUrl = new URL(path, baseUrl);
2078
+ authUrl.searchParams.set("redirect", callbackUrl);
2079
+ window.location.replace(authUrl.toString());
2080
+ }, [baseUrl, path]);
2081
+ return null;
2082
+ }
2083
+ function getInsforgeRoutes(config) {
2084
+ const {
2085
+ baseUrl,
2086
+ builtInAuth = true,
2087
+ paths = {}
2088
+ } = config;
2089
+ const {
2090
+ signIn = "/sign-in",
2091
+ signUp = "/sign-up",
2092
+ verifyEmail = "/verify-email",
2093
+ forgotPassword = "/forgot-password",
2094
+ resetPassword = "/reset-password",
2095
+ callback = "/auth/callback"
2096
+ } = paths;
2097
+ const routes = [
2098
+ // Always include callback route
2099
+ {
2100
+ path: callback,
2101
+ element: /* @__PURE__ */ jsx(InsforgeCallback, {})
2102
+ }
2103
+ ];
2104
+ if (builtInAuth) {
2105
+ routes.push(
2106
+ {
2107
+ path: signIn,
2108
+ element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-in" })
2109
+ },
2110
+ {
2111
+ path: signUp,
2112
+ element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-up" })
2113
+ },
2114
+ {
2115
+ path: verifyEmail,
2116
+ element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/verify-email" })
2117
+ },
2118
+ {
2119
+ path: forgotPassword,
2120
+ element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/forgot-password" })
2121
+ },
2122
+ {
2123
+ path: resetPassword,
2124
+ element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/reset-password" })
2125
+ }
2126
+ );
2127
+ }
2128
+ return routes;
2129
+ }
1880
2130
 
1881
- export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, ForgotPasswordForm, InsforgeCallback, InsforgeProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPasswordForm, SignIn, SignInForm, SignUp, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmailStatus, checkPasswordStrength, cn, createPasswordSchema, emailSchema, getAllProviderConfigs, getProviderConfig, passwordSchema, useAuth, useInsforge, usePublicAuthConfig, useUser, validateEmail, validatePassword, validatePasswordStrength };
2131
+ export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, ForgotPasswordForm, InsforgeCallback, InsforgeProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPasswordForm, SignIn, SignInForm, SignUp, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmailStatus, checkPasswordStrength, cn, createPasswordSchema, emailSchema, getAllProviderConfigs, getInsforgeRoutes, getProviderConfig, passwordSchema, useAuth, useInsforge, usePublicAuthConfig, useUser, validateEmail, validatePassword, validatePasswordStrength };
1882
2132
  //# sourceMappingURL=index.mjs.map
1883
2133
  //# sourceMappingURL=index.mjs.map