zcomponents-ui 1.3.0 → 1.4.1

package/dist/integrations-react-hook-form.d-ChOcioDB.d.ts

@@ -0,0 +1,266 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, Control, Path, RegisterOptions } from 'react-hook-form';
+import React$1, { ReactElement, FocusEventHandler, MouseEventHandler, RefObject, ReactNode, Ref, KeyboardEventHandler, ChangeEventHandler } from 'react';
+
+type ZDropOption = string | number | {
+    [key: string]: any;
+};
+type ZDropSingleValue = ZDropOption | null | undefined;
+type ZDropMultipleValue = ZDropOption[];
+type ZDropValue = ZDropSingleValue | ZDropMultipleValue;
+type OptionsRef = {
+    current: (HTMLLIElement | null)[];
+};
+type ValueRenderer = ({ option, onRemove, }: {
+    option: ZDropOption;
+    onRemove: MouseEventHandler;
+}) => ReactElement;
+type OptionRenderer = (option: ZDropOption, isSelected: boolean, currentSearchedValue: string | undefined) => ReactElement;
+type ExpandToggleRenderer = (isListVisible: boolean) => ReactElement;
+type InputOptionRemove = (e: React.MouseEvent | React.KeyboardEvent, option: ZDropOption) => void;
+type Clear = "always" | "whenChanged" | "whenSearched" | "none";
+interface InputStyleClasses {
+    input?: string;
+    inputValue?: string;
+    inputMultipleValue?: string;
+    inputMultipleSearch?: string;
+}
+interface ToggleStyleClasses {
+    expandToggle?: string;
+    expandToggleIcon?: string;
+}
+interface ListStyleClasses {
+    list?: string;
+    listItem?: string;
+    noData?: string;
+}
+interface ZDropStyleClasses extends InputStyleClasses, ToggleStyleClasses, ListStyleClasses {
+    container?: string;
+    label?: string;
+    inputField?: string;
+    clearButton?: string;
+    removeButton?: string;
+}
+type SearchFilter = ({ options, currentValue, labelKey, }: {
+    options: ZDropOption[];
+    currentValue: string;
+    labelKey: string;
+}) => ZDropOption[];
+interface ZDropBaseProps {
+    name: string;
+    options?: ZDropOption[];
+    value?: ZDropValue;
+    valueKey?: string;
+    label?: string | ReactElement;
+    labelKey?: string;
+    placeholder?: string;
+    isMultiple?: boolean;
+    isDisabled?: boolean;
+    isSearchable?: boolean;
+    clear?: Clear;
+    searchFilterDelay?: number;
+    searchFilter?: SearchFilter;
+    shouldReturnObjectOnChange?: boolean;
+    onChange?: Function;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onClear?: Function;
+    valueRenderer?: ValueRenderer;
+    optionRenderer?: OptionRenderer;
+    expandToggleRenderer?: ExpandToggleRenderer;
+    clearIcon?: ReactElement;
+    noDataContent?: string | ReactElement;
+    isAutoHeightEnabled?: boolean;
+    autoHeightPosition?: "top" | "bottom";
+    listMaxHeightLimiter?: number;
+    styleClasses?: ZDropStyleClasses;
+}
+interface ZDropWithReferenceElementProps extends ZDropBaseProps {
+    referenceElementClassName?: string;
+    positionToReferenceElement?: "top" | "bottom";
+    isAutoHeightEnabled?: never;
+    autoHeightPosition?: never;
+}
+interface ZDropWithAutoHeightProps extends ZDropBaseProps {
+    referenceElementClassName?: never;
+    positionToReferenceElement?: never;
+    isAutoHeightEnabled?: true;
+    autoHeightPosition?: "top" | "bottom";
+}
+type ZDropProps = ZDropWithReferenceElementProps | ZDropWithAutoHeightProps;
+interface ZDropLabelProps {
+    name?: string;
+    label?: string | ReactElement;
+    className?: string;
+}
+interface ZDropListAutoHeightWrapperProps {
+    containerRef: RefObject<HTMLDivElement | null>;
+    position?: "top" | "bottom";
+    children: ReactNode;
+}
+interface ZDropListWrapperProps {
+    referenceElementClassName: string;
+    positionToReferenceElement?: "top" | "bottom";
+    listMaxHeightLimiter?: number;
+    children: ReactNode;
+}
+interface ZDropListProps {
+    options: ZDropOption[];
+    selectedValue: ZDropValue;
+    valueKey: string;
+    labelKey: string;
+    optionsRef: OptionsRef;
+    optionRenderer?: OptionRenderer;
+    onOptionClick: Function;
+    onOptionKeyDown: Function;
+    noDataContent?: string | ReactElement;
+    currentSearchedValue?: string;
+    listStyleClasses?: ListStyleClasses;
+    isListWrapperEnabled?: boolean;
+    isAutoHeightEnabled?: boolean;
+}
+interface ZDropListItemProps {
+    option: ZDropOption;
+    index: number;
+    children?: ReactElement;
+    labelKey?: string;
+    innerRef: Ref<HTMLLIElement | null>;
+    onOptionClick: Function;
+    onOptionKeyDown: Function;
+    className?: string;
+    optionClassName?: string;
+}
+interface ZDropListNoDataProps {
+    noDataContent?: string | ReactElement;
+    className?: string;
+}
+interface ZDropListVisibilityToggleProps {
+    expandToggleRenderer?: ExpandToggleRenderer;
+    onClick: MouseEventHandler<HTMLSpanElement>;
+    isListVisible: boolean;
+    toggleStyleClasses?: ToggleStyleClasses;
+}
+interface ZDropClearButtonProps {
+    hasValueChanged: boolean;
+    currentSearchedValue: string;
+    onInputClear: Function;
+    isListVisible: boolean;
+    isClearableOnlyWhenChange: boolean;
+    isClearableOnlyWhenSearch: boolean;
+    className?: string;
+    clearIcon?: ReactElement;
+}
+interface ZDropInputProps {
+    name: string;
+    options: ZDropOption[];
+    selectedValue: ZDropValue;
+    currentSearchedValue?: string;
+    setCurrentSearchedValue?: Function;
+    valueKey: string;
+    labelKey: string;
+    placeholder?: string;
+    isMultiple: boolean;
+    isDisabled: boolean;
+    isSearchable: boolean;
+    isListVisible: boolean;
+    setIsListVisible: Function;
+    isInputItemVisible: boolean;
+    valueRenderer?: ValueRenderer;
+    inputRef: RefObject<HTMLInputElement | null>;
+    inputRefMultipleValueRenderer: RefObject<HTMLInputElement | null>;
+    inputRefSingleValueRenderer: RefObject<HTMLInputElement | null>;
+    onInputClick: MouseEventHandler;
+    onInputItemClick: MouseEventHandler;
+    onInputKeyDown: KeyboardEventHandler;
+    onInputChange: ChangeEventHandler;
+    onInputOptionRemove: InputOptionRemove;
+    inputStyleClasses?: InputStyleClasses;
+}
+interface ZDropSingleInputProps {
+    name: string;
+    options: ZDropOption[];
+    selectedValue: ZDropSingleValue;
+    currentSearchedValue?: string;
+    setCurrentSearchedValue?: Function;
+    valueKey: string;
+    labelKey: string;
+    placeholder?: string;
+    isListVisible: boolean;
+    isDisabled?: boolean;
+    isSearchable?: boolean;
+    valueRenderer?: ValueRenderer;
+    inputRef: RefObject<HTMLInputElement | null>;
+    inputRefSingleValueRenderer: RefObject<HTMLInputElement | null>;
+    isInputItemVisible?: boolean;
+    onInputClick: MouseEventHandler;
+    onInputItemClick: MouseEventHandler;
+    onInputKeyDown: KeyboardEventHandler;
+    onInputChange: ChangeEventHandler;
+    onInputOptionRemove: InputOptionRemove;
+    inputClassName?: string;
+    inputValueClassName?: string;
+}
+interface ZDropSingleInputValueRendererProps {
+    name: string;
+    selectedValue: ZDropSingleValue;
+    selectedOption?: ZDropOption;
+    isSearchable: boolean;
+    valueRenderer: ValueRenderer;
+    inputValue: string | number;
+    isListVisible: boolean;
+    placeholder?: string;
+    inputRefSingleValueRenderer?: RefObject<HTMLInputElement | null>;
+    isInputItemVisible?: boolean;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onInputItemClick: MouseEventHandler<HTMLDivElement>;
+    onInputOptionRemove: InputOptionRemove;
+    inputValueClassName?: string;
+}
+interface ZDropMultipleInputProps {
+    isListVisible: boolean;
+    setIsListVisible: Function;
+    name: string;
+    selectedValue: ZDropMultipleValue;
+    valueKey: string;
+    labelKey: string;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isSearchable?: boolean;
+    currentSearchedValue?: string;
+    valueRenderer?: ValueRenderer;
+    inputRefMultipleValueRenderer: RefObject<HTMLInputElement | null>;
+    onInputClick: MouseEventHandler;
+    onInputKeyDown: KeyboardEventHandler;
+    onInputChange: ChangeEventHandler;
+    onInputOptionRemove: InputOptionRemove;
+    inputClassName?: string;
+    inputMultipleValueClassName?: string;
+    inputMultipleSearchClassName?: string;
+}
+interface ZDropMultipleInputItemProps {
+    option: ZDropOption;
+    labelType: string;
+    valueRenderer?: ValueRenderer;
+    onInputOptionRemove: InputOptionRemove;
+    inputMultipleValueClassName?: string;
+    isDisabled?: boolean;
+}
+interface ZDropDefaultSearchFilter {
+    options: ZDropOption[];
+    currentValue: string;
+    labelKey: string;
+}
+
+type ZDropFieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<ZDropProps, "value" | "onChange" | "name"> & {
+    control: Control<TFieldValues>;
+    name: Path<TFieldValues>;
+    rules?: RegisterOptions<TFieldValues, Path<TFieldValues>>;
+    onChangeTransform?: (zDropValue: unknown) => unknown;
+    valueSelector?: (fieldValue: unknown) => unknown;
+    errorClassName?: string;
+    errorRenderer?: (message: string) => React$1.ReactNode;
+};
+
+declare const ZDropField: <TFieldValues extends FieldValues = FieldValues>(props: ZDropFieldProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
+
+export { ZDropField as a };
+export type { Clear as C, ExpandToggleRenderer as E, InputOptionRemove as I, ListStyleClasses as L, OptionsRef as O, SearchFilter as S, ToggleStyleClasses as T, ValueRenderer as V, ZDropProps as Z, ZDropFieldProps as b, ZDropOption as c, ZDropSingleValue as d, ZDropMultipleValue as e, ZDropValue as f, OptionRenderer as g, InputStyleClasses as h, ZDropStyleClasses as i, ZDropBaseProps as j, ZDropWithReferenceElementProps as k, ZDropWithAutoHeightProps as l, ZDropLabelProps as m, ZDropListAutoHeightWrapperProps as n, ZDropListWrapperProps as o, ZDropListProps as p, ZDropListItemProps as q, ZDropListNoDataProps as r, ZDropListVisibilityToggleProps as s, ZDropClearButtonProps as t, ZDropInputProps as u, ZDropSingleInputProps as v, ZDropSingleInputValueRendererProps as w, ZDropMultipleInputProps as x, ZDropMultipleInputItemProps as y, ZDropDefaultSearchFilter as z };

package/dist/react-hook-form.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZGmLslf.js');
+var index = require('./index-Dj_Bur2b.js');
 require('react/jsx-runtime');
 require('react-hook-form');
 require('react');

package/dist/react-hook-form.d.ts

@@ -1,265 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Control, Path, RegisterOptions } from 'react-hook-form';
-import { ReactElement, FocusEventHandler, MouseEventHandler, RefObject, ReactNode, Ref, KeyboardEventHandler, ChangeEventHandler } from 'react';
-
-type ZDropOption = string | number | {
-    [key: string]: any;
-};
-type ZDropSingleValue = ZDropOption | null | undefined;
-type ZDropMultipleValue = ZDropOption[];
-type ZDropValue = ZDropSingleValue | ZDropMultipleValue;
-type OptionsRef = {
-    current: (HTMLLIElement | null)[];
-};
-type ValueRenderer = ({ option, onRemove, }: {
-    option: ZDropOption;
-    onRemove: MouseEventHandler;
-}) => ReactElement;
-type OptionRenderer = (option: ZDropOption, isSelected: boolean, currentSearchedValue: string | undefined) => ReactElement;
-type ExpandToggleRenderer = (isListVisible: boolean) => ReactElement;
-type InputOptionRemove = (e: React.MouseEvent | React.KeyboardEvent, option: ZDropOption) => void;
-type Clear = "always" | "whenChanged" | "whenSearched" | "none";
-interface InputStyleClasses {
-    input?: string;
-    inputValue?: string;
-    inputMultipleValue?: string;
-    inputMultipleSearch?: string;
-}
-interface ToggleStyleClasses {
-    expandToggle?: string;
-    expandToggleIcon?: string;
-}
-interface ListStyleClasses {
-    list?: string;
-    listItem?: string;
-    noData?: string;
-}
-interface ZDropStyleClasses extends InputStyleClasses, ToggleStyleClasses, ListStyleClasses {
-    container?: string;
-    label?: string;
-    inputField?: string;
-    clearButton?: string;
-    removeButton?: string;
-}
-type SearchFilter = ({ options, currentValue, labelKey, }: {
-    options: ZDropOption[];
-    currentValue: string;
-    labelKey: string;
-}) => ZDropOption[];
-interface ZDropBaseProps {
-    name: string;
-    options?: ZDropOption[];
-    value?: ZDropValue;
-    valueKey?: string;
-    label?: string | ReactElement;
-    labelKey?: string;
-    placeholder?: string;
-    isMultiple?: boolean;
-    isDisabled?: boolean;
-    isSearchable?: boolean;
-    clear?: Clear;
-    searchFilterDelay?: number;
-    searchFilter?: SearchFilter;
-    shouldReturnObjectOnChange?: boolean;
-    onChange?: Function;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    onClear?: Function;
-    valueRenderer?: ValueRenderer;
-    optionRenderer?: OptionRenderer;
-    expandToggleRenderer?: ExpandToggleRenderer;
-    clearIcon?: ReactElement;
-    noDataContent?: string | ReactElement;
-    isAutoHeightEnabled?: boolean;
-    autoHeightPosition?: "top" | "bottom";
-    listMaxHeightLimiter?: number;
-    styleClasses?: ZDropStyleClasses;
-}
-interface ZDropWithReferenceElementProps extends ZDropBaseProps {
-    referenceElementClassName?: string;
-    positionToReferenceElement?: "top" | "bottom";
-    isAutoHeightEnabled?: never;
-    autoHeightPosition?: never;
-}
-interface ZDropWithAutoHeightProps extends ZDropBaseProps {
-    referenceElementClassName?: never;
-    positionToReferenceElement?: never;
-    isAutoHeightEnabled?: true;
-    autoHeightPosition?: "top" | "bottom";
-}
-type ZDropProps = ZDropWithReferenceElementProps | ZDropWithAutoHeightProps;
-interface ZDropLabelProps {
-    name?: string;
-    label?: string | ReactElement;
-    className?: string;
-}
-interface ZDropListAutoHeightWrapperProps {
-    containerRef: RefObject<HTMLDivElement | null>;
-    position?: "top" | "bottom";
-    children: ReactNode;
-}
-interface ZDropListWrapperProps {
-    referenceElementClassName: string;
-    positionToReferenceElement?: "top" | "bottom";
-    listMaxHeightLimiter?: number;
-    children: ReactNode;
-}
-interface ZDropListProps {
-    options: ZDropOption[];
-    selectedValue: ZDropValue;
-    valueKey: string;
-    labelKey: string;
-    optionsRef: OptionsRef;
-    optionRenderer?: OptionRenderer;
-    onOptionClick: Function;
-    onOptionKeyDown: Function;
-    noDataContent?: string | ReactElement;
-    currentSearchedValue?: string;
-    listStyleClasses?: ListStyleClasses;
-    isListWrapperEnabled?: boolean;
-    isAutoHeightEnabled?: boolean;
-}
-interface ZDropListItemProps {
-    option: ZDropOption;
-    index: number;
-    children?: ReactElement;
-    labelKey?: string;
-    innerRef: Ref<HTMLLIElement | null>;
-    onOptionClick: Function;
-    onOptionKeyDown: Function;
-    className?: string;
-    optionClassName?: string;
-}
-interface ZDropListNoDataProps {
-    noDataContent?: string | ReactElement;
-    className?: string;
-}
-interface ZDropListVisibilityToggleProps {
-    expandToggleRenderer?: ExpandToggleRenderer;
-    onClick: MouseEventHandler<HTMLSpanElement>;
-    isListVisible: boolean;
-    toggleStyleClasses?: ToggleStyleClasses;
-}
-interface ZDropClearButtonProps {
-    hasValueChanged: boolean;
-    currentSearchedValue: string;
-    onInputClear: Function;
-    isListVisible: boolean;
-    isClearableOnlyWhenChange: boolean;
-    isClearableOnlyWhenSearch: boolean;
-    className?: string;
-    clearIcon?: ReactElement;
-}
-interface ZDropInputProps {
-    name: string;
-    options: ZDropOption[];
-    selectedValue: ZDropValue;
-    currentSearchedValue?: string;
-    setCurrentSearchedValue?: Function;
-    valueKey: string;
-    labelKey: string;
-    placeholder?: string;
-    isMultiple: boolean;
-    isDisabled: boolean;
-    isSearchable: boolean;
-    isListVisible: boolean;
-    setIsListVisible: Function;
-    isInputItemVisible: boolean;
-    valueRenderer?: ValueRenderer;
-    inputRef: RefObject<HTMLInputElement | null>;
-    inputRefMultipleValueRenderer: RefObject<HTMLInputElement | null>;
-    inputRefSingleValueRenderer: RefObject<HTMLInputElement | null>;
-    onInputClick: MouseEventHandler;
-    onInputItemClick: MouseEventHandler;
-    onInputKeyDown: KeyboardEventHandler;
-    onInputChange: ChangeEventHandler;
-    onInputOptionRemove: InputOptionRemove;
-    inputStyleClasses?: InputStyleClasses;
-}
-interface ZDropSingleInputProps {
-    name: string;
-    options: ZDropOption[];
-    selectedValue: ZDropSingleValue;
-    currentSearchedValue?: string;
-    setCurrentSearchedValue?: Function;
-    valueKey: string;
-    labelKey: string;
-    placeholder?: string;
-    isListVisible: boolean;
-    isDisabled?: boolean;
-    isSearchable?: boolean;
-    valueRenderer?: ValueRenderer;
-    inputRef: RefObject<HTMLInputElement | null>;
-    inputRefSingleValueRenderer: RefObject<HTMLInputElement | null>;
-    isInputItemVisible?: boolean;
-    onInputClick: MouseEventHandler;
-    onInputItemClick: MouseEventHandler;
-    onInputKeyDown: KeyboardEventHandler;
-    onInputChange: ChangeEventHandler;
-    onInputOptionRemove: InputOptionRemove;
-    inputClassName?: string;
-    inputValueClassName?: string;
-}
-interface ZDropSingleInputValueRendererProps {
-    name: string;
-    selectedValue: ZDropSingleValue;
-    selectedOption?: ZDropOption;
-    isSearchable: boolean;
-    valueRenderer: ValueRenderer;
-    inputValue: string | number;
-    isListVisible: boolean;
-    placeholder?: string;
-    inputRefSingleValueRenderer?: RefObject<HTMLInputElement | null>;
-    isInputItemVisible?: boolean;
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    onInputItemClick: MouseEventHandler<HTMLDivElement>;
-    onInputOptionRemove: InputOptionRemove;
-    inputValueClassName?: string;
-}
-interface ZDropMultipleInputProps {
-    isListVisible: boolean;
-    setIsListVisible: Function;
-    name: string;
-    selectedValue: ZDropMultipleValue;
-    valueKey: string;
-    labelKey: string;
-    placeholder?: string;
-    isDisabled?: boolean;
-    isSearchable?: boolean;
-    currentSearchedValue?: string;
-    valueRenderer?: ValueRenderer;
-    inputRefMultipleValueRenderer: RefObject<HTMLInputElement | null>;
-    onInputClick: MouseEventHandler;
-    onInputKeyDown: KeyboardEventHandler;
-    onInputChange: ChangeEventHandler;
-    onInputOptionRemove: InputOptionRemove;
-    inputClassName?: string;
-    inputMultipleValueClassName?: string;
-    inputMultipleSearchClassName?: string;
-}
-interface ZDropMultipleInputItemProps {
-    option: ZDropOption;
-    labelType: string;
-    valueRenderer?: ValueRenderer;
-    onInputOptionRemove: InputOptionRemove;
-    inputMultipleValueClassName?: string;
-    isDisabled?: boolean;
-}
-interface ZDropDefaultSearchFilter {
-    options: ZDropOption[];
-    currentValue: string;
-    labelKey: string;
-}
-
-type ZDropFieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<ZDropProps, "value" | "onChange" | "name"> & {
-    control: Control<TFieldValues>;
-    name: Path<TFieldValues>;
-    rules?: RegisterOptions<TFieldValues, Path<TFieldValues>>;
-    onChangeTransform?: (zDropValue: unknown) => unknown;
-    valueSelector?: (fieldValue: unknown) => unknown;
-    errorClassName?: string;
-    errorRenderer?: (message: string) => React.ReactNode;
-};
-declare function ZDropField<TFieldValues extends FieldValues = FieldValues>(props: ZDropFieldProps<TFieldValues>): react_jsx_runtime.JSX.Element;
-
-export { ZDropField };
-export type { Clear, ExpandToggleRenderer, InputOptionRemove, InputStyleClasses, ListStyleClasses, OptionRenderer, OptionsRef, SearchFilter, ToggleStyleClasses, ValueRenderer, ZDropBaseProps, ZDropClearButtonProps, ZDropDefaultSearchFilter, ZDropInputProps, ZDropLabelProps, ZDropListAutoHeightWrapperProps, ZDropListItemProps, ZDropListNoDataProps, ZDropListProps, ZDropListVisibilityToggleProps, ZDropListWrapperProps, ZDropMultipleInputItemProps, ZDropMultipleInputProps, ZDropMultipleValue, ZDropOption, ZDropProps, ZDropSingleInputProps, ZDropSingleInputValueRendererProps, ZDropSingleValue, ZDropStyleClasses, ZDropValue, ZDropWithAutoHeightProps, ZDropWithReferenceElementProps };
+export { C as Clear, E as ExpandToggleRenderer, I as InputOptionRemove, h as InputStyleClasses, L as ListStyleClasses, g as OptionRenderer, O as OptionsRef, S as SearchFilter, T as ToggleStyleClasses, V as ValueRenderer, j as ZDropBaseProps, t as ZDropClearButtonProps, z as ZDropDefaultSearchFilter, a as ZDropField, u as ZDropInputProps, m as ZDropLabelProps, n as ZDropListAutoHeightWrapperProps, q as ZDropListItemProps, r as ZDropListNoDataProps, p as ZDropListProps, s as ZDropListVisibilityToggleProps, o as ZDropListWrapperProps, y as ZDropMultipleInputItemProps, x as ZDropMultipleInputProps, e as ZDropMultipleValue, c as ZDropOption, Z as ZDropProps, v as ZDropSingleInputProps, w as ZDropSingleInputValueRendererProps, d as ZDropSingleValue, i as ZDropStyleClasses, f as ZDropValue, l as ZDropWithAutoHeightProps, k as ZDropWithReferenceElementProps } from './integrations-react-hook-form.d-ChOcioDB.js';
+import 'react/jsx-runtime';
+import 'react-hook-form';
+import 'react';

