@lobehub/ui 5.6.2 → 5.6.4

package/es/Menu/checkboxItem.d.mts

@@ -1,9 +1,7 @@
 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.

package/es/Menu/index.mjs

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

package/es/Menu/renderUtils.d.mts

@@ -1,5 +1,4 @@
 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";

package/es/Menu/renderUtils.mjs

@@ -1,7 +1,6 @@
-import Icon_default from "../Icon/Icon.mjs";
+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;
@@ -15,7 +14,7 @@ const getItemLabel = (item) => {
 const renderIcon = (icon, size) => {
 	if (!icon) return null;
 	if (isValidElement(icon)) return icon;
-	return /* @__PURE__ */ jsx(Icon_default, {
+	return /* @__PURE__ */ jsx(Icon, {
 		icon,
 		size
 	});
@@ -40,7 +39,7 @@ const hasCheckboxAndIcon = (items) => {
 	}
 	return false;
 };
-
 //#endregion
 export { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon };
+
 //# sourceMappingURL=renderUtils.mjs.map

package/es/Menu/renderUtils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderUtils.mjs","names":["Icon"],"sources":["../../src/Menu/renderUtils.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\nimport { isValidElement } from 'react';\n\nimport Icon, { type IconSize } from '@/Icon';\n\nimport type { BaseMenuItemType } from './baseItem';\nimport type { MenuCheckboxItemType } from './checkboxItem';\nimport type { MenuItemType, SubMenuType } from './type';\n\nexport type IconSpaceMode = 'global' | 'group';\n\nexport type IconAlign = 'center' | 'start';\n\nexport interface RenderOptions {\n  iconAlign?: IconAlign;\n  iconSpaceMode?: IconSpaceMode;\n  indicatorOnRight?: boolean;\n  reserveIconSpace?: boolean;\n}\n\nexport interface RenderItemContentOptions {\n  iconAlign?: IconAlign;\n  indicatorOnRight?: boolean;\n  reserveIconSpace?: boolean;\n  submenu?: boolean;\n}\n\ntype KeyableItem = { key?: Key };\n\nexport const getItemKey = (item: KeyableItem, 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\nexport const getItemLabel = (\n  item: MenuItemType | SubMenuType | MenuCheckboxItemType | LabelableItem,\n): 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\nexport const renderIcon = (icon: MenuItemType['icon'], size?: IconSize): ReactNode => {\n  if (!icon) return null;\n  if (isValidElement(icon)) return icon;\n  return <Icon icon={icon} size={size} />;\n};\n\nexport const hasAnyIcon = (items: BaseMenuItemType[], recursive = false): boolean => {\n  return items.some((item) => {\n    if (!item) return false;\n    if ((item as MenuCheckboxItemType).type === 'checkbox') return true;\n    if ('icon' in item && item.icon) return true;\n    if (recursive && 'children' in item && item.children) {\n      return hasAnyIcon(item.children as BaseMenuItemType[], true);\n    }\n    return false;\n  });\n};\n\nexport const hasCheckboxAndIcon = (items: BaseMenuItemType[]): boolean => {\n  let hasCheckbox = false;\n  let hasIcon = false;\n  for (const item of items) {\n    if (!item) continue;\n    if ((item as MenuCheckboxItemType).type === 'checkbox') {\n      hasCheckbox = true;\n    }\n    if ('icon' in item && item.icon) {\n      hasIcon = true;\n    }\n    if (hasCheckbox && hasIcon) return true;\n  }\n  return false;\n};\n"],"mappings":";;;;;AA6BA,MAAa,cAAc,MAAmB,aAA0B;AACtE,KAAI,QAAQ,SAAS,QAAQ,KAAK,QAAQ,OAAW,QAAO,KAAK;AACjE,QAAO;;AAST,MAAa,gBACX,SACc;AACd,KAAI,KAAK,UAAU,OAAW,QAAO,KAAK;AAC1C,KAAI,WAAW,QAAQ,KAAK,UAAU,OAAW,QAAO,KAAK;AAC7D,QAAO,KAAK;;AAGd,MAAa,cAAc,MAA4B,SAA+B;AACpF,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI,eAAe,KAAK,CAAE,QAAO;AACjC,QAAO,oBAACA;EAAW;EAAY;GAAQ;;AAGzC,MAAa,cAAc,OAA2B,YAAY,UAAmB;AACnF,QAAO,MAAM,MAAM,SAAS;AAC1B,MAAI,CAAC,KAAM,QAAO;AAClB,MAAK,KAA8B,SAAS,WAAY,QAAO;AAC/D,MAAI,UAAU,QAAQ,KAAK,KAAM,QAAO;AACxC,MAAI,aAAa,cAAc,QAAQ,KAAK,SAC1C,QAAO,WAAW,KAAK,UAAgC,KAAK;AAE9D,SAAO;GACP;;AAGJ,MAAa,sBAAsB,UAAuC;CACxE,IAAI,cAAc;CAClB,IAAI,UAAU;AACd,MAAK,MAAM,QAAQ,OAAO;AACxB,MAAI,CAAC,KAAM;AACX,MAAK,KAA8B,SAAS,WAC1C,eAAc;AAEhB,MAAI,UAAU,QAAQ,KAAK,KACzB,WAAU;AAEZ,MAAI,eAAe,QAAS,QAAO;;AAErC,QAAO"}
+{"version":3,"file":"renderUtils.mjs","names":[],"sources":["../../src/Menu/renderUtils.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\nimport { isValidElement } from 'react';\n\nimport Icon, { type IconSize } from '@/Icon';\n\nimport type { BaseMenuItemType } from './baseItem';\nimport type { MenuCheckboxItemType } from './checkboxItem';\nimport type { MenuItemType, SubMenuType } from './type';\n\nexport type IconSpaceMode = 'global' | 'group';\n\nexport type IconAlign = 'center' | 'start';\n\nexport interface RenderOptions {\n  iconAlign?: IconAlign;\n  iconSpaceMode?: IconSpaceMode;\n  indicatorOnRight?: boolean;\n  reserveIconSpace?: boolean;\n}\n\nexport interface RenderItemContentOptions {\n  iconAlign?: IconAlign;\n  indicatorOnRight?: boolean;\n  reserveIconSpace?: boolean;\n  submenu?: boolean;\n}\n\ntype KeyableItem = { key?: Key };\n\nexport const getItemKey = (item: KeyableItem, 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\nexport const getItemLabel = (\n  item: MenuItemType | SubMenuType | MenuCheckboxItemType | LabelableItem,\n): 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\nexport const renderIcon = (icon: MenuItemType['icon'], size?: IconSize): ReactNode => {\n  if (!icon) return null;\n  if (isValidElement(icon)) return icon;\n  return <Icon icon={icon} size={size} />;\n};\n\nexport const hasAnyIcon = (items: BaseMenuItemType[], recursive = false): boolean => {\n  return items.some((item) => {\n    if (!item) return false;\n    if ((item as MenuCheckboxItemType).type === 'checkbox') return true;\n    if ('icon' in item && item.icon) return true;\n    if (recursive && 'children' in item && item.children) {\n      return hasAnyIcon(item.children as BaseMenuItemType[], true);\n    }\n    return false;\n  });\n};\n\nexport const hasCheckboxAndIcon = (items: BaseMenuItemType[]): boolean => {\n  let hasCheckbox = false;\n  let hasIcon = false;\n  for (const item of items) {\n    if (!item) continue;\n    if ((item as MenuCheckboxItemType).type === 'checkbox') {\n      hasCheckbox = true;\n    }\n    if ('icon' in item && item.icon) {\n      hasIcon = true;\n    }\n    if (hasCheckbox && hasIcon) return true;\n  }\n  return false;\n};\n"],"mappings":";;;;AA6BA,MAAa,cAAc,MAAmB,aAA0B;AACtE,KAAI,QAAQ,SAAS,QAAQ,KAAK,QAAQ,KAAA,EAAW,QAAO,KAAK;AACjE,QAAO;;AAST,MAAa,gBACX,SACc;AACd,KAAI,KAAK,UAAU,KAAA,EAAW,QAAO,KAAK;AAC1C,KAAI,WAAW,QAAQ,KAAK,UAAU,KAAA,EAAW,QAAO,KAAK;AAC7D,QAAO,KAAK;;AAGd,MAAa,cAAc,MAA4B,SAA+B;AACpF,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI,eAAe,KAAK,CAAE,QAAO;AACjC,QAAO,oBAAC,MAAD;EAAY;EAAY;EAAQ,CAAA;;AAGzC,MAAa,cAAc,OAA2B,YAAY,UAAmB;AACnF,QAAO,MAAM,MAAM,SAAS;AAC1B,MAAI,CAAC,KAAM,QAAO;AAClB,MAAK,KAA8B,SAAS,WAAY,QAAO;AAC/D,MAAI,UAAU,QAAQ,KAAK,KAAM,QAAO;AACxC,MAAI,aAAa,cAAc,QAAQ,KAAK,SAC1C,QAAO,WAAW,KAAK,UAAgC,KAAK;AAE9D,SAAO;GACP;;AAGJ,MAAa,sBAAsB,UAAuC;CACxE,IAAI,cAAc;CAClB,IAAI,UAAU;AACd,MAAK,MAAM,QAAQ,OAAO;AACxB,MAAI,CAAC,KAAM;AACX,MAAK,KAA8B,SAAS,WAC1C,eAAc;AAEhB,MAAI,UAAU,QAAQ,KAAK,KACzB,WAAU;AAEZ,MAAI,eAAe,QAAS,QAAO;;AAErC,QAAO"}

package/es/Menu/sharedStyle.mjs

@@ -1,26 +1,25 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/Menu/sharedStyle.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	danger: css$1`
-    color: ${cssVar$1.colorError} !important;
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	danger: css`
+    color: ${cssVar.colorError} !important;
 
     &:hover {
-      background: ${cssVar$1.colorErrorBg} !important;
+      background: ${cssVar.colorErrorBg} !important;
     }
   `,
-	empty: css$1`
+	empty: css`
     cursor: default;
     font-style: italic;
-    color: ${cssVar$1.colorTextTertiary};
+    color: ${cssVar.colorTextTertiary};
   `,
-	extra: css$1`
+	extra: css`
     margin-inline-start: auto;
     padding-inline-start: 16px;
     font-size: 12px;
-    color: ${cssVar$1.colorTextTertiary};
+    color: ${cssVar.colorTextTertiary};
   `,
-	groupLabel: css$1`
+	groupLabel: css`
     user-select: none;
 
     padding-block: 8px 4px;
@@ -29,10 +28,10 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     font-size: 12px;
     font-weight: 500;
     line-height: 16px;
-    color: ${cssVar$1.colorTextTertiary};
+    color: ${cssVar.colorTextTertiary};
     text-transform: capitalize;
   `,
-	icon: css$1`
+	icon: css`
     display: flex;
     flex-shrink: 0;
     align-items: center;
@@ -42,7 +41,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     height: 16px;
     margin-inline-end: 8px;
   `,
-	item: css$1`
+	item: css`
     cursor: pointer;
     user-select: none;
 
@@ -56,27 +55,27 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     min-height: 36px;
     padding-block: 8px;
     padding-inline: 12px;
-    border-radius: ${cssVar$1.borderRadiusSM};
+    border-radius: ${cssVar.borderRadiusSM};
 
     font-size: 14px;
     line-height: 20px;
-    color: ${cssVar$1.colorText};
+    color: ${cssVar.colorText};
 
     outline: none;
 
-    transition: all 150ms ${cssVar$1.motionEaseOut};
+    transition: all 150ms ${cssVar.motionEaseOut};
 
     &:hover {
-      background: ${cssVar$1.colorFillTertiary};
+      background: ${cssVar.colorFillTertiary};
     }
 
     &:active {
-      background: ${cssVar$1.colorFillSecondary};
+      background: ${cssVar.colorFillSecondary};
     }
 
     &[data-disabled] {
       cursor: not-allowed;
-      color: ${cssVar$1.colorTextDisabled};
+      color: ${cssVar.colorTextDisabled};
       opacity: 0.5;
 
       &:hover {
@@ -85,29 +84,29 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     }
 
     &[data-highlighted]:not([data-disabled]) {
-      background: ${cssVar$1.colorFillTertiary};
+      background: ${cssVar.colorFillTertiary};
     }
 
     &[data-state='open']:not([data-disabled]),
     &[data-open]:not([data-disabled]),
     &[aria-expanded='true']:not([data-disabled]) {
-      background: ${cssVar$1.colorFillTertiary};
+      background: ${cssVar.colorFillTertiary};
     }
   `,
-	itemContent: css$1`
+	itemContent: css`
     display: flex;
     flex: 1;
     gap: 0;
     align-items: center;
   `,
-	itemContentAlignStart: css$1`
+	itemContentAlignStart: css`
     align-items: flex-start;
   `,
-	iconAlignStart: css$1`
+	iconAlignStart: css`
     align-self: flex-start;
     margin-block-start: 2px;
   `,
-	label: css$1`
+	label: css`
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
@@ -120,7 +119,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       color: inherit;
     }
   `,
-	labelGroup: css$1`
+	labelGroup: css`
     overflow: hidden;
     display: flex;
     flex: 1;
@@ -128,32 +127,32 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 
     min-width: 0;
   `,
-	desc: css$1`
+	desc: css`
     overflow: hidden;
 
     font-size: 12px;
     line-height: 16px;
-    color: ${cssVar$1.colorTextTertiary};
+    color: ${cssVar.colorTextTertiary};
     text-overflow: ellipsis;
     white-space: nowrap;
   `,
-	popup: css$1`
+	popup: css`
     min-width: 120px;
     padding: 4px;
-    border-radius: ${cssVar$1.borderRadius};
+    border-radius: ${cssVar.borderRadius};
 
-    background: ${cssVar$1.colorBgElevated};
+    background: ${cssVar.colorBgElevated};
     outline: none;
     box-shadow:
       0 0 15px 0 #00000008,
       0 2px 30px 0 #00000014,
-      0 0 0 1px ${cssVar$1.colorBorder} inset;
+      0 0 0 1px ${cssVar.colorBorder} inset;
   `,
-	positioner: css$1`
+	positioner: css`
     --lobe-dropdown-animation-duration: 140ms;
     --lobe-dropdown-animation-scale-y: 0.92;
     --lobe-dropdown-animation-ease-in: ease-in;
-    --lobe-dropdown-animation-ease-out: ${cssVar$1.motionEaseOut};
+    --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};
 
     z-index: 1100;
 
@@ -200,13 +199,13 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       --lobe-dropdown-animation-scale-y: 1;
     }
   `,
-	separator: css$1`
+	separator: css`
     height: 1px;
     margin-block: 4px;
     margin-inline: 0;
-    background: ${cssVar$1.colorBorder};
+    background: ${cssVar.colorBorder};
   `,
-	submenuArrow: css$1`
+	submenuArrow: css`
     display: flex;
     flex-shrink: 0;
     align-items: center;
@@ -218,7 +217,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     padding-inline-start: 8px;
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=sharedStyle.mjs.map

package/es/Menu/sharedStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: capitalize;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  itemContentAlignStart: css`\n    align-items: flex-start;\n  `,\n\n  iconAlignStart: css`\n    align-self: flex-start;\n    margin-block-start: 2px;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & a,\n    & a:visited,\n    & a:hover,\n    & a:active {\n      color: inherit;\n    }\n  `,\n\n  labelGroup: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-width: 0;\n  `,\n\n  desc: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n  `,\n  positioner: css`\n    --lobe-dropdown-animation-duration: 140ms;\n    --lobe-dropdown-animation-scale-y: 0.92;\n    --lobe-dropdown-animation-ease-in: ease-in;\n    --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n\n    z-index: 1100;\n\n    & > * {\n      will-change: opacity, transform;\n      transform-origin: var(--transform-origin);\n      animation: none;\n    }\n\n    &[data-open] > * {\n      transform: scaleY(1);\n      opacity: 1;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n    }\n\n    &[data-open] > *[data-starting-style] {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n    }\n\n    &[data-closed] > * {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n    }\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n    }\n\n    &[data-submenu],\n    &[data-nested] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n    }\n\n    &[data-side='left'],\n    &[data-side='right'] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,uBAAuB,KAAG;;;CAI1B,gBAAgB,KAAG;;;;CAKnB,OAAO,KAAG;;;;;;;;;;;;;CAcV,YAAY,KAAG;;;;;;;;CASf,MAAM,KAAG;;;;;aAKEA,SAAO,kBAAkB;;;;CAKpC,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;CAEnC,YAAY,KAAG;;;;0CAIyBA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD7D,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
+{"version":3,"file":"sharedStyle.mjs","names":[],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: capitalize;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  itemContentAlignStart: css`\n    align-items: flex-start;\n  `,\n\n  iconAlignStart: css`\n    align-self: flex-start;\n    margin-block-start: 2px;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & a,\n    & a:visited,\n    & a:hover,\n    & a:active {\n      color: inherit;\n    }\n  `,\n\n  labelGroup: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-width: 0;\n  `,\n\n  desc: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n  `,\n  positioner: css`\n    --lobe-dropdown-animation-duration: 140ms;\n    --lobe-dropdown-animation-scale-y: 0.92;\n    --lobe-dropdown-animation-ease-in: ease-in;\n    --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n\n    z-index: 1100;\n\n    & > * {\n      will-change: opacity, transform;\n      transform-origin: var(--transform-origin);\n      animation: none;\n    }\n\n    &[data-open] > * {\n      transform: scaleY(1);\n      opacity: 1;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n    }\n\n    &[data-open] > *[data-starting-style] {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n    }\n\n    &[data-closed] > * {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n    }\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n    }\n\n    &[data-submenu],\n    &[data-nested] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n    }\n\n    &[data-side='left'],\n    &[data-side='right'] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;aACA,OAAO,WAAW;;;oBAGX,OAAO,aAAa;;;CAItC,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;CAGpC,OAAO,GAAG;;;;aAIC,OAAO,kBAAkB;;CAGpC,YAAY,GAAG;;;;;;;;;aASJ,OAAO,kBAAkB;;;CAIpC,MAAM,GAAG;;;;;;;;;;CAWT,MAAM,GAAG;;;;;;;;;;;;;;qBAcU,OAAO,eAAe;;;;aAI9B,OAAO,UAAU;;;;4BAIF,OAAO,cAAc;;;oBAG7B,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;;;eAK/B,OAAO,kBAAkB;;;;;;;;;oBASpB,OAAO,kBAAkB;;;;;;oBAMzB,OAAO,kBAAkB;;;CAI3C,aAAa,GAAG;;;;;;CAOhB,uBAAuB,GAAG;;;CAI1B,gBAAgB,GAAG;;;;CAKnB,OAAO,GAAG;;;;;;;;;;;;;CAcV,YAAY,GAAG;;;;;;;;CASf,MAAM,GAAG;;;;;aAKE,OAAO,kBAAkB;;;;CAKpC,OAAO,GAAG;;;qBAGS,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;;;kBAKvB,OAAO,YAAY;;CAEnC,YAAY,GAAG;;;;0CAIyB,OAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD7D,WAAW,GAAG;;;;kBAIE,OAAO,YAAY;;CAGnC,cAAc,GAAG;;;;;;;;;;;CAWlB,EAAE"}

package/es/Menu/style.mjs

@@ -1,14 +1,13 @@
 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: css$1, cssVar: cssVar$1 }) => ({
-	borderless: cx(staticStylish.variantBorderlessWithoutHover, css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	borderless: cx(staticStylish.variantBorderlessWithoutHover, css`
       padding: 0;
       border-radius: unset;
     `),
-	compact: css$1`
+	compact: css`
     &[class*='ant-menu'] {
       [class*='ant-menu-item-divider'] {
         margin: 0;
@@ -17,13 +16,13 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
   `,
 	filled: staticStylish.variantFilledWithoutHover,
 	outlined: staticStylish.variantOutlinedWithoutHover,
-	root: css$1`
+	root: css`
     &[class*='ant-menu'] {
       flex: 1;
 
       padding: 4px;
       border: none !important;
-      border-radius: ${cssVar$1.borderRadiusLG};
+      border-radius: ${cssVar.borderRadiusLG};
 
       background: transparent;
 
@@ -64,7 +63,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/Menu/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Menu/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: cx(\n    lobeStaticStylish.variantBorderlessWithoutHover,\n    css`\n      padding: 0;\n      border-radius: unset;\n    `,\n  ),\n  compact: css`\n    &[class*='ant-menu'] {\n      [class*='ant-menu-item-divider'] {\n        margin: 0;\n      }\n    }\n  `,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    &[class*='ant-menu'] {\n      flex: 1;\n\n      padding: 4px;\n      border: none !important;\n      border-radius: ${cssVar.borderRadiusLG};\n\n      background: transparent;\n\n      [class*='ant-menu-sub'][class*='ant-menu-inline'] {\n        background: transparent;\n\n        > [class*='ant-menu-item'] {\n          padding-inline-start: 36px !important;\n        }\n      }\n\n      [class*='ant-menu-item-divider'] {\n        margin-block: 1em;\n      }\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    shadow: false,\n    variant: 'borderless',\n  },\n\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});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,YAAY,GACVA,cAAkB,+BAClB,KAAG;;;MAIJ;CACD,SAAS,KAAG;;;;;;;CAOZ,QAAQA,cAAkB;CAC1B,UAAUA,cAAkB;CAC5B,MAAM,KAAG;;;;;;uBAMYC,SAAO,eAAe;;;;;;;;;;;;;;;;;CAiB3C,QAAQD,cAAkB;CAC3B,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,SAAS;GACP,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Menu/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: cx(\n    lobeStaticStylish.variantBorderlessWithoutHover,\n    css`\n      padding: 0;\n      border-radius: unset;\n    `,\n  ),\n  compact: css`\n    &[class*='ant-menu'] {\n      [class*='ant-menu-item-divider'] {\n        margin: 0;\n      }\n    }\n  `,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    &[class*='ant-menu'] {\n      flex: 1;\n\n      padding: 4px;\n      border: none !important;\n      border-radius: ${cssVar.borderRadiusLG};\n\n      background: transparent;\n\n      [class*='ant-menu-sub'][class*='ant-menu-inline'] {\n        background: transparent;\n\n        > [class*='ant-menu-item'] {\n          padding-inline-start: 36px !important;\n        }\n      }\n\n      [class*='ant-menu-item-divider'] {\n        margin-block: 1em;\n      }\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    shadow: false,\n    variant: 'borderless',\n  },\n\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});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAY,GACVA,cAAkB,+BAClB,GAAG;;;MAIJ;CACD,SAAS,GAAG;;;;;;;CAOZ,QAAQA,cAAkB;CAC1B,UAAUA,cAAkB;CAC5B,MAAM,GAAG;;;;;;uBAMY,OAAO,eAAe;;;;;;;;;;;;;;;;;CAiB3C,QAAQA,cAAkB;CAC3B,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,SAAS;GACP,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/Menu/switchItem.d.mts

