@lobehub/ui 3.4.2 → 3.4.3

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 { FileExtensionsKey, FileNamesKey, FolderNamesKey, MaterialFileTypeIconProps, MaterialFileTypeIcon as default };

package/es/MaterialFileTypeIcon/index.mjs

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

package/es/MaterialFileTypeIcon/type.d.mts

@@ -0,0 +1,18 @@
+import { DivProps } from "../types/index.mjs";
+import { __json_default_export } from "./icon-map.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,41 @@
+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 { 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';\nimport type { FileExtensionsKey, FileNamesKey, FolderNamesKey } from './type';\n\nfunction getFileExtension(fileName: string): string {\n  return fileName.slice(Math.max(0, fileName.lastIndexOf('.') + 1));\n}\n\nfunction getFileSuffix(fileName: string): FileExtensionsKey {\n  return fileName.slice(fileName.indexOf('.') + 1) as FileExtensionsKey;\n}\n\nexport function filenameFromPath(path: string): string {\n  const segments = path.split('/');\n  return segments.at(-1) ?? path;\n}\n\nexport function getIconNameForFileName(fileName: string) {\n  return (\n    iconMap.fileNames[fileName as FileNamesKey] ??\n    iconMap.fileNames[fileName.toLowerCase() as FileNamesKey] ??\n    iconMap.fileExtensions[getFileSuffix(fileName)] ??\n    iconMap.fileExtensions[getFileExtension(fileName) as FileExtensionsKey] ??\n    (fileName.endsWith('.html') ? 'html' : null) ??\n    (fileName.endsWith('.ts') ? 'typescript' : null) ??\n    (fileName.endsWith('.js') ? 'javascript' : null) ??\n    'file'\n  );\n}\n\nexport function getIconNameForDirectoryName(dirName: string) {\n  return (\n    iconMap.folderNames[dirName as FolderNamesKey] ??\n    iconMap.folderNames[dirName.toLowerCase() as FolderNamesKey] ??\n    'folder'\n  );\n}\n\nexport function getIconForFilePath(path: string) {\n  const fileName = filenameFromPath(path);\n  return getIconNameForFileName(fileName);\n}\n\nexport function getIconForDirectoryPath(path: string) {\n  const dirName = filenameFromPath(path);\n  return getIconNameForDirectoryName(dirName);\n}\n\nexport function getIconUrlByName(iconName: string, iconsUrl: string, open?: boolean): string {\n  return `${iconsUrl}/${iconName.toString()}${open ? '-open' : ''}.svg`;\n}\n\nexport function getIconUrlForFilePath({\n  path,\n  iconsUrl,\n  fallbackUnknownType,\n}: {\n  fallbackUnknownType: boolean;\n  iconsUrl: string;\n  path: string;\n}): string {\n  const iconName = getIconForFilePath(path);\n  if (fallbackUnknownType && iconName === 'file') return '';\n  return getIconUrlByName(iconName, iconsUrl);\n}\n\nexport function getIconUrlForDirectoryPath({\n  path,\n  iconsUrl,\n  open,\n  fallbackUnknownType,\n}: {\n  fallbackUnknownType: boolean;\n  iconsUrl: string;\n  open?: boolean;\n  path: string;\n}): string {\n  const iconName = getIconForDirectoryPath(path);\n  if (fallbackUnknownType && iconName === 'folder') return '';\n  return getIconUrlByName(iconName, iconsUrl, open);\n}\n"],"mappings":";;;AAGA,SAAS,iBAAiB,UAA0B;AAClD,QAAO,SAAS,MAAM,KAAK,IAAI,GAAG,SAAS,YAAY,IAAI,GAAG,EAAE,CAAC;;AAGnE,SAAS,cAAc,UAAqC;AAC1D,QAAO,SAAS,MAAM,SAAS,QAAQ,IAAI,GAAG,EAAE;;AAGlD,SAAgB,iBAAiB,MAAsB;AAErD,QADiB,KAAK,MAAM,IAAI,CAChB,GAAG,GAAG,IAAI;;AAG5B,SAAgB,uBAAuB,UAAkB;AACvD,QACEA,UAAkB,aAClBA,UAAkB,SAAS,aAAa,KACxCC,eAAuB,cAAc,SAAS,KAC9CA,eAAuB,iBAAiB,SAAS,MAChD,SAAS,SAAS,QAAQ,GAAG,SAAS,UACtC,SAAS,SAAS,MAAM,GAAG,eAAe,UAC1C,SAAS,SAAS,MAAM,GAAG,eAAe,SAC3C;;AAIJ,SAAgB,4BAA4B,SAAiB;AAC3D,QACEC,YAAoB,YACpBA,YAAoB,QAAQ,aAAa,KACzC;;AAIJ,SAAgB,mBAAmB,MAAc;AAE/C,QAAO,uBADU,iBAAiB,KAAK,CACA;;AAGzC,SAAgB,wBAAwB,MAAc;AAEpD,QAAO,4BADS,iBAAiB,KAAK,CACK;;AAG7C,SAAgB,iBAAiB,UAAkB,UAAkB,MAAwB;AAC3F,QAAO,GAAG,SAAS,GAAG,SAAS,UAAU,GAAG,OAAO,UAAU,GAAG;;AAGlE,SAAgB,sBAAsB,EACpC,MACA,UACA,uBAKS;CACT,MAAM,WAAW,mBAAmB,KAAK;AACzC,KAAI,uBAAuB,aAAa,OAAQ,QAAO;AACvD,QAAO,iBAAiB,UAAU,SAAS;;AAG7C,SAAgB,2BAA2B,EACzC,MACA,UACA,MACA,uBAMS;CACT,MAAM,WAAW,wBAAwB,KAAK;AAC9C,KAAI,uBAAuB,aAAa,SAAU,QAAO;AACzD,QAAO,iBAAiB,UAAU,UAAU,KAAK"}

package/es/Menu/Menu.d.mts

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

package/es/Menu/Menu.mjs

@@ -0,0 +1,76 @@
+'use client';
+
+import { IconProvider } from "../Icon/components/IconProvider.mjs";
+import { mapItems } from "./utils.mjs";
+import { useStyles } from "./style.mjs";
+import { ConfigProvider, Menu } from "antd";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/Menu/Menu.tsx
+const Menu$1 = memo(({ compact, shadow, variant = "borderless", className, selectable, iconProps, items, ref, ...rest }) => {
+	const { cx, styles, theme } = useStyles();
+	const variants = useMemo(() => 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
+			}
+		}
+	}), [styles]);
+	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";
+var Menu_default = Menu$1;
+
+//#endregion
+export { Menu_default 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';\n\nimport { Menu as AntdMenu, ConfigProvider } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { memo, useMemo } from 'react';\n\nimport { IconProvider } from '@/Icon';\nimport { mapItems } from '@/Menu/utils';\n\nimport { useStyles } from './style';\nimport type { MenuProps } from './type';\n\nconst Menu = memo<MenuProps>(\n  ({\n    compact,\n    shadow,\n    variant = 'borderless',\n    className,\n    selectable,\n    iconProps,\n    items,\n    ref,\n    ...rest\n  }) => {\n    const { cx, styles, theme } = useStyles();\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            compact: false,\n            shadow: false,\n            variant: 'borderless',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n            compact: {\n              false: null,\n              true: styles.compact,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);\n\n    return (\n      <ConfigProvider\n        theme={{\n          components: {\n            Menu: {\n              controlHeightLG: 36,\n              iconMarginInlineEnd: 8,\n              iconSize: 16,\n              itemActiveBg: theme.isDarkMode ? theme.colorFillQuaternary : theme.colorFillSecondary,\n              itemBorderRadius: theme.borderRadius,\n              itemColor: theme.colorTextSecondary,\n              itemHoverBg: theme.colorFillTertiary,\n              itemMarginBlock: 4,\n              itemMarginInline: 4,\n              itemSelectedBg: theme.colorFillSecondary,\n            },\n          },\n        }}\n      >\n        <IconProvider\n          config={{\n            size: 'small',\n            ...iconProps,\n          }}\n        >\n          <AntdMenu\n            className={cx(variants({ compact, shadow, variant }), className)}\n            inlineIndent={12}\n            items={antdItems}\n            mode=\"vertical\"\n            ref={ref}\n            selectable={selectable}\n            {...rest}\n          />\n        </IconProvider>\n      </ConfigProvider>\n    );\n  },\n);\n\nMenu.displayName = 'Menu';\n\nexport default Menu;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,SAAO,MACV,EACC,SACA,QACA,UAAU,cACV,WACA,YACA,WACA,OACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,QAAQ,UAAU,WAAW;CAEzC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,SAAS;GACT,QAAQ;GACR,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACD,SAAS;IACP,OAAO;IACP,MAAM,OAAO;IACd;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC;AAE7E,QACE,oBAAC;EACC,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;GACvB,EACF,EACF;YAED,oBAAC;GACC,QAAQ;IACN,MAAM;IACN,GAAG;IACJ;aAED,oBAACC;IACC,WAAW,GAAG,SAAS;KAAE;KAAS;KAAQ;KAAS,CAAC,EAAE,UAAU;IAChE,cAAc;IACd,OAAO;IACP,MAAK;IACA;IACO;IACZ,GAAI;KACJ;IACW;GACA;EAGtB;AAED,OAAK,cAAc;AAEnB,mBAAeD"}

package/es/Menu/index.d.mts

@@ -0,0 +1,4 @@
+import { GenericItemType, ItemType, MenuDividerType, MenuInfo, MenuItemGroupType, MenuItemType, MenuProps, SubMenuType } from "./type.mjs";
+import { Menu } from "./Menu.mjs";
+import { mapItems } from "./utils.mjs";
+export { GenericItemType, ItemType, MenuDividerType, MenuInfo, MenuItemGroupType, MenuItemType, MenuProps, SubMenuType, Menu as default, mapItems };

package/es/Menu/index.mjs

@@ -0,0 +1,4 @@
+import { mapItems } from "./utils.mjs";
+import Menu_default from "./Menu.mjs";
+
+export { Menu_default as default, mapItems };

package/es/Menu/style.mjs

@@ -0,0 +1,45 @@
+import { createStyles } from "antd-style";
+
+//#region src/Menu/style.ts
+const useStyles = createStyles(({ cx: cx$1, css: css$1, token, stylish, prefixCls }) => ({
+	borderless: cx$1(stylish.variantBorderlessWithoutHover, css$1`
+      padding: 0;
+      border-radius: unset;
+    `),
+	compact: css$1`
+    &.${prefixCls}-menu {
+      .${prefixCls}-menu-item-divider {
+        margin: 0;
+      }
+    }
+  `,
+	filled: stylish.variantFilledWithoutHover,
+	outlined: stylish.variantOutlinedWithoutHover,
+	root: css$1`
+    &.${prefixCls}-menu {
+      flex: 1;
+
+      padding: 4px;
+
+      background: transparent;
+      border: none !important;
+      border-radius: ${token.borderRadiusLG}px;
+
+      .${prefixCls}-menu-sub.${prefixCls}-menu-inline {
+        background: transparent;
+        > .${prefixCls}-menu-item {
+          padding-inline-start: 36px !important;
+        }
+      }
+
+      .${prefixCls}-menu-item-divider {
+        margin-block: 1em;
+      }
+    }
+  `,
+	shadow: stylish.shadow
+}));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Menu/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Menu/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ cx, css, token, stylish, prefixCls }) => ({\n  borderless: cx(\n    stylish.variantBorderlessWithoutHover,\n    css`\n      padding: 0;\n      border-radius: unset;\n    `,\n  ),\n  compact: css`\n    &.${prefixCls}-menu {\n      .${prefixCls}-menu-item-divider {\n        margin: 0;\n      }\n    }\n  `,\n  filled: stylish.variantFilledWithoutHover,\n  outlined: stylish.variantOutlinedWithoutHover,\n  root: css`\n    &.${prefixCls}-menu {\n      flex: 1;\n\n      padding: 4px;\n\n      background: transparent;\n      border: none !important;\n      border-radius: ${token.borderRadiusLG}px;\n\n      .${prefixCls}-menu-sub.${prefixCls}-menu-inline {\n        background: transparent;\n        > .${prefixCls}-menu-item {\n          padding-inline-start: 36px !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-divider {\n        margin-block: 1em;\n      }\n    }\n  `,\n  shadow: stylish.shadow,\n}));\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,UAAI,YAAK,OAAO,SAAS,iBAAiB;CACjF,YAAYA,KACV,QAAQ,+BACR,KAAG;;;MAIJ;CACD,SAAS,KAAG;QACN,UAAU;SACT,UAAU;;;;;CAKjB,QAAQ,QAAQ;CAChB,UAAU,QAAQ;CAClB,MAAM,KAAG;QACH,UAAU;;;;;;;uBAOK,MAAM,eAAe;;SAEnC,UAAU,YAAY,UAAU;;aAE5B,UAAU;;;;;SAKd,UAAU;;;;;CAKjB,QAAQ,QAAQ;CACjB,EAAE"}