package/dist/react-hook-form.esm.js

@@ -1,4 +1,4 @@
-export { Z as ZDropField } from './index-BiSP8JEr.js';
+export { Z as ZDropField } from './index-PxtqADBM.js';
 import 'react/jsx-runtime';
 import 'react-hook-form';
 import 'react';

package/dist/types/components/ZDrop/integrations/react-hook-form/ZDropField/index.d.ts

@@ -1,13 +1,4 @@
-import { Control, FieldValues, Path, type RegisterOptions } from "react-hook-form";
-import type { ZDropProps } from "../../../types/zDropTypes";
-export type ZDropFieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<ZDropProps, "value" | "onChange" | "name"> & {
-    control: Control<TFieldValues>;
-    name: Path<TFieldValues>;
-    rules?: RegisterOptions<TFieldValues, Path<TFieldValues>>;
-    onChangeTransform?: (zDropValue: unknown) => unknown;
-    valueSelector?: (fieldValue: unknown) => unknown;
-    errorClassName?: string;
-    errorRenderer?: (message: string) => React.ReactNode;
-};
-export declare function ZDropField<TFieldValues extends FieldValues = FieldValues>(props: ZDropFieldProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+import { FieldValues } from "react-hook-form";
+import { ZDropFieldProps } from "./types/zDropFieldTypes";
+export declare const ZDropField: <TFieldValues extends FieldValues = FieldValues>(props: ZDropFieldProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export default ZDropField;

package/dist/types/components/ZDrop/integrations/react-hook-form/ZDropField/types/zDropFieldTypes.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+import type { Control, FieldValues, Path, RegisterOptions } from "react-hook-form";
+import type { ZDropProps } from "../../../../types/zDropTypes";
+export type ZDropFieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<ZDropProps, "value" | "onChange" | "name"> & {
+    control: Control<TFieldValues>;
+    name: Path<TFieldValues>;
+    rules?: RegisterOptions<TFieldValues, Path<TFieldValues>>;
+    onChangeTransform?: (zDropValue: unknown) => unknown;
+    valueSelector?: (fieldValue: unknown) => unknown;
+    errorClassName?: string;
+    errorRenderer?: (message: string) => React.ReactNode;
+};

package/dist/types/components/ZRange/helpers/getFractionDigitsFromStep.d.ts

@@ -0,0 +1 @@
+export declare const getFractionDigitsFromStep: (step: number) => number;

package/dist/types/components/ZRange/integrations/react-hook-form/ZRangeField/index.d.ts

@@ -0,0 +1,7 @@
+import { type FieldValues, type FieldPath } from "react-hook-form";
+import type { ZRangeFieldProps } from "./types/zRangeFieldTypes";
+type FormUpdateTrigger = "select" | "change";
+export declare const ZRangeField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: ZRangeFieldProps<TFieldValues, TName> & {
+    commitMode?: FormUpdateTrigger;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ZRangeField;

package/dist/types/components/ZRange/integrations/react-hook-form/ZRangeField/types/zRangeFieldTypes.d.ts

@@ -0,0 +1,17 @@
+import type { Control, FieldPath, FieldValues, RegisterOptions } from "react-hook-form";
+import type { ZRangeProps, ZRangeRangeValue } from "../../../../types/zRangeTypes";
+import { ReactNode } from "react";
+type ZRangeFieldBaseProps = Omit<ZRangeProps, "value" | "name" | "onChange" | "onSelect">;
+export type ZRangeFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = ZRangeFieldBaseProps & {
+    control: Control<TFieldValues>;
+    name: TName;
+    rules?: RegisterOptions<TFieldValues, TName>;
+    defaultValue?: ZRangeRangeValue;
+    shouldUnregister?: boolean;
+    onValueChange?: (value: ZRangeRangeValue, name: string) => void;
+    onValueSelect?: (value: ZRangeRangeValue, name: string) => void;
+    hideError?: boolean;
+    errorClassName?: string;
+    errorRenderer?: (message: string) => ReactNode;
+};
+export {};

package/dist/types/index.d.ts

@@ -1,7 +1,10 @@
 export { default as ZDrop } from "./components/ZDrop";
-export { ZDropField } from "./components/ZDrop/integrations/react-hook-form/ZDropField";
-export { default as ZDropButton } from "./components/ZDropButton";
-export { default as ZRange } from "./components/ZRange";
 export type * from "./components/ZDrop/types/zDropTypes";
+export { default as ZDropField } from "./components/ZDrop/integrations/react-hook-form/ZDropField";
+export type { ZDropFieldProps } from "./components/ZDrop/integrations/react-hook-form/ZDropField/types/zDropFieldTypes";
+export { default as ZDropButton } from "./components/ZDropButton";
 export type * from "./components/ZDropButton/types/zDropButtonTypes";
+export { default as ZRange } from "./components/ZRange";
 export type * from "./components/ZRange/types/zRangeTypes";
+export { default as ZRangeField } from "./components/ZRange/integrations/react-hook-form/ZRangeField";
+export type { ZRangeFieldProps } from "./components/ZRange/integrations/react-hook-form/ZRangeField/types/zRangeFieldTypes";