@adam-milo/ui 1.0.2

package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts

@@ -0,0 +1,96 @@
+import { InputHTMLAttributes } from 'react';
+import { Country } from './countries';
+
+export type { Country, PhoneMask } from './countries';
+export { allCountries, commonCountries, defaultCountries, getCountryByCode, getCountryByDialCode, getCountriesByDialCode, searchCountries, phoneMasks, defaultPhoneMask, getPhoneMask, formatPhoneNumber, getPhoneDigits, isValidPhoneLength, } from './countries';
+export interface PhoneInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
+    /**
+     * Label text for the input
+     */
+    label?: string;
+    /**
+     * Error message to display below the input
+     */
+    error?: string;
+    /**
+     * Helper text to display below the input (only shown when no error)
+     */
+    helperText?: string;
+    /**
+     * Whether the input should take full width
+     * @default true
+     */
+    fullWidth?: boolean;
+    /**
+     * The phone number value (without country code)
+     */
+    value?: string;
+    /**
+     * Callback when the phone number changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * The selected country code (ISO 3166-1 alpha-2)
+     * @default "US"
+     */
+    countryCode?: string;
+    /**
+     * Callback when the country selection changes
+     */
+    onCountryChange?: (country: Country) => void;
+    /**
+     * List of available countries
+     * @default commonCountries
+     */
+    countries?: Country[];
+    /**
+     * Enable phone number formatting based on country mask
+     * When enabled, the phone number will be formatted as the user types
+     * @default true
+     */
+    enableFormatting?: boolean;
+    /**
+     * Callback when validation state changes
+     * Called with true when phone number length matches country mask
+     */
+    onValidationChange?: (isValid: boolean) => void;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * @default "phone-input"
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * @default "phone-input"
+     */
+    'data-testid'?: string;
+}
+/**
+ * PhoneInput - Phone number input with country selector
+ *
+ * A form input component for phone numbers featuring:
+ * - Country selector dropdown with flags
+ * - Automatic dial code display
+ * - Phone number validation (numeric only)
+ * - Full keyboard accessibility
+ * - RTL support
+ *
+ * Design from Figma: node-id=40268-12095
+ *
+ * @example
+ * ```tsx
+ * const [phone, setPhone] = useState('');
+ * const [country, setCountry] = useState('US');
+ *
+ * <PhoneInput
+ *   label="Mobile No."
+ *   value={phone}
+ *   onChange={setPhone}
+ *   countryCode={country}
+ *   onCountryChange={(c) => setCountry(c.code)}
+ *   required
+ * />
+ * ```
+ */
+export declare const PhoneInput: import('react').ForwardRefExoticComponent<PhoneInputProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=PhoneInput.component.d.ts.map

package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,mBAAmB,EAEpB,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,OAAO,EAKR,MAAM,aAAa,CAAC;AAGrB,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAEtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,8GAgWtB,CAAC"}

