@omnitron-dev/prism 0.2.0 → 0.3.1

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"}

package/dist/components/field/field-time-picker.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Field.TimePicker Component
+ *
+ * React Hook Form integrated time picker using MUI X DatePickers.
+ * Provides a professional time selection experience with dayjs integration.
+ *
+ * @module components/field
+ */
+import type { ReactNode } from 'react';
+import type { TextFieldProps } from '@mui/material/TextField';
+import type { Dayjs } from 'dayjs';
+/**
+ * Props for Field.TimePicker component.
+ */
+export interface FieldTimePickerProps {
+    /** Field name in the form */
+    name: string;
+    /** Field label */
+    label?: ReactNode;
+    /** Helper text shown below the field */
+    helperText?: ReactNode;
+    /** TextField props for customization */
+    textFieldProps?: Partial<TextFieldProps>;
+    /** Disable the field */
+    disabled?: boolean;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Minutes step for time selection */
+    minutesStep?: number;
+    /** Use 12-hour format with AM/PM */
+    ampm?: boolean;
+    /** Minimum selectable time */
+    minTime?: Dayjs;
+    /** Maximum selectable time */
+    maxTime?: Dayjs;
+    /** Time views to display */
+    views?: Array<'hours' | 'minutes' | 'seconds'>;
+    /** Open picker to specific view */
+    openTo?: 'hours' | 'minutes' | 'seconds';
+    /** Format for display */
+    format?: string;
+}
+/**
+ * Field.TimePicker - Time picker with React Hook Form integration.
+ *
+ * Uses @mui/x-date-pickers TimePicker for a professional time selection experience.
+ * Automatically normalizes various date/time value types to Dayjs.
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.TimePicker
+ *     name="startTime"
+ *     label="Start Time"
+ *   />
+ *   <Field.TimePicker
+ *     name="endTime"
+ *     label="End Time"
+ *     ampm={false}
+ *     minutesStep={15}
+ *   />
+ * </FormProvider>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom text field props
+ * <Field.TimePicker
+ *   name="meetingTime"
+ *   label="Meeting Time"
+ *   textFieldProps={{
+ *     variant: 'filled',
+ *     size: 'small',
+ *   }}
+ * />
+ * ```
+ */
+export declare function FieldTimePicker({ name, label, helperText, textFieldProps, disabled, readOnly, minutesStep, ampm, minTime, maxTime, views, openTo, format, }: FieldTimePickerProps): ReactNode;
+//# sourceMappingURL=field-time-picker.d.ts.map

package/dist/components/field/field-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-time-picker.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAWnC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,wCAAwC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;IAC/C,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE,oBAAoB,GAAG,SAAS,CAwClC"}

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

@@ -0,0 +1,120 @@
+/**
+ * Field.Upload Component Suite
+ *
+ * React Hook Form integrated file upload components using react-dropzone.
+ * Includes Upload, UploadBox, and UploadAvatar variants.
+ *
+ * @module components/field
+ */
+import type { ReactNode } from 'react';
+import type { DropzoneOptions } from 'react-dropzone';
+import type { BoxProps } from '@mui/material/Box';
+import type { SxProps, Theme } from '@mui/material/styles';
+/** File value can be File object or URL string */
+export type FileValue = File | string;
+/** Single or multiple file values */
+export type UploadValue = FileValue | FileValue[] | null;
+/**
+ * Base props shared by all upload variants
+ */
+export interface UploadBaseProps extends Omit<DropzoneOptions, 'onDrop'> {
+    /** Field name in the form */
+    name: string;
+    /** Error state */
+    error?: boolean;
+    /** Disable upload */
+    disabled?: boolean;
+    /** Helper text shown below */
+    helperText?: ReactNode;
+    /** Custom placeholder content */
+    placeholder?: ReactNode;
+    /** Custom styles */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Props for Field.Upload component
+ */
+export interface FieldUploadProps extends UploadBaseProps {
+    /** Enable multiple file selection */
+    multiple?: boolean;
+    /** Show thumbnail previews */
+    thumbnail?: boolean;
+    /** Callback when files are removed */
+    onRemove?: (file: FileValue) => void;
+    /** Callback to remove all files */
+    onRemoveAll?: () => void;
+    /** Slot props for nested components */
+    slotProps?: {
+        wrapper?: Partial<BoxProps>;
+    };
+}
+/**
+ * Props for Field.UploadBox component
+ */
+export interface FieldUploadBoxProps extends UploadBaseProps {
+    /** Box size in pixels */
+    size?: number;
+}
+/**
+ * Props for Field.UploadAvatar component
+ */
+export interface FieldUploadAvatarProps extends UploadBaseProps {
+    /** Avatar size in pixels */
+    size?: number;
+}
+/**
+ * Field.Upload - File upload with drag & drop and React Hook Form integration.
+ *
+ * @example
+ * ```tsx
+ * <FormProvider {...methods}>
+ *   <Field.Upload
+ *     name="documents"
+ *     multiple
+ *     accept={{ 'application/pdf': ['.pdf'] }}
+ *     maxSize={5 * 1024 * 1024}
+ *   />
+ * </FormProvider>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With thumbnail previews
+ * <Field.Upload
+ *   name="images"
+ *   multiple
+ *   thumbnail
+ *   accept={{ 'image/*': [] }}
+ *   onRemove={(file) => console.log('Removed:', file)}
+ * />
+ * ```
+ */
+export declare function FieldUpload({ name, multiple, thumbnail, disabled, helperText, placeholder, onRemove, onRemoveAll, slotProps, sx, ...dropzoneOptions }: FieldUploadProps): ReactNode;
+/**
+ * Field.UploadBox - Compact square upload box for minimal UI.
+ *
+ * @example
+ * ```tsx
+ * <Field.UploadBox
+ *   name="thumbnail"
+ *   size={80}
+ *   accept={{ 'image/*': [] }}
+ * />
+ * ```
+ */
+export declare function FieldUploadBox({ name, size, disabled, helperText, sx, ...dropzoneOptions }: FieldUploadBoxProps): ReactNode;
+/**
+ * Field.UploadAvatar - Circular avatar upload with preview.
+ *
+ * @example
+ * ```tsx
+ * <Field.UploadAvatar
+ *   name="avatar"
+ *   size={120}
+ *   accept={{ 'image/*': [] }}
+ *   maxSize={3 * 1024 * 1024}
+ * />
+ * ```
+ */
+export declare function FieldUploadAvatar({ name, size, disabled, helperText, sx, ...dropzoneOptions }: FieldUploadAvatarProps): ReactNode;
+//# sourceMappingURL=field-upload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-upload.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-upload.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,gBAAgB,CAAC;AAQrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAM3D,kDAAkD;AAClD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtC,qCAAqC;AACrC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC;IACtE,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oBAAoB;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,uCAAuC;IACvC,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;KAC7B,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,eAAe;IAC7D,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAuWD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAgB,EAChB,SAAiB,EACjB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,EACT,EAAE,EACF,GAAG,eAAe,EACnB,EAAE,gBAAgB,GAAG,SAAS,CA2B9B;AAqGD;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAS,EACT,QAAQ,EACR,UAAU,EACV,EAAE,EACF,GAAG,eAAe,EACnB,EAAE,mBAAmB,GAAG,SAAS,CAsBjC;AAsHD;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,IAAU,EACV,QAAQ,EACR,UAAU,EACV,EAAE,EACF,GAAG,eAAe,EACnB,EAAE,sBAAsB,GAAG,SAAS,CAsBpC"}