@lobehub/ui 4.9.0 → 4.9.1

package/es/Accordion/Accordion.d.mts

@@ -1,8 +1,8 @@
 import { AccordionProps } from "./type.mjs";
-import * as react73 from "react";
+import * as react15 from "react";
 
 //#region src/Accordion/Accordion.d.ts
-declare const Accordion: react73.NamedExoticComponent<AccordionProps>;
+declare const Accordion: react15.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 react72 from "react";
+import * as react14 from "react";
 
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: react72.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: react14.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 react17 from "react";
+import * as react1 from "react";
 
 //#region src/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: react17.NamedExoticComponent<ActionIconProps>;
+declare const ActionIcon: react1.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 react63 from "react";
+import * as react5 from "react";
 
 //#region src/Alert/Alert.d.ts
-declare const Alert: react63.NamedExoticComponent<AlertProps>;
+declare const Alert: react5.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 react62 from "react";
+import * as react3 from "react";
 
 //#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: react62.NamedExoticComponent<AutoCompleteProps>;
+declare const AutoComplete: react3.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 react61 from "react";
+import * as react4 from "react";
 
 //#region src/Avatar/AvatarGroup/index.d.ts
-declare const AvatarGroup: react61.NamedExoticComponent<AvatarGroupProps>;
+declare const AvatarGroup: react4.NamedExoticComponent<AvatarGroupProps>;
 //#endregion
 export { AvatarGroup };
 //# sourceMappingURL=index.d.mts.map

package/es/Burger/Burger.d.mts

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

package/es/CodeEditor/CodeEditor.d.mts

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

package/es/Collapse/Collapse.d.mts

@@ -1,8 +1,8 @@
 import { CollapseProps } from "./type.mjs";
-import * as react58 from "react";
+import * as react9 from "react";
 
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: react58.NamedExoticComponent<CollapseProps>;
+declare const Collapse: react9.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 react64 from "react";
+import * as react66 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: react64.NamedExoticComponent<ConfigProviderProps>;
+declare const ConfigProvider: react66.NamedExoticComponent<ConfigProviderProps>;
 type CdnFn = ({
   pkg,
   version,

package/es/ContextMenu/ContextMenuHost.d.mts

@@ -1,8 +1,8 @@
-import * as react107 from "react";
+import * as react105 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ContextMenu/ContextMenuHost.d.ts
-declare const ContextMenuHost: react107.MemoExoticComponent<() => react_jsx_runtime0.JSX.Element | null>;
+declare const ContextMenuHost: react105.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 react16 from "react";
+import * as react0 from "react";
 
 //#region src/CopyButton/CopyButton.d.ts
-declare const CopyButton: react16.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 react12 from "react";
+import * as react2 from "react";
 
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: react12.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: react2.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 react53 from "react";
+import * as react30 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: react53.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: react30.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 react54 from "react";
+import * as react31 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: react54.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: react31.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 react55 from "react";
+import * as react32 from "react";
 
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: react55.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: react32.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 react56 from "react";
+import * as react34 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: react56.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: react34.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 react52 from "react";
+import * as react35 from "react";
 
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: react52.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: react35.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 react57 from "react";
+import * as react24 from "react";
 
 //#region src/Drawer/Drawer.d.ts
-declare const Drawer: react57.NamedExoticComponent<DrawerProps>;
+declare const Drawer: react24.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 react51 from "react";
+import * as react23 from "react";
 
 //#region src/Dropdown/Dropdown.d.ts
-declare const Dropdown: react51.NamedExoticComponent<DropdownProps>;
+declare const Dropdown: react23.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 react50 from "react";
+import * as react13 from "react";
 
 //#region src/DropdownMenu/DropdownMenu.d.ts
-declare const DropdownMenu: react50.NamedExoticComponent<DropdownMenuProps<unknown>>;
+declare const DropdownMenu: react13.NamedExoticComponent<DropdownMenuProps<unknown>>;
 //#endregion
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/es/DropdownMenu/DropdownMenu.mjs

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

@@ -5,7 +5,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';
+type DropdownMenuPlacement = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight' | 'top' | 'bottom';
 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 react71 from "react";
+import * as react7 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react71.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 react0 from "react";
+import * as react6 from "react";
 
 //#region src/EmojiPicker/EmojiPicker.d.ts
-declare const EmojiPicker: react0.NamedExoticComponent<EmojiPickerProps>;
+declare const EmojiPicker: react6.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 react48 from "react";
+import * as react65 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react48.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react65.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react67 from "react";
+import * as react69 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react67.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react69.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 react47 from "react";
+import * as react73 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react47.NamedExoticComponent<FooterProps>;
+declare const Footer: react73.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 react43 from "react";
+import * as react62 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react43.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react62.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 react44 from "react";
+import * as react63 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react44.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react63.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 react45 from "react";
+import * as react64 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react45.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react64.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 react46 from "react";
+import * as react61 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react46.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react61.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 react131 from "react";
+import * as react133 from "react";
 
 //#region src/GuideCard/GuideCard.d.ts
-declare const GuideCard: react131.NamedExoticComponent<GuideCardProps>;
+declare const GuideCard: react133.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 react42 from "react";
+import * as react60 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react42.NamedExoticComponent<HeaderProps>;
+declare const Header: react60.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 react39 from "react";
+import * as react10 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react39.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react10.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 react40 from "react";
+import * as react11 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react40.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react11.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 react41 from "react";
+import * as react29 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react41.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 react38 from "react";
+import * as react56 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react38.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react56.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 react36 from "react";
+import * as react59 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react36.NamedExoticComponent<IconProps>;
+declare const Icon: react59.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 react34 from "react";
+import * as react57 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react34.Context<IconContentConfig>;
-declare const IconProvider: react34.NamedExoticComponent<{
+declare const IconContext: react57.Context<IconContentConfig>;
+declare const IconProvider: react57.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 react0 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react37.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react0.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 react108 from "react";
+import * as react106 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react108.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react106.NamedExoticComponent<ImageSelectProps>;
 //#endregion
 export { ImageSelect };
 //# sourceMappingURL=ImageSelect.d.mts.map