package/dist/src/components/forms/phone-input/countries.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Country data for PhoneInput component
+ *
+ * Contains country codes, names, dial codes, and flag emojis.
+ * Countries are sorted alphabetically by name.
+ */
+/**
+ * Country data structure
+ */
+export interface Country {
+    /** ISO 3166-1 alpha-2 country code (e.g., "US", "IL") */
+    code: string;
+    /** Country name in English */
+    name: string;
+    /** International dial code with + prefix (e.g., "+1", "+972") */
+    dialCode: string;
+    /** Flag emoji */
+    flag: string;
+}
+/**
+ * Comprehensive list of countries with dial codes
+ * Sorted alphabetically by country name
+ */
+export declare const allCountries: Country[];
+/**
+ * Common countries - a subset of frequently used countries
+ * Good for default/priority display in dropdowns
+ */
+export declare const commonCountries: Country[];
+/**
+ * Default countries for backward compatibility
+ * @deprecated Use `commonCountries` or `allCountries` instead
+ */
+export declare const defaultCountries: Country[];
+/**
+ * Find a country by its ISO code
+ */
+export declare function getCountryByCode(code: string): Country | undefined;
+/**
+ * Find a country by its dial code
+ * Note: Some dial codes are shared (e.g., +1 for US, CA, etc.)
+ * Returns the first match
+ */
+export declare function getCountryByDialCode(dialCode: string): Country | undefined;
+/**
+ * Get all countries that share a dial code
+ * Useful for +1 (US, Canada, etc.)
+ */
+export declare function getCountriesByDialCode(dialCode: string): Country[];
+/**
+ * Search countries by name (case-insensitive)
+ */
+export declare function searchCountries(query: string): Country[];
+/**
+ * Phone number mask configuration
+ * - mask: Pattern where # represents a digit
+ * - placeholder: Visual placeholder for the mask
+ * - maxLength: Maximum number of digits (without formatting)
+ */
+export interface PhoneMask {
+    mask: string;
+    placeholder: string;
+    maxLength: number;
+}
+/**
+ * Phone masks by country code
+ * Format: # = digit
+ */
+export declare const phoneMasks: Record<string, PhoneMask>;
+/**
+ * Default phone mask for countries without specific masks
+ */
+export declare const defaultPhoneMask: PhoneMask;
+/**
+ * Get phone mask for a country
+ */
+export declare function getPhoneMask(countryCode: string): PhoneMask;
+/**
+ * Format a phone number according to the country mask
+ * @param value - Raw phone number (digits only)
+ * @param countryCode - ISO country code
+ * @returns Formatted phone number
+ */
+export declare function formatPhoneNumber(value: string, countryCode: string): string;
+/**
+ * Get raw digits from a formatted phone number
+ */
+export declare function getPhoneDigits(formattedValue: string): string;
+/**
+ * Validate phone number length for a country
+ */
+export declare function isValidPhoneLength(value: string, countryCode: string): boolean;
+//# sourceMappingURL=countries.d.ts.map

package/dist/src/components/forms/phone-input/countries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countries.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/countries.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,EAgLjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,OAAO,EA+BpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,OAAO,EAKrC,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAElE;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAG1E;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAE,CAGlE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,CAGxD;AAED;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CA4DhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAI9B,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAE3D;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAoB5E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAI9E"}

package/dist/src/components/forms/radio/Radio.component.d.ts

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.component.d.ts.map

package/dist/src/components/forms/radio/Radio.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/radio/Radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,mBAAmB,EAA8B,MAAM,OAAO,CAAC;AAGpF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA6BD,eAAO,MAAM,KAAK,yGAmGjB,CAAC"}

package/dist/src/components/forms/select/Select.component.d.ts

@@ -0,0 +1,108 @@
+import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
+
+import * as SelectPrimitive from '@radix-ui/react-select';
+export declare const Select: import('react').FC<SelectPrimitive.SelectProps>;
+export interface SelectTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The label text for the select field
+     */
+    label?: string;
+    /**
+     * Error message to display
+     */
+    error?: string;
+    /**
+     * Helper text to display below the select
+     */
+    helperText?: string;
+    /**
+     * Whether the select should take full width
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the select has a value selected
+     */
+    hasValue?: boolean;
+    /**
+     * Placeholder text when no value is selected
+     */
+    placeholder?: string;
+    /**
+     * Whether the select is required for form validation
+     * Note: Sets aria-required for accessibility. For actual form validation,
+     * use HTML form validation or a form library.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * @default "select-trigger"
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * @default "select-trigger"
+     */
+    'data-testid'?: string;
+}
+export declare const SelectTrigger: import('react').ForwardRefExoticComponent<SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SelectValue: import('react').ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import('react').RefAttributes<HTMLSpanElement>>;
+export interface SelectContentProps extends HTMLAttributes<HTMLDivElement> {
+    position?: 'item-aligned' | 'popper';
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * @default "select-content"
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * @default "select-content"
+     */
+    'data-testid'?: string;
+}
+export declare const SelectContent: import('react').ForwardRefExoticComponent<SelectContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * Auto-generates as "select-item-{value}" if not provided
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * Auto-generates as "select-item-{value}" if not provided
+     */
+    'data-testid'?: string;
+}
+export declare const SelectItem: import('react').ForwardRefExoticComponent<SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectGroup: import('react').ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface SelectLabelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * @default "select-label"
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * @default "select-label"
+     */
+    'data-testid'?: string;
+}
+export declare const SelectLabel: import('react').ForwardRefExoticComponent<SelectLabelProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface SelectSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * @default "select-separator"
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * @default "select-separator"
+     */
+    'data-testid'?: string;
+}
+export declare const SelectSeparator: import('react').ForwardRefExoticComponent<SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Select.component.d.ts.map

