@omnitron-dev/prism 0.1.3 → 0.3.0

package/dist/components/field/field-multi-select.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Field.MultiSelect Component
+ *
+ * React Hook Form integrated multi-select with chips.
+ *
+ * @module components/field
+ */
+import type { ReactNode } from 'react';
+import type { TextFieldProps } from '@mui/material/TextField';
+/**
+ * Option for multi-select.
+ */
+export interface MultiSelectOption {
+    /** Option value */
+    value: string | number;
+    /** Display label */
+    label: string;
+    /** Optional group */
+    group?: string;
+    /** Disabled state */
+    disabled?: boolean;
+}
+/**
+ * Props for Field.MultiSelect component.
+ */
+export interface FieldMultiSelectProps {
+    /** Field name in the form */
+    name: string;
+    /** Select options */
+    options: MultiSelectOption[];
+    /** Field label */
+    label?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Props passed to TextField */
+    textFieldProps?: Partial<TextFieldProps>;
+    /** Maximum number of selections */
+    maxSelections?: number;
+    /** Chip variant */
+    chipVariant?: 'filled' | 'outlined' | 'soft';
+    /** Chip color */
+    chipColor?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    /** Disable clearable */
+    disableClearable?: boolean;
+    /** Disable close on select */
+    disableCloseOnSelect?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Loading text */
+    loadingText?: ReactNode;
+    /** No options text */
+    noOptionsText?: ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Read only state */
+    readOnly?: boolean;
+    /** Full width */
+    fullWidth?: boolean;
+    /** Size */
+    size?: 'small' | 'medium';
+    /** Limit number of visible tags */
+    limitTags?: number;
+}
+/**
+ * Field.MultiSelect - Multiple selection with React Hook Form integration.
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.MultiSelect
+ *     name="tags"
+ *     label="Tags"
+ *     options={[
+ *       { value: 'react', label: 'React' },
+ *       { value: 'typescript', label: 'TypeScript' },
+ *       { value: 'nodejs', label: 'Node.js' },
+ *     ]}
+ *   />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldMultiSelect({ name, options, label, placeholder, helperText, textFieldProps, maxSelections, chipVariant, chipColor, disableClearable, disableCloseOnSelect, loading, loadingText, noOptionsText, disabled, readOnly, fullWidth, size, limitTags, }: FieldMultiSelectProps): ReactNode;
+//# sourceMappingURL=field-multi-select.d.ts.map

package/dist/components/field/field-multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-multi-select.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7C,iBAAiB;IACjB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3F,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8BAA8B;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sBAAsB;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa,EACb,WAAsB,EACtB,SAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAgB,EAChB,IAAI,EACJ,SAAS,GACV,EAAE,qBAAqB,GAAG,SAAS,CAkFnC"}

package/dist/components/field/field-multi-switch.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Field.MultiSwitch Component
+ *
+ * React Hook Form integrated multiple switch group.
+ * Manages array values for multi-toggle scenarios.
+ *
+ * @module components/field
+ */
+import { type ReactNode } from 'react';
+import type { BoxProps } from '@mui/material/Box';
+import type { SwitchProps } from '@mui/material/Switch';
+import type { FormControlProps } from '@mui/material/FormControl';
+import type { FormGroupProps } from '@mui/material/FormGroup';
+import type { FormHelperTextProps } from '@mui/material/FormHelperText';
+import type { FormLabelProps } from '@mui/material/FormLabel';
+/**
+ * Option for multi-switch selection
+ */
+export interface MultiSwitchOption {
+    /** Display label */
+    label: string;
+    /** Value stored when enabled */
+    value: string;
+    /** Disable this option */
+    disabled?: boolean;
+}
+/**
+ * Props for Field.MultiSwitch component.
+ */
+export interface FieldMultiSwitchProps extends Omit<FormGroupProps, 'onChange'> {
+    /** Field name in the form */
+    name: string;
+    /** Label for the switch group */
+    label?: string;
+    /** Available options */
+    options: MultiSwitchOption[];
+    /** Helper text shown below the group */
+    helperText?: ReactNode;
+    /** Slot props for nested components */
+    slotProps?: {
+        /** Wrapper FormControl props */
+        wrapper?: Partial<FormControlProps>;
+        /** Individual Switch props */
+        switch?: Partial<SwitchProps>;
+        /** FormLabel props */
+        formLabel?: Partial<FormLabelProps>;
+        /** FormHelperText props */
+        helperText?: Partial<FormHelperTextProps>;
+        /** Container Box props */
+        container?: Partial<BoxProps>;
+    };
+}
+/**
+ * Field.MultiSwitch - Multiple switch group with React Hook Form integration.
+ *
+ * Stores enabled values as an array. Toggle logic automatically adds/removes
+ * values when switches are toggled.
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.MultiSwitch
+ *     name="notifications"
+ *     label="Notification Settings"
+ *     options={[
+ *       { label: 'Email notifications', value: 'email' },
+ *       { label: 'Push notifications', value: 'push' },
+ *       { label: 'SMS notifications', value: 'sms' },
+ *     ]}
+ *   />
+ * </FormProvider>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Horizontal layout with custom styling
+ * <Field.MultiSwitch
+ *   name="features"
+ *   label="Feature Toggles"
+ *   row
+ *   options={[
+ *     { label: 'Beta Features', value: 'beta' },
+ *     { label: 'Analytics', value: 'analytics' },
+ *     { label: 'Debug Mode', value: 'debug', disabled: true },
+ *   ]}
+ *   slotProps={{
+ *     switch: { color: 'success' },
+ *   }}
+ * />
+ * ```
+ */
+export declare function FieldMultiSwitch({ name, label, options, helperText, slotProps, row, ...other }: FieldMultiSwitchProps): ReactNode;
+//# sourceMappingURL=field-multi-switch.d.ts.map

