@povio/ui 3.0.0-rc.3 → 3.1.0

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

@@ -1,17 +1,21 @@
 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 +1,11 @@
 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;
+	if (useBreakpoint("md")) return /* @__PURE__ */ jsx(MenuDesktop, { ...props });
+	return /* @__PURE__ */ jsx(MenuMobile, { ...props });
 };
 //#endregion
 export { Menu };

package/dist/components/Menu/MenuDesktop.js

@@ -1,48 +1,14 @@
 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 = (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;
+var MenuDesktop = ({ trigger, items, onAction, ...props }) => {
+	return /* @__PURE__ */ jsxs(MenuTrigger, { children: [trigger, /* @__PURE__ */ jsx(MenuPopover, {
+		...props,
+		offset: 0,
+		items,
+		onAction
+	})] });
 };
 //#endregion
 export { MenuDesktop };

package/dist/components/Menu/MenuItem.js

@@ -1,46 +1,23 @@
 import { ArrowRightIcon } from "../../assets/icons/ArrowRight.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 = (t0) => {
-	const $ = c(9);
-	const { label, content, children, className, ...item } = t0;
+var MenuItem$1 = ({ label, content, children, className, ...item }) => {
 	const hasSubmenu = !!children && children?.length > 0;
 	const menuItemCva = UIOverrides.useCva("menu.itemCva", menuItemDefinition);
-	const T0 = MenuItem;
-	const t1 = clsx(menuItemCva({
+	return /* @__PURE__ */ jsxs(MenuItem, {
 		...item,
-		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, {
+		textValue: label,
+		"aria-label": label,
+		className: clsx(menuItemCva({
 			...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;
+			isMobile: false
+		}), className),
+		children: [content ?? label, hasSubmenu && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-6" })]
+	});
 };
 //#endregion
 export { MenuItem$1 as MenuItem };

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

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

package/dist/components/Menu/MenuMobile.js

@@ -3,85 +3,50 @@ 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 = (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];
-	}
+var MenuMobile = ({ trigger, items, onAction, bottomSheetProps, ...props }) => {
 	const menuItemCva = UIOverrides.useCva("menu.itemCva", menuItemDefinition);
 	const menuCva = UIOverrides.useCva("menu.cva", menuDefinition);
 	const activeItemRef = useRef(null);
-	let t1;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[5] = t1;
-	} else t1 = $[5];
-	const activeItemParentsRef = useRef(t1);
+	const activeItemParentsRef = useRef([]);
 	const lastEventRef = useRef(null);
 	const [isOpen, setIsOpen] = useState(false);
 	const [activeItem, setActiveItem] = useState(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;
+	const handleAction = (item) => {
+		if (!item.children) {
+			activeItemRef.current = null;
+			activeItemParentsRef.current = [];
+			setActiveItem(null);
 			setIsOpen(false);
-		};
-		$[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, {
+			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, {
+		isDismissable: true,
+		hideHeader: true,
+		...bottomSheetProps,
+		isOpen,
+		onOpenChange: setIsOpen,
+		trigger,
+		children: () => /* @__PURE__ */ jsxs(Fragment, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
 			className: clsx(menuItemCva({
 				...props,
 				isMobile: true
@@ -92,8 +57,8 @@ var MenuMobile = (t0) => {
 			onClickCapture: (e) => {
 				lastEventRef.current = e;
 			},
-			onKeyDownCapture: (e_0) => {
-				lastEventRef.current = e_0;
+			onKeyDownCapture: (e) => {
+				lastEventRef.current = e;
 			},
 			children: /* @__PURE__ */ jsx(Menu, {
 				autoFocus: true,
@@ -102,36 +67,13 @@ var MenuMobile = (t0) => {
 					...props,
 					isMobile: true
 				}),
-				children: (activeItem?.children ?? items).map((item_0, index) => /* @__PURE__ */ jsx(MenuItem$1, {
-					...item_0,
-					onAction: () => handleAction(item_0)
+				children: (activeItem?.children ?? items).map((item, index) => /* @__PURE__ */ jsx(MenuItem$1, {
+					...item,
+					onAction: () => handleAction(item)
 				}, 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,121 +1,45 @@
 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 = (t0) => {
-	const $ = c(28);
-	const { items, className, onAction, ...props } = t0;
+var MenuPopover = ({ items, className, onAction, ...props }) => {
 	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({
+	return /* @__PURE__ */ jsx(Popover, {
 		...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, {
+		className: menuPopoverCva({
 			...props,
-			className: t1,
-			children: t10
-		});
-		$[23] = T0;
-		$[24] = props;
-		$[25] = t1;
-		$[26] = t10;
-		$[27] = t11;
-	} else t11 = $[27];
-	return t11;
+			className
+		}),
+		children: /* @__PURE__ */ jsx("div", {
+			className: menuPopoverWrapperCva({}),
+			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({
+						...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))
+				})
+			})
+		})
+	});
 };
 //#endregion
 export { MenuPopover };

package/dist/components/buttons/IconButton/IconButton.js

@@ -1,51 +1,19 @@
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { Button } from "../Button/Button.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/IconButton/IconButton.tsx
-var IconButton = (t0) => {
-	const $ = c(11);
-	let disableTooltip;
-	let label;
-	let props;
-	if ($[0] !== t0) {
-		({label, disableTooltip, ...props} = t0);
-		$[0] = t0;
-		$[1] = disableTooltip;
-		$[2] = label;
-		$[3] = props;
-	} else {
-		disableTooltip = $[1];
-		label = $[2];
-		props = $[3];
-	}
-	const t1 = !label || disableTooltip;
-	let t2;
-	if ($[4] !== label || $[5] !== props) {
-		t2 = /* @__PURE__ */ jsx(Button, {
+var IconButton = ({ label, disableTooltip, ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: label,
+		placement: "bottom",
+		hidden: !label || disableTooltip,
+		children: /* @__PURE__ */ jsx(Button, {
 			...props,
 			iconOnly: true,
 			width: "hug",
 			children: label
-		});
-		$[4] = label;
-		$[5] = props;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== label || $[8] !== t1 || $[9] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Tooltip, {
-			text: label,
-			placement: "bottom",
-			hidden: t1,
-			children: t2
-		});
-		$[7] = label;
-		$[8] = t1;
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
+		})
+	});
 };
 //#endregion
 export { IconButton };

package/dist/components/buttons/InlineIconButton/InlineIconButton.d.ts

@@ -8,6 +8,5 @@ export interface InlineIconButtonProps extends Omit<AriaButtonProps, "children">
     link?: LinkNavigationProps;
     ref?: RefObject<HTMLButtonElement | HTMLAnchorElement | null>;
     disableTooltip?: boolean;
-    staticRender?: boolean;
 }
-export declare const InlineIconButton: ({ label, size, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InlineIconButton: ({ label, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/InlineIconButton/InlineIconButton.js

@@ -1,40 +1,15 @@
 import { Button } from "../Button/Button.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.tsx
-var InlineIconButton = (t0) => {
-	const $ = c(8);
-	let label;
-	let props;
-	let t1;
-	if ($[0] !== t0) {
-		({label, size: t1, ...props} = t0);
-		$[0] = t0;
-		$[1] = label;
-		$[2] = props;
-		$[3] = t1;
-	} else {
-		label = $[1];
-		props = $[2];
-		t1 = $[3];
-	}
-	const size = t1 === void 0 ? "none" : t1;
-	let t2;
-	if ($[4] !== label || $[5] !== props || $[6] !== size) {
-		t2 = /* @__PURE__ */ jsx(Button, {
-			...props,
-			iconOnly: true,
-			variant: "text",
-			size,
-			width: "hug",
-			children: label
-		});
-		$[4] = label;
-		$[5] = props;
-		$[6] = size;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+var InlineIconButton = ({ label, ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		iconOnly: true,
+		variant: "text",
+		size: "none",
+		width: "hug",
+		children: label
+	});
 };
 //#endregion
 export { InlineIconButton };