@povio/ui 3.3.0 → 3.3.1

package/dist/components/shared/pagination/Pagination.js

@@ -2,16 +2,31 @@ import { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
 import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
 import { PaginationList } from "./PaginationList.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/Pagination.tsx
-var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, totalItems, totalPages, pageSize, hideText = true, hideFirstLast = true, hidePrevNext = false, hideNumbers = false, className, onPageChange, onPageSizeChange }) => {
+var Pagination = (t0) => {
+	const $ = c(34);
+	const { size: t1, variant: t2, color: t3, page, totalItems, totalPages, pageSize, hideText: t4, hideFirstLast: t5, hidePrevNext: t6, hideNumbers: t7, className, onPageChange, onPageSizeChange } = t0;
+	const size = t1 === void 0 ? "s" : t1;
+	const variant = t2 === void 0 ? "subtle" : t2;
+	const color = t3 === void 0 ? "secondary" : t3;
+	const hideText = t4 === void 0 ? true : t4;
+	const hideFirstLast = t5 === void 0 ? true : t5;
+	const hidePrevNext = t6 === void 0 ? false : t6;
+	const hideNumbers = t7 === void 0 ? false : t7;
 	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsxs("nav", {
-		id: "pagination",
-		className: clsx("flex items-center gap-2", className),
-		children: [totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
+	let t8;
+	if ($[0] !== className) {
+		t8 = clsx("flex items-center gap-2", className);
+		$[0] = className;
+		$[1] = t8;
+	} else t8 = $[1];
+	let t9;
+	if ($[2] !== color || $[3] !== hideFirstLast || $[4] !== hideNumbers || $[5] !== hidePrevNext || $[6] !== hideText || $[7] !== onPageChange || $[8] !== page || $[9] !== pageSize || $[10] !== size || $[11] !== totalItems || $[12] !== totalPages || $[13] !== variant) {
+		t9 = totalItems > pageSize && /* @__PURE__ */ jsx(PaginationList, {
 			page,
 			size,
 			color,
@@ -22,24 +37,95 @@ var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, t
 			hideNumbers,
 			totalPages: totalPages ?? Math.ceil(totalItems / pageSize),
 			onPageChange
-		}), /* @__PURE__ */ jsxs("div", {
+		});
+		$[2] = color;
+		$[3] = hideFirstLast;
+		$[4] = hideNumbers;
+		$[5] = hidePrevNext;
+		$[6] = hideText;
+		$[7] = onPageChange;
+		$[8] = page;
+		$[9] = pageSize;
+		$[10] = size;
+		$[11] = totalItems;
+		$[12] = totalPages;
+		$[13] = variant;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t) {
+		t10 = t(_temp);
+		$[15] = t;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== t10) {
+		t11 = /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: "label-2",
+			as: "span",
+			className: "whitespace-nowrap text-text-default-1",
+			children: t10
+		});
+		$[17] = t10;
+		$[18] = t11;
+	} else t11 = $[18];
+	let t12;
+	if ($[19] !== onPageSizeChange) {
+		t12 = (value) => onPageSizeChange?.(Number(value));
+		$[19] = onPageSizeChange;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t) {
+		t13 = t(_temp2);
+		$[21] = t;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== pageSize || $[24] !== t12 || $[25] !== t13) {
+		t14 = /* @__PURE__ */ jsx(NumberInput, {
+			value: pageSize,
+			onChange: t12,
+			label: t13,
+			hideLabel: true,
+			className: "w-min",
+			inputClassName: "min-w-12 !px-3 !py-0-5"
+		});
+		$[23] = pageSize;
+		$[24] = t12;
+		$[25] = t13;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== t11 || $[28] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx(Typography, {
-				variant: "default",
-				size: "label-2",
-				as: "span",
-				className: "whitespace-nowrap text-text-default-1",
-				children: t(($) => $.ui.pagination.resultsPerPage)
-			}), /* @__PURE__ */ jsx(NumberInput, {
-				value: pageSize,
-				onChange: (value) => onPageSizeChange?.(Number(value)),
-				label: t(($_0) => $_0.ui.pagination.resultsPerPage),
-				hideLabel: true,
-				className: "w-min",
-				inputClassName: "min-w-12 !px-3 !py-0-5"
-			})]
-		})]
-	});
+			children: [t11, t14]
+		});
+		$[27] = t11;
+		$[28] = t14;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t15 || $[31] !== t8 || $[32] !== t9) {
+		t16 = /* @__PURE__ */ jsxs("nav", {
+			id: "pagination",
+			className: t8,
+			children: [t9, t15]
+		});
+		$[30] = t15;
+		$[31] = t8;
+		$[32] = t9;
+		$[33] = t16;
+	} else t16 = $[33];
+	return t16;
 };
