@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/README.md

@@ -4,7 +4,7 @@ UI Components that match Povio's Atlas Design System.
 
 ## Installation
 
-`pnpm add @povio/ui`
+`bun add @povio/ui`
 
 ## Versioning
 

package/dist/assets/locales/en/{translation.json.js → translation.js}

@@ -1,3 +1,4 @@
+//#region src/assets/locales/en/translation.json
 var translation_default = {
 	ui: {
 		"openAlt": "Open",

package/dist/assets/locales/sl/{translation.json.js → translation.js}

@@ -1,3 +1,4 @@
+//#region src/assets/locales/sl/translation.json
 var translation_default = {
 	ui: {
 		"openAlt": "Odpri",

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

@@ -1,16 +1,19 @@
-import { FC, SVGProps } from 'react';
-import { Key } from 'react-aria-components';
-import { LinkNavigationProps } from '../text/Link/Link';
-export interface BreadcrumbItem {
-    id: Key;
-    label: string;
-    link?: LinkNavigationProps;
-    icon?: FC<SVGProps<SVGSVGElement>>;
+import { LinkNavigationProps } from "../text/Link/Link.js";
+import { FC, SVGProps } from "react";
+import { Key } from "react-aria-components";
+//#region src/components/Breadcrumbs/Breadcrumbs.d.ts
+interface BreadcrumbItem {
+  id: Key;
+  label: string;
+  link?: LinkNavigationProps;
+  icon?: FC<SVGProps<SVGSVGElement>>;
 }
-export interface BreadcrumbsProps {
-    items: BreadcrumbItem[];
-    className?: string;
-    onAction?: (id: Key) => void;
-    iconOnly?: boolean;
+interface BreadcrumbsProps {
+  items: BreadcrumbItem[];
+  className?: string;
+  onAction?: (id: Key) => void;
+  iconOnly?: boolean;
 }
-export declare const Breadcrumbs: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs$1: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { BreadcrumbItem, Breadcrumbs$1 as Breadcrumbs, BreadcrumbsProps };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -5,12 +5,16 @@ 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 { c } from "react/compiler-runtime";
 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 Breadcrumbs$1 = (t0) => {
+	const $ = c(58);
+	const { items, className, onAction, iconOnly: t1 } = t0;
+	const iconOnly = t1 === void 0 ? false : t1;
 	const breadcrumbsCva = UIOverrides.useCva("breadcrumbs.cva", breadcrumbsDefinition);
 	const breadcrumbItem = UIOverrides.useCva("breadcrumbs.itemCva", breadcrumbItemDefinition);
 	const breadcrumbSegmentCva = UIOverrides.useCva("breadcrumbs.segmentCva", breadcrumbSegmentDefinition);
@@ -18,45 +22,61 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 	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]);
+	let t2;
+	if ($[0] !== items.length) {
+		t2 = () => {
+			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();
+		};
+		$[0] = items.length;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== items) {
+		t3 = [items];
+		$[2] = items;
+		$[3] = t3;
+	} else t3 = $[3];
+	useLayoutEffect(t2, t3);
 	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
-		})]
-	});
+	let t4;
+	if ($[4] !== LinkComponent || $[5] !== breadcrumbIconCva || $[6] !== breadcrumbItem) {
+		t4 = (item, isCurrent, iconOnly_0) => /* @__PURE__ */ jsxs(LinkComponent, {
+			...item.link,
+			className: breadcrumbItem({ isCurrent }),
+			children: [item.icon && /* @__PURE__ */ jsx(item.icon, {
+				className: breadcrumbIconCva({}),
+				"aria-label": item.label
+			}), !iconOnly_0 && /* @__PURE__ */ jsx(Typography, {
+				variant: "default",
+				size: "label-3",
+				children: item.label
+			})]
+		});
+		$[4] = LinkComponent;
+		$[5] = breadcrumbIconCva;
+		$[6] = breadcrumbItem;
+		$[7] = t4;
+	} else t4 = $[7];
+	const renderBreadcrumbLink = t4;
 	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 menuItems = hiddenItems.map(_temp);
 		const renderEllipsis = () => /* @__PURE__ */ jsx(MenuDesktop, {
 			trigger: /* @__PURE__ */ jsx(Tooltip$1, {
-				text: hiddenItems.map((i) => i.label).join(", "),
+				text: hiddenItems.map(_temp2).join(", "),
 				children: /* @__PURE__ */ jsx(Button, {
 					"aria-label": "Show hidden breadcrumbs",
 					className: breadcrumbItem({
@@ -73,40 +93,171 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 			items: menuItems,
 			onAction: onAction ? (key) => onAction(key) : void 0
 		});
+		let t5;
+		if ($[8] !== breadcrumbsCva || $[9] !== className) {
+			t5 = clsx(breadcrumbsCva({}), className);
+			$[8] = breadcrumbsCva;
+			$[9] = className;
+			$[10] = t5;
+		} else t5 = $[10];
+		const t6 = firstItem.id;
+		let t7;
+		if ($[11] !== breadcrumbSegmentCva) {
+			t7 = breadcrumbSegmentCva({});
+			$[11] = breadcrumbSegmentCva;
+			$[12] = t7;
+		} else t7 = $[12];
+		let t8;
+		if ($[13] !== firstItem || $[14] !== iconOnly || $[15] !== renderBreadcrumbLink) {
+			t8 = renderBreadcrumbLink(firstItem, false, iconOnly);
+			$[13] = firstItem;
+			$[14] = iconOnly;
+			$[15] = renderBreadcrumbLink;
+			$[16] = t8;
+		} else t8 = $[16];
+		let t9;
+		if ($[17] !== breadcrumbChevronCva) {
+			t9 = breadcrumbChevronCva({});
+			$[17] = breadcrumbChevronCva;
+			$[18] = t9;
+		} else t9 = $[18];
+		let t10;
+		if ($[19] !== t9) {
+			t10 = /* @__PURE__ */ jsx(ChevronRight, { className: t9 });
+			$[19] = t9;
+			$[20] = t10;
+		} else t10 = $[20];
+		let t11;
+		if ($[21] !== firstItem.id || $[22] !== t10 || $[23] !== t7 || $[24] !== t8) {
+			t11 = /* @__PURE__ */ jsxs(Breadcrumb, {
+				id: t6,
+				className: t7,
+				children: [t8, t10]
+			});
+			$[21] = firstItem.id;
+			$[22] = t10;
+			$[23] = t7;
+			$[24] = t8;
+			$[25] = t11;
+		} else t11 = $[25];
+		let t12;
+		if ($[26] !== breadcrumbSegmentCva) {
+			t12 = breadcrumbSegmentCva({});
+			$[26] = breadcrumbSegmentCva;
+			$[27] = t12;
+		} else t12 = $[27];
+		const t13 = renderEllipsis();
+		let t14;
+		if ($[28] !== breadcrumbChevronCva) {
+			t14 = breadcrumbChevronCva({});
+			$[28] = breadcrumbChevronCva;
+			$[29] = t14;
+		} else t14 = $[29];
+		let t15;
+		if ($[30] !== t14) {
+			t15 = /* @__PURE__ */ jsx(ChevronRight, { className: t14 });
+			$[30] = t14;
+			$[31] = t15;
+		} else t15 = $[31];
+		const t16 = lastItem.id;
+		let t17;
+		if ($[32] !== breadcrumbSegmentCva) {
+			t17 = breadcrumbSegmentCva({});
+			$[32] = breadcrumbSegmentCva;
+			$[33] = t17;
+		} else t17 = $[33];
+		let t18;
+		if ($[34] !== lastItem || $[35] !== renderBreadcrumbLink) {
+			t18 = renderBreadcrumbLink(lastItem, true);
+			$[34] = lastItem;
+			$[35] = renderBreadcrumbLink;
+			$[36] = t18;
+		} else t18 = $[36];
+		let t19;
+		if ($[37] !== lastItem.id || $[38] !== t17 || $[39] !== t18) {
+			t19 = /* @__PURE__ */ jsx(Breadcrumb, {
+				id: t16,
+				className: t17,
+				children: t18
+			});
+			$[37] = lastItem.id;
+			$[38] = t17;
+			$[39] = t18;
+			$[40] = t19;
+		} else t19 = $[40];
 		return /* @__PURE__ */ jsxs(Breadcrumbs, {
 			onAction,
-			className: clsx(breadcrumbsCva({}), className),
+			className: t5,
 			children: [
-				/* @__PURE__ */ jsxs(Breadcrumb, {
-					id: firstItem.id,
-					className: breadcrumbSegmentCva({}),
-					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
-				}),
+				t11,
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: "ellipsis",
-					className: breadcrumbSegmentCva({}),
-					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })]
+					className: t12,
+					children: [t13, t15]
 				}),
-				/* @__PURE__ */ jsx(Breadcrumb, {
-					id: lastItem.id,
-					className: breadcrumbSegmentCva({}),
-					children: renderBreadcrumbLink(lastItem, true)
-				})
+				t19
 			]
 		});
 	}