@@ -1,9 +1,7 @@
 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.

package/es/Menu/type.d.mts

@@ -1,9 +1,8 @@
 import { IconProps } from "../Icon/type.mjs";
 import { IconContentConfig } from "../Icon/components/IconProvider.mjs";
-import "../Icon/index.mjs";
 import { Key, ReactNode, Ref } from "react";
 import { MenuProps, MenuRef } from "antd";
-import { MenuDividerType, MenuInfo, MenuItemGroupType, MenuItemType, SubMenuType } from "rc-menu/es/interface";
+import { MenuDividerType, MenuInfo, MenuItemGroupType, MenuItemType, SubMenuType } from "rc-menu/es/interface.js";
 
 //#region src/Menu/type.d.ts
 interface MenuItemType$1 extends MenuItemType {

package/es/Menu/utils.d.mts

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

package/es/Menu/utils.mjs

@@ -1,7 +1,6 @@
-import Icon_default from "../Icon/Icon.mjs";
+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) {
@@ -17,7 +16,7 @@ const mapItems = (item) => {
 			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: icon ? isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
 					icon,
 					size: "small"
 				}) : void 0,
@@ -26,7 +25,7 @@ const mapItems = (item) => {
 		}
 	}
 };
-
 //#endregion
 export { mapItems };
