@povio/ui 2.3.2 → 3.0.0-rc.1

package/dist/components/Breadcrumbs/breadcrumbs.cva.d.ts

@@ -1,19 +1,45 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const breadcrumbsCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface BreadcrumbsVariantProps extends VariantProps<typeof breadcrumbsCva> {
+import { UIOverrides } from '../../config/uiOverrides.context';
+export declare const breadcrumbsDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type BreadcrumbsConfig = NonNullable<typeof breadcrumbsDefinition.config>;
+export interface BreadcrumbsVariantProps extends UIOverrides.VariantProps<BreadcrumbsConfig> {
 }
-export declare const breadcrumbSegment: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface BreadcrumbSegmentVariantProps extends VariantProps<typeof breadcrumbSegment> {
+export declare const breadcrumbSegmentDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type BreadcrumbSegmentConfig = NonNullable<typeof breadcrumbSegmentDefinition.config>;
+export interface BreadcrumbSegmentVariantProps extends UIOverrides.VariantProps<BreadcrumbSegmentConfig> {
 }
-export declare const breadcrumbChevron: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface BreadcrumbChevronVariantProps extends VariantProps<typeof breadcrumbChevron> {
+export declare const breadcrumbChevronDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type BreadcrumbChevronConfig = NonNullable<typeof breadcrumbChevronDefinition.config>;
+export interface BreadcrumbChevronVariantProps extends UIOverrides.VariantProps<BreadcrumbChevronConfig> {
 }
-export declare const breadcrumbIcon: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface BreadcrumbIconVariantProps extends VariantProps<typeof breadcrumbIcon> {
+export declare const breadcrumbIconDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type BreadcrumbIconConfig = NonNullable<typeof breadcrumbIconDefinition.config>;
+export interface BreadcrumbIconVariantProps extends UIOverrides.VariantProps<BreadcrumbIconConfig> {
 }
-export declare const breadcrumbItem: (props?: ({
-    isCurrent?: boolean | null | undefined;
-    isEllipsis?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface BreadcrumbItemVariantProps extends VariantProps<typeof breadcrumbItem> {
+export declare const breadcrumbItemDefinition: {
+    base: string[];
+    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly isCurrent: {
+            readonly true: "text-interactive-text-primary-idle";
+            readonly false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover";
+        };
+        readonly isEllipsis: {
+            readonly true: "hover:text-interactive-text-primary-hover!";
+            readonly false: "";
+        };
+    }>;
+};
+export type BreadcrumbItemConfig = NonNullable<typeof breadcrumbItemDefinition.config>;
+export interface BreadcrumbItemVariantProps extends UIOverrides.VariantProps<BreadcrumbItemConfig> {
 }

package/dist/components/Breadcrumbs/breadcrumbs.cva.js

@@ -1,24 +1,27 @@
-import { cva } from "class-variance-authority";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/Breadcrumbs/breadcrumbs.cva.ts
-var breadcrumbsCva = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
-var breadcrumbSegment = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
-var breadcrumbChevron = cva(["size-6 shrink-0 text-interactive-text-secondary-idle"]);
-var breadcrumbIcon = cva(["size-4 shrink-0"]);
-var breadcrumbItem = cva(["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"], {
-	variants: {
-		isCurrent: {
-			true: "text-interactive-text-primary-idle",
-			false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"
+var breadcrumbsDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+var breadcrumbSegmentDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+var breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-6 shrink-0 text-interactive-text-secondary-idle"] });
+var breadcrumbIconDefinition = UIOverrides.defineConfig({ base: ["size-4 shrink-0"] });
+var breadcrumbItemDefinition = UIOverrides.defineConfig({
+	base: ["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"],
+	config: {
+		variants: {
+			isCurrent: {
+				true: "text-interactive-text-primary-idle",
+				false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"
+			},
+			isEllipsis: {
+				true: "hover:text-interactive-text-primary-hover!",
+				false: ""
+			}
 		},
-		isEllipsis: {
-			true: "hover:text-interactive-text-primary-hover!",
-			false: ""
+		defaultVariants: {
+			isCurrent: false,
+			isEllipsis: false
 		}
-	},
-	defaultVariants: {
-		isCurrent: false,
-		isEllipsis: false
 	}
 });
 //#endregion
-export { breadcrumbChevron, breadcrumbIcon, breadcrumbItem, breadcrumbSegment, breadcrumbsCva };
+export { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition };

package/dist/components/Menu/Menu.js

@@ -1,11 +1,27 @@
 import { MenuDesktop } from "./MenuDesktop.js";
 import { MenuMobile } from "./MenuMobile.js";
 import { useBreakpoint } from "../../hooks/useBreakpoint.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Menu/Menu.tsx
 var Menu = (props) => {
-	if (useBreakpoint("md")) return /* @__PURE__ */ jsx(MenuDesktop, { ...props });
-	return /* @__PURE__ */ jsx(MenuMobile, { ...props });
+	const $ = c(4);
+	if (useBreakpoint("md")) {
+		let t0;
+		if ($[0] !== props) {
+			t0 = /* @__PURE__ */ jsx(MenuDesktop, { ...props });
+			$[0] = props;
+			$[1] = t0;
+		} else t0 = $[1];
+		return t0;
+	}
+	let t0;
+	if ($[2] !== props) {
+		t0 = /* @__PURE__ */ jsx(MenuMobile, { ...props });
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
 };
 //#endregion
 export { Menu };

package/dist/components/Menu/MenuDesktop.js

@@ -1,14 +1,48 @@
 import { MenuPopover } from "./MenuPopover.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MenuTrigger } from "react-aria-components";
 //#region src/components/Menu/MenuDesktop.tsx
-var MenuDesktop = ({ trigger, items, onAction, ...props }) => {
-	return /* @__PURE__ */ jsxs(MenuTrigger, { children: [trigger, /* @__PURE__ */ jsx(MenuPopover, {
-		...props,
-		offset: 0,
-		items,
-		onAction
-	})] });
+var MenuDesktop = (t0) => {
+	const $ = c(12);
+	let items;
+	let onAction;
+	let props;
+	let trigger;
+	if ($[0] !== t0) {
+		({trigger, items, onAction, ...props} = t0);
+		$[0] = t0;
+		$[1] = items;
+		$[2] = onAction;
+		$[3] = props;
+		$[4] = trigger;
+	} else {
+		items = $[1];
+		onAction = $[2];
+		props = $[3];
+		trigger = $[4];
+	}
+	let t1;
+	if ($[5] !== items || $[6] !== onAction || $[7] !== props) {
+		t1 = /* @__PURE__ */ jsx(MenuPopover, {
+			...props,
+			offset: 0,
+			items,
+			onAction
+		});
+		$[5] = items;
+		$[6] = onAction;
+		$[7] = props;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== t1 || $[10] !== trigger) {
+		t2 = /* @__PURE__ */ jsxs(MenuTrigger, { children: [trigger, t1] });
+		$[9] = t1;
+		$[10] = trigger;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
 };
 //#endregion
 export { MenuDesktop };

package/dist/components/Menu/MenuItem.js

@@ -1,23 +1,46 @@
 import { ArrowRightIcon } from "../../assets/icons/ArrowRight.js";
-import { menuItemCva } from "./menu.cva.js";
-import { UIStyle } from "../../config/uiStyle.context.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+import { menuItemDefinition } from "./menu.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { MenuItem } from "react-aria-components";
 //#region src/components/Menu/MenuItem.tsx
-var MenuItem$1 = ({ label, content, children, className, ...item }) => {
+var MenuItem$1 = (t0) => {
+	const $ = c(9);
+	const { label, content, children, className, ...item } = t0;
 	const hasSubmenu = !!children && children?.length > 0;
-	const menuItemCva$1 = UIStyle.useCva("menu.itemCva", menuItemCva);
-	return /* @__PURE__ */ jsxs(MenuItem, {
+	const menuItemCva = UIOverrides.useCva("menu.itemCva", menuItemDefinition);
+	const T0 = MenuItem;
+	const t1 = clsx(menuItemCva({
 		...item,
-		textValue: label,
-		"aria-label": label,
-		className: clsx(menuItemCva$1({
+		isMobile: false
+	}), className);
+	const t2 = content ?? label;
+	let t3;
+	if ($[0] !== hasSubmenu) {
+		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-6" });
+		$[0] = hasSubmenu;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== T0 || $[3] !== item || $[4] !== label || $[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(T0, {
 			...item,
-			isMobile: false
-		}), className),
-		children: [content ?? label, hasSubmenu && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-6" })]
-	});
+			textValue: label,
+			"aria-label": label,
+			className: t1,
+			children: [t2, t3]
+		});
+		$[2] = T0;
+		$[3] = item;
+		$[4] = label;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
 };
 //#endregion
 export { MenuItem$1 as MenuItem };

package/dist/components/Menu/MenuMobile.js

@@ -1,52 +1,88 @@
 import { ArrowLeftIcon } from "../../assets/icons/ArrowLeft.js";
-import { menuCva, menuItemCva } from "./menu.cva.js";
-import { UIStyle } from "../../config/uiStyle.context.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+import { menuDefinition, menuItemDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
 import { BottomSheet } from "../overlays/BottomSheet/BottomSheet.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button, Menu } from "react-aria-components";
 //#region src/components/Menu/MenuMobile.tsx
-var MenuMobile = ({ trigger, items, onAction, ...props }) => {
-	const menuItemCva$1 = UIStyle.useCva("menu.itemCva", menuItemCva);
-	const menuCva$1 = UIStyle.useCva("menu.cva", menuCva);
+var MenuMobile = (t0) => {
+	const $ = c(21);
+	let items;
+	let onAction;
+	let props;
+	let trigger;
+	if ($[0] !== t0) {
+		({trigger, items, onAction, ...props} = t0);
+		$[0] = t0;
+		$[1] = items;
+		$[2] = onAction;
+		$[3] = props;
+		$[4] = trigger;
+	} else {
+		items = $[1];
+		onAction = $[2];
+		props = $[3];
+		trigger = $[4];
+	}
+	const menuItemCva = UIOverrides.useCva("menu.itemCva", menuItemDefinition);
+	const menuCva = UIOverrides.useCva("menu.cva", menuDefinition);
 	const activeItemRef = useRef(null);
-	const activeItemParentsRef = useRef([]);
+	let t1;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[5] = t1;
+	} else t1 = $[5];
+	const activeItemParentsRef = useRef(t1);
 	const lastEventRef = useRef(null);
 	const [isOpen, setIsOpen] = useState(false);
 	const [activeItem, setActiveItem] = useState(null);
-	const handleAction = (item) => {
-		if (!item.children) {
-			activeItemRef.current = null;
-			activeItemParentsRef.current = [];
-			setActiveItem(null);
+	let t2;
+	if ($[6] !== onAction) {
+		t2 = (item) => {
+			if (!item.children) {
+				activeItemRef.current = null;
+				activeItemParentsRef.current = [];
+				setActiveItem(null);
+				setIsOpen(false);
+				item.onAction?.();
+				onAction?.(item.id, lastEventRef.current);
+				lastEventRef.current = null;
+				return;
+			}
+			if (activeItemRef.current) activeItemParentsRef.current.push(activeItemRef.current);
+			activeItemRef.current = item;
+			setActiveItem(activeItemRef.current);
+		};
+		$[6] = onAction;
+		$[7] = t2;
+	} else t2 = $[7];
+	const handleAction = t2;
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => {
+			if (activeItemRef.current) return;
 			setIsOpen(false);
-			item.onAction?.();
-			onAction?.(item.id, lastEventRef.current);
-			lastEventRef.current = null;
-			return;
-		}
-		if (activeItemRef.current) activeItemParentsRef.current.push(activeItemRef.current);
-		activeItemRef.current = item;
-		setActiveItem(activeItemRef.current);
-	};
-	const onClose = () => {
-		if (activeItemRef.current) return;
-		setIsOpen(false);
-	};
-	const onBack = () => {
-		activeItemRef.current = activeItemParentsRef.current.pop() ?? null;
-		setActiveItem(activeItemRef.current);
-	};
-	return /* @__PURE__ */ jsx(BottomSheet, {
-		isOpen,
-		onOpenChange: setIsOpen,
-		trigger,
-		isDismissable: true,
-		hideHeader: true,
-		children: () => /* @__PURE__ */ jsxs(Fragment, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
-			className: clsx(menuItemCva$1({
+		};
+		$[8] = t3;
+	} else t3 = $[8];
+	const onClose = t3;
+	let t4;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => {
+			activeItemRef.current = activeItemParentsRef.current.pop() ?? null;
+			setActiveItem(activeItemRef.current);
+		};
+		$[9] = t4;
+	} else t4 = $[9];
+	const onBack = t4;
+	let t5;
+	if ($[10] !== activeItem || $[11] !== handleAction || $[12] !== items || $[13] !== menuCva || $[14] !== menuItemCva || $[15] !== props) {
+		t5 = () => /* @__PURE__ */ jsxs(Fragment, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
+			className: clsx(menuItemCva({
 				...props,
 				isMobile: true
 			})),
@@ -56,23 +92,46 @@ var MenuMobile = ({ trigger, items, onAction, ...props }) => {
 			onClickCapture: (e) => {
 				lastEventRef.current = e;
 			},
-			onKeyDownCapture: (e) => {
-				lastEventRef.current = e;
+			onKeyDownCapture: (e_0) => {
+				lastEventRef.current = e_0;
 			},
 			children: /* @__PURE__ */ jsx(Menu, {
 				autoFocus: true,
 				onClose,
-				className: menuCva$1({
+				className: menuCva({
 					...props,
 					isMobile: true
 				}),
-				children: (activeItem?.children ?? items).map((item, index) => /* @__PURE__ */ jsx(MenuItem$1, {
-					...item,
-					onAction: () => handleAction(item)
+				children: (activeItem?.children ?? items).map((item_0, index) => /* @__PURE__ */ jsx(MenuItem$1, {
+					...item_0,
+					onAction: () => handleAction(item_0)
 				}, index))
 			})
-		})] })
-	});
+		})] });
+		$[10] = activeItem;
+		$[11] = handleAction;
+		$[12] = items;
+		$[13] = menuCva;
+		$[14] = menuItemCva;
+		$[15] = props;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== isOpen || $[18] !== t5 || $[19] !== trigger) {
+		t6 = /* @__PURE__ */ jsx(BottomSheet, {
+			isOpen,
+			onOpenChange: setIsOpen,
+			trigger,
+			isDismissable: true,
+			hideHeader: true,
+			children: t5
+		});
+		$[17] = isOpen;
+		$[18] = t5;
+		$[19] = trigger;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 };
 //#endregion
 export { MenuMobile };

package/dist/components/Menu/MenuPopover.js

@@ -1,45 +1,121 @@
-import { menuCva, menuPopoverCva, menuPopoverWrapperCva } from "./menu.cva.js";
-import { UIStyle } from "../../config/uiStyle.context.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+import { menuDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
 //#region src/components/Menu/MenuPopover.tsx
-var MenuPopover = ({ items, className, onAction, ...props }) => {
+var MenuPopover = (t0) => {
+	const $ = c(28);
+	const { items, className, onAction, ...props } = t0;
 	const lastEventRef = useRef(null);
-	const menuPopoverCva$1 = UIStyle.useCva("menu.popoverCva", menuPopoverCva);
-	const menuPopoverWrapperCva$1 = UIStyle.useCva("menu.popoverWrapperCva", menuPopoverWrapperCva);
-	const menuCva$1 = UIStyle.useCva("menu.cva", menuCva);
-	return /* @__PURE__ */ jsx(Popover, {
+	const menuPopoverCva = UIOverrides.useCva("menu.popoverCva", menuPopoverDefinition);
+	const menuPopoverWrapperCva = UIOverrides.useCva("menu.popoverWrapperCva", menuPopoverWrapperDefinition);
+	const menuCva = UIOverrides.useCva("menu.cva", menuDefinition);
+	const T0 = Popover;
+	const t1 = menuPopoverCva({
 		...props,
-		className: menuPopoverCva$1({
-			...props,
-			className
-		}),
-		children: /* @__PURE__ */ jsx("div", {
-			className: menuPopoverWrapperCva$1({}),
-			children: /* @__PURE__ */ jsx("div", {
-				onClickCapture: (e) => {
-					lastEventRef.current = e;
-				},
-				onKeyDownCapture: (e) => {
-					lastEventRef.current = e;
-				},
-				children: /* @__PURE__ */ jsx(Menu, {
-					onAction: (key) => onAction?.(key, lastEventRef.current),
-					className: menuCva$1({
-						...props,
-						isMobile: false
-					}),
-					children: items.map((item, index) => !item.children || item.children.length === 0 ? /* @__PURE__ */ jsx(MenuItem$1, { ...item }, index) : /* @__PURE__ */ jsxs(SubmenuTrigger, { children: [/* @__PURE__ */ jsx(MenuItem$1, { ...item }), /* @__PURE__ */ jsx(MenuPopover, {
-						offset: 0,
-						onAction,
-						items: item.children
-					})] }, index))
-				})
-			})
-		})
+		className
+	});
+	let t2;
+	if ($[0] !== menuPopoverWrapperCva) {
+		t2 = menuPopoverWrapperCva({});
+		$[0] = menuPopoverWrapperCva;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (e) => {
+			lastEventRef.current = e;
+		};
+		t4 = (e_0) => {
+			lastEventRef.current = e_0;
+		};
+		$[2] = t3;
+		$[3] = t4;
+	} else {
+		t3 = $[2];
+		t4 = $[3];
+	}
+	const T1 = Menu;
+	let t5;
+	if ($[4] !== onAction) {
+		t5 = (key) => onAction?.(key, lastEventRef.current);
+		$[4] = onAction;
+		$[5] = t5;
+	} else t5 = $[5];
+	const t6 = menuCva({
+		...props,
+		isMobile: false
 	});
+	let t7;
+	if ($[6] !== items || $[7] !== onAction) {
+		let t8;
+		if ($[9] !== onAction) {
+			t8 = (item, index) => !item.children || item.children.length === 0 ? /* @__PURE__ */ jsx(MenuItem$1, { ...item }, index) : /* @__PURE__ */ jsxs(SubmenuTrigger, { children: [/* @__PURE__ */ jsx(MenuItem$1, { ...item }), /* @__PURE__ */ jsx(MenuPopover, {
+				offset: 0,
+				onAction,
+				items: item.children
+			})] }, index);
+			$[9] = onAction;
+			$[10] = t8;
+		} else t8 = $[10];
+		t7 = items.map(t8);
+		$[6] = items;
+		$[7] = onAction;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[11] !== T1 || $[12] !== t5 || $[13] !== t6 || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(T1, {
+			onAction: t5,
+			className: t6,
+			children: t7
+		});
+		$[11] = T1;
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== t3 || $[17] !== t4 || $[18] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			onClickCapture: t3,
+			onKeyDownCapture: t4,
+			children: t8
+		});
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t2 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t9
+		});
+		$[20] = t2;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== T0 || $[24] !== props || $[25] !== t1 || $[26] !== t10) {
+		t11 = /* @__PURE__ */ jsx(T0, {
+			...props,
+			className: t1,
+			children: t10
+		});
+		$[23] = T0;
+		$[24] = props;
+		$[25] = t1;
+		$[26] = t10;
+		$[27] = t11;
+	} else t11 = $[27];
+	return t11;
 };
 //#endregion
 export { MenuPopover };

package/dist/components/Menu/menu.cva.d.ts

@@ -1,17 +1,39 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const menuCva: (props?: ({
-    isMobile?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface MenuCvaVariantProps extends VariantProps<typeof menuCva> {
+import { UIOverrides } from '../../config/uiOverrides.context';
+export declare const menuDefinition: {
+    base: string[];
+    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly isMobile: {
+            readonly true: [];
+            readonly false: [];
+        };
+    }>;
+};
+export type MenuConfig = NonNullable<typeof menuDefinition.config>;
+export interface MenuCvaVariantProps extends UIOverrides.VariantProps<MenuConfig> {
 }
-export declare const menuItemCva: (props?: ({
-    isMobile?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface MenuItemVariantProps extends VariantProps<typeof menuItemCva> {
+export declare const menuItemDefinition: {
+    base: string[];
+    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly isMobile: {
+            readonly true: ["justify-start! w-full font-labels-default"];
+            readonly false: [];
+        };
+    }>;
+};
+export type MenuItemConfig = NonNullable<typeof menuItemDefinition.config>;
+export interface MenuItemVariantProps extends UIOverrides.VariantProps<MenuItemConfig> {
 }
-export declare const menuPopoverCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface MenuPopoverVariantProps extends VariantProps<typeof menuPopoverCva> {
+export declare const menuPopoverDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type MenuPopoverConfig = NonNullable<typeof menuPopoverDefinition.config>;
+export interface MenuPopoverVariantProps extends UIOverrides.VariantProps<MenuPopoverConfig> {
 }
-export declare const menuPopoverWrapperCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export interface MenuPopoverWrapperVariantProps extends VariantProps<typeof menuPopoverWrapperCva> {
+export declare const menuPopoverWrapperDefinition: {
+    base: string[];
+    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+};
+export type MenuPopoverWrapperConfig = NonNullable<typeof menuPopoverWrapperDefinition.config>;
+export interface MenuPopoverWrapperVariantProps extends UIOverrides.VariantProps<MenuPopoverWrapperConfig> {
 }