@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Menu/Menu.mjs

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

package/es/Menu/Menu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.mjs","names":["Menu","AntdMenu"],"sources":["../../src/Menu/Menu.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider, Menu as AntdMenu } from 'antd';\nimport { cx, useTheme } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { IconProvider } from '@/Icon';\nimport { mapItems } from '@/Menu/utils';\n\nimport { variants } 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 theme = useTheme();\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,QAAQ,SAAS;CAEvB,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;CAE5E,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,YAAY,EACV,MAAM;GACJ,iBAAiB;GACjB,qBAAqB;GACrB,UAAU;GACV,cAAc,MAAM,aAAa,MAAM,sBAAsB,MAAM;GACnE,kBAAkB,MAAM;GACxB,WAAW,MAAM;GACjB,aAAa,MAAM;GACnB,iBAAiB;GACjB,kBAAkB;GAClB,gBAAgB,MAAM;EACxB,EACF,EACF;EAEA,UAAA,oBAAC,cAAD;GACE,QAAQ;IACN,MAAM;IACN,GAAG;GACL;GAEA,UAAA,oBAACC,MAAD;IACE,WAAW,GAAG,SAAS;KAAE;KAAS;KAAQ;IAAQ,CAAC,GAAG,SAAS;IAC/D,cAAc;IACd,OAAO;IACP,MAAK;IACA;IACO;IACZ,GAAI;GACL,CAAA;EACW,CAAA;CACA,CAAA;AAEpB,CACF;AAEA,OAAK,cAAc"}

package/es/Menu/baseItem.d.mts

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

package/es/Menu/checkboxItem.d.mts

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

package/es/Menu/index.d.mts

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

package/es/Menu/index.mjs

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

package/es/Menu/itemInterface.d.mts

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

package/es/Menu/renderUtils.d.mts

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

package/es/Menu/renderUtils.mjs

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

package/es/Menu/renderUtils.mjs.map

@@ -1 +0,0 @@
-{"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;CACtE,IAAI,QAAQ,SAAS,QAAQ,KAAK,QAAQ,KAAA,GAAW,OAAO,KAAK;CACjE,OAAO;AACT;AAQA,MAAa,gBACX,SACc;CACd,IAAI,KAAK,UAAU,KAAA,GAAW,OAAO,KAAK;CAC1C,IAAI,WAAW,QAAQ,KAAK,UAAU,KAAA,GAAW,OAAO,KAAK;CAC7D,OAAO,KAAK;AACd;AAEA,MAAa,cAAc,MAA4B,SAA+B;CACpF,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,eAAe,IAAI,GAAG,OAAO;CACjC,OAAO,oBAAC,MAAD;EAAY;EAAY;CAAO,CAAA;AACxC;AAEA,MAAa,cAAc,OAA2B,YAAY,UAAmB;CACnF,OAAO,MAAM,MAAM,SAAS;EAC1B,IAAI,CAAC,MAAM,OAAO;EAClB,IAAK,KAA8B,SAAS,YAAY,OAAO;EAC/D,IAAI,UAAU,QAAQ,KAAK,MAAM,OAAO;EACxC,IAAI,aAAa,cAAc,QAAQ,KAAK,UAC1C,OAAO,WAAW,KAAK,UAAgC,IAAI;EAE7D,OAAO;CACT,CAAC;AACH;AAEA,MAAa,sBAAsB,UAAuC;CACxE,IAAI,cAAc;CAClB,IAAI,UAAU;CACd,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,CAAC,MAAM;EACX,IAAK,KAA8B,SAAS,YAC1C,cAAc;EAEhB,IAAI,UAAU,QAAQ,KAAK,MACzB,UAAU;EAEZ,IAAI,eAAe,SAAS,OAAO;CACrC;CACA,OAAO;AACT"}

package/es/Menu/style.mjs

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

package/es/Menu/style.mjs.map