+
 //# sourceMappingURL=utils.mjs.map

package/es/Menu/utils.mjs.map

@@ -1 +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"}
+{"version":3,"file":"utils.mjs","names":[],"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,KAAA;IACzD,GAAG;IACJ;;EAEH,SAAS;GACP,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS;AACpC,UAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAW,SAAS,EAAE,CAAC,GAAG,KAAA;IAC9D,MAAM,OAAO,eAAe,KAAK,GAAG,OAAO,oBAAC,MAAD;KAAY;KAAM,MAAM;KAAW,CAAA,GAAG,KAAA;IACjF,GAAG;IACJ"}

package/es/Mermaid/FullFeatured.mjs

@@ -1,17 +1,15 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Text_default from "../Text/Text.mjs";
+import Text 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 CopyButton_default from "../CopyButton/CopyButton.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import MaterialFileTypeIcon from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import CopyButton from "../CopyButton/CopyButton.mjs";
 import { bodyVariants, headerVariants, variants } from "../Highlighter/style.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ChevronDown, ChevronRight } from "lucide-react";
-
 //#region src/Mermaid/FullFeatured.tsx
 const MermaidHeaderLanguage = memo(({ fileName, language, showLanguage }) => {
 	if (!showLanguage) return null;
@@ -23,13 +21,13 @@ const MermaidHeaderLanguage = memo(({ fileName, language, showLanguage }) => {
 		gap: 4,
 		justify: "flex-start",
 		paddingInline: 8,
-		children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon_default, {
+		children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon, {
 			fallbackUnknownType: false,
 			filename: fileName || language,
 			size: 18,
 			type: "file",
 			variant: "raw"
-		}), /* @__PURE__ */ jsx(Text_default, {
+		}), /* @__PURE__ */ jsx(Text, {
 			ellipsis: true,
 			fontSize: 13,
 			children: fileName || "Mermaid"
@@ -45,7 +43,7 @@ const MermaidFullFeatured = memo(({ showLanguage, styles: customStyles, classNam
 	const getContent = useCallback(() => contentRef.current, []);
 	const originalActions = useMemo(() => {
 		if (!copyable) return null;
-		return /* @__PURE__ */ jsx(CopyButton_default, {
+		return /* @__PURE__ */ jsx(CopyButton, {
 			content: getContent,
 			size: "small"
 		});
@@ -99,7 +97,7 @@ const MermaidFullFeatured = memo(({ showLanguage, styles: customStyles, classNam
 					flex: "none",
 					gap: 4,
 					children: actions
-				}), /* @__PURE__ */ jsx(ActionIcon_default, {
+				}), /* @__PURE__ */ jsx(ActionIcon, {
 					icon: expand ? ChevronDown : ChevronRight,
 					size: "small",
 					onClick: handleToggleExpand
@@ -112,8 +110,7 @@ const MermaidFullFeatured = memo(({ showLanguage, styles: customStyles, classNam
 		})]
 	});
 });
-var FullFeatured_default = MermaidFullFeatured;
-
 //#endregion
-export { FullFeatured_default as default };
+export { MermaidFullFeatured as default };
+
 //# sourceMappingURL=FullFeatured.mjs.map

package/es/Mermaid/FullFeatured.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FullFeatured.mjs","names":["Flexbox","MaterialFileTypeIcon","Text","CopyButton","ActionIcon"],"sources":["../../src/Mermaid/FullFeatured.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { bodyVariants, headerVariants, variants } from '@/Highlighter/style';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport { type 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        horizontal\n        align={'center'}\n        className={'languageTitle'}\n        flex={1}\n        gap={4}\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 contentRef = useRef(content);\n\n    useEffect(() => {\n      contentRef.current = content;\n    }, [content]);\n\n    const getContent = useCallback(() => contentRef.current, []);\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          horizontal\n          align={'center'}\n          className={cx(headerVariants({ variant }), classNames?.header)}\n          justify={'space-between'}\n          style={customStyles?.header}\n          onClick={handleToggleExpand}\n        >\n          <MermaidHeaderLanguage\n            fileName={fileName}\n            language={language}\n            showLanguage={showLanguage}\n          />\n          <Flexbox horizontal align={'center'} flex={'none'} gap={4} onClick={stopPropagation}>\n            <Flexbox horizontal align={'center'} className={'panel-actions'} flex={'none'} gap={4}>\n              {actions}\n            </Flexbox>\n            <ActionIcon\n              icon={expand ? ChevronDown : ChevronRight}\n              size={'small'}\n              onClick={handleToggleExpand}\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":";;;;;;;;;;;;;;;AAgBA,MAAM,wBAAwB,MAC3B,EACC,UACA,UACA,mBAKI;AACJ,KAAI,CAAC,aAAc,QAAO;AAE1B,QACE,qBAACA;EACC;EACA,OAAO;EACP,WAAW;EACX,MAAM;EACN,KAAK;EACL,SAAS;EACT,eAAe;aAEf,oBAACC;GACC,qBAAqB;GACrB,UAAU,YAAY;GACtB,MAAM;GACN,MAAM;GACN,SAAS;IACT,EAEF,oBAACC;GAAK;GAAS,UAAU;aACtB,YAAY;IACR;GACC;IAGb,MAAM,SACL,KAAK,aAAa,KAAK,YACvB,KAAK,aAAa,KAAK,YACvB,KAAK,iBAAiB,KAAK,aAC9B;AAOD,MAAa,sBAAsB,MAChC,EACC,cACA,QAAQ,cACR,YACA,SACA,UACA,WACA,UACA,eACA,OACA,SACA,QACA,WAAW,WACX,UACA,gBAAgB,MAChB,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,cAAc;CACnD,MAAM,aAAa,OAAO,QAAQ;AAElC,iBAAgB;AACd,aAAW,UAAU;IACpB,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,kBAAkB,WAAW,SAAS,EAAE,CAAC;CAE5D,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,oBAACC;GAAW,SAAS;GAAY,MAAM;IAAW;IACxD,CAAC,UAAU,WAAW,CAAC;CAE1B,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB,gBAAgB;GAChB;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAS;EAAY;EAAgB,CAAC;CAEzD,MAAM,qBAAqB,kBAAkB;AAC3C,aAAW,SAAS,CAAC,KAAK;IACzB,EAAE,CAAC;AAEN,QACE,qBAACH;EACC,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACR;EACP,GAAI;aAEJ,qBAACA;GACC;GACA,OAAO;GACP,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D,SAAS;GACT,OAAO,cAAc;GACrB,SAAS;cAET,oBAAC;IACW;IACA;IACI;KACd,EACF,qBAACA;IAAQ;IAAW,OAAO;IAAU,MAAM;IAAQ,KAAK;IAAG,SAAS;eAClE,oBAACA;KAAQ;KAAW,OAAO;KAAU,WAAW;KAAiB,MAAM;KAAQ,KAAK;eACjF;MACO,EACV,oBAACI;KACC,MAAM,SAAS,cAAc;KAC7B,MAAM;KACN,SAAS;MACT;KACM;IACF,EACV,oBAACJ;GACC,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,EAAE,YAAY,KAAK;GACzD,OAAO,cAAc;GAEpB;IACO;GACF;EAGf;AAED,2BAAe"}
+{"version":3,"file":"FullFeatured.mjs","names":["Flexbox"],"sources":["../../src/Mermaid/FullFeatured.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { bodyVariants, headerVariants, variants } from '@/Highlighter/style';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport { type 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        horizontal\n        align={'center'}\n        className={'languageTitle'}\n        flex={1}\n        gap={4}\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 contentRef = useRef(content);\n\n    useEffect(() => {\n      contentRef.current = content;\n    }, [content]);\n\n    const getContent = useCallback(() => contentRef.current, []);\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          horizontal\n          align={'center'}\n          className={cx(headerVariants({ variant }), classNames?.header)}\n          justify={'space-between'}\n          style={customStyles?.header}\n          onClick={handleToggleExpand}\n        >\n          <MermaidHeaderLanguage\n            fileName={fileName}\n            language={language}\n            showLanguage={showLanguage}\n          />\n          <Flexbox horizontal align={'center'} flex={'none'} gap={4} onClick={stopPropagation}>\n            <Flexbox horizontal align={'center'} className={'panel-actions'} flex={'none'} gap={4}>\n              {actions}\n            </Flexbox>\n            <ActionIcon\n              icon={expand ? ChevronDown : ChevronRight}\n              size={'small'}\n              onClick={handleToggleExpand}\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":";;;;;;;;;;;;;AAgBA,MAAM,wBAAwB,MAC3B,EACC,UACA,UACA,mBAKI;AACJ,KAAI,CAAC,aAAc,QAAO;AAE1B,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW;EACX,MAAM;EACN,KAAK;EACL,SAAS;EACT,eAAe;YAPjB,CASE,oBAAC,sBAAD;GACE,qBAAqB;GACrB,UAAU,YAAY;GACtB,MAAM;GACN,MAAM;GACN,SAAS;GACT,CAAA,EAEF,oBAAC,MAAD;GAAM,UAAA;GAAS,UAAU;aACtB,YAAY;GACR,CAAA,CACC;;IAGb,MAAM,SACL,KAAK,aAAa,KAAK,YACvB,KAAK,aAAa,KAAK,YACvB,KAAK,iBAAiB,KAAK,aAC9B;AAOD,MAAa,sBAAsB,MAChC,EACC,cACA,QAAQ,cACR,YACA,SACA,UACA,WACA,UACA,eACA,OACA,SACA,QACA,WAAW,WACX,UACA,gBAAgB,MAChB,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,cAAc;CACnD,MAAM,aAAa,OAAO,QAAQ;AAElC,iBAAgB;AACd,aAAW,UAAU;IACpB,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,kBAAkB,WAAW,SAAS,EAAE,CAAC;CAE5D,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,oBAAC,YAAD;GAAY,SAAS;GAAY,MAAM;GAAW,CAAA;IACxD,CAAC,UAAU,WAAW,CAAC;CAE1B,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB,gBAAgB;GAChB;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAS;EAAY;EAAgB,CAAC;CAEzD,MAAM,qBAAqB,kBAAkB;AAC3C,aAAW,SAAS,CAAC,KAAK;IACzB,EAAE,CAAC;AAEN,QACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACR;EACP,GAAI;YAJN,CAME,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D,SAAS;GACT,OAAO,cAAc;GACrB,SAAS;aANX,CAQE,oBAAC,uBAAD;IACY;IACA;IACI;IACd,CAAA,EACF,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,MAAM;IAAQ,KAAK;IAAG,SAAS;cAApE,CACE,oBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,WAAW;KAAiB,MAAM;KAAQ,KAAK;eACjF;KACO,CAAA,EACV,oBAAC,YAAD;KACE,MAAM,SAAS,cAAc;KAC7B,MAAM;KACN,SAAS;KACT,CAAA,CACM;MACF;MACV,oBAACA,mBAAD;GACE,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,EAAE,YAAY,KAAK;GACzD,OAAO,cAAc;GAEpB;GACO,CAAA,CACF;;EAGf"}

package/es/Mermaid/Mermaid.d.mts

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

package/es/Mermaid/Mermaid.mjs

@@ -1,15 +1,13 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import CopyButton_default from "../CopyButton/CopyButton.mjs";
-import Tag_default from "../Tag/Tag.mjs";
+import CopyButton from "../CopyButton/CopyButton.mjs";
+import Tag from "../Tag/Tag.mjs";
 import { styles, variants } from "../Highlighter/style.mjs";
-import FullFeatured_default from "./FullFeatured.mjs";
-import SyntaxMermaid_default from "./SyntaxMermaid/index.mjs";
+import MermaidFullFeatured from "./FullFeatured.mjs";
+import SyntaxMermaid from "./SyntaxMermaid/index.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Mermaid/Mermaid.tsx
 const Mermaid = memo(({ actionIconSize, animated, bodyRender, children, classNames, className, copyable = true, defaultExpand = true, fileName, fullFeatured, language = "mermaid", actionsRender, shadow, showLanguage = true, style, styles: customStyles, theme, variant = "filled", ...rest }) => {
 	const tirmedChildren = children.trim();
@@ -20,7 +18,7 @@ const Mermaid = memo(({ actionIconSize, animated, bodyRender, children, classNam
 	const getCopyContent = useCallback(() => copyContentRef.current, []);
 	const originalActions = useMemo(() => {
 		if (!copyable) return null;
-		return /* @__PURE__ */ jsx(CopyButton_default, {
+		return /* @__PURE__ */ jsx(CopyButton, {
 			content: getCopyContent,
 			size: actionIconSize || {
 				blockSize: 28,
@@ -47,7 +45,7 @@ const Mermaid = memo(({ actionIconSize, animated, bodyRender, children, classNam
 		originalActions,
 		tirmedChildren
 	]);
-	const defaultBody = useMemo(() => /* @__PURE__ */ jsx(SyntaxMermaid_default, {
+	const defaultBody = useMemo(() => /* @__PURE__ */ jsx(SyntaxMermaid, {
 		animated,
 		className: classNames?.content,
 		style: customStyles?.content,
@@ -73,7 +71,7 @@ const Mermaid = memo(({ actionIconSize, animated, bodyRender, children, classNam
 		defaultBody,
 		tirmedChildren
 	]);
-	if (fullFeatured) return /* @__PURE__ */ jsx(FullFeatured_default, {
+	if (fullFeatured) return /* @__PURE__ */ jsx(MermaidFullFeatured, {
 		actionsRender,
 		className,
 		classNames,
@@ -107,7 +105,7 @@ const Mermaid = memo(({ actionIconSize, animated, bodyRender, children, classNam
 				gap: 4,
 				children: actions
 			}),
-			showLanguage && /* @__PURE__ */ jsx(Tag_default, {
+			showLanguage && /* @__PURE__ */ jsx(Tag, {
 				className: styles.lang,
 				children: language.toLowerCase()
 			}),
@@ -116,8 +114,7 @@ const Mermaid = memo(({ actionIconSize, animated, bodyRender, children, classNam
 	});
 });
 Mermaid.displayName = "Mermaid";
-var Mermaid_default = Mermaid;
-
 //#endregion
-export { Mermaid_default as default };
+export { Mermaid as default };
+
 //# sourceMappingURL=Mermaid.mjs.map

package/es/Mermaid/Mermaid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Mermaid.mjs","names":["CopyButton","SyntaxMermaid","FullFeatured","Flexbox","Tag"],"sources":["../../src/Mermaid/Mermaid.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { styles, variants } from '@/Highlighter/style';\nimport Tag from '@/Tag';\n\nimport FullFeatured from './FullFeatured';\nimport SyntaxMermaid from './SyntaxMermaid';\nimport type { MermaidProps } from './type';\n\nconst Mermaid = memo<MermaidProps>(\n  ({\n    actionIconSize,\n    animated,\n    bodyRender,\n    children,\n    classNames,\n    className,\n    copyable = true,\n    defaultExpand = true,\n    fileName,\n    fullFeatured,\n    language = 'mermaid',\n    actionsRender,\n    shadow,\n    showLanguage = true,\n    style,\n    styles: customStyles,\n    theme,\n    variant = 'filled',\n    ...rest\n  }) => {\n    const tirmedChildren = children.trim();\n    const copyContentRef = useRef(tirmedChildren);\n\n    useEffect(() => {\n      copyContentRef.current = tirmedChildren;\n    }, [tirmedChildren]);\n\n    const getCopyContent = useCallback(() => copyContentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return (\n        <CopyButton content={getCopyContent} size={actionIconSize || { blockSize: 28, size: 16 }} />\n      );\n    }, [actionIconSize, copyable, getCopyContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize,\n        content: tirmedChildren,\n        getContent: getCopyContent,\n        originalNode: originalActions,\n      });\n    }, [actionIconSize, actionsRender, getCopyContent, originalActions, tirmedChildren]);\n\n    const defaultBody = useMemo(\n      () => (\n        <SyntaxMermaid\n          animated={animated}\n          className={classNames?.content}\n          style={customStyles?.content}\n          theme={theme}\n          variant={variant}\n        >\n          {tirmedChildren}\n        </SyntaxMermaid>\n      ),\n      [animated, theme, tirmedChildren, variant, classNames?.content, customStyles?.content],\n    );\n\n    const body = useMemo(() => {\n      if (!bodyRender) return defaultBody;\n      return bodyRender({ content: tirmedChildren, originalNode: defaultBody });\n    }, [bodyRender, defaultBody, tirmedChildren]);\n\n    if (fullFeatured)\n      return (\n        <FullFeatured\n          actionsRender={actionsRender}\n          className={className}\n          classNames={classNames}\n          content={tirmedChildren}\n          copyable={copyable}\n          defaultExpand={defaultExpand}\n          fileName={fileName}\n          language={language}\n          shadow={shadow}\n          showLanguage={showLanguage}\n          style={style}\n          styles={customStyles}\n          variant={variant}\n          {...rest}\n        >\n          {body}\n        </FullFeatured>\n      );\n\n    return (\n      <div\n        className={cx(variants({ shadow, variant }), className)}\n        data-code-type=\"mermaid\"\n        style={style}\n        {...rest}\n      >\n        <Flexbox horizontal align={'center'} className={styles.actions} flex={'none'} gap={4}>\n          {actions}\n        </Flexbox>\n        {showLanguage && <Tag className={styles.lang}>{language.toLowerCase()}</Tag>}\n        {body}\n      </div>\n    );\n  },\n);\n\nMermaid.displayName = 'Mermaid';\n\nexport default Mermaid;\n\nexport { type MermaidProps } from './type';\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,UAAU,MACb,EACC,gBACA,UACA,YACA,UACA,YACA,WACA,WAAW,MACX,gBAAgB,MAChB,UACA,cACA,WAAW,WACX,eACA,QACA,eAAe,MACf,OACA,QAAQ,cACR,OACA,UAAU,UACV,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,MAAM;CACtC,MAAM,iBAAiB,OAAO,eAAe;AAE7C,iBAAgB;AACd,iBAAe,UAAU;IACxB,CAAC,eAAe,CAAC;CAEpB,MAAM,iBAAiB,kBAAkB,eAAe,SAAS,EAAE,CAAC;CAEpE,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;AACtB,SACE,oBAACA;GAAW,SAAS;GAAgB,MAAM,kBAAkB;IAAE,WAAW;IAAI,MAAM;IAAI;IAAI;IAE7F;EAAC;EAAgB;EAAU;EAAe,CAAC;CAE9C,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB;GACA,SAAS;GACT,YAAY;GACZ,cAAc;GACf,CAAC;IACD;EAAC;EAAgB;EAAe;EAAgB;EAAiB;EAAe,CAAC;CAEpF,MAAM,cAAc,cAEhB,oBAACC;EACW;EACV,WAAW,YAAY;EACvB,OAAO,cAAc;EACd;EACE;YAER;GACa,EAElB;EAAC;EAAU;EAAO;EAAgB;EAAS,YAAY;EAAS,cAAc;EAAQ,CACvF;CAED,MAAM,OAAO,cAAc;AACzB,MAAI,CAAC,WAAY,QAAO;AACxB,SAAO,WAAW;GAAE,SAAS;GAAgB,cAAc;GAAa,CAAC;IACxE;EAAC;EAAY;EAAa;EAAe,CAAC;AAE7C,KAAI,aACF,QACE,oBAACC;EACgB;EACJ;EACC;EACZ,SAAS;EACC;EACK;EACL;EACA;EACF;EACM;EACP;EACP,QAAQ;EACC;EACT,GAAI;YAEH;GACY;AAGnB,QACE,qBAAC;EACC,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACR;EACP,GAAI;;GAEJ,oBAACC;IAAQ;IAAW,OAAO;IAAU,WAAW,OAAO;IAAS,MAAM;IAAQ,KAAK;cAChF;KACO;GACT,gBAAgB,oBAACC;IAAI,WAAW,OAAO;cAAO,SAAS,aAAa;KAAO;GAC3E;;GACG;EAGX;AAED,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"Mermaid.mjs","names":["FullFeatured","Flexbox"],"sources":["../../src/Mermaid/Mermaid.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { styles, variants } from '@/Highlighter/style';\nimport Tag from '@/Tag';\n\nimport FullFeatured from './FullFeatured';\nimport SyntaxMermaid from './SyntaxMermaid';\nimport type { MermaidProps } from './type';\n\nconst Mermaid = memo<MermaidProps>(\n  ({\n    actionIconSize,\n    animated,\n    bodyRender,\n    children,\n    classNames,\n    className,\n    copyable = true,\n    defaultExpand = true,\n    fileName,\n    fullFeatured,\n    language = 'mermaid',\n    actionsRender,\n    shadow,\n    showLanguage = true,\n    style,\n    styles: customStyles,\n    theme,\n    variant = 'filled',\n    ...rest\n  }) => {\n    const tirmedChildren = children.trim();\n    const copyContentRef = useRef(tirmedChildren);\n\n    useEffect(() => {\n      copyContentRef.current = tirmedChildren;\n    }, [tirmedChildren]);\n\n    const getCopyContent = useCallback(() => copyContentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return (\n        <CopyButton content={getCopyContent} size={actionIconSize || { blockSize: 28, size: 16 }} />\n      );\n    }, [actionIconSize, copyable, getCopyContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize,\n        content: tirmedChildren,\n        getContent: getCopyContent,\n        originalNode: originalActions,\n      });\n    }, [actionIconSize, actionsRender, getCopyContent, originalActions, tirmedChildren]);\n\n    const defaultBody = useMemo(\n      () => (\n        <SyntaxMermaid\n          animated={animated}\n          className={classNames?.content}\n          style={customStyles?.content}\n          theme={theme}\n          variant={variant}\n        >\n          {tirmedChildren}\n        </SyntaxMermaid>\n      ),\n      [animated, theme, tirmedChildren, variant, classNames?.content, customStyles?.content],\n    );\n\n    const body = useMemo(() => {\n      if (!bodyRender) return defaultBody;\n      return bodyRender({ content: tirmedChildren, originalNode: defaultBody });\n    }, [bodyRender, defaultBody, tirmedChildren]);\n\n    if (fullFeatured)\n      return (\n        <FullFeatured\n          actionsRender={actionsRender}\n          className={className}\n          classNames={classNames}\n          content={tirmedChildren}\n          copyable={copyable}\n          defaultExpand={defaultExpand}\n          fileName={fileName}\n          language={language}\n          shadow={shadow}\n          showLanguage={showLanguage}\n          style={style}\n          styles={customStyles}\n          variant={variant}\n          {...rest}\n        >\n          {body}\n        </FullFeatured>\n      );\n\n    return (\n      <div\n        className={cx(variants({ shadow, variant }), className)}\n        data-code-type=\"mermaid\"\n        style={style}\n        {...rest}\n      >\n        <Flexbox horizontal align={'center'} className={styles.actions} flex={'none'} gap={4}>\n          {actions}\n        </Flexbox>\n        {showLanguage && <Tag className={styles.lang}>{language.toLowerCase()}</Tag>}\n        {body}\n      </div>\n    );\n  },\n);\n\nMermaid.displayName = 'Mermaid';\n\nexport default Mermaid;\n\nexport { type MermaidProps } from './type';\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,UAAU,MACb,EACC,gBACA,UACA,YACA,UACA,YACA,WACA,WAAW,MACX,gBAAgB,MAChB,UACA,cACA,WAAW,WACX,eACA,QACA,eAAe,MACf,OACA,QAAQ,cACR,OACA,UAAU,UACV,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,MAAM;CACtC,MAAM,iBAAiB,OAAO,eAAe;AAE7C,iBAAgB;AACd,iBAAe,UAAU;IACxB,CAAC,eAAe,CAAC;CAEpB,MAAM,iBAAiB,kBAAkB,eAAe,SAAS,EAAE,CAAC;CAEpE,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;AACtB,SACE,oBAAC,YAAD;GAAY,SAAS;GAAgB,MAAM,kBAAkB;IAAE,WAAW;IAAI,MAAM;IAAI;GAAI,CAAA;IAE7F;EAAC;EAAgB;EAAU;EAAe,CAAC;CAE9C,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB;GACA,SAAS;GACT,YAAY;GACZ,cAAc;GACf,CAAC;IACD;EAAC;EAAgB;EAAe;EAAgB;EAAiB;EAAe,CAAC;CAEpF,MAAM,cAAc,cAEhB,oBAAC,eAAD;EACY;EACV,WAAW,YAAY;EACvB,OAAO,cAAc;EACd;EACE;YAER;EACa,CAAA,EAElB;EAAC;EAAU;EAAO;EAAgB;EAAS,YAAY;EAAS,cAAc;EAAQ,CACvF;CAED,MAAM,OAAO,cAAc;AACzB,MAAI,CAAC,WAAY,QAAO;AACxB,SAAO,WAAW;GAAE,SAAS;GAAgB,cAAc;GAAa,CAAC;IACxE;EAAC;EAAY;EAAa;EAAe,CAAC;AAE7C,KAAI,aACF,QACE,oBAACA,qBAAD;EACiB;EACJ;EACC;EACZ,SAAS;EACC;EACK;EACL;EACA;EACF;EACM;EACP;EACP,QAAQ;EACC;EACT,GAAI;YAEH;EACY,CAAA;AAGnB,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACR;EACP,GAAI;YAJN;GAME,oBAACC,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,WAAW,OAAO;IAAS,MAAM;IAAQ,KAAK;cAChF;IACO,CAAA;GACT,gBAAgB,oBAAC,KAAD;IAAK,WAAW,OAAO;cAAO,SAAS,aAAa;IAAO,CAAA;GAC3E;GACG;;EAGX;AAED,QAAQ,cAAc"}