@povio/ui 2.3.3 → 3.0.0-rc.1

package/dist/components/overlays/Drawer/Drawer.js

@@ -1,35 +1,77 @@
 import { modalOverlay } from "../Modal/modal.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
 //#region src/components/overlays/Drawer/Drawer.tsx
-var Drawer = ({ label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
-	if (trigger) return /* @__PURE__ */ jsxs(DialogTrigger, {
-		isOpen,
-		onOpenChange,
-		children: [trigger, /* @__PURE__ */ jsx(DrawerOverlay, {
-			label,
+var Drawer = (t0) => {
+	const $ = c(25);
+	const { label, isOpen, portalContainerRef, onOpenChange, trigger, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside } = t0;
+	if (trigger) {
+		let t1;
+		if ($[0] !== children || $[1] !== className || $[2] !== dialogClassName || $[3] !== isDismissable || $[4] !== label || $[5] !== overlayClassName || $[6] !== portalContainerRef || $[7] !== shouldCloseOnInteractOutside) {
+			t1 = /* @__PURE__ */ jsx(DrawerOverlay, {
+				label,
+				portalContainerRef,
+				isDismissable,
+				overlayClassName,
+				dialogClassName,
+				className,
+				shouldCloseOnInteractOutside,
+				children
+			});
+			$[0] = children;
+			$[1] = className;
+			$[2] = dialogClassName;
+			$[3] = isDismissable;
+			$[4] = label;
+			$[5] = overlayClassName;
+			$[6] = portalContainerRef;
+			$[7] = shouldCloseOnInteractOutside;
+			$[8] = t1;
+		} else t1 = $[8];
+		let t2;
+		if ($[9] !== isOpen || $[10] !== onOpenChange || $[11] !== t1 || $[12] !== trigger) {
+			t2 = /* @__PURE__ */ jsxs(DialogTrigger, {
+				isOpen,
+				onOpenChange,
+				children: [trigger, t1]
+			});
+			$[9] = isOpen;
+			$[10] = onOpenChange;
+			$[11] = t1;
+			$[12] = trigger;
+			$[13] = t2;
+		} else t2 = $[13];
+		return t2;
+	}
+	let t1;
+	if ($[14] !== children || $[15] !== className || $[16] !== dialogClassName || $[17] !== isDismissable || $[18] !== isOpen || $[19] !== label || $[20] !== onOpenChange || $[21] !== overlayClassName || $[22] !== portalContainerRef || $[23] !== shouldCloseOnInteractOutside) {
+		t1 = /* @__PURE__ */ jsx(DrawerOverlay, {
+			isOpen,
+			onOpenChange,
 			portalContainerRef,
 			isDismissable,
 			overlayClassName,
 			dialogClassName,
 			className,
+			label,
 			shouldCloseOnInteractOutside,
 			children
-		})]
-	});
-	return /* @__PURE__ */ jsx(DrawerOverlay, {
-		isOpen,
-		onOpenChange,
-		portalContainerRef,
-		isDismissable,
-		overlayClassName,
-		dialogClassName,
-		className,
-		label,
-		shouldCloseOnInteractOutside,
-		children
-	});
+		});
+		$[14] = children;
+		$[15] = className;
+		$[16] = dialogClassName;
+		$[17] = isDismissable;
+		$[18] = isOpen;
+		$[19] = label;
+		$[20] = onOpenChange;
+		$[21] = overlayClassName;
+		$[22] = portalContainerRef;
+		$[23] = shouldCloseOnInteractOutside;
+		$[24] = t1;
+	} else t1 = $[24];
+	return t1;
 };
 var DrawerOverlay = ({ label, isOpen, onOpenChange, portalContainerRef, children, isDismissable, overlayClassName, dialogClassName, className, shouldCloseOnInteractOutside }) => {
 	return /* @__PURE__ */ jsx(ModalOverlay, {

package/dist/components/overlays/Modal/Modal.js

@@ -1,8 +1,8 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
-import { UIStyle } from "../../../config/uiStyle.context.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
-import { modalContent, modalMain, modalOverlay } from "./modal.cva.js";
+import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./modal.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, Modal, ModalOverlay } from "react-aria-components";
@@ -10,9 +10,9 @@ import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Modal/Modal.tsx
 var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
 	const { t } = useTranslation("ui");
-	const modalMainCva = UIStyle.useCva("modal.mainCva", modalMain);
-	const modalContentCva = UIStyle.useCva("modal.contentCva", modalContent);
-	const modalOverlayCva = UIStyle.useCva("modal.overlayCva", modalOverlay);
+	const modalMainCva = UIOverrides.useCva("modal.mainCva", modalMainDefinition);
+	const modalContentCva = UIOverrides.useCva("modal.contentCva", modalContentDefinition);
+	const modalOverlayCva = UIOverrides.useCva("modal.overlayCva", modalOverlayDefinition);
 	return /* @__PURE__ */ jsx(ModalOverlay, {
 		UNSTABLE_portalContainer: portalContainerRef?.current,
 		className: modalOverlayCva({

package/dist/components/overlays/Modal/modal.cva.d.ts

@@ -1,12 +1,37 @@
-import { VariantProps } from 'class-variance-authority';
-export interface ModalVariantProps extends VariantProps<typeof modalContent> {
+import { UIOverrides } from '../../../config/uiOverrides.context';
+export declare const modalContentDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly aside: {
+            readonly left: "h-screen rounded-none border-r";
+            readonly right: "h-screen rounded-none border-l";
+            readonly center: "rounded-modal-rounding-default border";
+        };
+    }>;
+};
+export type ModalConfig = NonNullable<typeof modalContentDefinition.config>;
+export interface ModalVariantProps extends UIOverrides.VariantProps<ModalConfig> {
 }
-export declare const modalContent: (props?: ({
-    aside?: "left" | "right" | "center" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const modalOverlayDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly aside: {
+            readonly left: "p-0";
+            readonly right: "p-0";
+            readonly center: "p-4";
+        };
+    }>;
+};
 export declare const modalOverlay: (props?: ({
-    aside?: "left" | "right" | "center" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const modalMain: (props?: ({
-    aside?: "left" | "right" | "center" | null | undefined;
+    readonly aside?: "left" | "right" | "center" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const modalMainDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly aside: {
+            readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
+            readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
+            readonly center: "justify-center";
+        };
+    }>;
+};

package/dist/components/overlays/Modal/modal.cva.js

@@ -1,33 +1,44 @@
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/overlays/Modal/modal.cva.ts
-var modalContent = cva([
-	"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
-	"w-fit max-w-full [&>*]:max-w-full",
-	"border-elevation-outline-default-1 bg-elevation-fill-default-1 outline-none",
-	"pointer-events-auto"
-], {
-	variants: { aside: {
-		left: "h-screen rounded-none border-r",
-		right: "h-screen rounded-none border-l",
-		center: "rounded-modal-rounding-default border"
-	} },
-	defaultVariants: { aside: "center" }
+var modalContentDefinition = UIOverrides.defineConfig({
+	base: [
+		"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
+		"w-fit max-w-full [&>*]:max-w-full",
+		"border-elevation-outline-default-1 bg-elevation-fill-default-1 outline-none",
+		"pointer-events-auto"
+	],
+	config: {
+		variants: { aside: {
+			left: "h-screen rounded-none border-r",
+			right: "h-screen rounded-none border-l",
+			center: "rounded-modal-rounding-default border"
+		} },
+		defaultVariants: { aside: "center" }
+	}
 });
-var modalOverlay = cva(["fixed inset-0 z-10 flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay"], {
-	variants: { aside: {
-		left: "p-0",
-		right: "p-0",
-		center: "p-4"
-	} },
-	defaultVariants: { aside: "center" }
+var modalOverlayDefinition = UIOverrides.defineConfig({
+	base: ["fixed inset-0 z-10 flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay"],
+	config: {
+		variants: { aside: {
+			left: "p-0",
+			right: "p-0",
+			center: "p-4"
+		} },
+		defaultVariants: { aside: "center" }
+	}
 });
-var modalMain = cva(["pointer-events-none my-auto flex w-full"], {
-	variants: { aside: {
-		left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start",
-		right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end",
-		center: "justify-center"
-	} },
-	defaultVariants: { aside: "center" }
+var modalOverlay = cva(modalOverlayDefinition.base, modalOverlayDefinition.config);
+var modalMainDefinition = UIOverrides.defineConfig({
+	base: ["pointer-events-none my-auto flex w-full"],
+	config: {
+		variants: { aside: {
+			left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start",
+			right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end",
+			center: "justify-center"
+		} },
+		defaultVariants: { aside: "center" }
+	}
 });
 //#endregion
-export { modalContent, modalMain, modalOverlay };
+export { modalContentDefinition, modalMainDefinition, modalOverlay, modalOverlayDefinition };

package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js

@@ -1,41 +1,97 @@
-import { UIStyle } from "../../../config/uiStyle.context.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { BottomSheet } from "../BottomSheet/BottomSheet.js";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
-import { popover } from "../../shared/popover.cva.js";
+import { popoverDefinition } from "../../shared/popover.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Popover } from "react-aria-components";
 //#region src/components/overlays/ResponsivePopover/ResponsivePopover.tsx
-var ResponsivePopover = ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel }) => {
-	const popoverCva = UIStyle.useCva("popover.cva", popover);
-	if (!useBreakpoint("md")) return /* @__PURE__ */ jsx(BottomSheet, {
-		isOpen,
-		onOpenChange,
-		trigger,
-		height: "auto",
-		isDismissable: true,
-		label: sheetLabel,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "p-4",
-			children
-		})
-	});
-	return /* @__PURE__ */ jsxs(DialogTrigger, {
-		isOpen,
-		onOpenChange,
-		children: [trigger, /* @__PURE__ */ jsx(Popover, {
-			className: clsx("my-4 outline-none", popoverClassName),
+var ResponsivePopover = (t0) => {
+	const $ = c(23);
+	const { trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel } = t0;
+	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
+	if (!useBreakpoint("md")) {
+		let t1;
+		if ($[0] !== children) {
+			t1 = /* @__PURE__ */ jsx("div", {
+				className: "p-4",
+				children
+			});
+			$[0] = children;
+			$[1] = t1;
+		} else t1 = $[1];
+		let t2;
+		if ($[2] !== isOpen || $[3] !== onOpenChange || $[4] !== sheetLabel || $[5] !== t1 || $[6] !== trigger) {
+			t2 = /* @__PURE__ */ jsx(BottomSheet, {
+				isOpen,
+				onOpenChange,
+				trigger,
+				height: "auto",
+				isDismissable: true,
+				label: sheetLabel,
+				children: t1
+			});
+			$[2] = isOpen;
+			$[3] = onOpenChange;
+			$[4] = sheetLabel;
+			$[5] = t1;
+			$[6] = trigger;
+			$[7] = t2;
+		} else t2 = $[7];
+		return t2;
+	}
+	let t1;
+	if ($[8] !== popoverClassName) {
+		t1 = clsx("my-4 outline-none", popoverClassName);
+		$[8] = popoverClassName;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== popoverCva) {
+		t2 = clsx(popoverCva({}), "overflow-hidden p-2");
+		$[10] = popoverCva;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[12] !== children || $[13] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Dialog, {
+			className: "outline-none",
+			children: /* @__PURE__ */ jsx("div", {
+				className: t2,
+				children
+			})
+		});
+		$[12] = children;
+		$[13] = t2;
+		$[14] = t3;
+	} else t3 = $[14];
+	let t4;
+	if ($[15] !== t1 || $[16] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Popover, {
+			className: t1,
 			offset: 0,
 			placement: "bottom start",
-			children: /* @__PURE__ */ jsx(Dialog, {
-				className: "outline-none",
-				children: /* @__PURE__ */ jsx("div", {
-					className: clsx(popoverCva({}), "overflow-hidden p-2"),
-					children
-				})
-			})
-		})]
-	});
+			children: t3
+		});
+		$[15] = t1;
+		$[16] = t3;
+		$[17] = t4;
+	} else t4 = $[17];
+	let t5;
+	if ($[18] !== isOpen || $[19] !== onOpenChange || $[20] !== t4 || $[21] !== trigger) {
+		t5 = /* @__PURE__ */ jsxs(DialogTrigger, {
+			isOpen,
+			onOpenChange,
+			children: [trigger, t4]
+		});
+		$[18] = isOpen;
+		$[19] = onOpenChange;
+		$[20] = t4;
+		$[21] = trigger;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
 };
 //#endregion
 export { ResponsivePopover };

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,54 +1,163 @@
 import { PointerHorizontalIcon } from "../../../assets/icons/PointerHorizontal.js";
 import { PointerVerticalIcon } from "../../../assets/icons/PointerVertical.js";
-import { UIStyle } from "../../../config/uiStyle.context.js";
-import { tooltipCva, tooltipPointerHorizontalCva, tooltipPointerVerticalCva, tooltipTextCva } from "./tooltip.cva.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./tooltip.cva.js";
 import { Typography } from "../../text/Typography/Typography.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Fragment as Fragment$1, useRef } from "react";
 import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
 import { useFocusable } from "react-aria";
 //#region src/components/overlays/Tooltip/Tooltip.tsx
-var CustomTrigger = ({ children, className, tabIndex }) => {
+var CustomTrigger = (t0) => {
+	const $ = c(8);
+	const { children, className, tabIndex } = t0;
 	const ref = useRef(null);
-	const { focusableProps } = useFocusable({}, ref);
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		...focusableProps,
-		tabIndex: tabIndex ?? 0,
-		className: clsx("inline-flex", className),
-		children
-	});
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {};
+		$[0] = t1;
+	} else t1 = $[0];
+	const { focusableProps } = useFocusable(t1, ref);
+	const t2 = tabIndex ?? 0;
+	let t3;
+	if ($[1] !== className) {
+		t3 = clsx("inline-flex", className);
+		$[1] = className;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== children || $[4] !== focusableProps || $[5] !== t2 || $[6] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			ref,
+			...focusableProps,
+			tabIndex: t2,
+			className: t3,
+			children
+		});
+		$[3] = children;
+		$[4] = focusableProps;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
 };
-var Tooltip$1 = ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }) => {
-	const tooltipCva$1 = UIStyle.useCva("tooltip.cva", tooltipCva);
-	const tooltipPointerHorizontalCva$1 = UIStyle.useCva("tooltip.pointerHorizontalCva", tooltipPointerHorizontalCva);
-	const tooltipPointerVerticalCva$1 = UIStyle.useCva("tooltip.pointerVerticalCva", tooltipPointerVerticalCva);
-	const tooltipTextCva$1 = UIStyle.useCva("tooltip.textCva", tooltipTextCva);
+var Tooltip$1 = (t0) => {
+	const $ = c(38);
+	const { children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps } = t0;
+	const tooltipCva = UIOverrides.useCva("tooltip.cva", tooltipDefinition);
+	const tooltipPointerHorizontalCva = UIOverrides.useCva("tooltip.pointerHorizontalCva", tooltipPointerHorizontalDefinition);
+	const tooltipPointerVerticalCva = UIOverrides.useCva("tooltip.pointerVerticalCva", tooltipPointerVerticalDefinition);
+	const tooltipTextCva = UIOverrides.useCva("tooltip.textCva", tooltipTextDefinition);
 	const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment$1;
-	return /* @__PURE__ */ jsxs(TooltipTrigger, {
-		delay: delay ?? 0,
-		closeDelay: closeDelay ?? 0,
-		isDisabled,
-		children: [isNonInteractiveTrigger ? /* @__PURE__ */ jsx(Trigger, {
+	const T0 = TooltipTrigger;
+	const t1 = delay ?? 0;
+	const t2 = closeDelay ?? 0;
+	let t3;
+	if ($[0] !== Trigger || $[1] !== children || $[2] !== isNonInteractiveTrigger || $[3] !== triggerClassName || $[4] !== triggerTabIndex) {
+		t3 = isNonInteractiveTrigger ? /* @__PURE__ */ jsx(Trigger, {
 			...isNonInteractiveTrigger && { className: triggerClassName },
 			tabIndex: triggerTabIndex,
 			children
-		}) : /* @__PURE__ */ jsx(Trigger, { children }), /* @__PURE__ */ jsxs(Tooltip, {
+		}) : /* @__PURE__ */ jsx(Trigger, { children });
+		$[0] = Trigger;
+		$[1] = children;
+		$[2] = isNonInteractiveTrigger;
+		$[3] = triggerClassName;
+		$[4] = triggerTabIndex;
+		$[5] = t3;
+	} else t3 = $[5];
+	const T1 = Tooltip;
+	const t4 = tooltipCva({
+		color,
+		className: tooltipProps.className
+	});
+	let t5;
+	if ($[6] !== color || $[7] !== tooltipPointerHorizontalCva) {
+		t5 = tooltipPointerHorizontalCva({ color });
+		$[6] = color;
+		$[7] = tooltipPointerHorizontalCva;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx(PointerHorizontalIcon, { className: t5 });
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== color || $[12] !== tooltipPointerVerticalCva) {
+		t7 = tooltipPointerVerticalCva({ color });
+		$[11] = color;
+		$[12] = tooltipPointerVerticalCva;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(PointerVerticalIcon, { className: t7 });
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== t6 || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(OverlayArrow, { children: [t6, t8] });
+		$[16] = t6;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== color || $[20] !== tooltipTextCva) {
+		t10 = tooltipTextCva({ color });
+		$[19] = color;
+		$[20] = tooltipTextCva;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10 || $[23] !== text) {
+		t11 = /* @__PURE__ */ jsx(Typography, {
+			size: "body-4",
+			variant: "prominent-1",
+			className: t10,
+			children: text
+		});
+		$[22] = t10;
+		$[23] = text;
+		$[24] = t11;
+	} else t11 = $[24];
+	let t12;
+	if ($[25] !== T1 || $[26] !== t11 || $[27] !== t4 || $[28] !== t9 || $[29] !== tooltipProps) {
+		t12 = /* @__PURE__ */ jsxs(T1, {
 			...tooltipProps,
-			className: tooltipCva$1({
-				color,
-				className: tooltipProps.className
-			}),
+			className: t4,
 			offset: 13,
-			children: [/* @__PURE__ */ jsxs(OverlayArrow, { children: [/* @__PURE__ */ jsx(PointerHorizontalIcon, { className: tooltipPointerHorizontalCva$1({ color }) }), /* @__PURE__ */ jsx(PointerVerticalIcon, { className: tooltipPointerVerticalCva$1({ color }) })] }), /* @__PURE__ */ jsx(Typography, {
-				size: "body-4",
-				variant: "prominent-1",
-				className: tooltipTextCva$1({ color }),
-				children: text
-			})]
-		})]
-	});
+			children: [t9, t11]
+		});
+		$[25] = T1;
+		$[26] = t11;
+		$[27] = t4;
+		$[28] = t9;
+		$[29] = tooltipProps;
+		$[30] = t12;
+	} else t12 = $[30];
+	let t13;
+	if ($[31] !== T0 || $[32] !== isDisabled || $[33] !== t1 || $[34] !== t12 || $[35] !== t2 || $[36] !== t3) {
+		t13 = /* @__PURE__ */ jsxs(T0, {
+			delay: t1,
+			closeDelay: t2,
+			isDisabled,
+			children: [t3, t12]
+		});
+		$[31] = T0;
+		$[32] = isDisabled;
+		$[33] = t1;
+		$[34] = t12;
+		$[35] = t2;
+		$[36] = t3;
+		$[37] = t13;
+	} else t13 = $[37];
+	return t13;
 };
 //#endregion
 export { Tooltip$1 as Tooltip };

package/dist/components/overlays/Tooltip/TooltipEllipsis.js

@@ -1,20 +1,45 @@
 import { Tooltip } from "./Tooltip.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 //#region src/components/overlays/Tooltip/TooltipEllipsis.tsx
-var TooltipEllipsis = ({ text, children, isDisabled, isNonInteractiveTrigger }) => {
+var TooltipEllipsis = (t0) => {
+	const $ = c(8);
+	const { text, children, isDisabled, isNonInteractiveTrigger } = t0;
 	const [isEllipsisActive, setIsEllipsisActive] = useState(false);
-	const onContentRef = (ref) => {
-		if (ref) setIsEllipsisActive(ref.offsetWidth < ref.scrollWidth);
-	};
-	const content = children(onContentRef);
-	if (isEllipsisActive && !isDisabled) return /* @__PURE__ */ jsx(Tooltip, {
-		text,
-		placement: "bottom",
-		isDisabled,
-		isNonInteractiveTrigger,
-		children: content
-	});
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (ref) => {
+			if (ref) setIsEllipsisActive(ref.offsetWidth < ref.scrollWidth);
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const onContentRef = t1;
+	let t2;
+	if ($[1] !== children) {
+		t2 = children(onContentRef);
+		$[1] = children;
+		$[2] = t2;
+	} else t2 = $[2];
+	const content = t2;
+	if (isEllipsisActive && !isDisabled) {
+		let t3;
+		if ($[3] !== content || $[4] !== isDisabled || $[5] !== isNonInteractiveTrigger || $[6] !== text) {
+			t3 = /* @__PURE__ */ jsx(Tooltip, {
+				text,
+				placement: "bottom",
+				isDisabled,
+				isNonInteractiveTrigger,
+				children: content
+			});
+			$[3] = content;
+			$[4] = isDisabled;
+			$[5] = isNonInteractiveTrigger;
+			$[6] = text;
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
+	}
 	return content;
 };
 //#endregion