@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,112 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./breadcrumbs.cva.js";
-import { MenuDesktop } from "../Menu/MenuDesktop.js";
-import { Typography } from "../text/Typography/Typography.js";
-import { Tooltip as Tooltip$1 } from "../overlays/Tooltip/Tooltip.js";
-import { LinkContext } from "../../config/link.context.js";
-import { ChevronRight } from "lucide-react";
-import { clsx } from "clsx";
-import { useLayoutEffect, useRef, useState } from "react";
-import { Breadcrumb, Breadcrumbs, Button, Link as Link$1 } from "react-aria-components";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Breadcrumbs/Breadcrumbs.tsx
-var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false }) => {
-	const breadcrumbsCva = UIOverrides.useCva("breadcrumbs.cva", breadcrumbsDefinition);
-	const breadcrumbItem = UIOverrides.useCva("breadcrumbs.itemCva", breadcrumbItemDefinition);
-	const breadcrumbSegmentCva = UIOverrides.useCva("breadcrumbs.segmentCva", breadcrumbSegmentDefinition);
-	const breadcrumbChevronCva = UIOverrides.useCva("breadcrumbs.chevronCva", breadcrumbChevronDefinition);
-	const breadcrumbIconCva = UIOverrides.useCva("breadcrumbs.iconCva", breadcrumbIconDefinition);
-	const containerRef = useRef(null);
-	const [isOverflowing, setIsOverflowing] = useState(items.length <= 2 ? false : null);
-	useLayoutEffect(() => {
-		if (items.length <= 2) {
-			setIsOverflowing(false);
-			return;
-		}
-		const container = containerRef.current;
-		if (!container) return;
-		const resizeObserver = new ResizeObserver(() => {
-			setIsOverflowing(container.scrollWidth > container.clientWidth);
-		});
-		resizeObserver.observe(container);
-		return () => resizeObserver.disconnect();
-	}, [items]);
-	const isReady = isOverflowing !== null;
-	const hiddenItems = items.length > 2 ? items.slice(1, -1) : [];
-	const firstItem = items[0];
-	const lastItem = items[items.length - 1];
-	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link$1;
-	const renderBreadcrumbLink = (item, isCurrent, iconOnly) => /* @__PURE__ */ jsxs(LinkComponent, {
-		...item.link,
-		className: breadcrumbItem({ isCurrent }),
-		children: [item.icon && /* @__PURE__ */ jsx(item.icon, {
-			className: breadcrumbIconCva({}),
-			"aria-label": item.label
-		}), !iconOnly && /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: "label-3",
-			children: item.label
-		})]
-	});
-	if (isOverflowing === true && items.length > 2) {
-		const menuItems = hiddenItems.map((item_0) => ({
-			id: item_0.id,
-			label: item_0.label,
-			link: item_0.link
-		}));
-		const renderEllipsis = () => /* @__PURE__ */ jsx(MenuDesktop, {
-			trigger: /* @__PURE__ */ jsx(Tooltip$1, {
-				text: hiddenItems.map((i) => i.label).join(", "),
-				children: /* @__PURE__ */ jsx(Button, {
-					"aria-label": "Show hidden breadcrumbs",
-					className: breadcrumbItem({
-						isCurrent: false,
-						isEllipsis: true
-					}),
-					children: /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: "label-3",
-						children: "..."
-					})
-				})
-			}),
-			items: menuItems,
-			onAction: onAction ? (key) => onAction(key) : void 0
-		});
-		return /* @__PURE__ */ jsxs(Breadcrumbs, {
-			onAction,
-			className: clsx(breadcrumbsCva({}), className),
-			children: [
-				/* @__PURE__ */ jsxs(Breadcrumb, {
-					id: firstItem.id,
-					className: breadcrumbSegmentCva({}),
-					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
-				}),
-				/* @__PURE__ */ jsxs(Breadcrumb, {
-					id: "ellipsis",
-					className: breadcrumbSegmentCva({}),
-					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
-				}),
-				/* @__PURE__ */ jsx(Breadcrumb, {
-					id: lastItem.id,
-					className: breadcrumbSegmentCva({}),
-					children: renderBreadcrumbLink(lastItem, true)
-				})
-			]
-		});
-	}
-	return /* @__PURE__ */ jsx(Breadcrumbs, {
-		ref: containerRef,
-		items,
-		onAction,
-		className: clsx(breadcrumbsCva({}), className),
-		style: { visibility: isReady ? "visible" : "hidden" },
-		children: (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
-			id: item_1.id,
-			className: breadcrumbSegmentCva({}),
-			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })] })
-		})
-	});
-};
-//#endregion
-export { Breadcrumbs$1 as Breadcrumbs };

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