-	return /* @__PURE__ */ jsx(Breadcrumbs, {
-		ref: containerRef,
-		items,
-		onAction,
-		className: clsx(breadcrumbsCva({}), className),
-		style: { visibility: isReady ? "visible" : "hidden" },
-		children: (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
+	let t5;
+	if ($[41] !== breadcrumbsCva || $[42] !== className) {
+		t5 = clsx(breadcrumbsCva({}), className);
+		$[41] = breadcrumbsCva;
+		$[42] = className;
+		$[43] = t5;
+	} else t5 = $[43];
+	const t6 = isReady ? "visible" : "hidden";
+	let t7;
+	if ($[44] !== t6) {
+		t7 = { visibility: t6 };
+		$[44] = t6;
+		$[45] = t7;
+	} else t7 = $[45];
+	let t8;
+	if ($[46] !== breadcrumbChevronCva || $[47] !== breadcrumbSegmentCva || $[48] !== iconOnly || $[49] !== items[0] || $[50] !== renderBreadcrumbLink) {
+		t8 = (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({}) })] })
-		})
-	});
+			children: (t9) => {
+				const { isCurrent: isCurrent_0 } = t9;
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })] });
+			}
+		});
+		$[46] = breadcrumbChevronCva;
+		$[47] = breadcrumbSegmentCva;
+		$[48] = iconOnly;
+		$[49] = items[0];
+		$[50] = renderBreadcrumbLink;
+		$[51] = t8;
+	} else t8 = $[51];
+	let t9;
+	if ($[52] !== items || $[53] !== onAction || $[54] !== t5 || $[55] !== t7 || $[56] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Breadcrumbs, {
+			ref: containerRef,
+			items,
+			onAction,
+			className: t5,
+			style: t7,
+			children: t8
+		});
+		$[52] = items;
+		$[53] = onAction;
+		$[54] = t5;
+		$[55] = t7;
+		$[56] = t8;
+		$[57] = t9;
+	} else t9 = $[57];
+	return t9;
 };