+function _temp($) {
+	return $.ui.pagination.resultsPerPage;
+}
+function _temp2($_0) {
+	return $_0.ui.pagination.resultsPerPage;
+}
 //#endregion
 export { Pagination };

package/dist/components/shared/pagination/minWidth.cva.d.ts

@@ -1,3 +1,3 @@
 export declare const minWidth: (props?: ({
-    size?: "xs" | "s" | "m" | "l" | "xxs" | null | undefined;
+    size?: "s" | "xs" | "m" | "l" | "xxs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/status/Alert/Alert.js

@@ -3,45 +3,112 @@ import { Typography } from "../../text/Typography/Typography.js";
 import { Loader } from "../Loader/Loader.js";
 import { alertDefinition } from "./alert.cva.js";
 import { statusIconDefinition, statusSeparatorDefinition } from "../shared/status.cva.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Alert/Alert.tsx
-var Alert = ({ variant, color, text, isLoading = false, rightContent, hasSeparator, icon: Icon, className }) => {
+var Alert = (t0) => {
+	const $ = c(31);
+	const { variant, color, text, isLoading: t1, rightContent, hasSeparator, icon: Icon, className } = t0;
+	const isLoading = t1 === void 0 ? false : t1;
 	const alertCva = UIOverrides.useCva("alert.cva", alertDefinition);
 	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
 	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
-	return /* @__PURE__ */ jsx("div", {
-		className: alertCva({
+	let t2;
+	if ($[0] !== alertCva || $[1] !== className || $[2] !== color || $[3] !== variant) {
+		t2 = alertCva({
 			variant,
 			color,
 			className
-		}),
-		children: /* @__PURE__ */ jsxs("div", {
+		});
+		$[0] = alertCva;
+		$[1] = className;
+		$[2] = color;
+		$[3] = variant;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== isLoading) {
+		t3 = isLoading && /* @__PURE__ */ jsx(Loader, {
+			size: "default",
+			className: "shrink-0"
+		});
+		$[5] = isLoading;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== Icon || $[8] !== color || $[9] !== iconCva || $[10] !== isLoading || $[11] !== variant) {
+		t4 = !isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
+			variant,
+			color
+		}) });
+		$[7] = Icon;
+		$[8] = color;
+		$[9] = iconCva;
+		$[10] = isLoading;
+		$[11] = variant;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== text) {
+		t5 = /* @__PURE__ */ jsx(Typography, {
+			size: "label-2",
+			children: text
+		});
+		$[13] = text;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
+			children: [
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] !== color || $[20] !== hasSeparator || $[21] !== rightContent || $[22] !== separatorCva || $[23] !== variant) {
+		t7 = !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
+			variant,
+			color
+		}) }), /* @__PURE__ */ jsx("div", {
+			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
+			children: rightContent
+		})] });
+		$[19] = color;
+		$[20] = hasSeparator;
+		$[21] = rightContent;
+		$[22] = separatorCva;
+		$[23] = variant;
+		$[24] = t7;
+	} else t7 = $[24];
+	let t8;
+	if ($[25] !== t6 || $[26] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
 			className: "flex w-auto flex-col items-center md:flex-row",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex w-full items-start gap-alert-gap-icon-to-text px-alert-side-default py-alert-height-content",
-				children: [
-					isLoading && /* @__PURE__ */ jsx(Loader, {
-						size: "default",
-						className: "shrink-0"
-					}),
-					!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({
-						variant,
-						color
-					}) }),
-					/* @__PURE__ */ jsx(Typography, {
-						size: "label-2",
-						children: text
-					})
-				]
-			}), !!rightContent && /* @__PURE__ */ jsxs(Fragment, { children: [hasSeparator && /* @__PURE__ */ jsx("div", { className: separatorCva({
-				variant,
-				color
-			}) }), /* @__PURE__ */ jsx("div", {
-				className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-alert-gap-action px-alert-side-default py-alert-height-actions-mobile md:w-auto md:justify-center md:py-alert-height-actions-desktop",
-				children: rightContent
-			})] })]
-		})
-	});
+			children: [t6, t7]
+		});
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+	} else t8 = $[27];
+	let t9;
+	if ($[28] !== t2 || $[29] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t8
+		});
+		$[28] = t2;
+		$[29] = t8;
+		$[30] = t9;
+	} else t9 = $[30];
+	return t9;
 };
 //#endregion
 export { Alert };

