@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/Loader-C6YkWZOO.js

@@ -0,0 +1,113 @@
+import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/status/Loader/loader.cva.ts
+const loaderWrapperDefinition = UIOverrides.defineConfig({
+	base: ["flex items-center justify-center"],
+	config: {
+		variants: { size: {
+			default: "size-6",
+			l: "size-16"
+		} },
+		defaultVariants: { size: "default" }
+	}
+});
+const loaderWrapper = cva(loaderWrapperDefinition.base, loaderWrapperDefinition.config);
+const loaderDefinition = UIOverrides.defineConfig({
+	base: ["animate-loader-spin"],
+	config: {
+		variants: { size: {
+			default: "size-3-5",
+			l: "size-8"
+		} },
+		defaultVariants: { size: "default" }
+	}
+});
+const loader = cva(loaderDefinition.base, loaderDefinition.config);
+//#endregion
+//#region src/components/status/Loader/Loader.tsx
+const Loader = (t0) => {
+	const $ = c(18);
+	let className;
+	let props;
+	let size;
+	if ($[0] !== t0) {
+		({size, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = size;
+	} else {
+		className = $[1];
+		props = $[2];
+		size = $[3];
+	}
+	let t1;
+	if ($[4] !== className || $[5] !== size) {
+		t1 = loaderWrapper({
+			size,
+			className
+		});
+		$[4] = className;
+		$[5] = size;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== className || $[8] !== size) {
+		t2 = loader({
+			size,
+			className
+		});
+		$[7] = className;
+		$[8] = size;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	let t4;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("circle", {
+			className: "opacity-20",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		});
+		t4 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+		});
+		$[10] = t3;
+		$[11] = t4;
+	} else {
+		t3 = $[10];
+		t4 = $[11];
+	}
+	let t5;
+	if ($[12] !== props || $[13] !== t2) {
+		t5 = /* @__PURE__ */ jsxs("svg", {
+			className: t2,
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			...props,
+			children: [t3, t4]
+		});
+		$[12] = props;
+		$[13] = t2;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== t1 || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t5
+		});
+		$[15] = t1;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
+};
+//#endregion
+export { loaderDefinition as n, loaderWrapperDefinition as r, Loader as t };

package/dist/Loader-Sbr1b0iU.d.ts

@@ -0,0 +1,29 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { SVGProps } from "react";
+//#region src/components/status/Loader/loader.cva.d.ts
+declare const loaderWrapperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly default: "size-6";
+      readonly l: "size-16";
+    };
+  }>;
+};
+declare const loaderDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly default: "size-3-5";
+      readonly l: "size-8";
+    };
+  }>;
+};
+type LoaderConfig = NonNullable<typeof loaderDefinition.config>;
+interface LoaderVariantProps extends UIOverrides.VariantProps<LoaderConfig> {}
+//#endregion
+//#region src/components/status/Loader/Loader.d.ts
+interface LoaderProps extends LoaderVariantProps, SVGProps<SVGSVGElement> {}
+declare const Loader: ({ size, className, ...props }: Omit<LoaderProps, "color">) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { loaderWrapperDefinition as i, LoaderProps as n, loaderDefinition as r, Loader as t };

package/dist/Menu-CLA3gTYc.d.ts

@@ -0,0 +1,58 @@
+import { D as Key, l as MenuItemProps, w as Placement } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { n as BottomSheetProps } from "./BottomSheet-BWKej2PR.js";
+import { ReactElement } from "react";
+//#region src/components/Menu/menu.cva.d.ts
+declare const menuDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isMobile: {
+      true: [];
+      false: [];
+    };
+  }>;
+};
+type MenuConfig = NonNullable<typeof menuDefinition.config>;
+interface MenuCvaVariantProps extends UIOverrides.VariantProps<MenuConfig> {}
+declare const menuItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isMobile: {
+      true: ["justify-start! w-full font-labels-default"];
+      false: [];
+    };
+  }>;
+};
+type MenuItemConfig = NonNullable<typeof menuItemDefinition.config>;
+interface MenuItemVariantProps extends UIOverrides.VariantProps<MenuItemConfig> {}
+declare const menuPopoverDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
+};
+type MenuPopoverConfig = NonNullable<typeof menuPopoverDefinition.config>;
+interface MenuPopoverVariantProps extends UIOverrides.VariantProps<MenuPopoverConfig> {}
+declare const menuPopoverWrapperDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
+};
+type MenuPopoverWrapperConfig = NonNullable<typeof menuPopoverWrapperDefinition.config>;
+interface MenuPopoverWrapperVariantProps extends UIOverrides.VariantProps<MenuPopoverWrapperConfig> {}
+//#endregion
+//#region src/components/Menu/Menu.d.ts
+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">>;
+interface MenuProps {
+  trigger: ReactElement;
+  items: MenuItem[];
+  closeDelay?: number;
+  placement?: Placement;
+  onAction?: (key: Key, e: any) => void;
+  bottomSheetProps?: MenuBottomSheetProps;
+}
+declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { MenuItemVariantProps as a, menuDefinition as c, menuPopoverWrapperDefinition as d, MenuCvaVariantProps as i, menuItemDefinition as l, MenuItem as n, MenuPopoverVariantProps as o, MenuProps as r, MenuPopoverWrapperVariantProps as s, Menu as t, menuPopoverDefinition as u };

package/dist/Menu-Db_stvqw.js

