doct-ui-auth-kit 1.0.6 → 1.0.7

package/dist/adapters/http-auth-adapter.d.ts

@@ -1,8 +1,4 @@
-/**
- * HTTP adapter that calls a compatible auth API (e.g. doct-auth-mock-api).
- * Use with SSOAuthProvider: apiAdapter: createHttpAuthAdapter('http://localhost:3001')
- */
-import type { AuthApiAdapter } from '@/core/auth-api-adapter';
+import { AuthApiAdapter } from '../core/auth-api-adapter';
 /**
  * Creates an AuthApiAdapter that calls the given API base URL.
  * Expects routes: POST /api/auth/send-otp, verify-otp, complete-profile,

package/dist/auth/index.d.ts

@@ -1,6 +1,6 @@
 import { SSOAuthProvider } from '../core/auth-provider';
-import type { OtpVerificationProps } from '../pages/otp-verification';
-import type { SignupPageProps } from '../pages/signup';
+import { OtpVerificationProps } from '../pages/otp-verification';
+import { SignupPageProps } from '../pages/signup';
 /** Simple API: full login/signup flow (method select → identifier → OTP → profile). Use inside Auth.Provider. */
 declare function AuthLogin(): React.ReactElement;
 /** Simple API: signup (profile completion) screen with signup layout preset. Layout only; pass props for behavior. */

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

@@ -1,2 +1,2 @@
-import type { RHFDoctPhoneInputFieldProps } from '@/types/forms';
+import { RHFDoctPhoneInputFieldProps } from '../../types/forms';
 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,2 @@
-import type { RHFInputFieldProps } from '@/types/forms';
+import { RHFInputFieldProps } from '../../types/forms';
 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,2 @@
-import type { RHFOtpInputFieldProps } from '@/types/forms';
+import { RHFOtpInputFieldProps } from '../../types/forms';
 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 type { ReactNode } from 'react';
