@lobehub/ui 4.35.3 → 4.36.1

package/es/index.mjs

@@ -11,6 +11,12 @@ import { staticStylish } from "./styles/theme/customStylishStatic.mjs";
 import { generateCustomToken } from "./styles/theme/customToken.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "./styles/theme/generateColorPalette.mjs";
 import Block_default from "./Block/Block.mjs";
+import { useAppElement } from "./ThemeProvider/AppElementContext.mjs";
+import { LOBE_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
+import Meta_default from "./ThemeProvider/Meta.mjs";
+import FontLoader_default from "./FontLoader/index.mjs";
+import { CLASSNAMES } from "./styles/classNames.mjs";
+import ThemeProvider_default from "./ThemeProvider/ThemeProvider.mjs";
 import { placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
 import { KeyMapEnum } from "./Hotkey/const.mjs";
 import { IconProvider } from "./Icon/components/IconProvider.mjs";
@@ -24,7 +30,6 @@ import { preventDefault, preventDefaultAndStopPropagation, stopPropagation } fro
 import AccordionItem_default from "./Accordion/AccordionItem.mjs";
 import ActionIcon_default from "./ActionIcon/ActionIcon.mjs";
 import { styles as styles$1 } from "./Menu/sharedStyle.mjs";
-import { CLASSNAMES } from "./styles/classNames.mjs";
 import { DROPDOWN_MENU_CONTAINER_ATTR, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger } from "./DropdownMenu/atoms.mjs";
 import Menu_default from "./Menu/Menu.mjs";
 import { renderDropdownMenuItems } from "./DropdownMenu/renderItems.mjs";
@@ -83,7 +88,6 @@ import Tabs_default from "./Tabs/Tabs.mjs";
 import Tag_default from "./Tag/Tag.mjs";
 import EmojiPicker_default from "./EmojiPicker/EmojiPicker.mjs";
 import Empty_default from "./Empty/Empty.mjs";
-import FontLoader_default from "./FontLoader/index.mjs";
 import Footer_default from "./Footer/Footer.mjs";
 import FormGroup_default from "./Form/components/FormGroup.mjs";
 import FormTitle_default from "./Form/components/FormTitle.mjs";
@@ -153,12 +157,9 @@ import SkeletonTags_default from "./Skeleton/SkeletonTags.mjs";
 import Skeleton_default from "./Skeleton/index.mjs";
 import SliderWithInput_default from "./SliderWithInput/SliderWithInput.mjs";
 import SortableList_default from "./SortableList/SortableList.mjs";
-import { LOBE_THEME_APP_ID } from "./ThemeProvider/constants.mjs";
-import Meta_default from "./ThemeProvider/Meta.mjs";
-import ThemeProvider_default from "./ThemeProvider/ThemeProvider.mjs";
 import ThemeSwitch_default from "./ThemeSwitch/ThemeSwitch.mjs";
 import { ToastHost, toast, useToast } from "./Toast/imperative.mjs";
 import Toc_default from "./Toc/Toc.mjs";
 import { ErrorBoundary } from "react-error-boundary";
 
-export { A_default as A, Accordion_default as Accordion, AccordionItem_default as AccordionItem, ActionIcon_default as ActionIcon, ActionIconGroup_default as ActionIconGroup, Alert_default as Alert, Select_default as AutoComplete, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Block_default as Block, Burger_default as Burger, Button_default as Button, CLASSNAMES, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, CodeDiff_default as CodeDiff, CodeEditor_default as CodeEditor, Collapse_default as Collapse, ColorSwatches_default as ColorSwatches, ConfigProvider_default as ConfigProvider, ContextMenuHost, ContextMenuTrigger, CopyButton_default as CopyButton, DROPDOWN_MENU_CONTAINER_ATTR, DatePicker_default as DatePicker, DownloadButton_default as DownloadButton, DraggablePanel_default as DraggablePanel, DraggablePanelBody_default as DraggablePanelBody, DraggablePanelContainer_default as DraggablePanelContainer, DraggablePanelFooter_default as DraggablePanelFooter, DraggablePanelHeader_default as DraggablePanelHeader, DraggableSideNav_default as DraggableSideNav, Drawer_default as Drawer, Dropdown_default as Dropdown, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EditableText_default as EditableText, EditorSlashMenu_default as EditorSlashMenu, EmojiPicker_default as EmojiPicker, Empty_default as Empty, ErrorBoundary, FileTypeIcon_default as FileTypeIcon, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox, FluentEmoji_default as FluentEmoji, FontLoader_default as FontLoader, Footer_default as Footer, Form_default as Form, FormGroup_default as FormGroup, FormItem_default as FormItem, FormModal_default as FormModal, FormSubmitFooter_default as FormSubmitFooter, FormTitle_default as FormTitle, Freeze_default as Freeze, Grid_default as Grid, GroupAvatar_default as GroupAvatar, GuideCard_default as GuideCard, Header_default as Header, Highlighter_default as Highlighter, Hotkey_default as Hotkey, HotkeyInput_default as HotkeyInput, I18nProvider, Icon_default as Icon, IconProvider, Image_default as Image, ImageSelect_default as ImageSelect, Input_default as Input, InputNumber_default as InputNumber, InputOPT_default as InputOPT, InputPassword_default as InputPassword, KeyMapEnum, LOBE_SELECT_CONTAINER_ATTR, LOBE_THEME_APP_ID, Layout_default as Layout, LayoutFooter_default as LayoutFooter, LayoutHeader_default as LayoutHeader, LayoutMain_default as LayoutMain, LayoutSidebar_default as LayoutSidebar, LayoutSidebarInner_default as LayoutSidebarInner, LayoutToc_default as LayoutToc, List_default as List, ListItem_default as ListItem, LobeSelect_default as LobeSelect, LobeSelectArrow, LobeSelectBackdrop, LobeSelectGroup, LobeSelectGroupLabel, LobeSelectIcon, LobeSelectItem, LobeSelectItemIndicator, LobeSelectItemText, LobeSelectList, LobeSelectPopup, LobeSelectPortal, LobeSelectPositioner, LobeSelectRoot, LobeSelectScrollDownArrow, LobeSelectScrollUpArrow, LobeSelectSeparator, LobeSelectTrigger, LobeSelectValue, LobeSwitch_default as LobeSwitch, LobeSwitchIcon, LobeSwitchRoot, LobeSwitchThumb, I18nProvider as LobeUIProvider, Markdown_default as Markdown, MaskShadow_default as MaskShadow, MaterialFileTypeIcon_default as MaterialFileTypeIcon, Menu_default as Menu, Mermaid_default as Mermaid, Meta_default as Meta, Modal_default as Modal, ModalHost, ModalProvider, MotionComponent, MotionProvider, POPOVER_CONTAINER_ATTR, PatchDiff_default as PatchDiff, Popover_default as Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup_default as PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, PreviewGroup_default as PreviewGroup, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, ScrollShadow_default as ScrollShadow, SearchBar_default as SearchBar, SearchResultCards_default as SearchResultCards, Segmented_default as Segmented, Select_default$1 as Select, lobe_theme_default as ShikiLobeTheme, SideNav_default as SideNav, Skeleton_default as Skeleton, SkeletonAvatar_default as SkeletonAvatar, SkeletonBlock_default as SkeletonBlock, SkeletonButton_default as SkeletonButton, SkeletonParagraph_default as SkeletonParagraph, SkeletonTags_default as SkeletonTags, SkeletonTitle_default as SkeletonTitle, SliderWithInput_default as SliderWithInput, Snippet_default as Snippet, SortableList_default as SortableList, SyntaxHighlighter_default as SyntaxHighlighter, SyntaxMermaid_default as SyntaxMermaid, Tabs_default as Tabs, Tag_default as Tag, Text_default as Text, TextArea_default as TextArea, ThemeProvider_default as ThemeProvider, ThemeSwitch_default as ThemeSwitch, ToastHost, Toc_default as Toc, Tooltip_default as Tooltip, TooltipGroup_default as TooltipGroup, Typography_default as Typography, Video_default as Video, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, styles as lobeSwitchStyles, styles$1 as menuSharedStyles, mermaidThemes, neutralColors, neutralColorsSwatches, placementMap, preprocessMarkdownContent, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useCdnFn, useLobeSwitchContext, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useToast, useTranslation };
+export { A_default as A, Accordion_default as Accordion, AccordionItem_default as AccordionItem, ActionIcon_default as ActionIcon, ActionIconGroup_default as ActionIconGroup, Alert_default as Alert, Select_default as AutoComplete, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Block_default as Block, Burger_default as Burger, Button_default as Button, CLASSNAMES, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, CodeDiff_default as CodeDiff, CodeEditor_default as CodeEditor, Collapse_default as Collapse, ColorSwatches_default as ColorSwatches, ConfigProvider_default as ConfigProvider, ContextMenuHost, ContextMenuTrigger, CopyButton_default as CopyButton, DROPDOWN_MENU_CONTAINER_ATTR, DatePicker_default as DatePicker, DownloadButton_default as DownloadButton, DraggablePanel_default as DraggablePanel, DraggablePanelBody_default as DraggablePanelBody, DraggablePanelContainer_default as DraggablePanelContainer, DraggablePanelFooter_default as DraggablePanelFooter, DraggablePanelHeader_default as DraggablePanelHeader, DraggableSideNav_default as DraggableSideNav, Drawer_default as Drawer, Dropdown_default as Dropdown, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, EditableText_default as EditableText, EditorSlashMenu_default as EditorSlashMenu, EmojiPicker_default as EmojiPicker, Empty_default as Empty, ErrorBoundary, FileTypeIcon_default as FileTypeIcon, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox, FluentEmoji_default as FluentEmoji, FontLoader_default as FontLoader, Footer_default as Footer, Form_default as Form, FormGroup_default as FormGroup, FormItem_default as FormItem, FormModal_default as FormModal, FormSubmitFooter_default as FormSubmitFooter, FormTitle_default as FormTitle, Freeze_default as Freeze, Grid_default as Grid, GroupAvatar_default as GroupAvatar, GuideCard_default as GuideCard, Header_default as Header, Highlighter_default as Highlighter, Hotkey_default as Hotkey, HotkeyInput_default as HotkeyInput, I18nProvider, Icon_default as Icon, IconProvider, Image_default as Image, ImageSelect_default as ImageSelect, Input_default as Input, InputNumber_default as InputNumber, InputOPT_default as InputOPT, InputPassword_default as InputPassword, KeyMapEnum, LOBE_SELECT_CONTAINER_ATTR, LOBE_THEME_APP_ID, Layout_default as Layout, LayoutFooter_default as LayoutFooter, LayoutHeader_default as LayoutHeader, LayoutMain_default as LayoutMain, LayoutSidebar_default as LayoutSidebar, LayoutSidebarInner_default as LayoutSidebarInner, LayoutToc_default as LayoutToc, List_default as List, ListItem_default as ListItem, LobeSelect_default as LobeSelect, LobeSelectArrow, LobeSelectBackdrop, LobeSelectGroup, LobeSelectGroupLabel, LobeSelectIcon, LobeSelectItem, LobeSelectItemIndicator, LobeSelectItemText, LobeSelectList, LobeSelectPopup, LobeSelectPortal, LobeSelectPositioner, LobeSelectRoot, LobeSelectScrollDownArrow, LobeSelectScrollUpArrow, LobeSelectSeparator, LobeSelectTrigger, LobeSelectValue, LobeSwitch_default as LobeSwitch, LobeSwitchIcon, LobeSwitchRoot, LobeSwitchThumb, I18nProvider as LobeUIProvider, Markdown_default as Markdown, MaskShadow_default as MaskShadow, MaterialFileTypeIcon_default as MaterialFileTypeIcon, Menu_default as Menu, Mermaid_default as Mermaid, Meta_default as Meta, Modal_default as Modal, ModalHost, ModalProvider, MotionComponent, MotionProvider, POPOVER_CONTAINER_ATTR, PatchDiff_default as PatchDiff, Popover_default as Popover, PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup_default as PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, PreviewGroup_default as PreviewGroup, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, ScrollShadow_default as ScrollShadow, SearchBar_default as SearchBar, SearchResultCards_default as SearchResultCards, Segmented_default as Segmented, Select_default$1 as Select, lobe_theme_default as ShikiLobeTheme, SideNav_default as SideNav, Skeleton_default as Skeleton, SkeletonAvatar_default as SkeletonAvatar, SkeletonBlock_default as SkeletonBlock, SkeletonButton_default as SkeletonButton, SkeletonParagraph_default as SkeletonParagraph, SkeletonTags_default as SkeletonTags, SkeletonTitle_default as SkeletonTitle, SliderWithInput_default as SliderWithInput, Snippet_default as Snippet, SortableList_default as SortableList, SyntaxHighlighter_default as SyntaxHighlighter, SyntaxMermaid_default as SyntaxMermaid, Tabs_default as Tabs, Tag_default as Tag, Text_default as Text, TextArea_default as TextArea, ThemeProvider_default as ThemeProvider, ThemeSwitch_default as ThemeSwitch, ToastHost, Toc_default as Toc, Tooltip_default as Tooltip, TooltipGroup_default as TooltipGroup, Typography_default as Typography, Video_default as Video, closeContextMenu, combineKeys, copyToClipboard, createModal, createRawModal, findCustomThemeName, genCdnUrl, generateColorNeutralPalette, generateColorPalette, highlighterThemes, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, staticStylish as lobeStaticStylish, styles as lobeSwitchStyles, styles$1 as menuSharedStyles, mermaidThemes, neutralColors, neutralColorsSwatches, placementMap, preprocessMarkdownContent, preventDefault, preventDefaultAndStopPropagation, primaryColors, primaryColorsSwatches, rehypeCustomFootnotes, rehypeKatexDir, rehypeStreamAnimated, remarkBr, remarkColor, remarkCustomFootnotes, remarkGfmPlus, remarkVideo, renderDropdownMenuItems, showContextMenu, stopPropagation, toFloatingUIPlacement, toast, updateContextMenuItems, useAppElement, useCdnFn, useLobeSwitchContext, useModalContext, useMotionComponent, usePopoverContext, usePopoverPortalContainer, useToast, useTranslation };

package/es/mdx/Mdx/index.d.mts

@@ -1,6 +1,6 @@
 import { TypographyProps } from "../../Markdown/type.mjs";
 import "../../Markdown/index.mjs";
-import * as react14 from "react";
+import * as react84 from "react";
 import { ReactNode } from "react";
 import { Pluggable } from "unified";
 
@@ -18,7 +18,7 @@ interface MdxProps extends Omit<TypographyProps, 'children'> {
   remarkPlugins?: Pluggable[];
   variant?: 'normal' | 'chat';
 }
-declare const Mdx: react14.NamedExoticComponent<MdxProps>;
+declare const Mdx: react84.NamedExoticComponent<MdxProps>;
 //#endregion
 export { Mdx, MdxProps };
 //# sourceMappingURL=index.d.mts.map

package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts

@@ -1,8 +1,8 @@
 import { ChatHeaderTitleProps } from "./type.mjs";
-import * as react129 from "react";
+import * as react146 from "react";
 
 //#region src/mobile/ChatHeader/ChatHeaderTitle.d.ts
-declare const ChatHeaderTitle: react129.NamedExoticComponent<ChatHeaderTitleProps>;
+declare const ChatHeaderTitle: react146.NamedExoticComponent<ChatHeaderTitleProps>;
 //#endregion
 export { ChatHeaderTitle };
 //# sourceMappingURL=ChatHeaderTitle.d.mts.map

package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts

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

package/es/mobile/TabBar/TabBar.d.mts

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

package/es/storybook/StoryBook/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react19 from "react";
+import * as react83 from "react";
 import { Ref } from "react";
 import { useControls, useCreateStore } from "leva";
 
@@ -10,7 +10,7 @@ interface StoryBookProps extends FlexboxProps {
   noPadding?: boolean;
   ref?: Ref<HTMLDivElement>;
 }
-declare const StoryBook: react19.NamedExoticComponent<StoryBookProps>;
+declare const StoryBook: react83.NamedExoticComponent<StoryBookProps>;
 //#endregion
 export { StoryBook, StoryBookProps, useControls, useCreateStore };
 //# sourceMappingURL=index.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "4.35.3",
+  "version": "4.36.1",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",

package/es/Tooltip/TooltipPortal.mjs

@@ -1,38 +0,0 @@
-'use client';
-
-import { useEffect, useState } from "react";
-
-//#region src/Tooltip/TooltipPortal.tsx
-const PORTAL_ATTR = "data-lobe-ui-tooltip-portal";
-const containerMap = /* @__PURE__ */ new WeakMap();
-const getOrCreateContainer = (root) => {
-	const resolvedRoot = (() => {
-		if (typeof document === "undefined") return root;
-		if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot) return root;
-		return root;
-	})();
-	const cached = containerMap.get(resolvedRoot);
-	if (cached && cached.isConnected) return cached;
-	const el = document.createElement("div");
-	el.setAttribute(PORTAL_ATTR, "true");
-	resolvedRoot.append(el);
-	containerMap.set(resolvedRoot, el);
-	return el;
-};
-const resolveRoot = (root) => {
-	if (root) return root;
-	return document.body;
-};
-const useTooltipPortalContainer = (root) => {
-	const [container, setContainer] = useState(null);
-	useEffect(() => {
-		const resolved = resolveRoot(root);
-		if (!resolved) return;
-		setContainer(getOrCreateContainer(resolved));
-	}, [root, container?.isConnected]);
-	return container;
-};
-
-//#endregion
-export { useTooltipPortalContainer };
-//# sourceMappingURL=TooltipPortal.mjs.map

package/es/Tooltip/TooltipPortal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipPortal.mjs","names":[],"sources":["../../src/Tooltip/TooltipPortal.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nconst PORTAL_ATTR = 'data-lobe-ui-tooltip-portal';\nexport const TOOLTIP_CONTAINER_ATTR = 'data-lobe-ui-tooltip-container';\n\n// Reuse one portal container per root (document.body by default).\nconst containerMap = new WeakMap<object, HTMLElement>();\n\nconst getOrCreateContainer = (root: HTMLElement | ShadowRoot): HTMLElement => {\n  const resolvedRoot = (() => {\n    if (typeof document === 'undefined') return root;\n    if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) return root;\n\n    return root;\n  })();\n\n  const cached = containerMap.get(resolvedRoot);\n  if (cached && cached.isConnected) return cached;\n\n  const el = document.createElement('div');\n  el.setAttribute(PORTAL_ATTR, 'true');\n  resolvedRoot.append(el);\n  containerMap.set(resolvedRoot, el);\n  return el;\n};\n\nconst resolveRoot = (root?: HTMLElement | ShadowRoot | null): HTMLElement | ShadowRoot | null => {\n  if (root) return root;\n  return document.body;\n};\n\nexport const useTooltipPortalContainer = (\n  root?: HTMLElement | ShadowRoot | null,\n): HTMLElement | null => {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n\n  // Never mutate DOM / create portal container during render.\n  // Create it after mount to avoid SSR/hydration side effects.\n  useEffect(() => {\n    const resolved = resolveRoot(root);\n    if (!resolved) return;\n    setContainer(getOrCreateContainer(resolved));\n  }, [root, container?.isConnected]);\n\n  return container;\n};\n"],"mappings":";;;;;AAIA,MAAM,cAAc;AAIpB,MAAM,+BAAe,IAAI,SAA8B;AAEvD,MAAM,wBAAwB,SAAgD;CAC5E,MAAM,sBAAsB;AAC1B,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,MAAI,OAAO,eAAe,eAAe,gBAAgB,WAAY,QAAO;AAE5E,SAAO;KACL;CAEJ,MAAM,SAAS,aAAa,IAAI,aAAa;AAC7C,KAAI,UAAU,OAAO,YAAa,QAAO;CAEzC,MAAM,KAAK,SAAS,cAAc,MAAM;AACxC,IAAG,aAAa,aAAa,OAAO;AACpC,cAAa,OAAO,GAAG;AACvB,cAAa,IAAI,cAAc,GAAG;AAClC,QAAO;;AAGT,MAAM,eAAe,SAA4E;AAC/F,KAAI,KAAM,QAAO;AACjB,QAAO,SAAS;;AAGlB,MAAa,6BACX,SACuB;CACvB,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAK;AAIpE,iBAAgB;EACd,MAAM,WAAW,YAAY,KAAK;AAClC,MAAI,CAAC,SAAU;AACf,eAAa,qBAAqB,SAAS,CAAC;IAC3C,CAAC,MAAM,WAAW,YAAY,CAAC;AAElC,QAAO"}