@@ -1 +0,0 @@
-{"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;;;KAIL;CACA,SAAS,GAAG;;;;;;;CAOZ,QAAQA,cAAkB;CAC1B,UAAUA,cAAkB;CAC5B,MAAM,GAAG;;;;;;uBAMY,OAAO,eAAe;;;;;;;;;;;;;;;;;CAiB3C,QAAQA,cAAkB;AAC5B,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Menu/switchItem.d.mts

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

package/es/Menu/type.d.mts

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

package/es/Menu/utils.d.mts

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

package/es/Menu/utils.mjs

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

package/es/Menu/utils.mjs.map

@@ -1 +0,0 @@
-{"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;CACxD,QAAQ,MAAM,MAAd;EACE,KAAK,WACH,OAAO;EAET,KAAK,SAAS;GACZ,MAAM,EAAE,UAAU,GAAG,SAAS;GAC9B,OAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAM,SAAS,CAAC,CAAC,IAAI,KAAA;IACzD,GAAG;GACL;EACF;EACA,SAAS;GACP,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS;GACpC,OAAO;IACL,UAAU,WAAW,UAAU,KAAK,MAAW,SAAS,CAAC,CAAC,IAAI,KAAA;IAC9D,MAAM,OAAO,eAAe,IAAI,IAAI,OAAO,oBAAC,MAAD;KAAY;KAAM,MAAM;IAAU,CAAA,IAAI,KAAA;IACjF,GAAG;GACL;EACF;CACF;AACF"}

package/es/Modal/ModalProvider.d.mts

@@ -1,11 +0,0 @@
-import { ModalContextValue } from "./type.mjs";
-import { ReactNode } from "react";
-//#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: import("react").NamedExoticComponent<{
-  children: ReactNode;
-  value: ModalContextValue;
-}>;
-declare const useModalContext: () => ModalContextValue;
-//#endregion
-export { ModalProvider, useModalContext };
-//# sourceMappingURL=ModalProvider.d.mts.map

package/es/Modal/ModalProvider.mjs

@@ -1,21 +0,0 @@
-"use client";
-import { createContext, memo, use } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Modal/ModalProvider.tsx
-const ModalContext = createContext({
-	close: () => void 0,
-	setCanDismissByClickOutside: () => void 0
-});
-const ModalProvider = memo(({ children, value }) => {
-	return /* @__PURE__ */ jsx(ModalContext, {
-		value,
-		children
-	});
-});
-const useModalContext = () => {
-	return use(ModalContext);
-};
-//#endregion
-export { ModalContext, ModalProvider, useModalContext };
-
-//# sourceMappingURL=ModalProvider.mjs.map

package/es/Modal/ModalProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalProvider.mjs","names":[],"sources":["../../src/Modal/ModalProvider.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, memo, use } from 'react';\n\nimport type { ModalContextValue } from './type';\n\nexport const ModalContext = createContext<ModalContextValue>({\n  close: () => undefined,\n  setCanDismissByClickOutside: () => undefined,\n});\n\nexport const ModalProvider = memo<{ children: ReactNode; value: ModalContextValue }>(\n  ({ children, value }) => {\n    return <ModalContext value={value}>{children}</ModalContext>;\n  },\n);\n\nexport const useModalContext = () => {\n  return use(ModalContext);\n};\n"],"mappings":";;;;AAOA,MAAa,eAAe,cAAiC;CAC3D,aAAa,KAAA;CACb,mCAAmC,KAAA;AACrC,CAAC;AAED,MAAa,gBAAgB,MAC1B,EAAE,UAAU,YAAY;CACvB,OAAO,oBAAC,cAAD;EAAqB;EAAQ;CAAuB,CAAA;AAC7D,CACF;AAEA,MAAa,wBAAwB;CACnC,OAAO,IAAI,YAAY;AACzB"}

package/es/Modal/ModalStackItem.mjs

