@lobehub/ui 4.6.4 → 4.6.6

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react41 from "react";
+import * as react47 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react41.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react47.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 react42 from "react";
+import * as react46 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react42.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react46.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 react40 from "react";
+import * as react35 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react40.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react35.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { ActionIcon };
 //# sourceMappingURL=ActionIcon.d.mts.map

package/es/Alert/Alert.d.mts

@@ -1,8 +1,8 @@
 import { AlertProps } from "./type.mjs";
-import * as react44 from "react";
+import * as react45 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react44.NamedExoticComponent<AlertProps>;
+declare const Alert: react45.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 react38 from "react";
+import * as react44 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react38.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react44.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 react37 from "react";
+import * as react41 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react37.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react41.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 react39 from "react";
+import * as react42 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react39.NamedExoticComponent<BurgerProps>;
+declare const Burger: react42.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 react46 from "react";
+import * as react40 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react46.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react40.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 react45 from "react";
+import * as react39 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react45.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react39.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 react55 from "react";
+import * as react54 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: react55.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react54.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react78 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: react78.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/ContextMenuTrigger.mjs

@@ -1,9 +1,11 @@
 'use client';
 
 import { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from "./store.mjs";
+import { CLASSNAMES } from "../styles/classNames.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";
+import clsx from "clsx";
 
 //#region src/ContextMenu/ContextMenuTrigger.tsx
 const styles = { trigger: { display: "contents" } };
@@ -21,6 +23,7 @@ const ContextMenuTrigger = memo(({ children, items, onContextMenu, ...rest }) =>
 	const triggerProps = {
 		...rest,
 		"aria-expanded": open || void 0,
+		"className": clsx(CLASSNAMES.ContextTrigger, rest.className),
 		"data-contextmenu-trigger": triggerId,
 		"data-popup-open": open ? "" : void 0,
 		"data-state": open ? "open" : void 0,

package/es/ContextMenu/ContextMenuTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.mjs","names":[],"sources":["../../src/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport React, {\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n  memo,\n  useCallback,\n  useId,\n  useSyncExternalStore,\n} from 'react';\n\nimport type { GenericItemType } from '@/Menu';\n\nimport { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from './store';\n\nexport type ContextMenuTriggerProps = {\n  children: ReactNode;\n  /**\n   * Menu items to display. Supports lazy rendering via function.\n   * When provided, context menu will be automatically shown on right-click.\n   */\n  items?: GenericItemType[] | (() => GenericItemType[]);\n  /**\n   * Custom context menu handler. If `items` is provided, this is optional.\n   */\n  onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n} & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;\n\nconst styles = {\n  trigger: {\n    display: 'contents',\n  },\n};\n\nexport const ContextMenuTrigger = memo<ContextMenuTriggerProps>(\n  ({ children, items, onContextMenu, ...rest }) => {\n    const triggerId = useId();\n    const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n    const open = state.open && state.triggerId === triggerId;\n\n    const handleContextMenu = useCallback(\n      (event: MouseEvent<HTMLElement>) => {\n        if (items) {\n          event.preventDefault();\n          const resolvedItems = typeof items === 'function' ? items() : items;\n          showContextMenu(resolvedItems);\n        }\n        onContextMenu?.(event);\n      },\n      [items, onContextMenu],\n    );\n\n    const triggerProps = {\n      ...rest,\n      'aria-expanded': open || undefined,\n      'data-contextmenu-trigger': triggerId,\n      'data-popup-open': open ? '' : undefined,\n      'data-state': open ? 'open' : undefined,\n      'onContextMenu': handleContextMenu,\n    };\n\n    if (isValidElement(children) && React.Children.only(children)) {\n      return cloneElement(children, mergeProps(children.props as any, triggerProps));\n    }\n\n    return (\n      <span style={styles.trigger} {...triggerProps}>\n        {children}\n      </span>\n    );\n  },\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n"],"mappings":";;;;;;;;AAgCA,MAAM,SAAS,EACb,SAAS,EACP,SAAS,YACV,EACF;AAED,MAAa,qBAAqB,MAC/B,EAAE,UAAU,OAAO,eAAe,GAAG,WAAW;CAC/C,MAAM,YAAY,OAAO;CACzB,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;CAC7E,MAAM,OAAO,MAAM,QAAQ,MAAM,cAAc;CAE/C,MAAM,oBAAoB,aACvB,UAAmC;AAClC,MAAI,OAAO;AACT,SAAM,gBAAgB;AAEtB,mBADsB,OAAO,UAAU,aAAa,OAAO,GAAG,MAChC;;AAEhC,kBAAgB,MAAM;IAExB,CAAC,OAAO,cAAc,CACvB;CAED,MAAM,eAAe;EACnB,GAAG;EACH,iBAAiB,QAAQ;EACzB,4BAA4B;EAC5B,mBAAmB,OAAO,KAAK;EAC/B,cAAc,OAAO,SAAS;EAC9B,iBAAiB;EAClB;AAED,KAAI,eAAe,SAAS,IAAI,MAAM,SAAS,KAAK,SAAS,CAC3D,QAAO,aAAa,UAAU,WAAW,SAAS,OAAc,aAAa,CAAC;AAGhF,QACE,oBAAC;EAAK,OAAO,OAAO;EAAS,GAAI;EAC9B;GACI;EAGZ;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"ContextMenuTrigger.mjs","names":[],"sources":["../../src/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport clsx from 'clsx';\nimport React, {\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n  memo,\n  useCallback,\n  useId,\n  useSyncExternalStore,\n} from 'react';\n\nimport type { GenericItemType } from '@/Menu';\nimport { CLASSNAMES } from '@/styles/classNames';\n\nimport { getServerSnapshot, getSnapshot, showContextMenu, subscribe } from './store';\n\nexport type ContextMenuTriggerProps = {\n  children: ReactNode;\n  /**\n   * Menu items to display. Supports lazy rendering via function.\n   * When provided, context menu will be automatically shown on right-click.\n   */\n  items?: GenericItemType[] | (() => GenericItemType[]);\n  /**\n   * Custom context menu handler. If `items` is provided, this is optional.\n   */\n  onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n} & Omit<HTMLAttributes<HTMLElement>, 'onContextMenu' | 'children'>;\n\nconst styles = {\n  trigger: {\n    display: 'contents',\n  },\n};\n\nexport const ContextMenuTrigger = memo<ContextMenuTriggerProps>(\n  ({ children, items, onContextMenu, ...rest }) => {\n    const triggerId = useId();\n    const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n    const open = state.open && state.triggerId === triggerId;\n\n    const handleContextMenu = useCallback(\n      (event: MouseEvent<HTMLElement>) => {\n        if (items) {\n          event.preventDefault();\n          const resolvedItems = typeof items === 'function' ? items() : items;\n          showContextMenu(resolvedItems);\n        }\n        onContextMenu?.(event);\n      },\n      [items, onContextMenu],\n    );\n\n    const triggerProps = {\n      ...rest,\n      'aria-expanded': open || undefined,\n      'className': clsx(CLASSNAMES.ContextTrigger, rest.className),\n      'data-contextmenu-trigger': triggerId,\n      'data-popup-open': open ? '' : undefined,\n      'data-state': open ? 'open' : undefined,\n      'onContextMenu': handleContextMenu,\n    };\n\n    if (isValidElement(children) && React.Children.only(children)) {\n      return cloneElement(children, mergeProps(children.props as any, triggerProps));\n    }\n\n    return (\n      <span style={styles.trigger} {...triggerProps}>\n        {children}\n      </span>\n    );\n  },\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n"],"mappings":";;;;;;;;;;AAkCA,MAAM,SAAS,EACb,SAAS,EACP,SAAS,YACV,EACF;AAED,MAAa,qBAAqB,MAC/B,EAAE,UAAU,OAAO,eAAe,GAAG,WAAW;CAC/C,MAAM,YAAY,OAAO;CACzB,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;CAC7E,MAAM,OAAO,MAAM,QAAQ,MAAM,cAAc;CAE/C,MAAM,oBAAoB,aACvB,UAAmC;AAClC,MAAI,OAAO;AACT,SAAM,gBAAgB;AAEtB,mBADsB,OAAO,UAAU,aAAa,OAAO,GAAG,MAChC;;AAEhC,kBAAgB,MAAM;IAExB,CAAC,OAAO,cAAc,CACvB;CAED,MAAM,eAAe;EACnB,GAAG;EACH,iBAAiB,QAAQ;EACzB,aAAa,KAAK,WAAW,gBAAgB,KAAK,UAAU;EAC5D,4BAA4B;EAC5B,mBAAmB,OAAO,KAAK;EAC/B,cAAc,OAAO,SAAS;EAC9B,iBAAiB;EAClB;AAED,KAAI,eAAe,SAAS,IAAI,MAAM,SAAS,KAAK,SAAS,CAC3D,QAAO,aAAa,UAAU,WAAW,SAAS,OAAc,aAAa,CAAC;AAGhF,QACE,oBAAC;EAAK,OAAO,OAAO;EAAS,GAAI;EAC9B;GACI;EAGZ;AAED,mBAAmB,cAAc"}

package/es/CopyButton/CopyButton.d.mts

@@ -1,8 +1,8 @@
 import { CopyButtonProps } from "./type.mjs";
-import * as react35 from "react";
+import * as react38 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react35.NamedExoticComponent<CopyButtonProps>;
+declare const CopyButton: react38.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 react36 from "react";
+import * as react37 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react36.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react37.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 react30 from "react";
+import * as react70 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react30.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react70.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 react31 from "react";
+import * as react71 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react31.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react71.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 react32 from "react";
+import * as react68 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react32.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react68.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 react33 from "react";
+import * as react72 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: react33.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react72.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 react34 from "react";
+import * as react36 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react34.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react36.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 react29 from "react";
+import * as react33 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react29.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react33.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 react27 from "react";
+import * as react22 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
-declare const Dropdown: react27.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react22.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 react28 from "react";
+import * as react26 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react28.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react26.NamedExoticComponent<DropdownMenuProps<unknown>>;
 //#endregion
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/es/DropdownMenu/DropdownMenu.mjs

@@ -4,11 +4,13 @@ import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.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 { 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 { mergeProps } from "@base-ui/react/merge-props";
+import clsx from "clsx";
 import { Menu } from "@base-ui/react/menu";
 
 //#region src/DropdownMenu/DropdownMenu.tsx
@@ -63,11 +65,18 @@ const DropdownMenu = memo(({ children, defaultOpen, items, onOpenChange, open, p
 		return document.body;
 	}, [isClient]);
 	const placementConfig = placementMap[placement];
+	console.log("children", children);
+	const renderer = useCallback((props) => {
+		const { type, ...restProps } = props;
+		return cloneElement(children, mergeProps(children.props, restProps));
+	}, [children]);
 	const trigger = isValidElement(children) ? /* @__PURE__ */ jsx(Menu.Trigger, {
 		...triggerProps,
-		render: (props) => cloneElement(children, mergeProps(children.props, props))
+		className: clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className),
+		render: renderer
 	}) : /* @__PURE__ */ jsx(Menu.Trigger, {
 		...triggerProps,
+		className: clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className),
 		children
 	});
 	return /* @__PURE__ */ jsxs(Menu.Root, {

package/es/DropdownMenu/DropdownMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.mjs","names":["placementMap: Record<\n  DropdownMenuPlacement,\n  { align: 'start' | 'center' | 'end'; side: 'top' | 'bottom' }\n>"],"sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu } from '@base-ui/react/menu';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { cx } from 'antd-style';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { styles } from '@/Menu/sharedStyle';\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\nimport { TOOLTIP_CONTAINER_ATTR } from '@/Tooltip/TooltipPortal';\nimport { useIsClient } from '@/hooks/useIsClient';\n\nimport { renderDropdownMenuItems } from './renderItems';\nimport type { DropdownMenuPlacement, DropdownMenuProps } from './type';\n\nconst placementMap: Record<\n  DropdownMenuPlacement,\n  { align: 'start' | 'center' | 'end'; side: 'top' | 'bottom' }\n> = {\n  bottomCenter: { align: 'center', side: 'bottom' },\n  bottomLeft: { align: 'start', side: 'bottom' },\n  bottomRight: { align: 'end', side: 'bottom' },\n  topCenter: { align: 'center', side: 'top' },\n  topLeft: { align: 'start', side: 'top' },\n  topRight: { align: 'end', side: 'top' },\n};\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n\n    items,\n    onOpenChange,\n    open,\n    placement = 'bottomLeft',\n    popupProps,\n    portalProps,\n    positionerProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const isClient = useIsClient();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\n        onOpenChange?.(nextOpen, details);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open],\n    );\n\n    const shouldRenderItems = open ?? uncontrolledOpen;\n    const menuItems = useMemo(() => {\n      if (!shouldRenderItems) return null;\n      const resolvedItems = typeof items === 'function' ? items() : items;\n      return renderDropdownMenuItems(resolvedItems);\n    }, [items, shouldRenderItems]);\n    const portalContainer = useMemo(() => {\n      if (!isClient) return null;\n\n      const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n      if (themeApp) return themeApp;\n\n      const tooltipContainer = document.querySelector<HTMLElement>(\n        `[${TOOLTIP_CONTAINER_ATTR}=\"true\"]`,\n      );\n      if (tooltipContainer) return tooltipContainer;\n\n      return document.body;\n    }, [isClient]);\n    const placementConfig = placementMap[placement];\n    const trigger = isValidElement(children) ? (\n      <Menu.Trigger\n        {...triggerProps}\n        render={(props) => cloneElement(children, mergeProps(children.props as any, props))}\n      />\n    ) : (\n      <Menu.Trigger {...triggerProps}>{children}</Menu.Trigger>\n    );\n\n    return (\n      <Menu.Root {...rest} defaultOpen={defaultOpen} onOpenChange={handleOpenChange} open={open}>\n        {trigger}\n        <Menu.Portal container={portalProps?.container ?? portalContainer} {...portalProps}>\n          <Menu.Positioner\n            {...positionerProps}\n            align={positionerProps?.align ?? placementConfig.align}\n            className={(state) =>\n              cx(\n                styles.positioner,\n                typeof positionerProps?.className === 'function'\n                  ? positionerProps.className(state)\n                  : positionerProps?.className,\n              )\n            }\n            side={positionerProps?.side ?? placementConfig.side}\n            sideOffset={positionerProps?.sideOffset ?? 6}\n          >\n            <Menu.Popup\n              {...popupProps}\n              className={(state) =>\n                cx(\n                  styles.popup,\n                  typeof popupProps?.className === 'function'\n                    ? popupProps.className(state)\n                    : popupProps?.className,\n                )\n              }\n            >\n              {menuItems}\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </Menu.Root>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenuV2';\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAMA,eAGF;CACF,cAAc;EAAE,OAAO;EAAU,MAAM;EAAU;CACjD,YAAY;EAAE,OAAO;EAAS,MAAM;EAAU;CAC9C,aAAa;EAAE,OAAO;EAAO,MAAM;EAAU;CAC7C,WAAW;EAAE,OAAO;EAAU,MAAM;EAAO;CAC3C,SAAS;EAAE,OAAO;EAAS,MAAM;EAAO;CACxC,UAAU;EAAE,OAAO;EAAO,MAAM;EAAO;CACxC;AAED,MAAM,eAAe,MAClB,EACC,UACA,aAEA,OACA,cACA,MACA,YAAY,cACZ,YACA,aACA,iBACA,cACA,GAAG,WACC;CACJ,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;AAE9E,iBAAgB;AACd,MAAI,SAAS,OAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB,aACtB,UAAmB,YAA6D;AAC/E,iBAAe,UAAU,QAAQ;AACjC,MAAI,SAAS,OACX,qBAAoB,SAAS;IAGjC,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,oBAAoB,QAAQ;CAClC,MAAM,YAAY,cAAc;AAC9B,MAAI,CAAC,kBAAmB,QAAO;AAE/B,SAAO,wBADe,OAAO,UAAU,aAAa,OAAO,GAAG,MACjB;IAC5C,CAAC,OAAO,kBAAkB,CAAC;CAC9B,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;EAEtB,MAAM,WAAW,SAAS,cAA2B,IAAI,oBAAoB;AAC7E,MAAI,SAAU,QAAO;EAErB,MAAM,mBAAmB,SAAS,cAChC,IAAI,uBAAuB,UAC5B;AACD,MAAI,iBAAkB,QAAO;AAE7B,SAAO,SAAS;IACf,CAAC,SAAS,CAAC;CACd,MAAM,kBAAkB,aAAa;CACrC,MAAM,UAAU,eAAe,SAAS,GACtC,oBAAC,KAAK;EACJ,GAAI;EACJ,SAAS,UAAU,aAAa,UAAU,WAAW,SAAS,OAAc,MAAM,CAAC;GACnF,GAEF,oBAAC,KAAK;EAAQ,GAAI;EAAe;GAAwB;AAG3D,QACE,qBAAC,KAAK;EAAK,GAAI;EAAmB;EAAa,cAAc;EAAwB;aAClF,SACD,oBAAC,KAAK;GAAO,WAAW,aAAa,aAAa;GAAiB,GAAI;aACrE,oBAAC,KAAK;IACJ,GAAI;IACJ,OAAO,iBAAiB,SAAS,gBAAgB;IACjD,YAAY,UACV,GACE,OAAO,YACP,OAAO,iBAAiB,cAAc,aAClC,gBAAgB,UAAU,MAAM,GAChC,iBAAiB,UACtB;IAEH,MAAM,iBAAiB,QAAQ,gBAAgB;IAC/C,YAAY,iBAAiB,cAAc;cAE3C,oBAAC,KAAK;KACJ,GAAI;KACJ,YAAY,UACV,GACE,OAAO,OACP,OAAO,YAAY,cAAc,aAC7B,WAAW,UAAU,MAAM,GAC3B,YAAY,UACjB;eAGF;MACU;KACG;IACN;GACJ;EAGjB;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"DropdownMenu.mjs","names":["placementMap: Record<\n  DropdownMenuPlacement,\n  { align: 'start' | 'center' | 'end'; side: 'top' | 'bottom' }\n>","renderer: ComponentRenderFn<HTMLProps<any>, MenuTriggerState>"],"sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, type MenuTriggerState } from '@base-ui/react/menu';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport type { ComponentRenderFn, HTMLProps } from '@base-ui/react/utils/types';\nimport { cx } from 'antd-style';\nimport clsx from 'clsx';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { styles } from '@/Menu/sharedStyle';\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\nimport { TOOLTIP_CONTAINER_ATTR } from '@/Tooltip/TooltipPortal';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { CLASSNAMES } from '@/styles/classNames';\n\nimport { renderDropdownMenuItems } from './renderItems';\nimport type { DropdownMenuPlacement, DropdownMenuProps } from './type';\n\nconst placementMap: Record<\n  DropdownMenuPlacement,\n  { align: 'start' | 'center' | 'end'; side: 'top' | 'bottom' }\n> = {\n  bottomCenter: { align: 'center', side: 'bottom' },\n  bottomLeft: { align: 'start', side: 'bottom' },\n  bottomRight: { align: 'end', side: 'bottom' },\n  topCenter: { align: 'center', side: 'top' },\n  topLeft: { align: 'start', side: 'top' },\n  topRight: { align: 'end', side: 'top' },\n};\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n\n    items,\n    onOpenChange,\n    open,\n    placement = 'bottomLeft',\n    popupProps,\n    portalProps,\n    positionerProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const isClient = useIsClient();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, details: Parameters<NonNullable<typeof onOpenChange>>[1]) => {\n        onOpenChange?.(nextOpen, details);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open],\n    );\n\n    const shouldRenderItems = open ?? uncontrolledOpen;\n    const menuItems = useMemo(() => {\n      if (!shouldRenderItems) return null;\n      const resolvedItems = typeof items === 'function' ? items() : items;\n      return renderDropdownMenuItems(resolvedItems);\n    }, [items, shouldRenderItems]);\n    const portalContainer = useMemo(() => {\n      if (!isClient) return null;\n\n      const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n      if (themeApp) return themeApp;\n\n      const tooltipContainer = document.querySelector<HTMLElement>(\n        `[${TOOLTIP_CONTAINER_ATTR}=\"true\"]`,\n      );\n      if (tooltipContainer) return tooltipContainer;\n\n      return document.body;\n    }, [isClient]);\n    const placementConfig = placementMap[placement];\n    console.log('children', children);\n    const renderer: ComponentRenderFn<HTMLProps<any>, MenuTriggerState> = useCallback(\n      (props) => {\n        // FIXEE: Omit type: 'button' pass to and button\n        // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n        const { type, ...restProps } = props as any;\n        return cloneElement(children as any, mergeProps((children as any).props, restProps));\n      },\n      [children],\n    );\n    const trigger = isValidElement(children) ? (\n      <Menu.Trigger\n        {...triggerProps}\n        className={clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className)}\n        render={renderer}\n      />\n    ) : (\n      <Menu.Trigger\n        {...triggerProps}\n        className={clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className)}\n      >\n        {children}\n      </Menu.Trigger>\n    );\n\n    return (\n      <Menu.Root {...rest} defaultOpen={defaultOpen} onOpenChange={handleOpenChange} open={open}>\n        {trigger}\n        <Menu.Portal container={portalProps?.container ?? portalContainer} {...portalProps}>\n          <Menu.Positioner\n            {...positionerProps}\n            align={positionerProps?.align ?? placementConfig.align}\n            className={(state) =>\n              cx(\n                styles.positioner,\n                typeof positionerProps?.className === 'function'\n                  ? positionerProps.className(state)\n                  : positionerProps?.className,\n              )\n            }\n            side={positionerProps?.side ?? placementConfig.side}\n            sideOffset={positionerProps?.sideOffset ?? 6}\n          >\n            <Menu.Popup\n              {...popupProps}\n              className={(state) =>\n                cx(\n                  styles.popup,\n                  typeof popupProps?.className === 'function'\n                    ? popupProps.className(state)\n                    : popupProps?.className,\n                )\n              }\n            >\n              {menuItems}\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </Menu.Root>\n    );\n  },\n);\n\nDropdownMenu.displayName = 'DropdownMenuV2';\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAMA,eAGF;CACF,cAAc;EAAE,OAAO;EAAU,MAAM;EAAU;CACjD,YAAY;EAAE,OAAO;EAAS,MAAM;EAAU;CAC9C,aAAa;EAAE,OAAO;EAAO,MAAM;EAAU;CAC7C,WAAW;EAAE,OAAO;EAAU,MAAM;EAAO;CAC3C,SAAS;EAAE,OAAO;EAAS,MAAM;EAAO;CACxC,UAAU;EAAE,OAAO;EAAO,MAAM;EAAO;CACxC;AAED,MAAM,eAAe,MAClB,EACC,UACA,aAEA,OACA,cACA,MACA,YAAY,cACZ,YACA,aACA,iBACA,cACA,GAAG,WACC;CACJ,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;AAE9E,iBAAgB;AACd,MAAI,SAAS,OAAW;AACxB,sBAAoB,KAAK;IACxB,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB,aACtB,UAAmB,YAA6D;AAC/E,iBAAe,UAAU,QAAQ;AACjC,MAAI,SAAS,OACX,qBAAoB,SAAS;IAGjC,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,oBAAoB,QAAQ;CAClC,MAAM,YAAY,cAAc;AAC9B,MAAI,CAAC,kBAAmB,QAAO;AAE/B,SAAO,wBADe,OAAO,UAAU,aAAa,OAAO,GAAG,MACjB;IAC5C,CAAC,OAAO,kBAAkB,CAAC;CAC9B,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,SAAU,QAAO;EAEtB,MAAM,WAAW,SAAS,cAA2B,IAAI,oBAAoB;AAC7E,MAAI,SAAU,QAAO;EAErB,MAAM,mBAAmB,SAAS,cAChC,IAAI,uBAAuB,UAC5B;AACD,MAAI,iBAAkB,QAAO;AAE7B,SAAO,SAAS;IACf,CAAC,SAAS,CAAC;CACd,MAAM,kBAAkB,aAAa;AACrC,SAAQ,IAAI,YAAY,SAAS;CACjC,MAAMC,WAAgE,aACnE,UAAU;EAGT,MAAM,EAAE,MAAM,GAAG,cAAc;AAC/B,SAAO,aAAa,UAAiB,WAAY,SAAiB,OAAO,UAAU,CAAC;IAEtF,CAAC,SAAS,CACX;CACD,MAAM,UAAU,eAAe,SAAS,GACtC,oBAAC,KAAK;EACJ,GAAI;EACJ,WAAW,KAAK,WAAW,qBAAqB,cAAc,UAAU;EACxE,QAAQ;GACR,GAEF,oBAAC,KAAK;EACJ,GAAI;EACJ,WAAW,KAAK,WAAW,qBAAqB,cAAc,UAAU;EAEvE;GACY;AAGjB,QACE,qBAAC,KAAK;EAAK,GAAI;EAAmB;EAAa,cAAc;EAAwB;aAClF,SACD,oBAAC,KAAK;GAAO,WAAW,aAAa,aAAa;GAAiB,GAAI;aACrE,oBAAC,KAAK;IACJ,GAAI;IACJ,OAAO,iBAAiB,SAAS,gBAAgB;IACjD,YAAY,UACV,GACE,OAAO,YACP,OAAO,iBAAiB,cAAc,aAClC,gBAAgB,UAAU,MAAM,GAChC,iBAAiB,UACtB;IAEH,MAAM,iBAAiB,QAAQ,gBAAgB;IAC/C,YAAY,iBAAiB,cAAc;cAE3C,oBAAC,KAAK;KACJ,GAAI;KACJ,YAAY,UACV,GACE,OAAO,OACP,OAAO,YAAY,cAAc,aAC7B,WAAW,UAAU,MAAM,GAC3B,YAAY,UACjB;eAGF;MACU;KACG;IACN;GACJ;EAGjB;AAED,aAAa,cAAc;AAE3B,2BAAe"}

package/es/EditableText/EditableText.d.mts

@@ -1,8 +1,8 @@
 import { EditableTextProps } from "./type.mjs";
-import * as react26 from "react";
+import * as react21 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react26.NamedExoticComponent<EditableTextProps>;
+declare const EditableText: react21.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 react25 from "react";
+import * as react19 from "react";
 
 //#region src/EmojiPicker/EmojiPicker.d.ts
-declare const EmojiPicker: react25.NamedExoticComponent<EmojiPickerProps>;
+declare const EmojiPicker: react19.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 react22 from "react";
+import * as react34 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react22.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react34.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/Footer/Footer.d.mts

@@ -1,8 +1,8 @@
 import { FooterProps } from "./type.mjs";
-import * as react23 from "react";
+import * as react31 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react23.NamedExoticComponent<FooterProps>;
+declare const Footer: react31.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 react21 from "react";
+import * as react28 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react21.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react28.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 react20 from "react";
+import * as react29 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react20.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react29.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 react19 from "react";
+import * as react30 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react19.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react30.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 react24 from "react";
+import * as react32 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react24.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react32.NamedExoticComponent<FormModalProps>;
 //#endregion
 export { FormModal };
 //# sourceMappingURL=FormModal.d.mts.map

package/es/Header/Header.d.mts

@@ -1,8 +1,8 @@
 import { HeaderProps } from "./type.mjs";
-import * as react18 from "react";
+import * as react27 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react18.NamedExoticComponent<HeaderProps>;
+declare const Header: react27.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 react16 from "react";
+import * as react24 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react16.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react24.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 react17 from "react";
+import * as react25 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react17.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react25.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 react15 from "react";
+import * as react23 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react15.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react23.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 react13 from "react";
+import * as react43 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react13.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react43.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 react12 from "react";
+import * as react67 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react12.NamedExoticComponent<IconProps>;
+declare const Icon: react67.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 react10 from "react";
+import * as react65 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react10.Context<IconContentConfig>;
-declare const IconProvider: react10.NamedExoticComponent<{
+declare const IconContext: react65.Context<IconContentConfig>;
+declare const IconProvider: react65.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

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

package/es/ImageSelect/ImageSelect.d.mts

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

package/es/Layout/components/LayoutFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react66 from "react";
+import * as react10 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react66.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react10.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react67 from "react";
+import * as react11 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react67.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react11.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map