@@ -1,45 +0,0 @@
-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 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 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 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 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,27 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-//#region src/components/Breadcrumbs/breadcrumbs.cva.ts
-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: ""
-			}
-		},
-		defaultVariants: {
-			isCurrent: false,
-			isEllipsis: false
-		}
-	}
-});
-//#endregion
-export { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition };

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

@@ -1,21 +0,0 @@
-import { ReactElement } from 'react';
-import { Placement } from 'react-aria';
-import { Key, MenuItemProps } from 'react-aria-components';
-import { BottomSheetProps } from '../overlays/BottomSheet/BottomSheet';
-import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from './menu.cva';
-export interface MenuItem extends Omit<MenuItemProps, "aria-label" | "textValue" | "children">, MenuItemVariantProps, MenuCvaVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps {
-    label: string;
-    content?: string | ReactElement;
-    children?: MenuItem[];
-}
-type MenuBottomSheetProps = Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "trigger">>;
-export interface MenuProps {
-    trigger: ReactElement;
-    items: MenuItem[];
-    closeDelay?: number;
-    placement?: Placement;
-    onAction?: (key: Key, e: any) => void;
-    bottomSheetProps?: MenuBottomSheetProps;
-}
-export declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Menu/Menu.js

@@ -1,27 +0,0 @@
-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) => {
-	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.d.ts

@@ -1,2 +0,0 @@
-import { MenuProps } from './Menu';
-export declare const MenuDesktop: ({ trigger, items, onAction, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuDesktop.js

@@ -1,48 +0,0 @@
-import { MenuPopover } from "./MenuPopover.js";
-import { MenuTrigger } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Menu/MenuDesktop.tsx
-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.d.ts

@@ -1,3 +0,0 @@
-import { MenuItem as MenuItemType } from './Menu';
-export type MenuListItemProps = MenuItemType;
-export declare const MenuItem: ({ label, content, children, className, ...item }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuItem.js

@@ -1,46 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { menuItemDefinition } from "./menu.cva.js";
-import { ArrowRight } from "lucide-react";
-import { clsx } from "clsx";
-import { MenuItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Menu/MenuItem.tsx
-var MenuItem$1 = (t0) => {
-	const $ = c(9);
-	const { label, content, children, className, ...item } = t0;
-	const hasSubmenu = !!children && children?.length > 0;
-	const menuItemCva = UIOverrides.useCva("menu.itemCva", menuItemDefinition);
-	const T0 = MenuItem;
-	const t1 = clsx(menuItemCva({
-		...item,
-		isMobile: false
-	}), className);
-	const t2 = content ?? label;
-	let t3;
-	if ($[0] !== hasSubmenu) {
-		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRight, { 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,
-			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.d.ts

@@ -1,2 +0,0 @@
-import { MenuProps } from './Menu';
-export declare const MenuMobile: ({ trigger, items, onAction, bottomSheetProps, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuMobile.js

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

package/dist/components/Menu/MenuPopover.d.ts

@@ -1,5 +0,0 @@
-import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
-import { MenuProps } from './Menu';
-export interface MenuPopoverProps extends Pick<MenuProps, "items" | "onAction">, AriaPopoverProps {
-}
-export declare const MenuPopover: ({ items, className, onAction, ...props }: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuPopover.js

@@ -1,121 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { menuDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./menu.cva.js";
-import { MenuItem as MenuItem$1 } from "./MenuItem.js";
-import { useRef } from "react";
-import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Menu/MenuPopover.tsx
-var MenuPopover = (t0) => {
-	const $ = c(28);
-	const { items, className, onAction, ...props } = t0;
-	const lastEventRef = useRef(null);
-	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
-	});
-	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,39 +0,0 @@
-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 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 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 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> {
-}