@povio/ui 0.0.1

package/src/config/i18n.d.ts

@@ -0,0 +1,315 @@
+export declare const ns = "ui";
+export declare const resources: {
+    readonly en: {
+        readonly ui: {
+            ui: {
+                openAlt: string;
+                closeAlt: string;
+                clearAlt: string;
+                loadingState: {
+                    text: string;
+                };
+                select: {
+                    closeAlt: string;
+                    selectAll: string;
+                    clearSelection: string;
+                    allOption: string;
+                    search: string;
+                    clearSearch: string;
+                };
+                datePicker: {
+                    today: string;
+                    clear: string;
+                    save: string;
+                    presets: {
+                        thisWeek: string;
+                        lastWeek: string;
+                        thisAndLastWeek: string;
+                        thisMonth: string;
+                        thisAndLastMonth: string;
+                        thisYear: string;
+                        lastYear: string;
+                        thisAndLastYear: string;
+                        soFar: string;
+                    };
+                    errors: {
+                        endDateBeforeStart: string;
+                    };
+                };
+                modal: {
+                    closeBtn: string;
+                };
+                autocomplete: {
+                    createNewBtn: string;
+                };
+                password: {
+                    reveal: string;
+                    hide: string;
+                };
+                textEditor: {
+                    textStyle: {
+                        label: string;
+                        normal: string;
+                        heading1: string;
+                        heading2: string;
+                        heading3: string;
+                        heading4: string;
+                        heading5: string;
+                        heading6: string;
+                    };
+                    marks: {
+                        bold: string;
+                        italic: string;
+                        underline: string;
+                        strikethrough: string;
+                    };
+                    textAlign: {
+                        label: string;
+                        left: string;
+                        center: string;
+                        right: string;
+                        justify: string;
+                    };
+                    link: {
+                        label: string;
+                        apply: string;
+                        remove: string;
+                        urlLabel: string;
+                        urlPlaceholder: string;
+                    };
+                };
+                tag: {
+                    dismiss: string;
+                };
+                clearInput: string;
+                pagination: {
+                    nextBtn: string;
+                    backBtn: string;
+                    firstBtn: string;
+                    lastBtn: string;
+                    resultsPerPage: string;
+                };
+                confirmation: {
+                    cancel: string;
+                    confirm: string;
+                };
+                fileUpload: {
+                    emptyText: string;
+                    uploadText: string;
+                    browse: string;
+                    noFileUploaded: string;
+                    upload: string;
+                    uploadFile: string;
+                    or: string;
+                    removeFile: string;
+                    cancel: string;
+                };
+                table: {
+                    column: string;
+                    show: string;
+                    configureColumns: string;
+                };
+            };
+            zodErrors: {
+                required: string;
+                invalid: string;
+                string: {
+                    includes: string;
+                    startsWith: string;
+                    endsWith: string;
+                    constraint: string;
+                    contains: string;
+                    containsAtLeast: string;
+                    containsOver: string;
+                    containsAtMost: string;
+                    containsUnder: string;
+                };
+                array: {
+                    contains: string;
+                    containsAtLeast: string;
+                    containsMoreThan: string;
+                    containsAtMost: string;
+                    containsLessThan: string;
+                };
+                number: {
+                    exact: string;
+                    greaterThanOrEqual: string;
+                    greaterThan: string;
+                    over: string;
+                    lessThanOrEqual: string;
+                    lessThan: string;
+                    multipleOf: string;
+                };
+                date: {
+                    invalid: string;
+                    exact: string;
+                    greaterThanOrEqual: string;
+                    greaterThan: string;
+                    smallerThanOrEqual: string;
+                    smallerThan: string;
+                };
+            };
+            sharedErrors: {
+                dataValidation: string;
+                internalError: string;
+                networkError: string;
+                canceledError: string;
+                unknownError: string;
+            };
+        };
+    };
+    readonly sl: {
+        readonly ui: {
+            ui: {
+                openAlt: string;
+                closeAlt: string;
+                clearAlt: string;
+                loadingState: {
+                    text: string;
+                };
+                select: {
+                    closeAlt: string;
+                    selectAll: string;
+                    clearSelection: string;
+                    allOption: string;
+                    search: string;
+                    clearSearch: string;
+                };
+                datePicker: {
+                    today: string;
+                    clear: string;
+                    save: string;
+                    presets: {
+                        thisWeek: string;
+                        lastWeek: string;
+                        thisAndLastWeek: string;
+                        thisMonth: string;
+                        thisAndLastMonth: string;
+                        thisYear: string;
+                        lastYear: string;
+                        thisAndLastYear: string;
+                        soFar: string;
+                    };
+                    errors: {
+                        endDateBeforeStart: string;
+                    };
+                };
+                modal: {
+                    closeBtn: string;
+                };
+                autocomplete: {
+                    createNewBtn: string;
+                };
+                password: {
+                    reveal: string;
+                    hide: string;
+                };
+                textEditor: {
+                    textStyle: {
+                        label: string;
+                        normal: string;
+                        heading1: string;
+                        heading2: string;
+                        heading3: string;
+                        heading4: string;
+                        heading5: string;
+                        heading6: string;
+                    };
+                    marks: {
+                        bold: string;
+                        italic: string;
+                        underline: string;
+                        strikethrough: string;
+                    };
+                    textAlign: {
+                        label: string;
+                        left: string;
+                        center: string;
+                        right: string;
+                        justify: string;
+                    };
+                    link: {
+                        label: string;
+                        apply: string;
+                        remove: string;
+                        urlLabel: string;
+                        urlPlaceholder: string;
+                    };
+                };
+                pagination: {
+                    nextBtn: string;
+                    backBtn: string;
+                    firstBtn: string;
+                    lastBtn: string;
+                    resultsPerPage: string;
+                };
+                confirmation: {
+                    cancel: string;
+                    confirm: string;
+                };
+                fileUpload: {
+                    emptyText: string;
+                    uploadText: string;
+                    browse: string;
+                    noFileUploaded: string;
+                    upload: string;
+                    uploadFile: string;
+                    or: string;
+                    removeFile: string;
+                    cancel: string;
+                };
+                table: {
+                    column: string;
+                    show: string;
+                    configureColumns: string;
+                };
+            };
+            zodErrors: {
+                required: string;
+                invalid: string;
+                string: {
+                    includes: string;
+                    startsWith: string;
+                    endsWith: string;
+                    constraint: string;
+                    contains: string;
+                    containsAtLeast: string;
+                    containsOver: string;
+                    containsAtMost: string;
+                    containsUnder: string;
+                };
+                array: {
+                    contains: string;
+                    containsAtLeast: string;
+                    containsMoreThan: string;
+                    containsAtMost: string;
+                    containsLessThan: string;
+                };
+                number: {
+                    exact: string;
+                    greaterThanOrEqual: string;
+                    greaterThan: string;
+                    over: string;
+                    lessThanOrEqual: string;
+                    lessThan: string;
+                    multipleOf: string;
+                };
+                date: {
+                    invalid: string;
+                    exact: string;
+                    greaterThanOrEqual: string;
+                    greaterThan: string;
+                    smallerThanOrEqual: string;
+                    smallerThan: string;
+                };
+            };
+            sharedErrors: {
+                dataValidation: string;
+                internalError: string;
+                networkError: string;
+                canceledError: string;
+                unknownError: string;
+            };
+        };
+    };
+};