-import type { LayoutPresetName } from '../../types/layout-presets';
+import { ReactNode } from 'react';
+import { LayoutPresetName } from '../../types/layout-presets';
 export interface AuthLayoutPresetProps {
     /**
      * Preset name. Controls structure only (layoutType, variant, maxWidth, contentWidth, align).
@@ -10,10 +10,15 @@ export interface AuthLayoutPresetProps {
     children: ReactNode;
     /** Optional slot overrides. When not provided, slot is empty. */
     logo?: ReactNode;
+    /** Title element or string rendered below the logo. */
     title?: ReactNode;
+    /** Description element or string rendered below the title. */
     description?: ReactNode;
+    /** Footer element rendered at the bottom of the layout. */
     footer?: ReactNode;
+    /** Header element rendered above the main content area. */
     header?: ReactNode;
+    /** Custom back button element rendered in place of the logo slot. */
     backButton?: ReactNode;
     /** Extra class for root. */
     className?: string;

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

@@ -1,17 +1,13 @@
-/**
- * Public AuthLayout API: compound components + preset-based layout.
- * Merged here to avoid circular dependencies (preset uses wrapper, wrapper uses compound).
- */
 import { AuthLayoutPreset } from './auth-layout-preset';
 /** Compound layout + preset-based layout. Use .Root/.Header/... for composition, .Preset for preset. */
 export declare const AuthLayout: {
     Preset: typeof AuthLayoutPreset;
-    Root: ({ children, variant, maxWidth, className, contentClassName, }: Readonly<import(".").AuthLayoutRootProps>) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className, }: Readonly<import(".").AuthLayoutHeaderProps>) => import("react/jsx-runtime").JSX.Element;
-    Main: ({ children, sm, className, }: Readonly<import(".").AuthLayoutMainProps>) => import("react/jsx-runtime").JSX.Element;
-    Logo: ({ children, align, className, }: Readonly<import(".").AuthLayoutLogoProps>) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, align, className, }: Readonly<import(".").AuthLayoutTitleProps>) => import("react/jsx-runtime").JSX.Element;
-    Description: ({ children, align, className, }: Readonly<import(".").AuthLayoutDescriptionProps>) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ children, className, }: Readonly<import(".").AuthLayoutBodyProps>) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className, }: Readonly<import(".").AuthLayoutFooterProps>) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, variant, maxWidth, className, contentClassName, }: Readonly<import('.').AuthLayoutRootProps>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className, }: Readonly<import('.').AuthLayoutHeaderProps>) => import("react/jsx-runtime").JSX.Element;
+    Main: ({ children, sm, className, }: Readonly<import('.').AuthLayoutMainProps>) => import("react/jsx-runtime").JSX.Element;
+    Logo: ({ children, align, className, }: Readonly<import('.').AuthLayoutLogoProps>) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, align, className, }: Readonly<import('.').AuthLayoutTitleProps>) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ children, align, className, }: Readonly<import('.').AuthLayoutDescriptionProps>) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, className, }: Readonly<import('.').AuthLayoutBodyProps>) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, className, }: Readonly<import('.').AuthLayoutFooterProps>) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,23 +1,42 @@
-import { type ReactNode } from 'react';
-import type { AuthLayoutAlign, AuthLayoutMaxWidth, AuthLayoutVariant } from '../../types/auth-layout-types';
+import { ReactNode } from 'react';
+import { AuthLayoutAlign, AuthLayoutMaxWidth, AuthLayoutVariant } from '../../types/auth-layout-types';
+/** 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. */
 export interface AuthLayoutWrapperProps {
+    /** Main content (typically the form body) rendered inside the layout. */
     children: ReactNode;
+    /** Layout mode controlling the outer chrome. @default `'withSlider'` */
     layoutType?: AuthLayoutType;
+    /** Logo or back-button element rendered at the top of the content area. */
     logo?: ReactNode;
+    /** Heading element or string rendered below the logo. */
     title?: ReactNode;
+    /** Descriptive text or element rendered below the title. */
     description?: ReactNode;
+    /** Footer element rendered at the bottom of the content area. */
     footer?: ReactNode;
+    /** 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. */
     onBack?: (() => void) | null;
+    /** 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'`). */
     sliderImages?: string[];
+    /** Auto-play interval in milliseconds for the slider. */
     sliderAutoPlayInterval?: number;
+    /** Titles displayed alongside each slider image. */
     sliderTitles?: (ReactNode | string)[];
+    /** Layout variant controlling responsive behavior (e.g. `'desktop'`, `'mobile'`). */
     variant?: AuthLayoutVariant;
+    /** 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'` */
     contentWidth?: 'sm' | 'default';
+    /** Horizontal alignment of logo, title, and description. @default `'center'` */
     align?: AuthLayoutAlign;
+    /** 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 type { AuthLayoutBodyProps, AuthLayoutDescriptionProps, AuthLayoutFooterProps, AuthLayoutHeaderProps, AuthLayoutLogoProps, AuthLayoutMainProps, AuthLayoutRootProps, AuthLayoutTitleProps } from '../../types/auth-layout-types';
+import { AuthLayoutBodyProps, AuthLayoutDescriptionProps, AuthLayoutFooterProps, AuthLayoutHeaderProps, AuthLayoutLogoProps, AuthLayoutMainProps, AuthLayoutRootProps, AuthLayoutTitleProps } from '../../types/auth-layout-types';
 /**
  * Root container component for auth layouts.
  * Provides layout context to child slot components.

package/dist/components/layout/image-slider.d.ts

@@ -1,5 +1,5 @@
-import type { ImageSliderProps } from '@/types';
-export type { ImageSliderProps } from '@/types';
+import { ImageSliderProps } from '../../types';
+export type { ImageSliderProps } from '../../types';
 /**
  * Image slider component with indicator dots.
  * Supports both controlled and uncontrolled modes.

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

@@ -1,5 +1,5 @@
-import type { MainLayoutProps, MarketingPanelProps } from '@/types';
-export type { MainLayoutProps, MarketingPanelProps } from '@/types';
+import { MainLayoutProps, MarketingPanelProps } from '../../types';
+export type { MainLayoutProps, MarketingPanelProps } from '../../types';
 /**
  * Marketing panel component - displays CTA, image slider, and indicators
  */

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

@@ -1,8 +1,4 @@
-/**
- * Layout preset configurations. Structure only — no auth behavior.
- * Used by AuthLayout when preset="login" | "signup" | "verification".
- */
-import type { LayoutPresetConfig, LayoutPresetName } from '../types/layout-presets';
+import { LayoutPresetConfig, LayoutPresetName } from '../types/layout-presets';
 /**
  * Returns layout structure config for a preset name.
  * Empty string returns undefined (caller uses full composition / no preset).

package/dist/core/auth-api-adapter.d.ts

@@ -3,4 +3,4 @@
  * Consumers implement this to connect the SDK to their central auth service.
  * The SDK never performs HTTP calls directly.
  */
-export type { AuthApiAdapter, SendOtpParams, VerifyOtpParams, } from '@/types';
+export type { AuthApiAdapter, SendOtpParams, VerifyOtpParams, } from '../types';

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

@@ -1,6 +1,6 @@
-import type { AuthFlowContextValue } from '@/types';
-export type { AuthFlowActions, AuthFlowContextValue, AuthFlowProviderConfig, } from '@/types';
-export declare const AuthFlowContext: import("react").Context<AuthFlowContextValue | null>;
+import { AuthFlowContextValue } from '../types';
+export type { AuthFlowActions, AuthFlowContextValue, AuthFlowProviderConfig, } from '../types';
+export declare const AuthFlowContext: import('react').Context<AuthFlowContextValue | null>;
 /**
  * Hook to access auth flow state and actions. Must be used within SSOAuthProvider.
  */
@@ -9,9 +9,9 @@ export declare function useAuthFlow(): AuthFlowContextValue;
  * Hook to access SSO session state only. Must be used within SSOAuthProvider.
  */
 export declare function useAuthSession(): {
-    session: import("@/types").SSOSession | null;
+    session: import('../types').SSOSession | null;
     isAuthenticated: boolean;
     isLoading: boolean;
     signOut: () => void;
-    authMethod: import("@/types").AuthMethod | null;
+    authMethod: import('../types').AuthMethod | null;
 };

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

@@ -1,5 +1,5 @@
-import type { SSOAuthProviderProps } from '@/types';
-export type { SSOAuthConfig, SSOAuthProviderProps } from '@/types';
+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.
  */

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

@@ -2,4 +2,4 @@
  * Re-export of auth domain types from central types folder.
  * Prefer importing from @/types; this file keeps @/core/auth-types working.
  */
-export type { AuthError, AuthErrorCode, AuthenticateWithProviderParams, AuthMethod, AuthStep, CompleteProfileParams, RepeatLoginInfo, SendOtpResponse, SSOSession, SSOUser, UserType, VerifyOtpResponse, } from '@/types';
+export type { AuthError, AuthErrorCode, AuthenticateWithProviderParams, AuthMethod, AuthStep, CompleteProfileParams, RepeatLoginInfo, SendOtpResponse, SSOSession, SSOUser, UserType, VerifyOtpResponse, } from '../types';

package/dist/core/device-detection.d.ts

@@ -1,9 +1,5 @@
-/**
- * Device-based repeat login detection.
- * Stores last-used method and masked identifier in localStorage (device-local UX only).
- */
-import type { StoredRepeatLogin } from '@/types';
-export type { StoredRepeatLogin } from '@/types';
+import { StoredRepeatLogin } from '../types';
+export type { StoredRepeatLogin } from '../types';
 /**
  * Reads repeat-login info from localStorage if present.
  * Safe to call in browser; returns null in SSR or when not found.

package/dist/core/sso-session.d.ts

@@ -1,9 +1,5 @@
-/**
- * SSO session management: token persistence strategies and useAuthSession hook.
- * Token storage is consumer-configurable for cross-app SSO (e.g. shared cookie domain).
- */
-import type { AxiosAuthInterceptorInstance, TokenStorageStrategy } from '@/types';
-export type { AxiosAuthInterceptorInstance, AxiosRequestConfig, TokenStorageStrategy, } from '@/types';
+import { AxiosAuthInterceptorInstance, TokenStorageStrategy } from '../types';
+export type { AxiosAuthInterceptorInstance, AxiosRequestConfig, TokenStorageStrategy, } from '../types';
 /**
  * Token storage using localStorage (single-origin).
  * Suitable for dev or when all Docthub apps share the same origin.

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

@@ -1,9 +1,5 @@
-/**
- * Auth flow state machine: reducer and state type.
- * Side effects (API calls, token persistence) are performed by the provider; this module is pure.
- */
-import type { AuthFlowAction, AuthFlowState, AuthStep } from '@/types';
-export type { AuthFlowAction, AuthFlowState, IdentifierType } from '@/types';
+import { AuthFlowAction, AuthFlowState, AuthStep } from '../types';
+export type { AuthFlowAction, AuthFlowState, IdentifierType } from '../types';
 export declare const INITIAL_STEP: AuthStep;
 export declare function getInitialAuthFlowState(): AuthFlowState;
 export declare function authFlowReducer(state: AuthFlowState, action: AuthFlowAction): AuthFlowState;

package/dist/hooks/use-login-entry-form.d.ts

@@ -1,5 +1,5 @@
-import type { UseLoginEntryFormOptions, UseLoginEntryFormReturn } from '@/types';
-export type { EmailFormValues, LoginEntryFormValues, LoginEntryMode, LoginEntrySubmitData, LoginEntrySuccessParams, PhoneFormValues, UseLoginEntryFormOptions, UseLoginEntryFormReturn, } from '@/types';
+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).

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

