@lobehub/ui 4.6.2 → 4.6.4

package/es/DropdownMenu/DropdownMenu.mjs

@@ -0,0 +1,101 @@
+'use client';
+
+import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
+import { TOOLTIP_CONTAINER_ATTR } from "../Tooltip/TooltipPortal.mjs";
+import { useIsClient } from "../hooks/useIsClient.mjs";
+import { styles } from "../Menu/sharedStyle.mjs";
+import { renderDropdownMenuItems } from "./renderItems.mjs";
+import { cloneElement, isValidElement, memo, useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/DropdownMenu/DropdownMenu.tsx
+const placementMap = {
+	bottomCenter: {
+		align: "center",
+		side: "bottom"
+	},
+	bottomLeft: {
+		align: "start",
+		side: "bottom"
+	},
+	bottomRight: {
+		align: "end",
+		side: "bottom"
+	},
+	topCenter: {
+		align: "center",
+		side: "top"
+	},
+	topLeft: {
+		align: "start",
+		side: "top"
+	},
+	topRight: {
+		align: "end",
+		side: "top"
+	}
+};
+const DropdownMenu = memo(({ children, defaultOpen, items, onOpenChange, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, triggerProps, ...rest }) => {
+	const isClient = useIsClient();
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	useEffect(() => {
+		if (open === void 0) return;
+		setUncontrolledOpen(open);
+	}, [open]);
+	const handleOpenChange = useCallback((nextOpen, details) => {
+		onOpenChange?.(nextOpen, details);
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+	}, [onOpenChange, open]);
+	const shouldRenderItems = open ?? uncontrolledOpen;
+	const menuItems = useMemo(() => {
+		if (!shouldRenderItems) return null;
+		return renderDropdownMenuItems(typeof items === "function" ? items() : items);
+	}, [items, shouldRenderItems]);
+	const portalContainer = useMemo(() => {
+		if (!isClient) return null;
+		const themeApp = document.querySelector(`#${LOBE_THEME_APP_ID}`);
+		if (themeApp) return themeApp;
+		const tooltipContainer = document.querySelector(`[${TOOLTIP_CONTAINER_ATTR}="true"]`);
+		if (tooltipContainer) return tooltipContainer;
+		return document.body;
+	}, [isClient]);
+	const placementConfig = placementMap[placement];
+	const trigger = isValidElement(children) ? /* @__PURE__ */ jsx(Menu.Trigger, {
+		...triggerProps,
+		render: (props) => cloneElement(children, mergeProps(children.props, props))
+	}) : /* @__PURE__ */ jsx(Menu.Trigger, {
+		...triggerProps,
+		children
+	});
+	return /* @__PURE__ */ jsxs(Menu.Root, {
+		...rest,
+		defaultOpen,
+		onOpenChange: handleOpenChange,
+		open,
+		children: [trigger, /* @__PURE__ */ jsx(Menu.Portal, {
+			container: portalProps?.container ?? portalContainer,
+			...portalProps,
+			children: /* @__PURE__ */ jsx(Menu.Positioner, {
+				...positionerProps,
+				align: positionerProps?.align ?? placementConfig.align,
+				className: (state) => cx(styles.positioner, typeof positionerProps?.className === "function" ? positionerProps.className(state) : positionerProps?.className),
+				side: positionerProps?.side ?? placementConfig.side,
+				sideOffset: positionerProps?.sideOffset ?? 6,
+				children: /* @__PURE__ */ jsx(Menu.Popup, {
+					...popupProps,
+					className: (state) => cx(styles.popup, typeof popupProps?.className === "function" ? popupProps.className(state) : popupProps?.className),
+					children: menuItems
+				})
+			})
+		})]
+	});
+});
+DropdownMenu.displayName = "DropdownMenuV2";
+var DropdownMenu_default = DropdownMenu;
+
+//#endregion
+export { DropdownMenu_default as default };
+//# sourceMappingURL=DropdownMenu.mjs.map

package/es/DropdownMenu/DropdownMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.mjs","names":["placementMap: Record<\n  DropdownMenuPlacement,\n  { align: 'start' | 'center' | 'end'; side: 'top' | 'bottom' }\n>"],"sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu } from '@base-ui/react/menu';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { cx } from 'antd-style';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { styles } from '@/Menu/sharedStyle';\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\nimport { TOOLTIP_CONTAINER_ATTR } from '@/Tooltip/TooltipPortal';\nimport { useIsClient } from '@/hooks/useIsClient';\n\nimport { renderDropdownMenuItems } from './renderItems';\nimport type { DropdownMenuPlacement, DropdownMenuProps } from './type';\n\nconst placementMap: Record<\n  DropdownMenuPlacement,\n  { align: 'start' | 'center' | 'end'; side: 'top' | 'bottom' }\n> = {\n  bottomCenter: { align: 'center', side: 'bottom' },\n  bottomLeft: { align: 'start', side: 'bottom' },\n  bottomRight: { align: 'end', side: 'bottom' },\n  topCenter: { align: 'center', side: 'top' },\n  topLeft: { align: 'start', side: 'top' },\n  topRight: { align: 'end', side: 'top' },\n};\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n\n    items,\n    onOpenChange,\n    open,\n    placement = 'bottomLeft',\n    popupProps,\n    portalProps,\n    positionerProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const isClient = useIsClient();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\n        onOpenChange?.(nextOpen, details);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open],\n    );\n\n    const shouldRenderItems = open ?? uncontrolledOpen;\n    const menuItems = useMemo(() => {\n      if (!shouldRenderItems) return null;\n      const resolvedItems = typeof items === 'function' ? items() : items;\n      return renderDropdownMenuItems(resolvedItems);\n    }, [items, shouldRenderItems]);\n    const portalContainer = useMemo(() => {\n      if (!isClient) return null;\n\n      const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n      if (themeApp) return themeApp;\n\n      const tooltipContainer = document.querySelector<HTMLElement>(\n        `[${TOOLTIP_CONTAINER_ATTR}=\"true\"]`,\n      );\n      if (tooltipContainer) return tooltipContainer;\n\n      return document.body;\n    }, [isClient]);\n    const placementConfig = placementMap[placement];\n    const trigger = isValidElement(children) ? (\n      <Menu.Trigger\n        {...triggerProps}\n        render={(props) => cloneElement(children, mergeProps(children.props as any, props))}\n      />\n    ) : (\n      <Menu.Trigger {...triggerProps}>{children}</Menu.Trigger>\n    );\n\n    return (\n      <Menu.Root {...rest} defaultOpen={defaultOpen} onOpenChange={handleOpenChange} open={open}>\n        {trigger}\n        <Menu.Portal container={portalProps?.container ?? portalContainer} {...portalProps}>\n          <Menu.Positioner\n            {...positionerProps}\n            align={positionerProps?.align ?? placementConfig.align}\n            className={(state) =>\n              cx(\n                styles.positioner,\n                typeof positionerProps?.className === 'function'\n                  ? positionerProps.className(state)\n                  : positionerProps?.className,\n              )\n            }\n            side={positionerProps?.side ?? placementConfig.side}\n            sideOffset={positionerProps?.sideOffset ?? 6}\n          >\n            <Menu.Popup\n              {...popupProps}\n              className={(state) =>\n                cx(\n                  styles.popup,\n                  typeof popupProps?.className === 'function'\n                    ? popupProps.className(state)\n                    : popupProps?.className,\n                )\n              }\n            >\n              {menuItems}\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </Menu.Root>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenuV2';\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAMA,eAGF;CACF,cAAc;EAAE,OAAO;EAAU,MAAM;EAAU;CACjD,YAAY;EAAE,OAAO;EAAS,MAAM;EAAU;CAC9C,aAAa;EAAE,OAAO;EAAO,MAAM;EAAU;CAC7C,WAAW;EAAE,OAAO;EAAU,MAAM;EAAO;CAC3C,SAAS;EAAE,OAAO;EAAS,MAAM;EAAO;CACxC,UAAU;EAAE,OAAO;EAAO,MAAM;EAAO;CACxC;AAED,MAAM,eAAe,MAClB,EACC,UACA,aAEA,OACA,cACA,MACA,YAAY,cACZ,YACA,aACA,iBACA,cACA,GAAG,WACC;CACJ,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;AAE9E,iBAAgB;AACd,MAAI,SAAS,OAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB,aACtB,UAAmB,YAA6D;AAC/E,iBAAe,UAAU,QAAQ;AACjC,MAAI,SAAS,OACX,qBAAoB,SAAS;IAGjC,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,oBAAoB,QAAQ;CAClC,MAAM,YAAY,cAAc;AAC9B,MAAI,CAAC,kBAAmB,QAAO;AAE/B,SAAO,wBADe,OAAO,UAAU,aAAa,OAAO,GAAG,MACjB;IAC5C,CAAC,OAAO,kBAAkB,CAAC;CAC9B,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;EAEtB,MAAM,WAAW,SAAS,cAA2B,IAAI,oBAAoB;AAC7E,MAAI,SAAU,QAAO;EAErB,MAAM,mBAAmB,SAAS,cAChC,IAAI,uBAAuB,UAC5B;AACD,MAAI,iBAAkB,QAAO;AAE7B,SAAO,SAAS;IACf,CAAC,SAAS,CAAC;CACd,MAAM,kBAAkB,aAAa;CACrC,MAAM,UAAU,eAAe,SAAS,GACtC,oBAAC,KAAK;EACJ,GAAI;EACJ,SAAS,UAAU,aAAa,UAAU,WAAW,SAAS,OAAc,MAAM,CAAC;GACnF,GAEF,oBAAC,KAAK;EAAQ,GAAI;EAAe;GAAwB;AAG3D,QACE,qBAAC,KAAK;EAAK,GAAI;EAAmB;EAAa,cAAc;EAAwB;aAClF,SACD,oBAAC,KAAK;GAAO,WAAW,aAAa,aAAa;GAAiB,GAAI;aACrE,oBAAC,KAAK;IACJ,GAAI;IACJ,OAAO,iBAAiB,SAAS,gBAAgB;IACjD,YAAY,UACV,GACE,OAAO,YACP,OAAO,iBAAiB,cAAc,aAClC,gBAAgB,UAAU,MAAM,GAChC,iBAAiB,UACtB;IAEH,MAAM,iBAAiB,QAAQ,gBAAgB;IAC/C,YAAY,iBAAiB,cAAc;cAE3C,oBAAC,KAAK;KACJ,GAAI;KACJ,YAAY,UACV,GACE,OAAO,OACP,OAAO,YAAY,cAAc,aAC7B,WAAW,UAAU,MAAM,GAC3B,YAAY,UACjB;eAGF;MACU;KACG;IACN;GACJ;EAGjB;AAED,aAAa,cAAc;AAE3B,2BAAe"}

package/es/DropdownMenu/index.d.mts

@@ -0,0 +1,3 @@
+import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps } from "./type.mjs";
+import { DropdownMenu } from "./DropdownMenu.mjs";
+export { type DropdownItem, type DropdownMenuCheckboxItem, type DropdownMenuPlacement, type DropdownMenuProps, DropdownMenu as default };

