@lobehub/ui 4.6.7 → 4.7.1

package/es/Accordion/Accordion.d.mts

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

package/es/Accordion/AccordionItem.d.mts

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

package/es/ActionIcon/ActionIcon.d.mts

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

package/es/ActionIconGroup/ActionIconGroup.mjs

@@ -1,8 +1,9 @@
 'use client';
 
 import Center_default from "../Flex/Center.mjs";
+import TooltipGroup_default from "../Tooltip/TooltipGroup.mjs";
 import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
-import Dropdown_default from "../Dropdown/Dropdown.mjs";
+import DropdownMenu_default from "../DropdownMenu/DropdownMenu.mjs";
 import { variants } from "./style.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,7 +13,18 @@ import { MoreHorizontal } from "lucide-react";
 //#region src/ActionIconGroup/ActionIconGroup.tsx
 const ActionIconGroup = ({ variant = "filled", disabled, shadow, glass, actionIconProps, items = [], horizontal = true, menu, onActionClick, className, size = "small", ref, ...rest }) => {
 	const tooltipPlacement = useMemo(() => actionIconProps?.tooltipProps?.placement || horizontal ? "top" : "right", [actionIconProps, horizontal]);
-	return /* @__PURE__ */ jsxs(Center_default, {
+	const menuItems = useMemo(() => {
+		const rawItems = typeof menu === "function" ? menu() : menu;
+		if (!rawItems) return [];
+		return rawItems.map((item) => ({
+			...item,
+			onClick: (info) => {
+				item?.onClick?.(info);
+				onActionClick?.(info);
+			}
+		}));
+	}, [menu, onActionClick]);
+	return /* @__PURE__ */ jsx(TooltipGroup_default, { children: /* @__PURE__ */ jsxs(Center_default, {
 		className: cx(variants({
 			disabled,
 			glass,
@@ -43,14 +55,8 @@ const ActionIconGroup = ({ variant = "filled", disabled, shadow, glass, actionIc
 				...actionIconProps,
 				disabled: disabled || loading || itemRest?.disabled
 			}, key);
-		}), menu && /* @__PURE__ */ jsx(Dropdown_default, {
-			menu: {
-				...menu,
-				onClick: (item) => {
-					onActionClick?.(item);
-				}
-			},
-			trigger: ["click"],
+		}), menu && /* @__PURE__ */ jsx(DropdownMenu_default, {
+			items: menuItems,
 			children: /* @__PURE__ */ jsx(ActionIcon_default, {
 				disabled,
 				icon: MoreHorizontal,
@@ -62,7 +68,7 @@ const ActionIconGroup = ({ variant = "filled", disabled, shadow, glass, actionIc
 				}
 			}, "more")
 		})]
-	});
+	}) });
 };
 ActionIconGroup.displayName = "ActionIconGroup";
 var ActionIconGroup_default = ActionIconGroup;

package/es/ActionIconGroup/ActionIconGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIconGroup.mjs","names":["ActionIconGroup: FC<ActionIconGroupProps>","Center","ActionIcon","Dropdown"],"sources":["../../src/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { MoreHorizontal } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Dropdown from '@/Dropdown';\nimport { Center } from '@/Flex';\n\nimport { variants } from './style';\nimport type { ActionIconGroupProps } from './type';\n\nconst ActionIconGroup: FC<ActionIconGroupProps> = ({\n  variant = 'filled',\n  disabled,\n  shadow,\n  glass,\n  actionIconProps,\n  items = [],\n  horizontal = true,\n  menu,\n  onActionClick,\n  className,\n  size = 'small',\n  ref,\n  ...rest\n}) => {\n  const tooltipPlacement = useMemo(\n    () => (actionIconProps?.tooltipProps?.placement || horizontal ? 'top' : 'right'),\n    [actionIconProps, horizontal],\n  );\n\n  return (\n    <Center\n      className={cx(variants({ disabled, glass, shadow, variant }), className)}\n      horizontal={horizontal}\n      padding={2}\n      ref={ref}\n      {...rest}\n    >\n      {items?.length > 0 &&\n        items.map((item) => {\n          const { icon, key, label, onClick, danger, loading, ...itemRest } = item;\n          return (\n            <ActionIcon\n              danger={danger}\n              icon={icon}\n              key={key}\n              loading={loading}\n              onClick={(e) => {\n                onActionClick?.({\n                  domEvent: e,\n                  key: String(key),\n                  keyPath: [String(key)],\n                });\n                onClick?.(e as any);\n              }}\n              size={size}\n              title={label}\n              tooltipProps={{\n                placement: tooltipPlacement,\n              }}\n              {...actionIconProps}\n              disabled={disabled || loading || itemRest?.disabled}\n            />\n          );\n        })}\n      {menu && (\n        <Dropdown\n          menu={{\n            ...menu,\n            onClick: (item) => {\n              onActionClick?.(item);\n            },\n          }}\n          trigger={['click']}\n        >\n          <ActionIcon\n            disabled={disabled}\n            icon={MoreHorizontal}\n            key=\"more\"\n            size={size}\n            {...actionIconProps}\n            tooltipProps={{\n              placement: tooltipPlacement,\n              ...actionIconProps?.tooltipProps,\n            }}\n          />\n        </Dropdown>\n      )}\n    </Center>\n  );\n};\n\nActionIconGroup.displayName = 'ActionIconGroup';\n\nexport default ActionIconGroup;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,mBAA6C,EACjD,UAAU,UACV,UACA,QACA,OACA,iBACA,QAAQ,EAAE,EACV,aAAa,MACb,MACA,eACA,WACA,OAAO,SACP,KACA,GAAG,WACC;CACJ,MAAM,mBAAmB,cAChB,iBAAiB,cAAc,aAAa,aAAa,QAAQ,SACxE,CAAC,iBAAiB,WAAW,CAC9B;AAED,QACE,qBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAU;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EAC5D;EACZ,SAAS;EACJ;EACL,GAAI;aAEH,OAAO,SAAS,KACf,MAAM,KAAK,SAAS;GAClB,MAAM,EAAE,MAAM,KAAK,OAAO,SAAS,QAAQ,SAAS,GAAG,aAAa;AACpE,UACE,oBAACC;IACS;IACF;IAEG;IACT,UAAU,MAAM;AACd,qBAAgB;MACd,UAAU;MACV,KAAK,OAAO,IAAI;MAChB,SAAS,CAAC,OAAO,IAAI,CAAC;MACvB,CAAC;AACF,eAAU,EAAS;;IAEf;IACN,OAAO;IACP,cAAc,EACZ,WAAW,kBACZ;IACD,GAAI;IACJ,UAAU,YAAY,WAAW,UAAU;MAhBtC,IAiBL;IAEJ,EACH,QACC,oBAACC;GACC,MAAM;IACJ,GAAG;IACH,UAAU,SAAS;AACjB,qBAAgB,KAAK;;IAExB;GACD,SAAS,CAAC,QAAQ;aAElB,oBAACD;IACW;IACV,MAAM;IAEA;IACN,GAAI;IACJ,cAAc;KACZ,WAAW;KACX,GAAG,iBAAiB;KACrB;MANG,OAOJ;IACO;GAEN;;AAIb,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"version":3,"file":"ActionIconGroup.mjs","names":["ActionIconGroup: FC<ActionIconGroupProps>","TooltipGroup","Center","ActionIcon","DropdownMenu"],"sources":["../../src/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { MoreHorizontal } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Center } from '@/Flex';\nimport { TooltipGroup } from '@/Tooltip';\n\nimport { variants } from './style';\nimport type { ActionIconGroupProps } from './type';\n\nconst ActionIconGroup: FC<ActionIconGroupProps> = ({\n  variant = 'filled',\n  disabled,\n  shadow,\n  glass,\n  actionIconProps,\n  items = [],\n  horizontal = true,\n  menu,\n  onActionClick,\n  className,\n  size = 'small',\n  ref,\n  ...rest\n}) => {\n  const tooltipPlacement = useMemo(\n    () => (actionIconProps?.tooltipProps?.placement || horizontal ? 'top' : 'right'),\n    [actionIconProps, horizontal],\n  );\n\n  const menuItems = useMemo(() => {\n    const rawItems = typeof menu === 'function' ? menu() : menu;\n    if (!rawItems) return [];\n    return rawItems.map((item) => ({\n      ...(item as any),\n      onClick: (info: any) => {\n        (item as any)?.onClick?.(info);\n        onActionClick?.(info);\n      },\n    }));\n  }, [menu, onActionClick]);\n\n  return (\n    <TooltipGroup>\n      <Center\n        className={cx(variants({ disabled, glass, shadow, variant }), className)}\n        horizontal={horizontal}\n        padding={2}\n        ref={ref}\n        {...rest}\n      >\n        {items?.length > 0 &&\n          items.map((item) => {\n            const { icon, key, label, onClick, danger, loading, ...itemRest } = item;\n            return (\n              <ActionIcon\n                danger={danger}\n                icon={icon}\n                key={key}\n                loading={loading}\n                onClick={(e) => {\n                  onActionClick?.({\n                    domEvent: e,\n                    key: String(key),\n                    keyPath: [String(key)],\n                  });\n                  onClick?.(e as any);\n                }}\n                size={size}\n                title={label}\n                tooltipProps={{\n                  placement: tooltipPlacement,\n                }}\n                {...actionIconProps}\n                disabled={disabled || loading || itemRest?.disabled}\n              />\n            );\n          })}\n        {menu && (\n          <DropdownMenu items={menuItems}>\n            <ActionIcon\n              disabled={disabled}\n              icon={MoreHorizontal}\n              key=\"more\"\n              size={size}\n              {...actionIconProps}\n              tooltipProps={{\n                placement: tooltipPlacement,\n                ...actionIconProps?.tooltipProps,\n              }}\n            />\n          </DropdownMenu>\n        )}\n      </Center>\n    </TooltipGroup>\n  );\n};\n\nActionIconGroup.displayName = 'ActionIconGroup';\n\nexport default ActionIconGroup;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAMA,mBAA6C,EACjD,UAAU,UACV,UACA,QACA,OACA,iBACA,QAAQ,EAAE,EACV,aAAa,MACb,MACA,eACA,WACA,OAAO,SACP,KACA,GAAG,WACC;CACJ,MAAM,mBAAmB,cAChB,iBAAiB,cAAc,aAAa,aAAa,QAAQ,SACxE,CAAC,iBAAiB,WAAW,CAC9B;CAED,MAAM,YAAY,cAAc;EAC9B,MAAM,WAAW,OAAO,SAAS,aAAa,MAAM,GAAG;AACvD,MAAI,CAAC,SAAU,QAAO,EAAE;AACxB,SAAO,SAAS,KAAK,UAAU;GAC7B,GAAI;GACJ,UAAU,SAAc;AACtB,IAAC,MAAc,UAAU,KAAK;AAC9B,oBAAgB,KAAK;;GAExB,EAAE;IACF,CAAC,MAAM,cAAc,CAAC;AAEzB,QACE,oBAACC,kCACC,qBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAU;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EAC5D;EACZ,SAAS;EACJ;EACL,GAAI;aAEH,OAAO,SAAS,KACf,MAAM,KAAK,SAAS;GAClB,MAAM,EAAE,MAAM,KAAK,OAAO,SAAS,QAAQ,SAAS,GAAG,aAAa;AACpE,UACE,oBAACC;IACS;IACF;IAEG;IACT,UAAU,MAAM;AACd,qBAAgB;MACd,UAAU;MACV,KAAK,OAAO,IAAI;MAChB,SAAS,CAAC,OAAO,IAAI,CAAC;MACvB,CAAC;AACF,eAAU,EAAS;;IAEf;IACN,OAAO;IACP,cAAc,EACZ,WAAW,kBACZ;IACD,GAAI;IACJ,UAAU,YAAY,WAAW,UAAU;MAhBtC,IAiBL;IAEJ,EACH,QACC,oBAACC;GAAa,OAAO;aACnB,oBAACD;IACW;IACV,MAAM;IAEA;IACN,GAAI;IACJ,cAAc;KACZ,WAAW;KACX,GAAG,iBAAiB;KACrB;MANG,OAOJ;IACW;GAEV,GACI;;AAInB,gBAAgB,cAAc;AAE9B,8BAAe"}

package/es/ActionIconGroup/type.d.mts

@@ -4,8 +4,8 @@ import { ActionIconProps } from "../ActionIcon/type.mjs";
 import "../ActionIcon/index.mjs";
 import { MenuInfo, MenuItemType } from "../Menu/type.mjs";
 import "../Menu/index.mjs";
-import { DropdownProps } from "../Dropdown/type.mjs";
-import "../Dropdown/index.mjs";
+import { DropdownMenuProps } from "../DropdownMenu/type.mjs";
+import "../DropdownMenu/index.mjs";
 import { Ref } from "react";
 
 //#region src/ActionIconGroup/type.d.ts
@@ -15,7 +15,7 @@ interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {
   disabled?: boolean;
   glass?: boolean;
   items?: MenuItemType[];
-  menu?: DropdownProps['menu'];
+  menu?: DropdownMenuProps['items'];
   onActionClick?: (action: ActionIconGroupEvent) => void;
   ref?: Ref<HTMLDivElement>;
   shadow?: boolean;

package/es/Alert/Alert.d.mts

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

package/es/AutoComplete/Select.d.mts

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

package/es/Avatar/AvatarGroup/index.d.mts

@@ -1,8 +1,8 @@
 import { AvatarGroupProps } from "../type.mjs";
-import * as react34 from "react";
+import * as react56 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react34.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react56.NamedExoticComponent<AvatarGroupProps>;
 //#endregion
 export { AvatarGroup };
 //# sourceMappingURL=index.d.mts.map

package/es/Burger/Burger.d.mts

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

package/es/CodeEditor/CodeEditor.d.mts

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

package/es/Collapse/Collapse.d.mts

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

package/es/ConfigProvider/index.d.mts

@@ -1,7 +1,7 @@
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { TranslationResourcesInput } from "../i18n/types.mjs";
 import { CDN, CdnApi } from "../utils/genCdnUrl.mjs";
-import * as react67 from "react";
+import * as react62 from "react";
 import { ElementType, ReactNode } from "react";
 
 //#region src/ConfigProvider/index.d.ts
@@ -19,7 +19,7 @@ interface ConfigProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const ConfigProvider: react67.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react62.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react108 from "react";
+import * as react109 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react108.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
+declare const ContextMenuHost: react109.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
 //#endregion
 export { ContextMenuHost };
 //# sourceMappingURL=ContextMenuHost.d.mts.map

package/es/ContextMenu/ContextMenuHost.mjs

@@ -3,8 +3,8 @@
 import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
 import { TOOLTIP_CONTAINER_ATTR } from "../Tooltip/TooltipPortal.mjs";
 import { preventDefaultAndStopPropagation } from "../utils/dom.mjs";
-import { useIsClient } from "../hooks/useIsClient.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
+import { useIsClient } from "../hooks/useIsClient.mjs";
 import { renderContextMenuItems } from "./renderItems.mjs";
 import { closeContextMenu, getServerSnapshot, getSnapshot, setContextMenuState, subscribe, updateLastPointer } from "./store.mjs";
 import { memo, useEffect, useMemo, useSyncExternalStore } from "react";

package/es/ContextMenu/ContextMenuTrigger.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from "./store.mjs";
 import { CLASSNAMES } from "../styles/classNames.mjs";
+import { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from "./store.mjs";
 import React, { cloneElement, isValidElement, memo, useCallback, useId, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

package/es/CopyButton/CopyButton.d.mts

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

package/es/DatePicker/DatePicker.d.mts

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

package/es/DraggablePanel/components/DraggablePanelBody.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react45 from "react";
+import * as react47 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react45.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react47.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelBody, DraggablePanelBodyProps };
 //# sourceMappingURL=DraggablePanelBody.d.mts.map

package/es/DraggablePanel/components/DraggablePanelContainer.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react46 from "react";
+import * as react48 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react46.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react48.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelContainer, DraggablePanelContainerProps };
 //# sourceMappingURL=DraggablePanelContainer.d.mts.map

package/es/DraggablePanel/components/DraggablePanelFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react47 from "react";
+import * as react49 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react47.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react49.NamedExoticComponent<DivProps>;
 //#endregion
 export { DraggablePanelFooter, DraggablePanelFooterProps };
 //# sourceMappingURL=DraggablePanelFooter.d.mts.map

package/es/DraggablePanel/components/DraggablePanelHeader.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react48 from "react";
+import * as react50 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelHeader.d.ts
 interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
@@ -9,7 +9,7 @@ interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
   setPin?: (pin: boolean) => void;
   title?: string;
 }
-declare const DraggablePanelHeader: react48.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react50.NamedExoticComponent<DraggablePanelHeaderProps>;
 //#endregion
 export { DraggablePanelHeader, DraggablePanelHeaderProps };
 //# sourceMappingURL=DraggablePanelHeader.d.mts.map

package/es/DraggableSideNav/DraggableSideNav.d.mts

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

package/es/Drawer/Drawer.d.mts

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

package/es/Dropdown/Dropdown.d.mts

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

package/es/DropdownMenu/DropdownMenu.d.mts

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

package/es/DropdownMenu/DropdownMenu.mjs

@@ -1,17 +1,17 @@
 'use client';
 
 import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
+import { CLASSNAMES } from "../styles/classNames.mjs";
 import { TOOLTIP_CONTAINER_ATTR } from "../Tooltip/TooltipPortal.mjs";
-import { useIsClient } from "../hooks/useIsClient.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
-import { CLASSNAMES } from "../styles/classNames.mjs";
+import { useIsClient } from "../hooks/useIsClient.mjs";
 import { renderDropdownMenuItems } from "./renderItems.mjs";
 import { cloneElement, isValidElement, memo, useCallback, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
+import { Menu } from "@base-ui/react/menu";
 import { mergeProps } from "@base-ui/react/merge-props";
 import clsx from "clsx";
-import { Menu } from "@base-ui/react/menu";
 
 //#region src/DropdownMenu/DropdownMenu.tsx
 const placementMap = {

package/es/EditableText/EditableText.d.mts

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

package/es/EmojiPicker/EmojiPicker.d.mts

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

package/es/Flex/FlexBasic.d.mts

@@ -1,8 +1,8 @@
 import { FlexBasicProps } from "./type.mjs";
-import * as react53 from "react";
+import * as react39 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react53.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react39.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react70 from "react";
+import * as react66 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react70.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react66.NamedExoticComponent<FontLoaderProps>;
 //#endregion
 export { FontLoader, FontLoaderProps };
 //# sourceMappingURL=index.d.mts.map

package/es/Footer/Footer.d.mts

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

package/es/Form/components/FormGroup.d.mts

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

package/es/Form/components/FormItem.d.mts

@@ -1,8 +1,8 @@
 import { FormItemProps } from "../type.mjs";
-import * as react51 from "react";
+import * as react34 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react51.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react34.NamedExoticComponent<FormItemProps>;
 //#endregion
 export { FormItem };
 //# sourceMappingURL=FormItem.d.mts.map

package/es/Form/components/FormSubmitFooter.d.mts

@@ -1,8 +1,8 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-import * as react52 from "react";
+import * as react35 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react52.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react35.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/FormModal/FormModal.d.mts

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

package/es/GuideCard/GuideCard.d.mts

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

package/es/Header/Header.d.mts

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

package/es/Highlighter/Highlighter.d.mts

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

package/es/Highlighter/SyntaxHighlighter/index.d.mts

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

package/es/Hotkey/Hotkey.d.mts

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

package/es/HotkeyInput/HotkeyInput.d.mts

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

package/es/Icon/Icon.d.mts

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

package/es/Icon/components/IconProvider.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react7 from "react";
+import * as react31 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react7.Context<IconContentConfig>;
-declare const IconProvider: react7.NamedExoticComponent<{
+declare const IconContext: react31.Context<IconContentConfig>;
+declare const IconProvider: react31.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;