@lobehub/ui 4.9.2 → 4.10.0

package/es/Markdown/Typography.d.mts

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

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react70 from "react";
+import * as react3 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react70.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react3.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

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

package/es/Menu/Menu.d.mts

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

package/es/Menu/sharedStyle.mjs

@@ -117,23 +117,69 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       0 0 15px 0 #00000008,
       0 2px 30px 0 #00000014,
       0 0 0 1px ${cssVar$1.colorBorder} inset;
+  `,
+	positioner: css$1`
+    z-index: 1100;
+
+    &[data-hover-trigger] {
+      --lobe-dropdown-animation-duration: 140ms;
+      --lobe-dropdown-animation-translate: 6px;
+      --lobe-dropdown-animation-scale: 0.98;
+      --lobe-dropdown-animation-ease-in: ease-in;
+      --lobe-dropdown-animation-ease-out: ${cssVar$1.motionEaseOut};
+      --lobe-dropdown-translate-x: 0;
+      --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);
+
+      & > * {
+        will-change: opacity, transform;
+        animation: none;
+      }
 
-    animation: context-menu-fade-in 150ms ${cssVar$1.motionEaseOut};
+      &[data-open] > * {
+        transform: translate3d(0, 0, 0) scale(1);
+        opacity: 1;
+        transition:
+          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),
+          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);
+      }
 
-    @keyframes context-menu-fade-in {
-      from {
-        transform: scale(0.96);
+      &[data-open] > *[data-starting-style] {
+        transform: translate3d(
+            var(--lobe-dropdown-translate-x),
+            var(--lobe-dropdown-translate-y),
+            0
+          )
+          scale(var(--lobe-dropdown-animation-scale));
         opacity: 0;
       }
 
-      to {
-        transform: scale(1);
-        opacity: 1;
+      &[data-closed] > * {
+        transform: translate3d(
+            var(--lobe-dropdown-translate-x),
+            var(--lobe-dropdown-translate-y),
+            0
+          )
+          scale(var(--lobe-dropdown-animation-scale));
+        opacity: 0;
+        transition:
+          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),
+          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);
+      }
+
+      &[data-placement='top'],
+      &[data-placement='topCenter'],
+      &[data-placement='topLeft'],
+      &[data-placement='topRight'] {
+        --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);
+      }
+
+      &[data-placement='bottom'],
+      &[data-placement='bottomCenter'],
+      &[data-placement='bottomLeft'],
+      &[data-placement='bottomRight'] {
+        --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);
       }
     }
-  `,
-	positioner: css$1`
-    z-index: 1100;
   `,
 	separator: css$1`
     height: 1px;

package/es/Menu/sharedStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n\n    animation: context-menu-fade-in 150ms ${cssVar.motionEaseOut};\n\n    @keyframes context-menu-fade-in {\n      from {\n        transform: scale(0.96);\n        opacity: 0;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;4CAEOA,SAAO,cAAc;;;;;;;;;;;;;;CAc/D,YAAY,KAAG;;;CAIf,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
+{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n  `,\n  positioner: css`\n    z-index: 1100;\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n      --lobe-dropdown-animation-translate: 6px;\n      --lobe-dropdown-animation-scale: 0.98;\n      --lobe-dropdown-animation-ease-in: ease-in;\n      --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n      --lobe-dropdown-translate-x: 0;\n      --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n\n      & > * {\n        will-change: opacity, transform;\n        animation: none;\n      }\n\n      &[data-open] > * {\n        transform: translate3d(0, 0, 0) scale(1);\n        opacity: 1;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n      }\n\n      &[data-open] > *[data-starting-style] {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n      }\n\n      &[data-closed] > * {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n      }\n\n      &[data-placement='top'],\n      &[data-placement='topCenter'],\n      &[data-placement='topLeft'],\n      &[data-placement='topRight'] {\n        --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);\n      }\n\n      &[data-placement='bottom'],\n      &[data-placement='bottomCenter'],\n      &[data-placement='bottomLeft'],\n      &[data-placement='bottomRight'] {\n        --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n      }\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;CAOV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;CAEnC,YAAY,KAAG;;;;;;;;4CAQ2BA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/D,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}

package/es/Mermaid/Mermaid.d.mts

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

package/es/Mermaid/SyntaxMermaid/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxMermaidProps } from "../type.mjs";
-import * as react32 from "react";
+import * as react43 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react32.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react43.NamedExoticComponent<SyntaxMermaidProps>;
 //#endregion
 export { SyntaxMermaid };
 //# sourceMappingURL=index.d.mts.map