package/dist/src/components/forms/select/Select.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5F,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAO1D,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAM3C,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACjF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,kHAgJzB,CAAC;AAOF,eAAO,MAAM,WAAW,8HAAwB,CAAC;AAMjD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,+GAsCzB,CAAC;AAOF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,4GAyBtB,CAAC;AAOF,eAAO,MAAM,WAAW,6HAAwB,CAAC;AAMjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,6GAevB,CAAC;AAOF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,iHAgB1B,CAAC"}

package/dist/src/components/forms/toggle/Toggle.component.d.ts

@@ -0,0 +1,80 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /**
+     * Label text for the toggle
+     */
+    label?: string;
+    /**
+     * Position of the label relative to the toggle
+     * @default 'end'
+     */
+    labelPosition?: 'start' | 'end';
+    /**
+     * Helper text to display below the toggle
+     */
+    helperText?: string;
+    /**
+     * Size of the toggle
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Callback fired when the toggle state changes
+     * @param event - The change event from the input element
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Callback fired when the toggle loses focus
+     * @param event - The blur event from the input element
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback fired when the toggle gains focus
+     * @param event - The focus event from the input element
+     */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * Auto-generates as "toggle" if not provided
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * Auto-generates as "toggle" if not provided
+     */
+    'data-testid'?: string;
+}
+/**
+ * Toggle - Accessible toggle/switch component for the Adam Milo Design System
+ *
+ * A fully accessible toggle component that supports:
+ * - Standard on/off states
+ * - Hover and focus states
+ * - Disabled state
+ * - Label positioning
+ * - Helper text
+ * - Full keyboard accessibility
+ * - RTL support
+ *
+ * @example
+ * ```tsx
+ * // Simple toggle
+ * <Toggle label="Enable notifications" />
+ *
+ * // Controlled toggle
+ * <Toggle
+ *   label="Dark mode"
+ *   checked={isDarkMode}
+ *   onChange={(e) => setIsDarkMode(e.target.checked)}
+ * />
+ *
+ * // With label on the left
+ * <Toggle label="Auto-save" labelPosition="start" />
+ *
+ * // Disabled toggle
+ * <Toggle label="Feature flag" disabled />
+ * ```
+ */
+export declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Toggle.component.d.ts.map

package/dist/src/components/forms/toggle/Toggle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/toggle/Toggle.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,mBAAmB,EAAwC,MAAM,OAAO,CAAC;AAe9F,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/F;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAEhC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEhE;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE9D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM,0GA8JlB,CAAC"}

package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts

@@ -0,0 +1,87 @@
+import { ReactNode, HTMLAttributes } from 'react';
+
+export interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {
+    /**
+     * The content to render inside the card
+     */
+    children: ReactNode;
+    /**
+     * Card size variant
+     * - sm: Small card (400px width)
+     * - md: Medium card (500px width)
+     * - lg: Large card (600px width) - default
+     * - xl: Extra large card (700px width)
+     * - 2xl: Extra wide card (896px width) – for forms with side illustrations
+     * - auto: Card width adjusts to content
+     */
+    cardSize?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'auto';
+    /**
+     * Logo element to display in the header
+     * Can be an image, SVG, or custom component
+     */
+    logo?: ReactNode;
+    /**
+     * Whether to show the settings menu button
+     * @default true
+     */
+    showSettings?: boolean;
+    /**
+     * Whether to show the user menu button
+     * @default true
+     */
+    showUserMenu?: boolean;
+    /**
+     * User initials for the user menu button (for existing users)
+     * If provided, shows initials instead of user icon
+     */
+    userInitials?: string;
+    /**
+     * Callback when settings button is clicked
+     */
+    onSettingsClick?: () => void;
+    /**
+     * Callback when user menu button is clicked
+     */
+    onUserMenuClick?: () => void;
+    /**
+     * Which menu button is currently selected/active
+     */
+    activeMenu?: 'settings' | 'user' | null;
+    /**
+     * An ID for testing purposes, used by Vitest/React Testing Library.
+     */
+    'data-testid'?: string;
+    /**
+     * An ID for Cypress E2E testing purposes.
+     */
+    'data-cy'?: string;
+}
+/**
+ * AuthLayout - Pre-authentication page layout
+ *
+ * Based on Figma designs:
+ * - Desktop: node-id=40001-29832
+ * - Mobile: node-id=40362-11823
+ *
+ * A full-page layout for authentication pages (login, signup, password reset, etc.)
+ * featuring:
+ * - Gradient background
+ * - Fixed header with logo and menu buttons
+ * - Centered card container for form content
+ * - Responsive design (desktop/mobile)
+ *
+ * @example
+ * ```tsx
+ * <AuthLayout
+ *   logo={<img src="/logo.svg" alt="Company Logo" />}
+ *   cardSize="lg"
+ *   onSettingsClick={() => openSettings()}
+ *   onUserMenuClick={() => openUserMenu()}
+ * >
+ *   <h1>Welcome</h1>
+ *   <form>...</form>
+ * </AuthLayout>
+ * ```
+ */
+export declare const AuthLayout: import('react').ForwardRefExoticComponent<AuthLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AuthLayout.component.d.ts.map

