doct-ui-auth-kit 1.0.4 → 1.0.5

package/README.md

@@ -14,6 +14,21 @@ Peer dependencies (install in your app if not already present):
 npm install react react-dom docthub-core-components react-hook-form zod
 ```
 
+## Global styles
+
+Import the kit CSS once in your app (e.g. in `main.tsx` or `_app.tsx`) so Tailwind and base styles apply:
+
+```tsx
+import 'doct-ui-auth-kit/style.css';
+```
+
+If you use `docthub-core-components`, import its styles first, then the auth kit:
+
+```tsx
+import 'docthub-core-components/style.css';
+import 'doct-ui-auth-kit/style.css';
+```
+
 ## Consumer imports
 
 Install the package and import components, layouts, and types from the library:

package/dist/doct-ui-auth-kit.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-10{top:-2.5rem}.left-1\/2{left:50%}.top-2\.5{top:.625rem}.top-\[152\.5px\]{top:152.5px}.z-10{z-index:10}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-\[100dvh\]{height:100dvh}.h-\[30px\]{height:30px}.h-full{height:100%}.min-h-0{min-height:0px}.min-h-svh{min-height:100svh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[140px\]{width:140px}.w-\[328px\]{width:328px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[12px\]{gap:12px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-pre-line{white-space:pre-line}.rounded-\[10px\]{border-radius:10px}.rounded-\[3px\]{border-radius:3px}.border{border-width:1px}.border-\[rgba\(0\,0\,0\,0\.12\)\]{border-color:#0000001f}.bg-\[\#002830\]{--tw-bg-opacity: 1;background-color:rgb(0 40 48 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/40{background-color:#fff6}.bg-white\/50{background-color:#ffffff80}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-2{padding:.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[22px\]{padding-left:22px;padding-right:22px}.py-12{padding-top:3rem;padding-bottom:3rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-\[\#002830\]{--tw-text-opacity: 1;color:rgb(0 40 48 / var(--tw-text-opacity, 1))}.text-\[\#1e595a\]{--tw-text-opacity: 1;color:rgb(30 89 90 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/80{color:#000c}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}:root{font-family:var( --font-inter, "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif );line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;width:100%}.hover\:bg-white\/60:hover{background-color:#fff9}@media(min-width:640px){.sm\:flex{display:flex}}@media(min-width:768px){.md\:mb-6{margin-bottom:1.5rem}.md\:px-\[20px\]{padding-left:20px;padding-right:20px}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pt-\[20px\]{padding-top:20px}}@media(min-width:1024px){.lg\:block{display:block}.lg\:h-\[100dvh\]{height:100dvh}.lg\:w-\[432px\]{width:432px}.lg\:flex-shrink-0{flex-shrink:0}.lg\:flex-grow-0{flex-grow:0}.lg\:flex-row{flex-direction:row}}

package/dist/index.d.ts

@@ -1,6 +1,9 @@
 /**
  * Auth SDK UI Kit – library entry point.
- * Consumers can import components, layouts, hooks, core (SSO provider, flow, session), and auth methods.
+ * Consumers can import components, layouts (composition + preset), hooks, core (SSO provider, flow, session), and auth methods.
+ *
+ * Import the kit styles once globally in your app (e.g. in main.tsx):
+ * `import 'doct-ui-auth-kit/style.css';`
  *
  * @example
  * ```ts
@@ -11,17 +14,23 @@
  *   useAuthSession,
  *   MainLayout,
  *   AuthLayout,
