@g4rcez/components 4.1.1 → 4.1.3

package/dist/hooks/use-click-outside.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+export const useOnClickOutside = (ref, handler) => {
+    useEffect(() => {
+        const listener = (event) => {
+            if (!ref.current || ref.current.contains(event.target))
+                return;
+            handler(event);
+        };
+        const params = { passive: true };
+        document.addEventListener("mousedown", listener, params);
+        document.addEventListener("touchstart", listener, params);
+        return () => {
+            document.removeEventListener("mousedown", listener);
+            document.removeEventListener("touchstart", listener);
+        };
+    }, [ref, handler]);
+};

package/dist/hooks/use-color-parser.d.ts

@@ -0,0 +1,2 @@
+export declare const useColorParser: () => (v: string) => `hsla(${string})`;
+//# sourceMappingURL=use-color-parser.d.ts.map

package/dist/hooks/use-color-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-parser.d.ts","sourceRoot":"","sources":["../../src/hooks/use-color-parser.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,wCAI1B,CAAC"}

package/dist/hooks/use-color-parser.js

@@ -0,0 +1,9 @@
+import { useContext } from "react";
+import { Context } from "../config/context";
+import { parsers } from "../styles/design-tokens";
+export const useColorParser = () => {
+    const ctx = useContext(Context);
+    if (!ctx)
+        return parsers.hsla;
+    return ctx.parser;
+};

package/dist/hooks/use-components-provider.d.ts

@@ -0,0 +1,15 @@
+import React, { PropsWithChildren } from "react";
+import { Locales } from "the-mask-input";
+import { parsers } from "../styles/design-tokens";
+import { ContextProps } from "../config/context";
+import { Translations } from "../config/default-translations";
+import { Tweaks } from "../config/default-tweaks";
+export type ContextType = Partial<{
+    tweaks: Tweaks;
+    map: Translations;
+    locale: Locales | undefined;
+    parser: typeof parsers.hsla;
+    floatingRef?: HTMLElement | null;
+}>;
+export declare const ComponentsProvider: (props: PropsWithChildren<ContextProps>) => React.JSX.Element;
+//# sourceMappingURL=use-components-provider.d.ts.map

package/dist/hooks/use-components-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-components-provider.d.ts","sourceRoot":"","sources":["../../src/hooks/use-components-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAW,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAuB,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAiB,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,sBAkBxE,CAAC"}

package/dist/hooks/use-components-provider.jsx

@@ -0,0 +1,22 @@
+"use client";
+import React, { useMemo } from "react";
+import { IconContext } from "@phosphor-icons/react";
+import { parsers } from "../styles/design-tokens";
+import { Context } from "../config/context";
+import { defaultTranslations } from "../config/default-translations";
+import { defaultTweaks } from "../config/default-tweaks";
+import { ModalConfirmProvider } from "../components/floating/modal";
+export const ComponentsProvider = (props) => {
+    const memoMap = useMemo(() => ({
+        locale: props.locale,
+        floatingRef: props.rootFloating,
+        tweaks: { ...defaultTweaks, ...props.tweaks },
+        parser: props.parser || parsers.hsla,
+        map: { ...defaultTranslations, ...props.map },
+    }), [props]);
+    return (<IconContext.Provider value={{ weight: props.iconWeight ?? "regular" }}>
+            <Context.Provider value={memoMap}>
+                <ModalConfirmProvider>{props.children}</ModalConfirmProvider>
+            </Context.Provider>
+        </IconContext.Provider>);
+};

package/dist/hooks/use-debounce.d.ts

@@ -0,0 +1,5 @@
+type Fn = (...a: never[]) => unknown;
+export declare const debounce: <T extends Fn>(fn: T, ms?: number) => ((...args: Parameters<T>) => void);
+export declare function useDebounce<T extends Fn>(fn: T, delay: number): (...args: Parameters<T>) => void;
+export {};
+//# sourceMappingURL=use-debounce.d.ts.map

package/dist/hooks/use-debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC;AAErC,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,EAAE,WAAM,KAAG,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMvF,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,+BARsB,IAAI,CAWvF"}

package/dist/hooks/use-debounce.js

@@ -0,0 +1,12 @@
+import { useRef } from "react";
+export const debounce = (fn, ms = 0) => {
+    let timeoutId = undefined;
+    return function debounced(...args) {
+        clearTimeout(timeoutId);
+        timeoutId = setTimeout(() => fn(...args), ms);
+    };
+};
+export function useDebounce(fn, delay) {
+    const debouncedValue = useRef(debounce(fn, delay));
+    return debouncedValue.current;
+}

