haze-ui 1.12.0 → 1.12.2

package/dist/types/components/Input/InputCore.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type InputCoreProps = {
+    value: string;
+    onChange: (value: string) => void;
+    /** Native change event passthrough — invoked with the DOM event after
+     * `onChange`. Kept out of `rest` on purpose so the controlled `onChange`
+     * callback above can never be overridden by a spread. */
+    onNativeChange?: ComponentPropsWithoutRef<'input'>['onChange'];
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange' | 'size'>;
+export default function InputCore({ value, onChange, onNativeChange, size, className, ...rest }: InputCoreProps): import("react").JSX.Element;
+export type { InputCoreProps };

package/dist/types/components/Input/index.d.ts

@@ -1,2 +1,4 @@
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
+export { default as InputCore } from './InputCore';
+export type { InputCoreProps } from './InputCore';

package/dist/types/components/NumberInput/NumberInputCore.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type NumberInputCoreProps = {
+    value: number;
+    onChange: (value: number) => void;
+    /** Native change event passthrough — invoked with the DOM event after
+     * `onChange`, so a spread can never override the controlled callback. */
+    onNativeChange?: ComponentPropsWithoutRef<'input'>['onChange'];
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value' | 'onChange' | 'size'>;
+export default function NumberInputCore({ value, onChange, onNativeChange, min, max, step, size, className, ...rest }: NumberInputCoreProps): import("react").JSX.Element;
+export type { NumberInputCoreProps };

package/dist/types/components/NumberInput/index.d.ts

@@ -1,2 +1,4 @@
 export { default as NumberInput } from './NumberInput';
 export type { NumberInputProps } from './NumberInput';
+export { default as NumberInputCore } from './NumberInputCore';
+export type { NumberInputCoreProps } from './NumberInputCore';

package/dist/types/components/OTPInput/OTPInputCore.d.ts

@@ -0,0 +1,8 @@
+type OTPInputCoreProps = {
+    length?: number;
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+};
+export default function OTPInputCore({ length, value, onChange, className, }: OTPInputCoreProps): import("react").JSX.Element;
+export type { OTPInputCoreProps };

package/dist/types/components/OTPInput/index.d.ts

@@ -1,2 +1,4 @@
 export { default as OTPInput } from './OTPInput';
 export type { OTPInputProps } from './OTPInput';
+export { default as OTPInputCore } from './OTPInputCore';
+export type { OTPInputCoreProps } from './OTPInputCore';

package/dist/types/components/PasswordInput/PasswordInputCore.d.ts

@@ -0,0 +1,9 @@
+type PasswordInputCoreProps = {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+export default function PasswordInputCore({ value, onChange, placeholder, disabled, className, }: PasswordInputCoreProps): import("react").JSX.Element;
+export type { PasswordInputCoreProps };

package/dist/types/components/PasswordInput/index.d.ts

@@ -1,2 +1,4 @@
 export { default as PasswordInput } from './PasswordInput';
 export type { PasswordInputProps } from './PasswordInput';
+export { default as PasswordInputCore } from './PasswordInputCore';
+export type { PasswordInputCoreProps } from './PasswordInputCore';

package/dist/types/components/Radio/RadioContext.d.ts

@@ -1,8 +1,7 @@
-import type { Dispatch, SetStateAction } from 'react';
 type RadioContextValue = {
     name: string;
     value: string;
-    setValue: Dispatch<SetStateAction<string>>;
+    setValue: (value: string) => void;
 };
 export declare const RadioProvider: import("react").Provider<RadioContextValue | undefined>;
 export declare function useRadioContext(): RadioContextValue | undefined;

package/dist/types/components/Radio/RadioGroupCore.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+type RadioGroupCoreProps = {
+    value: string;
+    onChange: (value: string) => void;
+    name?: string;
+    className?: string;
+    children: ReactNode;
+};
+export default function RadioGroupCore({ value, onChange, name, className, children, }: RadioGroupCoreProps): import("react").JSX.Element;
+export type { RadioGroupCoreProps };

package/dist/types/components/Radio/index.d.ts

@@ -2,3 +2,5 @@ export { default as Radio } from './Radio';
 export type { RadioProps } from './Radio';
 export { default as RadioGroup } from './RadioGroup';
 export type { RadioGroupProps } from './RadioGroup';
+export { default as RadioGroupCore } from './RadioGroupCore';
+export type { RadioGroupCoreProps } from './RadioGroupCore';

package/dist/types/components/Rating/RatingCore.d.ts

@@ -0,0 +1,9 @@
+type RatingCoreProps = {
+    value: number;
+    onChange: (value: number) => void;
+    count?: number;
+    allowHalf?: boolean;
+    className?: string;
+};
+export default function RatingCore({ value, onChange, count, allowHalf, className, }: RatingCoreProps): import("react").JSX.Element;
+export type { RatingCoreProps };

package/dist/types/components/Rating/index.d.ts

@@ -1,2 +1,4 @@
 export { default as Rating } from './Rating';
 export type { RatingProps } from './Rating';
+export { default as RatingCore } from './RatingCore';
+export type { RatingCoreProps } from './RatingCore';

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

@@ -1,10 +1,5 @@
-import type { ReactNode } from 'react';
 import type { Control } from 'react-use-control';
-type SegmentedOption = string | {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-};
+import type { SegmentedOption } from './SegmentedCore';
 type SegmentedProps = {
     options: SegmentedOption[];
     value?: Control<string> | string;

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+type SegmentedOption = string | {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+};
+type SegmentedCoreProps = {
+    options: SegmentedOption[];
+    value: string;
+    onChange: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+};
+export default function SegmentedCore({ options, value, onChange, size, className, }: SegmentedCoreProps): import("react").JSX.Element;
+export type { SegmentedCoreProps, SegmentedOption };

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

@@ -1,2 +1,4 @@
 export { default as Segmented } from './Segmented';
 export type { SegmentedProps, SegmentedOption } from './Segmented';
+export { default as SegmentedCore } from './SegmentedCore';
+export type { SegmentedCoreProps, SegmentedOption as SegmentedCoreOption } from './SegmentedCore';

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

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+type SelectCoreProps = {
+    value: string;
+    onChange: (value: string) => void;
+    /** Native change event passthrough — invoked with the DOM event after
+     * `onChange`, so a spread can never override the controlled callback. */
+    onNativeChange?: ComponentPropsWithoutRef<'select'>['onChange'];
+    size?: 'sm' | 'md' | 'lg';
+    children: ReactNode;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'onChange' | 'size'>;
+export default function SelectCore({ value, onChange, onNativeChange, size, className, children, ...rest }: SelectCoreProps): import("react").JSX.Element;
+export type { SelectCoreProps };

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

@@ -1,4 +1,6 @@
 export { default as Select } from './Select';
 export type { SelectProps } from './Select';
+export { default as SelectCore } from './SelectCore';
+export type { SelectCoreProps } from './SelectCore';
 export { default as Option } from './Option';
 export type { OptionProps } from './Option';

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

@@ -0,0 +1,11 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type SliderCoreProps = {
+    value: number;
+    onChange: (value: number) => void;
+    /** Native change event passthrough — invoked with the DOM event after
+     * `onChange`, so a spread can never override the controlled callback. */
+    onNativeChange?: ComponentPropsWithoutRef<'input'>['onChange'];
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value' | 'onChange'>;
+export default function SliderCore({ value, onChange, onNativeChange, className, ...rest }: SliderCoreProps): import("react").JSX.Element;
+export type { SliderCoreProps };

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

@@ -1,2 +1,4 @@
 export { default as Slider } from './Slider';
 export type { SliderProps } from './Slider';
+export { default as SliderCore } from './SliderCore';
+export type { SliderCoreProps } from './SliderCore';

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

@@ -3,6 +3,6 @@ import type { Control } from 'react-use-control';
 type SwitchProps = {
     checked?: Control<boolean> | boolean;
     size?: 'sm' | 'md' | 'lg';
-} & Omit<ComponentPropsWithoutRef<'button'>, 'type' | 'checked'>;
+} & Omit<ComponentPropsWithoutRef<'button'>, 'type' | 'checked' | 'onChange'>;
 export default function Switch({ checked: checkedControl, size, className, onClick, ...rest }: SwitchProps): import("react").JSX.Element;
 export type { SwitchProps };

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

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type SwitchCoreProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    /** Native click event passthrough — invoked with the DOM event after
+     * `onChange`, so a spread can never override the controlled callback. */
+    onNativeClick?: ComponentPropsWithoutRef<'button'>['onClick'];
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'button'>, 'type' | 'checked' | 'onChange'>;
+export default function SwitchCore({ checked, onChange, onNativeClick, size, className, ...rest }: SwitchCoreProps): import("react").JSX.Element;
+export type { SwitchCoreProps };

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

@@ -1,2 +1,4 @@
 export { default as Switch } from './Switch';
 export type { SwitchProps } from './Switch';
+export { default as SwitchCore } from './SwitchCore';
+export type { SwitchCoreProps } from './SwitchCore';

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

@@ -0,0 +1,20 @@
+type TagInputCoreProps = {
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    maxTags?: number;
+    disabled?: boolean;
+    className?: string;
+    /**
+     * 字段 id（FormItem 桥生成）：必须挂到内部可聚焦的 input 上而非根
+     * div，<label htmlFor> 与错误 span 的 aria 链路才能接到焦点元素——
+     * 根 div 不聚焦，挂那里等于断链。
+     */
+    id?: string;
+    /** 由 FormItem 桥传入，随字段错误态变化，透传给内部 input。 */
+    'aria-invalid'?: boolean;
+    /** 指向 FormItem 渲染的错误 span（id={errorId}），透传给内部 input。 */
+    'aria-describedby'?: string;
+};
+export default function TagInputCore({ value: tags, onChange, placeholder, maxTags, disabled, className, id, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }: TagInputCoreProps): import("react").JSX.Element;
+export type { TagInputCoreProps };

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

@@ -1,2 +1,4 @@
 export { default as TagInput } from './TagInput';
 export type { TagInputProps } from './TagInput';
+export { default as TagInputCore } from './TagInputCore';
+export type { TagInputCoreProps } from './TagInputCore';

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

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type TextareaCoreProps = {
+    value: string;
+    onChange: (value: string) => void;
+    /** Native change event passthrough — invoked with the DOM event after
+     * `onChange`, so a spread can never override the controlled callback. */
+    onNativeChange?: ComponentPropsWithoutRef<'textarea'>['onChange'];
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'textarea'>, 'value' | 'onChange' | 'size'>;
+export default function TextareaCore({ value, onChange, onNativeChange, size, className, ...rest }: TextareaCoreProps): import("react").JSX.Element;
+export type { TextareaCoreProps };

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

@@ -1,2 +1,4 @@
 export { default as Textarea } from './Textarea';
 export type { TextareaProps } from './Textarea';
+export { default as TextareaCore } from './TextareaCore';
+export type { TextareaCoreProps } from './TextareaCore';

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

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type TimePickerCoreProps = {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange' | 'type' | 'placeholder'>;
+export default function TimePickerCore({ value, onChange, placeholder, className, ...rest }: TimePickerCoreProps): import("react").JSX.Element;
+export type { TimePickerCoreProps };

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

@@ -1,2 +1,4 @@
 export { default as TimePicker } from './TimePicker';
 export type { TimePickerProps } from './TimePicker';
+export { default as TimePickerCore } from './TimePickerCore';
+export type { TimePickerCoreProps } from './TimePickerCore';

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

@@ -1,7 +1,5 @@
 import type { ReactNode } from 'react';
-import type { FieldError, FieldPath, FieldRules, Name, ValidationMode } from 'react-f0rm';
-import type { Control } from 'react-use-control';
-import type { FormInstance, PathValueOf } from './useFormControl';
+import type { FieldError, FieldPath, FieldRules, Name, ValidationMode, FormInstance, PathValueOf } from 'react-f0rm';
 /**
  * Field-level validator, structurally compatible with react-f0rm's
  * `Validator`: return an error (string, FieldError, or an array mixing
@@ -14,7 +12,7 @@ export type FieldValidator = (value: any, meta: {
 }) => 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 for the field control element (`<InputCore id={id}>`) */
     id: string;
     /** id of the error message element; pass as `aria-describedby` */
     errorId: string;
@@ -23,11 +21,16 @@ export type FormItemBinding<TValues, P extends FieldPath<TValues> | Name> = {
     /** every error registered for the field, in insertion order */
     errors: FieldError[];
     /** react-f0rm blur hook for this field — pass to the control's `onBlur`
-     * (`<Input onBlur={onBlur}/>`) so blur-scheduled validation modes
+     * (`<InputCore onBlur={onBlur}/>`) so blur-scheduled validation modes
      * (`mode='onBlur' | 'onTouched' | 'all'`) fire when the field loses focus. */
     onBlur: () => void;
-    /** Control bound to the field value — pass to a control prop */
-    control: Control<PathValueOf<TValues, P>>;
+    /** Field value subscribed per-field — pass to a controlled core
+     * (`<InputCore value={value} onChange={onChange} />`). */
+    value: PathValueOf<TValues, P>;
+    /** react-f0rm's own field-change writer — pass to the core's `onChange`.
+     * It routes through the same mode-gated, re-validating pipeline as
+     * react-f0rm's built-in Field/Checkbox/Select. */
+    onChange: (next: PathValueOf<TValues, P>) => void;
 };
 export type FormItemProps<TValues extends Record<string, any> = any, P extends FieldPath<TValues> | Name = Name> = {
     form: FormInstance<TValues>;
@@ -62,14 +65,22 @@ export type FormItemProps<TValues extends Record<string, any> = any, P extends F
     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.
+ * Glue a single field of a react-f0rm form to a haze-ui controlled core.
+ * The binding layer is react-f0rm's own headless `useField` hook — the
+ * same channel its built-in Field/Checkbox/Select use — so no adapter or
+ * state-bridge lives here. FormItem contributes only the view: label,
+ * error span and the id/aria convention.
  *
  * ```tsx
  * <FormItem form={form} name='email' label='Email'>
- *   {({id, errorId, invalid, control}) => (
- *     <Input id={id} value={control} aria-describedby={errorId} aria-invalid={invalid} />
+ *   {({id, errorId, invalid, value, onChange}) => (
+ *     <InputCore
+ *       id={id}
+ *       value={value}
+ *       onChange={onChange}
+ *       aria-describedby={errorId}
+ *       aria-invalid={invalid}
+ *     />
  *   )}
  * </FormItem>
  * ```

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

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

package/dist/types/index.d.ts

@@ -5,14 +5,14 @@ export { TOKEN_REGISTRY, COMPONENT_TOKENS } from './tokens/registry';
 export type { TokenDef } from './tokens/registry';
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
-export { Input } from './components/Input';
-export type { InputProps } from './components/Input';
-export { Select, Option } from './components/Select';
-export type { SelectProps, OptionProps } from './components/Select';
-export { Checkbox } from './components/Checkbox';
-export type { CheckboxProps } from './components/Checkbox';
-export { Switch } from './components/Switch';
-export type { SwitchProps } from './components/Switch';
+export { Input, InputCore } from './components/Input';
+export type { InputProps, InputCoreProps } from './components/Input';
+export { Select, Option, SelectCore } from './components/Select';
+export type { SelectProps, OptionProps, SelectCoreProps } from './components/Select';
+export { Checkbox, CheckboxCore } from './components/Checkbox';
+export type { CheckboxProps, CheckboxCoreProps } from './components/Checkbox';
+export { Switch, SwitchCore } from './components/Switch';
+export type { SwitchProps, SwitchCoreProps } from './components/Switch';
 export { Badge } from './components/Badge';
 export type { BadgeProps } from './components/Badge';
 export { Dialog } from './components/Dialog';
@@ -23,12 +23,12 @@ export { Popover } from './components/Popover';
 export type { PopoverProps } from './components/Popover';
 export { Card } from './components/Card';
 export type { CardProps } from './components/Card';
-export { Radio, RadioGroup } from './components/Radio';
-export type { RadioProps, RadioGroupProps } from './components/Radio';
-export { Textarea } from './components/Textarea';
-export type { TextareaProps } from './components/Textarea';
-export { Slider } from './components/Slider';
-export type { SliderProps } from './components/Slider';
+export { Radio, RadioGroup, RadioGroupCore } from './components/Radio';
+export type { RadioProps, RadioGroupProps, RadioGroupCoreProps } from './components/Radio';
+export { Textarea, TextareaCore } from './components/Textarea';
+export type { TextareaProps, TextareaCoreProps } from './components/Textarea';
+export { Slider, SliderCore } from './components/Slider';
+export type { SliderProps, SliderCoreProps } from './components/Slider';
 export { Tabs, TabList, Tab, TabPanel } from './components/Tabs';
 export type { TabsProps, TabListProps, TabProps, TabPanelProps, } from './components/Tabs';
 export { Accordion, AccordionItem } from './components/Accordion';
@@ -53,8 +53,8 @@ export { Disclosure } from './components/Disclosure';
 export type { DisclosureProps } from './components/Disclosure';
 export { Menu, MenuItem, MenuDivider } from './components/Menu';
 export type { MenuProps, MenuItemProps } from './components/Menu';
-export { NumberInput } from './components/NumberInput';
-export type { NumberInputProps } from './components/NumberInput';
+export { NumberInput, NumberInputCore } from './components/NumberInput';
+export type { NumberInputProps, NumberInputCoreProps } from './components/NumberInput';
 export { FileInput } from './components/FileInput';
 export type { FileInputProps } from './components/FileInput';
 export { Toast, ToastContainer, useToast } from './components/Toast';
@@ -67,8 +67,8 @@ export { Table, TableHead, TableBody, TableRow, TableCell, } from './components/
 export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, } from './components/Table';
 export { Carousel, CarouselSlide } from './components/Carousel';
 export type { CarouselProps, CarouselSlideProps } from './components/Carousel';
-export { Datepicker } from './components/Datepicker';
-export type { DatepickerProps } from './components/Datepicker';
+export { Datepicker, DatepickerCore } from './components/Datepicker';
+export type { DatepickerProps, DatepickerCoreProps } from './components/Datepicker';
 export { Tree } from './components/Tree';
 export type { TreeProps, TreeNodeData } from './components/Tree';
 export { Divider } from './components/Divider';
@@ -97,32 +97,32 @@ export { Transfer } from './components/Transfer';
 export type { TransferProps, TransferItem } from './components/Transfer';
 export { Upload } from './components/Upload';
 export type { UploadProps } from './components/Upload';
-export { ColorPicker } from './components/ColorPicker';
-export type { ColorPickerProps } from './components/ColorPicker';
-export { Rating } from './components/Rating';
-export type { RatingProps } from './components/Rating';
+export { ColorPicker, ColorPickerCore } from './components/ColorPicker';
+export type { ColorPickerProps, ColorPickerCoreProps } from './components/ColorPicker';
+export { Rating, RatingCore } from './components/Rating';
+export type { RatingProps, RatingCoreProps } from './components/Rating';
 export { Timeline, TimelineItem } from './components/Timeline';
 export type { TimelineProps, TimelineItemProps } from './components/Timeline';
 export { Title, Text, Paragraph } from './components/Typography';
 export type { TitleProps, TextProps, ParagraphProps } from './components/Typography';
 export { Stat, StatGroup } from './components/Stat';
 export type { StatProps, StatGroupProps } from './components/Stat';
-export { Segmented } from './components/Segmented';
-export type { SegmentedProps } from './components/Segmented';
+export { Segmented, SegmentedCore } from './components/Segmented';
+export type { SegmentedProps, SegmentedCoreProps } from './components/Segmented';
 export { Chip } from './components/Chip';
 export type { ChipProps } from './components/Chip';
 export { ScrollArea } from './components/ScrollArea';
 export type { ScrollAreaProps } from './components/ScrollArea';
-export { TimePicker } from './components/TimePicker';
-export type { TimePickerProps } from './components/TimePicker';
-export { DateRangePicker } from './components/DateRangePicker';
-export type { DateRangePickerProps } from './components/DateRangePicker';
-export { OTPInput } from './components/OTPInput';
-export type { OTPInputProps } from './components/OTPInput';
-export { PasswordInput } from './components/PasswordInput';
-export type { PasswordInputProps } from './components/PasswordInput';
-export { TagInput } from './components/TagInput';
-export type { TagInputProps } from './components/TagInput';
+export { TimePicker, TimePickerCore } from './components/TimePicker';
+export type { TimePickerProps, TimePickerCoreProps } from './components/TimePicker';
+export { DateRangePicker, DateRangePickerCore } from './components/DateRangePicker';
+export type { DateRangePickerProps, DateRangePickerCoreProps } from './components/DateRangePicker';
+export { OTPInput, OTPInputCore } from './components/OTPInput';
+export type { OTPInputProps, OTPInputCoreProps } from './components/OTPInput';
+export { PasswordInput, PasswordInputCore } from './components/PasswordInput';
+export type { PasswordInputProps, PasswordInputCoreProps } from './components/PasswordInput';
+export { TagInput, TagInputCore } from './components/TagInput';
+export type { TagInputProps, TagInputCoreProps } from './components/TagInput';
 export { InlineEdit } from './components/InlineEdit';
 export type { InlineEditProps } from './components/InlineEdit';
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './components/DropdownMenu';
@@ -181,6 +181,6 @@ export { DiffViewer } from './components/DiffViewer';
 export type { DiffViewerProps, DiffLine } from './components/DiffViewer';
 export { LogViewer } from './components/LogViewer';
 export type { LogViewerProps, LogEntry, LogLevel } from './components/LogViewer';
-export { FormItem, useFormControl } from './form';
+export { FormItem } from './form';
 export type { FieldValidator, FormItemBinding, FormItemProps, FormInstance, PathValueOf, } from './form';
 export { useControl } from 'react-use-control';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haze-ui",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "type": "module",
   "description": "A React UI component library powered by react-use-control and Linaria",
   "main": "./dist/index.js",
@@ -49,10 +49,10 @@
   "peerDependencies": {
     "@linaria/core": "^7.0.0 || ^8.0.0",
     "react": "^19.0.0",
-    "react-f0rm": ">=0.3.0"
+    "react-f0rm": ">=0.7.0"
   },
   "dependencies": {
-    "react-toolroom": "^0.11.0",
+    "react-toolroom": "^0.18.4",
     "react-use-control": "^1.3.2"
   },
   "devDependencies": {
@@ -62,20 +62,20 @@
     "@faker-js/faker": "^10.6.0",
     "@for-fun/event-emitter": "^1.0.1",
     "@linaria/core": "^8.2.0",
-    "@native-router/core": "^1.8.0",
-    "@native-router/react": "^1.6.1",
+    "@native-router/core": "^1.10.0",
+    "@native-router/react": "^1.9.0",
     "@testing-library/jest-dom": "^7.0.1",
-    "@testing-library/react": "^16.3.2",
+    "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.6",
     "@types/jest-axe": "^3.5.9",
-    "@types/node": "^26.3.0",
+    "@types/node": "^26.4.0",
     "@types/ramda": "^0.32.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
-    "@vitejs/plugin-react": "^6.1.0",
+    "@vitejs/plugin-react": "^6.1.1",
     "@vitest/coverage-v8": "4.1.11",
-    "@wyw-in-js/babel-preset": "^2.4.3",
-    "@wyw-in-js/vite": "^2.4.3",
+    "@wyw-in-js/babel-preset": "^2.4.4",
+    "@wyw-in-js/vite": "^2.4.4",
     "babel-plugin-transform-jsx-class": "^0.1.3",
     "babel-plugin-transform-jsx-condition": "^0.1.3",
     "commitizen": "^4.3.2",
@@ -88,19 +88,19 @@
     "jest-axe": "^11.0.0",
     "jsdom": "^30.0.1",
     "json-schema-faker": "^0.6.3",
-    "lint-staged": "^17.3.0",
-    "lucide-react": "^1.34.0",
+    "lint-staged": "^17.4.1",
+    "lucide-react": "^1.37.0",
     "prettier": "^3.9.6",
     "qss": "^3.0.0",
     "ramda": "^0.32.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "react-f0rm": "^0.6.0",
+    "react-f0rm": "^0.7.0",
     "react-icons": "^5.7.0",
     "rollup-plugin-type-as-json-schema": "^0.2.6",
     "semantic-release": "^25.0.9",
-    "terser": "^5.51.0",
-    "tools-config": "^0.3.0",
+    "terser": "^5.51.2",
+    "tools-config": "^0.3.1",
     "tsc-alias": "^1.9.2",
     "typescript": "^6.0.3",
     "vite": "^8.2.2",

package/dist/form/useFormControl.js

@@ -1,54 +0,0 @@
-import { useControl as e, useThru as t } from "react-use-control";
-import { useMemo as n } from "react";
-import { getValueByPath as r, setValueByPath as i, useValueByPath as a } from "react-f0rm";
-//#region src/lib/form/useFormControl.ts
-var o = /* @__PURE__ */ new Map();
-function s(e) {
-	let t = [], n = "", r = () => {
-		t.push(n), n = "";
-	};
-	for (let i = 0; i < e.length; i++) {
-		let a = e[i];
-		if (a === ".") n !== "" && r();
-		else if (a === "[") {
-			n !== "" && r();
-			let a = e[i + 1];
-			if (a === "\"" || a === "'") {
-				let n = e.indexOf(a, i + 2);
-				if (n === -1) throw TypeError(`Unterminated quote in path: ${e}`);
-				if (e[n + 1] !== "]") throw TypeError(`Expected "]" after quoted segment in path: ${e}`);
-				t.push(e.slice(i + 2, n)), i = n + 1;
-			} else {
-				let n = e.indexOf("]", i + 1);
-				if (n === -1) throw TypeError(`Unterminated bracket in path: ${e}`);
-				let r = e.slice(i + 1, n);
-				t.push(/^-?\d+$/.test(r) ? Number(r) : r), i = n;
-			}
-		} else n += a;
-	}
-	return (n !== "" || t.length === 0) && r(), t;
-}
-function c(e) {
-	if (typeof e != "string") return {
-		value: e,
-		key: JSON.stringify(e)
-	};
-	let t = o.get(e);
-	return t || (t = s(e), o.set(e, t)), {
-		value: t,
-		key: JSON.stringify(t)
-	};
-}
-function l(e) {
-	let t = typeof e == "string" ? e : JSON.stringify(e);
-	return n(() => c(e), [t]);
-}
-function u(n, o) {
-	let s = l(o), c = a(n, s), [, , u] = e();
-	return t(u, () => [c, (e) => {
-		let t = r(n, s), a = typeof e == "function" ? e(t) : e;
-		i(n, s, a);
-	}]);
-}
-//#endregion
-export { u as useFormControl };