doct-ui-auth-kit 1.0.1 → 1.0.3

package/dist/types/forms.d.ts

@@ -1,5 +1,6 @@
 import type { KeyboardEvent } from 'react';
 import type { Control, FieldValues } from 'react-hook-form';
+/** Base props shared by RHF form field components. */
 export interface BaseFormFieldProps {
     name: string;
     label?: string;
@@ -10,6 +11,7 @@ export interface BaseFormFieldProps {
     error?: string;
     helperText?: string;
 }
+/** Props for the text/email/number input field component. */
 export interface RHFInputFieldProps extends BaseFormFieldProps {
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
     autoComplete?: string;
@@ -20,32 +22,13 @@ export interface RHFInputFieldProps extends BaseFormFieldProps {
     onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
     numericOnly?: boolean;
 }
-export interface RHFPasswordFieldProps extends BaseFormFieldProps {
-    showPassword?: boolean;
-    togglePasswordVisibility?: () => void;
-    control?: Control<FieldValues>;
-}
-export interface RHFTextareaFieldProps extends BaseFormFieldProps {
-    rows?: number;
-    maxLength?: number;
-    minLength?: number;
-    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
-    control?: Control<FieldValues>;
-}
-export interface RHFPhoneInputFieldProps extends BaseFormFieldProps {
-    countryCode?: string;
-    preferredCountries?: string[];
-    enableSearch?: boolean;
-    searchPlaceholder?: string;
-    autoFormat?: boolean;
-    control?: Control<FieldValues>;
-}
 /** Props for RHF wrapper around DoctPhoneInput (docthub-core-components). */
 export interface RHFDoctPhoneInputFieldProps extends BaseFormFieldProps {
     defaultCountry?: string;
     variant?: 'default' | 'flag';
     control?: Control<FieldValues>;
 }
+/** Props for the OTP input field component. */
 export interface RHFOtpInputFieldProps extends BaseFormFieldProps {
     length?: number;
     type?: 'text' | 'number' | 'password';
@@ -55,70 +38,3 @@ export interface RHFOtpInputFieldProps extends BaseFormFieldProps {
     inputClassName?: string;
     control?: Control<FieldValues>;
 }
-export interface FormLayoutProps {
-    children: React.ReactNode;
-    className?: string;
-    onSubmit?: (data: Record<string, unknown>) => void;
-    onReset?: () => void;
-}
-export interface FormHeaderProps {
-    title: string;
-    subtitle?: string;
-    onBack?: () => void;
-    className?: string;
-}
-export interface FormFooterProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export interface FormCardProps {
-    children: React.ReactNode;
-    className?: string;
-    title?: string;
-    subtitle?: string;
-    headerActions?: React.ReactNode;
-    footerActions?: React.ReactNode;
-}
-export interface ValidationRule {
-    required?: boolean;
-    minLength?: number;
-    maxLength?: number;
-    pattern?: RegExp;
-    min?: number;
-    max?: number;
-    email?: boolean;
-    url?: boolean;
-    custom?: (value: unknown) => boolean | string;
-}
-export interface FormValidationSchema {
-    [fieldName: string]: ValidationRule;
-}
-export interface FormState {
-    isValid: boolean;
-    isDirty: boolean;
-    isSubmitting: boolean;
-    errors: Record<string, string>;
-    touched: Record<string, boolean>;
-    values: Record<string, unknown>;
-}
-export interface FormSubmissionOptions {
-    validateOnSubmit?: boolean;
-    resetOnSuccess?: boolean;
-    showSuccessMessage?: boolean;
-    successMessage?: string;
-    onSuccess?: (data: Record<string, unknown>) => void;
-    onError?: (error: unknown) => void;
-}
-export interface UseFormReturn<T = Record<string, unknown>> {
-    register: (name: keyof T) => object;
-    handleSubmit: (onSubmit: (data: T) => void) => (e: React.FormEvent) => void;
-    watch: (name?: keyof T) => unknown;
-    setValue: (name: keyof T, value: T[keyof T]) => void;
-    getValues: () => T;
-    reset: (values?: T) => void;
-    formState: FormState;
-    errors: Record<keyof T, string>;
-    isValid: boolean;
-    isDirty: boolean;
-    isSubmitting: boolean;
-}

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
 /**
- * Central export file for all types and interfaces
- * Import types from here: import type { User, ApiResponse } from '@/types';
+ * Central export file for all types and interfaces.
+ * Import types from here: import type { RHFInputFieldProps } from '@/types';
  */
-export * from './common';
-export * from './user';
+export * from './auth-layout-types';
+export * from './forms';
+export * from './layout-presets';

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

@@ -0,0 +1,29 @@
+/**
+ * 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';
+/** Layout type: two-panel with slider vs single centered column. */
+export type LayoutType = 'withSlider' | 'standalone';
+/**
+ * Named presets for auth screens. Kept minimal to avoid preset explosion.
+ * Add new presets only for distinct layout structures, not for auth methods.
+ */
+export type LayoutPresetName = 'login' | 'signup' | 'verification' | '';
+/**
+ * Structure-only config derived from a preset.
+ * Used by AuthLayout to render the correct shell (slider, width, alignment).
+ */
+export interface LayoutPresetConfig {
+    /** Whether to show the two-panel slider (e.g. login) or standalone column. */
+    layoutType: LayoutType;
+    /** Mobile vs desktop spacing/breakpoints. */
+    variant: AuthLayoutVariant;
+    /** Max width of the content area. */
+    maxWidth: AuthLayoutMaxWidth;
+    /** Constrain main content to 320px when 'sm'. */
+    contentWidth: 'sm' | 'default';
+    /** Title/description alignment. */
+    align: AuthLayoutAlign;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doct-ui-auth-kit",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Composable React auth SDK – layouts, login/signup/OTP pages, SSO provider, and auth flow hooks for Docthub",
   "type": "module",
   "main": "./dist/index.js",

package/dist/components/auth/repeat-login.d.ts

@@ -1,24 +0,0 @@
-export interface RepeatLoginProps {
-    /**
-     * Last used authentication method shown in the description and primary button label.
-     * Example: "Mobile", "Email".
-     *
-     * @default "Mobile"
-     */
-    lastUsedMethod?: string;
-    /** Handler for the primary action (continue with last used method). */
-    onContinueWithLastMethod?: () => void;
-    /** Handler for the secondary action (choose another method). */
-    onUseAnotherMethod?: () => void;
-}
-/**
- * Repeat login experience for returning users.
- *
- * Renders the central auth card used in the "USER LOGIN SCREEN - REPEAT"
- * Figma design, including title, description and two actions.
- *
- * This component is layout-aware and is intended to be used inside
- * an existing `AuthLayout.Root` so that it can adapt between
- * desktop and mobile variants.
- */
-export declare function RepeatLogin({ lastUsedMethod, onContinueWithLastMethod, onUseAnotherMethod, }: Readonly<RepeatLoginProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +0,0 @@
-import type { RHFPasswordFieldProps } from '@/types/forms';
-export declare function RHFPasswordField({ name, label, placeholder, className, control, required, showPassword: showPasswordProp, togglePasswordVisibility, }: RHFPasswordFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/conflict.d.ts

@@ -1,12 +0,0 @@
-import type { AuthError } from '@/core/auth-types';
-export interface ConflictPageProps {
-    /** Conflict error with optional linked identifier (e.g. masked phone or email). */
-    error: AuthError | null;
-    /** Handler when user chooses to go back and edit input. */
-    onGoBack?: () => void;
-}
-/**
- * Conflict error page: shown when identifier is already linked to another account.
- * Slot into AuthLayout.Body; layout shell is provided by the consumer.
- */
-export declare function ConflictPage({ error, onGoBack }: Readonly<ConflictPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/pages/foreign-email-collect.d.ts

@@ -1,16 +0,0 @@
-export interface ForeignEmailCollectPageProps {
-    /** Masked phone (e.g. "+** ***1234") for display. */
-    maskedPhone?: string;
-    /** Handler when form is submitted with fullName and email. */
-    onSubmit?: (data: {
-        fullName: string;
-        email: string;
-    }) => void;
-    /** Handler when back is clicked. */
-    onBack?: () => void;
-}
-/**
- * Foreign (non-Indian) phone flow: collect full name and email; OTP will be sent to email.
- * Slot into AuthLayout.Body; layout shell is provided by the consumer.
- */
-export declare function ForeignEmailCollectPage({ maskedPhone, onSubmit, }: Readonly<ForeignEmailCollectPageProps>): import("react/jsx-runtime").JSX.Element;