@jinmi/ui 0.0.0-stage → 6.0.2

package/es/MaterialFileTypeIcon/icon-map.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-map.mjs","names":[],"sources":["../../src/MaterialFileTypeIcon/icon-map.json"],"sourcesContent":[""],"mappings":""}

package/es/MaterialFileTypeIcon/index.d.mts

@@ -0,0 +1,3 @@
+import { FileExtensionsKey, FileNamesKey, FolderNamesKey, MaterialFileTypeIconProps } from "./type.mjs";
+import MaterialFileTypeIcon from "./MaterialFileTypeIcon.mjs";
+export { type FileExtensionsKey, type FileNamesKey, type FolderNamesKey, type MaterialFileTypeIconProps, MaterialFileTypeIcon as default };

package/es/MaterialFileTypeIcon/index.d.ts

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

package/es/MaterialFileTypeIcon/index.js

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

package/es/MaterialFileTypeIcon/index.mjs

@@ -0,0 +1,2 @@
+import MaterialFileTypeIcon from "./MaterialFileTypeIcon.mjs";
+export { MaterialFileTypeIcon as default };

package/es/MaterialFileTypeIcon/type.d.mts

@@ -0,0 +1,17 @@
+import { DivProps } from "../types/index.mjs";
+import __json_default_export from "./icon-map.json.mjs";
+//#region src/MaterialFileTypeIcon/type.d.ts
+type FileNamesKey = keyof (typeof __json_default_export)['fileNames'];
+type FolderNamesKey = keyof (typeof __json_default_export)['folderNames'];
+type FileExtensionsKey = keyof (typeof __json_default_export)['fileExtensions'];
+interface MaterialFileTypeIconProps extends DivProps {
+  fallbackUnknownType?: boolean;
+  filename: string;
+  open?: boolean;
+  size?: number;
+  type?: 'file' | 'folder';
+  variant?: 'raw' | 'file' | 'folder';
+}
+//#endregion
+export { FileExtensionsKey, FileNamesKey, FolderNamesKey, MaterialFileTypeIconProps };
+//# sourceMappingURL=type.d.mts.map

package/es/MaterialFileTypeIcon/utils.mjs

@@ -0,0 +1,40 @@
+import { fileExtensions, fileNames, folderNames } from "./icon-map.mjs";
+//#region src/MaterialFileTypeIcon/utils.ts
+function getFileExtension(fileName) {
+	return fileName.slice(Math.max(0, fileName.lastIndexOf(".") + 1));
+}
+function getFileSuffix(fileName) {
+	return fileName.slice(fileName.indexOf(".") + 1);
+}
+function filenameFromPath(path) {
+	return path.split("/").at(-1) ?? path;
+}
+function getIconNameForFileName(fileName) {
+	return fileNames[fileName] ?? fileNames[fileName.toLowerCase()] ?? fileExtensions[getFileSuffix(fileName)] ?? fileExtensions[getFileExtension(fileName)] ?? (fileName.endsWith(".html") ? "html" : null) ?? (fileName.endsWith(".ts") ? "typescript" : null) ?? (fileName.endsWith(".js") ? "javascript" : null) ?? "file";
+}
+function getIconNameForDirectoryName(dirName) {
+	return folderNames[dirName] ?? folderNames[dirName.toLowerCase()] ?? "folder";
+}
+function getIconForFilePath(path) {
+	return getIconNameForFileName(filenameFromPath(path));
+}
+function getIconForDirectoryPath(path) {
+	return getIconNameForDirectoryName(filenameFromPath(path));
+}
+function getIconUrlByName(iconName, iconsUrl, open) {
+	return `${iconsUrl}/${iconName.toString()}${open ? "-open" : ""}.svg`;
+}
+function getIconUrlForFilePath({ path, iconsUrl, fallbackUnknownType }) {
+	const iconName = getIconForFilePath(path);
+	if (fallbackUnknownType && iconName === "file") return "";
+	return getIconUrlByName(iconName, iconsUrl);
+}
+function getIconUrlForDirectoryPath({ path, iconsUrl, open, fallbackUnknownType }) {
+	const iconName = getIconForDirectoryPath(path);
+	if (fallbackUnknownType && iconName === "folder") return "";
+	return getIconUrlByName(iconName, iconsUrl, open);
+}
+//#endregion
+export { filenameFromPath, getIconForDirectoryPath, getIconForFilePath, getIconNameForDirectoryName, getIconNameForFileName, getIconUrlByName, getIconUrlForDirectoryPath, getIconUrlForFilePath };
+
+//# sourceMappingURL=utils.mjs.map

