haze-ui 1.6.0 → 1.7.0

package/dist/types/components/Resizable/Resizable.d.ts

@@ -4,15 +4,15 @@ type ResizableGroupProps = {
     children: ReactNode;
     className?: string;
 };
-export declare function ResizableGroup({ direction, children, className, }: ResizableGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResizableGroup({ direction, children, className, }: ResizableGroupProps): import("react").JSX.Element;
 type ResizablePanelProps = {
     defaultSize?: number;
     children: ReactNode;
     className?: string;
 };
-export declare function ResizablePanel({ defaultSize, children, className, }: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResizablePanel({ defaultSize, children, className, }: ResizablePanelProps): import("react").JSX.Element;
 type ResizableHandleProps = {
     className?: string;
 };
-export declare function ResizableHandle({ className }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResizableHandle({ className }: ResizableHandleProps): import("react").JSX.Element;
 export type { ResizableGroupProps, ResizablePanelProps, ResizableHandleProps };

package/dist/types/components/ScrollArea/ScrollArea.d.ts

@@ -4,5 +4,5 @@ type ScrollAreaProps = {
     className?: string;
     children: ReactNode;
 };
-export default function ScrollArea({ maxHeight, className, children, }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+export default function ScrollArea({ maxHeight, className, children, }: ScrollAreaProps): import("react").JSX.Element;
 export type { ScrollAreaProps };

package/dist/types/components/Segmented/Segmented.d.ts

@@ -12,5 +12,5 @@ type SegmentedProps = {
     size?: 'sm' | 'md' | 'lg';
     className?: string;
 };
-export default function Segmented({ options, value: valueControl, onChange, size, className, }: SegmentedProps): import("react/jsx-runtime").JSX.Element;
+export default function Segmented({ options, value: valueControl, onChange, size, className, }: SegmentedProps): import("react").JSX.Element;
 export type { SegmentedProps, SegmentedOption };

package/dist/types/components/Select/Option.d.ts

@@ -3,5 +3,5 @@ type OptionProps = {
     value: string;
     children: ReactNode;
 } & Omit<ComponentPropsWithoutRef<'option'>, 'value'>;
-export default function Option({ value, children, ...rest }: OptionProps): import("react/jsx-runtime").JSX.Element;
+export default function Option({ value, children, ...rest }: OptionProps): import("react").JSX.Element;
 export type { OptionProps };

package/dist/types/components/Select/Select.d.ts

@@ -5,5 +5,5 @@ type SelectProps = {
     size?: 'sm' | 'md' | 'lg';
     children: ReactNode;
 } & Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'size'>;
-export default function Select({ value: valueControl, size, className, children, onChange, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export default function Select({ value: valueControl, size, className, children, onChange, ...rest }: SelectProps): import("react").JSX.Element;
 export type { SelectProps };

package/dist/types/components/Skeleton/Skeleton.d.ts

@@ -4,5 +4,5 @@ type SkeletonProps = {
     height?: string | number;
     className?: string;
 };
-export default function Skeleton({ variant, width, height, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export default function Skeleton({ variant, width, height, className, }: SkeletonProps): import("react").JSX.Element;
 export type { SkeletonProps };

package/dist/types/components/Slider/Slider.d.ts

@@ -3,5 +3,5 @@ import type { Control } from 'react-use-control';
 type SliderProps = {
     value?: Control<number> | number;
 } & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value'>;
-export default function Slider({ value: valueControl, className, onChange, ...rest }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ value: valueControl, className, onChange, ...rest }: SliderProps): import("react").JSX.Element;
 export type { SliderProps };

package/dist/types/components/Spinner/Spinner.d.ts

@@ -2,5 +2,5 @@ type SpinnerProps = {
     size?: 'sm' | 'md' | 'lg';
     className?: string;
 };
-export default function Spinner({ size, className, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export default function Spinner({ size, className, }: SpinnerProps): import("react").JSX.Element;
 export type { SpinnerProps };

package/dist/types/components/Stat/Stat.d.ts

@@ -9,10 +9,10 @@ type StatProps = {
     suffix?: ReactNode;
     className?: string;
 };
-export declare function Stat({ title, value, description, trend, trendValue, prefix, suffix, className, }: StatProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stat({ title, value, description, trend, trendValue, prefix, suffix, className, }: StatProps): import("react").JSX.Element;
 type StatGroupProps = {
     children: ReactNode;
     className?: string;
 };
-export declare function StatGroup({ children, className }: StatGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatGroup({ children, className }: StatGroupProps): import("react").JSX.Element;
 export type { StatProps, StatGroupProps };

package/dist/types/components/StepTimeline/StepTimeline.d.ts

@@ -10,8 +10,8 @@ type StepTimelineItemProps = {
     status?: StepStatus;
     className?: string;
 };
-declare function StepTimelineItem({ label, description, status, className }: StepTimelineItemProps): import("react/jsx-runtime").JSX.Element;
-declare function StepTimeline({ children, className }: StepTimelineProps): import("react/jsx-runtime").JSX.Element;
+declare function StepTimelineItem({ label, description, status, className }: StepTimelineItemProps): import("react").JSX.Element;
+declare function StepTimeline({ children, className }: StepTimelineProps): import("react").JSX.Element;
 export default StepTimeline;
 export { StepTimelineItem };
 export type { StepTimelineProps, StepTimelineItemProps, StepStatus };

package/dist/types/components/Stepper/Step.d.ts

@@ -4,5 +4,5 @@ type StepProps = {
     className?: string;
     index?: number;
 };
-export default function Step({ title, description, className, index }: StepProps): import("react/jsx-runtime").JSX.Element;
+export default function Step({ title, description, className, index }: StepProps): import("react").JSX.Element;
 export type { StepProps };

package/dist/types/components/Stepper/Stepper.d.ts

@@ -5,5 +5,5 @@ type StepperProps = {
     children: ReactNode;
     className?: string;
 };
-export default function Stepper({ activeStep: activeStepControl, children, className, }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export default function Stepper({ activeStep: activeStepControl, children, className, }: StepperProps): import("react").JSX.Element;
 export type { StepperProps };

package/dist/types/components/StreamingText/StreamingText.d.ts

@@ -5,5 +5,5 @@ type StreamingTextProps = {
     showCursor?: boolean;
     className?: string;
 };
-export default function StreamingText({ text, speed, onComplete, showCursor, className, }: StreamingTextProps): import("react/jsx-runtime").JSX.Element;
+export default function StreamingText({ text, speed, onComplete, showCursor, className, }: StreamingTextProps): import("react").JSX.Element;
 export type { StreamingTextProps };

package/dist/types/components/SwipeAction/SwipeAction.d.ts

@@ -8,5 +8,5 @@ type SwipeActionProps = {
     threshold?: number;
     className?: string;
 };
-export default function SwipeAction({ left, right, children, onSwipeLeft, onSwipeRight, threshold, className, }: SwipeActionProps): import("react/jsx-runtime").JSX.Element;
+export default function SwipeAction({ left, right, children, onSwipeLeft, onSwipeRight, threshold, className, }: SwipeActionProps): import("react").JSX.Element;
 export type { SwipeActionProps };

package/dist/types/components/Switch/Switch.d.ts

@@ -4,5 +4,5 @@ type SwitchProps = {
     checked?: Control<boolean> | boolean;
     size?: 'sm' | 'md' | 'lg';
 } & Omit<ComponentPropsWithoutRef<'button'>, 'type' | 'checked'>;
-export default function Switch({ checked: checkedControl, size, className, onClick, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export default function Switch({ checked: checkedControl, size, className, onClick, ...rest }: SwitchProps): import("react").JSX.Element;
 export type { SwitchProps };

package/dist/types/components/Table/Table.d.ts

@@ -5,5 +5,5 @@ type TableProps = {
     className?: string;
     children: ReactNode;
 };
-export default function Table({ striped, bordered, className, children, }: TableProps): import("react/jsx-runtime").JSX.Element;
+export default function Table({ striped, bordered, className, children, }: TableProps): import("react").JSX.Element;
 export type { TableProps };

package/dist/types/components/Table/TableBody.d.ts

@@ -3,5 +3,5 @@ type TableBodyProps = {
     className?: string;
     children: ReactNode;
 };
-export default function TableBody({ className, children }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+export default function TableBody({ className, children }: TableBodyProps): import("react").JSX.Element;
 export type { TableBodyProps };

package/dist/types/components/Table/TableCell.d.ts

@@ -4,5 +4,5 @@ type TableCellProps = {
     className?: string;
     children: ReactNode;
 } & Omit<ComponentPropsWithoutRef<'td'>, 'children'>;
-export default function TableCell({ as: Tag, className, children, ...rest }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export default function TableCell({ as: Tag, className, children, ...rest }: TableCellProps): import("react").JSX.Element;
 export type { TableCellProps };

package/dist/types/components/Table/TableHead.d.ts

@@ -3,5 +3,5 @@ type TableHeadProps = {
     className?: string;
     children: ReactNode;
 };
-export default function TableHead({ className, children }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+export default function TableHead({ className, children }: TableHeadProps): import("react").JSX.Element;
 export type { TableHeadProps };

package/dist/types/components/Table/TableRow.d.ts

@@ -3,5 +3,5 @@ type TableRowProps = {
     className?: string;
     children: ReactNode;
 };
-export default function TableRow({ className, children }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+export default function TableRow({ className, children }: TableRowProps): import("react").JSX.Element;
 export type { TableRowProps };

package/dist/types/components/Tabs/Tab.d.ts

@@ -4,5 +4,5 @@ type TabProps = {
     className?: string;
     children: ReactNode;
 };
-export default function Tab({ value, className, children }: TabProps): import("react/jsx-runtime").JSX.Element;
+export default function Tab({ value, className, children }: TabProps): import("react").JSX.Element;
 export type { TabProps };

package/dist/types/components/Tabs/TabList.d.ts

@@ -3,5 +3,5 @@ type TabListProps = {
     className?: string;
     children: ReactNode;
 };
-export default function TabList({ className, children }: TabListProps): import("react/jsx-runtime").JSX.Element;
+export default function TabList({ className, children }: TabListProps): import("react").JSX.Element;
 export type { TabListProps };

package/dist/types/components/Tabs/TabPanel.d.ts

@@ -4,5 +4,5 @@ type TabPanelProps = {
     className?: string;
     children: ReactNode;
 };
-export default function TabPanel({ value, className, children, }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export default function TabPanel({ value, className, children, }: TabPanelProps): import("react").JSX.Element;
 export type { TabPanelProps };

package/dist/types/components/Tabs/Tabs.d.ts

@@ -5,5 +5,5 @@ type TabsProps = {
     className?: string;
     children: ReactNode;
 };
-export default function Tabs({ value: valueControl, className, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export default function Tabs({ value: valueControl, className, children, }: TabsProps): import("react").JSX.Element;
 export type { TabsProps };

package/dist/types/components/Tag/Tag.d.ts

@@ -7,5 +7,5 @@ type TagProps = {
     className?: string;
     children: ReactNode;
 };
-export default function Tag({ variant, size, closable, onClose, className, children, }: TagProps): import("react/jsx-runtime").JSX.Element;
+export default function Tag({ variant, size, closable, onClose, className, children, }: TagProps): import("react").JSX.Element;
 export type { TagProps };

package/dist/types/components/TagGroup/TagGroup.d.ts

@@ -3,5 +3,5 @@ type TagGroupProps = {
     children: ReactNode;
     className?: string;
 };
-export default function TagGroup({ children, className }: TagGroupProps): import("react/jsx-runtime").JSX.Element;
+export default function TagGroup({ children, className }: TagGroupProps): import("react").JSX.Element;
 export type { TagGroupProps };

package/dist/types/components/TagGroup/TagGroupItem.d.ts

@@ -4,5 +4,5 @@ type TagGroupItemProps = {
     onClose?: () => void;
     className?: string;
 };
-export default function TagGroupItem({ children, onClose, className }: TagGroupItemProps): import("react/jsx-runtime").JSX.Element;
+export default function TagGroupItem({ children, onClose, className }: TagGroupItemProps): import("react").JSX.Element;
 export type { TagGroupItemProps };

package/dist/types/components/TagInput/TagInput.d.ts

@@ -7,5 +7,5 @@ type TagInputProps = {
     disabled?: boolean;
     className?: string;
 };
-export default function TagInput({ value: valueControl, onChange, placeholder, maxTags, disabled, className, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
+export default function TagInput({ value: valueControl, onChange, placeholder, maxTags, disabled, className, }: TagInputProps): import("react").JSX.Element;
 export type { TagInputProps };

package/dist/types/components/Textarea/Textarea.d.ts

@@ -4,5 +4,5 @@ type TextareaProps = {
     value?: Control<string> | string;
     size?: 'sm' | 'md' | 'lg';
 } & Omit<ComponentPropsWithoutRef<'textarea'>, 'value'>;
-export default function Textarea({ value: valueControl, size, className, onChange, ...rest }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export default function Textarea({ value: valueControl, size, className, onChange, ...rest }: TextareaProps): import("react").JSX.Element;
 export type { TextareaProps };

package/dist/types/components/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -2,5 +2,5 @@ type ThinkingIndicatorProps = {
     text?: string;
     className?: string;
 };
-export default function ThinkingIndicator({ text, className }: ThinkingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export default function ThinkingIndicator({ text, className }: ThinkingIndicatorProps): import("react").JSX.Element;
 export type { ThinkingIndicatorProps };

package/dist/types/components/TimePicker/TimePicker.d.ts

@@ -6,5 +6,5 @@ type TimePickerProps = {
     placeholder?: string;
     className?: string;
 } & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange' | 'type' | 'placeholder'>;
-export default function TimePicker({ value: valueControl, onChange, placeholder, className, ...rest }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export default function TimePicker({ value: valueControl, onChange, placeholder, className, ...rest }: TimePickerProps): import("react").JSX.Element;
 export type { TimePickerProps };

package/dist/types/components/Timeline/Timeline.d.ts

@@ -3,7 +3,7 @@ type TimelineProps = {
     children: ReactNode;
     className?: string;
 };
-export declare function Timeline({ children, className }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function Timeline({ children, className }: TimelineProps): import("react").JSX.Element;
 type TimelineItemProps = {
     title: string;
     description?: string;
@@ -11,5 +11,5 @@ type TimelineItemProps = {
     color?: 'primary' | 'success' | 'warning' | 'danger' | 'default';
     className?: string;
 };
-export declare function TimelineItem({ title, description, time, color, className, }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineItem({ title, description, time, color, className, }: TimelineItemProps): import("react").JSX.Element;
 export type { TimelineProps, TimelineItemProps };

package/dist/types/components/Toast/Toast.d.ts

@@ -5,5 +5,5 @@ type ToastProps = {
     duration: number;
     children: ReactNode;
 };
-export default function Toast({ variant, onClose, duration, children, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export default function Toast({ variant, onClose, duration, children, }: ToastProps): import("react").JSX.Element;
 export type { ToastProps };

package/dist/types/components/Toast/ToastContainer.d.ts

@@ -2,5 +2,5 @@ import type { ReactNode } from 'react';
 type ToastContainerProps = {
     children: ReactNode;
 };
-export default function ToastContainer({ children }: ToastContainerProps): import("react/jsx-runtime").JSX.Element;
+export default function ToastContainer({ children }: ToastContainerProps): import("react").JSX.Element;
 export type { ToastContainerProps };

package/dist/types/components/TokenCounter/TokenCounter.d.ts

@@ -4,5 +4,5 @@ type TokenCounterProps = {
     label?: string;
     className?: string;
 };
-export default function TokenCounter({ used, max, label, className }: TokenCounterProps): import("react/jsx-runtime").JSX.Element;
+export default function TokenCounter({ used, max, label, className }: TokenCounterProps): import("react").JSX.Element;
 export type { TokenCounterProps };

package/dist/types/components/ToolCallCard/ToolCallCard.d.ts

@@ -7,5 +7,5 @@ type ToolCallCardProps = {
     status?: ToolCallStatus;
     className?: string;
 };
-export default function ToolCallCard({ name, input, output, status, className, }: ToolCallCardProps): import("react/jsx-runtime").JSX.Element;
+export default function ToolCallCard({ name, input, output, status, className, }: ToolCallCardProps): import("react").JSX.Element;
 export type { ToolCallCardProps, ToolCallStatus };

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -5,5 +5,5 @@ type TooltipProps = {
     className?: string;
     children: ReactNode;
 };
-export default function Tooltip({ content, position, className, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ content, position, className, children, }: TooltipProps): import("react").JSX.Element;
 export type { TooltipProps };

package/dist/types/components/Transfer/Transfer.d.ts

@@ -10,5 +10,5 @@ type TransferProps = {
     onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void;
     className?: string;
 };
-export default function Transfer({ dataSource, targetKeys: targetKeysControl, onChange, className, }: TransferProps): import("react/jsx-runtime").JSX.Element;
+export default function Transfer({ dataSource, targetKeys: targetKeysControl, onChange, className, }: TransferProps): import("react").JSX.Element;
 export type { TransferProps, TransferItem };

package/dist/types/components/Tree/Tree.d.ts

@@ -1,3 +1,3 @@
 import type { TreeProps } from './types';
-export default function Tree({ treeData, multiple, checkable, checkStrictly, selectable, disabled, blockNode, showLine, showIcon, switcherIcon, loadingIcon, titleRender, iconRender, expandedKeys: expandedKeysControl, selectedKeys: selectedKeysControl, checkedKeys: checkedKeysControl, className, onExpand, onSelect, onCheck, }: TreeProps): import("react/jsx-runtime").JSX.Element;
+export default function Tree({ treeData, multiple, checkable, checkStrictly, selectable, disabled, blockNode, showLine, showIcon, switcherIcon, loadingIcon, titleRender, iconRender, expandedKeys: expandedKeysControl, selectedKeys: selectedKeysControl, checkedKeys: checkedKeysControl, className, onExpand, onSelect, onCheck, }: TreeProps): import("react").JSX.Element;
 export type { TreeProps };

package/dist/types/components/Tree/TreeItem.d.ts

@@ -22,5 +22,5 @@ type TreeItemProps = {
     onSelect: () => void;
     onCheck: () => void;
 };
-export default function TreeItem({ node, level, expanded, selected, checked, disabled, checkable, selectable, blockNode, showLine, showIcon, switcherIcon, loadingIcon: loadingIconProp, loading, titleRender, iconRender, isLast, onToggle, onSelect, onCheck, }: TreeItemProps): import("react/jsx-runtime").JSX.Element;
+export default function TreeItem({ node, level, expanded, selected, checked, disabled, checkable, selectable, blockNode, showLine, showIcon, switcherIcon, loadingIcon: loadingIconProp, loading, titleRender, iconRender, isLast, onToggle, onSelect, onCheck, }: TreeItemProps): import("react").JSX.Element;
 export {};

package/dist/types/components/Typography/Typography.d.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, JSX } from 'react';
 type TitleProps = {
     level?: 1 | 2 | 3 | 4 | 5;
     className?: string;
     children: ReactNode;
 };
-export declare function Title({ level, className, children }: TitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Title({ level, className, children }: TitleProps): JSX.Element;
 type TextProps = {
     type?: 'default' | 'secondary' | 'muted';
     strong?: boolean;
@@ -13,10 +13,10 @@ type TextProps = {
     className?: string;
     children: ReactNode;
 };
-export declare function Text({ type, strong, code, mark, className, children, }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ type, strong, code, mark, className, children, }: TextProps): JSX.Element;
 type ParagraphProps = {
     className?: string;
     children: ReactNode;
 };
-export declare function Paragraph({ className, children }: ParagraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function Paragraph({ className, children }: ParagraphProps): JSX.Element;
 export type { TitleProps, TextProps, ParagraphProps };

package/dist/types/components/Upload/Upload.d.ts

@@ -6,5 +6,5 @@ type UploadProps = {
     className?: string;
     children?: ReactNode;
 };
-export default function Upload({ accept, multiple, onChange, className, children, }: UploadProps): import("react/jsx-runtime").JSX.Element;
+export default function Upload({ accept, multiple, onChange, className, children, }: UploadProps): import("react").JSX.Element;
 export type { UploadProps };

package/dist/types/components/VirtualList/VirtualList.d.ts

@@ -6,5 +6,5 @@ type VirtualListProps<T> = {
     overscan?: number;
     className?: string;
 };
-export default function VirtualList<T>({ items, height, itemHeight, renderItem, overscan, className, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function VirtualList<T>({ items, height, itemHeight, renderItem, overscan, className, }: VirtualListProps<T>): import("react").JSX.Element;
 export type { VirtualListProps };

package/dist/types/form/FormItem.d.ts

@@ -0,0 +1,55 @@
+import type { ReactNode } from 'react';
+import type { FieldError, FieldPath, Name } from 'react-f0rm';
+import type { Control } from 'react-use-control';
+import type { FormInstance, PathValueOf } from './useFormControl';
+/**
+ * Field-level validator, structurally compatible with react-f0rm's
+ * `Validator`: return an error (string, FieldError, or an array mixing
+ * both) or `undefined` when valid; return a Promise for async validation.
+ * `meta.signal` aborts as soon as the round is superseded.
+ */
+export type FieldValidator = (value: any, meta: {
+    form: FormInstance;
+    signal: AbortSignal;
+}) => string | FieldError | (string | FieldError)[] | undefined | Promise<string | FieldError | (string | FieldError)[] | undefined>;
+/** Render binding handed to `FormItem`'s render-prop children. */
+export type FormItemBinding<TValues, P extends FieldPath<TValues> | Name> = {
+    /** id for the field control element (`<Input id={id}>`) */
+    id: string;
+    /** id of the error message element; pass as `aria-describedby` */
+    errorId: string;
+    /** true while the field has at least one error */
+    invalid: boolean;
+    /** every error registered for the field, in insertion order */
+    errors: FieldError[];
+    /** Control bound to the field value — pass to a control prop */
+    control: Control<PathValueOf<TValues, P>>;
+};
+export type FormItemProps<TValues extends Record<string, any> = any, P extends FieldPath<TValues> | Name = Name> = {
+    form: FormInstance<TValues>;
+    name: P;
+    label?: ReactNode;
+    /** Field-level validator, registered through react-f0rm's own
+     * `useField` channel — validated per the form's `mode` and on submit. */
+    validate?: FieldValidator;
+    className?: string;
+    children: (binding: FormItemBinding<TValues, P>) => ReactNode;
+};
+/**
+ * Glue a single field of a react-f0rm form to a haze-ui control:
+ * generates accessible ids, subscribes to the field's errors, and hands
+ * both plus a `useFormControl` handle to the render-prop children.
+ *
+ * ```tsx
+ * <FormItem form={form} name='email' label='Email'>
+ *   {({id, errorId, invalid, control}) => (
+ *     <Input id={id} value={control} aria-describedby={errorId} aria-invalid={invalid} />
+ *   )}
+ * </FormItem>
+ * ```
+ *
+ * When the field has errors, the first error's message is rendered into a
+ * `<span id={errorId} role='alert'>` next to the children; with no errors
+ * no extra element is rendered.
+ */
+export default function FormItem<TValues extends Record<string, any> = any, P extends FieldPath<TValues> | Name = Name>({ form, name, label, validate, className, children }: FormItemProps<TValues, P>): import("react").JSX.Element;

package/dist/types/form/index.d.ts

@@ -0,0 +1,4 @@
+export { useFormControl } from './useFormControl';
+export type { FormInstance, PathValueOf } from './useFormControl';
+export { default as FormItem } from './FormItem';
+export type { FieldValidator, FormItemBinding, FormItemProps } from './FormItem';

package/dist/types/form/useFormControl.d.ts

@@ -0,0 +1,32 @@
+import type { Control } from 'react-use-control';
+import type { FieldPath, FormInstance, Name, PathValueOf } from 'react-f0rm';
+export type { FormInstance, PathValueOf };
+/**
+ * Bind a react-f0rm field to haze-ui's Control system.
+ *
+ * The returned handle can be passed to any control-prop of a haze-ui
+ * component (`value`, `checked`, ...) exactly like a local control:
+ *
+ * ```tsx
+ * const form = useForm({initialValues: {email: ''}});
+ * const email = useFormControl(form, 'email');
+ * return <Input value={email} />;
+ * ```
+ *
+ * How it works: the handle carries a `[form value, dispatch → form]` state
+ * pair — the form owns the state, the handle only forwards it. Reads return
+ * `getValueByPath` at render time (kept fresh by a `useValueByPath`
+ * subscription that re-renders this component on own-field changes — and
+ * only those, so sibling fields stay isolated); writes go through
+ * `setValueByPath`, accepting either a plain value or a functional updater
+ * that is evaluated against the live form value.
+ *
+ * The handle's identity is stable across re-renders, including own-field
+ * value changes.
+ *
+ * @param form react-f0rm form instance
+ * @param name field path — dotted string ('user.email', 'tags[0]') or
+ *        segments array (['user', 0, 'name'])
+ * @return a `Control` bound to the field's value
+ */
+export declare function useFormControl<TValues extends Record<string, any> = any, P extends FieldPath<TValues> | Name = Name>(form: FormInstance<TValues>, name: P): Control<PathValueOf<TValues, P>>;

package/dist/types/utils/classnames.d.ts

@@ -0,0 +1 @@
+export declare function classnames(...args: unknown[]): string;

package/dist/utils/classnames.js

@@ -0,0 +1,13 @@
+//#region src/lib/utils/classnames.ts
+function e(...e) {
+	let t = [], n = (e) => {
+		if (e) {
+			if (typeof e == "string" || typeof e == "number") t.push(String(e));
+			else if (Array.isArray(e)) e.forEach(n);
+			else if (typeof e == "object") for (let [n, r] of Object.entries(e)) r && t.push(n);
+		}
+	};
+	return e.forEach(n), t.join(" ");
+}
+//#endregion
+export { e as classnames };