package/es/Modal/Modal.d.mts

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

package/es/Modal/ModalProvider.d.mts

@@ -1,9 +1,9 @@
 import { ModalContextValue } from "./type.mjs";
-import * as react27 from "react";
+import * as react39 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react27.NamedExoticComponent<{
+declare const ModalProvider: react39.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react71 from "react";
+import * as react4 from "react";
 import { Context, ReactNode } from "react";
 import * as motion_react0 from "motion/react";
 import * as m from "motion/react-m";
@@ -6,7 +6,7 @@ import * as m from "motion/react-m";
 //#region src/MotionProvider/index.d.ts
 type MotionComponentType = typeof motion_react0.motion | typeof m;
 declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: react71.NamedExoticComponent<{
+declare const MotionProvider: react4.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/Popover/ArrowIcon.mjs

@@ -0,0 +1,22 @@
+'use client';
+
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Popover/ArrowIcon.tsx
+const PopoverArrowIcon = () => /* @__PURE__ */ jsxs("svg", {
+	"aria-hidden": "true",
+	height: "6",
+	viewBox: "0 0 12 6",
+	width: "12",
+	children: [/* @__PURE__ */ jsx("path", {
+		d: "M0 6L6 0L12 6Z",
+		"data-role": "fill"
+	}), /* @__PURE__ */ jsx("path", {
+		d: "M0 6L6 0L12 6",
+		"data-role": "stroke"
+	})]
+});
+
+//#endregion
+export { PopoverArrowIcon };
+//# sourceMappingURL=ArrowIcon.mjs.map

package/es/Popover/ArrowIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowIcon.mjs","names":["PopoverArrowIcon: FC"],"sources":["../../src/Popover/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nexport const PopoverArrowIcon: FC = () => (\n  <svg aria-hidden=\"true\" height=\"6\" viewBox=\"0 0 12 6\" width=\"12\">\n    <path d=\"M0 6L6 0L12 6Z\" data-role=\"fill\" />\n    <path d=\"M0 6L6 0L12 6\" data-role=\"stroke\" />\n  </svg>\n);\n"],"mappings":";;;;;AAIA,MAAaA,yBACX,qBAAC;CAAI,eAAY;CAAO,QAAO;CAAI,SAAQ;CAAW,OAAM;YAC1D,oBAAC;EAAK,GAAE;EAAiB,aAAU;GAAS,EAC5C,oBAAC;EAAK,GAAE;EAAgB,aAAU;GAAW;EACzC"}

package/es/Popover/Popover.d.mts

@@ -0,0 +1,9 @@
+import { PopoverProps } from "./type.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { FC } from "react";
+
+//#region src/Popover/Popover.d.ts
+declare const Popover: FC<PopoverProps>;
+//#endregion
+export { Popover };
+//# sourceMappingURL=Popover.d.mts.map

package/es/Popover/Popover.mjs

@@ -0,0 +1,20 @@
+'use client';
+
+import { PopoverGroupHandleContext } from "./groupContext.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { PopoverInGroup } from "./PopoverInGroup.mjs";
+import { PopoverStandalone } from "./PopoverStandalone.mjs";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Popover/Popover.tsx
+const Popover = (props) => {
+	const group = useContext(PopoverGroupHandleContext);
+	return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 ? /* @__PURE__ */ jsx(PopoverInGroup, { ...props }) : /* @__PURE__ */ jsx(PopoverStandalone, { ...props });
+};
+Popover.displayName = "Popover";
+var Popover_default = Popover;
+
+//#endregion
+export { Popover_default as default };
+//# sourceMappingURL=Popover.mjs.map

package/es/Popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","names":["Popover: FC<PopoverProps>"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useContext } from 'react';\n\nimport { PopoverInGroup } from './PopoverInGroup';\nimport { PopoverStandalone } from './PopoverStandalone';\nimport { PopoverGroupHandleContext } from './groupContext';\nimport type { PopoverProps } from './type';\n\nexport { parseTrigger } from './parseTrigger';\n\nconst Popover: FC<PopoverProps> = (props) => {\n  const group = useContext(PopoverGroupHandleContext);\n\n  // Group mode is driven by trigger interactions; keep standalone behavior for controlled cases.\n  const canUseGroup = Boolean(group) && props.open === undefined && props.defaultOpen === undefined;\n\n  return canUseGroup ? <PopoverInGroup {...props} /> : <PopoverStandalone {...props} />;\n};\n\nPopover.displayName = 'Popover';\n\nexport default Popover;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,WAA6B,UAAU;CAC3C,MAAM,QAAQ,WAAW,0BAA0B;AAKnD,QAFoB,QAAQ,MAAM,IAAI,MAAM,SAAS,UAAa,MAAM,gBAAgB,SAEnE,oBAAC,kBAAe,GAAI,QAAS,GAAG,oBAAC,qBAAkB,GAAI,QAAS;;AAGvF,QAAQ,cAAc;AAEtB,sBAAe"}