package/es/MaterialFileTypeIcon/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":["iconMap.fileNames","iconMap.fileExtensions","iconMap.folderNames"],"sources":["../../src/MaterialFileTypeIcon/utils.ts"],"sourcesContent":["import iconMap from './icon-map.json';\r\nimport type { FileExtensionsKey, FileNamesKey, FolderNamesKey } from './type';\r\n\r\nfunction getFileExtension(fileName: string): string {\r\n  return fileName.slice(Math.max(0, fileName.lastIndexOf('.') + 1));\r\n}\r\n\r\nfunction getFileSuffix(fileName: string): FileExtensionsKey {\r\n  return fileName.slice(fileName.indexOf('.') + 1) as FileExtensionsKey;\r\n}\r\n\r\nexport function filenameFromPath(path: string): string {\r\n  const segments = path.split('/');\r\n  return segments.at(-1) ?? path;\r\n}\r\n\r\nexport function getIconNameForFileName(fileName: string) {\r\n  return (\r\n    iconMap.fileNames[fileName as FileNamesKey] ??\r\n    iconMap.fileNames[fileName.toLowerCase() as FileNamesKey] ??\r\n    iconMap.fileExtensions[getFileSuffix(fileName)] ??\r\n    iconMap.fileExtensions[getFileExtension(fileName) as FileExtensionsKey] ??\r\n    (fileName.endsWith('.html') ? 'html' : null) ??\r\n    (fileName.endsWith('.ts') ? 'typescript' : null) ??\r\n    (fileName.endsWith('.js') ? 'javascript' : null) ??\r\n    'file'\r\n  );\r\n}\r\n\r\nexport function getIconNameForDirectoryName(dirName: string) {\r\n  return (\r\n    iconMap.folderNames[dirName as FolderNamesKey] ??\r\n    iconMap.folderNames[dirName.toLowerCase() as FolderNamesKey] ??\r\n    'folder'\r\n  );\r\n}\r\n\r\nexport function getIconForFilePath(path: string) {\r\n  const fileName = filenameFromPath(path);\r\n  return getIconNameForFileName(fileName);\r\n}\r\n\r\nexport function getIconForDirectoryPath(path: string) {\r\n  const dirName = filenameFromPath(path);\r\n  return getIconNameForDirectoryName(dirName);\r\n}\r\n\r\nexport function getIconUrlByName(iconName: string, iconsUrl: string, open?: boolean): string {\r\n  return `${iconsUrl}/${iconName.toString()}${open ? '-open' : ''}.svg`;\r\n}\r\n\r\nexport function getIconUrlForFilePath({\r\n  path,\r\n  iconsUrl,\r\n  fallbackUnknownType,\r\n}: {\r\n  fallbackUnknownType: boolean;\r\n  iconsUrl: string;\r\n  path: string;\r\n}): string {\r\n  const iconName = getIconForFilePath(path);\r\n  if (fallbackUnknownType && iconName === 'file') return '';\r\n  return getIconUrlByName(iconName, iconsUrl);\r\n}\r\n\r\nexport function getIconUrlForDirectoryPath({\r\n  path,\r\n  iconsUrl,\r\n  open,\r\n  fallbackUnknownType,\r\n}: {\r\n  fallbackUnknownType: boolean;\r\n  iconsUrl: string;\r\n  open?: boolean;\r\n  path: string;\r\n}): string {\r\n  const iconName = getIconForDirectoryPath(path);\r\n  if (fallbackUnknownType && iconName === 'folder') return '';\r\n  return getIconUrlByName(iconName, iconsUrl, open);\r\n}\r\n"],"mappings":";;AAGA,SAAS,iBAAiB,UAA0B;CAClD,OAAO,SAAS,MAAM,KAAK,IAAI,GAAG,SAAS,YAAY,GAAG,IAAI,CAAC,CAAC;AAClE;AAEA,SAAS,cAAc,UAAqC;CAC1D,OAAO,SAAS,MAAM,SAAS,QAAQ,GAAG,IAAI,CAAC;AACjD;AAEA,SAAgB,iBAAiB,MAAsB;CAErD,OADiB,KAAK,MAAM,GACd,CAAC,CAAC,GAAG,EAAE,KAAK;AAC5B;AAEA,SAAgB,uBAAuB,UAAkB;CACvD,OACEA,UAAkB,aAClBA,UAAkB,SAAS,YAAY,MACvCC,eAAuB,cAAc,QAAQ,MAC7CA,eAAuB,iBAAiB,QAAQ,OAC/C,SAAS,SAAS,OAAO,IAAI,SAAS,UACtC,SAAS,SAAS,KAAK,IAAI,eAAe,UAC1C,SAAS,SAAS,KAAK,IAAI,eAAe,SAC3C;AAEJ;AAEA,SAAgB,4BAA4B,SAAiB;CAC3D,OACEC,YAAoB,YACpBA,YAAoB,QAAQ,YAAY,MACxC;AAEJ;AAEA,SAAgB,mBAAmB,MAAc;CAE/C,OAAO,uBADU,iBAAiB,IACG,CAAC;AACxC;AAEA,SAAgB,wBAAwB,MAAc;CAEpD,OAAO,4BADS,iBAAiB,IACQ,CAAC;AAC5C;AAEA,SAAgB,iBAAiB,UAAkB,UAAkB,MAAwB;CAC3F,OAAO,GAAG,SAAS,GAAG,SAAS,SAAS,IAAI,OAAO,UAAU,GAAG;AAClE;AAEA,SAAgB,sBAAsB,EACpC,MACA,UACA,uBAKS;CACT,MAAM,WAAW,mBAAmB,IAAI;CACxC,IAAI,uBAAuB,aAAa,QAAQ,OAAO;CACvD,OAAO,iBAAiB,UAAU,QAAQ;AAC5C;AAEA,SAAgB,2BAA2B,EACzC,MACA,UACA,MACA,uBAMS;CACT,MAAM,WAAW,wBAAwB,IAAI;CAC7C,IAAI,uBAAuB,aAAa,UAAU,OAAO;CACzD,OAAO,iBAAiB,UAAU,UAAU,IAAI;AAClD"}

package/es/Menu/Menu.d.mts