package/es/DropdownMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/DropdownMenu/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/DropdownMenu/index.mjs

@@ -0,0 +1,3 @@
+import DropdownMenu_default from "./DropdownMenu.mjs";
+
+export { DropdownMenu_default as default };

package/es/DropdownMenu/renderItems.mjs

@@ -0,0 +1,161 @@
+import Icon_default from "../Icon/Icon.mjs";
+import { styles } from "../Menu/sharedStyle.mjs";
+import { isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Check, ChevronRight } from "lucide-react";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/DropdownMenu/renderItems.tsx
+const getItemKey = (item, fallback) => {
+	if (item && "key" in item && item.key !== void 0) return item.key;
+	return fallback;
+};
+const getItemLabel = (item) => {
+	if (item.label !== void 0) return item.label;
+	if ("title" in item && item.title !== void 0) return item.title;
+	return item.key;
+};
+const renderIcon = (icon) => {
+	if (!icon) return null;
+	if (isValidElement(icon)) return icon;
+	return /* @__PURE__ */ jsx(Icon_default, { icon });
+};
+const getReserveIconSpaceMap = (items) => {
+	const flags = Array.from({ length: items.length }).fill(false);
+	let segmentIndices = [];
+	let segmentHasIcon = false;
+	const flush = () => {
+		if (segmentHasIcon) for (const index of segmentIndices) flags[index] = true;
+		segmentIndices = [];
+		segmentHasIcon = false;
+	};
+	items.forEach((item, index) => {
+		if (!item) return;
+		if (item.type === "divider" || item.type === "group") {
+			flush();
+			return;
+		}
+		segmentIndices.push(index);
+		if (item.type === "checkbox") {
+			segmentHasIcon = true;
+			return;
+		}
+		if ("icon" in item && item.icon) segmentHasIcon = true;
+	});
+	flush();
+	return flags;
+};
+const renderItemContent = (item, options, iconNode) => {
+	const label = getItemLabel(item);
+	const extra = "extra" in item ? item.extra : void 0;
+	const hasCustomIcon = iconNode !== void 0;
+	const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);
+	const shouldRenderIcon = hasCustomIcon ? Boolean(options?.reserveIconSpace || iconNode) : Boolean(hasIcon || options?.reserveIconSpace);
+	return /* @__PURE__ */ jsxs("div", {
+		className: styles.itemContent,
+		children: [
+			shouldRenderIcon ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": !hasIcon,
+				className: styles.icon,
+				children: hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: styles.label,
+				children: label
+			}),
+			extra ? /* @__PURE__ */ jsx("span", {
+				className: styles.extra,
+				children: extra
+			}) : null,
+			options?.submenu ? /* @__PURE__ */ jsx("span", {
+				className: styles.submenuArrow,
+				children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
+			}) : null
+		]
+	});
+};
+const invokeItemClick = (item, keyPath, event) => {
+	if (!item.onClick) return;
+	const key = item.key ?? keyPath.at(-1) ?? "";
+	const info = {
+		domEvent: event,
+		item: event.currentTarget,
+		key: String(key),
+		keyPath
+	};
+	item.onClick(info);
+};
+const renderDropdownMenuItems = (items, keyPath = [], options) => {
+	const reserveIconSpaceMap = options?.reserveIconSpace === void 0 ? getReserveIconSpaceMap(items) : null;
+	return items.map((item, index) => {
+		if (!item) return null;
+		const itemKey = getItemKey(item, `${keyPath.join("-") || "root"}-${index}`);
+		const nextKeyPath = [...keyPath, String(itemKey)];
+		const reserveIconSpace = options?.reserveIconSpace ?? Boolean(reserveIconSpaceMap?.[index]);
+		if (item.type === "checkbox") {
+			const checkboxItem = item;
+			const label$1 = getItemLabel(checkboxItem);
+			const labelText$1 = typeof label$1 === "string" ? label$1 : void 0;
+			const isDanger$1 = Boolean(checkboxItem.danger);
+			const indicator = /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Icon_default, { icon: Check }) });
+			return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+				checked: checkboxItem.checked,
+				className: cx(styles.item, isDanger$1 && styles.danger),
+				closeOnClick: checkboxItem.closeOnClick,
+				defaultChecked: checkboxItem.defaultChecked,
+				disabled: checkboxItem.disabled,
+				label: labelText$1,
+				onCheckedChange: (checked) => checkboxItem.onCheckedChange?.(checked),
+				children: renderItemContent(checkboxItem, { reserveIconSpace }, indicator)
+			}, itemKey);
+		}
+		if (item.type === "divider") return /* @__PURE__ */ jsx(Menu.Separator, { className: styles.separator }, itemKey);
+		if (item.type === "group") {
+			const group = item;
+			const groupReserveIconSpace = Boolean(group.children?.some((child) => Boolean(child && "icon" in child && child.icon)));
+			return /* @__PURE__ */ jsxs(Menu.Group, { children: [group.label ? /* @__PURE__ */ jsx(Menu.GroupLabel, {
+				className: styles.groupLabel,
+				children: group.label
+			}) : null, group.children ? renderDropdownMenuItems(group.children, nextKeyPath, { reserveIconSpace: groupReserveIconSpace }) : null] }, itemKey);
+		}
+		if (item.type === "submenu" || "children" in item) {
+			const submenu = item;
+			const label$1 = getItemLabel(submenu);
+			const labelText$1 = typeof label$1 === "string" ? label$1 : void 0;
+			const isDanger$1 = "danger" in submenu && Boolean(submenu.danger);
+			return /* @__PURE__ */ jsxs(Menu.SubmenuRoot, { children: [/* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+				className: cx(styles.item, isDanger$1 && styles.danger),
+				disabled: submenu.disabled,
+				label: labelText$1,
+				children: renderItemContent(submenu, {
+					reserveIconSpace,
+					submenu: true
+				})
+			}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+				alignOffset: -4,
+				className: styles.positioner,
+				sideOffset: -1,
+				children: /* @__PURE__ */ jsx(Menu.Popup, {
+					className: styles.popup,
+					children: submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath) : null
+				})
+			}) })] }, itemKey);
+		}
+		const menuItem = item;
+		const label = getItemLabel(menuItem);
+		const labelText = typeof label === "string" ? label : void 0;
+		const isDanger = "danger" in menuItem && Boolean(menuItem.danger);
+		return /* @__PURE__ */ jsx(Menu.Item, {
+			className: cx(styles.item, isDanger && styles.danger),
+			disabled: menuItem.disabled,
+			label: labelText,
+			onClick: (event) => invokeItemClick(menuItem, nextKeyPath, event),
+			children: renderItemContent(menuItem, { reserveIconSpace })
+		}, itemKey);
+	});
+};
+
+//#endregion
+export { renderDropdownMenuItems };
+//# sourceMappingURL=renderItems.mjs.map

