@lobehub/ui 4.9.2 → 4.10.0

package/es/Dropdown/Dropdown.d.mts

@@ -1,8 +1,15 @@
 import { DropdownProps } from "./type.mjs";
-import * as react58 from "react";
+import * as react14 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
-declare const Dropdown: react58.NamedExoticComponent<DropdownProps>;
+
+/**
+ * @deprecated
+ * Use `DropdownMenu` or `ContextMenu` instead
+ * @see https://ui.lobehub.com/components/context-menu
+ * @see https://ui.lobehub.com/components/dropdown-menu
+ */
+declare const Dropdown: react14.NamedExoticComponent<DropdownProps>;
 //#endregion
 export { Dropdown };
 //# sourceMappingURL=Dropdown.d.mts.map

package/es/Dropdown/Dropdown.mjs

@@ -7,6 +7,12 @@ import { jsx } from "react/jsx-runtime";
 import { Dropdown } from "antd";
 
 //#region src/Dropdown/Dropdown.tsx
+/**
+* @deprecated
+* Use `DropdownMenu` or `ContextMenu` instead
+* @see https://ui.lobehub.com/components/context-menu
+* @see https://ui.lobehub.com/components/dropdown-menu
+*/
 const Dropdown$1 = memo(({ children, iconProps, menu, ...rest }) => {
 	const { items, ...menuProps } = menu;
 	const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);

package/es/Dropdown/Dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.mjs","names":["Dropdown","AntdDropdown"],"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport { Dropdown as AntdDropdown } from 'antd';\nimport { memo, useMemo } from 'react';\n\nimport { IconProvider } from '@/Icon';\nimport { mapItems } from '@/Menu';\n\nimport type { DropdownProps } from './type';\n\nconst Dropdown = memo<DropdownProps>(({ children, iconProps, menu, ...rest }) => {\n  const { items, ...menuProps } = menu;\n\n  const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);\n\n  return (\n    <IconProvider\n      config={{\n        size: 'small',\n        ...iconProps,\n      }}\n    >\n      <AntdDropdown\n        menu={{\n          ...menuProps,\n          items: antdItems,\n        }}\n        {...rest}\n      >\n        {children}\n      </AntdDropdown>\n    </IconProvider>\n  );\n});\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;AAUA,MAAMA,aAAW,MAAqB,EAAE,UAAU,WAAW,MAAM,GAAG,WAAW;CAC/E,MAAM,EAAE,OAAO,GAAG,cAAc;CAEhC,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC;AAE7E,QACE,oBAAC;EACC,QAAQ;GACN,MAAM;GACN,GAAG;GACJ;YAED,oBAACC;GACC,MAAM;IACJ,GAAG;IACH,OAAO;IACR;GACD,GAAI;GAEH;IACY;GACF;EAEjB;AAEF,WAAS,cAAc;AAEvB,uBAAeD"}
+{"version":3,"file":"Dropdown.mjs","names":["Dropdown","AntdDropdown"],"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport { Dropdown as AntdDropdown } from 'antd';\nimport { memo, useMemo } from 'react';\n\nimport { IconProvider } from '@/Icon';\nimport { mapItems } from '@/Menu';\n\nimport type { DropdownProps } from './type';\n\n/**\n * @deprecated\n * Use `DropdownMenu` or `ContextMenu` instead\n * @see https://ui.lobehub.com/components/context-menu\n * @see https://ui.lobehub.com/components/dropdown-menu\n */\nconst Dropdown = memo<DropdownProps>(({ children, iconProps, menu, ...rest }) => {\n  const { items, ...menuProps } = menu;\n\n  const antdItems = useMemo(() => items.map((item) => mapItems(item)), [items]);\n\n  return (\n    <IconProvider\n      config={{\n        size: 'small',\n        ...iconProps,\n      }}\n    >\n      <AntdDropdown\n        menu={{\n          ...menuProps,\n          items: antdItems,\n        }}\n        {...rest}\n      >\n        {children}\n      </AntdDropdown>\n    </IconProvider>\n  );\n});\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAMA,aAAW,MAAqB,EAAE,UAAU,WAAW,MAAM,GAAG,WAAW;CAC/E,MAAM,EAAE,OAAO,GAAG,cAAc;CAEhC,MAAM,YAAY,cAAc,MAAM,KAAK,SAAS,SAAS,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC;AAE7E,QACE,oBAAC;EACC,QAAQ;GACN,MAAM;GACN,GAAG;GACJ;YAED,oBAACC;GACC,MAAM;IACJ,GAAG;IACH,OAAO;IACR;GACD,GAAI;GAEH;IACY;GACF;EAEjB;AAEF,WAAS,cAAc;AAEvB,uBAAeD"}