@@ -0,0 +1,178 @@
+import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
+import { a as menuItemDefinition, i as menuDefinition, r as MenuItem, t as MenuDesktop } from "./MenuDesktop-BjK3K8gs.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { o as $3674c52c6b3c5bce$export$d9b273488cd8ce6f } from "./Dialog-BQN4Z3bO.js";
+import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-Cq7t4Xxl.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as BottomSheet } from "./BottomSheet-Cwci3M8j.js";
+import { t as useBreakpoint } from "./useBreakpoint-D0s71F97.js";
+import { useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+/**
+* @license lucide-react v1.28.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const ArrowLeft = createLucideIcon("arrow-left", [["path", {
+	d: "m12 19-7-7 7-7",
+	key: "1l729n"
+}], ["path", {
+	d: "M19 12H5",
+	key: "x3x0zl"
+}]]);
+//#endregion
+//#region src/components/Menu/MenuMobile.tsx
+const 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($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+			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($3674c52c6b3c5bce$export$d9b273488cd8ce6f, {
+				autoFocus: true,
+				onClose,
+				className: menuCva({
+					...props,
+					isMobile: true
+				}),
+				children: (activeItem?.children ?? items).map((item_0, index) => /* @__PURE__ */ jsx(MenuItem, {
+					...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
+//#region src/components/Menu/Menu.tsx
+const 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 as t };

package/dist/MenuDesktop-BjK3K8gs.js

@@ -0,0 +1,248 @@
+import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { a as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $07b14b47974efb58$export$5b6b19405a83ff9d, i as $3674c52c6b3c5bce$export$27d2ad3c5815583e, o as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, s as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "./Dialog-BQN4Z3bO.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+/**
+* @license lucide-react v1.28.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const ArrowRight = createLucideIcon("arrow-right", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "m12 5 7 7-7 7",
+	key: "xquz4c"
+}]]);
+//#endregion
+//#region src/components/Menu/menu.cva.ts
+const menuDefinition = UIOverrides.defineConfig({
+	base: ["outline-none"],
+	config: {
+		variants: { isMobile: {
+			true: [],
+			false: []
+		} },
+		defaultVariants: { isMobile: false }
+	}
+});
+const menuItemDefinition = UIOverrides.defineConfig({
+	base: [
+		"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
+		"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
+		"bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
+		"disabled:cursor-default disabled:text-interactive-text-secondary-disabled",
+		"hover:bg-elevation-fill-default-2 hover:text-interactive-text-secondary-hover",
+		"open:cursor-default open:bg-interactive-contained-primary-idle! open:text-interactive-contained-primary-on-idle!",
+		"focus-visible:bg-elevation-fill-default-2 focus-visible:text-interactive-text-secondary-hover"
+	],
+	config: {
+		variants: { isMobile: {
+			true: ["justify-start! w-full font-labels-default"],
+			false: []
+		} },
+		defaultVariants: { isMobile: false }
+	}
+});
+const menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
+const menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"] });
+//#endregion
+//#region src/components/Menu/MenuItem.tsx
+const MenuItem = (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 = $3674c52c6b3c5bce$export$2ce376c2cc3355c8;
+	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
+//#region src/components/Menu/MenuPopover.tsx
+const 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 = $07b14b47974efb58$export$5b6b19405a83ff9d;
+	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 = $3674c52c6b3c5bce$export$d9b273488cd8ce6f;
+	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, { ...item }, index) : /* @__PURE__ */ jsxs($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { children: [/* @__PURE__ */ jsx(MenuItem, { ...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
+//#region src/components/Menu/MenuDesktop.tsx
+const 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($3674c52c6b3c5bce$export$27d2ad3c5815583e, { children: [trigger, t1] });
+		$[9] = t1;
+		$[10] = trigger;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+//#endregion
+export { menuItemDefinition as a, menuDefinition as i, MenuPopover as n, menuPopoverDefinition as o, MenuItem as r, menuPopoverWrapperDefinition as s, MenuDesktop as t };

package/dist/MenuItem-ChgmtbQw.d.ts

@@ -0,0 +1,6 @@
+import { n as MenuItem$1 } from "./Menu-CLA3gTYc.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 { MenuListItemProps as n, MenuItem as t };

package/dist/Modal-BVL1P0ls.d.ts

@@ -0,0 +1,53 @@
+import { i as DialogProps } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { PropsWithChildren, RefObject } from "react";
+//#region src/components/overlays/Modal/modal.cva.d.ts
+declare const modalContentDefinition: {
+  base: string[];
+  config: 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";
+    };
+  }>;
+};
+type ModalConfig = NonNullable<typeof modalContentDefinition.config>;
+interface ModalVariantProps extends UIOverrides.VariantProps<ModalConfig> {}
+declare const modalOverlayDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "p-0";
+      readonly right: "p-0";
+      readonly center: "p-4";
+    };
+  }>;
+};
+declare const modalMainDefinition: {
+  base: string[];
+  config: 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";
+    };
+  }>;
+};
+//#endregion
+//#region src/components/overlays/Modal/Modal.d.ts
+interface ModalProps extends ModalVariantProps, Pick<DialogProps, "aria-label" | "aria-labelledby"> {
+  isOpen: boolean;
+  portalContainerRef?: RefObject<HTMLElement>;
+  onClose: () => void;
+  modalClassName?: string;
+  closeIconClassName?: string;
+  overlayClassName?: string;
+  showCloseIcon?: boolean;
+  isDismissable?: boolean;
+  isKeyboardDismissable?: boolean;
+  shouldCloseOnInteractOutside?: () => boolean;
+}
+declare const Modal: ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { modalOverlayDefinition as a, modalMainDefinition as i, ModalProps as n, modalContentDefinition as r, Modal as t };