doct-ui-auth-kit 1.0.7 → 1.0.8

package/dist/components/common/default-footer.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Shared demo footer with Docthub terms and privacy links.
+ * Used in auth flow and stories (MainLogin, RepeatLogin, AuthLayout, etc.).
+ */
+export declare function DefaultFooter(): import("react/jsx-runtime").JSX.Element;

package/dist/components/common/enterprise-header.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Shared demo header for auth layouts (e.g. "Enterprise Login" with chevron).
+ * Used in stories and auth flow demo. Hidden on small screens (sm:flex).
+ */
+export declare function EnterpriseHeader(): import("react/jsx-runtime").JSX.Element;

package/dist/components/common/index.d.ts

@@ -0,0 +1,2 @@
+export { DefaultFooter } from './default-footer';
+export { EnterpriseHeader } from './enterprise-header';

package/dist/components/form/rhf-doct-phone-input.d.ts

@@ -1,2 +1,3 @@
-import { RHFDoctPhoneInputFieldProps } from '../../types/forms';
+import { RHFDoctPhoneInputFieldProps } from '../../types/components/forms';
+/** RHF-controlled wrapper around `DoctPhoneInput` from docthub-core-components. Outputs "countryCode-nationalNumber" format for Zod schema validation. */
 export declare function RHFDoctPhoneInputField({ name, label, placeholder, helperText, defaultCountry, variant, required, disabled, control, error, autoFocus, }: RHFDoctPhoneInputFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/rhf-input-field.d.ts

@@ -1,2 +1,3 @@
-import { RHFInputFieldProps } from '../../types/forms';
+import { RHFInputFieldProps } from '../../types/components/forms';
+/** RHF-controlled wrapper around `DoctLabeledInput` from docthub-core-components. Handles validation errors, trimming, and optional numeric-only mode. */
 export declare function RHFInputField({ name, label, placeholder, className, control, required, type, disabled, onKeyDown, maxLength, numericOnly, autoFocus, }: RHFInputFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/rhf-otp-input-field.d.ts

@@ -1,2 +1,3 @@
-import { RHFOtpInputFieldProps } from '../../types/forms';
+import { RHFOtpInputFieldProps } from '../../types/components/forms';
+/** RHF-controlled wrapper around `DoctOtpInput` from docthub-core-components. Manages a string[] field value for OTP digit inputs. */
 export declare function RHFOtpInputField({ name, label, className, control, length, inputClassName, autoFocus, }: RHFOtpInputFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/auth-layout-preset.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { LayoutPresetName } from '../../types/layout-presets';
+import { LayoutPresetName } from '../../types/components/layout-presets';
 export interface AuthLayoutPresetProps {
     /**
      * Preset name. Controls structure only (layoutType, variant, maxWidth, contentWidth, align).

package/dist/components/layout/auth-layout-wrapper.d.ts

@@ -1,42 +1,59 @@
 import { ReactNode } from 'react';
-import { AuthLayoutAlign, AuthLayoutMaxWidth, AuthLayoutVariant } from '../../types/auth-layout-types';
+import { AuthLayoutAlign, AuthLayoutMaxWidth, AuthLayoutVariant } from '../../types/components/auth-layout-types';
+/** Layout mode: `'withSlider'` renders inside a split-screen with an image slider, `'standalone'` renders without. */
 /** Layout mode: `'withSlider'` renders inside a split-screen with an image slider, `'standalone'` renders without. */
 export type AuthLayoutType = 'withSlider' | 'standalone';
 /** Props for the AuthLayoutWrapper component that assembles the auth page shell. */
+/** Props for the AuthLayoutWrapper component that assembles the auth page shell. */
 export interface AuthLayoutWrapperProps {
+    /** Main content (typically the form body) rendered inside the layout. */
     /** Main content (typically the form body) rendered inside the layout. */
     children: ReactNode;
     /** Layout mode controlling the outer chrome. @default `'withSlider'` */
+    /** Layout mode controlling the outer chrome. @default `'withSlider'` */
     layoutType?: AuthLayoutType;
     /** Logo or back-button element rendered at the top of the content area. */
+    /** Logo or back-button element rendered at the top of the content area. */
     logo?: ReactNode;
     /** Heading element or string rendered below the logo. */
+    /** Heading element or string rendered below the logo. */
     title?: ReactNode;
     /** Descriptive text or element rendered below the title. */
+    /** Descriptive text or element rendered below the title. */
     description?: ReactNode;
     /** Footer element rendered at the bottom of the content area. */
+    /** Footer element rendered at the bottom of the content area. */
     footer?: ReactNode;
     /** Header element rendered above the main content area. */
+    /** Header element rendered above the main content area. */
     header?: ReactNode;
     /** Called when the back button is clicked. Pass `null` to hide the back button explicitly. */
+    /** Called when the back button is clicked. Pass `null` to hide the back button explicitly. */
     onBack?: (() => void) | null;
     /** Custom back button element. When provided, overrides the default back arrow button. */
+    /** Custom back button element. When provided, overrides the default back arrow button. */
     backButton?: ReactNode;
     /** Image URLs for the slider panel (only used when `layoutType` is `'withSlider'`). */
+    /** Image URLs for the slider panel (only used when `layoutType` is `'withSlider'`). */
     sliderImages?: string[];
     /** Auto-play interval in milliseconds for the slider. */
+    /** Auto-play interval in milliseconds for the slider. */
     sliderAutoPlayInterval?: number;
     /** Titles displayed alongside each slider image. */
+    /** Titles displayed alongside each slider image. */
     sliderTitles?: (ReactNode | string)[];
     /** Layout variant controlling responsive behavior (e.g. `'desktop'`, `'mobile'`). */
-    variant?: AuthLayoutVariant;
+    variant?: AuthLayoutVariant | undefined;
     /** Maximum width constraint for the content area (e.g. `'sm'`, `'md'`, `'lg'`). @default `'sm'` */
     maxWidth?: AuthLayoutMaxWidth;
     /** Content width preset: `'sm'` for narrow forms, `'default'` for standard width. @default `'default'` */
+    /** Content width preset: `'sm'` for narrow forms, `'default'` for standard width. @default `'default'` */
     contentWidth?: 'sm' | 'default';
     /** Horizontal alignment of logo, title, and description. @default `'center'` */
+    /** Horizontal alignment of logo, title, and description. @default `'center'` */
     align?: AuthLayoutAlign;
     /** Additional CSS class name(s) applied to the outermost layout element. */
+    /** Additional CSS class name(s) applied to the outermost layout element. */
     className?: string;
 }
 export declare function AuthLayoutWrapper({ children, layoutType, logo, title, description, footer, header, onBack, backButton, sliderImages, sliderAutoPlayInterval, sliderTitles, variant, maxWidth, contentWidth, align, className, }: AuthLayoutWrapperProps): React.ReactElement;

package/dist/components/layout/auth-layout.d.ts

@@ -1,4 +1,4 @@
-import { AuthLayoutBodyProps, AuthLayoutDescriptionProps, AuthLayoutFooterProps, AuthLayoutHeaderProps, AuthLayoutLogoProps, AuthLayoutMainProps, AuthLayoutRootProps, AuthLayoutTitleProps } from '../../types/auth-layout-types';
+import { AuthLayoutBodyProps, AuthLayoutDescriptionProps, AuthLayoutFooterProps, AuthLayoutHeaderProps, AuthLayoutLogoProps, AuthLayoutMainProps, AuthLayoutRootProps, AuthLayoutTitleProps } from '../../types/components/auth-layout-types';
 /**
  * Root container component for auth layouts.
  * Provides layout context to child slot components.

package/dist/components/layout/index.d.ts

@@ -1,4 +1,4 @@
-export type { AuthLayoutAlign, AuthLayoutBodyProps, AuthLayoutDescriptionProps, AuthLayoutFooterProps, AuthLayoutHeaderProps, AuthLayoutLogoProps, AuthLayoutMainProps, AuthLayoutMaxWidth, AuthLayoutRootProps, AuthLayoutTitleProps, AuthLayoutVariant, } from '../../types/auth-layout-types';
+export type { AuthLayoutAlign, AuthLayoutBodyProps, AuthLayoutDescriptionProps, AuthLayoutFooterProps, AuthLayoutHeaderProps, AuthLayoutLogoProps, AuthLayoutMainProps, AuthLayoutMaxWidth, AuthLayoutRootProps, AuthLayoutTitleProps, AuthLayoutVariant, } from '../../types/components/auth-layout-types';
 export { AuthLayoutPreset, type AuthLayoutPresetProps, } from './auth-layout-preset';
 export { AuthLayout } from './auth-layout-public';
 export { type AuthLayoutType, AuthLayoutWrapper, type AuthLayoutWrapperProps, } from './auth-layout-wrapper';

package/dist/constants/layout-presets.d.ts

@@ -1,4 +1,4 @@
-import { LayoutPresetConfig, LayoutPresetName } from '../types/layout-presets';
+import { LayoutPresetConfig, LayoutPresetName } from '../types/components/layout-presets';
 /**
  * Returns layout structure config for a preset name.
  * Empty string returns undefined (caller uses full composition / no preset).

package/dist/core/auth-flow.d.ts

@@ -1,5 +1,5 @@
 /**
- * Full auth flow orchestrator. Renders the correct page per flow state with appropriate layout.
- * Use inside SSOAuthProvider.
+ * Auth flow orchestrator ("auto" mode): renders the correct page component based on the current flow state.
+ * Consumer wraps with `SSOAuthProvider` and drops `AuthFlow` in — the SDK handles all transitions.
  */
 export declare function AuthFlow(): import("react/jsx-runtime").JSX.Element | null;

package/dist/core/auth-provider.d.ts

@@ -1,6 +1,8 @@
 import { SSOAuthProviderProps } from '../types';
 export type { SSOAuthConfig, SSOAuthProviderProps } from '../types';
 /**
- * SSO Auth provider: runs session check on mount, holds flow state, and provides async actions.
+ * SSO Auth provider: manages the auth flow state machine and provides context to all child components.
+ * On mount, checks for an existing session (token or cookie-based via `validateSessionFromCookie`).
+ * Dispatches reducer actions and exposes async `AuthFlowActions` for each auth step.
  */
 export declare function SSOAuthProvider({ config, children }: SSOAuthProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +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}}
+*,: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}.mx-auto{margin-left:auto;margin-right:auto}.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}.max-w-sm{max-width:24rem}.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-6{padding:1.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/hooks/use-login-entry-form.d.ts

@@ -2,7 +2,11 @@ import { UseLoginEntryFormOptions, UseLoginEntryFormReturn } from '../types';
 export type { EmailFormValues, LoginEntryFormValues, LoginEntryMode, LoginEntrySubmitData, LoginEntrySuccessParams, PhoneFormValues, UseLoginEntryFormOptions, UseLoginEntryFormReturn, } from '../types';
 /**
  * Form state and validation for the login entry screen (phone or email).
- * Business logic: when submitApi is provided, hook runs validate → submitApi(data) → onSuccess() (e.g. redirect).
- * Use with LoginEntry component or build a custom UI with the returned methods.
+ *
+ * **Dual submission pattern:**
+ * - `submitApi` (async): hook owns the flow — validate → submitApi(data) → onSuccess(). Future SSO API integration plugs in here.
+ * - `onSubmit` (sync): caller owns the flow — hook validates then hands data back (used by AuthFlow).
+ *
+ * **Validation flow:** RHF form data → Zod schema (loginSchemas[mode]) → setFormErrorsFromZod → field-level errors.
  */
 export declare function useLoginEntryForm({ mode, onSubmit, submitApi, onSuccess, onError, }: UseLoginEntryFormOptions): UseLoginEntryFormReturn;

package/dist/hooks/use-main-auth-page-handlers.d.ts

@@ -1,8 +1,9 @@
 import { MainAuthPageHandlers, UseMainAuthPageHandlersOptions } from '../types';
 export type { MainAuthPageHandlers, MainLoginAppleProviderConfig, MainLoginGoogleProviderConfig, MainLoginPageProvidersConfig, UseMainAuthPageHandlersOptions, } from '../types';
 /**
- * Main auth page business logic: resolves CTA handlers from optional overrides and optional provider config.
- * When providers.google / providers.apple are set, the lib runs Google/Apple OAuth and calls onCredential;
- * otherwise uses overrides or no-op defaults.
+ * Centralizes Google/Apple OAuth and auth-method CTA handlers for the main login page.
+ * When `providers.google` / `providers.apple` are configured, the SDK runs the OAuth flow internally
+ * and calls `onCredential`; otherwise falls back to consumer-supplied overrides or no-op defaults.
+ * Consumer apps pass callbacks (e.g. `onContinueWithMobile`) to wire navigation.
  */
 export declare function useMainAuthPageHandlers(options?: Readonly<UseMainAuthPageHandlersOptions>): MainAuthPageHandlers;

package/dist/hooks/use-otp-verification.d.ts

@@ -7,6 +7,9 @@ export declare const DEFAULT_OTP_TITLES: Record<OtpVerificationMode, string>;
 export { getResendCooldownSeconds, OTP_LENGTH, RESEND_COOLDOWN_EMAIL_SECONDS, RESEND_COOLDOWN_PHONE_SECONDS, } from '../validations';
 /**
  * Form state, resend countdown, and validation for OTP verification.
- * When submitApi is provided, hook runs: validate → submitApi(otp) → onSuccess() (e.g. redirect).
+ *
+ * **Resend cooldown:** mode-dependent timer (60s phone / 120s email) blocks re-sends until elapsed.
+ * **Dual submission:** `submitApi` (async, hook owns flow) vs `onSubmit` (sync, caller owns flow).
+ * **Validation:** otpFormSchema ensures all 6 digits are present before submission.
  */
 export declare function useOtpVerification({ mode, onSubmit, onResendCode, submitApi, onSuccess, onError, }: UseOtpVerificationOptions): UseOtpVerificationReturn;

package/dist/hooks/use-repeat-login.d.ts

@@ -1,7 +1,9 @@
 import { UseRepeatLoginOptions, UseRepeatLoginReturn } from '../types';
 export type { UseRepeatLoginOptions, UseRepeatLoginReturn } from '../types';
 /**
- * Business logic for repeat login: continue with last method (sync or async via continueApi).
- * When continueApi is provided, runs: continueApi() → onSuccess(); otherwise calls onContinueWithLastMethod.
+ * Business logic for repeat login (device-based returning-user detection).
+ *
+ * **Dual submission:** `continueApi` (async, hook owns flow) vs `onContinueWithLastMethod` (sync, caller owns flow).
+ * Last-used method is read from localStorage by the provider and passed down as a prop.
  */
 export declare function useRepeatLogin(options?: UseRepeatLoginOptions): UseRepeatLoginReturn;

package/dist/hooks/use-signup-form.d.ts

@@ -2,6 +2,11 @@ import { UseSignupFormOptions, UseSignupFormReturn } from '../types';
 export type { SignupEmailFormValues, SignupEntryMode, SignupForeignFormValues, SignupFormValues, SignupPhoneFormValues, SignupSubmitData, UseSignupFormOptions, UseSignupFormReturn, } from '../types';
 /**
  * Form state and validation for the signup screen (full name + phone or email, or foreign: all three).
- * When submitApi is provided, hook runs: validate → submitApi(data) → onSuccess() (e.g. redirect).
+ *
+ * **Dual submission pattern:**
+ * - `submitApi` (async): hook owns the flow — validate → submitApi(data) → onSuccess(). Future SSO profile completion plugs in here.
+ * - `onSubmit` (sync): caller owns the flow — hook validates then hands data back (used by AuthFlow).
+ *
+ * **Validation flow:** RHF form data → Zod schema (signupSchemas[mode]) → setFormErrorsFromZod → field-level errors.
  */
 export declare function useSignupForm({ mode, defaultPhone, onSubmit, submitApi, onSuccess, onError, }: UseSignupFormOptions): UseSignupFormReturn;

package/dist/index.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx as G, Fragment as Kt } from "react/jsx-runtime";
-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-DeeuWsoF.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-DeeuWsoF.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-page-DBRzdhNj.js";
+import { D as o1, I as d1, L as u1, h as l1, M as s1, i as c1, j as f1, k as $1, R as p1, l as y1, m as h1, n as m1, o as g1, p as v1, q as b1 } from "./signup-page-DBRzdhNj.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";
+import "react-hook-form";
 function Ft(e) {
   return e.replace(/\/+$/, "");
 }
@@ -32,7 +33,7 @@ async function ui(e, t) {
   }
   return r.json();
 }