package/dist/hooks/use-floating-ref.d.ts

@@ -0,0 +1,2 @@
+export declare const useFloatingRef: () => HTMLElement | undefined;
+//# sourceMappingURL=use-floating-ref.d.ts.map

package/dist/hooks/use-floating-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-ref.d.ts","sourceRoot":"","sources":["../../src/hooks/use-floating-ref.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,+BAG1B,CAAC"}

package/dist/hooks/use-floating-ref.js

@@ -0,0 +1,6 @@
+import { useContext } from "react";
+import { Context } from "../config/context";
+export const useFloatingRef = () => {
+    const ctx = useContext(Context);
+    return ctx.floatingRef ?? undefined;
+};

package/dist/hooks/use-form.d.ts

@@ -0,0 +1,394 @@
+import React, { type ComponentProps } from "react";
+import { type AllPaths } from "sidekicker";
+import { z } from "zod";
+import { AutocompleteProps, CheckboxProps, DatePickerProps, InputProps, MultiSelectProps, SelectProps, SwitchProps, TextareaProps } from "../components";
+import { Any, SetState } from "../types";
+/**
+ * Converts a form element to a JSON object
+ * @param form - The HTML form element to convert
+ * @returns A JSON object representing the form data
+ */
+export declare const formToJson: (form: HTMLFormElement) => Record<string, unknown>;
+export declare const getSchemaShape: <T extends z.ZodObject<z.ZodRawShape>>(name: string, schema: T) => z.ZodTypeAny;
+type CustomOnInvalid = (args: {
+    form: HTMLFormElement;
+    errors: Record<string, string>;
+}) => void;
+export type UseOnSubmitArgs<T> = {
+    data: T;
+    json: Record<string, unknown>;
+    success: boolean;
+    reset: () => void;
+    form: HTMLFormElement;
+    setErrors: SetState<Record<string, unknown> | null>;
+    event: React.FormEvent<HTMLFormElement>;
+    errors: Array<{
+        message: string;
+        path: string[];
+    }>;
+};
+export type UseFormSubmit<T> = (event: React.FormEvent<HTMLFormElement>, args: UseOnSubmitArgs<T>) => unknown;
+type Interceptor<T> = {
+    get: () => T;
+    clear: () => void;
+    set: (state: T) => void;
+};
+export type UseFormOptions<T> = Partial<{
+    loading: boolean;
+    useOnChange: boolean;
+    interceptor: Interceptor<T>;
+    state: T | Partial<T> | (() => T | Partial<T>);
+}>;
+/**
+ * Creates a form storage interceptor for persisting form state
+ * @param name - The unique name for the form storage
+ * @returns An interceptor object with get, set, and clear methods
+ */
+export declare const createFormStorage: (name: string) => Interceptor<Any>;
+/**
+ * A comprehensive form management hook with Zod schema validation.
+ *
+ * Provides form state management, validation, and component binding for React forms.
+ * Supports automatic validation, error handling, and form persistence.
+ *
+ * @example
+ * ```tsx
+ * const schema = z.object({
+ *   name: z.string().min(1, "Name is required"),
+ *   email: z.string().email("Invalid email"),
+ *   age: z.number().min(18, "Must be 18 or older")
+ * });
+ *
+ * const MyForm = () => {
+ *   const form = useForm(schema, "user-form");
+ *
+ *   return (
+ *     <form {...form.controller()} onSubmit={form.onSubmit((e, { data }) => {
+ *       console.log("Form data:", data);
+ *     })}>
+ *       <Input {...form.input("name")} placeholder="Name" />
+ *       <Input {...form.input("email")} type="email" placeholder="Email" />
+ *       <Input {...form.input("age")} type="number" placeholder="Age" />
+ *       <Button type="submit">Submit</Button>
+ *     </form>
+ *   );
+ * };
+ * ```
+ *
+ * @template T - The Zod schema type
+ * @param schema - Zod schema for form validation
+ * @param formName - Unique identifier for the form
+ * @param opts - Optional configuration including initial state and interceptors
+ * @returns Form management object with input helpers and handlers
+ */
+export declare const useForm: <T extends z.ZodObject<z.ZodRawShape>>(schema: T, formName: string, opts?: UseFormOptions<z.infer<T>>) => {
+    get: (p: AllPaths<z.TypeOf<T>>) => any;
+    input: <Props extends InputProps>(name: AllPaths<z.TypeOf<T>>, props?: Props) => Props;
+    state: z.TypeOf<T>;
+    errors: Record<string, unknown> | null;
+    select: <Props extends SelectProps | AutocompleteProps>(name: AllPaths<z.TypeOf<T>>, props?: Props) => Props;
+    checkbox: <Props extends CheckboxProps | SwitchProps>(name: AllPaths<z.TypeOf<T>>, props?: Props) => Props;
+    onSubmit: (exec?: UseFormSubmit<z.infer<T>>) => (event: React.FormEvent<HTMLFormElement>) => unknown;
+    setState: React.Dispatch<React.SetStateAction<z.TypeOf<T>>>;
+    textarea: <Props extends TextareaProps>(name: AllPaths<z.TypeOf<T>>, props?: Props) => Props;
+    onInvalid: (exec?: CustomOnInvalid) => (event: React.FormEvent<HTMLFormElement>) => void;
+    controller: (props?: ComponentProps<"form">) => {
+        id: string;
+        name: string;
+        ref?: React.Ref<HTMLFormElement> | undefined;
+        key?: React.Key | null | undefined;
+        acceptCharset?: string | undefined;
+        action?: string | undefined | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
+        autoComplete?: string | undefined;
+        encType?: string | undefined;
+        method?: string | undefined;
+        noValidate?: boolean | undefined;
+        target?: string | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: boolean | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: React.CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        role?: React.AriaRole | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        color?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+        popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: React.ReactNode | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+        onCut?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+        onPaste?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<HTMLFormElement> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLFormElement> | undefined;
+        onFocus?: React.FocusEventHandler<HTMLFormElement> | undefined;
+        onFocusCapture?: React.FocusEventHandler<HTMLFormElement> | undefined;
+        onBlur?: React.FocusEventHandler<HTMLFormElement> | undefined;
+        onBlurCapture?: React.FocusEventHandler<HTMLFormElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLFormElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLFormElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLFormElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLFormElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLFormElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLFormElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLFormElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLFormElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoad?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoadCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onError?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onErrorCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<HTMLFormElement> | undefined;
+        onAbort?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onAbortCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onCanPlay?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onDurationChange?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onEmptied?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onEncrypted?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onEnded?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onEndedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoadedData?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoadStart?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onPause?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onPauseCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onPlay?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onPlayCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onPlaying?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onProgress?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onProgressCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onRateChange?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSeeked?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSeeking?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onStalled?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onStalledCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSuspend?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onVolumeChange?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onWaiting?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onAuxClick?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onClick?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onClickCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onContextMenu?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onDoubleClick?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onDrag?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragEnd?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragEndCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragEnter?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragExit?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragExitCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragLeave?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragOver?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragOverCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragStart?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDragStartCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDrop?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onDropCapture?: React.DragEventHandler<HTMLFormElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseMove?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseOut?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseOver?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseUp?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<HTMLFormElement> | undefined;
+        onSelect?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onSelectCapture?: React.ReactEventHandler<HTMLFormElement> | undefined;
+        onTouchCancel?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onTouchEnd?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onTouchMove?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onTouchStart?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<HTMLFormElement> | undefined;
+        onPointerDown?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerMove?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerUp?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerCancel?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerEnter?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerLeave?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerOver?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerOut?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLFormElement> | undefined;
+        onScroll?: React.UIEventHandler<HTMLFormElement> | undefined;
+        onScrollCapture?: React.UIEventHandler<HTMLFormElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLFormElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLFormElement> | undefined;
+        onWheel?: React.WheelEventHandler<HTMLFormElement> | undefined;
+        onWheelCapture?: React.WheelEventHandler<HTMLFormElement> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLFormElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLFormElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLFormElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+        onTransitionEnd?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+        onTransitionEndCapture?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLFormElement> | undefined;
+    };
+    datepicker: (name: AllPaths<z.TypeOf<T>>, props?: DatePickerProps) => DatePickerProps;
+    name: string;
+    multiselect: <Props extends MultiSelectProps>(name: AllPaths<z.TypeOf<T>>, props?: Props) => Props;
+    disabled: boolean;
+};
+export declare const getJsonForm: <T extends z.ZodObject<z.ZodRawShape>>(form?: HTMLFormElement | null) => z.infer<T>;
+export {};
+//# sourceMappingURL=use-form.d.ts.map

package/dist/hooks/use-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["../../src/hooks/use-form.ts"],"names":[],"mappings":"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"}