package/es/Popover/PopoverGroup.d.mts

@@ -0,0 +1,11 @@
+import { PopoverGroupSharedProps } from "./groupContext.mjs";
+import { FC, ReactNode } from "react";
+
+//#region src/Popover/PopoverGroup.d.ts
+type PopoverGroupProps = PopoverGroupSharedProps & {
+  children: ReactNode;
+};
+declare const PopoverGroup: FC<PopoverGroupProps>;
+//#endregion
+export { PopoverGroup };
+//# sourceMappingURL=PopoverGroup.d.mts.map

package/es/Popover/PopoverGroup.mjs

@@ -0,0 +1,96 @@
+'use client';
+
+import { placementMap } from "../utils/placement.mjs";
+import { PopoverGroupHandleContext, PopoverGroupPropsContext } from "./groupContext.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { styles } from "./style.mjs";
+import { useCallback, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/Popover/PopoverGroup.tsx
+const PopoverGroup = ({ children, contentLayoutAnimation = true, ...sharedProps }) => {
+	const handle = useMemo(() => Popover.createHandle(), []);
+	const activeItemRef = useRef(null);
+	const handleOpenChange = useCallback((open) => {
+		activeItemRef.current?.onOpenChange?.(open);
+	}, []);
+	const portalContainer = usePopoverPortalContainer();
+	return /* @__PURE__ */ jsx(PopoverGroupHandleContext.Provider, {
+		value: handle,
+		children: /* @__PURE__ */ jsxs(PopoverGroupPropsContext.Provider, {
+			value: sharedProps,
+			children: [children, /* @__PURE__ */ jsx(Popover.Root, {
+				handle,
+				onOpenChange: handleOpenChange,
+				children: ({ payload }) => {
+					const item = payload ?? null;
+					activeItemRef.current = item;
+					if (!item?.content) return null;
+					const arrow = item.inset ? false : item.arrow ?? true;
+					const placement = item.placement ?? "top";
+					const { openOnHover } = parseTrigger(item.trigger ?? "hover");
+					const placementConfig = placementMap[placement] ?? placementMap.top;
+					const baseSideOffset = arrow ? 10 : 6;
+					const resolvedSideOffset = item.inset ? ({ side, positioner }) => {
+						if (side === "left" || side === "right" || side === "inline-start" || side === "inline-end") return -positioner.width;
+						return -positioner.height;
+					} : baseSideOffset;
+					const resolvedClassNames = {
+						arrow: cx(styles.arrow, item.classNames?.arrow),
+						popup: cx(styles.popup, item.className),
+						positioner: cx(styles.positioner, item.classNames?.root),
+						viewport: cx(styles.viewport, item.classNames?.content)
+					};
+					const resolvedStyles = {
+						arrow: item.styles?.arrow,
+						positioner: {
+							...item.styles?.root,
+							zIndex: item.zIndex ?? 1100
+						},
+						viewport: item.styles?.content
+					};
+					const popup = /* @__PURE__ */ jsx(Popover.Positioner, {
+						align: placementConfig.align,
+						className: resolvedClassNames.positioner,
+						"data-hover-trigger": openOnHover || void 0,
+						"data-placement": placement,
+						side: placementConfig.side,
+						sideOffset: resolvedSideOffset,
+						style: resolvedStyles.positioner,
+						children: /* @__PURE__ */ jsxs(Popover.Popup, {
+							className: resolvedClassNames.popup,
+							children: [arrow && /* @__PURE__ */ jsx(Popover.Arrow, {
+								className: resolvedClassNames.arrow,
+								style: resolvedStyles.arrow,
+								children: /* @__PURE__ */ jsx(PopoverArrowIcon, {})
+							}), contentLayoutAnimation ? /* @__PURE__ */ jsx(Popover.Viewport, {
+								className: resolvedClassNames.viewport,
+								style: resolvedStyles.viewport,
+								children: item.content
+							}) : /* @__PURE__ */ jsx("div", {
+								className: resolvedClassNames.viewport,
+								style: resolvedStyles.viewport,
+								children: item.content
+							})]
+						})
+					});
+					const resolvedPortalContainer = portalContainer;
+					return item.portalled ?? true ? resolvedPortalContainer ? /* @__PURE__ */ jsx(Popover.Portal, {
+						container: resolvedPortalContainer,
+						children: popup
+					}) : null : popup;
+				}
+			})]
+		})
+	});
+};
+PopoverGroup.displayName = "PopoverGroup";
+var PopoverGroup_default = PopoverGroup;
+
+//#endregion
+export { PopoverGroup_default as default };
+//# sourceMappingURL=PopoverGroup.mjs.map

package/es/Popover/PopoverGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverGroup.mjs","names":["PopoverGroup: FC<PopoverGroupProps>","BasePopover"],"sources":["../../src/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport type { Side } from '@base-ui/react/utils/useAnchorPositioning';\nimport { cx } from 'antd-style';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport {\n  PopoverGroupHandleContext,\n  type PopoverGroupItem,\n  PopoverGroupPropsContext,\n  type PopoverGroupSharedProps,\n} from './groupContext';\nimport { parseTrigger } from './parseTrigger';\nimport { styles } from './style';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n  children,\n  contentLayoutAnimation = true,\n  ...sharedProps\n}) => {\n  const handle = useMemo(() => BasePopover.createHandle<PopoverGroupItem>(), []);\n  const activeItemRef = useRef<PopoverGroupItem | null>(null);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  const portalContainer = usePopoverPortalContainer();\n\n  return (\n    <PopoverGroupHandleContext.Provider value={handle}>\n      <PopoverGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        <BasePopover.Root handle={handle} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as PopoverGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item?.content) return null;\n\n            const arrow = item.inset ? false : (item.arrow ?? true);\n            const placement = item.placement ?? 'top';\n            const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 10 : 6;\n            const resolvedSideOffset = item.inset\n              ? ({\n                  side,\n                  positioner,\n                }: {\n                  positioner: { height: number; width: number };\n                  side: Side;\n                }) => {\n                  if (\n                    side === 'left' ||\n                    side === 'right' ||\n                    side === 'inline-start' ||\n                    side === 'inline-end'\n                  ) {\n                    return -positioner.width;\n                  }\n                  return -positioner.height;\n                }\n              : baseSideOffset;\n\n            const resolvedClassNames = {\n              arrow: cx(styles.arrow, item.classNames?.arrow),\n              popup: cx(styles.popup, item.className),\n              positioner: cx(styles.positioner, item.classNames?.root),\n              viewport: cx(styles.viewport, item.classNames?.content),\n            };\n\n            const resolvedStyles = {\n              arrow: item.styles?.arrow,\n              positioner: {\n                ...item.styles?.root,\n                zIndex: item.zIndex ?? 1100,\n              },\n              viewport: item.styles?.content,\n            };\n\n            const popup = (\n              <BasePopover.Positioner\n                align={placementConfig.align}\n                className={resolvedClassNames.positioner}\n                data-hover-trigger={openOnHover || undefined}\n                data-placement={placement}\n                side={placementConfig.side}\n                sideOffset={resolvedSideOffset}\n                style={resolvedStyles.positioner}\n              >\n                <BasePopover.Popup className={resolvedClassNames.popup}>\n                  {arrow && (\n                    <BasePopover.Arrow\n                      className={resolvedClassNames.arrow}\n                      style={resolvedStyles.arrow}\n                    >\n                      <PopoverArrowIcon />\n                    </BasePopover.Arrow>\n                  )}\n                  {contentLayoutAnimation ? (\n                    <BasePopover.Viewport\n                      className={resolvedClassNames.viewport}\n                      style={resolvedStyles.viewport}\n                    >\n                      {item.content}\n                    </BasePopover.Viewport>\n                  ) : (\n                    <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n                      {item.content}\n                    </div>\n                  )}\n                </BasePopover.Popup>\n              </BasePopover.Positioner>\n            );\n\n            const resolvedPortalContainer = portalContainer;\n            const portalled = item.portalled ?? true;\n\n            return portalled ? (\n              resolvedPortalContainer ? (\n                <BasePopover.Portal container={resolvedPortalContainer}>{popup}</BasePopover.Portal>\n              ) : null\n            ) : (\n              popup\n            );\n          }}\n        </BasePopover.Root>\n      </PopoverGroupPropsContext.Provider>\n    </PopoverGroupHandleContext.Provider>\n  );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAMA,gBAAuC,EAC3C,UACA,yBAAyB,MACzB,GAAG,kBACC;CACJ,MAAM,SAAS,cAAcC,QAAY,cAAgC,EAAE,EAAE,CAAC;CAC9E,MAAM,gBAAgB,OAAgC,KAAK;CAE3D,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;CAEN,MAAM,kBAAkB,2BAA2B;AAEnD,QACE,oBAAC,0BAA0B;EAAS,OAAO;YACzC,qBAAC,yBAAyB;GAAS,OAAO;cACvC,UACD,oBAACA,QAAY;IAAa;IAAQ,cAAc;eAC5C,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,MAAM,QAAS,QAAO;KAE3B,MAAM,QAAQ,KAAK,QAAQ,QAAS,KAAK,SAAS;KAClD,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,EAAE,gBAAgB,aAAa,KAAK,WAAW,QAAQ;KAE7D,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,iBAAiB,QAAQ,KAAK;KACpC,MAAM,qBAAqB,KAAK,SAC3B,EACC,MACA,iBAII;AACJ,UACE,SAAS,UACT,SAAS,WACT,SAAS,kBACT,SAAS,aAET,QAAO,CAAC,WAAW;AAErB,aAAO,CAAC,WAAW;SAErB;KAEJ,MAAM,qBAAqB;MACzB,OAAO,GAAG,OAAO,OAAO,KAAK,YAAY,MAAM;MAC/C,OAAO,GAAG,OAAO,OAAO,KAAK,UAAU;MACvC,YAAY,GAAG,OAAO,YAAY,KAAK,YAAY,KAAK;MACxD,UAAU,GAAG,OAAO,UAAU,KAAK,YAAY,QAAQ;MACxD;KAED,MAAM,iBAAiB;MACrB,OAAO,KAAK,QAAQ;MACpB,YAAY;OACV,GAAG,KAAK,QAAQ;OAChB,QAAQ,KAAK,UAAU;OACxB;MACD,UAAU,KAAK,QAAQ;MACxB;KAED,MAAM,QACJ,oBAACA,QAAY;MACX,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,sBAAoB,eAAe;MACnC,kBAAgB;MAChB,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;gBAEtB,qBAACA,QAAY;OAAM,WAAW,mBAAmB;kBAC9C,SACC,oBAACA,QAAY;QACX,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAEtB,oBAAC,qBAAmB;SACF,EAErB,yBACC,oBAACA,QAAY;QACX,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB,KAAK;SACe,GAEvB,oBAAC;QAAI,WAAW,mBAAmB;QAAU,OAAO,eAAe;kBAChE,KAAK;SACF;QAEU;OACG;KAG3B,MAAM,0BAA0B;AAGhC,YAFkB,KAAK,aAAa,OAGlC,0BACE,oBAACA,QAAY;MAAO,WAAW;gBAA0B;OAA2B,GAClF,OAEJ;;KAGa;IACe;GACD;;AAIzC,aAAa,cAAc;AAE3B,2BAAe"}