-function zl(e) {
+function Ql(e) {
   const t = Ft(e), r = `${t.endsWith("/api") ? t : `${t}/api`}/auth`;
   return {
     async sendOtp(i) {
@@ -132,7 +133,7 @@ function fi() {
     throw new Error("useAuthFlow must be used within SSOAuthProvider");
   return e;
 }
-function Ql() {
+function e1() {
   const e = le.c(6), t = tr(Mt);
   if (!t)
     throw new Error("useAuthSession must be used within SSOAuthProvider");
@@ -6569,7 +6570,7 @@ function Gl() {
     }
   };
 }
-function e1() {
+function t1() {
   return {
     get() {
       return null;
@@ -6580,7 +6581,7 @@ function e1() {
     }
   };
 }
-function t1(e, t) {
+function n1(e, t) {
   e.defaults.withCredentials = !0, e.interceptors.request.use((n) => {
     const r = {
       ...n
@@ -7113,53 +7114,53 @@ function Yl(e) {
   let n;
   return t[0] !== e ? (n = /* @__PURE__ */ G(ir.Preset, { preset: "verification", children: /* @__PURE__ */ G(ni, { ...e }) }), t[0] = e, t[1] = n) : n = t[1], n;
 }
-const n1 = {
+const r1 = {
   Provider: Hl,
   Login: Vl,
   Signup: Kl,
   Otp: Yl
 };
 export {
-  n1 as Auth,
+  r1 as Auth,
   $i as AuthFlow,
   Mt as AuthFlowContext,
   ir as AuthLayout,
   ci as AuthLayoutPreset,
   Zr as AuthLayoutWrapper,
-  a1 as DEFAULT_OTP_TITLES,
+  o1 as DEFAULT_OTP_TITLES,
   Bl as INITIAL_STEP,
-  o1 as ImageSlider,
-  d1 as LoginEntry,
+  d1 as ImageSlider,
+  u1 as LoginEntry,
   Yt as LoginEntryPage,
-  u1 as MainLayout,
-  l1 as MainLogin,
+  l1 as MainLayout,
+  s1 as MainLogin,
   ti as MainLoginPage,
-  s1 as OTP_LENGTH,
+  c1 as OTP_LENGTH,
   ni as OtpVerification,
   ei as OtpVerificationPage,
-  c1 as RESEND_COOLDOWN_EMAIL_SECONDS,
-  f1 as RESEND_COOLDOWN_PHONE_SECONDS,
-  $1 as RepeatLogin,
+  f1 as RESEND_COOLDOWN_EMAIL_SECONDS,
+  $1 as RESEND_COOLDOWN_PHONE_SECONDS,
+  p1 as RepeatLogin,
   zr as RepeatLoginPage,
   Hl as SSOAuthProvider,
   ri as Signup,
   Qr as SignupPage,
   Wl as authFlowReducer,
   kl as clearRepeatLoginInfo,
-  t1 as createAxiosAuthInterceptors,
-  zl as createHttpAuthAdapter,
+  n1 as createAxiosAuthInterceptors,
+  Ql as createHttpAuthAdapter,
   Ul as getInitialAuthFlowState,
   pt as getRepeatLoginInfo,
   Gl as localStorageTokenStorage,
-  e1 as serverCookieTokenStorage,
+  t1 as serverCookieTokenStorage,
   jl as setRepeatLoginInfo,
-  p1 as useAppleSignIn,
+  y1 as useAppleSignIn,
   fi as useAuthFlow,
-  Ql as useAuthSession,
+  e1 as useAuthSession,
   Jr as useGoogleAuth,
-  y1 as useLoginEntryForm,
-  h1 as useMainAuthPageHandlers,
-  m1 as useOtpVerification,
-  g1 as useRepeatLogin,
-  v1 as useSignupForm
+  h1 as useLoginEntryForm,
+  m1 as useMainAuthPageHandlers,
+  g1 as useOtpVerification,
+  v1 as useRepeatLogin,
+  b1 as useSignupForm
 };

package/dist/pages/index.d.ts

@@ -1,4 +1,7 @@
-export { LoginEntry, type LoginEntryMode, LoginEntryPage, type LoginEntryPageProps, type LoginEntryProps, } from './login-entry';
+/**
+ * Page components barrel: *Page = full page with layout, bare name = form-only for composition.
+ */
+export { LoginEntry, LoginEntryPage, type LoginEntryMode, 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';

package/dist/pages/login-entry/index.d.ts

@@ -0,0 +1,3 @@
+export type { LoginEntryMode, LoginEntryPageProps, LoginEntryProps, } from '../../types';
+export { LoginEntry } from './login-entry';
+export { LoginEntryPage } from './login-entry-page';

package/dist/pages/login-entry/login-entry-page.d.ts

@@ -0,0 +1,21 @@
+import { LoginEntryPageProps } from '../../types';
+/**
+ * Full LoginEntry page with AuthLayoutWrapper, back button, and slider/standalone layout.
+ * Use when rendering the login entry screen as a standalone page.
+ *
+ * @example Next.js: API call in hook, redirect with mode + recipient for OTP page
+ * ```tsx
+ * <LoginEntryPage
+ *   mode="phone"
+ *   onBack={() => router.back()}
+ *   submitApi={(data) => api.sendOtp(data)}
+ *   onSuccess={(params) => router.push(`/otp?mode=${params.mode}&recipient=${encodeURIComponent(params.recipient)}`)}
+ * />
+ * ```
+ *
+ * @example Sync callback (caller owns API)
+ * ```tsx
+ * <LoginEntryPage mode="phone" onSubmit={(data) => sendOtp(data)} />
+ * ```
+ */
+export declare function LoginEntryPage(props: Readonly<LoginEntryPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages/login-entry/login-entry.d.ts

@@ -0,0 +1,21 @@
+import { LoginEntryProps } from '../../types';
+/**
+ * Login entry form body without layout wrapper.
+ * Single form for phone or email based on mode. Use inside your own layout or AuthFlow.
+ * Validation per PRODUCT_PROTOCOLS and edge cases 3–5, 18; cursor focus on first field (#26).
+ *
+ * @example With AuthFlow (sync onSubmit)
+ * ```tsx
+ * <LoginEntry mode="phone" onSubmit={(data) => actions.submitIdentifier(data)} />
+ * ```
+ *
+ * @example Standalone Next.js (API + redirect in hook)
+ * ```tsx
+ * <LoginEntry
+ *   mode="phone"
+ *   submitApi={(data) => api.sendOtp(data)}
+ *   onSuccess={() => router.push('/otp')}
+ * />
+ * ```
+ */
+export declare function LoginEntry(props: Readonly<LoginEntryProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages/main-login/index.d.ts

@@ -0,0 +1,3 @@
+export { MainLoginPage } from './main-login-page';
+export { MainLogin } from './main-login';
+export type { MainLoginAppleProviderConfig, MainLoginGoogleProviderConfig, MainLoginPageProps, MainLoginPageProvidersConfig, } from '../../types';

package/dist/pages/main-login/main-login-page.d.ts

@@ -0,0 +1,16 @@
+import { MainLoginPageProps } from '../../types';
+/**
+ * Full MainLogin page with AuthLayoutWrapper, header, footer, and slider layout.
+ * Includes default branding and layout configuration.
+ *
+ * @example
+ * ```tsx
+ * <MainLoginPage
+ *   onContinueWithMobile={() => navigate('/auth/phone')}
+ *   onContinueWithEmail={() => navigate('/auth/email')}
+ *   onContinueWithGoogle={() => navigate('/auth/google')}
+ *   onContinueWithApple={() => navigate('/auth/apple')}
+ * />
+ * ```
+ */
+export declare const MainLoginPage: (props: Readonly<MainLoginPageProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/pages/main-login/main-login.d.ts

@@ -0,0 +1,25 @@
+import { MainAuthPageHandlers, MainLoginPageProps } from '../../types';
+interface MainLoginPageBodyProps {
+    handlers: MainAuthPageHandlers;
+}
+/**
+ * Renders the main login form body with four authentication options.
+ * Each button triggers its corresponding handler from the handlers prop.
+ */
+export declare const MainLoginPageBody: ({ handlers, }: Readonly<MainLoginPageBodyProps>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Login body component without layout wrapper.
+ * Displays four authentication method buttons (Mobile, Email, Google, Apple).
+ *
+ * Use this when you need custom layout or when integrating with AuthFlow.
+ *
+ * @example
+ * ```tsx
+ * <MainLogin
+ *   onContinueWithMobile={() => navigate('/auth/phone')}
+ *   onContinueWithEmail={() => navigate('/auth/email')}
+ * />
+ * ```
+ */
+export declare function MainLogin(props: Readonly<MainLoginPageProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pages/otp-verification/index.d.ts

@@ -0,0 +1,3 @@
+export type { OtpVerificationMode, OtpVerificationPageProps, OtpVerificationProps, } from '../../types';
+export { OtpVerification } from './otp-verification';
+export { OtpVerificationPage } from './otp-verification-page';

package/dist/pages/otp-verification/otp-verification-page.d.ts

@@ -0,0 +1,23 @@
+import { OtpVerificationPageProps } from '../../types';
+/**
+ * Full OTP verification page with AuthLayoutWrapper and back button.
+ * Use when rendering the OTP screen as a standalone page.
+ *
+ * @example Next.js: API in hook, redirect from consumer
+ * ```tsx
+ * <OtpVerificationPage
+ *   mode="phone"
+ *   recipientDisplay="+91 9825910X0X"
+ *   onBack={() => router.back()}
+ *   submitApi={(otp) => api.verifyOtp(otp)}
+ *   onSuccess={() => router.push('/dashboard')}
+ *   onResendCode={() => api.resendOtp()}
+ * />
+ * ```
+ *
+ * @example Sync callback (AuthFlow)
+ * ```tsx
+ * <OtpVerificationPage onSubmit={(otp) => actions.verifyOtp(otp)} ... />
+ * ```
+ */
+export declare function OtpVerificationPage(props: Readonly<OtpVerificationPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages/otp-verification/otp-verification.d.ts

@@ -0,0 +1,22 @@
+import { OtpVerificationProps } from '../../types';
+/**
+ * OTP verification form body without layout wrapper.
+ * 6-digit OTP input, resend countdown, and submit. Use inside your own layout or AuthFlow.
+ * Validation per edge cases 6, 7 (invalid/expired OTP); cursor focus on first OTP box (#26).
+ *
+ * @example With submitApi + onSuccess (consumer redirect)
+ * ```tsx
+ * <OtpVerification
+ *   mode="phone"
+ *   recipientDisplay="+91 9825910X0X"
+ *   submitApi={(otp) => api.verifyOtp(otp)}
+ *   onSuccess={() => router.push('/dashboard')}
+ * />
+ * ```
+ *
+ * @example Sync onSubmit (AuthFlow)
+ * ```tsx
+ * <OtpVerification onSubmit={(otp) => actions.verifyOtp(otp)} ... />
+ * ```
+ */
+export declare function OtpVerification(props: Readonly<OtpVerificationProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages/repeat-login/index.d.ts

@@ -0,0 +1,3 @@
+export { RepeatLoginPage } from './repeat-login-page';
+export { RepeatLogin } from './repeat-login';
+export type { RepeatLoginPageProps, RepeatLoginProps } from '../../types';

package/dist/pages/repeat-login/repeat-login-page.d.ts

@@ -0,0 +1,24 @@
+import { RepeatLoginPageProps } from '../../types';
+/**
+ * Full Repeat Login page with AuthLayoutWrapper, logo, title, description, and footer.
+ * Use when rendering the repeat login screen as a standalone page.
+ *
+ * @example Next.js: API in lib, redirect from consumer
+ * ```tsx
+ * <RepeatLoginPage
+ *   lastUsedMethod="Mobile"
+ *   continueApi={() => api.validateSession()}
+ *   onSuccess={() => router.push('/dashboard')}
+ *   onUseAnotherMethod={() => resetFlow()}
+ * />
+ * ```
+ *
+ * @example Sync (AuthFlow)
+ * ```tsx
+ * <RepeatLoginPage
+ *   onContinueWithLastMethod={() => actions.continueWithLastMethod()}
+ *   onUseAnotherMethod={() => actions.reset()}
+ * />
+ * ```
+ */
+export declare function RepeatLoginPage(props: Readonly<RepeatLoginPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages/repeat-login/repeat-login.d.ts

@@ -0,0 +1,25 @@
+import { RepeatLoginProps } from '../../types';
+/**
+ * Repeat login body without layout wrapper.
+ * Primary CTA (continue with last method) and secondary "Use another method" button.
+ * When continueApi is provided, primary runs: continueApi() → onSuccess() (e.g. redirect).
+ *
+ * @example With continueApi + onSuccess (consumer redirect)
+ * ```tsx
+ * <RepeatLogin
+ *   lastUsedMethod="Mobile"
+ *   continueApi={() => api.validateSession()}
+ *   onSuccess={() => router.push('/dashboard')}
+ *   onUseAnotherMethod={() => resetFlow()}
+ * />
+ * ```
+ *
+ * @example Sync (AuthFlow)
+ * ```tsx
+ * <RepeatLogin
+ *   onContinueWithLastMethod={() => actions.continueWithLastMethod()}
+ *   onUseAnotherMethod={() => actions.reset()}
+ * />
+ * ```
+ */
+export declare function RepeatLogin(props: Readonly<RepeatLoginProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages/signup/index.d.ts

@@ -0,0 +1,3 @@
+export type { SignupEntryMode, SignupPageFullProps, SignupPageProps, } from '../../types';
+export { Signup } from './signup';
+export { SignupPage } from './signup-page';