package/dist/components/table/InfiniteTable.js

@@ -1,28 +1,79 @@
 import { Loader } from "../status/Loader/Loader.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
 //#region src/components/table/InfiniteTable.tsx
-var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
-	const { ref } = useIntersectionObserver({
-		onIntersection: useCallback(() => {
+var InfiniteTable = (t0) => {
+	const $ = c(20);
+	let fetchNextPage;
+	let hasNextPage;
+	let rest;
+	let t1;
+	if ($[0] !== t0) {
+		({hasNextPage, isFetchingNextPage: t1, fetchNextPage, ...rest} = t0);
+		$[0] = t0;
+		$[1] = fetchNextPage;
+		$[2] = hasNextPage;
+		$[3] = rest;
+		$[4] = t1;
+	} else {
+		fetchNextPage = $[1];
+		hasNextPage = $[2];
+		rest = $[3];
+		t1 = $[4];
+	}
+	const isFetchingNextPage = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[5] !== fetchNextPage || $[6] !== hasNextPage || $[7] !== isFetchingNextPage) {
+		t2 = () => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
-		}, [
-			isFetchingNextPage,
-			hasNextPage,
-			fetchNextPage
-		]),
-		rootMargin: "100px"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col",
-		children: [/* @__PURE__ */ jsx(Table, { ...rest }), (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
+		};
+		$[5] = fetchNextPage;
+		$[6] = hasNextPage;
+		$[7] = isFetchingNextPage;
+		$[8] = t2;
+	} else t2 = $[8];
+	const handleLoadMore = t2;
+	let t3;
+	if ($[9] !== handleLoadMore) {
+		t3 = {
+			onIntersection: handleLoadMore,
+			rootMargin: "100px"
+		};
+		$[9] = handleLoadMore;
+		$[10] = t3;
+	} else t3 = $[10];
+	const { ref } = useIntersectionObserver(t3);
+	let t4;
+	if ($[11] !== rest) {
+		t4 = /* @__PURE__ */ jsx(Table, { ...rest });
+		$[11] = rest;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== hasNextPage || $[14] !== isFetchingNextPage || $[15] !== ref) {
+		t5 = (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
 			ref,
 			className: "flex justify-center py-4",
 			children: /* @__PURE__ */ jsx(Loader, {})
-		})]
-	});
+		});
+		$[13] = hasNextPage;
+		$[14] = isFetchingNextPage;
+		$[15] = ref;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== t4 || $[18] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col",
+			children: [t4, t5]
+		});
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	return t6;
 };
 //#endregion
 export { InfiniteTable };

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