package/es/DropdownMenu/DropdownMenu.d.mts

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

package/es/DropdownMenu/DropdownMenu.mjs

@@ -3,10 +3,11 @@
 import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
 import { CLASSNAMES } from "../styles/classNames.mjs";
 import { TOOLTIP_CONTAINER_ATTR } from "../Tooltip/TooltipPortal.mjs";
+import { placementMap } from "../utils/placement.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
 import { useIsClient } from "../hooks/useIsClient.mjs";
 import { renderDropdownMenuItems } from "./renderItems.mjs";
-import { cloneElement, isValidElement, memo, useCallback, useEffect, useMemo, useState } from "react";
+import { cloneElement, isValidElement, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Menu } from "@base-ui/react/menu";
@@ -14,37 +15,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import clsx from "clsx";
 
 //#region src/DropdownMenu/DropdownMenu.tsx
-const topCenter = {
-	align: "center",
-	side: "top"
-};
-const bottomCenter = {
-	align: "center",
-	side: "bottom"
-};
-const placementMap = {
-	bottom: bottomCenter,
-	bottomCenter,
-	bottomLeft: {
-		align: "start",
-		side: "bottom"
-	},
-	bottomRight: {
-		align: "end",
-		side: "bottom"
-	},
-	top: topCenter,
-	topCenter,
-	topLeft: {
-		align: "start",
-		side: "top"
-	},
-	topRight: {
-		align: "end",
-		side: "top"
-	}
-};
-const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenChange, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, triggerProps, ...rest }) => {
+const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenChange, onOpenChangeComplete, open, placement = "bottomLeft", popupProps, portalProps, positionerProps, triggerProps, ...rest }) => {
 	const isClient = useIsClient();
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
 	useEffect(() => {
@@ -55,11 +26,20 @@ const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenC
 		onOpenChange?.(nextOpen, details);
 		if (open === void 0) setUncontrolledOpen(nextOpen);
 	}, [onOpenChange, open]);
-	const shouldRenderItems = open ?? uncontrolledOpen;
+	const menuItemsRef = useRef(null);
+	const isOpen = open ?? uncontrolledOpen;
 	const menuItems = useMemo(() => {
-		if (!shouldRenderItems) return null;
-		return renderDropdownMenuItems(typeof items === "function" ? items() : items);
-	}, [items, shouldRenderItems]);
+		if (isOpen) {
+			const renderedItems = renderDropdownMenuItems(typeof items === "function" ? items() : items);
+			menuItemsRef.current = renderedItems;
+			return renderedItems;
+		}
+		return menuItemsRef.current;
+	}, [isOpen, items]);
+	const handleOpenChangeComplete = useCallback((nextOpen) => {
+		onOpenChangeComplete?.(nextOpen);
+		if (!nextOpen) menuItemsRef.current = null;
+	}, [onOpenChangeComplete]);
 	const portalContainer = useMemo(() => {
 		if (!isClient) return null;
 		const themeApp = document.querySelector(`#${LOBE_THEME_APP_ID}`);
@@ -69,6 +49,7 @@ const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenC
 		return document.body;
 	}, [isClient]);
 	const placementConfig = placementMap[placement];