package/es/Popover/PopoverInGroup.mjs

@@ -0,0 +1,55 @@
+'use client';
+
+import { PopoverGroupHandleContext } from "./groupContext.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { useMergedPopoverProps } from "./useMergedPopoverProps.mjs";
+import { cloneElement, isValidElement, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { mergeRefs } from "react-merge-refs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/Popover/PopoverInGroup.tsx
+const PopoverInGroup = ({ children, ref: refProp, ...props }) => {
+	const group = useContext(PopoverGroupHandleContext);
+	const item = useMergedPopoverProps(props);
+	const { openOnHover } = useMemo(() => parseTrigger(item.trigger ?? "hover"), [item.trigger]);
+	const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? .1) * 1e3;
+	const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? .1) * 1e3;
+	const disabled = Boolean(item.disabled);
+	if (!item.content) return children;
+	const triggerProps = {
+		closeDelay: resolvedCloseDelay,
+		delay: resolvedOpenDelay,
+		disabled,
+		openOnHover: openOnHover && !disabled,
+		payload: item
+	};
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		render: (renderProps) => {
+			const { type, ref: triggerRef, ...restProps } = renderProps;
+			const resolvedProps = typeof children.type === "string" && children.type === "button" ? renderProps : restProps;
+			return cloneElement(children, {
+				...mergeProps(children.props, resolvedProps),
+				ref: mergeRefs([
+					children.ref,
+					triggerRef,
+					refProp
+				])
+			});
+		}
+	});
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		ref: refProp,
+		children
+	});
+};
+PopoverInGroup.displayName = "PopoverInGroup";
+
+//#endregion
+export { PopoverInGroup };
+//# sourceMappingURL=PopoverInGroup.mjs.map

