@povio/ui 2.3.0-rc.6 → 2.3.0-rc.8

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

@@ -1,21 +1,33 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { LinkContext } from "../../../config/link.context.js";
 import { link } from "./link.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
 //#region src/components/text/Link/Link.tsx
-var Link$1 = ({ variant, ...props }) => {
+var Link$1 = (t0) => {
+	const $ = c(4);
+	const { variant, ...props } = t0;
 	const linkContext = LinkContext.useLinkContext();
 	const linkCva = UIStyle.useCva("link.cva", link);
 	const LinkComponent = linkContext?.LinkComponent ?? Link;
 	if (!props.to && props.href) props.to = props.href;
-	return /* @__PURE__ */ jsx(LinkComponent, {
-		...props,
-		className: linkCva({
-			variant,
-			className: props.className
-		})
+	const t1 = linkCva({
+		variant,
+		className: props.className
 	});
+	let t2;
+	if ($[0] !== LinkComponent || $[1] !== props || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(LinkComponent, {
+			...props,
+			className: t1
+		});
+		$[0] = LinkComponent;
+		$[1] = props;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 };
 //#endregion
 export { Link$1 as Link };

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

@@ -1,16 +1,31 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } 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: UIStyle.useCva("typography.cva", typography)({
-			...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 = UIStyle.useCva("typography.cva", typography);
+	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/link.context.js

@@ -1,17 +1,31 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { createContext, use, useMemo } from "react";
+import { createContext, use } from "react";
 //#region src/config/link.context.tsx
 var LinkContext;
 (function(_LinkContext) {
 	const LinkContextInternal = createContext(null);
-	_LinkContext.LinkContextProvider = ({ children, LinkComponent }) => {
-		const value = useMemo(() => {
-			return { LinkComponent };
-		}, [LinkComponent]);
-		return /* @__PURE__ */ jsx(LinkContextInternal.Provider, {
-			value,
-			children
-		});
+	_LinkContext.LinkContextProvider = (t0) => {
+		const $ = c(5);
+		const { children, LinkComponent } = t0;
+		let t1;
+		if ($[0] !== LinkComponent) {
+			t1 = { LinkComponent };
+			$[0] = LinkComponent;
+			$[1] = t1;
+		} else t1 = $[1];
+		const value = t1;
+		let t2;
+		if ($[2] !== children || $[3] !== value) {
+			t2 = /* @__PURE__ */ jsx(LinkContextInternal.Provider, {
+				value,
+				children
+			});
+			$[2] = children;
+			$[3] = value;
+			$[4] = t2;
+		} else t2 = $[4];
+		return t2;
 	};
 	_LinkContext.useLinkContext = () => {
 		return use(LinkContextInternal);

package/dist/config/router.context.js

@@ -1,31 +1,57 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { createContext, use, useMemo } from "react";
+import { createContext, use } from "react";
 import { RouterProvider } from "react-aria";
 //#region src/config/router.context.tsx
 var UIRouter;
 (function(_UIRouter) {
 	const UIRouterContext = createContext(null);
-	_UIRouter.UIRouterProvider = ({ children, push, replace, searchString }) => {
-		const searchParams = useMemo(() => {
-			return new URLSearchParams(searchString);
-		}, [searchString]);
-		return /* @__PURE__ */ jsx(UIRouterContext, {
-			value: useMemo(() => ({
+	_UIRouter.UIRouterProvider = (t0) => {
+		const $ = c(13);
+		const { children, push, replace, searchString } = t0;
+		let t1;
+		if ($[0] !== searchString) {
+			t1 = new URLSearchParams(searchString);
+			$[0] = searchString;
+			$[1] = t1;
+		} else t1 = $[1];
+		const searchParams = t1;
+		let t2;
+		if ($[2] !== push || $[3] !== replace || $[4] !== searchParams || $[5] !== searchString) {
+			t2 = {
 				searchParams,
 				push,
 				searchString,
 				replace
-			}), [
-				searchParams,
-				push,
-				searchString,
-				replace
-			]),
-			children: /* @__PURE__ */ jsx(RouterProvider, {
+			};
+			$[2] = push;
+			$[3] = replace;
+			$[4] = searchParams;
+			$[5] = searchString;
+			$[6] = t2;
+		} else t2 = $[6];
+		const value = t2;
+		let t3;
+		if ($[7] !== children || $[8] !== push) {
+			t3 = /* @__PURE__ */ jsx(RouterProvider, {
 				navigate: push,
 				children
-			})
-		});
+			});
+			$[7] = children;
+			$[8] = push;
+			$[9] = t3;
+		} else t3 = $[9];
+		let t4;
+		if ($[10] !== t3 || $[11] !== value) {
+			t4 = /* @__PURE__ */ jsx(UIRouterContext, {
+				value,
+				children: t3
+			});
+			$[10] = t3;
+			$[11] = value;
+			$[12] = t4;
+		} else t4 = $[12];
+		return t4;
 	};
 	_UIRouter.useUIRouter = () => {
 		const context = use(UIRouterContext);

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) => {
-			set(theme);
-		}, [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 = window.matchMedia("(prefers-color-scheme: dark)");
-			media.addEventListener("change", onChange);
-			return () => {
-				media.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
@@ -90,15 +91,42 @@ var UIConfig;
 		toast: { variant: "outlined" }
 	};
 	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);
@@ -106,5 +134,8 @@ var UIConfig;
 		return context;
 	};
 })(UIConfig || (UIConfig = {}));
+function _temp(val) {
+	return val !== null && val !== void 0;
+}
 //#endregion
 export { UIConfig };

package/dist/config/uiStyle.context.js

@@ -1,14 +1,24 @@
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 //#region src/config/uiStyle.context.tsx
 var UIStyle;
 (function(_UIStyle) {
 	const Context = createContext(null);
-	_UIStyle.Provider = ({ children, config }) => {
-		return /* @__PURE__ */ jsx(Context.Provider, {
-			value: config,
-			children
-		});
+	_UIStyle.Provider = (t0) => {
+		const $ = c(3);
+		const { children, config } = t0;
+		let t1;
+		if ($[0] !== children || $[1] !== config) {
+			t1 = /* @__PURE__ */ jsx(Context.Provider, {
+				value: config,
+				children
+			});
+			$[0] = children;
+			$[1] = config;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
 	};
 	const useConfig = () => {
 		return use(Context);

package/dist/hooks/useBreakpoint.js

@@ -1,4 +1,4 @@
-import { useMemo } from "react";
+import { c } from "react/compiler-runtime";
 import { useMediaQuery } from "react-responsive";
 //#region src/hooks/useBreakpoint.ts
 var breakpoints = null;
@@ -22,9 +22,22 @@ function getBreakpoints() {
 	return breakpoints;
 }
 function useBreakpoint(breakpointKey) {
-	const breakpoints = useMemo(() => getBreakpoints(), []);
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = getBreakpoints();
+		$[0] = t0;
+	} else t0 = $[0];
+	const breakpoints = t0;
 	if (!breakpoints) throw new Error("Tailwind config is missing theme.screens");
-	return useMediaQuery({ query: `(min-width: ${breakpoints[breakpointKey]})` });
+	const t1 = `(min-width: ${breakpoints[breakpointKey]})`;
+	let t2;
+	if ($[1] !== t1) {
+		t2 = { query: t1 };
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return useMediaQuery(t2);
 }
 //#endregion
 export { useBreakpoint };

package/dist/hooks/useDebounceCallback.js

@@ -1,25 +1,59 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
 //#region src/hooks/useDebounceCallback.ts
-function useDebounceCallback(callback, { delay = 500 } = {}) {
+function useDebounceCallback(callback, t0) {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { delay: t2 } = t1;
+	const delay = t2 === void 0 ? 500 : t2;
 	const timeoutRef = useRef(null);
 	const [isDebouncing, setIsDebouncing] = useState(false);
-	const debouncedCallback = useCallback((...args) => {
-		if (timeoutRef.current) clearTimeout(timeoutRef.current);
-		setIsDebouncing(true);
-		timeoutRef.current = setTimeout(() => {
-			setIsDebouncing(false);
-			callback?.(...args);
-		}, delay);
-	}, [callback, delay]);
-	useEffect(() => {
-		return () => {
+	let t3;
+	if ($[2] !== callback || $[3] !== delay) {
+		t3 = (...t4) => {
+			const args = t4;
 			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+			setIsDebouncing(true);
+			timeoutRef.current = setTimeout(() => {
+				setIsDebouncing(false);
+				callback?.(...args);
+			}, delay);
 		};
-	}, []);
-	return {
-		callback: debouncedCallback,
-		isDebouncing
-	};
+		$[2] = callback;
+		$[3] = delay;
+		$[4] = t3;
+	} else t3 = $[4];
+	const debouncedCallback = t3;
+	let t4;
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+		t5 = [];
+		$[5] = t4;
+		$[6] = t5;
+	} else {
+		t4 = $[5];
+		t5 = $[6];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[7] !== debouncedCallback || $[8] !== isDebouncing) {
+		t6 = {
+			callback: debouncedCallback,
+			isDebouncing
+		};
+		$[7] = debouncedCallback;
+		$[8] = isDebouncing;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
 }
 //#endregion
 export { useDebounceCallback };