@@ -1,16 +1,31 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "./typography.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Typography/Typography.tsx
-var Typography = ({ as = "p", className, ...props }) => {
-	return /* @__PURE__ */ jsx(as, {
-		className: UIOverrides.useCva("typography.cva", typographyDefinition)({
-			...props,
-			sizeMobile: props.sizeMobile ?? props.size,
-			className
-		}),
-		...props
+var Typography = (t0) => {
+	const $ = c(4);
+	const { as: t1, className, ...props } = t0;
+	const as = t1 === void 0 ? "p" : t1;
+	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
+	const Tag = as;
+	const t2 = typographyCva({
+		...props,
+		sizeMobile: props.sizeMobile ?? props.size,
+		className
 	});
+	let t3;
+	if ($[0] !== Tag || $[1] !== props || $[2] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tag, {
+			className: t2,
+			...props
+		});
+		$[0] = Tag;
+		$[1] = props;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
 };
 //#endregion
 export { Typography };

package/dist/config/confirmation.context.js

@@ -24,7 +24,7 @@ var Confirmation;
 		const [state, setState] = useState(DEFAULT_STATE);
 		const { t } = useTranslation("ui");
 		const onCancel = () => setState(DEFAULT_STATE);
-		const confirm = useCallback(async ({ heading, description, buttonSize, textAlign, modalClassName, cancelLabel = t(($) => $.ui.confirmation.cancel), confirmLabel = t(($) => $.ui.confirmation.confirm), confirmVariant, confirmColor, cancelVariant, cancelColor }) => {
+		const confirm = useCallback(async ({ heading, description, buttonSize, textAlign, modalClassName, cancelLabel = t(($) => $.ui.confirmation.cancel), confirmLabel = t(($_0) => $_0.ui.confirmation.confirm), confirmVariant, confirmColor, cancelVariant, cancelColor }) => {
 			return new Promise((resolve) => {
 				setState({
 					heading,

package/dist/config/theme.context.js

@@ -1,6 +1,7 @@
 import { useLocalStorage } from "../hooks/useLocalStorage.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { createContext, use, useCallback, useEffect, useMemo, useState } from "react";
+import { createContext, use, useEffect, useState } from "react";
 import { z } from "zod";
 //#region src/config/theme.context.tsx
 var ThemeContext;
@@ -12,56 +13,108 @@ var ThemeContext;
 		"system"
 	]);
 	const ThemeContext = createContext(null);
-	_ThemeContext.ThemeContextProvider = ({ children, storageKey = DEFAULT_STORAGE_KEY }) => {
-		const [systemTheme, setSystemTheme] = useState(() => {
-			if (typeof window === "undefined") return;
-			return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-		});
-		const { value: theme, set } = useLocalStorage({
-			key: storageKey,
-			schema: ThemeSchema
-		});
-		const updateTheme = useCallback((theme_0) => {
-			set(theme_0);
-		}, [set]);
-		useEffect(() => {
-			if (typeof window === "undefined") return;
-			const onChange = (event) => {
-				setSystemTheme(event.matches ? "dark" : "light");
+	_ThemeContext.ThemeContextProvider = (t0) => {
+		const $ = c(17);
+		const { children, storageKey: t1 } = t0;
+		const storageKey = t1 === void 0 ? DEFAULT_STORAGE_KEY : t1;
+		const [systemTheme, setSystemTheme] = useState(_temp);
+		let t2;
+		if ($[0] !== storageKey) {
+			t2 = {
+				key: storageKey,
+				schema: ThemeSchema
 			};
-			const media_0 = window.matchMedia("(prefers-color-scheme: dark)");
-			media_0.addEventListener("change", onChange);
-			return () => {
-				media_0.removeEventListener("change", onChange);
+			$[0] = storageKey;
+			$[1] = t2;
+		} else t2 = $[1];
+		const { value: theme, set } = useLocalStorage(t2);
+		let t3;
+		if ($[2] !== set) {
+			t3 = (theme_0) => {
+				set(theme_0);
 			};
-		}, []);
-		useEffect(() => {
-			document.documentElement.classList.remove("dark");
-			if ((!theme || theme === "system") && systemTheme === "dark" || theme === "dark") {
-				document.documentElement.classList.add("dark");
-				document.documentElement.style.colorScheme = "dark";
-			} else if (theme === "light") {
-				document.documentElement.classList.add("light");
-				document.documentElement.style.colorScheme = "light";
-			} else document.documentElement.style.colorScheme = "light";
-		}, [theme, systemTheme]);
-		const contextValue = useMemo(() => ({
-			theme: theme ?? "system",
-			systemTheme,
-			updateTheme
-		}), [
-			theme,
-			systemTheme,
-			updateTheme
-		]);
-		return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-			value: contextValue,
-			children
-		});
+			$[2] = set;
+			$[3] = t3;
+		} else t3 = $[3];
+		const updateTheme = t3;
+		let t4;
+		let t5;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t4 = () => {
+				if (typeof window === "undefined") return;
+				const onChange = (event) => {
+					setSystemTheme(event.matches ? "dark" : "light");
+				};
+				const media_0 = window.matchMedia("(prefers-color-scheme: dark)");
+				media_0.addEventListener("change", onChange);
+				return () => {
+					media_0.removeEventListener("change", onChange);
+				};
+			};
+			t5 = [];
+			$[4] = t4;
+			$[5] = t5;
+		} else {
+			t4 = $[4];
+			t5 = $[5];
+		}
+		useEffect(t4, t5);
+		let t6;
+		let t7;
+		if ($[6] !== systemTheme || $[7] !== theme) {
+			t6 = () => {
+				document.documentElement.classList.remove("dark");
+				if ((!theme || theme === "system") && systemTheme === "dark" || theme === "dark") {
+					document.documentElement.classList.add("dark");
+					document.documentElement.style.colorScheme = "dark";
+				} else if (theme === "light") {
+					document.documentElement.classList.add("light");
+					document.documentElement.style.colorScheme = "light";
+				} else document.documentElement.style.colorScheme = "light";
+			};
+			t7 = [theme, systemTheme];
+			$[6] = systemTheme;
+			$[7] = theme;
+			$[8] = t6;
+			$[9] = t7;
+		} else {
+			t6 = $[8];
+			t7 = $[9];
+		}
+		useEffect(t6, t7);
+		const t8 = theme ?? "system";
+		let t9;
+		if ($[10] !== systemTheme || $[11] !== t8 || $[12] !== updateTheme) {
+			t9 = {
+				theme: t8,
+				systemTheme,
+				updateTheme
+			};
+			$[10] = systemTheme;
+			$[11] = t8;
+			$[12] = updateTheme;
+			$[13] = t9;
+		} else t9 = $[13];
+		const contextValue = t9;
+		let t10;
+		if ($[14] !== children || $[15] !== contextValue) {
+			t10 = /* @__PURE__ */ jsx(ThemeContext.Provider, {
+				value: contextValue,
+				children
+			});
+			$[14] = children;
+			$[15] = contextValue;
+			$[16] = t10;
+		} else t10 = $[16];
+		return t10;
 	};
 	_ThemeContext.useTheme = () => {
 		return use(ThemeContext);
 	};
 })(ThemeContext || (ThemeContext = {}));
+function _temp() {
+	if (typeof window === "undefined") return;
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
 //#endregion
 export { ThemeContext };

package/dist/config/uiConfig.context.js

@@ -3,6 +3,7 @@ import { ClockIcon } from "../assets/icons/Clock.js";
 import { DateTimeIcon } from "../assets/icons/DateTime.js";
 import { ObjectUtils } from "../utils/object.utils.js";
 import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 //#region src/config/uiConfig.context.tsx
@@ -114,15 +115,42 @@ var UIConfig;
 		}
 	};
 	const Context = createContext(DEFAULT_CONFIG);
-	_UIConfig.Provider = ({ config = {}, children }) => {
+	_UIConfig.Provider = (t0) => {
+		const $ = c(9);
+		const { config: t1, children } = t0;
+		let t2;
+		if ($[0] !== t1) {
+			t2 = t1 === void 0 ? {} : t1;
+			$[0] = t1;
+			$[1] = t2;
+		} else t2 = $[1];
+		const config = t2;
 		const parentConfig = use(Context) || DEFAULT_CONFIG;
-		const value = useDeepCompareMemo(() => {
-			return ObjectUtils.deepConditionalMerge(parentConfig, config, (val) => val !== null && val !== void 0);
-		}, [config, parentConfig]);
-		return /* @__PURE__ */ jsx(Context.Provider, {
-			value,
-			children
-		});
+		let t3;
+		let t4;
+		if ($[2] !== config || $[3] !== parentConfig) {
+			t3 = () => ObjectUtils.deepConditionalMerge(parentConfig, config, _temp);
+			t4 = [config, parentConfig];
+			$[2] = config;
+			$[3] = parentConfig;
+			$[4] = t3;
+			$[5] = t4;
+		} else {
+			t3 = $[4];
+			t4 = $[5];
+		}
+		const value = useDeepCompareMemo(t3, t4);
+		let t5;
+		if ($[6] !== children || $[7] !== value) {
+			t5 = /* @__PURE__ */ jsx(Context.Provider, {
+				value,
+				children
+			});
+			$[6] = children;
+			$[7] = value;
+			$[8] = t5;
+		} else t5 = $[8];
+		return t5;
 	};
 	_UIConfig.useConfig = () => {
 		const context = use(Context);
@@ -130,5 +158,8 @@ var UIConfig;
 		return context;
 	};
 })(UIConfig || (UIConfig = {}));
+function _temp(val) {
+	return val !== null && val !== void 0;
+}
 //#endregion
 export { UIConfig };