package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,WAAW,CACtB;IACC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAEtD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;IAExC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,4GAyItB,CAAC"}

package/dist/src/components/layout/container/Container.component.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from 'react';
+
+export interface ContainerProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Maximum width of the container
+     * @default "lg"
+     */
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Horizontal padding size
+     * @default "md"
+     */
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * @default "container"
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * @default "container"
+     */
+    'data-testid'?: string;
+}
+export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Container.component.d.ts.map

package/dist/src/components/layout/container/Container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/container/Container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAuBzE,MAAM,WAAW,cAAe,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrE;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAE9C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE7C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,2GAiCrB,CAAC"}

package/dist/src/components/layout/divider/Divider.component.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+    spacing?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
+    color?: string;
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Divider.component.d.ts.map

package/dist/src/components/layout/divider/Divider.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/divider/Divider.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,cAAc,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAsBD,eAAO,MAAM,OAAO,yGAuCnB,CAAC"}

package/dist/src/components/layout/grid/Grid.component.d.ts

@@ -0,0 +1,53 @@
+import { HTMLAttributes } from 'react';
+
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Number of columns in the grid (1-12) or 'auto' for auto-fit behavior
+     * @default 3
+     */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+    /**
+     * Number of rows in the grid (1-12) or 'auto' for auto rows
+     */
+    rows?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+    /**
+     * Uniform gap between grid items (uses CSS custom properties)
+     * @default '4'
+     */
+    gap?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
+    /**
+     * Vertical gap between grid items (overrides gap)
+     */
+    rowGap?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
+    /**
+     * Horizontal gap between grid items (overrides gap)
+     */
+    columnGap?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
+    /**
+     * Alignment of items on the block axis (vertical)
+     * @default 'stretch'
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * Justification of items on the inline axis (horizontal)
+     * @default 'stretch'
+     */
+    justify?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * Minimum width for auto-fit columns (when columns='auto')
+     * @default '15rem'
+     */
+    autoFitMinWidth?: string;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * Auto-generates as "grid-{columns}col" if not provided
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * Auto-generates as "grid-{columns}col" if not provided
+     */
+    'data-testid'?: string;
+}
+export declare const Grid: import('react').ForwardRefExoticComponent<GridProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Grid.component.d.ts.map

package/dist/src/components/layout/grid/Grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/grid/Grid.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA6B,MAAM,OAAO,CAAC;AAwFlE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IAEpE;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IAEjE;;;OAGG;IACH,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAElE;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAErE;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAExE;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAE/C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAEjD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,sGA0DhB,CAAC"}

package/dist/src/components/layout/stack/Stack.component.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+
+export interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    direction?: 'horizontal' | 'vertical';
+    spacing?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '10' | '12' | '14';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    wrap?: boolean;
+    'data-cy'?: string;
+    'data-testid'?: string;
+}
+export declare const Stack: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Stack.component.d.ts.map

package/dist/src/components/layout/stack/Stack.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/stack/Stack.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAqCD,eAAO,MAAM,KAAK,uGAuCjB,CAAC"}