package/src/config/router.context.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import { UrlObject } from 'url';
+interface UIRouterProviderProps {
+    push: (url: UrlObject | string) => Promise<boolean>;
+    replace: (url: UrlObject | string) => Promise<boolean>;
+    query: NodeJS.Dict<string | string[]>;
+    pathname: string;
+}
+interface UIRouterContextValue {
+    push: (url: UrlObject | string) => Promise<boolean>;
+    replace: (url: UrlObject | string) => Promise<boolean>;
+    pathname: string;
+    query: NodeJS.Dict<string | string[]>;
+    searchParams: URLSearchParams;
+}
+export declare namespace UIRouter {
+    const UIRouterProvider: ({ children, pathname, push, query, replace, }: PropsWithChildren<UIRouterProviderProps>) => import("react/jsx-runtime").JSX.Element;
+    const useUIRouter: () => UIRouterContextValue;
+}
+export {};

package/src/config/uiConfig.context.d.ts

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react';
+import { CheckboxProps } from '#ui/components/inputs/Checkbox/Checkbox';
+import { NumberInputProps } from '#ui/components/inputs/Input/NumberInput/NumberInput';
+import { TextInputProps } from '#ui/components/inputs/Input/TextInput/TextInput';
+import { RadioGroupProps } from '#ui/components/inputs/RadioGroup/RadioGroup';
+import { SelectBaseProps } from '#ui/components/inputs/Selection/shared/SelectBase';
+import { SliderProps } from '#ui/components/inputs/Slider/Slider';
+import { ToggleProps } from '#ui/components/inputs/Toggle/Toggle';
+export declare namespace UIConfig {
+    type DeepRequired<T> = {
+        [P in keyof T]-?: T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>;
+    };
+    export interface Options {
+        input: Pick<TextInputProps, "variant" | "isClearable" | "hideLabel" | "as" | "size">;
+        numberInput: Pick<NumberInputProps, "formatOptions">;
+        radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel">;
+        checkbox: Pick<CheckboxProps, "variant">;
+        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable">;
+        toggle: Pick<ToggleProps, "variant">;
+        slider: Pick<SliderProps, "minValue" | "maxValue">;
+    }
+    interface ProviderProps {
+        config?: Partial<Options>;
+    }
+    export const Provider: ({ config, children }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
+    export const useConfig: () => DeepRequired<Options>;
+    export {};
+}

package/src/config/uiStyle.context.d.ts

@@ -0,0 +1,84 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { PropsWithChildren } from 'react';
+import { ButtonVariantProps } from '#ui/components/buttons/Button/button.cva';
+import { PillButtonVariants } from '#ui/components/buttons/PillButton/pillButton.cva';
+import { CheckboxVariantProps } from '#ui/components/inputs/Checkbox/checkbox.cva';
+import { RadioVariantProps } from '#ui/components/inputs/RadioGroup/radio.cva';
+import { InputBaseProps, InputSideProps, InputSizeProps } from '#ui/components/inputs/shared/input.cva';
+import { LabelBaseProps } from '#ui/components/inputs/shared/label.cva';
+import { ToggleVariantProps } from '#ui/components/inputs/Toggle/toggle.cva';
+import { AlertVariantProps } from '#ui/components/status/Alert/alert.cva';
+import { ToastVariantProps } from '#ui/components/status/Toast/toast.cva';
+import { TableDataVariantProps, TableHeadRowVariantProps, TableRowVariantProps } from '#ui/components/table/table.cva';
+import { LinkVariantProps } from '#ui/components/text/Link/link.cva';
+import { TagVariantProps } from '#ui/components/text/Tag/tag.cva';
+import { TypographyVariantProps } from '#ui/components/text/Typography/typography.cva';
+import { CompoundMapper } from '#ui/utils/compoundMapper';
+export declare namespace UIStyle {
+    export type Cva<T> = (props: T & ClassProp) => string;
+    interface Options {
+        button: {
+            cva?: Cva<ButtonVariantProps>;
+            sizeCva?: Cva<ButtonVariantProps>;
+            contentCva?: Cva<ButtonVariantProps>;
+            iconSize?: Cva<Pick<ButtonVariantProps, "size">>;
+            typography?: CompoundMapper<TypographyVariantProps, ButtonVariantProps>;
+        };
+        pillButton: {
+            cva?: Cva<PillButtonVariants>;
+            typography?: CompoundMapper<TypographyVariantProps, PillButtonVariants>;
+        };
+        checkbox: {
+            cva?: Cva<CheckboxVariantProps>;
+            typography?: CompoundMapper<TypographyVariantProps, CheckboxVariantProps>;
+        };
+        radio: {
+            cva?: Cva<RadioVariantProps>;
+            typography?: CompoundMapper<TypographyVariantProps, RadioVariantProps>;
+        };
+        status: {
+            iconCva?: Cva<ToastVariantProps>;
+            separatorCva?: Cva<ToastVariantProps>;
+        };
+        toast: {
+            cva?: Cva<ToastVariantProps>;
+            buttonColor?: CompoundMapper<Pick<ButtonVariantProps, "color" | "inverted">, ToastVariantProps>;
+        };
+        alert: {
+            cva?: Cva<AlertVariantProps>;
+        };
+        input: {
+            baseCva?: Cva<InputBaseProps>;
+            sizeCva?: Cva<InputSizeProps>;
+            sideCva?: Cva<InputSideProps>;
+        };
+        label: {
+            cva?: Cva<LabelBaseProps>;
+            typography?: CompoundMapper<TypographyVariantProps, LabelBaseProps>;
+        };
+        toggle: {
+            cva?: Cva<ToggleVariantProps>;
+            typography?: CompoundMapper<TypographyVariantProps, ToggleVariantProps>;
+        };
+        typography: {
+            cva?: Cva<TypographyVariantProps>;
+        };
+        link: {
+            cva?: Cva<LinkVariantProps>;
+        };
+        tag: {
+            cva?: Cva<TagVariantProps>;
+        };
+        table: {
+            headRowCva?: Cva<TableHeadRowVariantProps>;
+            rowCva?: Cva<TableRowVariantProps>;
+            dataCva?: Cva<TableDataVariantProps>;
+        };
+    }
+    interface ProviderProps {
+        config?: Partial<Options>;
+    }
+    export const Provider: ({ children, config }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
+    export const useConfig: () => Partial<Options> | null | undefined;
+    export {};
+}

package/src/helpers/dynamicColumns.d.ts

@@ -0,0 +1,44 @@
+import { CellContext, ColumnDef, ColumnMeta } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+import { FieldPath } from 'react-hook-form';
+import { z } from 'zod';
+type NestedTypeFromKey<T, K extends string> = K extends keyof T ? T[K] : K extends `${infer First}.${infer Rest}` ? First extends keyof T ? NestedTypeFromKey<T[First], Rest> : never : never;
+type SchemaType<TSchema extends z.ZodObject<any>> = z.infer<TSchema>;
+type SchemaKey<TSchema extends z.ZodObject<any>> = keyof SchemaType<TSchema>;
+type NestedSchemaKey<TSchema extends z.ZodObject<any>> = FieldPath<SchemaType<TSchema>>;
+type SchemaValue<TSchema extends z.ZodObject<any>> = SchemaType<TSchema>[SchemaKey<TSchema>];
+type ColumnMetaType<TSchema extends z.ZodObject<any>> = ColumnMeta<SchemaType<TSchema>, SchemaValue<TSchema>>;
+type GetNestedValueType<TSchema extends z.ZodObject<any>, K extends string> = NestedTypeFromKey<SchemaType<TSchema>, K>;
+type NestedSchemaKeyOrString<TSchema extends z.ZodObject<any>> = NestedSchemaKey<TSchema> | (string & {});
+type DynamicColumnDef<TSchema extends z.ZodObject<any>, TValue = any> = Omit<ColumnDef<SchemaType<TSchema>, TValue>, "accessorKey" | "cell"> & {
+    cell?: ((props: CellContext<SchemaType<TSchema>, TValue>) => any) | NestedSchemaKey<TSchema>;
+};
+type ColumnsConfig<TSchema extends z.ZodObject<any>> = {
+    [K in NestedSchemaKey<TSchema>]?: DynamicColumnDef<TSchema, GetNestedValueType<TSchema, K>> | ((props: CellContext<SchemaType<TSchema>, GetNestedValueType<TSchema, K>>) => any) | NestedSchemaKey<TSchema> | boolean;
+};
+type CustomColumnDef<TSchema extends z.ZodObject<any>> = Omit<ColumnDef<SchemaType<TSchema>, any>, "accessorKey" | "cell"> & {
+    accessorKey?: NestedSchemaKeyOrString<TSchema>;
+    cell?: ((props: CellContext<SchemaType<TSchema>, any>) => any) | NestedSchemaKey<TSchema>;
+};
+type CustomColumnsConfig<TSchema extends z.ZodObject<any>> = Record<string, CustomColumnDef<TSchema> | ((props: CellContext<SchemaType<TSchema>, undefined>) => any) | NestedSchemaKey<TSchema>>;
+export interface DynamicColumnsOptions<TSchema extends z.ZodObject<any>> {
+    columns?: ColumnsConfig<TSchema>;
+    customColumns?: CustomColumnsConfig<TSchema>;
+    order?: NestedSchemaKeyOrString<TSchema>[];
+    sortable?: NestedSchemaKeyOrString<TSchema>[] | z.ZodEnum<any>;
+    disableFormatting?: NestedSchemaKeyOrString<TSchema>[];
+    emptyValue?: ReactNode;
+    namespace?: string;
+    overridePresetLocales?: boolean;
+    globalMeta?: Omit<ColumnMetaType<TSchema>, "sortKey">;
+    globalWrapper?: (children: ReactNode) => ReactNode;
+    includeAll?: boolean;
+}
+export declare const sortColumns: <TSchema extends z.ZodObject<any>>(columns: ColumnDef<SchemaType<TSchema>>[], orderKeys?: DynamicColumnsOptions<TSchema>["order"]) => ColumnDef<SchemaType<TSchema>>[];
+interface DynamicColumnsParams<TSchema extends z.ZodObject<any>> {
+    schema: TSchema;
+    preset?: ColumnDef<SchemaType<TSchema>>[];
+    options: DynamicColumnsOptions<TSchema>;
+}
+export declare const dynamicColumns: <TSchema extends z.ZodObject<any>>({ schema, preset, options, }: DynamicColumnsParams<TSchema>) => ColumnDef<SchemaType<TSchema>>[];
+export {};

package/src/helpers/dynamicInputs.d.ts

@@ -0,0 +1,83 @@
+import { ReactElement } from 'react';
+import { Control, UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
+import { InputComponentProps, InputComponentType, InputDef, InputDefBaseProps, InputWrapperType } from '#ui/components/inputs/Inputs/InputItem';
+import { ZodUtils } from '#ui/utils/zod.utils';
+declare const defaultComponentTypes: {
+    readonly datetime: "datePicker";
+    readonly dateRange: "dateRangePicker";
+    readonly textEditor: "textEditor";
+    readonly boolean: "toggle";
+    readonly number: "numberInput";
+    readonly enum: "select";
+    readonly string: "textInput";
+    readonly email: "textInput";
+    readonly object: "unknown";
+    readonly array: "select";
+    readonly unknown: "unknown";
+};
+export type DefaultComponentType<TZodType extends z.ZodType> = ZodUtils.ZodTypeSwitch<TZodType, typeof defaultComponentTypes>;
+export type AllowedComponentType<TZodType extends z.ZodType> = ZodUtils.ZodTypeSwitch<TZodType, {
+    datetime: "datePicker" | "dateTimePicker" | "timePicker";
+    dateRange: "dateRangePicker";
+    textEditor: "textEditor";
+    boolean: "toggle" | "checkbox";
+    number: "numberInput" | "slider" | "select" | "autocomplete" | "queryAutocomplete" | "segment";
+    enum: "select" | "autocomplete" | "segment";
+    string: "textInput" | "passwordInput" | "textArea" | "select" | "autocomplete" | "queryAutocomplete" | "segment";
+    email: "textInput";
+    array: "select" | "autocomplete" | "queryAutocomplete" | "segment";
+    object: InputComponentType;
+    unknown: InputComponentType;
+}>;
+interface DynamicInputDefBase<TProps> {
+    label?: string;
+    placeholder?: string;
+    props?: Partial<TProps>;
+    inputWrapper?: InputWrapperType;
+}
+type ConfigInputDef<TSchema extends z.ZodObject<any>, K extends keyof z.infer<TSchema>> = {
+    [T in AllowedComponentType<TSchema["shape"][K]>]: {
+        type: T;
+    } & DynamicInputDefBase<InputDefBaseProps<InputComponentProps<T>>>;
+}[AllowedComponentType<TSchema["shape"][K]>];
+type UnknownInputDef<TSchema extends z.ZodObject<any>, K extends keyof z.infer<TSchema>> = {
+    [T in DefaultComponentType<TSchema["shape"][K]>]: {
+        type?: never;
+    } & DynamicInputDefBase<InputDefBaseProps<InputComponentProps<T>>>;
+}[DefaultComponentType<TSchema["shape"][K]>];
+type RenderInputDef<TSchema extends z.ZodObject<any>, K extends keyof z.infer<TSchema>> = {
+    render: (formControl: {
+        control: Control<z.infer<TSchema>>;
+        name: K;
+    }, form: UseFormReturn<z.infer<TSchema>>) => ReactElement;
+} & DynamicInputDefBase<Record<string, never>>;
+type DynamicInputDef<TSchema extends z.ZodObject<any>, K extends keyof z.infer<TSchema>> = ConfigInputDef<TSchema, K> | UnknownInputDef<TSchema, K> | RenderInputDef<TSchema, K>;
+type InputsConfig<TSchema extends z.ZodObject<any>> = {
+    [K in keyof z.infer<TSchema>]?: DynamicInputDef<TSchema, K> | ((formControl: {
+        control: Control<z.infer<TSchema>>;
+        name: K;
+    }, form: UseFormReturn<z.infer<TSchema>>) => ReactElement) | boolean;
+};
+type GlobalProps = {
+    [T in Exclude<InputComponentType, "unknown">]: InputDefBaseProps<InputComponentProps<T>>;
+}[Exclude<InputComponentType, "unknown">];
+type SchemaKeyOrString<TSchema extends z.ZodObject<any>> = keyof z.infer<TSchema> | (string & {});
+export interface DynamicInputsOptions<TSchema extends z.ZodObject<any>> {
+    inputs?: InputsConfig<TSchema>;
+    order?: SchemaKeyOrString<TSchema>[];
+    globalProps?: Partial<GlobalProps>;
+    globalInputWrapper?: InputWrapperType;
+    namespace?: string;
+    overridePresetLocales?: boolean;
+    includeAll?: boolean;
+}
+export interface DynamicInputsParams<TSchema extends z.ZodObject<any>> {
+    schema: TSchema;
+    preset?: InputDef<z.infer<TSchema>>[];
+    options: DynamicInputsOptions<TSchema>;
+}
+export declare const getDefaultInputComponentType: (schemaType: z.core.$ZodType) => InputComponentType;
+export declare const getDefaultSelectionMode: (keyType: z.core.$ZodType) => "single" | "multiple";
+export declare const dynamicInputs: <TSchema extends z.ZodObject<any>>({ schema, preset, options, }: DynamicInputsParams<TSchema>) => InputDef<z.infer<TSchema>>[];
+export {};

package/src/hooks/useAutosave.d.ts

@@ -0,0 +1,9 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export interface UseAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> {
+    form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+    delay?: number;
+    enabled?: boolean;
+    onSave: (data: Partial<TTransformedValues>) => Promise<TResponse>;
+    onSaveSuccess?: () => void;
+}
+export declare function useAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown>({ form, delay, enabled, onSave, onSaveSuccess, }: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): void;

package/src/hooks/useBreakpoint.d.ts

@@ -0,0 +1,3 @@
+type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+export declare function useBreakpoint(breakpointKey: Breakpoint): boolean;
+export {};

package/src/hooks/useDebounceCallback.d.ts

@@ -0,0 +1,6 @@
+export declare function useDebounceCallback<T extends (...args: any[]) => any>(callback?: T, { delay }?: {
+    delay?: number;
+}): {
+    callback: (...args: Parameters<T>) => void;
+    isDebouncing: boolean;
+};

package/src/hooks/useDeepCompare.d.ts

@@ -0,0 +1,4 @@
+import { EffectCallback } from 'react';
+export declare const useDeepCompareEffect: (callback: EffectCallback, dependencies: any[]) => void;
+export declare const useDeepCompareLayoutEffect: (callback: EffectCallback, dependencies: any[]) => void;
+export declare const useDeepCompareMemo: <T = any>(factory: () => T, dependencies: any[]) => T;

package/src/hooks/useFilters.d.ts

@@ -0,0 +1,7 @@
+export interface FilterStore<TFilterData> {
+    filterData: TFilterData;
+    setFilterValue: (data: Partial<TFilterData>) => void;
+    getFilterValue: (keys: (keyof TFilterData)[]) => Partial<TFilterData>;
+    clearAllFilters: () => void;
+}
+export declare const useFilters: <TFilterData>(defaultFilterValues?: TFilterData, prefix?: string) => FilterStore<TFilterData>;

package/src/hooks/useForm.d.ts

@@ -0,0 +1,18 @@
+import { BrowserNativeObject, ExtractObjects, FieldValues, NestedValue, UseFormProps as UseReactHookFormProps } from 'react-hook-form';
+import { z } from 'zod';
+type DeepNullablePartial<T> = T extends BrowserNativeObject | NestedValue ? T : {
+    [K in keyof T]?: ExtractObjects<T[K]> extends never ? T[K] | null : DeepNullablePartial<T[K]>;
+};
+type AsyncDefaultValues<TFieldValues> = (payload?: unknown) => Promise<TFieldValues>;
+type NullableDefaultValues<TFieldValues> = TFieldValues extends AsyncDefaultValues<TFieldValues> ? DeepNullablePartial<Awaited<TFieldValues>> : DeepNullablePartial<TFieldValues>;
+export type UseFormResolverProps<TFieldValues extends FieldValues, TTransformedValues = TFieldValues> = {
+    zodSchema: z.ZodType<TTransformedValues, TFieldValues>;
+    resolver?: never;
+} | {
+    zodSchema?: never;
+};
+export type UseFormProps<TFieldValues extends FieldValues, TContext, TTransformedValues = TFieldValues> = Omit<UseReactHookFormProps<TFieldValues, TContext, TTransformedValues>, "defaultValues"> & {
+    defaultValues?: NullableDefaultValues<TFieldValues> | AsyncDefaultValues<TFieldValues>;
+};
+export declare function useForm<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>({ resolver, zodSchema, defaultValues, ...props }: UseFormProps<TFieldValues, TContext, TTransformedValues> & UseFormResolverProps<TFieldValues, TTransformedValues>): import('react-hook-form').UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+export {};

package/src/hooks/useFormAutosave.d.ts

@@ -0,0 +1,13 @@
+import { DependencyList } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { UseAutosaveProps } from '#ui/hooks/useAutosave';
+import { UseFormProps, UseFormResolverProps } from '#ui/hooks/useForm';
+export type UseFormAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> = Omit<UseFormProps<TFieldValues, TContext, TTransformedValues>, "defaultValues"> & UseFormResolverProps<TFieldValues, TTransformedValues> & {
+    autosaveDelay?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["delay"];
+    enableAutosave?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["enabled"];
+    onAutosave: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["onSave"];
+    getResetValues: () => UseFormProps<TFieldValues, TContext, TTransformedValues>["defaultValues"];
+    resetDeps: DependencyList;
+    resetTimeout?: number;
+};
+export declare function useFormAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = any>({ autosaveDelay, enableAutosave, onAutosave, getResetValues, resetDeps, resetTimeout, ...props }: UseFormAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): import('react-hook-form').UseFormReturn<TFieldValues, TContext, TTransformedValues>;

package/src/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,7 @@
+type UseIntersectionObserverProps = {
+    onIntersection?: () => void;
+} & IntersectionObserverInit;
+export declare const useIntersectionObserver: ({ onIntersection, root, rootMargin, threshold, }: UseIntersectionObserverProps) => {
+    setRef: import('react').Dispatch<import('react').SetStateAction<Element | null>>;
+};
+export {};