package/dist/components/field/field-multi-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-multi-switch.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-multi-switch.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAS9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM9D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAC7E,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,wCAAwC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE;QACV,gCAAgC;QAChC,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;QACpC,8BAA8B;QAC9B,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9B,sBAAsB;QACtB,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;QACpC,2BAA2B;QAC3B,UAAU,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC1C,0BAA0B;QAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;KAC/B,CAAC;CACH;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,SAAS,CAsEnC"}

package/dist/components/field/field-number.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Field.Number Component
+ *
+ * React Hook Form integrated number field with proper numeric handling
+ * and full accessibility support.
+ *
+ * @module components/field
+ */
+import type { ReactNode, ComponentProps } from 'react';
+import { type RegisterOptions } from 'react-hook-form';
+import TextField from '@mui/material/TextField';
+/**
+ * Props for Field.Number component.
+ */
+export interface FieldNumberProps extends Omit<ComponentProps<typeof TextField>, 'name' | 'type'> {
+    /** Field name in the form */
+    name: string;
+    /** Minimum allowed value */
+    min?: number;
+    /** Maximum allowed value */
+    max?: number;
+    /** Decimal places to allow */
+    decimals?: number;
+    /** Allow negative numbers */
+    allowNegative?: boolean;
+    /** Default value when input is empty */
+    defaultValue?: number;
+    /** Validation rules for react-hook-form */
+    rules?: RegisterOptions;
+}
+/**
+ * Field.Number - Number input with proper numeric handling.
+ * Uses transformNumber utilities for three-phase input handling.
+ *
+ * Includes comprehensive accessibility attributes:
+ * - aria-describedby for helper text and error messages
+ * - aria-invalid for error states
+ * - aria-valuemin/max for range constraints
+ * - Proper inputMode for numeric keyboard
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Number name="quantity" label="Quantity" min={1} max={100} />
+ *   <Field.Number name="price" label="Price" decimals={2} min={0} />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldNumber({ name, min, max, decimals, allowNegative, defaultValue, rules, error: _error, ...other }: FieldNumberProps): ReactNode;
+//# sourceMappingURL=field-number.d.ts.map

package/dist/components/field/field-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-number.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-number.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAGL,KAAK,eAAe,EAIrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/F,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AA+HD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,GAAG,EACH,GAAG,EACH,QAAQ,EACR,aAAoB,EACpB,YAAgB,EAChB,KAAK,EAEL,KAAK,EAAE,MAAM,EACb,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAuB9B"}

package/dist/components/field/field-phone.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Field.Phone Component
+ *
+ * React Hook Form integrated international phone number input.
+ * Provides country selection with flag display and validation.
+ *
+ * @module components/field
+ */
+import type { ReactNode } from 'react';
+import type { TextFieldProps } from '@mui/material/TextField';
+/**
+ * Country data structure
+ */
+export interface CountryData {
+    /** ISO 3166-1 alpha-2 code */
+    code: string;
+    /** Country name */
+    name: string;
+    /** Dial code with + prefix */
+    dialCode: string;
+    /** Flag emoji */
+    flag: string;
+}
+/**
+ * Props for Field.Phone component.
+ */
+export interface FieldPhoneProps extends Omit<TextFieldProps, 'name' | 'value' | 'onChange'> {
+    /** Field name in the form */
+    name: string;
+    /** Default country code (e.g., 'US') */
+    defaultCountry?: string;
+    /** Preferred countries shown at top of list */
+    preferredCountries?: string[];
+    /** Hide country selector */
+    hideCountrySelect?: boolean;
+    /** Custom countries data (overrides default) */
+    countries?: CountryData[];
+}
+/**
+ * Field.Phone - International phone input with React Hook Form integration.
+ *
+ * Features:
+ * - Country selector with flags
+ * - Automatic country detection from dial code
+ * - Preferred countries list
+ * - Phone number formatting
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Phone
+ *     name="phone"
+ *     label="Phone Number"
+ *     defaultCountry="US"
+ *   />
+ * </FormProvider>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With preferred countries
+ * <Field.Phone
+ *   name="mobile"
+ *   label="Mobile"
+ *   defaultCountry="GB"
+ *   preferredCountries={['GB', 'US', 'DE', 'FR']}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Hide country selector
+ * <Field.Phone
+ *   name="phone"
+ *   label="Phone"
+ *   hideCountrySelect
+ *   defaultCountry="US"
+ * />
+ * ```
+ */
+export declare function FieldPhone({ name, label, helperText, defaultCountry, preferredCountries, hideCountrySelect, countries: customCountries, disabled, ...other }: FieldPhoneProps): ReactNode;
+//# sourceMappingURL=field-phone.d.ts.map

