react-better-html 1.1.72 → 1.1.74

package/dist/constants/icons.d.ts

@@ -1,2 +0,0 @@
-import { IconsConfig } from "../types/icon";
-export declare const icons: IconsConfig;

package/dist/constants/icons.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.icons = void 0;
-exports.icons = {
-    XMark: {
-        width: 384,
-        height: 512,
-        paths: [
-            {
-                d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z",
-                type: "fill",
-            },
-        ],
-    },
-    uploadCloud: {
-        width: 640,
-        height: 512,
-        paths: [
-            {
-                d: "M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128l-368 0zm79-217c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l39-39L296 392c0 13.3 10.7 24 24 24s24-10.7 24-24l0-134.1 39 39c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0l-80 80z",
-                type: "fill",
-            },
-        ],
-    },
-    trash: {
-        width: 448,
-        height: 512,
-        paths: [
-            {
-                d: "M135.2 17.7C140.6 6.8 151.7 0 163.8 0L284.2 0c12.1 0 23.2 6.8 28.6 17.7L320 32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l96 0 7.2-14.3zM32 128l384 0 0 320c0 35.3-28.7 64-64 64L96 512c-35.3 0-64-28.7-64-64l0-320zm96 64c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16s16-7.2 16-16l0-224c0-8.8-7.2-16-16-16z",
-                type: "fill",
-            },
-        ],
-    },
-    chevronDown: {
-        width: 512,
-        height: 512,
-        paths: [
-            {
-                d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z",
-                type: "fill",
-            },
-        ],
-    },
-    eye: {
-        width: 576,
-        height: 512,
-        paths: [
-            {
-                d: "M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z",
-                type: "fill",
-            },
-        ],
-    },
-    eyeDashed: {
-        width: 640,
-        height: 512,
-        paths: [
-            {
-                d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z",
-                type: "fill",
-            },
-        ],
-    },
-    magnifyingGlass: {
-        width: 512,
-        height: 512,
-        paths: [
-            {
-                d: "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z",
-                type: "fill",
-            },
-        ],
-    },
-    check: {
-        width: 448,
-        height: 512,
-        paths: [
-            {
-                d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z",
-                type: "fill",
-            },
-        ],
-    },
-};

package/dist/constants/theme.d.ts

@@ -1,2 +0,0 @@
-import { ThemeConfig } from "../types/theme";
-export declare const theme: ThemeConfig;

package/dist/constants/theme.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = void 0;
-exports.theme = {
-    styles: {
-        space: 16,
-        gap: 8,
-        borderRadius: 10,
-        fontFamily: "Arial, sans-serif",
-        transition: "ease 0.2s",
-    },
-    colors: {
-        light: {
-            textPrimary: "#111111",
-            textSecondary: "#777777",
-            textLink: "#0894ff",
-            label: "#111111",
-            primary: "#6d466b",
-            secondary: "#412234",
-            accent: "#16d7ed",
-            success: "#28a745",
-            info: "#0fa0da",
-            warn: "#ffc107",
-            error: "#dc3545",
-            base: "#f8f8f8",
-            backgroundBase: "#f8f8f8",
-            backgroundSecondary: "#e8e8e8",
-            backgroundContent: "#ffffff",
-            border: "#ced4da",
-        },
-        dark: {
-            textPrimary: "#f8f8f8",
-            textSecondary: "#e8e8e8",
-            textLink: "#0894ff",
-            label: "#111111",
-            primary: "#9b6499",
-            secondary: "#6c466b",
-            accent: "#16d7ed",
-            success: "#28a745",
-            info: "#0fa0da",
-            warn: "#ffc107",
-            error: "#dc3545",
-            base: "#f8f8f8",
-            backgroundBase: "#111111",
-            backgroundSecondary: "#222222",
-            backgroundContent: "#333333",
-            border: "#777777",
-        },
-    },
-};

package/dist/constants.d.ts

@@ -1 +0,0 @@
-export declare const isMobileDevice: boolean;

package/dist/constants.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMobileDevice = void 0;
-exports.isMobileDevice = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

package/dist/plugins/index.d.ts

@@ -1 +0,0 @@
-export * from "./react-router-dom";

package/dist/plugins/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./react-router-dom"), exports);

package/dist/plugins/react-router-dom.d.ts

@@ -1,2 +0,0 @@
-import { BetterHtmlPlugin } from "../types/plugin";
-export declare const reactRouterDomPlugin: BetterHtmlPlugin;