+	const hoverTrigger = Boolean(triggerProps?.openOnHover);
 	const isNativeButtonTriggerElement = useMemo(() => {
 		if (!isValidElement(children)) return false;
 		return typeof children.type === "string" && children.type === "button";
@@ -113,6 +94,7 @@ const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenC
 		...rest,
 		defaultOpen,
 		onOpenChange: handleOpenChange,
+		onOpenChangeComplete: handleOpenChangeComplete,
 		open,
 		children: [trigger, /* @__PURE__ */ jsx(Menu.Portal, {
 			container: portalProps?.container ?? portalContainer,
@@ -120,6 +102,8 @@ const DropdownMenu = memo(({ children, defaultOpen, items, nativeButton, onOpenC
 			children: /* @__PURE__ */ jsx(Menu.Positioner, {
 				...resolvedPositionerProps,
 				className: (state) => cx(styles.positioner, typeof positionerProps?.className === "function" ? positionerProps.className(state) : positionerProps?.className),
+				"data-hover-trigger": hoverTrigger || void 0,
+				"data-placement": placement,
 				children: /* @__PURE__ */ jsx(Menu.Popup, {
 					...popupProps,
 					className: (state) => cx(styles.popup, typeof popupProps?.className === "function" ? popupProps.className(state) : popupProps?.className),

package/es/DropdownMenu/DropdownMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.mjs","names":["topCenter: PlacementConfig","bottomCenter: PlacementConfig","placementMap: Record<DropdownMenuPlacement, PlacementConfig>","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 type { Align, Side } from '@base-ui/react/utils/useAnchorPositioning';\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\ntype PlacementConfig = {\n  align: Align;\n  side: Side;\n};\nconst topCenter: PlacementConfig = { align: 'center', side: 'top' };\nconst bottomCenter: PlacementConfig = { align: 'center', side: 'bottom' };\nconst topLeft: PlacementConfig = { align: 'start', side: 'top' };\nconst bottomLeft: PlacementConfig = { align: 'start', side: 'bottom' };\nconst topRight: PlacementConfig = { align: 'end', side: 'top' };\nconst bottomRight: PlacementConfig = { align: 'end', side: 'bottom' };\nconst placementMap: Record<DropdownMenuPlacement, PlacementConfig> = {\n  bottom: bottomCenter,\n  bottomCenter,\n  bottomLeft,\n  bottomRight,\n  top: topCenter,\n  topCenter,\n  topLeft,\n  topRight,\n};\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n\n    items,\n    nativeButton,\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\n    const isNativeButtonTriggerElement = useMemo(() => {\n      if (!isValidElement(children)) return false;\n      return typeof children.type === 'string' && children.type === 'button';\n    }, [children]);\n\n    const renderer: ComponentRenderFn<HTMLProps<any>, MenuTriggerState> = useCallback(\n      (props) => {\n        // Base UI's trigger props include `type=\"button\"` by default.\n        // If we render into a non-<button> element, that prop is invalid and can warn.\n        const resolvedProps = (() => {\n          if (isNativeButtonTriggerElement) return props as any;\n          // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n          const { type, ...restProps } = props as any;\n          return restProps;\n        })();\n\n        return cloneElement(children as any, mergeProps((children as any).props, resolvedProps));\n      },\n      [children, isNativeButtonTriggerElement],\n    );\n\n    // When we use `render`, Base UI expects the rendered element to be a native <button> by default.\n    // If we can infer it's not, opt out to avoid warnings (users can still override via `nativeButton`).\n    const resolvedNativeButton = useMemo(() => {\n      if (nativeButton !== undefined) return nativeButton;\n      if (triggerProps?.nativeButton !== undefined) return triggerProps.nativeButton;\n      if (isNativeButtonTriggerElement) return true;\n      if (!isValidElement(children)) return undefined;\n      if (typeof children.type === 'string') return false;\n      return undefined;\n    }, [children, isNativeButtonTriggerElement, nativeButton, triggerProps?.nativeButton]);\n\n    const trigger = isValidElement(children) ? (\n      <Menu.Trigger\n        {...triggerProps}\n        className={clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className)}\n        nativeButton={resolvedNativeButton}\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    const resolvedPositionerProps = {\n      ...positionerProps,\n      align: positionerProps?.align ?? placementConfig?.align ?? 'center',\n      side: positionerProps?.side ?? placementConfig?.side ?? 'bottom',\n      sideOffset: positionerProps?.sideOffset ?? 6,\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            {...resolvedPositionerProps}\n            className={(state) =>\n              cx(\n                styles.positioner,\n                typeof positionerProps?.className === 'function'\n                  ? positionerProps.className(state)\n                  : positionerProps?.className,\n              )\n            }\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":"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"}
+{"version":3,"file":"DropdownMenu.mjs","names":["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  useRef,\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';\nimport { placementMap } from '@/utils/placement';\n\nimport { renderDropdownMenuItems } from './renderItems';\nimport type { DropdownMenuProps } from './type';\n\nconst DropdownMenu = memo<DropdownMenuProps>(\n  ({\n    children,\n    defaultOpen,\n\n    items,\n    nativeButton,\n    onOpenChange,\n    onOpenChangeComplete,\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 menuItemsRef = useRef<ReturnType<typeof renderDropdownMenuItems> | null>(null);\n    const isOpen = open ?? uncontrolledOpen;\n    const menuItems = useMemo(() => {\n      if (isOpen) {\n        const resolvedItems = typeof items === 'function' ? items() : items;\n        const renderedItems = renderDropdownMenuItems(resolvedItems);\n        menuItemsRef.current = renderedItems;\n        return renderedItems;\n      }\n      return menuItemsRef.current;\n    }, [isOpen, items]);\n    const handleOpenChangeComplete = useCallback(\n      (nextOpen: boolean) => {\n        onOpenChangeComplete?.(nextOpen);\n        if (!nextOpen) {\n          menuItemsRef.current = null;\n        }\n      },\n      [onOpenChangeComplete],\n    );\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 hoverTrigger = Boolean((triggerProps as any)?.openOnHover);\n\n    const isNativeButtonTriggerElement = useMemo(() => {\n      if (!isValidElement(children)) return false;\n      return typeof children.type === 'string' && children.type === 'button';\n    }, [children]);\n\n    const renderer: ComponentRenderFn<HTMLProps<any>, MenuTriggerState> = useCallback(\n      (props) => {\n        // Base UI's trigger props include `type=\"button\"` by default.\n        // If we render into a non-<button> element, that prop is invalid and can warn.\n        const resolvedProps = (() => {\n          if (isNativeButtonTriggerElement) return props as any;\n          // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n          const { type, ...restProps } = props as any;\n          return restProps;\n        })();\n\n        return cloneElement(children as any, mergeProps((children as any).props, resolvedProps));\n      },\n      [children, isNativeButtonTriggerElement],\n    );\n\n    // When we use `render`, Base UI expects the rendered element to be a native <button> by default.\n    // If we can infer it's not, opt out to avoid warnings (users can still override via `nativeButton`).\n    const resolvedNativeButton = useMemo(() => {\n      if (nativeButton !== undefined) return nativeButton;\n      if (triggerProps?.nativeButton !== undefined) return triggerProps.nativeButton;\n      if (isNativeButtonTriggerElement) return true;\n      if (!isValidElement(children)) return undefined;\n      if (typeof children.type === 'string') return false;\n      return undefined;\n    }, [children, isNativeButtonTriggerElement, nativeButton, triggerProps?.nativeButton]);\n\n    const trigger = isValidElement(children) ? (\n      <Menu.Trigger\n        {...triggerProps}\n        className={clsx(CLASSNAMES.DropdownMenuTrigger, triggerProps?.className)}\n        nativeButton={resolvedNativeButton}\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    const resolvedPositionerProps = {\n      ...positionerProps,\n      align: positionerProps?.align ?? placementConfig?.align ?? 'center',\n      side: positionerProps?.side ?? placementConfig?.side ?? 'bottom',\n      sideOffset: positionerProps?.sideOffset ?? 6,\n    };\n    return (\n      <Menu.Root\n        {...rest}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n        onOpenChangeComplete={handleOpenChangeComplete}\n        open={open}\n      >\n        {trigger}\n        <Menu.Portal container={portalProps?.container ?? portalContainer} {...portalProps}>\n          <Menu.Positioner\n            {...resolvedPositionerProps}\n            className={(state) =>\n              cx(\n                styles.positioner,\n                typeof positionerProps?.className === 'function'\n                  ? positionerProps.className(state)\n                  : positionerProps?.className,\n              )\n            }\n            data-hover-trigger={hoverTrigger || undefined}\n            data-placement={placement}\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":"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"}

package/es/DropdownMenu/type.d.mts

@@ -1,3 +1,4 @@
+import { Placement } from "../utils/placement.mjs";
 import { MenuCheckboxItemType } from "../Menu/checkboxItem.mjs";
 import { BaseMenuItemType } from "../Menu/baseItem.mjs";
 import "../Menu/index.mjs";
@@ -5,7 +6,7 @@ import { ReactNode } from "react";
 import { MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuRootProps, MenuTriggerProps } from "@base-ui/react/menu";
 
 //#region src/DropdownMenu/type.d.ts
-type DropdownMenuPlacement = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight' | 'top' | 'bottom';
+type DropdownMenuPlacement = Placement;
 type DropdownMenuCheckboxItem = MenuCheckboxItemType;
 type DropdownItem = BaseMenuItemType;
 interface DropdownMenuProps<Payload = unknown> extends Omit<MenuRootProps<Payload>, 'children'> {

package/es/EditableText/EditableText.d.mts

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

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react69 from "react";
+import * as react0 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react69.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react0.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 react10 from "react";
+import * as react13 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react10.NamedExoticComponent<FooterProps>;
+declare const Footer: react13.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 react18 from "react";
+import * as react9 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react18.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react9.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 react19 from "react";
+import * as react10 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react19.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react10.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 react20 from "react";
+import * as react11 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react20.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react11.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 react57 from "react";
+import * as react12 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react57.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react12.NamedExoticComponent<FormModalProps>;
 //#endregion
 export { FormModal };
 //# sourceMappingURL=FormModal.d.mts.map

package/es/GuideCard/GuideCard.d.mts

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

package/es/Header/Header.d.mts

@@ -1,8 +1,8 @@
 import { HeaderProps } from "./type.mjs";
-import * as react51 from "react";
+import * as react68 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react51.NamedExoticComponent<HeaderProps>;
+declare const Header: react68.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 react46 from "react";
+import * as react64 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react46.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react64.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 react47 from "react";
+import * as react65 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react47.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react65.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 react45 from "react";
+import * as react66 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react45.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react66.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 react38 from "react";
+import * as react63 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react38.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react63.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 react50 from "react";
+import * as react61 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react50.NamedExoticComponent<IconProps>;
+declare const Icon: react61.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 react48 from "react";
+import * as react59 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react48.Context<IconContentConfig>;
-declare const IconProvider: react48.NamedExoticComponent<{
+declare const IconContext: react59.Context<IconContentConfig>;
+declare const IconProvider: react59.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react37 from "react";
+import * as react62 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react37.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react62.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 react74 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react109.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react74.NamedExoticComponent<ImageSelectProps>;
 //#endregion
 export { ImageSelect };
 //# sourceMappingURL=ImageSelect.d.mts.map

package/es/Input/Input.d.mts

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

package/es/Input/InputNumber.d.mts

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

package/es/Input/InputOPT.d.mts

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

package/es/Input/InputPassword.d.mts

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

package/es/Input/TextArea.d.mts

@@ -1,8 +1,8 @@
 import { TextAreaProps } from "./type.mjs";
-import * as react135 from "react";
+import * as react117 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react135.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react117.NamedExoticComponent<TextAreaProps>;
 //#endregion
 export { TextArea };
 //# sourceMappingURL=TextArea.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 react39 from "react";
+import * as react53 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react39.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react53.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 react40 from "react";
+import * as react54 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react40.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react54.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 react41 from "react";
+import * as react55 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react41.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react55.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 react42 from "react";
+import * as react56 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react42.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react56.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 react43 from "react";
+import * as react57 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react43.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react57.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 react44 from "react";
+import * as react58 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react44.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react58.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

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

package/es/Markdown/Markdown.d.mts

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