package/dist/components/field/field-phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-phone.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-phone.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAYpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM9D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IAC1F,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,4BAA4B;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gDAAgD;IAChD,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;CAC3B;AAgGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,UAAU,EACV,cAAqB,EACrB,kBAAuB,EACvB,iBAAyB,EACzB,SAAS,EAAE,eAAe,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,SAAS,CAyJ7B"}

package/dist/components/field/field-radio.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Field.Radio Component
+ *
+ * React Hook Form integrated radio group with full accessibility support.
+ *
+ * @module components/field
+ */
+import type { ReactNode } from 'react';
+import { type RegisterOptions } from 'react-hook-form';
+import type { FormControlProps } from '@mui/material/FormControl';
+/**
+ * Option for radio group.
+ */
+export interface RadioOption {
+    /** Option value */
+    value: string | number;
+    /** Display label */
+    label: string;
+    /** Disabled state */
+    disabled?: boolean;
+}
+/**
+ * Props for Field.Radio component.
+ */
+export interface FieldRadioProps extends Omit<FormControlProps, 'name'> {
+    /** Field name in the form */
+    name: string;
+    /** Radio options */
+    options: RadioOption[];
+    /** Label for the radio group */
+    label?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Layout direction */
+    row?: boolean;
+    /** Validation rules for react-hook-form */
+    rules?: RegisterOptions;
+}
+/**
+ * Field.Radio - Radio group with React Hook Form integration.
+ *
+ * Includes comprehensive accessibility attributes:
+ * - aria-describedby for helper text and error messages
+ * - aria-invalid for error states
+ * - aria-required for required fields
+ * - Proper radiogroup role and label association
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Radio
+ *     name="gender"
+ *     label="Gender"
+ *     options={[
+ *       { value: 'male', label: 'Male' },
+ *       { value: 'female', label: 'Female' },
+ *       { value: 'other', label: 'Other' },
+ *     ]}
+ *   />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldRadio({ name, options, label, helperText, row, rules, required, ...other }: FieldRadioProps): ReactNode;
+//# sourceMappingURL=field-radio.d.ts.map

package/dist/components/field/field-radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-radio.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-radio.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAOnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACrE,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,GAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,SAAS,CAuD7B"}

package/dist/components/field/field-rating.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Field.Rating Component
+ *
+ * React Hook Form integrated star rating.
+ *
+ * @module components/field
+ */
+import { type ReactNode } from 'react';
+import type { RatingProps } from '@mui/material/Rating';
+import type { FormControlProps } from '@mui/material/FormControl';
+/**
+ * Props for Field.Rating component.
+ */
+export interface FieldRatingProps extends Omit<RatingProps, 'name' | 'value' | 'onChange'> {
+    /** Field name in the form */
+    name: string;
+    /** Field label */
+    label?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Props passed to FormControl */
+    formControlProps?: FormControlProps;
+    /** Show numeric value next to rating */
+    showValue?: boolean;
+}
+/**
+ * Field.Rating - Star rating with React Hook Form integration.
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Rating
+ *     name="rating"
+ *     label="How would you rate this?"
+ *     max={5}
+ *     precision={0.5}
+ *     showValue
+ *   />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldRating({ name, label, helperText, formControlProps, showValue, max, precision, size, ...other }: FieldRatingProps): ReactNode;
+//# sourceMappingURL=field-rating.d.ts.map

package/dist/components/field/field-rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-rating.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-rating.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACxF,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,SAAiB,EACjB,GAAO,EACP,SAAa,EACb,IAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAoD9B"}

package/dist/components/field/field-select.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Field.Select Component
+ *
+ * React Hook Form integrated select field with full accessibility support.
+ *
+ * @module components/field
+ */
+import type { ReactNode, ComponentProps } from 'react';
+import { type RegisterOptions } from 'react-hook-form';
+import TextField from '@mui/material/TextField';
+import type { SelectOption } from '../../types/components.js';
+/**
+ * Props for Field.Select component.
+ */
+export interface FieldSelectProps extends Omit<ComponentProps<typeof TextField>, 'name' | 'select'> {
+    /** Field name in the form */
+    name: string;
+    /** Select options */
+    options: SelectOption<string | number>[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Validation rules for react-hook-form */
+    rules?: RegisterOptions;
+}
+/**
+ * Field.Select - Select input with React Hook Form integration.
+ *
+ * Includes comprehensive accessibility attributes:
+ * - aria-describedby for helper text and error messages
+ * - aria-invalid for error states
+ * - aria-required for required fields
+ * - Proper listbox role for dropdown
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Select
+ *     name="country"
+ *     label="Country"
+ *     options={[
+ *       { value: 'us', label: 'United States' },
+ *       { value: 'uk', label: 'United Kingdom' },
+ *       { value: 'ca', label: 'Canada' },
+ *     ]}
+ *   />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldSelect({ name, options, helperText, placeholder, rules, required, slotProps, ...other }: FieldSelectProps): ReactNode;
+//# sourceMappingURL=field-select.d.ts.map

package/dist/components/field/field-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-select.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-select.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjG,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,OAAO,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACzC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAwD9B"}

package/dist/components/field/field-slider.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Field.Slider Component
+ *
+ * React Hook Form integrated slider.
+ *
+ * @module components/field
+ */
+import { type ReactNode } from 'react';
+import type { SliderProps } from '@mui/material/Slider';
+import type { FormControlProps } from '@mui/material/FormControl';
+/**
+ * Props for Field.Slider component.
+ */
+export interface FieldSliderProps extends Omit<SliderProps, 'name' | 'value' | 'onChange'> {
+    /** Field name in the form */
+    name: string;
+    /** Field label */
+    label?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Props passed to FormControl */
+    formControlProps?: FormControlProps;
+    /** Show current value */
+    showValue?: boolean;
+    /** Format value display */
+    formatValue?: (value: number | number[]) => string;
+    /** Unit suffix (e.g., '%', 'px', 'MB') */
+    unit?: string;
+}
+/**
+ * Field.Slider - Slider with React Hook Form integration.
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Slider
+ *     name="volume"
+ *     label="Volume"
+ *     min={0}
+ *     max={100}
+ *     unit="%"
+ *     showValue
+ *   />
+ *   <Field.Slider
+ *     name="priceRange"
+ *     label="Price Range"
+ *     min={0}
+ *     max={1000}
+ *     formatValue={(val) => `$${val[0]} - $${val[1]}`}
+ *     showValue
+ *   />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldSlider({ name, label, helperText, formControlProps, showValue, formatValue, unit, min, max, step, ...other }: FieldSliderProps): ReactNode;
+//# sourceMappingURL=field-slider.d.ts.map

package/dist/components/field/field-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-slider.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-slider.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACxF,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,MAAM,CAAC;IACnD,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,SAAiB,EACjB,WAAW,EACX,IAAI,EACJ,GAAO,EACP,GAAS,EACT,IAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAyD9B"}

package/dist/components/field/field-switch.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Field.Switch Component
+ *
+ * React Hook Form integrated switch field with full accessibility support.
+ *
+ * @module components/field
+ */
+import type { ReactNode, ComponentProps } from 'react';
+import { type RegisterOptions } from 'react-hook-form';
+import Switch from '@mui/material/Switch';
+/**
+ * Props for Field.Switch component.
+ */
+export interface FieldSwitchProps extends Omit<ComponentProps<typeof Switch>, 'name'> {
+    /** Field name in the form */
+    name: string;
+    /** Switch label */
+    label?: ReactNode;
+    /** Helper text */
+    helperText?: string;
+    /** Label placement */
+    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+    /** Validation rules for react-hook-form */
+    rules?: RegisterOptions;
+}
+/**
+ * Field.Switch - Switch with React Hook Form integration.
+ *
+ * Includes comprehensive accessibility attributes:
+ * - aria-describedby for helper text and error messages
+ * - aria-invalid for error states
+ * - aria-required for required fields
+ * - Proper label associations
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Switch name="notifications" label="Enable notifications" />
+ *   <Field.Switch name="darkMode" label="Dark mode" labelPlacement="start" />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldSwitch({ name, label, helperText, labelPlacement, rules, required, ...other }: FieldSwitchProps): ReactNode;
+//# sourceMappingURL=field-switch.d.ts.map

package/dist/components/field/field-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-switch.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-switch.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAK1C;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC;IACnF,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACpD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,cAAsB,EACtB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAuC9B"}

package/dist/components/field/field-text.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Field.Text Component
+ *
+ * React Hook Form integrated text field with full accessibility support.
+ *
+ * @module components/field
+ */
+import type { ReactNode, ComponentProps } from 'react';
+import { type RegisterOptions } from 'react-hook-form';
+import TextField from '@mui/material/TextField';
+/**
+ * Props for Field.Text component.
+ */
+export interface FieldTextProps extends Omit<ComponentProps<typeof TextField>, 'name'> {
+    /** Field name in the form */
+    name: string;
+    /** Validation rules for react-hook-form */
+    rules?: RegisterOptions;
+}
+/**
+ * Field.Text - Text input with React Hook Form integration.
+ *
+ * Includes comprehensive accessibility attributes:
+ * - aria-describedby for helper text and error messages
+ * - aria-invalid for error states
+ * - aria-required for required fields
+ * - Proper label associations via htmlFor
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Text name="email" label="Email" type="email" />
+ *   <Field.Text name="password" label="Password" type="password" />
+ * </FormProvider>
+ * ```
+ */
+export declare function FieldText({ name, helperText, rules, required, slotProps, multiline, ...other }: FieldTextProps): ReactNode;
+//# sourceMappingURL=field-text.d.ts.map

package/dist/components/field/field-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-text.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-text.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC;IACpF,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,UAAU,EACV,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,SAAS,CA4C5B"}