package/dist/plugins/react-router-dom.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reactRouterDomPlugin = void 0;
-const react_router_dom_1 = require("react-router-dom");
-exports.reactRouterDomPlugin = {
-    name: "react-router-dom",
-    components: {
-        Link: react_router_dom_1.Link,
-        NavLink: react_router_dom_1.NavLink,
-    },
-    initialize: () => {
-        console.log("react-router-dom plugin initialized");
-    },
-};

package/dist/types/app.d.ts

@@ -1,15 +0,0 @@
-/** Removes the given props from type */
-export type OmitProps<T, K extends keyof T> = Omit<T, K>;
-/** Removes the given options from type */
-export type ExcludeOptions<T, K extends T> = Exclude<T, K>;
-/** Picks only the selected values */
-export type PickValue<T, K extends T> = K;
-/** Makes all object props optional (On the root) */
-export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
-/** Makes all object props optional (On the root and nested) */
-export type DeepPartialRecord<T> = {
-    [K in keyof T]?: T[K] extends object ? DeepPartialRecord<T[K]> : T[K];
-};
-/** returns only the required props */
-export type PickAllRequired<T, K extends keyof T> = Required<Pick<T, K>>;
-export type AnyOtherString = Omit<string & {}, "">;

package/dist/types/app.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/asset.d.ts

@@ -1,4 +0,0 @@
-export type AssetName = "logo";
-export type AssetsConfig = Record<AssetName, string> & {
-    [key: string]: string;
-};

package/dist/types/asset.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/components.d.ts

@@ -1,13 +0,0 @@
-import { BetterHtmlPlugin } from "./plugin";
-export type ComponentStyle = React.CSSProperties;
-export type ComponentHoverStyle = {
-    [CSSProperty in keyof ComponentStyle as `${CSSProperty & string}Hover`]: ComponentStyle[CSSProperty];
-};
-export type ComponentMarginProps = Pick<ComponentStyle, "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "marginBlock" | "marginInline">;
-export type ComponentPaddingProps = Pick<ComponentStyle, "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingBlock" | "paddingInline">;
-export type ComponentPropWithRef<ComponentRef, ComponentProps> = ComponentProps & {
-    ref?: React.Ref<ComponentRef>;
-};
-export type ComponentPropWithPlugin<ComponentProps> = ComponentProps & {
-    plugin: BetterHtmlPlugin;
-};

package/dist/types/components.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/config.d.ts

@@ -1,23 +0,0 @@
-import { ColorTheme, ThemeConfig } from "./theme";
-import { AssetsConfig } from "./asset";
-import { IconsConfig } from "./icon";
-import { LoaderConfig } from "./loader";
-import { ComponentHoverStyle, ComponentStyle } from "./components";
-export type AppConfig = {
-    contentMaxWidth: number;
-};
-type ComponentConfig<Subcomponents extends string> = {
-    [key in Subcomponents]?: ComponentStyle & ComponentHoverStyle;
-};
-export type BetterHtmlConfig = {
-    app: AppConfig;
-    theme: ThemeConfig;
-    colorTheme: ColorTheme;
-    icons: Partial<IconsConfig>;
-    assets: Partial<AssetsConfig>;
-    loaders: Partial<LoaderConfig>;
-    components: {
-        button?: ComponentConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
-    };
-};
-export {};

package/dist/types/config.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/countries.d.ts

@@ -1,7 +0,0 @@
-export type Country = {
-    code: string;
-    name: string;
-    timeZone: string;
-    phoneNumberExtension: string;
-    phoneNumberFormat?: string;
-};

package/dist/types/countries.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/icon.d.ts

@@ -1,11 +0,0 @@
-export type IconName = "XMark" | "uploadCloud" | "trash" | "chevronDown" | "eye" | "eyeDashed" | "magnifyingGlass" | "check";
-export type IconData = {
-    width: number;
-    height: number;
-    paths: (React.ComponentProps<"path"> & {
-        type: "fill" | "stroke";
-    })[];
-};
-export type IconsConfig = Record<IconName, IconData> & {
-    [key: string]: IconData;
-};

package/dist/types/icon.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/loader.d.ts

@@ -1,4 +0,0 @@
-export type LoaderName = "";
-export type LoaderConfig = Record<LoaderName, boolean | undefined> & {
-    [key: string]: boolean | undefined;
-};

package/dist/types/loader.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/other.d.ts

@@ -1 +0,0 @@
-export type BrowserName = "firefox" | "chrome" | "safari" | "edge" | "opera";

package/dist/types/other.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/plugin.d.ts

@@ -1,7 +0,0 @@
-import { ComponentType } from "react";
-export type PluginName = "react-router-dom";
-export type BetterHtmlPlugin = {
-    name: PluginName;
-    components?: Record<string, ComponentType<any>>;
-    initialize?: () => void;
-};