package/es/Menu/type.d.mts

@@ -0,0 +1,39 @@
+import { IconProps } from "../Icon/type.mjs";
+import { IconContentConfig } from "../Icon/components/IconProvider.mjs";
+import "../Icon/index.mjs";
+import { MenuProps, MenuRef } from "antd";
+import { Key, Ref } from "react";
+import { MenuDividerType, MenuInfo, MenuItemGroupType, MenuItemType, SubMenuType } from "rc-menu/es/interface";
+
+//#region src/Menu/type.d.ts
+interface MenuItemType$1 extends MenuItemType {
+  danger?: boolean;
+  icon?: IconProps['icon'];
+  loading?: boolean;
+  title?: string;
+}
+interface SubMenuType$1<T extends MenuItemType$1 = MenuItemType$1> extends Omit<SubMenuType, 'children'> {
+  children: ItemType<T>[];
+  icon?: IconProps['icon'];
+}
+interface MenuItemGroupType$1<T extends MenuItemType$1 = MenuItemType$1> extends Omit<MenuItemGroupType, 'children'> {
+  children?: ItemType<T>[];
+  key?: Key;
+}
+interface MenuDividerType$1 extends MenuDividerType {
+  dashed?: boolean;
+  key?: Key;
+}
+type ItemType<T extends MenuItemType$1 = MenuItemType$1> = T | SubMenuType$1<T> | MenuItemGroupType$1<T> | MenuDividerType$1 | null;
+type GenericItemType<T = unknown> = T extends infer U extends MenuItemType$1 ? 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$1 as MenuDividerType, type MenuInfo, MenuItemGroupType$1 as MenuItemGroupType, MenuItemType$1 as MenuItemType, MenuProps$1 as MenuProps, SubMenuType$1 as SubMenuType };
+//# sourceMappingURL=type.d.mts.map