package/es/Popover/PopoverInGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverInGroup.mjs","names":["PopoverInGroup: FC<PopoverProps>","BasePopover"],"sources":["../../src/Popover/PopoverInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { type FC, cloneElement, isValidElement, useContext, useMemo } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport { parseTrigger } from './parseTrigger';\nimport type { PopoverProps } from './type';\nimport { useMergedPopoverProps } from './useMergedPopoverProps';\n\nexport const PopoverInGroup: FC<PopoverProps> = ({ children, ref: refProp, ...props }) => {\n  const group = useContext(PopoverGroupHandleContext);\n  const item = useMergedPopoverProps(props);\n\n  const { openOnHover } = useMemo(() => parseTrigger(item.trigger ?? 'hover'), [item.trigger]);\n\n  const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? 0.1) * 1000;\n  const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? 0.1) * 1000;\n  const disabled = Boolean(item.disabled);\n\n  // Don't render trigger behavior if no content\n  if (!item.content) {\n    return children as any;\n  }\n\n  const triggerProps = {\n    closeDelay: resolvedCloseDelay,\n    delay: resolvedOpenDelay,\n    disabled,\n    openOnHover: openOnHover && !disabled,\n    payload: item,\n  };\n\n  if (isValidElement(children)) {\n    return (\n      <BasePopover.Trigger\n        handle={group ?? undefined}\n        {...triggerProps}\n        render={(renderProps) => {\n          // Remove type=\"button\" for non-button elements\n          // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n          const { type, ref: triggerRef, ...restProps } = renderProps as any;\n          const resolvedProps =\n            typeof (children as any).type === 'string' && (children as any).type === 'button'\n              ? renderProps\n              : restProps;\n          const mergedProps = mergeProps((children as any).props, resolvedProps);\n          return cloneElement(children as any, {\n            ...mergedProps,\n            ref: mergeRefs([(children as any).ref, triggerRef, refProp]),\n          });\n        }}\n      />\n    );\n  }\n\n  return (\n    <BasePopover.Trigger handle={group ?? undefined} {...triggerProps} ref={refProp}>\n      {children}\n    </BasePopover.Trigger>\n  );\n};\n\nPopoverInGroup.displayName = 'PopoverInGroup';\n"],"mappings":";;;;;;;;;;;;AAYA,MAAaA,kBAAoC,EAAE,UAAU,KAAK,SAAS,GAAG,YAAY;CACxF,MAAM,QAAQ,WAAW,0BAA0B;CACnD,MAAM,OAAO,sBAAsB,MAAM;CAEzC,MAAM,EAAE,gBAAgB,cAAc,aAAa,KAAK,WAAW,QAAQ,EAAE,CAAC,KAAK,QAAQ,CAAC;CAE5F,MAAM,oBAAoB,KAAK,cAAc,KAAK,mBAAmB,MAAO;CAC5E,MAAM,qBAAqB,KAAK,eAAe,KAAK,mBAAmB,MAAO;CAC9E,MAAM,WAAW,QAAQ,KAAK,SAAS;AAGvC,KAAI,CAAC,KAAK,QACR,QAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,aAAa,eAAe,CAAC;EAC7B,SAAS;EACV;AAED,KAAI,eAAe,SAAS,CAC1B,QACE,oBAACC,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,SAAS,gBAAgB;GAGvB,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,cAAc;GAChD,MAAM,gBACJ,OAAQ,SAAiB,SAAS,YAAa,SAAiB,SAAS,WACrE,cACA;AAEN,UAAO,aAAa,UAAiB;IACnC,GAFkB,WAAY,SAAiB,OAAO,cAAc;IAGpE,KAAK,UAAU;KAAE,SAAiB;KAAK;KAAY;KAAQ,CAAC;IAC7D,CAAC;;GAEJ;AAIN,QACE,oBAACA,QAAY;EAAQ,QAAQ,SAAS;EAAW,GAAI;EAAc,KAAK;EACrE;GACmB;;AAI1B,eAAe,cAAc"}