@@ -1,5 +1,5 @@
-import type { MainAuthPageHandlers, UseMainAuthPageHandlersOptions } from '@/types';
-export type { MainAuthPageHandlers, MainLoginAppleProviderConfig, MainLoginGoogleProviderConfig, MainLoginPageProvidersConfig, UseMainAuthPageHandlersOptions, } from '@/types';
+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;

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

@@ -1,10 +1,10 @@
-import type { OtpVerificationMode, UseOtpVerificationOptions, UseOtpVerificationReturn } from '@/types';
-export type { OtpFormValues, OtpVerificationMode, UseOtpVerificationOptions, UseOtpVerificationReturn, } from '@/types';
+import { OtpVerificationMode, UseOtpVerificationOptions, UseOtpVerificationReturn } from '../types';
+export type { OtpFormValues, OtpVerificationMode, UseOtpVerificationOptions, UseOtpVerificationReturn, } from '../types';
 /** Instruction line below recipient (Figma: "Kindly check your Email Inbox."). */
 export declare const DEFAULT_OTP_INSTRUCTIONS: Record<OtpVerificationMode, string>;
 export declare const DEFAULT_OTP_TITLES: Record<OtpVerificationMode, string>;
 /** Re-export for consumers who import from hooks. */
-export { getResendCooldownSeconds, OTP_LENGTH, RESEND_COOLDOWN_EMAIL_SECONDS, RESEND_COOLDOWN_PHONE_SECONDS, } from '@/validations';
+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).

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

