@lobehub/ui 4.36.2 → 4.36.3

package/es/Footer/Footer.d.mts

@@ -1,8 +1,8 @@
 import { FooterProps } from "./type.mjs";
-import * as react88 from "react";
+import * as react26 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react88.NamedExoticComponent<FooterProps>;
+declare const Footer: react26.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 react61 from "react";
+import * as react23 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react61.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react23.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 react62 from "react";
+import * as react25 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react62.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react25.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 react63 from "react";
+import * as react24 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react63.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react24.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 react59 from "react";
+import * as react22 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react59.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react22.NamedExoticComponent<FormModalProps>;
 //#endregion
 export { FormModal };
 //# sourceMappingURL=FormModal.d.mts.map

package/es/Freeze/Freeze.d.mts

@@ -1,12 +1,12 @@
 import { FreezeProps } from "./type.mjs";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/Freeze/Freeze.d.ts
 declare const Freeze: {
   ({
     frozen,
     children
-  }: FreezeProps): react_jsx_runtime60.JSX.Element;
+  }: FreezeProps): react_jsx_runtime17.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/GuideCard/GuideCard.d.mts

@@ -1,8 +1,8 @@
 import { GuideCardProps } from "./type.mjs";
-import * as react150 from "react";
+import * as react146 from "react";
 
 //#region src/GuideCard/GuideCard.d.ts
-declare const GuideCard: react150.NamedExoticComponent<GuideCardProps>;
+declare const GuideCard: react146.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 react60 from "react";
+import * as react19 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react60.NamedExoticComponent<HeaderProps>;
+declare const Header: react19.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 react57 from "react";
+import * as react66 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react57.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react66.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 react58 from "react";
+import * as react67 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react58.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react67.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 react56 from "react";
+import * as react80 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react56.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react80.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 react55 from "react";
+import * as react79 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react55.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react79.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 react54 from "react";
+import * as react13 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react54.NamedExoticComponent<IconProps>;
+declare const Icon: react13.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 react52 from "react";
+import * as react11 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react52.Context<IconContentConfig>;
-declare const IconProvider: react52.NamedExoticComponent<{
+declare const IconContext: react11.Context<IconContentConfig>;
+declare const IconProvider: react11.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

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

package/es/ImageSelect/ImageSelect.d.mts

@@ -1,8 +1,8 @@
 import { ImageSelectProps } from "./type.mjs";
-import * as react126 from "react";
+import * as react89 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react126.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react89.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 react152 from "react";
+import * as react147 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react152.NamedExoticComponent<InputProps>;
+declare const Input: react147.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 react151 from "react";
+import * as react148 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react151.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react148.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 react153 from "react";
+import * as react149 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react153.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react149.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 react154 from "react";
+import * as react150 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react154.NamedExoticComponent<InputPasswordProps>;
+declare const InputPassword: react150.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 react155 from "react";
+import * as react151 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react155.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react151.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 react47 from "react";
+import * as react81 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react47.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react81.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 react49 from "react";
+import * as react86 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react49.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react86.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 react46 from "react";
+import * as react85 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react46.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react85.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 react50 from "react";
+import * as react83 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react50.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react83.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 react51 from "react";
+import * as react82 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react51.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react82.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 react48 from "react";
+import * as react84 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react48.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react84.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 react44 from "react";
+import * as react14 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react44.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react14.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/LobeSelect/LobeSelect.d.mts

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

package/es/LobeSelect/LobeSelect.mjs

@@ -1,5 +1,6 @@
 'use client';
 
+import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
 import Icon_default from "../Icon/Icon.mjs";
 import { styles } from "../Menu/sharedStyle.mjs";
 import { styles as styles$1, triggerVariants } from "./style.mjs";
@@ -453,6 +454,7 @@ const LobeSelect = memo(({ allowClear, autoFocus, className, classNames, default
 			})]
 		}, `${String(item.value)}-${currentIndex}`);
 	});
+	const appElement = useAppElement();
 	return /* @__PURE__ */ jsxs(Select.Root, {
 		disabled,
 		id,
@@ -495,53 +497,56 @@ const LobeSelect = memo(({ allowClear, autoFocus, className, classNames, default
 					})]
 				})
 			]
