@povio/ui 2.2.6 → 2.2.8-rc

package/dist/components/table/table.cva.js

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const tableRow = cva([
+//#region src/components/table/table.cva.ts
+var tableRow = cva([
 	"h-9 max-h-12",
 	"hover:bg-elevation-fill-default-2",
 	"disabled:opacity-50",
@@ -11,15 +12,15 @@ const tableRow = cva([
 	even: "even:bg-elevation-fill-inverted-4/5",
 	odd: "odd:bg-elevation-fill-inverted-4/5"
 } } });
-const tableHeadRow = cva(["h-8 w-full"]);
-const tableHeadData = cva(["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"], {
+var tableHeadRow = cva(["h-8 w-full"]);
+var tableHeadData = cva(["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"], {
 	variants: { hasRightBorder: {
 		true: "border-l border-l-elevation-outline-default-1 border-solid",
 		false: ""
 	} },
 	defaultVariants: { hasRightBorder: true }
 });
-const tableData = cva([
+var tableData = cva([
 	"relative h-0-5 overflow-hidden text-ellipsis whitespace-nowrap border-t border-t-transparent px-2",
 	"border-b border-b-elevation-outline-default-1",
 	"has-[*>[data-hovered]:not([data-disabled])]:hover:border-b-input-outlined-outline-hover",
@@ -32,6 +33,7 @@ const tableData = cva([
 	} },
 	defaultVariants: { hasRightBorder: true }
 });
-const tableHeaderText = cva(["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"]);
-const tableCellText = cva(["block overflow-hidden text-ellipsis text-text-default-2"]);
+var tableHeaderText = cva(["overflow-hidden text-ellipsis px-table-cell-content-side-m py-table-cell-content-height-m text-text-default-1"]);
+var tableCellText = cva(["block overflow-hidden text-ellipsis text-text-default-2"]);
+//#endregion
 export { tableCellText, tableData, tableHeadData, tableHeadRow, tableHeaderText, tableRow };

package/dist/components/text/Link/Link.js

@@ -3,7 +3,8 @@ import { LinkContext } from "../../../config/link.context.js";
 import { link } from "./link.cva.js";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
-const Link$1 = ({ variant, ...props }) => {
+//#region src/components/text/Link/Link.tsx
+var Link$1 = ({ variant, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();
 	const linkCva = UIStyle.useCva("link.cva", link);
 	const LinkComponent = linkContext?.LinkComponent ?? Link;
@@ -16,4 +17,5 @@ const Link$1 = ({ variant, ...props }) => {
 		})
 	});
 };
+//#endregion
 export { Link$1 as Link };

package/dist/components/text/Link/link.cva.js

@@ -1,7 +1,9 @@
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { cva } from "class-variance-authority";
-const link = cva(["underline", uiOutlineClass], {
+//#region src/components/text/Link/link.cva.ts
+var link = cva(["underline", uiOutlineClass], {
 	variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },
 	defaultVariants: { variant: "default" }
 });
+//#endregion
 export { link };

package/dist/components/text/Tag/Tag.d.ts

@@ -1,12 +1,15 @@
 import { Ref } from 'react';
 import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { TagVariantProps } from './tag.cva';
+import { TypographyProps } from '../Typography/Typography';
 export interface TagProps extends TagVariantProps, AriaButtonProps {
     className?: string;
     children: string;
     dismissable?: boolean;
     isDisabled?: boolean;
     contentRef?: Ref<HTMLElement>;
+    textVariant?: TypographyProps["variant"];
+    textSize?: TypographyProps["size"];
     onDismiss?: () => void;
 }
 export declare const Tag: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/text/Tag/Tag.js

@@ -1,13 +1,17 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { Typography } from "../Typography/Typography.js";
-import { ns } from "../../../config/i18n.js";
+import { UIConfig } from "../../../config/uiConfig.context.js";
+import "../../../config/i18n.js";
 import { tag } from "./tag.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { useTranslation } from "react-i18next";
-const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
+//#region src/components/text/Tag/Tag.tsx
+var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const { textVariant = uiConfig.tag.textVariant, textSize = uiConfig.tag.textSize } = props;
 	const tagCva = UIStyle.useCva("tag.cva", tag);
 	const { t } = useTranslation("ui");
 	const buttonProps = {
@@ -23,8 +27,8 @@ const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentR
 		}),
 		children: [/* @__PURE__ */ jsx(Typography, {
 			ref: contentRef,
-			variant: "default",
-			size: "label-2",
+			variant: textVariant,
+			size: textSize,
 			as: "span",
 			className: "truncate",
 			children
@@ -35,4 +39,5 @@ const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentR
 		})]
 	});
 };
+//#endregion
 export { Tag };

package/dist/components/text/Tag/tag.cva.js

@@ -1,6 +1,7 @@
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { cva } from "class-variance-authority";
-const tag = cva([
+//#region src/components/text/Tag/tag.cva.ts
+var tag = cva([
 	uiOutlineClass,
 	"inline-flex items-center gap-list-gap-icon-to-label",
 	"p-pill-height-s px-1-5",
@@ -47,4 +48,5 @@ const tag = cva([
 	} },
 	defaultVariants: { color: "primary" }
 });
+//#endregion
 export { tag };

package/dist/components/text/Typography/Typography.js

@@ -1,7 +1,8 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "./typography.cva.js";
 import { jsx } from "react/jsx-runtime";
-const Typography = ({ as = "p", className, ...props }) => {
+//#region src/components/text/Typography/Typography.tsx
+var Typography = ({ as = "p", className, ...props }) => {
 	return /* @__PURE__ */ jsx(as, {
 		className: UIStyle.useCva("typography.cva", typography)({
 			...props,
@@ -11,4 +12,5 @@ const Typography = ({ as = "p", className, ...props }) => {
 		...props
 	});
 };
+//#endregion
 export { Typography };

package/dist/components/text/Typography/typography.cva.js

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-const typography = cva("", {
+//#region src/components/text/Typography/typography.cva.ts
+var typography = cva("", {
 	variants: {
 		size: {
 			"headline-1": "md:text-desktop-headline-1",
@@ -121,4 +122,5 @@ const typography = cva("", {
 		}
 	]
 });
+//#endregion
 export { typography };

package/dist/config/confirmation.context.js

@@ -1,9 +1,10 @@
-import { ns } from "./i18n.js";
+import "./i18n.js";
 import { ActionModal } from "../components/overlays/ActionModal/ActionModal.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-let Confirmation;
+//#region src/config/confirmation.context.tsx
+var Confirmation;
 (function(_Confirmation) {
 	const DEFAULT_STATE = {
 		heading: "",
@@ -75,4 +76,5 @@ let Confirmation;
 		return context;
 	};
 })(Confirmation || (Confirmation = {}));
+//#endregion
 export { Confirmation };

package/dist/config/i18n.js

@@ -1,8 +1,10 @@
 import translation_default from "../assets/locales/en/translation.json.js";
 import translation_default$1 from "../assets/locales/sl/translation.json.js";
-const ns = "ui";
-const resources = {
+//#region src/config/i18n.ts
+var ns = "ui";
+var resources = {
 	en: { ["ui"]: translation_default },
 	sl: { ["ui"]: translation_default$1 }
 };
+//#endregion
 export { ns, resources };

package/dist/config/link.context.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let LinkContext;
+//#region src/config/link.context.tsx
+var LinkContext;
 (function(_LinkContext) {
 	const LinkContextInternal = createContext(null);
 	_LinkContext.LinkContextProvider = ({ children, LinkComponent }) => {
@@ -14,4 +15,5 @@ let LinkContext;
 		return use(LinkContextInternal);
 	};
 })(LinkContext || (LinkContext = {}));
+//#endregion
 export { LinkContext };

package/dist/config/router.context.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, use, useMemo } from "react";
 import { RouterProvider } from "react-aria";
-let UIRouter;
+//#region src/config/router.context.tsx
+var UIRouter;
 (function(_UIRouter) {
 	const UIRouterContext = createContext(null);
 	_UIRouter.UIRouterProvider = ({ children, pathname, push, replace, searchString }) => {
@@ -34,4 +35,5 @@ let UIRouter;
 		return context;
 	};
 })(UIRouter || (UIRouter = {}));
+//#endregion
 export { UIRouter };

package/dist/config/theme.context.js

@@ -2,7 +2,8 @@ import { useLocalStorage } from "../hooks/useLocalStorage.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use, useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";
-let ThemeContext;
+//#region src/config/theme.context.tsx
+var ThemeContext;
 (function(_ThemeContext) {
 	const DEFAULT_STORAGE_KEY = "theme";
 	const ThemeSchema = z.literal([
@@ -10,7 +11,7 @@ let ThemeContext;
 		"dark",
 		"system"
 	]);
-	const ThemeContext$1 = createContext(null);
+	const ThemeContext = createContext(null);
 	_ThemeContext.ThemeContextProvider = ({ children, storageKey = DEFAULT_STORAGE_KEY }) => {
 		const [systemTheme, setSystemTheme] = useState(() => {
 			if (typeof window === "undefined") return;
@@ -20,8 +21,8 @@ let ThemeContext;
 			key: storageKey,
 			schema: ThemeSchema
 		});
-		const updateTheme = useCallback((theme$1) => {
-			set(theme$1);
+		const updateTheme = useCallback((theme) => {
+			set(theme);
 		}, [set]);
 		useEffect(() => {
 			if (typeof window === "undefined") return;
@@ -53,13 +54,14 @@ let ThemeContext;
 			systemTheme,
 			updateTheme
 		]);
-		return /* @__PURE__ */ jsx(ThemeContext$1.Provider, {
+		return /* @__PURE__ */ jsx(ThemeContext.Provider, {
 			value: contextValue,
 			children
 		});
 	};
 	_ThemeContext.useTheme = () => {
-		return use(ThemeContext$1);
+		return use(ThemeContext);
 	};
 })(ThemeContext || (ThemeContext = {}));
+//#endregion
 export { ThemeContext };

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

@@ -10,13 +10,16 @@ import { SliderProps } from '../components/inputs/Slider/Slider';
 import { ToggleProps } from '../components/inputs/Toggle/Toggle';
 import { ActionModalProps } from '../components/overlays/ActionModal/ActionModal';
 import { BottomSheetProps } from '../components/overlays/BottomSheet/BottomSheet';
+import { ToastProps } from '../components/status/Toast/Toast';
 import { CellTextProps } from '../components/table/CellText';
 import { HeaderTextProps } from '../components/table/HeaderText';
+import { TagProps } from '../components/text/Tag/Tag';
 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 {
+        renderStaticInput: boolean;
         input: Pick<TextInputProps, "variant" | "isClearable" | "hideLabel" | "as" | "size">;
         button: Pick<ButtonProps, "variant" | "size">;
         numberInput: Pick<NumberInputProps, "formatOptions">;
@@ -30,6 +33,8 @@ export declare namespace UIConfig {
         bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;
         tableHeaderText: Pick<HeaderTextProps, "variant" | "size">;
         tableCellText: Pick<CellTextProps, "variant" | "size">;
+        tag: Pick<TagProps, "textVariant" | "textSize">;
+        toast: Pick<ToastProps, "variant">;
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/config/uiConfig.context.js

@@ -2,9 +2,11 @@ import { ObjectUtils } from "../utils/object.utils.js";
 import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let UIConfig;
+//#region src/config/uiConfig.context.tsx
+var UIConfig;
 (function(_UIConfig) {
 	const DEFAULT_CONFIG = {
+		renderStaticInput: true,
 		input: {
 			variant: "outlined",
 			as: "default",
@@ -65,7 +67,12 @@ let UIConfig;
 		tableCellText: {
 			variant: "default",
 			size: "label-1"
-		}
+		},
+		tag: {
+			textVariant: "default",
+			textSize: "label-2"
+		},
+		toast: { variant: "outlined" }
 	};
 	const Context = createContext(DEFAULT_CONFIG);
 	_UIConfig.Provider = ({ config = {}, children }) => {
@@ -84,4 +91,5 @@ let UIConfig;
 		return context;
 	};
 })(UIConfig || (UIConfig = {}));
+//#endregion
 export { UIConfig };

package/dist/config/uiStyle.context.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
-let UIStyle;
+//#region src/config/uiStyle.context.tsx
+var UIStyle;
 (function(_UIStyle) {
 	const Context = createContext(null);
 	_UIStyle.Provider = ({ children, config }) => {
@@ -25,4 +26,5 @@ let UIStyle;
 		return uiStyle[k1]?.[k2] ?? fallback;
 	};
 })(UIStyle || (UIStyle = {}));
+//#endregion
 export { UIStyle };

package/dist/helpers/dynamicColumns.js

@@ -3,6 +3,7 @@ import { ZodUtils } from "../utils/zod.utils.js";
 import { DateUtils } from "../utils/date.utils.js";
 import { z } from "zod";
 import i18next from "i18next";
+//#region src/helpers/dynamicColumns.ts
 var DEFAULT_NAMESPACE = "dynamicColumns";
 var FORMAT_MAP = {
 	datetime: (value) => DateUtils.formatDate(new Date(value)),
@@ -47,7 +48,7 @@ var convertCustomEntriesToColumnDefs = (entries) => {
 var excludeEntries = (entries) => {
 	return entries.filter(([, value]) => value !== false && value !== void 0);
 };
-const sortColumns = (columns, orderKeys) => {
+var sortColumns = (columns, orderKeys) => {
 	if (!orderKeys) return columns;
 	const wildcardIndex = orderKeys.indexOf("*");
 	if (wildcardIndex === -1) return columns.sort((columnA, columnB) => {
@@ -246,7 +247,7 @@ var validateParams = (schema, presetColumns, options) => {
 	validateOptionKeyArray(allKeys, order, "order");
 	validateOptionKeyArray(usedKeys, disableFormatting, "disableFormatting");
 };
-const dynamicColumns = ({ schema, preset = [], options }) => {
+var dynamicColumns = ({ schema, preset = [], options }) => {
 	validateParams(schema, preset, options);
 	const sortableKeys = normalizeSortable(options.sortable);
 	let entries = Object.entries(options.columns ?? {});
@@ -269,4 +270,5 @@ const dynamicColumns = ({ schema, preset = [], options }) => {
 	];
 	return sortColumns(options.includeAll ? addMissingSchemaFields(schema, mergedColumns, options, sortableKeys) : mergedColumns, options.order);
 };
+//#endregion
 export { dynamicColumns };

package/dist/helpers/dynamicInputs.js

@@ -2,6 +2,7 @@ import { StringUtils } from "../utils/string.utils.js";
 import { ZodUtils } from "../utils/zod.utils.js";
 import { z } from "zod";
 import i18next from "i18next";
+//#region src/helpers/dynamicInputs.ts
 var defaultComponentTypes = {
 	datetime: "datePicker",
 	dateRange: "dateRangePicker",
@@ -52,7 +53,7 @@ var convertInputsConfigToObjectDefinitions = (entries) => {
 		return [key, inputConfigToObjectDefinition(value)];
 	});
 };
-const getDefaultInputComponentType = (schemaType) => {
+var getDefaultInputComponentType = (schemaType) => {
 	if (ZodUtils.isDateRange(schemaType)) return defaultComponentTypes.dateRange;
 	const unwrappedType = ZodUtils.unwrapZodType(schemaType);
 	const componentType = ZOD_TYPE_COMPONENT_TYPE.find(([zodType]) => unwrappedType instanceof zodType)?.[1];
@@ -67,7 +68,7 @@ var getDefaultSelectionItems = (keyType) => {
 	}));
 	return [];
 };
-const getDefaultSelectionMode = (keyType) => {
+var getDefaultSelectionMode = (keyType) => {
 	return keyType instanceof z.ZodArray ? "multiple" : "single";
 };
 var getDefaultProps = (componentType, keyType) => {
@@ -171,7 +172,7 @@ var addMissingSchemaFields = (schema, existingInputDefs, options) => {
 	});
 	return [...existingInputDefs, ...additionalInputDefs];
 };
-const dynamicInputs = ({ schema, preset = [], options }) => {
+var dynamicInputs = ({ schema, preset = [], options }) => {
 	validateParams(schema, preset, options);
 	let entries = Object.entries(options.inputs ?? {});
 	entries = excludeEntries(entries);
@@ -183,4 +184,5 @@ const dynamicInputs = ({ schema, preset = [], options }) => {
 	const mergedInputDefs = [...presetInputDefs, ...inputDefs];
 	return sortInputDefs(options.includeAll ? addMissingSchemaFields(schema, mergedInputDefs, options) : mergedInputDefs, options.order);
 };
+//#endregion
 export { dynamicInputs, getDefaultInputComponentType };

package/dist/hooks/useAutosave.js

@@ -2,6 +2,7 @@ import { ObjectUtils } from "../utils/object.utils.js";
 import { isEqual } from "../utils/isEqual.js";
 import { useEffect, useRef } from "react";
 import { useFormState, useWatch } from "react-hook-form";
+//#region src/hooks/useAutosave.ts
 function isNilOrEqual(left, right) {
 	if (ObjectUtils.isNil(left) && ObjectUtils.isNil(right)) return true;
 	return isEqual(left, right);
@@ -59,4 +60,5 @@ function useAutosave({ form, delay = 500, enabled = true, onSave, onSaveSuccess
 		reset
 	]);
 }
+//#endregion
 export { useAutosave };

package/dist/hooks/useBreakpoint.js

@@ -1,5 +1,6 @@
 import { useMemo } from "react";
 import { useMediaQuery } from "react-responsive";
+//#region src/hooks/useBreakpoint.ts
 var breakpoints = null;
 function getBreakpoints() {
 	if (breakpoints) return breakpoints;
@@ -21,8 +22,9 @@ function getBreakpoints() {
 	return breakpoints;
 }
 function useBreakpoint(breakpointKey) {
-	const breakpoints$1 = useMemo(() => getBreakpoints(), []);
-	if (!breakpoints$1) throw new Error("Tailwind config is missing theme.screens");
-	return useMediaQuery({ query: `(min-width: ${breakpoints$1[breakpointKey]})` });
+	const breakpoints = useMemo(() => getBreakpoints(), []);
+	if (!breakpoints) throw new Error("Tailwind config is missing theme.screens");
+	return useMediaQuery({ query: `(min-width: ${breakpoints[breakpointKey]})` });
 }
+//#endregion
 export { useBreakpoint };

package/dist/hooks/useDebounceCallback.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/hooks/useDebounceCallback.ts
 function useDebounceCallback(callback, { delay = 500 } = {}) {
 	const timeoutRef = useRef(null);
 	const [isDebouncing, setIsDebouncing] = useState(false);
@@ -20,4 +21,5 @@ function useDebounceCallback(callback, { delay = 500 } = {}) {
 		isDebouncing
 	};
 }
+//#endregion
 export { useDebounceCallback };

package/dist/hooks/useDeepCompare.js

@@ -1,12 +1,13 @@
 import { isEqual } from "../utils/isEqual.js";
 import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
-const useDeepCompareEffect = (callback, dependencies) => {
+//#region src/hooks/useDeepCompare.ts
+var useDeepCompareEffect = (callback, dependencies) => {
 	return useEffect(callback, useDeepCompareDeps(dependencies));
 };
-const useDeepCompareLayoutEffect = (callback, dependencies) => {
+var useDeepCompareLayoutEffect = (callback, dependencies) => {
 	return useLayoutEffect(callback, useDeepCompareDeps(dependencies));
 };
-const useDeepCompareMemo = (factory, dependencies) => {
+var useDeepCompareMemo = (factory, dependencies) => {
 	return useMemo(factory, useDeepCompareDeps(dependencies));
 };
 var useDeepCompareDeps = (value) => {
@@ -18,4 +19,5 @@ var useDeepCompareDeps = (value) => {
 	}
 	return [signalRef.current];
 };
+//#endregion
 export { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo };

package/dist/hooks/useFilters.js

@@ -1,6 +1,7 @@
 import { UIRouter } from "../config/router.context.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";
+//#region src/hooks/useFilters.ts
 function getFieldType(schema, fieldKey) {
 	if (!schema || !schema.shape) return "unknown";
 	let fieldSchema = schema.shape[fieldKey];
@@ -44,7 +45,7 @@ var parseFilterFromQuery = (searchParams, schema) => {
 	}
 	return filter;
 };
-const useFilters = (defaultFilterValues, prefix = "", schema) => {
+var useFilters = (defaultFilterValues, prefix = "", schema) => {
 	const { searchParams, pathname, replace } = UIRouter.useUIRouter();
 	const [filterData, setFilterData] = useState(() => parseFilterFromQuery(searchParams, schema));
 	useEffect(() => {
@@ -118,4 +119,5 @@ const useFilters = (defaultFilterValues, prefix = "", schema) => {
 		clearAllFilters
 	]);
 };
+//#endregion
 export { useFilters };

package/dist/hooks/useForm.js

@@ -1,6 +1,7 @@
 import { useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
+//#region src/hooks/useForm.ts
 function useForm$1({ resolver, zodSchema, defaultValues, ...props }) {
 	const formResolver = useMemo(() => resolver ?? (zodSchema ? zodResolver(zodSchema) : void 0), [resolver, zodSchema]);
 	return useForm({
@@ -9,4 +10,5 @@ function useForm$1({ resolver, zodSchema, defaultValues, ...props }) {
 		defaultValues
 	});
 }
+//#endregion
 export { useForm$1 as useForm };

package/dist/hooks/useFormAutosave.js

@@ -2,6 +2,7 @@ import { ObjectUtils } from "../utils/object.utils.js";
 import { useAutosave } from "./useAutosave.js";
 import { useForm } from "./useForm.js";
 import { useEffect, useRef } from "react";
+//#region src/hooks/useFormAutosave.ts
 var getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
 Problem: Form values weren't reset after submission.
 
@@ -49,4 +50,5 @@ function useFormAutosave({ autosaveDelay, enableAutosave, onAutosave, getResetVa
 	});
 	return form;
 }
+//#endregion
 export { useFormAutosave };

package/dist/hooks/useIntersectionObserver.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
-const useIntersectionObserver = ({ onIntersection, onIntersectionChange, root, rootMargin, threshold }) => {
+//#region src/hooks/useIntersectionObserver.ts
+var useIntersectionObserver = ({ onIntersection, onIntersectionChange, root, rootMargin, threshold }) => {
 	const ref = useRef(null);
 	useEffect(() => {
 		const observer = new IntersectionObserver((entries) => {
@@ -20,4 +21,5 @@ const useIntersectionObserver = ({ onIntersection, onIntersectionChange, root, r
 	]);
 	return { ref };
 };
+//#endregion
 export { useIntersectionObserver };

package/dist/hooks/useLocalStorage.js

@@ -1,4 +1,5 @@
 import { useCallback, useState } from "react";
+//#region src/hooks/useLocalStorage.ts
 var getValue = (key, schema) => {
 	if (!localStorage) return null;
 	const lsValue = localStorage.getItem(key);
@@ -13,7 +14,7 @@ var getValue = (key, schema) => {
 	if (parsedValue.success) return parsedValue.data;
 	else return null;
 };
-const useLocalStorage = ({ key, schema }) => {
+var useLocalStorage = ({ key, schema }) => {
 	const [value, setValue] = useState(() => getValue(key, schema));
 	return {
 		value,
@@ -32,4 +33,5 @@ const useLocalStorage = ({ key, schema }) => {
 		}, [key])
 	};
 };
+//#endregion
 export { useLocalStorage };

package/dist/hooks/useLongPressRepeat.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
-const useLongPressRepeat = ({ onPress, enabled = true, interval = 85, timeout = 500 }) => {
+//#region src/hooks/useLongPressRepeat.ts
+var useLongPressRepeat = ({ onPress, enabled = true, interval = 85, timeout = 500 }) => {
 	const intervalRef = useRef(void 0);
 	useEffect(() => {
 		return () => {
@@ -24,4 +25,5 @@ const useLongPressRepeat = ({ onPress, enabled = true, interval = 85, timeout =
 		onPressEnd
 	};
 };
+//#endregion
 export { useLongPressRepeat };

package/dist/hooks/usePagination.js

@@ -1,5 +1,6 @@
 import { UIRouter } from "../config/router.context.js";
 import { useEffect, useState } from "react";
+//#region src/hooks/usePagination.ts
 var DEFAULT_STATE = {
 	pageIndex: 1,
 	pageSize: 20
@@ -23,4 +24,5 @@ function usePagination(defaultPagination) {
 		pageSize: pagination.pageSize
 	};
 }
+//#endregion
 export { usePagination };

package/dist/hooks/useScrollableListBox.js

@@ -1,5 +1,6 @@
 import { useBreakpoint } from "./useBreakpoint.js";
 import { useEffect, useRef } from "react";
+//#region src/hooks/useScrollableListBox.ts
 function useScrollableListBox() {
 	const ref = useRef(null);
 	const isDesktop = useBreakpoint("md");
@@ -21,4 +22,5 @@ function useScrollableListBox() {
 	}, [ref, isDesktop]);
 	return { ref };
 }
+//#endregion
 export { useScrollableListBox };

package/dist/hooks/useSorting.js

@@ -1,5 +1,6 @@
 import { UIRouter } from "../config/router.context.js";
 import { useEffect, useMemo, useState } from "react";
+//#region src/hooks/useSorting.ts
 function useSorting(defaultSorting, prefix = "") {
 	const { pathname, replace, searchParams } = UIRouter.useUIRouter();
 	const [sorting, setSorting] = useState(defaultSorting ?? searchParams.get(`order${prefix && `-${prefix}`}`)?.split(",").map((item) => {
@@ -31,4 +32,5 @@ function useSorting(defaultSorting, prefix = "") {
 		order
 	};
 }
+//#endregion
 export { useSorting };