@@ -0,0 +1,6 @@
+import { MenuProps } from "./type.mjs";
+//#region src/Menu/Menu.d.ts
+declare const Menu: import("react").NamedExoticComponent<MenuProps<unknown>>;
+//#endregion
+export { Menu as default };
+//# sourceMappingURL=Menu.d.mts.map

package/es/Menu/Menu.mjs

@@ -0,0 +1,51 @@
+"use client";
+import { IconProvider } from "../Icon/components/IconProvider.mjs";
+import { mapItems } from "./utils.mjs";
+import { variants } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx, useTheme } from "antd-style";
+import { ConfigProvider, Menu } from "antd";
+//#region src/Menu/Menu.tsx
+const Menu$1 = memo(({ compact, shadow, variant = "borderless", className, selectable, iconProps, items, ref, ...rest }) => {
+	const theme = useTheme();
+	const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);
+	return /* @__PURE__ */ jsx(ConfigProvider, {
+		theme: { components: { Menu: {
+			controlHeightLG: 36,
+			iconMarginInlineEnd: 8,
+			iconSize: 16,
+			itemActiveBg: theme.isDarkMode ? theme.colorFillQuaternary : theme.colorFillSecondary,
+			itemBorderRadius: theme.borderRadius,
+			itemColor: theme.colorTextSecondary,
+			itemHoverBg: theme.colorFillTertiary,
+			itemMarginBlock: 4,
+			itemMarginInline: 4,
+			itemSelectedBg: theme.colorFillSecondary
+		} } },
+		children: /* @__PURE__ */ jsx(IconProvider, {
+			config: {
+				size: "small",
+				...iconProps
+			},
+			children: /* @__PURE__ */ jsx(Menu, {
+				className: cx(variants({
+					compact,
+					shadow,
+					variant
+				}), className),
+				inlineIndent: 12,
+				items: antdItems,
+				mode: "vertical",
+				ref,
+				selectable,
+				...rest
+			})
+		})
+	});
+});
+Menu$1.displayName = "Menu";
+//#endregion
+export { Menu$1 as default };
+
+//# sourceMappingURL=Menu.mjs.map