package/es/DropdownMenu/renderItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItems.mjs","names":["Icon","segmentIndices: number[]","info: MenuInfo","label","labelText","isDanger"],"sources":["../../src/DropdownMenu/renderItems.tsx"],"sourcesContent":["import { Menu } from '@base-ui/react/menu';\nimport { cx } from 'antd-style';\nimport { Check, ChevronRight } from 'lucide-react';\nimport type { MenuInfo } from 'rc-menu/es/interface';\nimport type {\n  Key,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n} from 'react';\nimport { isValidElement } from 'react';\n\nimport Icon from '@/Icon';\nimport type {\n  ItemType,\n  MenuDividerType,\n  MenuItemGroupType,\n  MenuItemType,\n  SubMenuType,\n} from '@/Menu';\nimport { styles } from '@/Menu/sharedStyle';\n\nimport type { DropdownItem, DropdownMenuCheckboxItem } from './type';\n\nconst getItemKey = (item: ItemType | DropdownItem, fallback: string): Key => {\n  if (item && 'key' in item && item.key !== undefined) return item.key;\n  return fallback;\n};\n\ntype LabelableItem = {\n  key?: Key;\n  label?: ReactNode;\n  title?: ReactNode;\n};\n\nconst getItemLabel = (item: MenuItemType | SubMenuType | LabelableItem): ReactNode => {\n  if (item.label !== undefined) return item.label;\n  if ('title' in item && item.title !== undefined) return item.title;\n  return item.key;\n};\n\nconst renderIcon = (icon: MenuItemType['icon']) => {\n  if (!icon) return null;\n  if (isValidElement(icon)) return icon;\n  return <Icon icon={icon} />;\n};\n\nconst getReserveIconSpaceMap = (items: DropdownItem[]) => {\n  const flags = Array.from({ length: items.length }).fill(false);\n  let segmentIndices: number[] = [];\n  let segmentHasIcon = false;\n\n  const flush = () => {\n    if (segmentHasIcon) {\n      for (const index of segmentIndices) flags[index] = true;\n    }\n    segmentIndices = [];\n    segmentHasIcon = false;\n  };\n\n  items.forEach((item, index) => {\n    if (!item) return;\n    if (\n      (item as MenuDividerType).type === 'divider' ||\n      (item as MenuItemGroupType).type === 'group'\n    ) {\n      flush();\n      return;\n    }\n\n    segmentIndices.push(index);\n    if ((item as DropdownMenuCheckboxItem).type === 'checkbox') {\n      segmentHasIcon = true;\n      return;\n    }\n    if ('icon' in item && item.icon) segmentHasIcon = true;\n  });\n\n  flush();\n  return flags;\n};\n\nconst renderItemContent = (\n  item: MenuItemType | SubMenuType | DropdownMenuCheckboxItem,\n  options?: { reserveIconSpace?: boolean; submenu?: boolean },\n  iconNode?: ReactNode,\n) => {\n  const label = getItemLabel(item);\n  const extra = 'extra' in item ? item.extra : undefined;\n  const hasCustomIcon = iconNode !== undefined;\n  const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);\n  const shouldRenderIcon = hasCustomIcon\n    ? Boolean(options?.reserveIconSpace || iconNode)\n    : Boolean(hasIcon || options?.reserveIconSpace);\n\n  return (\n    <div className={styles.itemContent}>\n      {shouldRenderIcon ? (\n        <span aria-hidden={!hasIcon} className={styles.icon}>\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null}\n        </span>\n      ) : null}\n      <span className={styles.label}>{label}</span>\n      {extra ? <span className={styles.extra}>{extra}</span> : null}\n      {options?.submenu ? (\n        <span className={styles.submenuArrow}>\n          <ChevronRight size={16} />\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nconst invokeItemClick = (\n  item: MenuItemType,\n  keyPath: string[],\n  event: ReactMouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>,\n) => {\n  if (!item.onClick) return;\n  const key = item.key ?? keyPath.at(-1) ?? '';\n  const info: MenuInfo = {\n    domEvent: event,\n    item: event.currentTarget as MenuInfo['item'],\n    key: String(key),\n    keyPath,\n  };\n  item.onClick(info);\n};\n\nexport const renderDropdownMenuItems = (\n  items: DropdownItem[],\n  keyPath: string[] = [],\n  options?: { reserveIconSpace?: boolean },\n): ReactNode[] => {\n  const reserveIconSpaceMap =\n    options?.reserveIconSpace === undefined ? getReserveIconSpaceMap(items) : null;\n\n  return items.map((item, index) => {\n    if (!item) return null;\n\n    const fallbackKey = `${keyPath.join('-') || 'root'}-${index}`;\n    const itemKey = getItemKey(item, fallbackKey);\n    const nextKeyPath = [...keyPath, String(itemKey)];\n    const reserveIconSpace = options?.reserveIconSpace ?? Boolean(reserveIconSpaceMap?.[index]);\n\n    if ((item as DropdownMenuCheckboxItem).type === 'checkbox') {\n      const checkboxItem = item as DropdownMenuCheckboxItem;\n      const label = getItemLabel(checkboxItem);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = Boolean(checkboxItem.danger);\n      const indicator = (\n        <Menu.CheckboxItemIndicator>\n          <Icon icon={Check} />\n        </Menu.CheckboxItemIndicator>\n      );\n\n      return (\n        <Menu.CheckboxItem\n          checked={checkboxItem.checked}\n          className={cx(styles.item, isDanger && styles.danger)}\n          closeOnClick={checkboxItem.closeOnClick}\n          defaultChecked={checkboxItem.defaultChecked}\n          disabled={checkboxItem.disabled}\n          key={itemKey}\n          label={labelText}\n          onCheckedChange={(checked) => checkboxItem.onCheckedChange?.(checked)}\n        >\n          {renderItemContent(checkboxItem, { reserveIconSpace }, indicator)}\n        </Menu.CheckboxItem>\n      );\n    }\n\n    if ((item as MenuDividerType).type === 'divider') {\n      return <Menu.Separator className={styles.separator} key={itemKey} />;\n    }\n\n    if ((item as MenuItemGroupType).type === 'group') {\n      const group = item as MenuItemGroupType;\n      const groupReserveIconSpace = Boolean(\n        group.children?.some((child) => Boolean(child && 'icon' in child && child.icon)),\n      );\n      return (\n        <Menu.Group key={itemKey}>\n          {group.label ? (\n            <Menu.GroupLabel className={styles.groupLabel}>{group.label}</Menu.GroupLabel>\n          ) : null}\n          {group.children\n            ? renderDropdownMenuItems(group.children, nextKeyPath, {\n                reserveIconSpace: groupReserveIconSpace,\n              })\n            : null}\n        </Menu.Group>\n      );\n    }\n\n    if ((item as SubMenuType).type === 'submenu' || 'children' in item) {\n      const submenu = item as SubMenuType;\n      const label = getItemLabel(submenu);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = 'danger' in submenu && Boolean(submenu.danger);\n\n      return (\n        <Menu.SubmenuRoot key={itemKey}>\n          <Menu.SubmenuTrigger\n            className={cx(styles.item, isDanger && styles.danger)}\n            disabled={submenu.disabled}\n            label={labelText}\n          >\n            {renderItemContent(submenu, {\n              reserveIconSpace,\n              submenu: true,\n            })}\n          </Menu.SubmenuTrigger>\n          <Menu.Portal>\n            <Menu.Positioner alignOffset={-4} className={styles.positioner} sideOffset={-1}>\n              <Menu.Popup className={styles.popup}>\n                {submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath) : null}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </Menu.SubmenuRoot>\n      );\n    }\n\n    const menuItem = item as MenuItemType;\n    const label = getItemLabel(menuItem);\n    const labelText = typeof label === 'string' ? label : undefined;\n    const isDanger = 'danger' in menuItem && Boolean(menuItem.danger);\n\n    return (\n      <Menu.Item\n        className={cx(styles.item, isDanger && styles.danger)}\n        disabled={menuItem.disabled}\n        key={itemKey}\n        label={labelText}\n        onClick={(event) => invokeItemClick(menuItem, nextKeyPath, event)}\n      >\n        {renderItemContent(menuItem, { reserveIconSpace })}\n      </Menu.Item>\n    );\n  });\n};\n"],"mappings":"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"}

package/es/DropdownMenu/type.d.mts

@@ -0,0 +1,36 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { GenericItemType } from "../Menu/type.mjs";
+import "../Menu/index.mjs";
+import { Key, ReactNode } from "react";
+import { MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuRootProps, MenuTriggerProps } from "@base-ui/react/menu";
+
+//#region src/DropdownMenu/type.d.ts
+type DropdownMenuPlacement = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+interface DropdownMenuCheckboxItem {
+  checked?: boolean;
+  closeOnClick?: boolean;
+  danger?: boolean;
+  defaultChecked?: boolean;
+  disabled?: boolean;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  key: Key;
+  label?: ReactNode;
+  onCheckedChange?: (checked: boolean) => void;
+  title?: ReactNode;
+  type: 'checkbox';
+}
+type DropdownItem = GenericItemType | DropdownMenuCheckboxItem;
+interface DropdownMenuProps<Payload = unknown> extends Omit<MenuRootProps<Payload>, 'children'> {
+  children: ReactNode;
+  items: DropdownItem[] | (() => DropdownItem[]);
+  placement?: DropdownMenuPlacement;
+  popupProps?: MenuPopupProps;
+  portalProps?: MenuPortalProps;
+  positionerProps?: MenuPositionerProps;
+  triggerProps?: Omit<MenuTriggerProps<Payload>, 'children'>;
+}
+//#endregion
+export { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps };
+//# sourceMappingURL=type.d.mts.map

package/es/EditableText/EditableText.d.mts

@@ -1,8 +1,8 @@
 import { EditableTextProps } from "./type.mjs";
-import * as react56 from "react";
+import * as react26 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react56.NamedExoticComponent<EditableTextProps>;
+declare const EditableText: react26.NamedExoticComponent<EditableTextProps>;
 //#endregion
 export { EditableText };
 //# sourceMappingURL=EditableText.d.mts.map

package/es/EmojiPicker/EmojiPicker.d.mts

@@ -1,8 +1,8 @@
 import { EmojiPickerProps } from "./type.mjs";
-import * as react59 from "react";
+import * as react25 from "react";
 
 //#region src/EmojiPicker/EmojiPicker.d.ts
-declare const EmojiPicker: react59.NamedExoticComponent<EmojiPickerProps>;
+declare const EmojiPicker: react25.NamedExoticComponent<EmojiPickerProps>;
 //#endregion
 export { EmojiPicker };
 //# sourceMappingURL=EmojiPicker.d.mts.map

package/es/Flex/FlexBasic.d.mts

@@ -1,8 +1,8 @@
 import { FlexBasicProps } from "./type.mjs";
-import * as react54 from "react";
+import * as react22 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react54.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react22.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react0 from "react";
+import * as react58 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react0.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react58.NamedExoticComponent<FontLoaderProps>;
 //#endregion
 export { FontLoader, FontLoaderProps };
 //# sourceMappingURL=index.d.mts.map

package/es/Footer/Footer.d.mts

@@ -1,8 +1,8 @@
 import { FooterProps } from "./type.mjs";
-import * as react53 from "react";
+import * as react23 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react53.NamedExoticComponent<FooterProps>;
+declare const Footer: react23.NamedExoticComponent<FooterProps>;
 //#endregion
 export { Footer };
 //# sourceMappingURL=Footer.d.mts.map

package/es/Form/components/FormGroup.d.mts

@@ -1,8 +1,8 @@
 import { FormGroupProps } from "../type.mjs";
-import * as react50 from "react";
+import * as react21 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react50.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react21.NamedExoticComponent<FormGroupProps>;
 //#endregion
 export { FormGroup };
 //# sourceMappingURL=FormGroup.d.mts.map

package/es/Form/components/FormItem.d.mts

@@ -1,8 +1,8 @@
 import { FormItemProps } from "../type.mjs";
-import * as react51 from "react";
+import * as react20 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react51.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react20.NamedExoticComponent<FormItemProps>;
 //#endregion
 export { FormItem };
 //# sourceMappingURL=FormItem.d.mts.map

package/es/Form/components/FormSubmitFooter.d.mts

@@ -1,8 +1,8 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-import * as react52 from "react";
+import * as react19 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react52.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react19.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/FormModal/FormModal.d.mts

@@ -1,8 +1,8 @@
 import { FormModalProps } from "./type.mjs";
-import * as react31 from "react";
+import * as react24 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react31.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react24.NamedExoticComponent<FormModalProps>;
 //#endregion
 export { FormModal };
 //# sourceMappingURL=FormModal.d.mts.map

package/es/GuideCard/GuideCard.d.mts

@@ -1,8 +1,8 @@
 import { GuideCardProps } from "./type.mjs";
-import * as react109 from "react";
+import * as react133 from "react";
 
 //#region src/GuideCard/GuideCard.d.ts
-declare const GuideCard: react109.NamedExoticComponent<GuideCardProps>;
+declare const GuideCard: react133.NamedExoticComponent<GuideCardProps>;
 //#endregion
 export { GuideCard };
 //# sourceMappingURL=GuideCard.d.mts.map

package/es/Header/Header.d.mts

@@ -1,8 +1,8 @@
 import { HeaderProps } from "./type.mjs";
-import * as react49 from "react";
+import * as react18 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react49.NamedExoticComponent<HeaderProps>;
+declare const Header: react18.NamedExoticComponent<HeaderProps>;
 //#endregion
 export { Header };
 //# sourceMappingURL=Header.d.mts.map

package/es/Highlighter/Highlighter.d.mts

@@ -1,8 +1,8 @@
 import { HighlighterProps } from "./type.mjs";
-import * as react47 from "react";
+import * as react16 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react47.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react16.NamedExoticComponent<HighlighterProps>;
 //#endregion
 export { Highlighter };
 //# sourceMappingURL=Highlighter.d.mts.map

package/es/Highlighter/SyntaxHighlighter/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxHighlighterProps } from "../type.mjs";
-import * as react48 from "react";
+import * as react17 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react48.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react17.NamedExoticComponent<SyntaxHighlighterProps>;
 //#endregion
 export { SyntaxHighlighter };
 //# sourceMappingURL=index.d.mts.map