package/dist/types/plugin.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/theme.d.ts

@@ -1,19 +0,0 @@
-export type Color = `#${string}` | "transparent";
-export type ColorName = "textPrimary" | "textSecondary" | "textLink" | "label" | "primary" | "secondary" | "accent" | "success" | "info" | "warn" | "error" | "base" | "backgroundBase" | "backgroundSecondary" | "backgroundContent" | "border";
-export type ColorTheme = "light" | "dark";
-export type Styles = {
-    space: number;
-    gap: number;
-    borderRadius: number;
-    fontFamily: string;
-    transition: string;
-};
-export type Colors = Record<ColorName, Color>;
-export type Theme = {
-    styles: Styles;
-    colors: Colors;
-};
-export type ThemeConfig = {
-    styles: Styles;
-    colors: Record<ColorTheme, Colors>;
-};

package/dist/types/theme.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/functions.d.ts

@@ -1,16 +0,0 @@
-import { PartialRecord } from "../types/app";
-import { BrowserName } from "../types/other";
-import { useForm } from "./hooks";
-export declare const generateRandomString: (stringLength: number, options?: {
-    /** @default true */
-    includeCapitalLetters?: boolean;
-    /** @default true */
-    includeLowerLetters?: boolean;
-    /** @default true */
-    includeNumbers?: boolean;
-    /** @default 1 */
-    dashSections?: number;
-}) => string;
-export declare const getBrowser: () => BrowserName | undefined;
-export declare const formatPhoneNumber: (phoneNumber: string) => string;
-export declare const getFormErrorObject: <FormFields extends ReturnType<typeof useForm>["values"]>(formValues: FormFields) => PartialRecord<keyof FormFields, string>;

package/dist/utils/functions.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFormErrorObject = exports.formatPhoneNumber = exports.getBrowser = exports.generateRandomString = void 0;
-const countries_1 = require("../constants/countries");
-const generateRandomString = (stringLength, options) => {
-    const capitals = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
-    const lowers = "abcdefghijklmnopqrstuvwxyz";
-    const numbers = "0123456789";
-    const includes = [];
-    if (options?.includeCapitalLetters !== false)
-        includes.push(capitals);
-    if (options?.includeLowerLetters !== false)
-        includes.push(lowers);
-    if (options?.includeNumbers !== false)
-        includes.push(numbers);
-    const characters = includes.join("");
-    const dashSections = Math.max(1, options?.dashSections ?? 1);
-    const dashSectionLength = Math.floor(stringLength / dashSections);
-    if (stringLength < dashSections)
-        return "";
-    let result = "";
-    let currentSectionLength = 0;
-    while (result.length < stringLength) {
-        if (currentSectionLength >= dashSectionLength) {
-            result += "-";
-            currentSectionLength = 0;
-        }
-        if (result.length < stringLength) {
-            result += characters.charAt(Math.floor(Math.random() * characters.length));
-            currentSectionLength += 1;
-        }
-    }
-    return result;
-};
-exports.generateRandomString = generateRandomString;
-const getBrowser = () => {
-    const userAgent = navigator.userAgent.toLowerCase();
-    if (userAgent.includes("firefox"))
-        return "firefox";
-    if (userAgent.includes("chrome") && !userAgent.includes("edg"))
-        return "chrome";
-    if (userAgent.includes("safari") && !userAgent.includes("chrome"))
-        return "safari";
-    if (userAgent.includes("edg"))
-        return "edge";
-    if (userAgent.includes("opr") || userAgent.includes("opera"))
-        return "opera";
-    return;
-};
-exports.getBrowser = getBrowser;
-const formatPhoneNumber = (phoneNumber) => {
-    const cleanPhoneNumber = phoneNumber.replace(/\D/g, "");
-    const country = countries_1.countries.find((country) => country.phoneNumberExtension === cleanPhoneNumber.slice(0, country.phoneNumberExtension.length));
-    if (!country)
-        return phoneNumber;
-    let phonNumberRest = cleanPhoneNumber.slice(country.phoneNumberExtension.length);
-    if (country.phoneNumberFormat) {
-        let formattedNumber = "";
-        let index = 0;
-        for (const char of country.phoneNumberFormat) {
-            if (char === "X" && index < phonNumberRest.length) {
-                formattedNumber += phonNumberRest[index];
-                index++;
-            }
-            else {
-                formattedNumber += char;
-            }
-        }
-        phonNumberRest = formattedNumber.replace(/X/g, "").trim();
-    }
-    return `+${country.phoneNumberExtension} ${phonNumberRest}`;
-};
-exports.formatPhoneNumber = formatPhoneNumber;
-const getFormErrorObject = (formValues) => {
-    return {};
-};
-exports.getFormErrorObject = getFormErrorObject;