package/es/Menu/utils.d.mts

@@ -0,0 +1,8 @@
+import { ItemType as ItemType$1 } from "./type.mjs";
+import { ItemType } from "antd/es/menu/interface";
+
+//#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,32 @@
+import Icon_default 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_default, {
+					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":["Icon"],"sources":["../../src/Menu/utils.tsx"],"sourcesContent":["import type { ItemType as AntdItemType } from 'antd/es/menu/interface';\nimport { isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport type { ItemType } from './type';\n\nexport const mapItems = (item: ItemType): AntdItemType => {\n  switch (item?.type) {\n    case 'divider': {\n      return item;\n    }\n    case 'group': {\n      const { children, ...rest } = item;\n      return {\n        children: children ? children?.map((i) => mapItems(i)) : undefined,\n        ...rest,\n      };\n    }\n    default: {\n      const { children, icon, ...rest } = item as any;\n      return {\n        children: children ? children?.map((i: any) => mapItems(i)) : undefined,\n        icon: icon ? isValidElement(icon) ? icon : <Icon icon={icon} size={'small'} /> : undefined,\n        ...rest,\n      };\n    }\n  }\n};\n"],"mappings":";;;;;AAOA,MAAa,YAAY,SAAiC;AACxD,SAAQ,MAAM,MAAd;EACE,KAAK,UACH,QAAO;EAET,KAAK,SAAS;GACZ,MAAM,EAAE,UAAU,GAAG,SAAS;AAC9B,UAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAM,SAAS,EAAE,CAAC,GAAG;IACzD,GAAG;IACJ;;EAEH,SAAS;GACP,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS;AACpC,UAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAW,SAAS,EAAE,CAAC,GAAG;IAC9D,MAAM,OAAO,eAAe,KAAK,GAAG,OAAO,oBAACA;KAAW;KAAM,MAAM;MAAW,GAAG;IACjF,GAAG;IACJ"}

package/es/Mermaid/FullFeatured.mjs

@@ -0,0 +1,151 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Text_default from "../Text/Text.mjs";
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import CopyButton_default from "../CopyButton/CopyButton.mjs";
+import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import { useStyles } from "../Highlighter/style.mjs";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ChevronDown, ChevronRight } from "lucide-react";
+
+//#region src/Mermaid/FullFeatured.tsx
+const MermaidHeaderLanguage = memo(({ fileName, language, showLanguage }) => {
+	if (!showLanguage) return null;
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		className: "languageTitle",
+		flex: 1,
+		gap: 4,
+		horizontal: true,
+		justify: "flex-start",
+		paddingInline: 8,
+		children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon_default, {
+			fallbackUnknownType: false,
+			filename: fileName || language,
+			size: 18,
+			type: "file",
+			variant: "raw"
+		}), /* @__PURE__ */ jsx(Text_default, {
+			ellipsis: true,
+			fontSize: 13,
+			children: fileName || "Mermaid"
+		})]
+	});
+}, (prev, next) => prev.fileName === next.fileName && prev.language === next.language && prev.showLanguage === next.showLanguage);
+const MermaidFullFeatured = memo(({ showLanguage, styles: customStyles, classNames, content, children, className, copyable, actionsRender, style, variant, shadow, language = "mermaid", fileName, defaultExpand = true, ...rest }) => {
+	const [expand, setExpand] = useState(defaultExpand);
+	const { styles, cx } = useStyles("block");
+	const contentRef = useRef(content);
+	useEffect(() => {
+		contentRef.current = content;
+	}, [content]);
+	const getContent = useCallback(() => contentRef.current, []);
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			shadow: false,
+			variant: "filled"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			shadow: {
+				false: null,
+				true: styles.shadow
+			}
+		}
+	}), [styles]);
+	const headerVariants = useMemo(() => cva(styles.headerRoot, {
+		defaultVariants: { variant: "filled" },
+		variants: { variant: {
+			filled: cx(styles.headerFilled, styles.headerOutlined),
+			outlined: styles.headerOutlined,
+			borderless: styles.headerBorderless
+		} }
+	}), [styles]);
+	const bodyVariants = useMemo(() => cva(styles.bodyRoot, {
+		defaultVariants: { expand: true },
+		variants: { expand: {
+			false: styles.bodyCollapsed,
+			true: styles.bodyExpand
+		} }
+	}), [styles]);
+	const originalActions = useMemo(() => {
+		if (!copyable) return null;
+		return /* @__PURE__ */ jsx(CopyButton_default, {
+			content: getContent,
+			size: "small"
+		});
+	}, [copyable, getContent]);
+	const actions = useMemo(() => {
+		if (!actionsRender) return originalActions;
+		return actionsRender({
+			actionIconSize: "small",
+			content,
+			getContent,
+			originalNode: originalActions
+		});
+	}, [
+		actionsRender,
+		content,
+		getContent,
+		originalActions
+	]);
+	const handleToggleExpand = useCallback(() => {
+		setExpand((prev) => !prev);
+	}, []);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(variants({
+			shadow,
+			variant
+		}), className),
+		"data-code-type": "mermaid",
+		style,
+		...rest,
+		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			align: "center",
+			className: cx(headerVariants({ variant }), classNames?.header),
+			horizontal: true,
+			justify: "space-between",
+			onClick: handleToggleExpand,
+			style: customStyles?.header,
+			children: [/* @__PURE__ */ jsx(MermaidHeaderLanguage, {
+				fileName,
+				language,
+				showLanguage
+			}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				flex: "none",
+				gap: 4,
+				horizontal: true,
+				onClick: (e) => e.stopPropagation(),
+				children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "center",
+					className: "panel-actions",
+					flex: "none",
+					gap: 4,
+					horizontal: true,
+					children: actions
+				}), /* @__PURE__ */ jsx(ActionIcon_default, {
+					icon: expand ? ChevronDown : ChevronRight,
+					onClick: handleToggleExpand,
+					size: "small"
+				})]
+			})]
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			className: cx(bodyVariants({ expand }), classNames?.body),
+			style: customStyles?.body,
+			children
+		})]
+	});
+});
+var FullFeatured_default = MermaidFullFeatured;
+
+//#endregion
+export { FullFeatured_default as default };
+//# sourceMappingURL=FullFeatured.mjs.map