@@ -1,53 +0,0 @@
-"use client";
-import { useEventCallback } from "../hooks/useEventCallback.mjs";
-import Modal from "./Modal.mjs";
-import { ModalProvider } from "./ModalProvider.mjs";
-import { memo, useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Modal/ModalStackItem.tsx
-const noop = () => {};
-const ModalStackItem = memo(({ id, props, onClose, onUpdate, onDestroy }) => {
-	const { afterClose, afterOpenChange, children, onCancel, open, ...rest } = props;
-	const stableAfterClose = useEventCallback(afterClose ?? noop);
-	const stableAfterOpenChange = useEventCallback(afterOpenChange ?? noop);
-	const stableOnCancel = useEventCallback(onCancel ?? noop);
-	const close = useEventCallback(() => onClose(id));
-	const setCanDismissByClickOutside = useEventCallback((value) => onUpdate(id, { mask: { closable: value } }));
-	const stableContextValue = useMemo(() => ({
-		close,
-		setCanDismissByClickOutside
-	}), [close, setCanDismissByClickOutside]);
-	return /* @__PURE__ */ jsx(Modal, {
-		...rest,
-		open: open ?? true,
-		afterClose: useCallback(() => {
-			stableAfterClose?.();
-			onDestroy(id);
-		}, [
-			stableAfterClose,
-			onDestroy,
-			id
-		]),
-		afterOpenChange: useCallback((nextOpen) => {
-			stableAfterOpenChange?.(nextOpen);
-			if (!nextOpen) onDestroy(id);
-		}, [
-			stableAfterOpenChange,
-			onDestroy,
-			id
-		]),
-		onCancel: useCallback((e) => {
-			stableOnCancel?.(e);
-			close();
-		}, [stableOnCancel, close]),
-		children: /* @__PURE__ */ jsx(ModalProvider, {
-			value: stableContextValue,
-			children
-		})
-	});
-});
-ModalStackItem.displayName = "ModalStackItem";
-//#endregion
-export { ModalStackItem };
-
-//# sourceMappingURL=ModalStackItem.mjs.map

package/es/Modal/ModalStackItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalStackItem.mjs","names":[],"sources":["../../src/Modal/ModalStackItem.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport Modal from './Modal';\nimport { ModalProvider } from './ModalProvider';\nimport type { ImperativeModalProps } from './type';\n\nexport type ModalStackItemProps = {\n  id: string;\n  onClose: (id: string) => void;\n  onDestroy: (id: string) => void;\n  onUpdate: (id: string, nextProps: Partial<ImperativeModalProps>) => void;\n  props: ImperativeModalProps;\n};\n\nconst noop = () => {};\nexport const ModalStackItem = memo(\n  ({ id, props, onClose, onUpdate, onDestroy }: ModalStackItemProps) => {\n    const { afterClose, afterOpenChange, children, onCancel, open, ...rest } = props;\n    const stableAfterClose = useEventCallback(afterClose ?? noop);\n    const stableAfterOpenChange = useEventCallback(afterOpenChange ?? noop);\n    const stableOnCancel = useEventCallback(onCancel ?? noop);\n    const close = useEventCallback(() => onClose(id));\n    const setCanDismissByClickOutside = useEventCallback((value: boolean) =>\n      onUpdate(id, { mask: { closable: value } }),\n    );\n    const stableContextValue = useMemo(\n      () => ({ close, setCanDismissByClickOutside }),\n      [close, setCanDismissByClickOutside],\n    );\n\n    return (\n      <Modal\n        {...rest}\n        open={open ?? true}\n        afterClose={useCallback(() => {\n          stableAfterClose?.();\n          onDestroy(id);\n        }, [stableAfterClose, onDestroy, id])}\n        afterOpenChange={useCallback(\n          (nextOpen: boolean) => {\n            stableAfterOpenChange?.(nextOpen);\n            if (!nextOpen) onDestroy(id);\n          },\n          [stableAfterOpenChange, onDestroy, id],\n        )}\n        onCancel={useCallback(\n          (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>) => {\n            stableOnCancel?.(e);\n            close();\n          },\n          [stableOnCancel, close],\n        )}\n      >\n        <ModalProvider value={stableContextValue}>{children}</ModalProvider>\n      </Modal>\n    );\n  },\n);\n\nModalStackItem.displayName = 'ModalStackItem';\n"],"mappings":";;;;;;;AAkBA,MAAM,aAAa,CAAC;AACpB,MAAa,iBAAiB,MAC3B,EAAE,IAAI,OAAO,SAAS,UAAU,gBAAqC;CACpE,MAAM,EAAE,YAAY,iBAAiB,UAAU,UAAU,MAAM,GAAG,SAAS;CAC3E,MAAM,mBAAmB,iBAAiB,cAAc,IAAI;CAC5D,MAAM,wBAAwB,iBAAiB,mBAAmB,IAAI;CACtE,MAAM,iBAAiB,iBAAiB,YAAY,IAAI;CACxD,MAAM,QAAQ,uBAAuB,QAAQ,EAAE,CAAC;CAChD,MAAM,8BAA8B,kBAAkB,UACpD,SAAS,IAAI,EAAE,MAAM,EAAE,UAAU,MAAM,EAAE,CAAC,CAC5C;CACA,MAAM,qBAAqB,eAClB;EAAE;EAAO;CAA4B,IAC5C,CAAC,OAAO,2BAA2B,CACrC;CAEA,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,MAAM,QAAQ;EACd,YAAY,kBAAkB;GAC5B,mBAAmB;GACnB,UAAU,EAAE;EACd,GAAG;GAAC;GAAkB;GAAW;EAAE,CAAC;EACpC,iBAAiB,aACd,aAAsB;GACrB,wBAAwB,QAAQ;GAChC,IAAI,CAAC,UAAU,UAAU,EAAE;EAC7B,GACA;GAAC;GAAuB;GAAW;EAAE,CACvC;EACA,UAAU,aACP,MAA8E;GAC7E,iBAAiB,CAAC;GAClB,MAAM;EACR,GACA,CAAC,gBAAgB,KAAK,CACxB;EAEA,UAAA,oBAAC,eAAD;GAAe,OAAO;GAAqB;EAAwB,CAAA;CAC9D,CAAA;AAEX,CACF;AAEA,eAAe,cAAc"}