package/dist/utils/hooks.d.ts

@@ -1,86 +0,0 @@
-import { ComponentHoverStyle, ComponentPropWithRef, ComponentStyle } from "../types/components";
-import { Theme } from "../types/theme";
-import { OmitProps, PartialRecord } from "../types/app";
-import { InputFieldProps, TextareaFieldProps } from "../components/InputField";
-import { DropdownProps } from "../components/Dropdown";
-import { ToggleInputProps, ToggleInputRef } from "../components/ToggleInput";
-export declare function useStyledComponentStyles(props: ComponentStyle & ComponentHoverStyle, theme?: Theme, 
-/** @default false */
-excludeProps?: boolean): {
-    normalStyle: ComponentStyle;
-    hoverStyle: ComponentStyle;
-};
-export declare function useComponentPropsWithPrefix<Props extends Record<string, any>, Prefix extends string>(props: Props, prefix: Prefix): Record<`${Prefix}-${string}`, any>;
-export declare function useComponentPropsWithExcludedStyle<Props extends Record<string, any>>(props: Props): Partial<Props>;
-export declare function useComponentPropsWithoutStyle<Props extends Record<string, any>>(props: Props): Partial<Props>;
-export declare function useComponentInputFieldDateProps(props: InputFieldProps, holderRef: React.RefObject<HTMLDivElement | null>): {
-    internalValue: string;
-    setInternalValue: React.Dispatch<React.SetStateAction<string>>;
-    inputFieldProps: InputFieldProps;
-    insideInputFieldComponentProps: InputFieldProps;
-    isOpen: boolean;
-};
-export declare function usePageResize(): {
-    width: number;
-    height: number;
-};
-export declare function usePageScroll(): {
-    scrollX: number;
-    scrollY: number;
-};
-export declare function useMediaQuery(): {
-    size320: boolean;
-    size400: boolean;
-    size500: boolean;
-    size600: boolean;
-    size700: boolean;
-    size800: boolean;
-    size900: boolean;
-    size1000: boolean;
-    size1100: boolean;
-    size1200: boolean;
-    size1300: boolean;
-    size1400: boolean;
-    size1500: boolean;
-    size1600: boolean;
-};
-export declare function useBooleanState(initialValue?: boolean): [
-    state: boolean,
-    actions: {
-        setState: React.Dispatch<React.SetStateAction<boolean>>;
-        setTrue: () => void;
-        setFalse: () => void;
-        toggle: () => void;
-    }
-];
-export declare function useDebounceState<Value>(initialValue: Value, delay?: number): [value: Value, debouncedValue: Value, setValue: React.Dispatch<React.SetStateAction<Value>>, isLoading: boolean];
-export declare function useForm<FormFields extends Record<string | number, string | number | boolean | undefined>>(options: {
-    defaultValues: FormFields;
-    requiredFields?: (keyof FormFields)[];
-    onSubmit?: (values: FormFields) => void | Promise<void>;
-    validate?: (values: FormFields) => PartialRecord<keyof FormFields, string>;
-}): {
-    values: FormFields;
-    errors: Partial<Record<keyof FormFields, string>>;
-    isSubmitting: boolean;
-    setFieldValue: <FieldName extends keyof FormFields>(field: FieldName, value: FormFields[FieldName] | undefined) => void;
-    setFieldsValue: (values: Partial<FormFields>) => void;
-    getInputFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<HTMLInputElement, InputFieldProps>;
-    getTextAreaProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<HTMLTextAreaElement, TextareaFieldProps>;
-    getDropdownFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => OmitProps<ComponentPropWithRef<HTMLDivElement, DropdownProps<FormFields[FieldName], unknown>>, "options">;
-    getCheckboxProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
-    getRadioButtonProps: <FieldName extends keyof FormFields>(field: FieldName, value: FormFields[FieldName]) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
-    getSwitchProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
-    focusField: (field: keyof FormFields) => void;
-    onSubmit: (event: React.FormEvent<HTMLFormElement>) => Promise<void>;
-    reset: () => void;
-    requiredFields: (keyof FormFields)[] | undefined;
-    isDirty: boolean;
-    isValid: boolean;
-    canSubmit: boolean;
-};
-export declare function useUrlQuery(): {
-    setQuery: (query: Record<string, string | number>, keepHistory?: boolean) => void;
-    getQuery: (name: string) => string | null;
-    removeQuery: (name: string, keepHistory?: boolean) => void;
-};