@delightui/components 0.1.162-alpha.5 → 0.1.163

package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & import("../..").ControlledFormComponentProps<boolean> & {
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<boolean> & {
     children?: React.ReactNode;
     size?: import("./Checkbox.types").CheckboxSizeEnum;
     type?: import("./Checkbox.types").CheckboxTypeEnum;

package/dist/cjs/components/atoms/Checkbox/Checkbox.presenter.d.ts

@@ -271,8 +271,8 @@ declare const usePresenter: (props: CheckboxProps) => {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         pattern?: string | undefined;
         step?: number | string | undefined;
-        accept?: string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;

package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const CheckboxItem: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & import("../..").ControlledFormComponentProps<boolean> & {
+declare const CheckboxItem: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<boolean> & {
     children?: React.ReactNode;
     size?: import("..").CheckboxSizeEnum;
     type?: import("..").CheckboxTypeEnum;

package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts

@@ -278,8 +278,9 @@ declare const usePresenter: (props: CheckboxItemProps) => {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         pattern?: string | undefined;
         step?: number | string | undefined;
-        accept?: string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        name?: string | undefined;
+        accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
@@ -292,7 +293,6 @@ declare const usePresenter: (props: CheckboxItemProps) => {
         min?: number | string | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
-        name?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         initialValue?: boolean | undefined;

package/dist/cjs/components/atoms/CustomToggle/CustomToggle.d.ts

@@ -1,4 +1,4 @@
-declare const CustomToggle: import("react").ForwardRefExoticComponent<import("../..").ControlledFormComponentProps<boolean> & {
+declare const CustomToggle: import("react").ForwardRefExoticComponent<import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<boolean> & {
     offContent?: import("react").ReactNode;
     onContent?: import("react").ReactNode;
     className?: string;

package/dist/cjs/components/atoms/Input/Input.d.ts

@@ -1,4 +1,4 @@
-declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & import("../..").ControlledFormComponentProps<string> & {
+declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<string> & {
     inputType?: import("./Input.types").InputTypeEnum;
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;

package/dist/cjs/components/atoms/Input/Input.presenter.d.ts

@@ -280,8 +280,9 @@ declare const usePresenter: (props: InputProps, ref: React.ForwardedRef<HTMLInpu
         pattern?: string | undefined;
         size?: number | undefined;
         step?: number | string | undefined;
-        accept?: string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        name?: string | undefined;
+        accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
@@ -294,7 +295,6 @@ declare const usePresenter: (props: InputProps, ref: React.ForwardedRef<HTMLInpu
         min?: number | string | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
-        name?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         initialValue?: string | undefined;

package/dist/cjs/components/atoms/Password/Password.presenter.d.ts

@@ -287,8 +287,9 @@ declare const usePresenter: (props: PasswordProps) => {
         size?: number | undefined;
         leadingIcon?: React.ReactNode;
         step?: number | string | undefined;
-        accept?: string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        name?: string | undefined;
+        accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
@@ -301,7 +302,6 @@ declare const usePresenter: (props: PasswordProps) => {
         min?: number | string | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
-        name?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         onValueChange?: ((value: string) => void) | undefined;

package/dist/cjs/components/atoms/RadioButton/RadioButton.d.ts

@@ -1,4 +1,4 @@
-declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size"> & import("../..").ControlledFormComponentProps<string | number> & {
+declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<string | number> & {
     children?: React.ReactNode;
     size?: import("./RadioButton.types").RadioButtonSizeEnum;
     labelAlignment?: import("./RadioButton.types").RadioButtonLabelAlignmentEnum;

package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const RadioButtonItem: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size"> & import("../..").ControlledFormComponentProps<string | number> & {
+declare const RadioButtonItem: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<string | number> & {
     children?: React.ReactNode;
     size?: import("..").RadioButtonSizeEnum;
     labelAlignment?: import("..").RadioButtonLabelAlignmentEnum;

package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.presenter.d.ts

@@ -285,8 +285,9 @@ declare const usePresenter: (props: RadioButtonItemProps) => {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
         pattern?: string | undefined;
         step?: number | string | undefined;
-        accept?: string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        name?: string | undefined;
+        accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
@@ -299,7 +300,6 @@ declare const usePresenter: (props: RadioButtonItemProps) => {
         min?: number | string | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
-        name?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         initialValue?: string | number | undefined;

package/dist/cjs/components/atoms/TextArea/TextArea.d.ts

@@ -1,2 +1,2 @@
-declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & import("../..").ControlledFormComponentProps<string> & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<string> & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

package/dist/cjs/components/atoms/TextArea/TextArea.presenter.d.ts

@@ -273,9 +273,9 @@ declare const usePresenter: (props: TextAreaProps) => {
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLTextAreaElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTextAreaElement> | undefined;
         autoComplete?: string | undefined;
+        name?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
-        name?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         cols?: number | undefined;

package/dist/cjs/components/atoms/Toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-declare const Toggle: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "checked" | "value" | "type"> & import("../..").ControlledFormComponentProps<boolean> & {
+declare const Toggle: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "checked" | "value" | "type"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<boolean> & {
     children?: React.ReactNode;
     labelAlignment?: import("./Toggle.types").ToggleLabelAlignmentEnum;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/atoms/Toggle/Toggle.presenter.d.ts

@@ -278,8 +278,9 @@ declare const usePresenter: (props: ToggleProps) => {
         pattern?: string | undefined;
         size?: number | undefined;
         step?: number | string | undefined;
-        accept?: string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        name?: string | undefined;
+        accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
@@ -292,7 +293,6 @@ declare const usePresenter: (props: ToggleProps) => {
         min?: number | string | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
-        name?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         initialValue?: boolean | undefined;

package/dist/cjs/components/atoms/ToggleButton/ToggleButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const ToggleButton: React.ForwardRefExoticComponent<Omit<import("../Button").ButtonProps, "type" | "actionType"> & import("../..").ControlledFormComponentProps<boolean> & {
+declare const ToggleButton: React.ForwardRefExoticComponent<Omit<import("../Button").ButtonProps, "type" | "actionType"> & import("../../molecules/FormField/FormField.types").ControlledFormComponentProps<boolean> & {
     defaultChecked?: boolean;
     children?: React.ReactNode;
     className?: string;

package/dist/cjs/components/molecules/FormField/FormField.d.ts

@@ -1,29 +1,3 @@
-import type { FieldValues, Path } from 'react-hook-form';
-import type { FormFieldProps, StandaloneFieldProps } from './FormField.types';
-/**
- * Smart FormField component that works both inside and outside Form context
- *
- * Usage inside Form:
- * ```tsx
- * <Form defaultValues={{ email: '' }}>
- *   <FormField name="email" label="Email" required>
- *     <Input placeholder="Enter email" />
- *   </FormField>
- * </Form>
- * ```
- *
- * Usage standalone:
- * ```tsx
- * <FormField
- *   name="email"
- *   label="Email"
- *   value={email}
- *   onChange={setEmail}
- *   required
- * >
- *   <Input placeholder="Enter email" />
- * </FormField>
- * ```
- */
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>(props: FormFieldProps<TFieldValues, TName> | StandaloneFieldProps) => import("react/jsx-runtime").JSX.Element;
+import { FormFieldProps } from './FormField.types';
+declare const FormField: (props: FormFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default FormField;

package/dist/cjs/components/molecules/FormField/FormField.presenter.d.ts

@@ -1,25 +1,16 @@
-import { type FieldValues, type Path } from 'react-hook-form';
-import type { FormFieldProps, StandaloneFieldProps } from './FormField.types';
-/**
- * Presenter hook for FormField
- * Handles both Form-integrated and standalone modes
- */
-declare const usePresenter: <TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>(props: FormFieldProps<TFieldValues, TName> | StandaloneFieldProps) => {
-    fieldId: string;
+import { FormFieldProps } from './FormField.types';
+declare const usePresenter: (props: FormFieldProps) => {
     label: string | undefined;
     required: boolean | undefined;
-    messageText: string | undefined;
-    isInvalid: boolean;
-    isValidating: boolean;
     infoIcon: import("react").ReactNode;
+    children: import("react").ReactNode;
+    messageText: string | undefined;
+    fieldId: string;
     variantProps: {
         'component-variant': string;
     };
-    field: import("react-hook-form").ControllerRenderProps<TFieldValues, TName>;
-    children: import("react").ReactNode;
-    disabled: boolean | undefined;
-    className: string | undefined;
-    style: import("react").CSSProperties | undefined;
-    hasMessage: boolean | undefined;
+    showMessageContainer: string | true | undefined;
+    showErrorIcon: string | false | undefined;
+    showInfoIcon: string | false | undefined;
 };
 export default usePresenter;

package/dist/cjs/components/molecules/FormField/FormField.types.d.ts

@@ -1,20 +1,64 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { FieldValues, Path, PathValue } from 'react-hook-form';
+import type { HTMLAttributes } from 'react';
+import { FieldValidationFunction, FieldValue } from '../../organisms/Form/Form.types';
 /**
- * Type representing allowed field values
+ * Props for the FormField component.
  */
-export type FieldValue = string | number | Date | boolean | File | null | Array<string | number | Date | File | Record<string, unknown>> | Record<string, unknown>;
+export type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Name of the form field
+     */
+    name: string;
+    /**
+     * Label for the form field
+     */
+    label?: string;
+    /**
+     * Children for the form field
+     */
+    children: React.ReactNode;
+    /**
+     * Message for the form field
+     */
+    message?: string;
+    /**
+     * There is a message/error for the form field
+     */
+    hasMessage?: boolean;
+    /**
+     * Info icon for the form field
+     */
+    infoIcon?: React.ReactNode;
+    /**
+     * Indicates if the form field is required
+     */
+    required?: boolean;
+    /**
+     * Validation function for the form field
+     */
+    validate?: FieldValidationFunction;
+    /**
+     * Indicates if the form field is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Indicates if the form field is invalid
+     */
+    invalid?: boolean;
+    /**
+     * Id for the form field
+     */
+    id?: string;
+};
 /**
- * Props that all controlled form components should accept
- * This allows them to work both standalone and within FormField
+ * Props that must be implemented by all form field components that are controlled inputs
  */
 export type ControlledFormComponentProps<T extends FieldValue> = {
     /**
-     * The initial value for the field
+     * the initial value for the field
      */
     initialValue?: T;
     /**
-     * The initial checked state (for checkboxes/toggles)
+     * the initial value for the field
      */
     checked?: boolean;
     /**
@@ -46,110 +90,3 @@ export type ControlledFormComponentProps<T extends FieldValue> = {
      */
     id?: string;
 };
-/**
- * Field-level validation function
- * Returns error message string if invalid, undefined if valid
- */
-export type FieldValidationFunction<TValue = FieldValue> = (value: TValue) => string | undefined;
-/**
- * Field-level async validation function
- * Returns error message string if invalid, undefined if valid
- */
-export type AsyncFieldValidationFunction<TValue = FieldValue> = (value: TValue) => Promise<string | undefined>;
-/**
- * @deprecated This type is deprecated and maintained for backwards compatibility only.
- * Use the new FieldValidationFunction signature that returns error messages instead.
- *
- * Type representing a validation function for a form field
- * It takes an error setter function and the field value (optional) and returns a boolean indicating if the value is valid
- * @example
- * ```typescript
- * const nameValidator: LegacyFieldValidationFunction = (setError, value) => {
- *   if (!value) {
- *     setError('Name is required');
- *     return false;
- *   }
- *   return true;
- * };
- * ```
- */
-export type LegacyFieldValidationFunction<T extends FieldValue = FieldValue> = (setError: (message: string) => void, value?: T) => boolean;
-/**
- * @deprecated This type is deprecated and maintained for backwards compatibility only.
- * Use the new AsyncFieldValidationFunction signature that returns error messages instead.
- *
- * Type representing an async validation function for a form field
- * It takes an error setter function and the field value (optional) and returns a Promise<boolean> indicating if the value is valid
- */
-export type LegacyAsyncFieldValidationFunction<T extends FieldValue = FieldValue> = (setError: (message: string) => void, value?: T) => Promise<boolean>;
-/**
- * FormField component props for use within a Form
- */
-export type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'children'> & {
-    /** Field name (must match form value key) - type-safe */
-    name: TName;
-    /** Field label */
-    label?: string;
-    /** Display name for validation messages (defaults to label or name) */
-    displayName?: string;
-    /**
-     * Child component - will be cloned with injected props:
-     * value, onValueChange, onBlur, ref, disabled, invalid, required, id, name
-     */
-    children: ReactNode;
-    /** Field is required */
-    required?: boolean;
-    /** Sync validation function (supports both new and legacy signatures) */
-    validate?: FieldValidationFunction<PathValue<TFieldValues, TName>> | LegacyFieldValidationFunction<PathValue<TFieldValues, TName>>;
-    /** Async validation function (supports both new and legacy signatures) */
-    asyncValidate?: AsyncFieldValidationFunction<PathValue<TFieldValues, TName>> | LegacyAsyncFieldValidationFunction<PathValue<TFieldValues, TName>>;
-    /** Default value for this field */
-    defaultValue?: PathValue<TFieldValues, TName>;
-    /** Info message to display */
-    message?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** External invalid state */
-    invalid?: boolean;
-    /** Info icon element */
-    infoIcon?: ReactNode;
-    /** Field ID - for the input element */
-    id?: string;
-    /** @deprecated Legacy prop for backwards compatibility - use message prop instead */
-    hasMessage?: boolean;
-};
-/**
- * Standalone FormField props (works without Form context)
- */
-export type StandaloneFieldProps<TValue extends FieldValue = FieldValue> = Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'children' | 'onChange'> & {
-    /** Field name */
-    name: string;
-    /** Field label */
-    label?: string;
-    /** Display name for validation messages */
-    displayName?: string;
-    /** Child component to render */
-    children: ReactNode;
-    /** Field is required */
-    required?: boolean;
-    /** Sync validation function (supports both new and legacy signatures) */
-    validate?: FieldValidationFunction<TValue> | LegacyFieldValidationFunction<TValue>;
-    /** Async validation function (supports both new and legacy signatures) */
-    asyncValidate?: AsyncFieldValidationFunction<TValue> | LegacyAsyncFieldValidationFunction<TValue>;
-    /** Controlled value */
-    value?: TValue;
-    /** Controlled onChange */
-    onChange?: (value: TValue) => void;
-    /** External error */
-    error?: string;
-    /** Info message */
-    message?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Info icon element */
-    infoIcon?: ReactNode;
-    /** Field ID - for the input element */
-    id?: string;
-    /** @deprecated Legacy prop for backwards compatibility - use message prop instead */
-    hasMessage?: boolean;
-};

package/dist/cjs/components/molecules/FormField/FormField.utils.d.ts

@@ -1,8 +1,11 @@
-/**
- * Shared utilities for FormField components
- */
-/**
- * Check if a value is empty for required validation
- * Handles strings, numbers, booleans, arrays, objects, null, undefined
- */
-export declare const isEmpty: (val: unknown) => boolean;
+import React from 'react';
+import { FieldValue } from '../../organisms';
+export declare const injectPropsToMatchingFields: (node: React.ReactNode, propsToInject: {
+    id: string;
+    name: string;
+    value: any;
+    onValueChange: (value: FieldValue) => void;
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+}, shouldInjectValueProps: boolean) => React.ReactNode;

package/dist/cjs/components/molecules/FormField/index.d.ts

@@ -1,3 +1,4 @@
 import FormField from './FormField';
+import type { FormFieldProps } from './FormField.types';
+export type { FormFieldProps };
 export default FormField;
-export * from './FormField.types';

package/dist/cjs/components/molecules/Search/Search.d.ts

@@ -5,7 +5,7 @@
  * @param ref - Forward ref to the input element
  * @returns Search component
  */
-declare const Search: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & import("..").ControlledFormComponentProps<string> & {
+declare const Search: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & import("../FormField/FormField.types").ControlledFormComponentProps<string> & {
     style?: import("./Search.types").SearchStyleEnum;
     onSearch?: import("./Search.types").SearchCallback;
     onClear?: () => void;

package/dist/cjs/components/molecules/Search/Search.presenter.d.ts

@@ -295,8 +295,9 @@ declare const useSearchPresenter: (props: SearchProps) => {
         pattern?: string | undefined;
         size?: number | undefined;
         step?: number | string | undefined;
-        accept?: string | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        name?: string | undefined;
+        accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
@@ -309,7 +310,6 @@ declare const useSearchPresenter: (props: SearchProps) => {
         min?: number | string | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
-        name?: string | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         invalid?: boolean;

package/dist/cjs/components/molecules/Select/Select.presenter.d.ts

@@ -12,17 +12,17 @@ declare const usePresenter: (props: SelectProps) => {
         'component-variant': string;
     };
     isOpen: boolean;
-    selectedValue: import("..").FieldValue;
+    selectedValue: import("../..").FieldValue;
     resetSelectedValue: () => void;
     triggerProps: {
         disabled?: boolean;
         required?: boolean;
         checked?: boolean;
-        value?: import("..").FieldValue | undefined;
+        value?: import("../..").FieldValue | undefined;
         id?: string;
         invalid?: boolean;
-        onValueChange?: ((value: import("..").FieldValue) => void) | undefined;
-        initialValue?: import("..").FieldValue | undefined;
+        onValueChange?: ((value: import("../..").FieldValue) => void) | undefined;
+        initialValue?: import("../..").FieldValue | undefined;
         closeSelectOptions?: () => void;
         role?: import("react").AriaRole | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;

package/dist/cjs/components/organisms/Form/DropzoneFormExample.d.ts

@@ -0,0 +1,6 @@
+declare const DropzoneFileModeExample: () => import("react/jsx-runtime").JSX.Element;
+declare const DropzoneURLModeExample: () => import("react/jsx-runtime").JSX.Element;
+declare const DropzoneURLModeWithMetadataExample: () => import("react/jsx-runtime").JSX.Element;
+declare const DropzoneFormExample: () => import("react/jsx-runtime").JSX.Element;
+export default DropzoneFormExample;
+export { DropzoneFileModeExample, DropzoneURLModeExample, DropzoneURLModeWithMetadataExample };

package/dist/cjs/components/organisms/Form/Form.d.ts

@@ -1,24 +1,3 @@
-import { type FieldValues } from 'react-hook-form';
 import type { FormProps } from './Form.types';
-/**
- * Form component - clean wrapper around React Hook Form
- *
- * Usage:
- * ```tsx
- * <Form defaultValues={{ name: '' }} onSubmit={handleSubmit}>
- *   <FormField name="name" label="Name">
- *     <Input />
- *   </FormField>
- *   <Button actionType="submit">Submit</Button>
- * </Form>
- * ```
- *
- * Access RHF methods anywhere in form:
- * ```tsx
- * import { useFormContext, useWatch } from 'react-hook-form';
- * const { setValue, reset } = useFormContext();
- * const name = useWatch({ name: 'name' });
- * ```
- */
-declare const Form: <TFormValues extends FieldValues = FieldValues>(props: FormProps<TFormValues>) => import("react/jsx-runtime").JSX.Element;
+declare const Form: (props: FormProps) => import("react/jsx-runtime").JSX.Element;
 export default Form;