+ *   ImageSlider,
+ *   AuthLayoutWrapper,
  *   LoginEntry,
  *   OtpVerification,
  *   useGoogleAuth,
  * } from 'doct-ui-auth-kit';
  * ```
  */
-export * from './adapters';
-export { Auth } from './auth';
-export * from './auth-methods';
-export * from './components/layout';
-export * from './core';
-export * from './hooks';
-export * from './pages';
-export * from './types';
+import './index.css';
+export { createHttpAuthAdapter } from '@/adapters';
+export { Auth } from '@/auth';
+export type { UseAppleSignInOptions, UseGoogleAuthOptions, UseGoogleAuthReturn, } from '@/auth-methods';
+export { useAppleSignIn, useGoogleAuth } from '@/auth-methods';
+export type { AuthLayoutPresetProps, AuthLayoutType, AuthLayoutWrapperProps, } from '@/components/layout';
+export { AuthLayout, AuthLayoutPreset, AuthLayoutWrapper, ImageSlider, MainLayout, } from '@/components/layout';
+export * from '@/core';
+export * from '@/hooks';
+export type { LoginEntryPageProps, LoginEntryProps, MainLoginPageProps, MainLoginPageProvidersConfig, OtpVerificationPageProps, OtpVerificationProps, RepeatLoginPageProps, RepeatLoginProps, SignupPageFullProps, SignupPageProps, } from '@/pages';
+export { LoginEntry, LoginEntryPage, MainLogin, MainLoginPage, OtpVerification, OtpVerificationPage, RepeatLogin, RepeatLoginPage, Signup, SignupPage, } from '@/pages';
+export * from '@/types';

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as G, Fragment as Kt } from "react/jsx-runtime";
-import { c as le, A as Zr, a as Xr, u as Jr, R as zr, S as Qr, O as ei, L as Yt, M as ti, b as ni, d as ri } from "./signup-BpiNvZy4.js";
-import { D as a1, I as o1, e as d1, f as u1, g as l1, h as s1, i as c1, j as f1, k as $1, l as p1, m as y1, n as h1 } from "./signup-BpiNvZy4.js";
+import { f as le, A as Zr, g as Xr, u as Jr, d as zr, e as Qr, c as ei, a as Yt, b as ti, O as ni, S as ri } from "./signup-BJWKwg7j.js";
+import { D as a1, I as o1, L as d1, h as u1, M as l1, i as s1, j as c1, k as f1, R as $1, l as p1, m as y1, n as h1, o as m1, p as g1, q as v1 } from "./signup-BJWKwg7j.js";
 import N, { createContext as ii, useContext as tr, useRef as nr, useCallback as ae, useMemo as We, useReducer as ai, useEffect as oi } from "react";
 import { DoctCircularProgress as di } from "docthub-core-components";
 function Ft(e) {
@@ -7128,15 +7128,20 @@ export {
   a1 as DEFAULT_OTP_TITLES,
   Bl as INITIAL_STEP,
   o1 as ImageSlider,
+  d1 as LoginEntry,
   Yt as LoginEntryPage,
-  d1 as MainLayout,
+  u1 as MainLayout,
+  l1 as MainLogin,
   ti as MainLoginPage,
-  u1 as OTP_LENGTH,
+  s1 as OTP_LENGTH,
+  ni as OtpVerification,
   ei as OtpVerificationPage,
-  l1 as RESEND_COOLDOWN_EMAIL_SECONDS,
-  s1 as RESEND_COOLDOWN_PHONE_SECONDS,
+  c1 as RESEND_COOLDOWN_EMAIL_SECONDS,
+  f1 as RESEND_COOLDOWN_PHONE_SECONDS,
+  $1 as RepeatLogin,
   zr as RepeatLoginPage,
   Hl as SSOAuthProvider,
+  ri as Signup,
   Qr as SignupPage,
   Wl as authFlowReducer,
   kl as clearRepeatLoginInfo,
@@ -7147,13 +7152,13 @@ export {
   Gl as localStorageTokenStorage,
   e1 as serverCookieTokenStorage,
   jl as setRepeatLoginInfo,
-  c1 as useAppleSignIn,
+  p1 as useAppleSignIn,
   fi as useAuthFlow,
   Ql as useAuthSession,
   Jr as useGoogleAuth,
-  f1 as useLoginEntryForm,
-  $1 as useMainAuthPageHandlers,
-  p1 as useOtpVerification,
-  y1 as useRepeatLogin,
-  h1 as useSignupForm
+  y1 as useLoginEntryForm,
+  h1 as useMainAuthPageHandlers,
+  m1 as useOtpVerification,
+  g1 as useRepeatLogin,
+  v1 as useSignupForm
 };

package/dist/pages/index.d.ts

@@ -1,5 +1,5 @@
-export { type LoginEntryMode, LoginEntryPage, type LoginEntryPageProps, type LoginEntryProps, } from './login-entry';
-export { type MainLoginAppleProviderConfig, type MainLoginGoogleProviderConfig, MainLoginPage, type MainLoginPageProps, type MainLoginPageProvidersConfig, } from './main-login';
-export { type OtpVerificationMode, OtpVerificationPage, type OtpVerificationPageProps, type OtpVerificationProps, } from './otp-verification';
-export { RepeatLoginPage, type RepeatLoginPageProps, type RepeatLoginProps, } from './repeat-login';
-export { SignupPage, type SignupPageFullProps, type SignupPageProps, } from './signup';
+export { LoginEntry, type LoginEntryMode, LoginEntryPage, type LoginEntryPageProps, type LoginEntryProps, } from './login-entry';
+export { MainLogin, type MainLoginAppleProviderConfig, type MainLoginGoogleProviderConfig, MainLoginPage, type MainLoginPageProps, type MainLoginPageProvidersConfig, } from './main-login';
+export { OtpVerification, type OtpVerificationMode, OtpVerificationPage, type OtpVerificationPageProps, type OtpVerificationProps, } from './otp-verification';
+export { RepeatLogin, RepeatLoginPage, type RepeatLoginPageProps, type RepeatLoginProps, } from './repeat-login';
+export { Signup, SignupPage, type SignupPageFullProps, type SignupPageProps, } from './signup';

package/dist/pages.js

@@ -1,8 +1,13 @@
-import { L as g, M as i, O as n, R as o, S as s } from "./signup-BpiNvZy4.js";
+import { L as n, a as e, M as g, b as o, O as s, c as t, R as p, d as L, S as r, e as P } from "./signup-BJWKwg7j.js";
 export {
-  g as LoginEntryPage,
-  i as MainLoginPage,
-  n as OtpVerificationPage,
-  o as RepeatLoginPage,
-  s as SignupPage
+  n as LoginEntry,
+  e as LoginEntryPage,
+  g as MainLogin,
+  o as MainLoginPage,
+  s as OtpVerification,
+  t as OtpVerificationPage,
+  p as RepeatLogin,
+  L as RepeatLoginPage,
+  r as Signup,
+  P as SignupPage
 };

package/dist/{signup-BpiNvZy4.js → signup-BJWKwg7j.js}

@@ -1,11 +1,11 @@
-import { jsxs as F, jsx as p, Fragment as Be } from "react/jsx-runtime";
-import { DoctTypography as I, DoctButton as M, DoctPhoneInput as He, DoctLabeledInput as Ge, DoctOtpInput as Ve } from "docthub-core-components";
+import { jsxs as F, jsx as p, Fragment as Ge } from "react/jsx-runtime";
+import { DoctTypography as I, DoctButton as M, DoctPhoneInput as Ve, DoctLabeledInput as qe, DoctOtpInput as Ye } from "docthub-core-components";
 import { useFormContext as ne, Controller as ve, useForm as be, FormProvider as ye } from "react-hook-form";
-import H, { createContext as qe, useContext as Ye, useState as V, useEffect as te, useRef as le } from "react";
+import H, { createContext as Ke, useContext as Xe, useState as V, useEffect as te, useRef as le } from "react";
 import { z as W } from "zod";
 var ce = { exports: {} }, he = {};
 var Ee;
-function Ke() {
+function Ze() {
   if (Ee) return he;
   Ee = 1;
   var n = H.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
@@ -15,7 +15,7 @@ function Ke() {
 }
 var ge = {};
 var Pe;
-function Xe() {
+function Je() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
     var n = H.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     ge.c = function(e) {
@@ -31,19 +31,19 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
   })()), ge;
 }
 var Ae;
-function Ze() {
-  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? ce.exports = Ke() : ce.exports = Xe()), ce.exports;
+function Qe() {
+  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? ce.exports = Ze() : ce.exports = Je()), ce.exports;
 }
-var E = Ze(), Me = {
+var E = Qe(), Me = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Oe = H.createContext && /* @__PURE__ */ H.createContext(Me), Je = ["attr", "size", "title"];
-function Qe(n, e) {
+}, Oe = H.createContext && /* @__PURE__ */ H.createContext(Me), et = ["attr", "size", "title"];
+function tt(n, e) {
   if (n == null) return {};
-  var t = et(n, e), l, s;
+  var t = nt(n, e), l, s;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(n);
     for (s = 0; s < o.length; s++)
@@ -51,7 +51,7 @@ function Qe(n, e) {
   }
   return t;
 }
-function et(n, e) {
+function nt(n, e) {
   if (n == null) return {};
   var t = {};
   for (var l in n)
@@ -85,21 +85,21 @@ function fe(n) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? Te(Object(t), !0).forEach(function(l) {
-      tt(n, l, t[l]);
+      lt(n, l, t[l]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : Te(Object(t)).forEach(function(l) {
       Object.defineProperty(n, l, Object.getOwnPropertyDescriptor(t, l));
     });
   }
   return n;
 }
-function tt(n, e, t) {
-  return e = nt(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
+function lt(n, e, t) {
+  return e = it(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
-function nt(n) {
-  var e = lt(n, "string");
+function it(n) {
+  var e = ot(n, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function lt(n, e) {
+function ot(n, e) {
   if (typeof n != "object" || !n) return n;
   var t = n[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -115,17 +115,17 @@ function ke(n) {
   }, e.attr), ke(e.child)));
 }
 function me(n) {
-  return (e) => /* @__PURE__ */ H.createElement(it, de({
+  return (e) => /* @__PURE__ */ H.createElement(st, de({
     attr: fe({}, n.attr)
   }, e), ke(n.child));
 }
-function it(n) {
+function st(n) {
   var e = (t) => {
     var {
       attr: l,
       size: s,
       title: o
-    } = n, i = Qe(n, Je), r = s || t.size || "1em", c;
+    } = n, i = tt(n, et), r = s || t.size || "1em", c;
     return t.className && (c = t.className), n.className && (c = (c ? c + " " : "") + n.className), /* @__PURE__ */ H.createElement("svg", de({
       stroke: "currentColor",
       fill: "currentColor",
@@ -145,10 +145,10 @@ function it(n) {
 function Se(n) {
   return me({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }, child: [] }] })(n);
 }
-function ot(n) {
+function rt(n) {
   return me({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }, child: [] }] })(n);
 }
-const De = ["/slider/slide-1.png", "/slider/slide-2.png", "/slider/slide-3.png", "/slider/slide-4.png", "/slider/slide-5.png"], st = 5e3;
+const De = ["/slider/slide-1.png", "/slider/slide-2.png", "/slider/slide-3.png", "/slider/slide-4.png", "/slider/slide-5.png"], at = 5e3;
 function We(n) {
   var e, t, l = "";
   if (typeof n == "string" || typeof n == "number") l += n;
@@ -162,14 +162,14 @@ function R() {
   for (var n, e, t = 0, l = "", s = arguments.length; t < s; t++) (n = arguments[t]) && (e = We(n)) && (l && (l += " "), l += e);
   return l;
 }
-const $e = qe(null);
+const $e = Ke(null);
 function xe() {
-  const n = Ye($e);
+  const n = Xe($e);
   if (!n)
     throw new Error("AuthLayout compound components must be used within AuthLayout.Root");
   return n;
 }
-function rt(n, e) {
+function ct(n, e) {
   return e === "md" ? "max-w-md" : e === "lg" ? "max-w-lg" : n === "desktop" ? "max-w-[320px]" : "max-w-[360px]";
 }
 function we(n = "center") {
@@ -191,7 +191,7 @@ function we(n = "center") {
       };
   }
 }
-function at(n) {
+function ut(n) {
   const e = E.c(18), {
     children: t,
     variant: l,
@@ -200,7 +200,7 @@ function at(n) {
     contentClassName: i
   } = n, r = l === void 0 ? "mobile" : l, c = s === void 0 ? "sm" : s;
   let a;
-  e[0] !== c || e[1] !== r ? (a = rt(r, c), e[0] = c, e[1] = r, e[2] = a) : a = e[2];
+  e[0] !== c || e[1] !== r ? (a = ct(r, c), e[0] = c, e[1] = r, e[2] = a) : a = e[2];
   const m = a;
   let g;
   e[3] !== c || e[4] !== m || e[5] !== r ? (g = {
@@ -221,7 +221,7 @@ function at(n) {
     h
   ] }), e[14] = u, e[15] = f, e[16] = h, e[17] = v) : v = e[17], v;
 }
-function ct(n) {
+function dt(n) {
   const e = E.c(12), {
     children: t,
     className: l
@@ -241,7 +241,7 @@ function ct(n) {
   let i;
   return e[9] !== t || e[10] !== o ? (i = /* @__PURE__ */ p("div", { className: o, children: t }), e[9] = t, e[10] = o, e[11] = i) : i = e[11], i;
 }
-function ut(n) {
+function ft(n) {
   const e = E.c(6), {
     children: t,
     align: l,
@@ -258,7 +258,7 @@ function ut(n) {
   let r;
   return e[3] !== t || e[4] !== i ? (r = /* @__PURE__ */ p("div", { className: i, children: t }), e[3] = t, e[4] = i, e[5] = r) : r = e[5], r;
 }
-function dt(n) {
+function mt(n) {
   const e = E.c(6), {
     children: t,
     align: l,
@@ -276,7 +276,7 @@ function dt(n) {
   let r;
   return e[3] !== t || e[4] !== i ? (r = /* @__PURE__ */ p("div", { className: i, children: t }), e[3] = t, e[4] = i, e[5] = r) : r = e[5], r;
 }
-function ft(n) {
+function ht(n) {
   const e = E.c(6), {
     children: t,
     align: l,
@@ -294,7 +294,7 @@ function ft(n) {
   let r;
   return e[3] !== t || e[4] !== i ? (r = /* @__PURE__ */ p("div", { className: i, children: t }), e[3] = t, e[4] = i, e[5] = r) : r = e[5], r;
 }
-function mt(n) {
+function gt(n) {
   const e = E.c(5), {
     children: t,
     className: l
@@ -304,7 +304,7 @@ function mt(n) {
   let o;
   return e[2] !== t || e[3] !== s ? (o = /* @__PURE__ */ p("div", { className: s, children: t }), e[2] = t, e[3] = s, e[4] = o) : o = e[4], o;
 }
-function ht(n) {
+function pt(n) {
   const e = E.c(10), {
     children: t,
     sm: l,
@@ -322,7 +322,7 @@ function ht(n) {
   let m;
   return e[7] !== i || e[8] !== a ? (m = /* @__PURE__ */ p("main", { className: i, children: a }), e[7] = i, e[8] = a, e[9] = m) : m = e[9], m;
 }
-function gt(n) {
+function vt(n) {
   const e = E.c(10), {
     children: t,
     className: l
@@ -339,16 +339,16 @@ function gt(n) {
   return e[7] !== o || e[8] !== r ? (c = /* @__PURE__ */ p("footer", { className: o, children: r }), e[7] = o, e[8] = r, e[9] = c) : c = e[9], c;
 }
 const B = {
-  Root: at,
-  Header: ct,
-  Main: ht,
-  Logo: ut,
-  Title: dt,
-  Description: ft,
-  Body: mt,
-  Footer: gt
+  Root: ut,
+  Header: dt,
+  Main: pt,
+  Logo: ft,
+  Title: mt,
+  Description: ht,
+  Body: gt,
+  Footer: vt
 };
-function pt(n) {
+function bt(n) {
   const e = E.c(38), {
     images: t,
     autoPlayInterval: l,
@@ -406,7 +406,7 @@ function pt(n) {
     L
   ] }), e[34] = A, e[35] = L, e[36] = S, e[37] = k) : k = e[37], k;
 }
-function vt(n) {
+function yt(n) {
   const e = E.c(20), {
     sliderImages: t,
     sliderAutoPlayInterval: l,
@@ -428,7 +428,7 @@ function vt(n) {
   let d;
   e[8] !== m ? (d = m != null && /* @__PURE__ */ p("div", { className: R("absolute left-1/2 top-[152.5px] z-10 flex w-[328px] -translate-x-1/2 items-center justify-center text-center transition-opacity duration-300"), children: m }), e[8] = m, e[9] = d) : d = e[9];
   let f;
-  e[10] !== s || e[11] !== o || e[12] !== l || e[13] !== t ? (f = /* @__PURE__ */ p("div", { className: "absolute inset-0", children: t.length > 0 ? /* @__PURE__ */ p(pt, { images: t, autoPlayInterval: l, className: "h-full w-full", hideIndicators: !0, activeIndex: s, onSlideChange: o, onNavigate: o }) : /* @__PURE__ */ p("div", { className: "flex h-full w-full items-center justify-center bg-white/50 p-8", children: /* @__PURE__ */ p(I, { variant: "h6", weight: "medium", align: "center", className: "opacity-40 text-[#1e595a]", children: "No slides configured" }) }) }), e[10] = s, e[11] = o, e[12] = l, e[13] = t, e[14] = f) : f = e[14];
+  e[10] !== s || e[11] !== o || e[12] !== l || e[13] !== t ? (f = /* @__PURE__ */ p("div", { className: "absolute inset-0", children: t.length > 0 ? /* @__PURE__ */ p(bt, { images: t, autoPlayInterval: l, className: "h-full w-full", hideIndicators: !0, activeIndex: s, onSlideChange: o, onNavigate: o }) : /* @__PURE__ */ p("div", { className: "flex h-full w-full items-center justify-center bg-white/50 p-8", children: /* @__PURE__ */ p(I, { variant: "h6", weight: "medium", align: "center", className: "opacity-40 text-[#1e595a]", children: "No slides configured" }) }) }), e[10] = s, e[11] = o, e[12] = l, e[13] = t, e[14] = f) : f = e[14];
   let h;
   return e[15] !== g || e[16] !== u || e[17] !== d || e[18] !== f ? (h = /* @__PURE__ */ F("div", { className: g, children: [
     u,
@@ -436,7 +436,7 @@ function vt(n) {
     f
   ] }), e[15] = g, e[16] = u, e[17] = d, e[18] = f, e[19] = h) : h = e[19], h;
 }
-function bt(n) {
+function St(n) {
   const e = E.c(23), {
     sliderImages: t,
     sliderAutoPlayInterval: l,
@@ -458,7 +458,7 @@ function bt(n) {
     className: r
   }, e[3] = r, e[4] = v) : v = e[4];
   let b;
-  e[5] !== g || e[6] !== s || e[7] !== d || e[8] !== m || e[9] !== o || e[10] !== v ? (b = /* @__PURE__ */ p("div", { className: "hidden lg:block lg:w-[432px] lg:h-[100dvh] lg:flex-shrink-0 lg:flex-grow-0", children: /* @__PURE__ */ p(vt, { sliderImages: d, sliderAutoPlayInterval: m, activeSlideIndex: g, onSlideChange: u, ctaText: s, sliderTitles: o, ...v }) }), e[5] = g, e[6] = s, e[7] = d, e[8] = m, e[9] = o, e[10] = v, e[11] = b) : b = e[11];
+  e[5] !== g || e[6] !== s || e[7] !== d || e[8] !== m || e[9] !== o || e[10] !== v ? (b = /* @__PURE__ */ p("div", { className: "hidden lg:block lg:w-[432px] lg:h-[100dvh] lg:flex-shrink-0 lg:flex-grow-0", children: /* @__PURE__ */ p(yt, { sliderImages: d, sliderAutoPlayInterval: m, activeSlideIndex: g, onSlideChange: u, ctaText: s, sliderTitles: o, ...v }) }), e[5] = g, e[6] = s, e[7] = d, e[8] = m, e[9] = o, e[10] = v, e[11] = b) : b = e[11];
   let y;
   e[12] !== c ? (y = R("flex-1 min-w-0 flex flex-col overflow-x-hidden", c), e[12] = c, e[13] = y) : y = e[13];
   let w;
@@ -490,7 +490,7 @@ function oe(n) {
     contentWidth: v,
     align: b,
     className: y
-  } = n, w = l === void 0 ? "withSlider" : l, x = g === void 0 ? De : g, S = u === void 0 ? st : u, C = h === void 0 ? "sm" : h, _ = v === void 0 ? "default" : v, N = b === void 0 ? "center" : b, P = _ === "sm", A = f ?? (w === "withSlider" ? "desktop" : "mobile");
+  } = n, w = l === void 0 ? "withSlider" : l, x = g === void 0 ? De : g, S = u === void 0 ? at : u, C = h === void 0 ? "sm" : h, _ = v === void 0 ? "default" : v, N = b === void 0 ? "center" : b, P = _ === "sm", A = f ?? (w === "withSlider" ? "desktop" : "mobile");
   let L;
   e[0] !== m || e[1] !== s || e[2] !== a ? (L = () => m ?? (a != null ? /* @__PURE__ */ p(M, { icon: /* @__PURE__ */ p(Se, {}), iconOnly: !0, onClick: a, size: "medium", variant: "outline", "aria-label": "Go back", className: "h-10 w-10" }) : s ? typeof s == "string" ? /* @__PURE__ */ p("div", { className: "h-[30px] w-[140px]", children: /* @__PURE__ */ p("img", { src: s, alt: "Docthub", className: "block h-full w-full object-cover" }) }) : s : null), e[0] = m, e[1] = s, e[2] = a, e[3] = L) : L = e[3];
   const k = L;
@@ -522,7 +522,7 @@ function oe(n) {
   let X;
   e[33] !== r ? (X = r && /* @__PURE__ */ p(B.Footer, { children: r }), e[33] = r, e[34] = X) : X = e[34];
   let se;
-  e[35] !== $ || e[36] !== K || e[37] !== X ? (se = /* @__PURE__ */ F(Be, { children: [
+  e[35] !== $ || e[36] !== K || e[37] !== X ? (se = /* @__PURE__ */ F(Ge, { children: [
     $,
     K,
     X
@@ -536,7 +536,7 @@ function oe(n) {
     let ee;
     e[41] !== Z || e[42] !== C || e[43] !== A ? (ee = /* @__PURE__ */ p(B.Root, { variant: A, maxWidth: C, className: "bg-transparent", children: Z }), e[41] = Z, e[42] = C, e[43] = A, e[44] = ee) : ee = e[44];
     let ae;
-    return e[45] !== S || e[46] !== x || e[47] !== d || e[48] !== Q || e[49] !== ee ? (ae = /* @__PURE__ */ p(bt, { sliderImages: x, sliderAutoPlayInterval: S, sliderTitles: d, ...Q, children: ee }), e[45] = S, e[46] = x, e[47] = d, e[48] = Q, e[49] = ee, e[50] = ae) : ae = e[50], ae;
+    return e[45] !== S || e[46] !== x || e[47] !== d || e[48] !== Q || e[49] !== ee ? (ae = /* @__PURE__ */ p(St, { sliderImages: x, sliderAutoPlayInterval: S, sliderTitles: d, ...Q, children: ee }), e[45] = S, e[46] = x, e[47] = d, e[48] = Q, e[49] = ee, e[50] = ae) : ae = e[50], ae;
   }
   let J;
   e[51] !== y ? (J = y && {
@@ -546,7 +546,7 @@ function oe(n) {
   return e[53] !== Z || e[54] !== C || e[55] !== A || e[56] !== J ? (re = /* @__PURE__ */ p(B.Root, { variant: A, maxWidth: C, ...J, children: Z }), e[53] = Z, e[54] = C, e[55] = A, e[56] = J, e[57] = re) : re = e[57], re;
 }
 const Ie = "https://accounts.google.com/gsi/client";
-function yt() {
+function xt() {
   return typeof window > "u" ? Promise.reject(new Error("GSI requires browser")) : window.google?.accounts?.id ? Promise.resolve() : new Promise((n, e) => {
     if (document.querySelector(`script[src="${Ie}"]`)) {
       const s = () => window.google?.accounts?.id ? n() : setTimeout(s, 50);
@@ -557,8 +557,8 @@ function yt() {
     l.src = Ie, l.async = !0, l.defer = !0, l.onload = () => n(), l.onerror = () => e(new Error("Failed to load Google Identity Services script")), document.body.appendChild(l);
   });
 }
-const St = "openid email profile", Re = 2e3;
-function xt(n) {
+const wt = "openid email profile", Re = 2e3;
+function Ct(n) {
   const e = E.c(18), {
     clientId: t,
     onCredential: l,
@@ -570,7 +570,7 @@ function xt(n) {
   }, u = [l], e[0] = l, e[1] = g, e[2] = u) : (g = e[1], u = e[2]), te(g, u);
   let d;
   e[3] !== t ? (d = async () => {
-    t && (await yt(), !(!window.google?.accounts?.id || !window.google?.accounts?.oauth2) && (i.current || (window.google.accounts.id.initialize({
+    t && (await xt(), !(!window.google?.accounts?.id || !window.google?.accounts?.oauth2) && (i.current || (window.google.accounts.id.initialize({
       client_id: t,
       callback: (C) => {
         c.current(C.credential);
@@ -578,12 +578,12 @@ function xt(n) {
       auto_select: !1
     }), r.current = window.google.accounts.oauth2.initCodeClient({
       client_id: t,
-      scope: St,
+      scope: wt,
       ux_mode: "popup",
       callback: (C) => {
         c.current(C.code);
       },
-      error_callback: wt
+      error_callback: Nt
     }), i.current = !0)));
   }, e[3] = t, e[4] = d) : d = e[4];
   const f = d;
@@ -613,7 +613,7 @@ function xt(n) {
     loginWithGoogle: v
   }, e[16] = v, e[17] = S) : S = e[17], S;
 }
-function wt() {
+function Nt() {
 }
 function je(n) {
   const e = E.c(14), {
@@ -635,7 +635,7 @@ function je(n) {
       field: S,
       fieldState: C
     } = x, _ = g ?? C.error?.message;
-    return /* @__PURE__ */ p(He, { placeholder: d, value: S.value ?? "", onValueChange: (N) => S.onChange(N ?? ""), defaultCountry: f, variant: h ?? "default", required: c ?? !1, disabled: a ?? !1, ...l != null && {
+    return /* @__PURE__ */ p(Ve, { placeholder: d, value: S.value ?? "", onValueChange: (N) => S.onChange(N ?? ""), defaultCountry: f, variant: h ?? "default", required: c ?? !1, disabled: a ?? !1, ...l != null && {
       label: l
     }, ...o != null && {
       helperText: o
@@ -669,7 +669,7 @@ function pe(n) {
       field: w,
       fieldState: x
     } = y;
-    return /* @__PURE__ */ p(Ge, { ...w, ...d !== void 0 && {
+    return /* @__PURE__ */ p(qe, { ...w, ...d !== void 0 && {
       autoFocus: d
     }, value: w.value ?? "", ...l !== void 0 && {
       label: l
@@ -715,38 +715,38 @@ function Ue(n, e) {
     });
   }
 }
-function Ct(n) {
+function _t(n) {
   return n.trim().replace(/\b\w/g, (e) => e.toUpperCase());
 }
-const Ce = W.string().trim().min(3, "Full name must be at least 3 characters").transform(Ct), Ne = W.string().trim().min(1, "Phone number is required").refine((n) => /^\d+$/.test(n), "Phone number must contain only digits").refine((n) => n.length >= 7 && n.length <= 15, "Phone number must be between 7 and 15 digits"), _e = W.string().trim().min(1, "Email is required").email("Enter a valid email address").transform((n) => n.toLowerCase()), Nt = W.object({
+const Ce = W.string().trim().min(3, "Full name must be at least 3 characters").transform(_t), Ne = W.string().trim().min(1, "Phone number is required").refine((n) => /^\d+$/.test(n), "Phone number must contain only digits").refine((n) => n.length >= 7 && n.length <= 15, "Phone number must be between 7 and 15 digits"), _e = W.string().trim().min(1, "Email is required").email("Enter a valid email address").transform((n) => n.toLowerCase()), Et = W.object({
   fullName: Ce,
   phone: Ne
-}), _t = W.object({
+}), Pt = W.object({
   fullName: Ce,
   email: _e
-}), Et = W.object({
+}), At = W.object({
   fullName: Ce,
   email: _e,
   phone: Ne
 }), Le = {
-  phone: Nt,
-  email: _t,
-  foreign: Et
-}, Pt = W.object({
+  phone: Et,
+  email: Pt,
+  foreign: At
+}, Ot = W.object({
   phone: Ne
-}), At = W.object({
+}), Tt = W.object({
   email: _e
 }), Fe = {
-  phone: Pt,
-  email: At
-}, ie = 6, Ot = 60, Tt = 120;
-function It(n) {
-  return n === "phone" ? Ot : Tt;
+  phone: Ot,
+  email: Tt
+}, ie = 6, It = 60, Rt = 120;
+function Lt(n) {
+  return n === "phone" ? It : Rt;
 }
-const Rt = W.object({
+const Ft = W.object({
   otp: W.array(W.string()).length(ie, "Enter all 6 digits").refine((n) => n.every((e) => /^\d$/.test(e)) && n.join("").length === ie, "Invalid OTP! Please use correct code and submit again.")
 });
-function Lt(n) {
+function Mt(n) {
   const e = E.c(19), {
     mode: t,
     onSubmit: l,
@@ -800,10 +800,10 @@ function Lt(n) {
     isSubmitting: r
   }, e[13] = h, e[14] = b, e[15] = a, e[16] = r, e[17] = d, e[18] = y) : y = e[18], y;
 }
-const Ft = {
+const kt = {
   phone: "Enter Phone Number",
   email: "Enter Email Address"
-}, Mt = {
+}, Dt = {
   phone: "We will send you 6 digit OTP on the given Phone Number.",
   email: "We will send you 6 digit OTP on the given Email Address."
 };
@@ -819,7 +819,7 @@ function vn(n) {
     onError: a,
     layoutType: m,
     variant: g
-  } = n, u = m === void 0 ? "withSlider" : m, d = g === void 0 ? "desktop" : g, f = l ?? Ft[t], h = s ?? Mt[t];
+  } = n, u = m === void 0 ? "withSlider" : m, d = g === void 0 ? "desktop" : g, f = l ?? kt[t], h = s ?? Dt[t];
   let v;
   e[0] !== d ? (v = d !== void 0 && {
     variant: d
@@ -843,11 +843,11 @@ function vn(n) {
     onError: a
   }, e[10] = a, e[11] = S) : S = e[11];
   let C;
-  e[12] !== t || e[13] !== y || e[14] !== w || e[15] !== x || e[16] !== S ? (C = /* @__PURE__ */ p(Dt, { mode: t, ...y, ...w, ...x, ...S }), e[12] = t, e[13] = y, e[14] = w, e[15] = x, e[16] = S, e[17] = C) : C = e[17];
+  e[12] !== t || e[13] !== y || e[14] !== w || e[15] !== x || e[16] !== S ? (C = /* @__PURE__ */ p($t, { mode: t, ...y, ...w, ...x, ...S }), e[12] = t, e[13] = y, e[14] = w, e[15] = x, e[16] = S, e[17] = C) : C = e[17];
   let _;
   return e[18] !== u || e[19] !== h || e[20] !== f || e[21] !== v || e[22] !== b || e[23] !== C ? (_ = /* @__PURE__ */ p(oe, { layoutType: u, ...v, contentWidth: "sm", align: "left", backButton: b, title: f, description: h, children: C }), e[18] = u, e[19] = h, e[20] = f, e[21] = v, e[22] = b, e[23] = C, e[24] = _) : _ = e[24], _;
 }
-function kt(n) {
+function Wt(n) {
   const e = E.c(11), {
     isPhone: t,
     handleSubmit: l,
@@ -866,7 +866,7 @@ function kt(n) {
     a
   ] }), e[7] = i, e[8] = r, e[9] = a, e[10] = m) : m = e[10], m;
 }
-function Dt(n) {
+function $t(n) {
   const e = E.c(21), {
     mode: t,
     onSubmit: l,
@@ -903,16 +903,16 @@ function Dt(n) {
     handleSubmit: d,
     isPhone: f,
     isSubmitting: h
-  } = Lt(g);
+  } = Mt(g);
   let v;
-  e[14] !== d || e[15] !== f || e[16] !== h ? (v = /* @__PURE__ */ p(kt, { isPhone: f, handleSubmit: d, isSubmitting: h }), e[14] = d, e[15] = f, e[16] = h, e[17] = v) : v = e[17];
+  e[14] !== d || e[15] !== f || e[16] !== h ? (v = /* @__PURE__ */ p(Wt, { isPhone: f, handleSubmit: d, isSubmitting: h }), e[14] = d, e[15] = f, e[16] = h, e[17] = v) : v = e[17];
   let b;
   return e[18] !== u || e[19] !== v ? (b = /* @__PURE__ */ p(ye, { ...u, children: v }), e[18] = u, e[19] = v, e[20] = b) : b = e[20], b;
 }
-function Wt(n) {
+function jt(n) {
   return me({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z" }, child: [] }] })(n);
 }
-function $t(n) {
+function Ut(n) {
   return me({ attr: { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 48 48", enableBackground: "new 0 0 48 48" }, child: [{ tag: "path", attr: { fill: "#FFC107", d: `M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\r
 	c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24\r
 	c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z` }, child: [] }, { tag: "path", attr: { fill: "#FF3D00", d: `M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657\r
