@lobehub/ui 4.17.0 → 4.18.0

package/es/DropdownMenu/index.mjs

@@ -1,3 +1,5 @@
+import { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger } from "./atoms.mjs";
+import { renderDropdownMenuItems } from "./renderItems.mjs";
 import DropdownMenu_default from "./DropdownMenu.mjs";
 
-export { DropdownMenu_default as default };
+export { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, DropdownMenu_default as default, renderDropdownMenuItems };

package/es/DropdownMenu/renderItems.d.mts

@@ -0,0 +1,10 @@
+import { DropdownItem } from "./type.mjs";
+import { ReactNode } from "react";
+
+//#region src/DropdownMenu/renderItems.d.ts
+declare const renderDropdownMenuItems: (items: DropdownItem[], keyPath?: string[], options?: {
+  reserveIconSpace?: boolean;
+}) => ReactNode[];
+//#endregion
+export { renderDropdownMenuItems };
+//# sourceMappingURL=renderItems.d.mts.map

package/es/DropdownMenu/renderItems.mjs

@@ -1,10 +1,8 @@
 import Icon_default from "../Icon/Icon.mjs";
-import { styles } from "../Menu/sharedStyle.mjs";
+import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger } from "./atoms.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) => {
@@ -51,29 +49,15 @@ const renderItemContent = (item, options, iconNode) => {
 	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
-		]
-	});
+	return /* @__PURE__ */ jsxs(DropdownMenuItemContent, { children: [
+		(hasCustomIcon ? Boolean(options?.reserveIconSpace || iconNode) : Boolean(hasIcon || options?.reserveIconSpace)) ? /* @__PURE__ */ jsx(DropdownMenuItemIcon, {
+			"aria-hidden": !hasIcon,
+			children: hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null
+		}) : null,
+		/* @__PURE__ */ jsx(DropdownMenuItemLabel, { children: label }),
+		extra ? /* @__PURE__ */ jsx(DropdownMenuItemExtra, { children: extra }) : null,
+		options?.submenu ? /* @__PURE__ */ jsx(DropdownMenuSubmenuArrow, { children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 }) }) : null
+	] });
 };
 const invokeItemClick = (item, keyPath, event) => {
 	if (!item.onClick) return;
@@ -97,12 +81,12 @@ const renderDropdownMenuItems = (items, keyPath = [], options) => {
 			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, {
+			const isDanger = Boolean(checkboxItem.danger);
+			const indicator = /* @__PURE__ */ jsx(DropdownMenuCheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Icon_default, { icon: Check }) });
+			return /* @__PURE__ */ jsx(DropdownMenuCheckboxItemPrimitive, {
 				checked: checkboxItem.checked,
-				className: cx(styles.item, isDanger$1 && styles.danger),
 				closeOnClick: checkboxItem.closeOnClick,
+				danger: isDanger,
 				defaultChecked: checkboxItem.defaultChecked,
 				disabled: checkboxItem.disabled,
 				label: labelText$1,
@@ -110,44 +94,35 @@ const renderDropdownMenuItems = (items, keyPath = [], options) => {
 				children: renderItemContent(checkboxItem, { reserveIconSpace }, indicator)
 			}, itemKey);
 		}
-		if (item.type === "divider") return /* @__PURE__ */ jsx(Menu.Separator, { className: styles.separator }, itemKey);
+		if (item.type === "divider") return /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, 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);
+			return /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [group.label ? /* @__PURE__ */ jsx(DropdownMenuGroupLabel, { 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),
+			return /* @__PURE__ */ jsxs(DropdownMenuSubmenuRoot, { children: [/* @__PURE__ */ jsx(DropdownMenuSubmenuTrigger, {
+				danger: "danger" in submenu && Boolean(submenu.danger),
 				disabled: submenu.disabled,
 				label: labelText$1,
 				children: renderItemContent(submenu, {
 					reserveIconSpace,
 					submenu: true
 				})
-			}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			}), /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuPositioner, {
 				alignOffset: -4,
-				className: styles.positioner,
 				sideOffset: -1,
-				children: /* @__PURE__ */ jsx(Menu.Popup, {
-					className: styles.popup,
-					children: submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath) : null
-				})
+				children: /* @__PURE__ */ jsx(DropdownMenuPopup, { 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),
+		return /* @__PURE__ */ jsx(DropdownMenuItem, {
+			danger: "danger" in menuItem && Boolean(menuItem.danger),
 			disabled: menuItem.disabled,
 			label: labelText,
 			onClick: (event) => invokeItemClick(menuItem, nextKeyPath, event),

package/es/DropdownMenu/renderItems.mjs.map

@@ -1 +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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"}
+{"version":3,"file":"renderItems.mjs","names":["Icon","segmentIndices: number[]","info: MenuInfo","label","labelText"],"sources":["../../src/DropdownMenu/renderItems.tsx"],"sourcesContent":["import { 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';\n\nimport {\n  DropdownMenuCheckboxItemIndicator,\n  DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuGroup,\n  DropdownMenuGroupLabel,\n  DropdownMenuItem,\n  DropdownMenuItemContent,\n  DropdownMenuItemExtra,\n  DropdownMenuItemIcon,\n  DropdownMenuItemLabel,\n  DropdownMenuPopup,\n  DropdownMenuPortal,\n  DropdownMenuPositioner,\n  DropdownMenuSeparator,\n  DropdownMenuSubmenuArrow,\n  DropdownMenuSubmenuRoot,\n  DropdownMenuSubmenuTrigger,\n} from './atoms';\nimport type {\n  DropdownItem,\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemType,\n} 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 DropdownMenuCheckboxItemType).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 | DropdownMenuCheckboxItemType,\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    <DropdownMenuItemContent>\n      {shouldRenderIcon ? (\n        <DropdownMenuItemIcon aria-hidden={!hasIcon}>\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null}\n        </DropdownMenuItemIcon>\n      ) : null}\n      <DropdownMenuItemLabel>{label}</DropdownMenuItemLabel>\n      {extra ? <DropdownMenuItemExtra>{extra}</DropdownMenuItemExtra> : null}\n      {options?.submenu ? (\n        <DropdownMenuSubmenuArrow>\n          <ChevronRight size={16} />\n        </DropdownMenuSubmenuArrow>\n      ) : null}\n    </DropdownMenuItemContent>\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 DropdownMenuCheckboxItemType).type === 'checkbox') {\n      const checkboxItem = item as DropdownMenuCheckboxItemType;\n      const label = getItemLabel(checkboxItem);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = Boolean(checkboxItem.danger);\n      const indicator = (\n        <DropdownMenuCheckboxItemIndicator>\n          <Icon icon={Check} />\n        </DropdownMenuCheckboxItemIndicator>\n      );\n\n      return (\n        <DropdownMenuCheckboxItemPrimitive\n          checked={checkboxItem.checked}\n          closeOnClick={checkboxItem.closeOnClick}\n          danger={isDanger}\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        </DropdownMenuCheckboxItemPrimitive>\n      );\n    }\n\n    if ((item as MenuDividerType).type === 'divider') {\n      return <DropdownMenuSeparator 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        <DropdownMenuGroup key={itemKey}>\n          {group.label ? <DropdownMenuGroupLabel>{group.label}</DropdownMenuGroupLabel> : null}\n          {group.children\n            ? renderDropdownMenuItems(group.children, nextKeyPath, {\n                reserveIconSpace: groupReserveIconSpace,\n              })\n            : null}\n        </DropdownMenuGroup>\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        <DropdownMenuSubmenuRoot key={itemKey}>\n          <DropdownMenuSubmenuTrigger\n            danger={isDanger}\n            disabled={submenu.disabled}\n            label={labelText}\n          >\n            {renderItemContent(submenu, {\n              reserveIconSpace,\n              submenu: true,\n            })}\n          </DropdownMenuSubmenuTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuPositioner alignOffset={-4} sideOffset={-1}>\n              <DropdownMenuPopup>\n                {submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath) : null}\n              </DropdownMenuPopup>\n            </DropdownMenuPositioner>\n          </DropdownMenuPortal>\n        </DropdownMenuSubmenuRoot>\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      <DropdownMenuItem\n        danger={isDanger}\n        disabled={menuItem.disabled}\n        key={itemKey}\n        label={labelText}\n        onClick={(event) => invokeItemClick(menuItem, nextKeyPath, event)}\n      >\n        {renderItemContent(menuItem, { reserveIconSpace })}\n      </DropdownMenuItem>\n    );\n  });\n};\n"],"mappings":"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"}

package/es/EditableText/EditableText.d.mts

@@ -1,8 +1,8 @@
 import { EditableTextProps } from "./type.mjs";
-import * as react50 from "react";
+import * as react60 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react50.NamedExoticComponent<EditableTextProps>;
+declare const EditableText: react60.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 react48 from "react";
+import * as react59 from "react";
 
 //#region src/EmojiPicker/EmojiPicker.d.ts
-declare const EmojiPicker: react48.NamedExoticComponent<EmojiPickerProps>;
+declare const EmojiPicker: react59.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 react47 from "react";
+import * as react58 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react47.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react58.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react2 from "react";
+import * as react76 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react2.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react76.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 react46 from "react";
+import * as react56 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react46.NamedExoticComponent<FooterProps>;
+declare const Footer: react56.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 react34 from "react";
+import * as react52 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react34.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react52.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 react35 from "react";
+import * as react53 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react35.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react53.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 react36 from "react";
+import * as react54 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react36.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react54.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 react26 from "react";
+import * as react57 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react26.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react57.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 react113 from "react";
+import * as react143 from "react";
 
 //#region src/GuideCard/GuideCard.d.ts
-declare const GuideCard: react113.NamedExoticComponent<GuideCardProps>;
+declare const GuideCard: react143.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 react23 from "react";
+import * as react12 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react23.NamedExoticComponent<HeaderProps>;
+declare const Header: react12.NamedExoticComponent<HeaderProps>;
 //#endregion
 export { Header };
 //# sourceMappingURL=Header.d.mts.map

package/es/Highlighter/FullFeatured.mjs

@@ -4,9 +4,9 @@ import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Text_default from "../Text/Text.mjs";
 import { stopPropagation } from "../utils/dom.mjs";
 import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
 import { getCodeLanguageDisplayName, getCodeLanguageFilename } from "./const.mjs";
 import CopyButton_default from "../CopyButton/CopyButton.mjs";
-import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
 import LangSelect_default from "./LangSelect.mjs";
 import { bodyVariants, headerVariants, variants } from "./style.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";

package/es/Highlighter/Highlighter.d.mts

@@ -1,8 +1,8 @@
 import { HighlighterProps } from "./type.mjs";
-import * as react44 from "react";
+import * as react80 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react44.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react80.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 react45 from "react";
+import * as react81 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react45.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react81.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 react41 from "react";
+import * as react49 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react41.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react49.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 react42 from "react";
+import * as react50 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react42.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react50.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 react40 from "react";
+import * as react48 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react40.NamedExoticComponent<IconProps>;
+declare const Icon: react48.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 react38 from "react";
+import * as react46 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react38.Context<IconContentConfig>;
-declare const IconProvider: react38.NamedExoticComponent<{
+declare const IconContext: react46.Context<IconContentConfig>;
+declare const IconProvider: react46.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react33 from "react";
+import * as react45 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react33.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react45.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 react76 from "react";
+import * as react119 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react76.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react119.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 react114 from "react";
+import * as react144 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react114.NamedExoticComponent<InputProps>;
+declare const Input: react144.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 react115 from "react";
+import * as react145 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react115.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react145.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 react116 from "react";
+import * as react146 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react116.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react146.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map

package/es/Input/InputPassword.d.mts

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

package/es/Input/TextArea.d.mts

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

package/es/Layout/components/LayoutFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react28 from "react";
+import * as react39 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react28.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react39.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react27 from "react";
+import * as react40 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react27.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react40.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map

package/es/Layout/components/LayoutMain.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react30 from "react";
+import * as react41 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react30.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react41.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutMain };
 //# sourceMappingURL=LayoutMain.d.mts.map

package/es/Layout/components/LayoutSidebar.d.mts

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

package/es/Layout/components/LayoutSidebarInner.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
-import * as react32 from "react";
+import * as react43 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react32.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react43.NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
 export { LayoutSidebarInner };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

package/es/Layout/components/LayoutToc.d.mts

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

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react9 from "react";
+import * as react38 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react9.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react38.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/Markdown.d.mts

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