@@ -1,5 +1,5 @@
-import type { UseRepeatLoginOptions, UseRepeatLoginReturn } from '@/types';
-export type { UseRepeatLoginOptions, UseRepeatLoginReturn } from '@/types';
+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.

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

@@ -1,5 +1,5 @@
-import type { UseSignupFormOptions, UseSignupFormReturn } from '@/types';
-export type { SignupEmailFormValues, SignupEntryMode, SignupForeignFormValues, SignupFormValues, SignupPhoneFormValues, SignupSubmitData, UseSignupFormOptions, UseSignupFormReturn, } from '@/types';
+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).

package/dist/index.d.ts

@@ -1,36 +1,11 @@
-/**
- * Auth SDK UI Kit – library entry point.
- * 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
- * import {
- *   SSOAuthProvider,
- *   AuthFlow,
- *   useAuthFlow,
- *   useAuthSession,
- *   MainLayout,
- *   AuthLayout,
- *   ImageSlider,
- *   AuthLayoutWrapper,
- *   LoginEntry,
- *   OtpVerification,
- *   useGoogleAuth,
- * } from 'doct-ui-auth-kit';
- * ```
- */
-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';
+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/pages/login-entry.d.ts

@@ -1,5 +1,5 @@
-import type { LoginEntryPageProps, LoginEntryProps } from '@/types';
-export type { LoginEntryMode, LoginEntryPageProps, LoginEntryProps, } from '@/types';
+import { LoginEntryPageProps, LoginEntryProps } from '../types';
+export type { LoginEntryMode, LoginEntryPageProps, LoginEntryProps, } from '../types';
 /**
  * Full LoginEntry page with AuthLayoutWrapper, back button, and slider/standalone layout.
  * Use when rendering the login entry screen as a standalone page.

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

@@ -1,5 +1,5 @@
-import type { MainLoginPageProps } from '@/types';
-export type { MainLoginAppleProviderConfig, MainLoginGoogleProviderConfig, MainLoginPageProps, MainLoginPageProvidersConfig, } from '@/types';
+import { MainLoginPageProps } from '../types';
+export type { MainLoginAppleProviderConfig, MainLoginGoogleProviderConfig, MainLoginPageProps, MainLoginPageProvidersConfig, } from '../types';
 /**
  * Full MainLogin page with AuthLayoutWrapper, header, footer, and slider layout.
  * Includes default branding and layout configuration.

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

@@ -1,5 +1,5 @@
-import type { OtpVerificationPageProps, OtpVerificationProps } from '@/types';
-export type { OtpVerificationMode, OtpVerificationPageProps, OtpVerificationProps, } from '@/types';
+import { OtpVerificationPageProps, OtpVerificationProps } from '../types';
+export type { OtpVerificationMode, OtpVerificationPageProps, OtpVerificationProps, } from '../types';
 /**
  * Full OTP verification page with AuthLayoutWrapper and back button.
  * Use when rendering the OTP screen as a standalone page.

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

@@ -1,5 +1,5 @@
-import type { RepeatLoginPageProps, RepeatLoginProps } from '@/types';
-export type { RepeatLoginPageProps, RepeatLoginProps } from '@/types';
+import { RepeatLoginPageProps, RepeatLoginProps } from '../types';
+export type { RepeatLoginPageProps, RepeatLoginProps } from '../types';
 /**
  * Full Repeat Login page with AuthLayoutWrapper, logo, title, description, and footer.
  * Use when rendering the repeat login screen as a standalone page.

package/dist/pages/signup.d.ts

@@ -1,4 +1,6 @@
-import type { SignupPageFullProps, SignupPageProps } from '@/types';
-export type { SignupEntryMode, SignupPageFullProps, SignupPageProps, } from '@/types';
+import { SignupPageFullProps, SignupPageProps } from '../types';
+export type { SignupEntryMode, SignupPageFullProps, SignupPageProps, } from '../types';
+/** Full signup page with layout wrapper, logo, title, and description. Renders the {@link Signup} form body inside an `AuthLayoutWrapper`. */
 export declare function SignupPage(props: Readonly<SignupPageFullProps>): import("react/jsx-runtime").JSX.Element;
