@invana/forms 0.0.31 → 0.0.33

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps, Control, UseFormReturn } from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps, RegisterOptions, Control, UseFormReturn } from 'react-hook-form';
 export { Control, DefaultValues, FieldValues, Mode, SubmitHandler, UseFormReturn } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -60,6 +60,17 @@ type ColorPreset = {
  * component's variants and defaults to `secondary` (neutral grey). Use
  * `default` for the solid accent ("on") pill.
  */
+/**
+ * One choice of a `select`, `radio` or multi-select `checkbox` field. A
+ * `description` is drawn as a muted line under a radio's label; `disabled`
+ * shows the choice but stops it being picked (radio and select).
+ */
+type FieldOption = {
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+};
 type FieldBadge = {
     label: string;
     variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'soft';
@@ -70,10 +81,16 @@ type FieldConfig = {
     label?: string;
     description?: string;
     placeholder?: string;
-    options?: {
-        label: string;
-        value: string;
-    }[];
+    options?: FieldOption[];
+    /**
+     * Shows the field and its value but stops it being changed. The value is
+     * still submitted. A `color` or `icon` field dims its label only.
+     */
+    disabled?: boolean;
+    /**
+     * Bounds of a `number` field. With both, it is a slider beside its number;
+     * without, a typed number input that can carry a `unit` and an `aside`.
+     */
     min?: number;
     max?: number;
     step?: number;
@@ -102,6 +119,16 @@ type FieldConfig = {
     defaultValue?: string | number | boolean | string[];
     /** Number of visible rows for `textarea` fields. */
     rows?: number;
+    /**
+     * Unit drawn at the end of a `text` or `number` input — `%`, `d`, `kg/ha`.
+     * Display only; the value stays the bare number or text.
+     */
+    unit?: string;
+    /**
+     * A short note drawn at the end of a `text` or `number` input, after the
+     * unit — `quoted 14 d` beside an observed lead time. Display only.
+     */
+    aside?: string;
     /**
      * How many grid columns the field spans on `md+` screens. Defaults to `1`.
      * The grid is two columns by default (see `ObjectField`'s `columns`), so
@@ -127,6 +154,11 @@ type FieldConfig = {
      * "active" chip in an inspector row). See {@link FieldBadge}.
      */
     badge?: FieldBadge;
+    /**
+     * Validation, as react-hook-form's rules — `validate: (v) => v > 0 || 'Must
+     * be above 0'`. The message shows under the field.
+     */
+    rules?: Omit<RegisterOptions<FieldValues>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
 };
 type RowConfig = {
     id: string;
@@ -150,8 +182,9 @@ type GroupConfig = {
     /** Show the automatic field-count badge. Defaults to `true`. */
     showCount?: boolean;
 };
-interface ObjectFieldProps {
-    control: Control<any>;
+interface ObjectFieldProps<T extends FieldValues = FieldValues> {
+    /** `form.control` of the consumer's `useForm`, typed or not. */
+    control: Control<T>;
     name: string;
     fields: FieldConfig[];
     rowConfig?: RowConfig[];
@@ -166,6 +199,19 @@ interface ObjectFieldProps {
      * Below `md` the grid always collapses to a single column.
      */
     columns?: number;
+    /**
+     * What the columns answer to. `viewport` (the default) is the grid of a
+     * page: `columns` wide from `md` up. `container` is a form inside a card or
+     * a chat turn, which is narrow on any screen: two columns once the form
+     * itself is 280px wide, one below, and a lone last field takes the row.
+     */
+    fit?: 'viewport' | 'container';
+    /**
+     * How a field's `group` is drawn. `accordion` (the default) folds each
+     * group under a header with its count — a settings panel. `section` sets
+     * each under a small caps label and keeps it open — a short form in a card.
+     */
+    groupAs?: 'accordion' | 'section';
 }
 
 type AnyValue = any;
@@ -175,10 +221,9 @@ interface BaseFieldProps {
     placeholder?: string;
     value?: AnyValue;
     onChange?: (value: AnyValue) => void;
-    options?: {
-        label: string;
-        value: string;
-    }[];
+    options?: FieldOption[];
+    /** Shows the value but stops it being changed. */
+    disabled?: boolean;
     min?: number;
     max?: number;
     step?: number;
@@ -194,6 +239,10 @@ interface BaseFieldProps {
     orientation?: FieldOrientation;
     /** Wrap a `switch` boolean in a bordered, padded box. Defaults to `false`. */
     boxed?: boolean;
+    /** Unit at the end of a text or number input. */
+    unit?: string;
+    /** Note at the end of a text or number input, after the unit. */
+    aside?: string;
 }
 declare const InputField: React$1.FC<BaseFieldProps>;
 declare const PasswordField: React$1.FC<BaseFieldProps>;
@@ -205,19 +254,7 @@ declare const CheckboxGroupField: React$1.FC<BaseFieldProps>;
 declare const ColorField: React$1.FC<BaseFieldProps>;
 declare const NumberField: React$1.FC<BaseFieldProps>;
 declare const IconField: React$1.FC<BaseFieldProps>;
-declare const Field: {
-    Input: React$1.FC<BaseFieldProps>;
-    Password: React$1.FC<BaseFieldProps>;
-    Textarea: React$1.FC<BaseFieldProps>;
-    Boolean: React$1.FC<BaseFieldProps>;
-    Radio: React$1.FC<BaseFieldProps>;
-    CheckboxGroup: React$1.FC<BaseFieldProps>;
-    Color: React$1.FC<BaseFieldProps>;
-    Number: React$1.FC<BaseFieldProps>;
-    Select: React$1.FC<BaseFieldProps>;
-    Icon: React$1.FC<BaseFieldProps>;
-};
-declare const ObjectField: React$1.FC<ObjectFieldProps>;
+declare const ObjectField: <T extends FieldValues = FieldValues>({ control, name, fields, rowConfig, groupConfig, labelPosition, size, columns, fit, groupAs, }: ObjectFieldProps<T>) => React$1.JSX.Element;
 interface FormFieldExtensions {
     ObjectField: typeof ObjectField;
     Input: typeof InputField;
@@ -285,6 +322,7 @@ interface SliderNumberProps {
     min?: number;
     max?: number;
     step?: number;
+    disabled?: boolean;
     className?: string;
 }
 declare const SliderNumber: React$1.FC<SliderNumberProps>;
@@ -300,13 +338,14 @@ interface IconInputProps {
 declare const IconInput: React$1.FC<IconInputProps>;
 
 /**
- * `sm` (26px) is the application field — a property editor, a settings row, a
- * form inside a 420px panel. `default` (40px) stays the form-page size.
+ * The control scale: `sm` (26px) is the application field — a property
+ * editor, a settings row, a form inside a 420px panel; `default` (32px) a
+ * standalone form or dialog; `lg` (40px) a form page.
  *
  * Named `inputSize` because `size` is already an `<input>` attribute meaning
  * "how many characters wide", and shadowing it would silently drop that.
  */
-type InputSize = "default" | "sm";
+type InputSize = "sm" | "default" | "lg";
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLInputElement> & React$1.InputHTMLAttributes<HTMLInputElement> & {
     inputSize?: InputSize;
 }, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
@@ -332,8 +371,8 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
-    /** Matches `Input`'s `inputSize` — `sm` is the 26px application field. */
-    triggerSize?: "default" | "sm";
+    /** Matches `Input`'s `inputSize` — the control scale, `sm` 26 / `default` 32 / `lg` 40. */
+    triggerSize?: "sm" | "default" | "lg";
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -358,6 +397,10 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
     variant?: "legend" | "label";
 }): React$1.JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React$1.JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React$1.JSX.Element;
 declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
@@ -428,7 +471,7 @@ interface ParamRowProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "on
  */
 declare const ParamRow: React$1.ForwardRefExoticComponent<ParamRowProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function InputGroup({ className, id, "aria-describedby": describedBy, "aria-invalid": invalid, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -441,4 +484,4 @@ declare function InputGroupText({ className, ...props }: React$1.ComponentProps<
 declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 
-export { type BooleanControl, BooleanField, Checkbox, CheckboxGroupField, ColorField, type ColorPreset, ColorSwatches, Field, type FieldBadge, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, type FieldSize, FieldTitle, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GroupConfig, IconField, IconInput, Input, InputField, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputSize, Label, type LabelPosition, NumberField, ObjectField, type ObjectFieldProps, PARAM_SOURCES, ParamRow, type ParamRowProps, type ParamSource, PasswordField, PasswordInput, type PasswordInputProps, RadioField, RadioGroup, RadioGroupItem, type RowConfig, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SettingsPanel, type SettingsPanelProps, Slider, SliderNumber, Switch, Textarea, TextareaField, useFormField };
+export { type BooleanControl, BooleanField, Checkbox, CheckboxGroupField, ColorField, type ColorPreset, ColorSwatches, Field, type FieldBadge, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOption, type FieldOrientation, FieldSeparator, FieldSet, type FieldSize, FieldTitle, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GroupConfig, IconField, IconInput, Input, InputField, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputSize, Label, type LabelPosition, NumberField, ObjectField, type ObjectFieldProps, PARAM_SOURCES, ParamRow, type ParamRowProps, type ParamSource, PasswordField, PasswordInput, type PasswordInputProps, RadioField, RadioGroup, RadioGroupItem, type RowConfig, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SettingsPanel, type SettingsPanelProps, Slider, SliderNumber, Switch, Textarea, TextareaField, useFormField };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps, Control, UseFormReturn } from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps, RegisterOptions, Control, UseFormReturn } from 'react-hook-form';
 export { Control, DefaultValues, FieldValues, Mode, SubmitHandler, UseFormReturn } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -60,6 +60,17 @@ type ColorPreset = {
  * component's variants and defaults to `secondary` (neutral grey). Use
  * `default` for the solid accent ("on") pill.
  */
+/**
+ * One choice of a `select`, `radio` or multi-select `checkbox` field. A
+ * `description` is drawn as a muted line under a radio's label; `disabled`
+ * shows the choice but stops it being picked (radio and select).
+ */
+type FieldOption = {
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+};
 type FieldBadge = {
     label: string;
     variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'soft';
@@ -70,10 +81,16 @@ type FieldConfig = {
     label?: string;
     description?: string;
     placeholder?: string;
-    options?: {
-        label: string;
-        value: string;
-    }[];
+    options?: FieldOption[];
+    /**
+     * Shows the field and its value but stops it being changed. The value is
+     * still submitted. A `color` or `icon` field dims its label only.
+     */
+    disabled?: boolean;
+    /**
+     * Bounds of a `number` field. With both, it is a slider beside its number;
+     * without, a typed number input that can carry a `unit` and an `aside`.
+     */
     min?: number;
     max?: number;
     step?: number;
@@ -102,6 +119,16 @@ type FieldConfig = {
     defaultValue?: string | number | boolean | string[];
     /** Number of visible rows for `textarea` fields. */
     rows?: number;
+    /**
+     * Unit drawn at the end of a `text` or `number` input — `%`, `d`, `kg/ha`.
+     * Display only; the value stays the bare number or text.
+     */
+    unit?: string;
+    /**
+     * A short note drawn at the end of a `text` or `number` input, after the
+     * unit — `quoted 14 d` beside an observed lead time. Display only.
+     */
+    aside?: string;
     /**
      * How many grid columns the field spans on `md+` screens. Defaults to `1`.
      * The grid is two columns by default (see `ObjectField`'s `columns`), so
@@ -127,6 +154,11 @@ type FieldConfig = {
      * "active" chip in an inspector row). See {@link FieldBadge}.
      */
     badge?: FieldBadge;
+    /**
+     * Validation, as react-hook-form's rules — `validate: (v) => v > 0 || 'Must
+     * be above 0'`. The message shows under the field.
+     */
+    rules?: Omit<RegisterOptions<FieldValues>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
 };
 type RowConfig = {
     id: string;
@@ -150,8 +182,9 @@ type GroupConfig = {
     /** Show the automatic field-count badge. Defaults to `true`. */
     showCount?: boolean;
 };
-interface ObjectFieldProps {
-    control: Control<any>;
+interface ObjectFieldProps<T extends FieldValues = FieldValues> {
+    /** `form.control` of the consumer's `useForm`, typed or not. */
+    control: Control<T>;
     name: string;
     fields: FieldConfig[];
     rowConfig?: RowConfig[];
@@ -166,6 +199,19 @@ interface ObjectFieldProps {
      * Below `md` the grid always collapses to a single column.
      */
     columns?: number;
+    /**
+     * What the columns answer to. `viewport` (the default) is the grid of a
+     * page: `columns` wide from `md` up. `container` is a form inside a card or
+     * a chat turn, which is narrow on any screen: two columns once the form
+     * itself is 280px wide, one below, and a lone last field takes the row.
+     */
+    fit?: 'viewport' | 'container';
+    /**
+     * How a field's `group` is drawn. `accordion` (the default) folds each
+     * group under a header with its count — a settings panel. `section` sets
+     * each under a small caps label and keeps it open — a short form in a card.
+     */
+    groupAs?: 'accordion' | 'section';
 }
 
 type AnyValue = any;
@@ -175,10 +221,9 @@ interface BaseFieldProps {
     placeholder?: string;
     value?: AnyValue;
     onChange?: (value: AnyValue) => void;
-    options?: {
-        label: string;
-        value: string;
-    }[];
+    options?: FieldOption[];
+    /** Shows the value but stops it being changed. */
+    disabled?: boolean;
     min?: number;
     max?: number;
     step?: number;
@@ -194,6 +239,10 @@ interface BaseFieldProps {
     orientation?: FieldOrientation;
     /** Wrap a `switch` boolean in a bordered, padded box. Defaults to `false`. */
     boxed?: boolean;
+    /** Unit at the end of a text or number input. */
+    unit?: string;
+    /** Note at the end of a text or number input, after the unit. */
+    aside?: string;
 }
 declare const InputField: React$1.FC<BaseFieldProps>;
 declare const PasswordField: React$1.FC<BaseFieldProps>;
@@ -205,19 +254,7 @@ declare const CheckboxGroupField: React$1.FC<BaseFieldProps>;
 declare const ColorField: React$1.FC<BaseFieldProps>;
 declare const NumberField: React$1.FC<BaseFieldProps>;
 declare const IconField: React$1.FC<BaseFieldProps>;
-declare const Field: {
-    Input: React$1.FC<BaseFieldProps>;
-    Password: React$1.FC<BaseFieldProps>;
-    Textarea: React$1.FC<BaseFieldProps>;
-    Boolean: React$1.FC<BaseFieldProps>;
-    Radio: React$1.FC<BaseFieldProps>;
-    CheckboxGroup: React$1.FC<BaseFieldProps>;
-    Color: React$1.FC<BaseFieldProps>;
-    Number: React$1.FC<BaseFieldProps>;
-    Select: React$1.FC<BaseFieldProps>;
-    Icon: React$1.FC<BaseFieldProps>;
-};
-declare const ObjectField: React$1.FC<ObjectFieldProps>;
+declare const ObjectField: <T extends FieldValues = FieldValues>({ control, name, fields, rowConfig, groupConfig, labelPosition, size, columns, fit, groupAs, }: ObjectFieldProps<T>) => React$1.JSX.Element;
 interface FormFieldExtensions {
     ObjectField: typeof ObjectField;
     Input: typeof InputField;
@@ -285,6 +322,7 @@ interface SliderNumberProps {
     min?: number;
     max?: number;
     step?: number;
+    disabled?: boolean;
     className?: string;
 }
 declare const SliderNumber: React$1.FC<SliderNumberProps>;
@@ -300,13 +338,14 @@ interface IconInputProps {
 declare const IconInput: React$1.FC<IconInputProps>;
 
 /**
- * `sm` (26px) is the application field — a property editor, a settings row, a
- * form inside a 420px panel. `default` (40px) stays the form-page size.
+ * The control scale: `sm` (26px) is the application field — a property
+ * editor, a settings row, a form inside a 420px panel; `default` (32px) a
+ * standalone form or dialog; `lg` (40px) a form page.
  *
  * Named `inputSize` because `size` is already an `<input>` attribute meaning
  * "how many characters wide", and shadowing it would silently drop that.
  */
-type InputSize = "default" | "sm";
+type InputSize = "sm" | "default" | "lg";
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLInputElement> & React$1.InputHTMLAttributes<HTMLInputElement> & {
     inputSize?: InputSize;
 }, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
@@ -332,8 +371,8 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
-    /** Matches `Input`'s `inputSize` — `sm` is the 26px application field. */
-    triggerSize?: "default" | "sm";
+    /** Matches `Input`'s `inputSize` — the control scale, `sm` 26 / `default` 32 / `lg` 40. */
+    triggerSize?: "sm" | "default" | "lg";
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -358,6 +397,10 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
     variant?: "legend" | "label";
 }): React$1.JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React$1.JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React$1.JSX.Element;
 declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
@@ -428,7 +471,7 @@ interface ParamRowProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "on
  */
 declare const ParamRow: React$1.ForwardRefExoticComponent<ParamRowProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function InputGroup({ className, id, "aria-describedby": describedBy, "aria-invalid": invalid, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -441,4 +484,4 @@ declare function InputGroupText({ className, ...props }: React$1.ComponentProps<
 declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 
-export { type BooleanControl, BooleanField, Checkbox, CheckboxGroupField, ColorField, type ColorPreset, ColorSwatches, Field, type FieldBadge, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, type FieldSize, FieldTitle, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GroupConfig, IconField, IconInput, Input, InputField, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputSize, Label, type LabelPosition, NumberField, ObjectField, type ObjectFieldProps, PARAM_SOURCES, ParamRow, type ParamRowProps, type ParamSource, PasswordField, PasswordInput, type PasswordInputProps, RadioField, RadioGroup, RadioGroupItem, type RowConfig, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SettingsPanel, type SettingsPanelProps, Slider, SliderNumber, Switch, Textarea, TextareaField, useFormField };
+export { type BooleanControl, BooleanField, Checkbox, CheckboxGroupField, ColorField, type ColorPreset, ColorSwatches, Field, type FieldBadge, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOption, type FieldOrientation, FieldSeparator, FieldSet, type FieldSize, FieldTitle, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GroupConfig, IconField, IconInput, Input, InputField, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputSize, Label, type LabelPosition, NumberField, ObjectField, type ObjectFieldProps, PARAM_SOURCES, ParamRow, type ParamRowProps, type ParamSource, PasswordField, PasswordInput, type PasswordInputProps, RadioField, RadioGroup, RadioGroupItem, type RowConfig, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SettingsPanel, type SettingsPanelProps, Slider, SliderNumber, Switch, Textarea, TextareaField, useFormField };