package/es/Hotkey/Hotkey.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyProps } from "./type.mjs";
-import * as react46 from "react";
+import * as react15 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react46.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react15.NamedExoticComponent<HotkeyProps>;
 //#endregion
 export { Hotkey };
 //# sourceMappingURL=Hotkey.d.mts.map

package/es/HotkeyInput/HotkeyInput.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyInputProps } from "./type.mjs";
-import * as react5 from "react";
+import * as react13 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react5.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react13.NamedExoticComponent<HotkeyInputProps>;
 //#endregion
 export { HotkeyInput };
 //# sourceMappingURL=HotkeyInput.d.mts.map

package/es/Icon/Icon.d.mts

@@ -1,8 +1,8 @@
 import { IconProps } from "./type.mjs";
-import * as react45 from "react";
+import * as react12 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react45.NamedExoticComponent<IconProps>;
+declare const Icon: react12.NamedExoticComponent<IconProps>;
 //#endregion
 export { Icon };
 //# sourceMappingURL=Icon.d.mts.map

package/es/Icon/components/IconProvider.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react43 from "react";
+import * as react10 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react43.Context<IconContentConfig>;
-declare const IconProvider: react43.NamedExoticComponent<{
+declare const IconContext: react10.Context<IconContentConfig>;
+declare const IconProvider: react10.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react42 from "react";
+import * as react73 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react42.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react73.NamedExoticComponent<PreviewGroupProps>;
 //#endregion
 export { PreviewGroup };
 //# sourceMappingURL=PreviewGroup.d.mts.map

package/es/ImageSelect/ImageSelect.d.mts

@@ -1,8 +1,8 @@
 import { ImageSelectProps } from "./type.mjs";
-import * as react71 from "react";
+import * as react109 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react71.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react109.NamedExoticComponent<ImageSelectProps>;
 //#endregion
 export { ImageSelect };
 //# sourceMappingURL=ImageSelect.d.mts.map

package/es/Input/Input.d.mts

@@ -1,8 +1,8 @@
 import { InputProps } from "./type.mjs";
-import * as react110 from "react";
+import * as react134 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react110.NamedExoticComponent<InputProps>;
+declare const Input: react134.NamedExoticComponent<InputProps>;
 //#endregion
 export { Input };
 //# sourceMappingURL=Input.d.mts.map

package/es/Input/InputNumber.d.mts

@@ -1,8 +1,8 @@
 import { InputNumberProps } from "./type.mjs";
-import * as react111 from "react";
+import * as react135 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react111.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react135.NamedExoticComponent<InputNumberProps>;
 //#endregion
 export { InputNumber };
 //# sourceMappingURL=InputNumber.d.mts.map

package/es/Input/InputOPT.d.mts

@@ -1,8 +1,8 @@
 import { InputOPTProps } from "./type.mjs";
-import * as react112 from "react";
+import * as react136 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react112.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react136.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map