@lobehub/ui 4.35.2 → 4.36.0

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react84 from "react";
+import * as react10 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react84.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react10.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 react85 from "react";
+import * as react11 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react85.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react11.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 react86 from "react";
+import * as react38 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react86.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react38.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 react9 from "react";
+import * as react1 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react9.NamedExoticComponent<AlertProps>;
+declare const Alert: react1.NamedExoticComponent<AlertProps>;
 //#endregion
 export { Alert };
 //# sourceMappingURL=Alert.d.mts.map

package/es/Alert/type.d.mts

@@ -5,7 +5,7 @@ import { AlertProps } from "antd";
 import { AlertRef } from "antd/lib/alert/Alert";
 
 //#region src/Alert/type.d.ts
-interface AlertProps$1 extends Omit<AlertProps, 'icon' | 'type'> {
+interface AlertProps$1 extends Omit<AlertProps, 'classNames' | 'icon' | 'styles' | 'type'> {
   classNames?: {
     alert?: string;
     container?: string;

package/es/AutoComplete/Select.d.mts

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

package/es/Avatar/Avatar.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import Center_default from "../Flex/Center.mjs";
-import Icon_default from "../Icon/Icon.mjs";
 import { safeReadableColor } from "../utils/safeReadableColor.mjs";
+import Icon_default from "../Icon/Icon.mjs";
 import Img_default from "../Img/index.mjs";
 import FluentEmoji_default from "../FluentEmoji/FluentEmoji.mjs";
 import { styles, variants } from "./style.mjs";

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

@@ -1,8 +1,8 @@
 import { AvatarGroupProps } from "../type.mjs";
-import * as react76 from "react";
+import * as react78 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react76.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react78.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 react75 from "react";
+import * as react9 from "react";
 
 //#region src/Burger/Burger.d.ts
-declare const Burger: react75.NamedExoticComponent<BurgerProps>;
+declare const Burger: react9.NamedExoticComponent<BurgerProps>;
 //#endregion
 export { Burger };
 //# sourceMappingURL=Burger.d.mts.map

package/es/CodeDiff/CodeDiff.d.mts

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

package/es/CodeDiff/PatchDiff.d.mts

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

package/es/CodeEditor/CodeEditor.d.mts

@@ -1,8 +1,8 @@
 import { CodeEditorProps } from "./type.mjs";
-import * as react32 from "react";
+import * as react6 from "react";
 
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: react32.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: react6.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 react30 from "react";
+import * as react4 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react30.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react4.NamedExoticComponent<CollapseProps>;
 //#endregion
 export { Collapse };
 //# sourceMappingURL=Collapse.d.mts.map

package/es/ColorSwatches/ColorSwatches.mjs

@@ -2,8 +2,8 @@
 
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Center_default from "../Flex/Center.mjs";
-import Icon_default from "../Icon/Icon.mjs";
 import { safeReadableColor } from "../utils/safeReadableColor.mjs";
+import Icon_default from "../Icon/Icon.mjs";
 import Tooltip_default from "../Tooltip/Tooltip.mjs";
 import { styles } from "./style.mjs";
 import { useMemo } from "react";

package/es/ConfigProvider/index.d.mts

@@ -1,7 +1,7 @@
 import { TranslationResourcesInput } from "../i18n/types.mjs";
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { CDN, CdnApi } from "../utils/genCdnUrl.mjs";
-import * as react77 from "react";
+import * as react82 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: react77.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react82.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

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

package/es/ContextMenu/ContextMenuHost.mjs

@@ -1,9 +1,8 @@
 'use client';
 
 import { useIsClient } from "../hooks/useIsClient.mjs";
-import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
+import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
 import { preventDefaultAndStopPropagation } from "../utils/dom.mjs";
-import { usePortalContainer } from "../hooks/usePortalContainer.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
 import { registerDevSingleton } from "../utils/devSingleton.mjs";
 import { renderContextMenuItems } from "./renderItems.mjs";
@@ -13,16 +12,14 @@ import { jsx } from "react/jsx-runtime";
 import { ContextMenu } from "@base-ui/react/context-menu";
 
 //#region src/ContextMenu/ContextMenuHost.tsx
-const CONTEXT_MENU_CONTAINER_ATTR = "data-lobe-ui-context-menu-container";
 const ContextMenuHost = memo(() => {
 	const isClient = useIsClient();
+	const appElement = useAppElement();
 	const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 	useEffect(() => {
 		const DEV = process.env.NODE_ENV === "development";
 		if (!isClient || !DEV) return;
-		const themeApp = document.querySelector(`#${LOBE_THEME_APP_ID}`);
-		const contextMenuContainer = document.querySelector(`[${CONTEXT_MENU_CONTAINER_ATTR}="true"]`);
-		return registerDevSingleton("ContextMenuHost", themeApp ?? contextMenuContainer ?? document.body);
+		return registerDevSingleton("ContextMenuHost", document.body);
 	}, [isClient]);
 	useEffect(() => {
 		const handler = (event) => updateLastPointer(event);
@@ -41,10 +38,8 @@ const ContextMenuHost = memo(() => {
 		state.iconAlign,
 		state.iconSpaceMode
 	]);
-	const portalContainer = usePortalContainer(CONTEXT_MENU_CONTAINER_ATTR);
 	if (!isClient) return null;
 	if (!state.open && state.items.length === 0) return null;
-	if (!portalContainer) return null;
 	return /* @__PURE__ */ jsx(ContextMenu.Root, {
 		open: state.open,
 		onOpenChange: (open) => {
@@ -55,7 +50,7 @@ const ContextMenuHost = memo(() => {
 			closeContextMenu();
 		},
 		children: /* @__PURE__ */ jsx(ContextMenu.Portal, {
-			container: portalContainer,
+			container: appElement ?? void 0,
 			children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
 				anchor: state.anchor ?? void 0,
 				className: styles.positioner,

package/es/ContextMenu/ContextMenuHost.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuHost.mjs","names":[],"sources":["../../src/ContextMenu/ContextMenuHost.tsx"],"sourcesContent":["'use client';\n\nimport { ContextMenu } from '@base-ui/react/context-menu';\nimport { memo, useEffect, useMemo, useSyncExternalStore } from 'react';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { usePortalContainer } from '@/hooks/usePortalContainer';\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\nimport { registerDevSingleton } from '@/utils/devSingleton';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport { renderContextMenuItems } from './renderItems';\nimport {\n  closeContextMenu,\n  getServerSnapshot,\n  getSnapshot,\n  setContextMenuState,\n  subscribe,\n  updateLastPointer,\n} from './store';\nimport { styles } from './style';\n\nconst CONTEXT_MENU_CONTAINER_ATTR = 'data-lobe-ui-context-menu-container';\n\nexport const ContextMenuHost = memo(() => {\n  const isClient = useIsClient();\n  const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  useEffect(() => {\n    const DEV = process.env.NODE_ENV === 'development';\n    if (!isClient || !DEV) return;\n    // Enforce singleton per portal container (dev-only).\n    const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n    const contextMenuContainer = document.querySelector<HTMLElement>(\n      `[${CONTEXT_MENU_CONTAINER_ATTR}=\"true\"]`,\n    );\n    const scope = themeApp ?? contextMenuContainer ?? document.body;\n    return registerDevSingleton('ContextMenuHost', scope);\n  }, [isClient]);\n\n  useEffect(() => {\n    const handler = (event: MouseEvent | PointerEvent) => updateLastPointer(event);\n    window.addEventListener('pointerdown', handler, true);\n    window.addEventListener('contextmenu', handler, true);\n    return () => {\n      window.removeEventListener('pointerdown', handler, true);\n      window.removeEventListener('contextmenu', handler, true);\n    };\n  }, []);\n\n  const menuItems = useMemo(\n    () =>\n      renderContextMenuItems(state.items, [], {\n        iconAlign: state.iconAlign,\n        iconSpaceMode: state.iconSpaceMode,\n      }),\n    [state.items, state.iconAlign, state.iconSpaceMode],\n  );\n  const portalContainer = usePortalContainer(CONTEXT_MENU_CONTAINER_ATTR);\n\n  if (!isClient) return null;\n  if (!state.open && state.items.length === 0) return null;\n  if (!portalContainer) return null;\n\n  return (\n    <ContextMenu.Root\n      open={state.open}\n      onOpenChange={(open) => {\n        if (open) {\n          setContextMenuState({ open });\n          return;\n        }\n        closeContextMenu();\n      }}\n    >\n      <ContextMenu.Portal container={portalContainer}>\n        <ContextMenu.Positioner\n          anchor={state.anchor ?? undefined}\n          className={styles.positioner}\n          sideOffset={6}\n        >\n          <ContextMenu.Popup\n            className={styles.popup}\n            onContextMenu={preventDefaultAndStopPropagation}\n          >\n            {menuItems}\n          </ContextMenu.Popup>\n        </ContextMenu.Positioner>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n\nContextMenuHost.displayName = 'ContextMenuHost';\n"],"mappings":";;;;;;;;;;;;;;;AAsBA,MAAM,8BAA8B;AAEpC,MAAa,kBAAkB,WAAW;CACxC,MAAM,WAAW,aAAa;CAC9B,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;AAE7E,iBAAgB;EACd,MAAM,MAAM,QAAQ,IAAI,aAAa;AACrC,MAAI,CAAC,YAAY,CAAC,IAAK;EAEvB,MAAM,WAAW,SAAS,cAA2B,IAAI,oBAAoB;EAC7E,MAAM,uBAAuB,SAAS,cACpC,IAAI,4BAA4B,UACjC;AAED,SAAO,qBAAqB,mBADd,YAAY,wBAAwB,SAAS,KACN;IACpD,CAAC,SAAS,CAAC;AAEd,iBAAgB;EACd,MAAM,WAAW,UAAqC,kBAAkB,MAAM;AAC9E,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,eAAa;AACX,UAAO,oBAAoB,eAAe,SAAS,KAAK;AACxD,UAAO,oBAAoB,eAAe,SAAS,KAAK;;IAEzD,EAAE,CAAC;CAEN,MAAM,YAAY,cAEd,uBAAuB,MAAM,OAAO,EAAE,EAAE;EACtC,WAAW,MAAM;EACjB,eAAe,MAAM;EACtB,CAAC,EACJ;EAAC,MAAM;EAAO,MAAM;EAAW,MAAM;EAAc,CACpD;CACD,MAAM,kBAAkB,mBAAmB,4BAA4B;AAEvE,KAAI,CAAC,SAAU,QAAO;AACtB,KAAI,CAAC,MAAM,QAAQ,MAAM,MAAM,WAAW,EAAG,QAAO;AACpD,KAAI,CAAC,gBAAiB,QAAO;AAE7B,QACE,oBAAC,YAAY;EACX,MAAM,MAAM;EACZ,eAAe,SAAS;AACtB,OAAI,MAAM;AACR,wBAAoB,EAAE,MAAM,CAAC;AAC7B;;AAEF,qBAAkB;;YAGpB,oBAAC,YAAY;GAAO,WAAW;aAC7B,oBAAC,YAAY;IACX,QAAQ,MAAM,UAAU;IACxB,WAAW,OAAO;IAClB,YAAY;cAEZ,oBAAC,YAAY;KACX,WAAW,OAAO;KAClB,eAAe;eAEd;MACiB;KACG;IACN;GACJ;EAErB;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"ContextMenuHost.mjs","names":[],"sources":["../../src/ContextMenu/ContextMenuHost.tsx"],"sourcesContent":["'use client';\n\nimport { ContextMenu } from '@base-ui/react/context-menu';\nimport { memo, useEffect, useMemo, useSyncExternalStore } from 'react';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useAppElement } from '@/ThemeProvider';\nimport { registerDevSingleton } from '@/utils/devSingleton';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport { renderContextMenuItems } from './renderItems';\nimport {\n  closeContextMenu,\n  getServerSnapshot,\n  getSnapshot,\n  setContextMenuState,\n  subscribe,\n  updateLastPointer,\n} from './store';\nimport { styles } from './style';\n\nexport const ContextMenuHost = memo(() => {\n  const isClient = useIsClient();\n  const appElement = useAppElement();\n  const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  useEffect(() => {\n    const DEV = process.env.NODE_ENV === 'development';\n    if (!isClient || !DEV) return;\n    return registerDevSingleton('ContextMenuHost', document.body);\n  }, [isClient]);\n\n  useEffect(() => {\n    const handler = (event: MouseEvent | PointerEvent) => updateLastPointer(event);\n    window.addEventListener('pointerdown', handler, true);\n    window.addEventListener('contextmenu', handler, true);\n    return () => {\n      window.removeEventListener('pointerdown', handler, true);\n      window.removeEventListener('contextmenu', handler, true);\n    };\n  }, []);\n\n  const menuItems = useMemo(\n    () =>\n      renderContextMenuItems(state.items, [], {\n        iconAlign: state.iconAlign,\n        iconSpaceMode: state.iconSpaceMode,\n      }),\n    [state.items, state.iconAlign, state.iconSpaceMode],\n  );\n  if (!isClient) return null;\n  if (!state.open && state.items.length === 0) return null;\n\n  return (\n    <ContextMenu.Root\n      open={state.open}\n      onOpenChange={(open) => {\n        if (open) {\n          setContextMenuState({ open });\n          return;\n        }\n        closeContextMenu();\n      }}\n    >\n      <ContextMenu.Portal container={appElement ?? undefined}>\n        <ContextMenu.Positioner\n          anchor={state.anchor ?? undefined}\n          className={styles.positioner}\n          sideOffset={6}\n        >\n          <ContextMenu.Popup\n            className={styles.popup}\n            onContextMenu={preventDefaultAndStopPropagation}\n          >\n            {menuItems}\n          </ContextMenu.Popup>\n        </ContextMenu.Positioner>\n      </ContextMenu.Portal>\n    </ContextMenu.Root>\n  );\n});\n\nContextMenuHost.displayName = 'ContextMenuHost';\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAa,kBAAkB,WAAW;CACxC,MAAM,WAAW,aAAa;CAC9B,MAAM,aAAa,eAAe;CAClC,MAAM,QAAQ,qBAAqB,WAAW,aAAa,kBAAkB;AAE7E,iBAAgB;EACd,MAAM,MAAM,QAAQ,IAAI,aAAa;AACrC,MAAI,CAAC,YAAY,CAAC,IAAK;AACvB,SAAO,qBAAqB,mBAAmB,SAAS,KAAK;IAC5D,CAAC,SAAS,CAAC;AAEd,iBAAgB;EACd,MAAM,WAAW,UAAqC,kBAAkB,MAAM;AAC9E,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,SAAO,iBAAiB,eAAe,SAAS,KAAK;AACrD,eAAa;AACX,UAAO,oBAAoB,eAAe,SAAS,KAAK;AACxD,UAAO,oBAAoB,eAAe,SAAS,KAAK;;IAEzD,EAAE,CAAC;CAEN,MAAM,YAAY,cAEd,uBAAuB,MAAM,OAAO,EAAE,EAAE;EACtC,WAAW,MAAM;EACjB,eAAe,MAAM;EACtB,CAAC,EACJ;EAAC,MAAM;EAAO,MAAM;EAAW,MAAM;EAAc,CACpD;AACD,KAAI,CAAC,SAAU,QAAO;AACtB,KAAI,CAAC,MAAM,QAAQ,MAAM,MAAM,WAAW,EAAG,QAAO;AAEpD,QACE,oBAAC,YAAY;EACX,MAAM,MAAM;EACZ,eAAe,SAAS;AACtB,OAAI,MAAM;AACR,wBAAoB,EAAE,MAAM,CAAC;AAC7B;;AAEF,qBAAkB;;YAGpB,oBAAC,YAAY;GAAO,WAAW,cAAc;aAC3C,oBAAC,YAAY;IACX,QAAQ,MAAM,UAAU;IACxB,WAAW,OAAO;IAClB,YAAY;cAEZ,oBAAC,YAAY;KACX,WAAW,OAAO;KAClB,eAAe;eAEd;MACiB;KACG;IACN;GACJ;EAErB;AAEF,gBAAgB,cAAc"}

package/es/CopyButton/CopyButton.d.mts

@@ -1,8 +1,8 @@
 import { CopyButtonProps } from "./type.mjs";
-import * as react29 from "react";
+import * as react0 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react29.NamedExoticComponent<CopyButtonProps>;
+declare const CopyButton: react0.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 react28 from "react";
+import * as react12 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react28.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react12.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 react25 from "react";
+import * as react75 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react25.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react75.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 react24 from "react";
+import * as react74 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react24.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react74.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 react27 from "react";
+import * as react73 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react27.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react73.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 react26 from "react";
+import * as react76 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: react26.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react76.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 react23 from "react";
+import * as react5 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react23.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react5.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 react22 from "react";
+import * as react3 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react22.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react3.NamedExoticComponent<DrawerProps>;
 //#endregion
 export { Drawer };
 //# sourceMappingURL=Drawer.d.mts.map

package/es/Dropdown/Dropdown.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps } from "./type.mjs";
-import * as react20 from "react";
+import * as react2 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
 
@@ -9,7 +9,7 @@ import * as react20 from "react";
  * @see https://ui.lobehub.com/components/context-menu
  * @see https://ui.lobehub.com/components/dropdown-menu
  */
-declare const Dropdown: react20.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react2.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 react19 from "react";
+import * as react0 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react19.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react0.NamedExoticComponent<DropdownMenuProps<unknown>>;
 //#endregion
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/es/DropdownMenu/atoms.d.mts

@@ -1,6 +1,6 @@
 import { DropdownMenuPlacement } from "./type.mjs";
 import React from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _base_ui_react_menu0 from "@base-ui/react/menu";
 import { Menu } from "@base-ui/react/menu";
 
@@ -19,7 +19,7 @@ declare const DropdownMenuTrigger: {
     nativeButton,
     ref: refProp,
     ...rest
-  }: DropdownMenuTriggerProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuTriggerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
@@ -32,7 +32,7 @@ declare const DropdownMenuPortal: {
   ({
     container,
     ...rest
-  }: DropdownMenuPortalProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuPortalProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
@@ -49,7 +49,7 @@ declare const DropdownMenuPositioner: {
     sideOffset,
     children,
     ...rest
-  }: DropdownMenuPositionerProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuPositionerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
@@ -57,7 +57,7 @@ declare const DropdownMenuPopup: {
   ({
     className,
     ...rest
-  }: DropdownMenuPopupProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuPopupProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
@@ -68,7 +68,7 @@ declare const DropdownMenuItem: {
     className,
     danger,
     ...rest
-  }: DropdownMenuItemProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
@@ -79,7 +79,7 @@ declare const DropdownMenuCheckboxItemPrimitive: {
     className,
     danger,
     ...rest
-  }: DropdownMenuCheckboxItemProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuCheckboxItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
@@ -87,7 +87,7 @@ declare const DropdownMenuSeparator: {
   ({
     className,
     ...rest
-  }: DropdownMenuSeparatorProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuSeparatorProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<_base_ui_react_menu0.MenuGroupProps & React.RefAttributes<Element>>;
@@ -96,7 +96,7 @@ declare const DropdownMenuGroupLabel: {
   ({
     className,
     ...rest
-  }: DropdownMenuGroupLabelProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuGroupLabelProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
@@ -107,7 +107,7 @@ declare const DropdownMenuSubmenuTrigger: {
     className,
     danger,
     ...rest
-  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuSubmenuTriggerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
@@ -115,7 +115,7 @@ declare const DropdownMenuItemContent: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemContentProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuItemContentProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -123,7 +123,7 @@ declare const DropdownMenuItemIcon: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemIconProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuItemIconProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemLabelGroupProps = React.HTMLAttributes<HTMLDivElement>;
@@ -131,7 +131,7 @@ declare const DropdownMenuItemLabelGroup: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemLabelGroupProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuItemLabelGroupProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -139,7 +139,7 @@ declare const DropdownMenuItemLabel: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemLabelProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuItemLabelProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemDescProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -147,7 +147,7 @@ declare const DropdownMenuItemDesc: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemDescProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuItemDescProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -155,7 +155,7 @@ declare const DropdownMenuItemExtra: {
   ({
     className,
     ...rest
-  }: DropdownMenuItemExtraProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuItemExtraProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -163,7 +163,7 @@ declare const DropdownMenuSubmenuArrow: {
   ({
     className,
     ...rest
-  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuSubmenuArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type DropdownMenuSwitchItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'onClick'> & {
@@ -184,7 +184,7 @@ declare const DropdownMenuSwitchItem: {
     onCheckedChange,
     children,
     ...rest
-  }: DropdownMenuSwitchItemProps): react_jsx_runtime11.JSX.Element;
+  }: DropdownMenuSwitchItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/DropdownMenu/atoms.mjs

@@ -2,9 +2,9 @@
 
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
 import { FloatingLayerProvider } from "../hooks/useFloatingLayer.mjs";
-import { placementMap } from "../utils/placement.mjs";
+import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
 import { CLASSNAMES } from "../styles/classNames.mjs";
-import { usePortalContainer } from "../hooks/usePortalContainer.mjs";
+import { placementMap } from "../utils/placement.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
 import { cloneElement, isValidElement, useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -64,9 +64,9 @@ const DropdownMenuTrigger = ({ children, className, nativeButton, ref: refProp,
 };
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 const DropdownMenuPortal = ({ container, ...rest }) => {
-	const defaultContainer = usePortalContainer(DROPDOWN_MENU_CONTAINER_ATTR);
+	const appElement = useAppElement();
 	return /* @__PURE__ */ jsx(Menu$1.Portal, {
-		container: container ?? defaultContainer,
+		container: container ?? appElement ?? void 0,
 		...rest
 	});
 };