package/es/Popover/PopoverPortal.mjs

@@ -0,0 +1,45 @@
+'use client';
+
+import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
+import { useEffect, useState } from "react";
+
+//#region src/Popover/PopoverPortal.tsx
+const PORTAL_ATTR = "data-lobe-ui-popover-portal";
+const POPOVER_CONTAINER_ATTR = "data-lobe-ui-popover-container";
+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;
+		if (!(root === document.body)) return root;
+		const themeApp = document.querySelector(`#${LOBE_THEME_APP_ID}`);
+		if (themeApp) return themeApp;
+		const popoverContainer = document.querySelector(`[${POPOVER_CONTAINER_ATTR}="true"]`);
+		if (popoverContainer) return popoverContainer;
+		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 usePopoverPortalContainer = (root) => {
+	const [container, setContainer] = useState(null);
+	useEffect(() => {
+		const resolved = resolveRoot(root);
+		if (!resolved) return;
+		setContainer(getOrCreateContainer(resolved));
+	}, [root]);
+	return container;
+};
+
+//#endregion
+export { usePopoverPortalContainer };
+//# sourceMappingURL=PopoverPortal.mjs.map

package/es/Popover/PopoverPortal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPortal.mjs","names":[],"sources":["../../src/Popover/PopoverPortal.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\n\nconst PORTAL_ATTR = 'data-lobe-ui-popover-portal';\nexport const POPOVER_CONTAINER_ATTR = 'data-lobe-ui-popover-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    const isBody = root === document.body;\n    if (!isBody) return root;\n\n    const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n    if (themeApp) return themeApp;\n\n    const popoverContainer = document.querySelector<HTMLElement>(\n      `[${POPOVER_CONTAINER_ATTR}=\"true\"]`,\n    );\n    if (popoverContainer) return popoverContainer;\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 usePopoverPortalContainer = (\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]);\n\n  return container;\n};\n"],"mappings":";;;;;;AAMA,MAAM,cAAc;AACpB,MAAa,yBAAyB;AAGtC,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;AAG5E,MAAI,EADW,SAAS,SAAS,MACpB,QAAO;EAEpB,MAAM,WAAW,SAAS,cAA2B,IAAI,oBAAoB;AAC7E,MAAI,SAAU,QAAO;EAErB,MAAM,mBAAmB,SAAS,cAChC,IAAI,uBAAuB,UAC5B;AACD,MAAI,iBAAkB,QAAO;AAE7B,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,KAAK,CAAC;AAEV,QAAO"}