+function _temp(item_0) {
+	return {
+		id: item_0.id,
+		label: item_0.label,
+		link: item_0.link
+	};
+}
+function _temp2(i) {
+	return i.label;
+}
 //#endregion
 export { Breadcrumbs$1 as Breadcrumbs };

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

@@ -1,45 +1,44 @@
-import { UIOverrides } from '../../config/uiOverrides.context';
-export declare const breadcrumbsDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+import { StyleMergeUtils } from "../../utils/style-merge.util.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+//#region src/components/Breadcrumbs/breadcrumbs.cva.d.ts
+declare const breadcrumbsDefinition: {
+  base: string[];
+  config?: 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>>;
+type BreadcrumbsConfig = NonNullable<typeof breadcrumbsDefinition.config>;
+interface BreadcrumbsVariantProps extends UIOverrides.VariantProps<BreadcrumbsConfig> {}
+declare const breadcrumbSegmentDefinition: {
+  base: string[];
+  config?: 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>>;
+type BreadcrumbSegmentConfig = NonNullable<typeof breadcrumbSegmentDefinition.config>;
+interface BreadcrumbSegmentVariantProps extends UIOverrides.VariantProps<BreadcrumbSegmentConfig> {}
+declare const breadcrumbChevronDefinition: {
+  base: string[];
+  config?: 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>>;
+type BreadcrumbChevronConfig = NonNullable<typeof breadcrumbChevronDefinition.config>;
+interface BreadcrumbChevronVariantProps extends UIOverrides.VariantProps<BreadcrumbChevronConfig> {}
+declare const breadcrumbIconDefinition: {
+  base: string[];
+  config?: 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: "";
-        };
-    }>;
+type BreadcrumbIconConfig = NonNullable<typeof breadcrumbIconDefinition.config>;
+interface BreadcrumbIconVariantProps extends UIOverrides.VariantProps<BreadcrumbIconConfig> {}
+declare const breadcrumbItemDefinition: {
+  base: string[];
+  config: 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> {
-}
+type BreadcrumbItemConfig = NonNullable<typeof breadcrumbItemDefinition.config>;
+interface BreadcrumbItemVariantProps extends UIOverrides.VariantProps<BreadcrumbItemConfig> {}
+//#endregion
+export { BreadcrumbChevronConfig, BreadcrumbChevronVariantProps, BreadcrumbIconConfig, BreadcrumbIconVariantProps, BreadcrumbItemConfig, BreadcrumbItemVariantProps, BreadcrumbSegmentConfig, BreadcrumbSegmentVariantProps, BreadcrumbsConfig, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition };

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

@@ -1,10 +1,10 @@
 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({
+const breadcrumbsDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbSegmentDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-6 shrink-0 text-interactive-text-secondary-idle"] });
+const breadcrumbIconDefinition = UIOverrides.defineConfig({ base: ["size-4 shrink-0"] });
+const 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: {

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

@@ -1,21 +1,23 @@
-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[];
+import { BottomSheetProps } from "../overlays/BottomSheet/BottomSheet.js";
+import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from "./menu.cva.js";
+import { ReactElement } from "react";
+import { Key, MenuItemProps } from "react-aria-components";
+import { Placement } from "react-aria";
+//#region src/components/Menu/Menu.d.ts
+interface MenuItem$1 extends Omit<MenuItemProps, "aria-label" | "textValue" | "children">, MenuItemVariantProps, MenuCvaVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps {
+  label: string;
+  content?: string | ReactElement;
+  children?: MenuItem$1[];
 }
 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;
+interface MenuProps {
+  trigger: ReactElement;
+  items: MenuItem$1[];
+  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 {};
+declare const Menu$1: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Menu$1 as Menu, MenuItem$1 as MenuItem, MenuProps };

package/dist/components/Menu/Menu.js

@@ -4,7 +4,7 @@ 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 Menu = (props) => {
 	const $ = c(4);
 	if (useBreakpoint("md")) {
 		let t0;

package/dist/components/Menu/MenuDesktop.js

@@ -1,9 +1,9 @@
 import { MenuPopover } from "./MenuPopover.js";
-import { MenuTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { MenuTrigger } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuDesktop.tsx
-var MenuDesktop = (t0) => {
+const MenuDesktop = (t0) => {
 	const $ = c(12);
 	let items;
 	let onAction;

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

@@ -1,3 +1,6 @@
-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;
+import { MenuItem as MenuItem$1 } from "./Menu.js";
+//#region src/components/Menu/MenuItem.d.ts
+type MenuListItemProps = MenuItem$1;
+declare const MenuItem: ({ label, content, children, className, ...item }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { MenuItem, MenuListItemProps };

package/dist/components/Menu/MenuItem.js

@@ -1,12 +1,12 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuItemDefinition } from "./menu.cva.js";
 import { ArrowRight } from "lucide-react";
+import { c } from "react/compiler-runtime";
 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 MenuItem$1 = (t0) => {
 	const $ = c(9);
 	const { label, content, children, className, ...item } = t0;
 	const hasSubmenu = !!children && children?.length > 0;

package/dist/components/Menu/MenuMobile.js

@@ -3,13 +3,13 @@ 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 { c } from "react/compiler-runtime";
 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 MenuMobile = (t0) => {
 	const $ = c(23);
 	let bottomSheetProps;
 	let items;

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

@@ -1,5 +1,7 @@
-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;
+import { MenuProps } from "./Menu.js";
+import { PopoverProps } from "react-aria-components";
+//#region src/components/Menu/MenuPopover.d.ts
+interface MenuPopoverProps extends Pick<MenuProps, "items" | "onAction">, PopoverProps {}
+declare const MenuPopover: ({ items, className, onAction, ...props }: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { MenuPopover, MenuPopoverProps };

package/dist/components/Menu/MenuPopover.js

@@ -1,12 +1,12 @@
 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 { 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 MenuPopover = (t0) => {
 	const $ = c(28);
 	const { items, className, onAction, ...props } = t0;
 	const lastEventRef = useRef(null);