package/es/Menu/Menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.mjs","names":["Menu","AntdMenu"],"sources":["../../src/Menu/Menu.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ConfigProvider, Menu as AntdMenu } from 'antd';\r\nimport { cx, useTheme } from 'antd-style';\r\nimport { memo, useMemo } from 'react';\r\n\r\nimport { IconProvider } from '@/Icon';\r\nimport { mapItems } from '@/Menu/utils';\r\n\r\nimport { variants } from './style';\r\nimport { type MenuProps } from './type';\r\n\r\nconst Menu = memo<MenuProps>(\r\n  ({\r\n    compact,\r\n    shadow,\r\n    variant = 'borderless',\r\n    className,\r\n    selectable,\r\n    iconProps,\r\n    items,\r\n    ref,\r\n    ...rest\r\n  }) => {\r\n    const theme = useTheme();\r\n\r\n    const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);\r\n\r\n    return (\r\n      <ConfigProvider\r\n        theme={{\r\n          components: {\r\n            Menu: {\r\n              controlHeightLG: 36,\r\n              iconMarginInlineEnd: 8,\r\n              iconSize: 16,\r\n              itemActiveBg: theme.isDarkMode ? theme.colorFillQuaternary : theme.colorFillSecondary,\r\n              itemBorderRadius: theme.borderRadius,\r\n              itemColor: theme.colorTextSecondary,\r\n              itemHoverBg: theme.colorFillTertiary,\r\n              itemMarginBlock: 4,\r\n              itemMarginInline: 4,\r\n              itemSelectedBg: theme.colorFillSecondary,\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <IconProvider\r\n          config={{\r\n            size: 'small',\r\n            ...iconProps,\r\n          }}\r\n        >\r\n          <AntdMenu\r\n            className={cx(variants({ compact, shadow, variant }), className)}\r\n            inlineIndent={12}\r\n            items={antdItems}\r\n            mode=\"vertical\"\r\n            ref={ref}\r\n            selectable={selectable}\r\n            {...rest}\r\n          />\r\n        </IconProvider>\r\n      </ConfigProvider>\r\n    );\r\n  },\r\n);\r\n\r\nMenu.displayName = 'Menu';\r\n\r\nexport default Menu;\r\n"],"mappings":";;;;;;;;;AAYA,MAAMA,SAAO,MACV,EACC,SACA,QACA,UAAU,cACV,WACA,YACA,WACA,OACA,KACA,GAAG,WACC;CACJ,MAAM,QAAQ,SAAS;CAEvB,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;CAE5E,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,YAAY,EACV,MAAM;GACJ,iBAAiB;GACjB,qBAAqB;GACrB,UAAU;GACV,cAAc,MAAM,aAAa,MAAM,sBAAsB,MAAM;GACnE,kBAAkB,MAAM;GACxB,WAAW,MAAM;GACjB,aAAa,MAAM;GACnB,iBAAiB;GACjB,kBAAkB;GAClB,gBAAgB,MAAM;EACxB,EACF,EACF;EAEA,UAAA,oBAAC,cAAD;GACE,QAAQ;IACN,MAAM;IACN,GAAG;GACL;GAEA,UAAA,oBAACC,MAAD;IACE,WAAW,GAAG,SAAS;KAAE;KAAS;KAAQ;IAAQ,CAAC,GAAG,SAAS;IAC/D,cAAc;IACd,OAAO;IACP,MAAK;IACA;IACO;IACZ,GAAI;GACL,CAAA;EACW,CAAA;CACA,CAAA;AAEpB,CACF;AAEA,OAAK,cAAc"}

package/es/Menu/baseItem.d.mts

@@ -0,0 +1,65 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { MenuCheckboxItemType } from "./checkboxItem.mjs";
+import { MenuSwitchItemType } from "./switchItem.mjs";
+import { MenuDividerType, MenuItemType, SubMenuType } from "./type.mjs";
+import { ComponentPropsWithRef, Key, MouseEventHandler, ReactNode } from "react";
+import { MenuSubmenuRoot } from "@base-ui/react/menu";
+//#region src/Menu/baseItem.d.ts
+/**
+ * Group type for Base UI driven menus (DropdownMenu / ContextMenu).
+ * Unlike MenuItemGroupType, this supports checkbox/switch items in children.
+ */
+interface BaseMenuItemGroupType {
+  children?: BaseMenuItemType[];
+  key?: Key;
+  label?: ReactNode;
+  type: 'group';
+}
+/**
+ * Submenu type for Base UI driven menus (DropdownMenu / ContextMenu).
+ * Unlike rc-menu's SubMenuType, this maps to @base-ui's Menu.SubmenuRoot + Menu.SubmenuTrigger.
+ */
+interface BaseSubMenuType {
+  children?: BaseMenuItemType[];
+  /** Hover-close delay in ms. Requires `openOnHover`. */
+  closeDelay?: number;
+  danger?: boolean;
+  /** Initial open state when uncontrolled. */
+  defaultOpen?: boolean;
+  /** Hover-open delay in ms. Requires `openOnHover`. */
+  delay?: number;
+  desc?: ReactNode;
+  disabled?: boolean;
+  /** Pinned footer slot, rendered below the scrollable submenu items with a divider border. */
+  footer?: ReactNode;
+  /** Pinned header slot, rendered above the scrollable submenu items with a divider border. */
+  header?: ReactNode;
+  icon?: IconProps['icon'];
+  key?: Key;
+  label?: ReactNode;
+  /** Click handler on the trigger. */
+  onClick?: MouseEventHandler<HTMLElement>;
+  /** Fired when the submenu opens or closes. */
+  onOpenChange?: (open: boolean, eventDetails: MenuSubmenuRoot.ChangeEventDetails) => void;
+  /** Controlled open state of the submenu. */
+  open?: boolean;
+  /** Open the submenu when the trigger is hovered. */
+  openOnHover?: boolean;
+  /**
+   * Extra DOM props spread onto the trigger element.
+   * Use for `ref`, `id`, `style`, `data-*`, `aria-*`, mouse/focus events, etc.
+   */
+  triggerProps?: ComponentPropsWithRef<'div'>;
+  type?: 'submenu';
+}
+/**
+ * Base item union for Base UI driven menus (DropdownMenu / ContextMenu).
+ *
+ * Note: This intentionally does NOT change `GenericItemType` itself,
+ * because `GenericItemType` maps to rc-menu/antd Menu item types.
+ */
+type BaseMenuItemType = MenuItemType | BaseSubMenuType | SubMenuType | BaseMenuItemGroupType | MenuDividerType | MenuCheckboxItemType | MenuSwitchItemType | null;
+//#endregion
+export { BaseMenuItemGroupType, BaseMenuItemType, BaseSubMenuType };
+//# sourceMappingURL=baseItem.d.mts.map

package/es/Menu/checkboxItem.d.mts

@@ -0,0 +1,26 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { Key, ReactNode } from "react";
+//#region src/Menu/checkboxItem.d.ts
+/**
+ * Checkbox menu item shared by DropdownMenu / ContextMenu.
+ * This is intentionally aligned with Base UI's `Menu.CheckboxItem` API we use.
+ */
+interface MenuCheckboxItemType {
+  checked?: boolean;
+  closeOnClick?: boolean;
+  danger?: boolean;
+  defaultChecked?: boolean;
+  desc?: ReactNode;
+  disabled?: boolean;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  key: Key;
+  label?: ReactNode;
+  onCheckedChange?: (checked: boolean) => void;
+  title?: ReactNode;
+  type: 'checkbox';
+}
+//#endregion
+export { MenuCheckboxItemType };
+//# sourceMappingURL=checkboxItem.d.mts.map

package/es/Menu/index.d.mts

@@ -0,0 +1,9 @@
+import { MenuCheckboxItemType } from "./checkboxItem.mjs";
+import { MenuSwitchItemType } from "./switchItem.mjs";
+import { MenuInfo } from "./itemInterface.mjs";
+import { GenericItemType, ItemType, MenuDividerType, MenuItemGroupType, MenuItemType, MenuProps, SubMenuType } from "./type.mjs";
+import { BaseMenuItemGroupType, BaseMenuItemType, BaseSubMenuType } from "./baseItem.mjs";
+import Menu from "./Menu.mjs";
+import { IconAlign, IconSpaceMode, RenderItemContentOptions, RenderOptions, getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "./renderUtils.mjs";
+import { mapItems } from "./utils.mjs";
+export { type BaseMenuItemGroupType, type BaseMenuItemType, type BaseSubMenuType, type GenericItemType, type IconAlign, type IconSpaceMode, type ItemType, type MenuCheckboxItemType, type MenuDividerType, type MenuInfo, type MenuItemGroupType, type MenuItemType, type MenuProps, type MenuSwitchItemType, type RenderItemContentOptions, type RenderOptions, type SubMenuType, Menu as default, getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, mapItems, renderIcon };

package/es/Menu/index.d.ts

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

package/es/Menu/index.js

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

package/es/Menu/index.mjs

@@ -0,0 +1,4 @@
+import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "./renderUtils.mjs";
+import { mapItems } from "./utils.mjs";
+import Menu from "./Menu.mjs";
+export { Menu as default, getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, mapItems, renderIcon };

package/es/Menu/itemInterface.d.mts

@@ -0,0 +1,71 @@
+import { CSSProperties, Key, KeyboardEvent, MouseEvent, ReactInstance, ReactNode, Ref } from "react";
+//#region src/Menu/itemInterface.d.ts
+interface MenuInfo {
+  domEvent: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>;
+  item: ReactInstance;
+  key: string;
+  keyPath: string[];
+}
+interface MenuTitleInfo {
+  domEvent: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>;
+  key: string;
+}
+type MenuClickEventHandler = (info: MenuInfo) => void;
+type MenuHoverEventHandler = (info: {
+  domEvent: MouseEvent<HTMLElement>;
+  key: string;
+}) => void;
+interface RenderIconInfo {
+  disabled?: boolean;
+  isOpen?: boolean;
+  isSelected?: boolean;
+  isSubMenu?: boolean;
+}
+type RenderIconType = ReactNode | ((props: RenderIconInfo) => ReactNode);
+interface ItemSharedProps {
+  className?: string;
+  ref?: Ref<HTMLLIElement | null>;
+  style?: CSSProperties;
+}
+interface RcSubMenuType extends ItemSharedProps {
+  children: RcItemType[];
+  disabled?: boolean;
+  expandIcon?: RenderIconType;
+  itemIcon?: RenderIconType;
+  key: string;
+  label?: ReactNode;
+  onClick?: MenuClickEventHandler;
+  onMouseEnter?: MenuHoverEventHandler;
+  onMouseLeave?: MenuHoverEventHandler;
+  onTitleClick?: (info: MenuTitleInfo) => void;
+  onTitleMouseEnter?: MenuHoverEventHandler;
+  onTitleMouseLeave?: MenuHoverEventHandler;
+  popupClassName?: string;
+  popupOffset?: number[];
+  popupStyle?: CSSProperties;
+  rootClassName?: string;
+  type?: 'submenu';
+}
+interface RcMenuItemType extends ItemSharedProps {
+  disabled?: boolean;
+  extra?: ReactNode;
+  itemIcon?: RenderIconType;
+  key: Key;
+  label?: ReactNode;
+  onClick?: MenuClickEventHandler;
+  onMouseEnter?: MenuHoverEventHandler;
+  onMouseLeave?: MenuHoverEventHandler;
+  type?: 'item';
+}
+interface RcMenuItemGroupType extends ItemSharedProps {
+  children?: RcItemType[];
+  label?: ReactNode;
+  type: 'group';
+}
+interface RcMenuDividerType extends Omit<ItemSharedProps, 'ref'> {
+  type: 'divider';
+}
+type RcItemType = RcSubMenuType | RcMenuItemType | RcMenuItemGroupType | RcMenuDividerType | null;
+//#endregion
+export { MenuClickEventHandler, MenuHoverEventHandler, MenuInfo, MenuTitleInfo, RcItemType, RcMenuDividerType, RcMenuItemGroupType, RcMenuItemType, RcSubMenuType, RenderIconInfo, RenderIconType };
+//# sourceMappingURL=itemInterface.d.mts.map

package/es/Menu/renderUtils.d.mts

@@ -0,0 +1,37 @@
+import { IconSize } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { MenuCheckboxItemType } from "./checkboxItem.mjs";
+import { MenuItemType, SubMenuType } from "./type.mjs";
+import { BaseMenuItemType } from "./baseItem.mjs";
+import { Key, ReactNode } from "react";
+//#region src/Menu/renderUtils.d.ts
+type IconSpaceMode = 'global' | 'group';
+type IconAlign = 'center' | 'start';
+interface RenderOptions {
+  iconAlign?: IconAlign;
+  iconSpaceMode?: IconSpaceMode;
+  indicatorOnRight?: boolean;
+  reserveIconSpace?: boolean;
+}
+interface RenderItemContentOptions {
+  iconAlign?: IconAlign;
+  indicatorOnRight?: boolean;
+  reserveIconSpace?: boolean;
+  submenu?: boolean;
+}
+type KeyableItem = {
+  key?: Key;
+};
+declare const getItemKey: (item: KeyableItem, fallback: string) => Key;
+type LabelableItem = {
+  key?: Key;
+  label?: ReactNode;
+  title?: ReactNode;
+};
+declare const getItemLabel: (item: MenuItemType | SubMenuType | MenuCheckboxItemType | LabelableItem) => ReactNode;
+declare const renderIcon: (icon: MenuItemType["icon"], size?: IconSize) => ReactNode;
+declare const hasAnyIcon: (items: BaseMenuItemType[], recursive?: boolean) => boolean;
+declare const hasCheckboxAndIcon: (items: BaseMenuItemType[]) => boolean;
+//#endregion
+export { IconAlign, IconSpaceMode, RenderItemContentOptions, RenderOptions, getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon };
+//# sourceMappingURL=renderUtils.d.mts.map

package/es/Menu/renderUtils.mjs

@@ -0,0 +1,45 @@
+import Icon from "../Icon/Icon.mjs";
+import { isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Menu/renderUtils.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, size) => {
+	if (!icon) return null;
+	if (isValidElement(icon)) return icon;
+	return /* @__PURE__ */ jsx(Icon, {
+		icon,
+		size
+	});
+};
+const hasAnyIcon = (items, recursive = false) => {
+	return items.some((item) => {
+		if (!item) return false;
+		if (item.type === "checkbox") return true;
+		if ("icon" in item && item.icon) return true;
+		if (recursive && "children" in item && item.children) return hasAnyIcon(item.children, true);
+		return false;
+	});
+};
+const hasCheckboxAndIcon = (items) => {
+	let hasCheckbox = false;
+	let hasIcon = false;
+	for (const item of items) {
+		if (!item) continue;
+		if (item.type === "checkbox") hasCheckbox = true;
+		if ("icon" in item && item.icon) hasIcon = true;
+		if (hasCheckbox && hasIcon) return true;
+	}
+	return false;
+};
+//#endregion
+export { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon };
+
+//# sourceMappingURL=renderUtils.mjs.map

package/es/Menu/renderUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderUtils.mjs","names":[],"sources":["../../src/Menu/renderUtils.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\r\nimport { isValidElement } from 'react';\r\n\r\nimport Icon, { type IconSize } from '@/Icon';\r\n\r\nimport type { BaseMenuItemType } from './baseItem';\r\nimport type { MenuCheckboxItemType } from './checkboxItem';\r\nimport type { MenuItemType, SubMenuType } from './type';\r\n\r\nexport type IconSpaceMode = 'global' | 'group';\r\n\r\nexport type IconAlign = 'center' | 'start';\r\n\r\nexport interface RenderOptions {\r\n  iconAlign?: IconAlign;\r\n  iconSpaceMode?: IconSpaceMode;\r\n  indicatorOnRight?: boolean;\r\n  reserveIconSpace?: boolean;\r\n}\r\n\r\nexport interface RenderItemContentOptions {\r\n  iconAlign?: IconAlign;\r\n  indicatorOnRight?: boolean;\r\n  reserveIconSpace?: boolean;\r\n  submenu?: boolean;\r\n}\r\n\r\ntype KeyableItem = { key?: Key };\r\n\r\nexport const getItemKey = (item: KeyableItem, fallback: string): Key => {\r\n  if (item && 'key' in item && item.key !== undefined) return item.key;\r\n  return fallback;\r\n};\r\n\r\ntype LabelableItem = {\r\n  key?: Key;\r\n  label?: ReactNode;\r\n  title?: ReactNode;\r\n};\r\n\r\nexport const getItemLabel = (\r\n  item: MenuItemType | SubMenuType | MenuCheckboxItemType | LabelableItem,\r\n): ReactNode => {\r\n  if (item.label !== undefined) return item.label;\r\n  if ('title' in item && item.title !== undefined) return item.title;\r\n  return item.key;\r\n};\r\n\r\nexport const renderIcon = (icon: MenuItemType['icon'], size?: IconSize): ReactNode => {\r\n  if (!icon) return null;\r\n  if (isValidElement(icon)) return icon;\r\n  return <Icon icon={icon} size={size} />;\r\n};\r\n\r\nexport const hasAnyIcon = (items: BaseMenuItemType[], recursive = false): boolean => {\r\n  return items.some((item) => {\r\n    if (!item) return false;\r\n    if ((item as MenuCheckboxItemType).type === 'checkbox') return true;\r\n    if ('icon' in item && item.icon) return true;\r\n    if (recursive && 'children' in item && item.children) {\r\n      return hasAnyIcon(item.children as BaseMenuItemType[], true);\r\n    }\r\n    return false;\r\n  });\r\n};\r\n\r\nexport const hasCheckboxAndIcon = (items: BaseMenuItemType[]): boolean => {\r\n  let hasCheckbox = false;\r\n  let hasIcon = false;\r\n  for (const item of items) {\r\n    if (!item) continue;\r\n    if ((item as MenuCheckboxItemType).type === 'checkbox') {\r\n      hasCheckbox = true;\r\n    }\r\n    if ('icon' in item && item.icon) {\r\n      hasIcon = true;\r\n    }\r\n    if (hasCheckbox && hasIcon) return true;\r\n  }\r\n  return false;\r\n};\r\n"],"mappings":";;;;AA6BA,MAAa,cAAc,MAAmB,aAA0B;CACtE,IAAI,QAAQ,SAAS,QAAQ,KAAK,QAAQ,KAAA,GAAW,OAAO,KAAK;CACjE,OAAO;AACT;AAQA,MAAa,gBACX,SACc;CACd,IAAI,KAAK,UAAU,KAAA,GAAW,OAAO,KAAK;CAC1C,IAAI,WAAW,QAAQ,KAAK,UAAU,KAAA,GAAW,OAAO,KAAK;CAC7D,OAAO,KAAK;AACd;AAEA,MAAa,cAAc,MAA4B,SAA+B;CACpF,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,eAAe,IAAI,GAAG,OAAO;CACjC,OAAO,oBAAC,MAAD;EAAY;EAAY;CAAO,CAAA;AACxC;AAEA,MAAa,cAAc,OAA2B,YAAY,UAAmB;CACnF,OAAO,MAAM,MAAM,SAAS;EAC1B,IAAI,CAAC,MAAM,OAAO;EAClB,IAAK,KAA8B,SAAS,YAAY,OAAO;EAC/D,IAAI,UAAU,QAAQ,KAAK,MAAM,OAAO;EACxC,IAAI,aAAa,cAAc,QAAQ,KAAK,UAC1C,OAAO,WAAW,KAAK,UAAgC,IAAI;EAE7D,OAAO;CACT,CAAC;AACH;AAEA,MAAa,sBAAsB,UAAuC;CACxE,IAAI,cAAc;CAClB,IAAI,UAAU;CACd,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,MAAM;EACX,IAAK,KAA8B,SAAS,YAC1C,cAAc;EAEhB,IAAI,UAAU,QAAQ,KAAK,MACzB,UAAU;EAEZ,IAAI,eAAe,SAAS,OAAO;CACrC;CACA,OAAO;AACT"}

package/es/Menu/style.mjs

@@ -0,0 +1,69 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, cx } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Menu/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	borderless: cx(staticStylish.variantBorderlessWithoutHover, css`
+      padding: 0;
+      border-radius: unset;
+    `),
+	compact: css`
+    &[class*='ant-menu'] {
+      [class*='ant-menu-item-divider'] {
+        margin: 0;
+      }
+    }
+  `,
+	filled: staticStylish.variantFilledWithoutHover,
+	outlined: staticStylish.variantOutlinedWithoutHover,
+	root: css`
+    &[class*='ant-menu'] {
+      flex: 1;
+
+      padding: 4px;
+      border: none !important;
+      border-radius: ${cssVar.borderRadiusLG};
+
+      background: transparent;
+
+      [class*='ant-menu-sub'][class*='ant-menu-inline'] {
+        background: transparent;
+
+        > [class*='ant-menu-item'] {
+          padding-inline-start: 36px !important;
+        }
+      }
+
+      [class*='ant-menu-item-divider'] {
+        margin-block: 1em;
+      }
+    }
+  `,
+	shadow: staticStylish.shadow
+}));
+const variants = cva(styles.root, {
+	defaultVariants: {
+		compact: false,
+		shadow: false,
+		variant: "borderless"
+	},
+	variants: {
+		variant: {
+			filled: styles.filled,
+			outlined: styles.outlined,
+			borderless: styles.borderless
+		},
+		shadow: {
+			false: null,
+			true: styles.shadow
+		},
+		compact: {
+			false: null,
+			true: styles.compact
+		}
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/Menu/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Menu/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  borderless: cx(\r\n    lobeStaticStylish.variantBorderlessWithoutHover,\r\n    css`\r\n      padding: 0;\r\n      border-radius: unset;\r\n    `,\r\n  ),\r\n  compact: css`\r\n    &[class*='ant-menu'] {\r\n      [class*='ant-menu-item-divider'] {\r\n        margin: 0;\r\n      }\r\n    }\r\n  `,\r\n  filled: lobeStaticStylish.variantFilledWithoutHover,\r\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\r\n  root: css`\r\n    &[class*='ant-menu'] {\r\n      flex: 1;\r\n\r\n      padding: 4px;\r\n      border: none !important;\r\n      border-radius: ${cssVar.borderRadiusLG};\r\n\r\n      background: transparent;\r\n\r\n      [class*='ant-menu-sub'][class*='ant-menu-inline'] {\r\n        background: transparent;\r\n\r\n        > [class*='ant-menu-item'] {\r\n          padding-inline-start: 36px !important;\r\n        }\r\n      }\r\n\r\n      [class*='ant-menu-item-divider'] {\r\n        margin-block: 1em;\r\n      }\r\n    }\r\n  `,\r\n  shadow: lobeStaticStylish.shadow,\r\n}));\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    compact: false,\r\n    shadow: false,\r\n    variant: 'borderless',\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n      borderless: styles.borderless,\r\n    },\r\n    shadow: {\r\n      false: null,\r\n      true: styles.shadow,\r\n    },\r\n    compact: {\r\n      false: null,\r\n      true: styles.compact,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAY,GACVA,cAAkB,+BAClB,GAAG;;;KAIL;CACA,SAAS,GAAG;;;;;;;CAOZ,QAAQA,cAAkB;CAC1B,UAAUA,cAAkB;CAC5B,MAAM,GAAG;;;;;;uBAMY,OAAO,eAAe;;;;;;;;;;;;;;;;;CAiB3C,QAAQA,cAAkB;AAC5B,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Menu/switchItem.d.mts

@@ -0,0 +1,26 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { Key, ReactNode } from "react";
+//#region src/Menu/switchItem.d.ts
+/**
+ * Switch menu item shared by DropdownMenu / ContextMenu.
+ * Similar to checkbox but renders as a toggle switch.
+ */
+interface MenuSwitchItemType {
+  checked?: boolean;
+  closeOnClick?: boolean;
+  danger?: boolean;
+  defaultChecked?: boolean;
+  desc?: ReactNode;
+  disabled?: boolean;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  key: Key;
+  label?: ReactNode;
+  onCheckedChange?: (checked: boolean) => void;
+  title?: ReactNode;
+  type: 'switch';
+}
+//#endregion
+export { MenuSwitchItemType };
+//# sourceMappingURL=switchItem.d.mts.map

package/es/Menu/type.d.mts

@@ -0,0 +1,46 @@
+import { IconProps } from "../Icon/type.mjs";
+import { IconContentConfig } from "../Icon/components/IconProvider.mjs";
+import "../Icon/index.mjs";
+import { MenuInfo, RcMenuDividerType, RcMenuItemGroupType, RcMenuItemType, RcSubMenuType } from "./itemInterface.mjs";
+import { Key, ReactNode, Ref } from "react";
+import { MenuProps, MenuRef } from "antd";
+//#region src/Menu/type.d.ts
+interface MenuItemType extends RcMenuItemType {
+  /**
+   * Whether to close the menu when this item is clicked.
+   * Set to `false` to keep the menu open (useful for items with Upload, file picker, etc.)
+   * @default true
+   */
+  closeOnClick?: boolean;
+  danger?: boolean;
+  desc?: ReactNode;
+  icon?: IconProps['icon'];
+  loading?: boolean;
+  title?: string;
+}
+interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<RcSubMenuType, 'children'> {
+  children: ItemType<T>[];
+  desc?: ReactNode;
+  icon?: IconProps['icon'];
+}
+interface MenuItemGroupType<T extends MenuItemType = MenuItemType> extends Omit<RcMenuItemGroupType, 'children'> {
+  children?: ItemType<T>[];
+  key?: Key;
+}
+interface MenuDividerType extends RcMenuDividerType {
+  dashed?: boolean;
+  key?: Key;
+}
+type ItemType<T extends MenuItemType = MenuItemType> = T | SubMenuType<T> | MenuItemGroupType<T> | MenuDividerType | null;
+type GenericItemType<T = unknown> = T extends (infer U extends MenuItemType) ? unknown extends U ? ItemType : ItemType<U> : ItemType;
+interface MenuProps$1<T = unknown> extends Omit<MenuProps, 'items'> {
+  compact?: boolean;
+  iconProps?: IconContentConfig;
+  items: GenericItemType<T>[];
+  ref?: Ref<MenuRef>;
+  shadow?: boolean;
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { GenericItemType, ItemType, MenuDividerType, type MenuInfo, MenuItemGroupType, MenuItemType, MenuProps$1 as MenuProps, SubMenuType };
+//# sourceMappingURL=type.d.mts.map

package/es/Menu/utils.d.mts

@@ -0,0 +1,7 @@
+import { ItemType as ItemType$1 } from "./type.mjs";
+import { ItemType } from "antd/es/menu/interface.js";
+//#region src/Menu/utils.d.ts
+declare const mapItems: (item: ItemType$1) => ItemType;
+//#endregion
+export { mapItems };
+//# sourceMappingURL=utils.d.mts.map

package/es/Menu/utils.mjs

@@ -0,0 +1,31 @@
+import Icon from "../Icon/Icon.mjs";
+import { isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Menu/utils.tsx
+const mapItems = (item) => {
+	switch (item?.type) {
+		case "divider": return item;
+		case "group": {
+			const { children, ...rest } = item;
+			return {
+				children: children ? children?.map((i) => mapItems(i)) : void 0,
+				...rest
+			};
+		}
+		default: {
+			const { children, icon, ...rest } = item;
+			return {
+				children: children ? children?.map((i) => mapItems(i)) : void 0,
+				icon: icon ? isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
+					icon,
+					size: "small"
+				}) : void 0,
+				...rest
+			};
+		}
+	}
+};
+//#endregion
+export { mapItems };
+
+//# sourceMappingURL=utils.mjs.map

package/es/Menu/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Menu/utils.tsx"],"sourcesContent":["import type { ItemType as AntdItemType } from 'antd/es/menu/interface';\r\nimport { isValidElement } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport type { ItemType } from './type';\r\n\r\nexport const mapItems = (item: ItemType): AntdItemType => {\r\n  switch (item?.type) {\r\n    case 'divider': {\r\n      return item;\r\n    }\r\n    case 'group': {\r\n      const { children, ...rest } = item;\r\n      return {\r\n        children: children ? children?.map((i) => mapItems(i)) : undefined,\r\n        ...rest,\r\n      };\r\n    }\r\n    default: {\r\n      const { children, icon, ...rest } = item as any;\r\n      return {\r\n        children: children ? children?.map((i: any) => mapItems(i)) : undefined,\r\n        icon: icon ? isValidElement(icon) ? icon : <Icon icon={icon} size={'small'} /> : undefined,\r\n        ...rest,\r\n      };\r\n    }\r\n  }\r\n};\r\n"],"mappings":";;;;AAOA,MAAa,YAAY,SAAiC;CACxD,QAAQ,MAAM,MAAd;EACE,KAAK,WACH,OAAO;EAET,KAAK,SAAS;GACZ,MAAM,EAAE,UAAU,GAAG,SAAS;GAC9B,OAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAM,SAAS,CAAC,CAAC,IAAI,KAAA;IACzD,GAAG;GACL;EACF;EACA,SAAS;GACP,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS;GACpC,OAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAW,SAAS,CAAC,CAAC,IAAI,KAAA;IAC9D,MAAM,OAAO,eAAe,IAAI,IAAI,OAAO,oBAAC,MAAD;KAAY;KAAM,MAAM;IAAU,CAAA,IAAI,KAAA;IACjF,GAAG;GACL;EACF;CACF;AACF"}