@lobehub/ui 4.6.4 → 4.6.5

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react41 from "react";
+import * as react70 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react41.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react70.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 react71 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react42.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react71.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 react69 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react40.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react69.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 react73 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react44.NamedExoticComponent<AlertProps>;
+declare const Alert: react73.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 react68 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react38.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react68.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 react67 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react37.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react67.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 react66 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react39.NamedExoticComponent<BurgerProps>;
+declare const Burger: react66.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 react64 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react46.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react64.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 react65 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react45.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react65.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 react11 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: react11.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react78 from "react";
+import * as react108 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: react108.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
 //#endregion
 export { ContextMenuHost };
 //# sourceMappingURL=ContextMenuHost.d.mts.map

package/es/CopyButton/CopyButton.d.mts

@@ -1,8 +1,8 @@
 import { CopyButtonProps } from "./type.mjs";
-import * as react35 from "react";
+import * as react58 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react35.NamedExoticComponent<CopyButtonProps>;
+declare const CopyButton: react58.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 react59 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react36.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react59.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 react61 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react30.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react61.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 react60 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react31.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react60.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 react62 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react32.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react62.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 react63 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: react63.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 react57 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react34.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react57.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 react55 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react29.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react55.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 react56 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
-declare const Dropdown: react27.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react56.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 react53 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react28.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react53.NamedExoticComponent<DropdownMenuProps<unknown>>;
 //#endregion
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/es/DropdownMenu/DropdownMenu.mjs

@@ -63,9 +63,14 @@ 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))
+		render: renderer
 	}) : /* @__PURE__ */ jsx(Menu.Trigger, {
 		...triggerProps,
 		children

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 {\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    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 {...triggerProps} render={renderer} />\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":";;;;;;;;;;;;;;AAwBA,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;EAAQ,GAAI;EAAc,QAAQ;GAAY,GAEpD,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"}

package/es/EditableText/EditableText.d.mts

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

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react58 from "react";
+import * as react14 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react58.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react14.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 react23 from "react";
+import * as react54 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react23.NamedExoticComponent<FooterProps>;
+declare const Footer: react54.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 react50 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react21.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react50.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 react49 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react20.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react49.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 react51 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react19.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react51.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 react52 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react24.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react52.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 react41 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react18.NamedExoticComponent<HeaderProps>;
+declare const Header: react41.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 react35 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react16.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react35.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 react36 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react17.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react36.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 react29 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react15.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react29.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 react34 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react13.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react34.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 react32 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react12.NamedExoticComponent<IconProps>;
+declare const Icon: react32.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 react30 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: react30.Context<IconContentConfig>;
+declare const IconProvider: react30.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 react28 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react73.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react28.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 react107 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react109.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react107.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 react23 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react66.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react23.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 react22 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react67.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react22.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map

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

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

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

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

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

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

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

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