+/** Standalone signup form component (without layout). Use inside a custom layout or when layout is handled externally. */
 export declare function Signup(props: Readonly<SignupPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/auth-api-adapter.d.ts

@@ -1,8 +1,4 @@
-/**
- * API adapter types for the SSO auth SDK.
- * Consumers implement AuthApiAdapter to connect the SDK to their central auth service.
- */
-import type { AuthenticateWithProviderParams, CompleteProfileParams, SendOtpResponse, SSOSession, VerifyOtpResponse } from './auth-types';
+import { AuthenticateWithProviderParams, CompleteProfileParams, SendOtpResponse, SSOSession, VerifyOtpResponse } from './auth-types';
 /** Parameters for sending OTP to phone or email. */
 export interface SendOtpParams {
     type: 'phone' | 'email';

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 /**
  * Layout configuration types
  */

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

@@ -1,7 +1,7 @@
-import type { ReactNode } from 'react';
-import type { AuthApiAdapter } from './auth-api-adapter';
-import type { AuthError, SSOSession } from './auth-types';
-import type { TokenStorageStrategy } from './sso-session';
+import { ReactNode } from 'react';
+import { AuthApiAdapter } from './auth-api-adapter';
+import { AuthError, SSOSession } from './auth-types';
+import { TokenStorageStrategy } from './sso-session';
 /** Consumer-provided config for SSOAuthProvider. */
 export interface SSOAuthConfig {
     /** Consumer-provided adapter to their central auth service. */
@@ -31,7 +31,10 @@ export interface SSOAuthConfig {
         sliderImages?: string[];
     };
 }
+/** Props for the SSOAuthProvider context wrapper that supplies auth state to the component tree. */
 export interface SSOAuthProviderProps {
+    /** Auth configuration including API adapter, provider settings, and callbacks. */
     config: SSOAuthConfig;
+    /** Child components that will have access to the SSO auth context. */
     children: ReactNode;
 }

package/dist/types/device-detection.d.ts

@@ -1,7 +1,10 @@
-import type { AuthMethod } from './auth-types';
+import { AuthMethod } from './auth-types';
 /** Stored repeat-login info (method + masked identifier). */
 export interface StoredRepeatLogin {
+    /** The authentication method used in the previous login (e.g. `'phone'`, `'email'`, `'google'`). */
     method: AuthMethod;
+    /** Partially masked identifier shown to the user (e.g. `"****1234"` or `"j***@example.com"`). */
     maskedIdentifier: string;
+    /** Unix epoch (ms) when this login record was stored. Used for expiry checks. */
     timestamp: number;
 }

package/dist/types/flow.d.ts

@@ -1,7 +1,4 @@
-/**
- * Auth flow state machine types: state, actions, and context.
- */
-import type { AuthStep, SSOSession, UserType } from './auth-types';
+import { AuthStep, SSOSession, UserType } from './auth-types';
 /** Identifier type for OTP / profile steps. */
 export type IdentifierType = 'phone' | 'email';
 /** Full state for the auth flow. */

package/dist/types/forms.d.ts

@@ -1,42 +1,68 @@
-import type { KeyboardEvent } from 'react';
-import type { Control, FieldValues } from 'react-hook-form';
+import { KeyboardEvent } from 'react';
+import { Control, FieldValues } from 'react-hook-form';
 /** Base props shared by RHF form field components. */
 export interface BaseFormFieldProps {
+    /** Field name used by react-hook-form for registration and validation. */
     name: string;
+    /** Visible label rendered above or beside the input. */
     label?: string;
+    /** Placeholder text shown when the input is empty. */
     placeholder?: string;
+    /** Whether the field is required for form submission. */
     required?: boolean;
+    /** Whether the field is disabled (non-interactive). */
     disabled?: boolean;
+    /** Additional CSS class name(s) applied to the field wrapper. */
     className?: string;
+    /** Validation error message to display below the input. */
     error?: string;
+    /** Supplementary helper text shown below the input when there is no error. */
     helperText?: string;
     /** Focus this field when form/screen opens (PRODUCT_PROTOCOLS #26). */
     autoFocus?: boolean;
 }
 /** Props for the text/email/number input field component. */
 export interface RHFInputFieldProps extends BaseFormFieldProps {
+    /** HTML input type. Allowed: `'text'`, `'email'`, `'password'`, `'number'`, `'tel'`, `'url'`, `'search'`. */
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+    /** HTML `autocomplete` attribute value (e.g. `'email'`, `'tel'`). */
     autoComplete?: string;
+    /** Maximum character length enforced on the input. */
     maxLength?: number;
+    /** Minimum character length enforced on the input. */
     minLength?: number;
+    /** Regex pattern string for native HTML validation. */
     pattern?: string;
+    /** react-hook-form `Control` instance. When omitted, the field uses the nearest `FormProvider`. */
     control?: Control<FieldValues>;
+    /** Called when a key is pressed while the input is focused. */
     onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    /** When true, restricts input to numeric characters only. */
     numericOnly?: boolean;
 }
 /** Props for RHF wrapper around DoctPhoneInput (docthub-core-components). */
 export interface RHFDoctPhoneInputFieldProps extends BaseFormFieldProps {
+    /** ISO 3166-1 alpha-2 country code pre-selected in the phone input (e.g. `'IN'`, `'US'`). */
     defaultCountry?: string;
+    /** Display variant: `'default'` shows full country selector, `'flag'` shows flag icon only. */
     variant?: 'default' | 'flag';
+    /** react-hook-form `Control` instance. When omitted, the field uses the nearest `FormProvider`. */
     control?: Control<FieldValues>;
 }
 /** Props for the OTP input field component. */
 export interface RHFOtpInputFieldProps extends BaseFormFieldProps {
+    /** Number of OTP digit boxes to render. @default 6 */
     length?: number;
+    /** Input type for each OTP box: `'text'`, `'number'`, or `'password'` (masked). */
     type?: 'text' | 'number' | 'password';
+    /** Focus the first OTP box on mount. */
     autoFocus?: boolean;
+    /** Automatically trigger submission when all boxes are filled. */
     autoSubmit?: boolean;
+    /** Called with the complete OTP string once all boxes are filled. */
     onComplete?: (otp: string) => void;
+    /** CSS class name(s) applied to each individual OTP input box. */
     inputClassName?: string;
+    /** react-hook-form `Control` instance. When omitted, the field uses the nearest `FormProvider`. */
     control?: Control<FieldValues>;
 }

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

@@ -1,9 +1,4 @@
-/**
- * Layout preset types for the Auth SDK.
- * Presets control structure only: width, alignment, slider vs standalone.
- * They do NOT control auth methods, MFA, or flow behavior.
- */
-import type { AuthLayoutAlign, AuthLayoutMaxWidth, AuthLayoutVariant } from './auth-layout-types';
+import { AuthLayoutAlign, AuthLayoutMaxWidth, AuthLayoutVariant } from './auth-layout-types';
 /** Layout type: two-panel with slider vs single centered column. */
 export type LayoutType = 'withSlider' | 'standalone';
 /**

package/dist/types/layout.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 /** Props for the ImageSlider component. */
 export interface ImageSliderProps {
     /** Array of image URLs to display */

package/dist/types/login-form.d.ts

@@ -1,10 +1,13 @@
-import type { UseFormReturn } from 'react-hook-form';
-import type { z } from 'zod';
-import type { loginEmailFormSchema, loginPhoneFormSchema } from '@/validations';
+import { UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
+import { loginEmailFormSchema, loginPhoneFormSchema } from '../validations';
 /** Login mode: phone number or email */
 export type LoginEntryMode = 'phone' | 'email';
+/** Form values for phone-based login, inferred from the Zod schema. */
 export type PhoneFormValues = z.infer<typeof loginPhoneFormSchema>;
+/** Form values for email-based login, inferred from the Zod schema. */
 export type EmailFormValues = z.infer<typeof loginEmailFormSchema>;
+/** Discriminated union of phone or email login form values. */
 export type LoginEntryFormValues = PhoneFormValues | EmailFormValues;
 /** Payload when login entry form is valid (phone or email). */
 export type LoginEntrySubmitData = {
@@ -38,9 +41,13 @@ export interface UseLoginEntryFormOptions {
     /** Called when submitApi rejects or throws. */
     onError?: (error: unknown) => void;
 }
+/** Return value of the `useLoginEntryForm` hook, providing form state and mode info. */
 export interface UseLoginEntryFormReturn {
+    /** react-hook-form methods bound to the current login mode's schema. */
     methods: UseFormReturn<LoginEntryFormValues>;
+    /** Submit handler to pass to the form's `onSubmit`. Validates and dispatches the login data. */
     handleSubmit: (data: LoginEntryFormValues) => void;
+    /** True when the current mode is `'phone'`; use for conditional field rendering. */
     isPhone: boolean;
     /** True when current form values pass validation (for disabling Continue until valid – edge cases 3, 4). */
     isFormValid: (data: LoginEntryFormValues) => boolean;

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

@@ -1,26 +1,37 @@
 /** Handlers exposed by the main auth page (method select). */
 export interface MainAuthPageHandlers {
+    /** Called when the user selects "Continue with Mobile". */
     onContinueWithMobile: () => void;
+    /** Called when the user selects "Continue with Email". */
     onContinueWithEmail: () => void;
+    /** Called when the user selects "Continue with Google". */
     onContinueWithGoogle: () => void;
+    /** Called when the user selects "Continue with Apple". */
     onContinueWithApple: () => void;
 }
 /** Config for lib-handled Google sign-in. When set, the lib runs the OAuth flow and calls onCredential. */
 export interface MainLoginGoogleProviderConfig {
+    /** Google OAuth 2.0 client ID. */
     clientId: string;
     /** Called with ID token (One Tap) or auth code (button popup). Send to your backend to verify. */
     onCredential: (credential: string) => void;
+    /** Enable Google One Tap prompt for automatic sign-in. */
     enableOneTap?: boolean;
 }
 /** Config for lib-handled Apple sign-in (stub). When set, the lib will run the flow and call onCredential when implemented. */
 export interface MainLoginAppleProviderConfig {
+    /** Apple Services ID (client ID) configured in the Apple Developer portal. */
     clientId: string;
+    /** OAuth redirect URI registered with Apple for the sign-in flow. */
     redirectUri: string;
+    /** Called with the Apple identity token after a successful sign-in. Send to your backend to verify. */
     onCredential: (credential: string) => void;
 }
 /** Optional provider config so the lib handles Google/Apple API calls. */
 export interface MainLoginPageProvidersConfig {
+    /** Google sign-in configuration. When set, the lib handles the Google OAuth flow. */
     google?: MainLoginGoogleProviderConfig;
+    /** Apple sign-in configuration. When set, the lib handles the Apple OAuth flow. */
     apple?: MainLoginAppleProviderConfig;
 }
 /** Options for useMainAuthPageHandlers: optional callback overrides + optional provider config for lib-handled OAuth. */

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

@@ -1,13 +1,16 @@
-import type { UseFormReturn } from 'react-hook-form';
-import type { z } from 'zod';
-import type { OtpVerificationMode, otpFormSchema } from '@/validations';
+import { UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
+import { OtpVerificationMode, otpFormSchema } from '../validations';
 export type { OtpVerificationMode };
+/** Form values for the OTP verification form, inferred from the Zod schema. */
 export type OtpFormValues = z.infer<typeof otpFormSchema>;
+/** Options for the `useOtpVerification` hook controlling mode, submission, and callbacks. */
 export interface UseOtpVerificationOptions {
     /** OTP mode: phone (60s cooldown) or email (2 min cooldown). */
     mode: OtpVerificationMode;
     /** Sync callback with OTP string. Use when parent owns API (e.g. AuthFlow). Ignored when submitApi is provided. */
     onSubmit?: ((otp: string) => void) | undefined;
+    /** Called when the user requests a new OTP code (resend). Ignored when submitApi is provided. */
     onResendCode?: (() => void) | undefined;
     /** When provided, hook runs: validate → submitApi(otp) → onSuccess(). Consumer passes redirect in onSuccess. */
     submitApi?: (otp: string) => Promise<void>;
@@ -16,14 +19,21 @@ export interface UseOtpVerificationOptions {
     /** Called when submitApi rejects or throws. */
     onError?: (error: unknown) => void;
 }
+/** Return value of the `useOtpVerification` hook, providing form state and resend controls. */
 export interface UseOtpVerificationReturn {
+    /** react-hook-form methods bound to the OTP form. */
     methods: UseFormReturn<OtpFormValues>;
+    /** Submit handler to pass to the form's `onSubmit`. Validates and dispatches the OTP. */
     handleSubmit: (data: OtpFormValues) => void;
     /** True when current form values pass validation (for disabling Submit until valid – edge case 6). */
     isFormValid: (data: OtpFormValues) => boolean;
+    /** Triggers a resend of the OTP code and resets the cooldown timer. */
     handleResend: () => void;
+    /** Seconds remaining before the user can request another OTP code. */
     resendSecondsLeft: number;
+    /** True when the resend cooldown has elapsed and the user may request a new code. */
     canResend: boolean;
+    /** Human-readable countdown string (e.g. `"00:45"`) for display next to the resend button. */
     timerText: string;
     /** True while submitApi is in flight. */
     isSubmitting: boolean;

package/dist/types/pages.d.ts

@@ -1,11 +1,8 @@
-/**
- * Props and public types for auth page components.
- */
-import type { UserType } from './auth-types';
-import type { IdentifierType } from './flow';
-import type { LoginEntryMode } from './login-form';
-import type { UseMainAuthPageHandlersOptions } from './main-login';
-import type { OtpVerificationMode } from './otp-verification';
+import { UserType } from './auth-types';
+import { IdentifierType } from './flow';
+import { LoginEntryMode } from './login-form';
+import { UseMainAuthPageHandlersOptions } from './main-login';
+import { OtpVerificationMode } from './otp-verification';
 /** Props for MainLoginPage and MainLogin components. */
 export type MainLoginPageProps = UseMainAuthPageHandlersOptions;
 /** Props for LoginEntry (inner form without layout). */

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

@@ -18,6 +18,7 @@ export interface UseRepeatLoginOptions {
     /** Called when continueApi fails. */
     onError?: (error: unknown) => void;
 }
+/** Return value of the `useRepeatLogin` hook, providing continue handler and display state. */
 export interface UseRepeatLoginReturn {
     /** Call this when the user clicks "Continue with {lastUsedMethod}". */
     handleContinue: () => void;

package/dist/types/signup-form.d.ts

@@ -1,11 +1,15 @@
-import type { UseFormReturn } from 'react-hook-form';
-import type { z } from 'zod';
-import type { signupEmailFormSchema, signupForeignFormSchema, signupPhoneFormSchema } from '@/validations';
+import { UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
+import { signupEmailFormSchema, signupForeignFormSchema, signupPhoneFormSchema } from '../validations';
 /** Signup mode: phone, email as second field, or foreign (full name + email + phone). */
 export type SignupEntryMode = 'phone' | 'email' | 'foreign';
+/** Form values for phone-based signup, inferred from the Zod schema. */
 export type SignupPhoneFormValues = z.infer<typeof signupPhoneFormSchema>;
+/** Form values for email-based signup, inferred from the Zod schema. */
 export type SignupEmailFormValues = z.infer<typeof signupEmailFormSchema>;
+/** Form values for foreign signup (full name + email + phone), inferred from the Zod schema. */
 export type SignupForeignFormValues = z.infer<typeof signupForeignFormSchema>;
+/** Discriminated union of all signup form value shapes. */
 export type SignupFormValues = SignupPhoneFormValues | SignupEmailFormValues | SignupForeignFormValues;
 /** Payload when signup form is valid. */
 export type SignupSubmitData = {
@@ -27,8 +31,11 @@ export interface UseSignupFormOptions {
     /** Called when submitApi rejects or throws. */
     onError?: (error: unknown) => void;
 }
+/** Return value of the `useSignupForm` hook, providing form state and mode flags. */
 export interface UseSignupFormReturn {
+    /** react-hook-form methods bound to the current signup mode's schema. */
     methods: UseFormReturn<SignupFormValues>;
+    /** Submit handler to pass to the form's `onSubmit`. Validates and dispatches signup data. */
     handleSubmit: (data: SignupFormValues) => void;
     /** True when mode is 'phone', false when mode is 'email'. For 'foreign' same as (mode === 'phone') for layout. */
     isPhone: boolean;

package/dist/utils/set-form-errors-from-zod.d.ts

@@ -1,4 +1,4 @@
-import type { ZodError } from 'zod';
+import { ZodError } from 'zod';
 /**
  * Applies Zod validation errors to a React Hook Form setError function.
  * Used by form submit handlers to display field-level errors from schema validation.

package/dist/validations/schemas.d.ts

@@ -1,7 +1,3 @@
-/**
- * Centralized Zod schemas for auth forms (signup, login, OTP).
- * Single source of truth for validation rules per PRODUCT_PROTOCOLS.
- */
 import { z } from 'zod';
 /** Capitalize first letter of each word (PRODUCT_PROTOCOLS #25 – Naming conventions). */
 export declare function capitalizeWords(value: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doct-ui-auth-kit",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Composable React auth SDK – layouts, login/signup/OTP pages, SSO provider, and auth flow hooks for Docthub",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,7 +23,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build && tsc -p tsconfig.build.json",
+    "build": "tsc -b && vite build",
     "prepublishOnly": "npm run build",
     "lint": "biome lint .",
     "preview": "vite preview",

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

@@ -1,5 +0,0 @@
-/**
- * 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/stories/components/enterprise-header.d.ts

@@ -1,5 +0,0 @@
-/**
- * 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/stories/components/index.d.ts

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