package/es/Mermaid/FullFeatured.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullFeatured.mjs","names":["Flexbox","MaterialFileTypeIcon","Text","CopyButton","ActionIcon"],"sources":["../../src/Mermaid/FullFeatured.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { ReactNode, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { useStyles } from '@/Highlighter/style';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\n\nimport { MermaidProps } from './type';\n\nconst MermaidHeaderLanguage = memo(\n  ({\n    fileName,\n    language,\n    showLanguage,\n  }: {\n    fileName?: string;\n    language: string;\n    showLanguage?: boolean;\n  }) => {\n    if (!showLanguage) return null;\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={'languageTitle'}\n        flex={1}\n        gap={4}\n        horizontal\n        justify={'flex-start'}\n        paddingInline={8}\n      >\n        <MaterialFileTypeIcon\n          fallbackUnknownType={false}\n          filename={fileName || language}\n          size={18}\n          type={'file'}\n          variant={'raw'}\n        />\n\n        <Text ellipsis fontSize={13}>\n          {fileName || 'Mermaid'}\n        </Text>\n      </Flexbox>\n    );\n  },\n  (prev, next) =>\n    prev.fileName === next.fileName &&\n    prev.language === next.language &&\n    prev.showLanguage === next.showLanguage,\n);\n\nexport interface MermaidFullFeaturedProps extends Omit<MermaidProps, 'children'> {\n  children: ReactNode;\n  content: string;\n}\n\nexport const MermaidFullFeatured = memo<MermaidFullFeaturedProps>(\n  ({\n    showLanguage,\n    styles: customStyles,\n    classNames,\n    content,\n    children,\n    className,\n    copyable,\n    actionsRender,\n    style,\n    variant,\n    shadow,\n    language = 'mermaid',\n    fileName,\n    defaultExpand = true,\n    ...rest\n  }) => {\n    const [expand, setExpand] = useState(defaultExpand);\n    const { styles, cx } = useStyles('block');\n    const contentRef = useRef(content);\n\n    useEffect(() => {\n      contentRef.current = content;\n    }, [content]);\n\n    const getContent = useCallback(() => contentRef.current, []);\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            shadow: false,\n            variant: 'filled',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const headerVariants = useMemo(\n      () =>\n        cva(styles.headerRoot, {\n          defaultVariants: {\n            variant: 'filled',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: cx(styles.headerFilled, styles.headerOutlined),\n              outlined: styles.headerOutlined,\n              borderless: styles.headerBorderless,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const bodyVariants = useMemo(\n      () =>\n        cva(styles.bodyRoot, {\n          defaultVariants: {\n            expand: true,\n          },\n          variants: {\n            expand: {\n              false: styles.bodyCollapsed,\n              true: styles.bodyExpand,\n            },\n          },\n        }),\n      [styles],\n    );\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return <CopyButton content={getContent} size={'small'} />;\n    }, [copyable, getContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize: 'small',\n        content,\n        getContent,\n        originalNode: originalActions,\n      });\n    }, [actionsRender, content, getContent, originalActions]);\n\n    const handleToggleExpand = useCallback(() => {\n      setExpand((prev) => !prev);\n    }, []);\n\n    return (\n      <Flexbox\n        className={cx(variants({ shadow, variant }), className)}\n        data-code-type=\"mermaid\"\n        style={style}\n        {...rest}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(headerVariants({ variant }), classNames?.header)}\n          horizontal\n          justify={'space-between'}\n          onClick={handleToggleExpand}\n          style={customStyles?.header}\n        >\n          <MermaidHeaderLanguage\n            fileName={fileName}\n            language={language}\n            showLanguage={showLanguage}\n          />\n          <Flexbox\n            align={'center'}\n            flex={'none'}\n            gap={4}\n            horizontal\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Flexbox align={'center'} className={'panel-actions'} flex={'none'} gap={4} horizontal>\n              {actions}\n            </Flexbox>\n            <ActionIcon\n              icon={expand ? ChevronDown : ChevronRight}\n              onClick={handleToggleExpand}\n              size={'small'}\n            />\n          </Flexbox>\n        </Flexbox>\n        <Flexbox\n          className={cx(bodyVariants({ expand }), classNames?.body)}\n          style={customStyles?.body}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nexport default MermaidFullFeatured;\n"],"mappings":"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"}

package/es/Mermaid/Mermaid.d.mts

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

package/es/Mermaid/Mermaid.mjs

@@ -0,0 +1,146 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import CopyButton_default from "../CopyButton/CopyButton.mjs";
+import Tag_default from "../Tag/Tag.mjs";
+import { useStyles } from "../Highlighter/style.mjs";
+import FullFeatured_default from "./FullFeatured.mjs";
+import SyntaxMermaid_default from "./SyntaxMermaid/index.mjs";
+import { memo, useCallback, useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/Mermaid/Mermaid.tsx
+const Mermaid = memo(({ children, actionIconSize, fullFeatured, copyable = true, showLanguage = true, language = "mermaid", style, styles: customStyles, classNames, variant = "filled", shadow, enablePanZoom = true, defaultExpand = true, className, bodyRender, fileName, actionsRender, theme, ...rest }) => {
+	const { cx, styles } = useStyles();
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			shadow: false,
+			variant: "filled",
+			wrap: false
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			shadow: {
+				false: null,
+				true: styles.shadow
+			},
+			wrap: {
+				false: styles.nowrap,
+				true: null
+			}
+		}
+	}), [styles]);
+	const tirmedChildren = children.trim();
+	const copyContentRef = useRef(tirmedChildren);
+	useEffect(() => {
+		copyContentRef.current = tirmedChildren;
+	}, [tirmedChildren]);
+	const getCopyContent = useCallback(() => copyContentRef.current, []);
+	const originalActions = useMemo(() => {
+		if (!copyable) return null;
+		return /* @__PURE__ */ jsx(CopyButton_default, {
+			content: getCopyContent,
+			size: actionIconSize || {
+				blockSize: 28,
+				size: 16
+			}
+		});
+	}, [
+		actionIconSize,
+		copyable,
+		getCopyContent
+	]);
+	const actions = useMemo(() => {
+		if (!actionsRender) return originalActions;
+		return actionsRender({
+			actionIconSize,
+			content: tirmedChildren,
+			getContent: getCopyContent,
+			originalNode: originalActions
+		});
+	}, [
+		actionIconSize,
+		actionsRender,
+		getCopyContent,
+		originalActions,
+		tirmedChildren
+	]);
+	const defaultBody = useMemo(() => /* @__PURE__ */ jsx(SyntaxMermaid_default, {
+		className: classNames?.content,
+		enablePanZoom,
+		style: customStyles?.content,
+		theme,
+		variant,
+		children: tirmedChildren
+	}), [
+		enablePanZoom,
+		theme,
+		tirmedChildren,
+		variant,
+		classNames?.content,
+		customStyles?.content
+	]);
+	const body = useMemo(() => {
+		if (!bodyRender) return defaultBody;
+		return bodyRender({
+			content: tirmedChildren,
+			originalNode: defaultBody
+		});
+	}, [
+		bodyRender,
+		defaultBody,
+		tirmedChildren
+	]);
+	if (fullFeatured) return /* @__PURE__ */ jsx(FullFeatured_default, {
+		actionsRender,
+		className,
+		classNames,
+		content: tirmedChildren,
+		copyable,
+		defaultExpand,
+		fileName,
+		language,
+		shadow,
+		showLanguage,
+		style,
+		styles: customStyles,
+		variant,
+		...rest,
+		children: body
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(variants({
+			shadow,
+			variant
+		}), className),
+		"data-code-type": "mermaid",
+		style,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(FlexBasic_default, {
+				align: "center",
+				className: styles.actions,
+				flex: "none",
+				gap: 4,
+				horizontal: true,
+				children: actions
+			}),
+			showLanguage && /* @__PURE__ */ jsx(Tag_default, {
+				className: styles.lang,
+				children: language.toLowerCase()
+			}),
+			body
+		]
+	});
+});
+Mermaid.displayName = "Mermaid";
+var Mermaid_default = Mermaid;
+
+//#endregion
+export { Mermaid_default as default };
+//# sourceMappingURL=Mermaid.mjs.map