@@ -920,19 +920,19 @@ function $t(n) {
 	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z` }, child: [] }, { tag: "path", attr: { fill: "#1976D2", d: `M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\r
 	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z` }, child: [] }] })(n);
 }
-function jt(n) {
+function zt(n) {
   return {
     triggerSignIn() {
     }
   };
 }
-function Ut(n) {
+function ze(n) {
   const e = E.c(23);
   let t;
   e[0] !== n ? (t = n === void 0 ? {} : n, e[0] = n, e[1] = t) : t = e[1];
-  const l = t, s = qt, o = Vt, i = Gt, r = Ht, c = l.providers?.google?.clientId ?? "";
+  const l = t, s = Yt, o = qt, i = Vt, r = Gt, c = l.providers?.google?.clientId ?? "";
   let a;
-  e[2] !== l.providers?.google?.onCredential ? (a = l.providers?.google?.onCredential ?? Bt, e[2] = l.providers?.google?.onCredential, e[3] = a) : a = e[3];
+  e[2] !== l.providers?.google?.onCredential ? (a = l.providers?.google?.onCredential ?? Ht, e[2] = l.providers?.google?.onCredential, e[3] = a) : a = e[3];
   const m = l.providers?.google?.enableOneTap ?? !1;
   let g;
   e[4] !== c || e[5] !== a || e[6] !== m ? (g = {
@@ -942,9 +942,9 @@ function Ut(n) {
   }, e[4] = c, e[5] = a, e[6] = m, e[7] = g) : g = e[7];
   const {
     loginWithGoogle: u
-  } = xt(g), d = l.providers?.apple?.clientId ?? "", f = l.providers?.apple?.redirectUri ?? "";
+  } = Ct(g), d = l.providers?.apple?.clientId ?? "", f = l.providers?.apple?.redirectUri ?? "";
   let h;
-  e[8] !== l.providers?.apple?.onCredential ? (h = l.providers?.apple?.onCredential ?? zt, e[8] = l.providers?.apple?.onCredential, e[9] = h) : h = e[9];
+  e[8] !== l.providers?.apple?.onCredential ? (h = l.providers?.apple?.onCredential ?? Bt, e[8] = l.providers?.apple?.onCredential, e[9] = h) : h = e[9];
   let v;
   e[10] !== d || e[11] !== f || e[12] !== h ? (v = {
     clientId: d,
@@ -953,7 +953,7 @@ function Ut(n) {
   }, e[10] = d, e[11] = f, e[12] = h, e[13] = v) : v = e[13];
   const {
     triggerSignIn: b
-  } = jt(), y = l.onContinueWithMobile ?? s, w = l.onContinueWithEmail ?? o;
+  } = zt(), y = l.onContinueWithMobile ?? s, w = l.onContinueWithEmail ?? o;
   let x;
   e[14] !== u || e[15] !== l.onContinueWithGoogle || e[16] !== l.providers?.google?.clientId ? (x = l.onContinueWithGoogle ?? (l.providers?.google?.clientId ? () => {
     u();
@@ -967,8 +967,6 @@ function Ut(n) {
     onContinueWithApple: S
   }, e[18] = y, e[19] = w, e[20] = x, e[21] = S, e[22] = C) : C = e[22], C;
 }
-function zt() {
-}
 function Bt() {
 }
 function Ht() {
@@ -979,14 +977,16 @@ function Vt() {
 }
 function qt() {
 }
-const Yt = {
+function Yt() {
+}
+const Kt = {
   phone: "Kindly check your Mobile.",
   email: "Kindly check your Email Inbox."
-}, Kt = {
+}, Xt = {
   phone: "6 digit OTP has been sent to your Mobile",
   email: "6 digit OTP has been sent to your Email"
 };
-function Xt(n) {
+function Zt(n) {
   const e = E.c(29), {
     mode: t,
     onSubmit: l,
@@ -996,12 +996,12 @@ function Xt(n) {
     onError: r
   } = n, [c, a] = V(!1);
   let m;
-  e[0] !== t ? (m = It(t), e[0] = t, e[1] = m) : m = e[1];
+  e[0] !== t ? (m = Lt(t), e[0] = t, e[1] = m) : m = e[1];
   const g = m, [u, d] = V(g), f = u <= 0;
   let h;
   e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = Array.from({
     length: ie
-  }, Jt), e[2] = h) : h = e[2];
+  }, Qt), e[2] = h) : h = e[2];
   const v = h;
   let b;
   e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
@@ -1016,13 +1016,13 @@ function Xt(n) {
     if (u <= 0)
       return;
     const $ = setInterval(() => {
-      d(Zt);
+      d(Jt);
     }, 1e3);
     return () => clearInterval($);
   }, x = [u], e[4] = u, e[5] = w, e[6] = x) : (w = e[5], x = e[6]), te(w, x);
   let S;
   e[7] !== y || e[8] !== r || e[9] !== l || e[10] !== i || e[11] !== o ? (S = ($) => {
-    const j = Rt.safeParse($);
+    const j = Ft.safeParse($);
     if (!j.success) {
       const U = j.error.issues[0]?.message ?? "Invalid OTP";
       y.setError("otp", {
@@ -1066,14 +1066,14 @@ function Xt(n) {
     isSubmitting: c
   }, e[21] = f, e[22] = N, e[23] = C, e[24] = c, e[25] = y, e[26] = u, e[27] = D, e[28] = G) : G = e[28], G;
 }
-function Zt(n) {
+function Jt(n) {
   return n <= 1 ? 0 : n - 1;
 }
-function Jt() {
+function Qt() {
   return "";
 }
-const Qt = "Mobile";
-function en(n) {
+const en = "Mobile";
+function tn(n) {
   const e = E.c(11);
   let t;
   e[0] !== n ? (t = n === void 0 ? {} : n, e[0] = n, e[1] = t) : t = e[1];
@@ -1083,7 +1083,7 @@ function en(n) {
     continueApi: c,
     onSuccess: a,
     onError: m
-  } = l, g = i === void 0 ? Qt : i;
+  } = l, g = i === void 0 ? en : i;
   let u;
   e[2] !== c || e[3] !== r || e[4] !== m || e[5] !== a ? (u = () => {
     if (c) {
@@ -1106,7 +1106,7 @@ function en(n) {
     lastUsedMethod: g
   }, e[7] = d, e[8] = s, e[9] = g, e[10] = f) : f = e[10], f;
 }
-function tn(n) {
+function nn(n) {
   const e = E.c(22), {
     mode: t,
     defaultPhone: l,
@@ -1176,7 +1176,7 @@ function tn(n) {
     isSubmitting: a
   }, e[15] = y, e[16] = u, e[17] = x, e[18] = g, e[19] = a, e[20] = v, e[21] = S) : S = e[21], S;
 }
-function ze() {
+function Be() {
   const n = E.c(3);
   let e, t;
   n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ p("br", {}), t = /* @__PURE__ */ p("a", { href: "/terms", className: "font-semibold text-black underline", children: "Terms of Use" }), n[0] = e, n[1] = t) : (e = n[0], t = n[1]);
@@ -1191,22 +1191,28 @@ function ze() {
     /* @__PURE__ */ p("a", { href: "/privacy", className: "font-semibold text-black underline", children: "Privacy Policy." })
   ] }), n[2] = l) : l = n[2], l;
 }
-function nn() {
+function ln() {
   const n = E.c(1);
   let e;
-  return n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ p(M, { icon: /* @__PURE__ */ p("div", { className: "flex items-center justify-center p-2 bg-[#002830] rounded-[10px]", children: /* @__PURE__ */ p(ot, { color: "white", className: "h-5 w-5" }) }), iconPosition: "right", size: "large", variant: "outline", "aria-label": "Go to Enterprise Login", className: "hidden sm:flex items-center gap-4 border border-[rgba(0,0,0,0.12)]  px-[22px] py-[14px]", children: "Enterprise Login" }), n[0] = e) : e = n[0], e;
+  return n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ p(M, { icon: /* @__PURE__ */ p("div", { className: "flex items-center justify-center p-2 bg-[#002830] rounded-[10px]", children: /* @__PURE__ */ p(rt, { color: "white", className: "h-5 w-5" }) }), iconPosition: "right", size: "large", variant: "outline", "aria-label": "Go to Enterprise Login", className: "hidden sm:flex items-center gap-4 border border-[rgba(0,0,0,0.12)]  px-[22px] py-[14px]", children: "Enterprise Login" }), n[0] = e) : e = n[0], e;
 }
 const bn = (n) => {
-  const e = E.c(5), t = Ut(n);
+  const e = E.c(5), t = ze(n);
   let l;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ p(nn, {}), e[0] = l) : l = e[0];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ p(ln, {}), e[0] = l) : l = e[0];
   let s;
   e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ p(I, { variant: "title1", weight: "bold", align: "center", children: "Healthcare Career App" }), e[1] = s) : s = e[1];
   let o;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(ze, {}), e[2] = o) : o = e[2];
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(Be, {}), e[2] = o) : o = e[2];
   let i;
-  return e[3] !== t ? (i = /* @__PURE__ */ p(oe, { layoutType: "withSlider", variant: "desktop", header: l, logo: "/main-logo.svg", align: "center", title: s, description: "Welcome to the Healthcare Career App. Please sign in to continue.", footer: o, children: /* @__PURE__ */ p(ln, { handlers: t }) }), e[3] = t, e[4] = i) : i = e[4], i;
-}, ln = (n) => {
+  return e[3] !== t ? (i = /* @__PURE__ */ p(oe, { layoutType: "withSlider", variant: "desktop", header: l, logo: "/main-logo.svg", align: "center", title: s, description: "Welcome to the Healthcare Career App. Please sign in to continue.", footer: o, children: /* @__PURE__ */ p(He, { handlers: t }) }), e[3] = t, e[4] = i) : i = e[4], i;
+};
+function yn(n) {
+  const e = E.c(2), t = ze(n);
+  let l;
+  return e[0] !== t ? (l = /* @__PURE__ */ p(He, { handlers: t }), e[0] = t, e[1] = l) : l = e[1], l;
+}
+const He = (n) => {
   const e = E.c(19), {
     handlers: t
   } = n, {
@@ -1224,13 +1230,13 @@ const bn = (n) => {
   let m;
   e[4] !== s ? (m = /* @__PURE__ */ p(M, { variant: "outline", size: "large", fullWidth: !0, onClick: s, children: a }), e[4] = s, e[5] = m) : m = e[5];
   let g;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ p($t, { "aria-hidden": !0 }), e[6] = g) : g = e[6];
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ p(Ut, { "aria-hidden": !0 }), e[6] = g) : g = e[6];
   let u;
   e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ p(ue, { children: "Continue with Google" }), e[7] = u) : u = e[7];
   let d;
   e[8] !== o ? (d = /* @__PURE__ */ p(M, { variant: "outline", size: "large", fullWidth: !0, icon: g, iconPosition: "left", onClick: o, children: u }), e[8] = o, e[9] = d) : d = e[9];
   let f;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ p(Wt, { "aria-hidden": !0 }), e[10] = f) : f = e[10];
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ p(jt, { "aria-hidden": !0 }), e[10] = f) : f = e[10];
   let h;
   e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ p(ue, { children: "Continue with Apple" }), e[11] = h) : h = e[11];
   let v;
@@ -1267,7 +1273,7 @@ function on(n) {
     } = f;
     return /* @__PURE__ */ F("div", { children: [
       l && /* @__PURE__ */ p("label", { className: "block mb-1", children: l }),
-      /* @__PURE__ */ p(Ve, { length: a, value: h.value || [], onChange: h.onChange, ...c !== void 0 && {
+      /* @__PURE__ */ p(Ye, { length: a, value: h.value || [], onChange: h.onChange, ...c !== void 0 && {
         autoFocus: c
       }, ...s && {
         className: s
@@ -1281,7 +1287,7 @@ function on(n) {
   let d;
   return e[6] !== t || e[7] !== g || e[8] !== u ? (d = /* @__PURE__ */ p(ve, { name: t, control: g, render: u }), e[6] = t, e[7] = g, e[8] = u, e[9] = d) : d = e[9], d;
 }
-function yn(n) {
+function Sn(n) {
   const e = E.c(41);
   let t, l, s, o;
   e[0] !== n ? ({
@@ -1364,7 +1370,7 @@ function rn(n) {
   let b;
   e[7] !== s || e[8] !== v ? (b = /* @__PURE__ */ p(I, { variant: "title2", align: "left", className: v, children: s }), e[7] = s, e[8] = v, e[9] = b) : b = e[9];
   let y;
-  e[10] !== o || e[11] !== t ? (y = o && /* @__PURE__ */ p(I, { variant: "body2", align: "left", className: "mb-6 text-black/80", children: Yt[t] }), e[10] = o, e[11] = t, e[12] = y) : y = e[12];
+  e[10] !== o || e[11] !== t ? (y = o && /* @__PURE__ */ p(I, { variant: "body2", align: "left", className: "mb-6 text-black/80", children: Kt[t] }), e[10] = o, e[11] = t, e[12] = y) : y = e[12];
   let w;
   e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ p("div", { className: "mb-4 flex w-full flex-col gap-[12px]", children: /* @__PURE__ */ p(on, { name: "otp", length: ie, autoFocus: !0 }) }), e[13] = w) : w = e[13];
   let x;
@@ -1430,13 +1436,13 @@ function an(n) {
     canResend: S,
     timerText: C,
     isSubmitting: _
-  } = Xt(b), N = l ?? Kt[t];
+  } = Zt(b), N = l ?? Xt[t];
   let P;
   e[17] !== S || e[18] !== N || e[19] !== x || e[20] !== w || e[21] !== g || e[22] !== _ || e[23] !== t || e[24] !== s || e[25] !== C ? (P = /* @__PURE__ */ p(rn, { mode: t, title: N, recipientDisplay: s, isForeignUser: g, handleSubmit: w, handleResend: x, canResend: S, timerText: C, isSubmitting: _ }), e[17] = S, e[18] = N, e[19] = x, e[20] = w, e[21] = g, e[22] = _, e[23] = t, e[24] = s, e[25] = C, e[26] = P) : P = e[26];
   let A;
   return e[27] !== y || e[28] !== P ? (A = /* @__PURE__ */ p(ye, { ...y, children: P }), e[27] = y, e[28] = P, e[29] = A) : A = e[29], A;
 }
-function Sn(n) {
+function xn(n) {
   const e = E.c(31), {
     lastUsedMethod: t,
     onContinueWithLastMethod: l,
@@ -1467,7 +1473,7 @@ function Sn(n) {
     " to log in."
   ] }), e[5] = m, e[6] = b) : b = e[6];
   let y;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ p(ze, {}), e[7] = y) : y = e[7];
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ p(Be, {}), e[7] = y) : y = e[7];
   let w;
   e[8] !== l ? (w = l !== void 0 && {
     onContinueWithLastMethod: l
@@ -1532,7 +1538,7 @@ function cn(n) {
     handleContinue: m,
     isSubmitting: g,
     lastUsedMethod: u
-  } = en(a), d = g ? "Continuing…" : `Continue with ${u}`;
+  } = tn(a), d = g ? "Continuing…" : `Continue with ${u}`;
   let f;
   e[19] !== d ? (f = /* @__PURE__ */ p(I, { variant: "textLabel1", weight: "semiBold", align: "center", className: "text-white", children: d }), e[19] = d, e[20] = f) : f = e[20];
   let h;
@@ -1547,7 +1553,7 @@ function cn(n) {
     b
   ] }), e[28] = b, e[29] = h, e[30] = y) : y = e[30], y;
 }
-function xn(n) {
+function wn(n) {
   const e = E.c(31), {
     layoutType: t,
     variant: l
@@ -1681,7 +1687,7 @@ function dn(n) {
     isPhone: b,
     isFormValid: y,
     isSubmitting: w
-  } = tn(f);
+  } = nn(f);
   let x;
   e[15] !== v || e[16] !== y || e[17] !== b || e[18] !== w ? (x = /* @__PURE__ */ p(un, { isPhone: b, handleSubmit: v, isFormValid: y, isSubmitting: w }), e[15] = v, e[16] = y, e[17] = b, e[18] = w, e[19] = x) : x = e[19];
   let S;
@@ -1689,26 +1695,29 @@ function dn(n) {
 }
 export {
   oe as A,
-  Kt as D,
-  pt as I,
-  vn as L,
-  bn as M,
-  yn as O,
-  Sn as R,
-  xn as S,
-  B as a,
-  an as b,
-  E as c,
-  dn as d,
-  bt as e,
-  ie as f,
-  Tt as g,
-  Ot as h,
-  jt as i,
-  Lt as j,
-  Ut as k,
-  Xt as l,
-  en as m,
-  tn as n,
-  xt as u
+  Xt as D,
+  bt as I,
+  $t as L,
+  yn as M,
+  an as O,
+  cn as R,
+  dn as S,
+  vn as a,
+  bn as b,
+  Sn as c,
+  xn as d,
+  wn as e,
+  E as f,
+  B as g,
+  St as h,
+  ie as i,
+  Rt as j,
+  It as k,
+  zt as l,
+  Mt as m,
+  ze as n,
+  Zt as o,
+  tn as p,
+  nn as q,
+  Ct as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doct-ui-auth-kit",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Composable React auth SDK – layouts, login/signup/OTP pages, SSO provider, and auth flow hooks for Docthub",
   "type": "module",
   "main": "./dist/index.js",
@@ -41,7 +41,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./style.css": "./dist/style.css",
+    "./style.css": "./dist/doct-ui-auth-kit.css",
     "./pages": {
       "types": "./dist/pages/index.d.ts",
       "import": "./dist/pages.js"