-		}), /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
-			align: "start",
-			alignItemWithTrigger: isItemAligned,
-			className: styles$1.positioner,
-			side: "bottom",
-			sideOffset: 6,
-			children: /* @__PURE__ */ jsxs(Select.Popup, {
-				style: popupStyle,
-				className: cx(styles.popup, styles$1.popup, popupClassName, classNames?.popup, classNames?.dropdown),
-				children: [shouldShowSearch && /* @__PURE__ */ jsx("div", {
-					className: cx(styles$1.search, classNames?.search),
-					children: /* @__PURE__ */ jsx("input", {
-						className: styles$1.searchInput,
-						placeholder: typeof placeholder === "string" ? placeholder : void 0,
-						value: searchValue,
-						onChange: handleSearchChange,
-						onKeyDown: handleSearchKeyDown
-					})
-				}), (() => {
-					const content = filteredOptions.length > 0 ? renderOptions(filteredOptions) : /* @__PURE__ */ jsx("div", {
-						className: cx(styles.item, styles.empty, styles$1.empty, classNames?.empty),
-						children: "No data"
-					});
-					if (!virtual || filteredOptions.length === 0) return /* @__PURE__ */ jsx(Select.List, {
-						className: cx(styles$1.list, classNames?.list),
-						"data-virtual": virtual || void 0,
-						children: content
-					});
-					return /* @__PURE__ */ jsx(Select.List, {
-						className: cx(styles$1.list, classNames?.list),
-						"data-virtual": virtual || void 0,
-						ref: listRef,
-						style: virtualListStyle,
-						tabIndex: virtual ? -1 : void 0,
-						onPointerDown: virtual ? markPointerScroll : void 0,
-						onScroll: virtual ? handleListScroll : void 0,
-						onTouchMove: virtual ? markPointerScroll : void 0,
-						onWheel: virtual ? markPointerScroll : void 0,
-						children: /* @__PURE__ */ jsx(Virtualizer, {
-							itemSize: listItemHeight,
-							keepMounted: keepMountedIndices,
-							children: content
+		}), /* @__PURE__ */ jsx(Select.Portal, {
+			container: appElement,
+			children: /* @__PURE__ */ jsx(Select.Positioner, {
+				align: "start",
+				alignItemWithTrigger: isItemAligned,
+				className: styles$1.positioner,
+				side: "bottom",
+				sideOffset: 6,
+				children: /* @__PURE__ */ jsxs(Select.Popup, {
+					style: popupStyle,
+					className: cx(styles.popup, styles$1.popup, popupClassName, classNames?.popup, classNames?.dropdown),
+					children: [shouldShowSearch && /* @__PURE__ */ jsx("div", {
+						className: cx(styles$1.search, classNames?.search),
+						children: /* @__PURE__ */ jsx("input", {
+							className: styles$1.searchInput,
+							placeholder: typeof placeholder === "string" ? placeholder : void 0,
+							value: searchValue,
+							onChange: handleSearchChange,
+							onKeyDown: handleSearchKeyDown
 						})
-					});
-				})()]
+					}), (() => {
+						const content = filteredOptions.length > 0 ? renderOptions(filteredOptions) : /* @__PURE__ */ jsx("div", {
+							className: cx(styles.item, styles.empty, styles$1.empty, classNames?.empty),
+							children: "No data"
+						});
+						if (!virtual || filteredOptions.length === 0) return /* @__PURE__ */ jsx(Select.List, {
+							className: cx(styles$1.list, classNames?.list),
+							"data-virtual": virtual || void 0,
+							children: content
+						});
+						return /* @__PURE__ */ jsx(Select.List, {
+							className: cx(styles$1.list, classNames?.list),
+							"data-virtual": virtual || void 0,
+							ref: listRef,
+							style: virtualListStyle,
+							tabIndex: virtual ? -1 : void 0,
+							onPointerDown: virtual ? markPointerScroll : void 0,
+							onScroll: virtual ? handleListScroll : void 0,
+							onTouchMove: virtual ? markPointerScroll : void 0,
+							onWheel: virtual ? markPointerScroll : void 0,
+							children: /* @__PURE__ */ jsx(Virtualizer, {
+								itemSize: listItemHeight,
+								keepMounted: keepMountedIndices,
+								children: content
+							})
+						});
+					})()]
+				})
 			})
-		}) })]
+		})]
 	});
 });
 LobeSelect.displayName = "LobeSelect";