@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.1

package/dist/components/Placeholder/Placeholder.js

@@ -1,33 +1,33 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { toCSSLengthValue as l } from "../../helpers/formatting/toCSSLengthValue.js";
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { toCSSLengthValue as a } from "../../helpers/formatting/toCSSLengthValue.js";
 import { c as p } from "../../cx-DN21T1EH.js";
 import { placeholder as x } from "./Placeholder.styles.js";
 import { IressText as d } from "../Text/Text.js";
 import { GlobalCSSClass as g } from "../../enums.js";
-const H = ({
+const C = ({
   children: c,
   className: m,
   height: s = "auto",
   stretch: i,
-  style: o,
-  width: e = "auto",
+  style: e,
+  width: t = "auto",
   ...n
 }) => {
-  const h = s === "auto" ? i ? "100%" : s : l(s), r = x();
-  return /* @__PURE__ */ a(
+  const h = s === "auto" ? i ? "100%" : s : a(s), o = x();
+  return /* @__PURE__ */ r(
     d,
     {
-      className: p(m, r.root, g.Placeholder),
+      className: p(m, o.root, g.Placeholder),
       ...n,
       style: {
-        ...o,
-        width: e ? l(e) : o == null ? void 0 : o.width,
+        ...e,
+        width: t ? a(t) : e?.width,
         height: h
       },
       children: [
-        /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", className: r.svg, children: [
-          /* @__PURE__ */ t("line", { x1: "0", y1: "0", x2: "100%", y2: "100%", className: r.line }),
-          /* @__PURE__ */ t("line", { x1: "100%", y1: "0", x2: "0", y2: "100%", className: r.line })
+        /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", className: o.svg, children: [
+          /* @__PURE__ */ l("line", { x1: "0", y1: "0", x2: "100%", y2: "100%", className: o.line }),
+          /* @__PURE__ */ l("line", { x1: "100%", y1: "0", x2: "0", y2: "100%", className: o.line })
         ] }),
         c
       ]
@@ -35,5 +35,5 @@ const H = ({
   );
 };
 export {
-  H as IressPlaceholder
+  C as IressPlaceholder
 };

package/dist/components/Placeholder/Placeholder.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-TRyehFkb.js";
+import { s as e } from "../../sva-OmxClA9g.js";
 const t = e({
   slots: ["root", "svg", "line"],
   base: {

package/dist/components/Popover/InputPopover/InputPopover.js

@@ -1,16 +1,91 @@
-import "react/jsx-runtime";
-import "react";
-import { I as x } from "../../../InputPopover-BWWuoQZ2.js";
-import "../../../enums.js";
-import "../../../helpers/utility/propagateTestid.js";
-import "../components/PopoverContent.js";
-import "./InputPopoverActivator.js";
-import "../hooks/usePopoverImperativeHandle.js";
-import "../../../factory-DHLOr79I.js";
-import "../hooks/usePopover.js";
-import "../../../cx-DN21T1EH.js";
-import "../Popover.styles.js";
-import "../components/NestedPopoverActivator.js";
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as y, useContext as E } from "react";
+import { GlobalCSSClass as t } from "../../../enums.js";
+import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.js";
+import { PopoverContent as G } from "../components/PopoverContent.js";
+import { InputPopoverActivator as H } from "./InputPopoverActivator.js";
+import { usePopoverImperativeHandle as R } from "../hooks/usePopoverImperativeHandle.js";
+import { s as S } from "../../../factory-oPXoMw9H.js";
+import { usePopover as T, PopoverContext as c } from "../hooks/usePopover.js";
+import { c as n } from "../../../cx-DN21T1EH.js";
+import { popover as W } from "../Popover.styles.js";
+import { NestedPopoverActivator as k } from "../components/NestedPopoverActivator.js";
+const q = ({
+  activator: v,
+  align: u = "auto",
+  autoHighlight: l = !0,
+  children: d,
+  className: f,
+  container: P,
+  contentClassName: h,
+  contentStyle: a,
+  defaultShow: x,
+  displayMode: s = "overlay",
+  focusStartIndex: I,
+  minLength: C,
+  onActivated: A,
+  onDeactivated: N,
+  onNavigate: F,
+  show: b,
+  type: j = "listbox",
+  ...r
+}, g) => {
+  const i = s === "overlay", e = W({ hasInputActivator: !0, matchActivatorWidth: i }), p = T({
+    align: u,
+    autoHighlight: l,
+    defaultShow: x,
+    focusStartIndex: I,
+    hasInputActivator: !0,
+    matchActivatorWidth: i,
+    onActivated: A,
+    onDeactivated: N,
+    onNavigate: F,
+    show: b,
+    type: j,
+    virtualFocus: !0
+  });
+  return R(g, p), /* @__PURE__ */ o(c.Provider, { value: p, children: /* @__PURE__ */ w(
+    S.div,
+    {
+      ...r,
+      className: n(
+        f,
+        t.FormElement,
+        e.root,
+        t.Popover,
+        t.InputPopover
+      ),
+      children: [
+        /* @__PURE__ */ o(k, { parentPopover: E(c), children: /* @__PURE__ */ o(
+          H,
+          {
+            className: e.activator,
+            "data-testid": m(r["data-testid"], "activator"),
+            minLength: C,
+            children: v
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          G,
+          {
+            className: n(
+              h,
+              a?.className,
+              e.content,
+              t.PopoverContent
+            ),
+            container: P,
+            "data-testid": m(r["data-testid"], "content"),
+            displayMode: s,
+            virtualFocus: !0,
+            ...a,
+            children: d
+          }
+        )
+      ]
+    }
+  ) });
+}, Z = y(q);
 export {
-  x as IressInputPopover
+  Z as IressInputPopover
 };

package/dist/components/Popover/InputPopover/InputPopoverActivator.js

@@ -1,48 +1,45 @@
-import { jsx as C } from "react/jsx-runtime";
-import { useContext as w, useCallback as i, cloneElement as E } from "react";
-import { hasFocus as R } from "../helpers/hasFocus.js";
-import { usePopoverActivatorInteractions as k } from "../hooks/usePopoverActivatorInteractions.js";
-import { PopoverContext as x } from "../hooks/usePopover.js";
-const A = ({
-  children: o,
-  minLength: f,
-  ...l
+import { jsx as g } from "react/jsx-runtime";
+import { useContext as m, useCallback as c, cloneElement as C } from "react";
+import { hasFocus as w } from "../helpers/hasFocus.js";
+import { usePopoverActivatorInteractions as E } from "../hooks/usePopoverActivatorInteractions.js";
+import { PopoverContext as R } from "../hooks/usePopover.js";
+const S = ({
+  children: r,
+  minLength: l,
+  ...u
 }) => {
-  const t = w(x), e = o == null ? void 0 : o.props, s = f ?? e.minLength ?? 1, u = "focus", h = i(
-    (n) => {
-      var r;
-      const a = n.currentTarget.value, c = a.length >= s;
-      c && (t == null ? void 0 : t.show) === !1 ? t.setShowWithReason(!0, n.nativeEvent, u) : !c && (t != null && t.show) && t.setShowWithReason(!1, n.nativeEvent, u), (r = e.onChange) == null || r.call(e, n, a);
+  const t = m(R), o = r?.props, n = l ?? o.minLength ?? 1, a = "focus", h = c(
+    (e) => {
+      const s = e.currentTarget.value, i = s.length >= n;
+      i && t?.show === !1 ? t.setShowWithReason(!0, e.nativeEvent, a) : !i && t?.show && t.setShowWithReason(!1, e.nativeEvent, a), o.onChange?.(e, s);
     },
-    [e, s, t]
-  ), g = i(
-    (n) => {
-      var c;
-      const a = n.currentTarget.value;
-      (c = e.onClick) == null || c.call(e, n), (t == null ? void 0 : t.show) === !1 && R(n.currentTarget) && a.length >= s && t.setShowWithReason(!0, n.nativeEvent, u);
+    [o, n, t]
+  ), v = c(
+    (e) => {
+      const s = e.currentTarget.value;
+      o.onClick?.(e), t?.show === !1 && w(e.currentTarget) && s.length >= n && t.setShowWithReason(!0, e.nativeEvent, a);
     },
-    [e, s, t]
-  ), m = i(
-    (n) => {
-      var a;
-      (a = e.onFocus) == null || a.call(e, n), (!s || n.currentTarget.value.length >= s) && (t == null ? void 0 : t.show) === !1 && t.setShowWithReason(!0, n.nativeEvent, "focus");
+    [o, n, t]
+  ), p = c(
+    (e) => {
+      o.onFocus?.(e), (!n || e.currentTarget.value.length >= n) && t?.show === !1 && t.setShowWithReason(!0, e.nativeEvent, "focus");
     },
-    [e, s, t]
-  ), v = k(
+    [o, n, t]
+  ), f = E(
     t,
-    e
+    o
   );
-  return /* @__PURE__ */ C("div", { ...l, ref: t == null ? void 0 : t.api.refs.setReference, children: o && t && E(
-    o,
+  return /* @__PURE__ */ g("div", { ...u, ref: t?.api.refs.setReference, children: r && t && C(
+    r,
     t.interactions.getReferenceProps({
-      ...v,
+      ...f,
       "aria-autocomplete": "list",
       onChange: h,
-      onClick: g,
-      onFocus: m
+      onClick: v,
+      onFocus: p
     })
   ) });
 };
 export {
-  A as InputPopoverActivator
+  S as InputPopoverActivator
 };

package/dist/components/Popover/Popover.js

@@ -1,25 +1,25 @@
-import { jsx as r, jsxs as E } from "react/jsx-runtime";
-import { forwardRef as G, useRef as H, useContext as T } from "react";
-import { GlobalCSSClass as p } from "../../enums.js";
+import { jsx as o, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as E, useRef as G, useContext as H } from "react";
+import { GlobalCSSClass as e } from "../../enums.js";
 import { propagateTestid as c } from "../../helpers/utility/propagateTestid.js";
-import { PopoverActivator as k } from "./components/PopoverActivator.js";
-import { PopoverContent as q } from "./components/PopoverContent.js";
-import { s as z } from "../../factory-DHLOr79I.js";
-import { c as v } from "../../cx-DN21T1EH.js";
-import { usePopoverImperativeHandle as B } from "./hooks/usePopoverImperativeHandle.js";
-import { popover as D } from "./Popover.styles.js";
-import { usePopover as F, PopoverContext as d } from "./hooks/usePopover.js";
-import { NestedPopoverActivator as J } from "./components/NestedPopoverActivator.js";
-const K = ({
-  activator: f,
-  align: n = "auto",
-  children: l,
+import { PopoverActivator as S } from "./components/PopoverActivator.js";
+import { PopoverContent as T } from "./components/PopoverContent.js";
+import { s as k } from "../../factory-oPXoMw9H.js";
+import { c as n } from "../../cx-DN21T1EH.js";
+import { usePopoverImperativeHandle as q } from "./hooks/usePopoverImperativeHandle.js";
+import { popover as z } from "./Popover.styles.js";
+import { usePopover as B, PopoverContext as v } from "./hooks/usePopover.js";
+import { NestedPopoverActivator as D } from "./components/NestedPopoverActivator.js";
+const F = ({
+  activator: d,
+  align: l = "auto",
+  children: f,
   className: P,
   container: h,
   contentClassName: x,
-  contentStyle: o,
+  contentStyle: a,
   defaultShow: u,
-  displayMode: a = "overlay",
+  displayMode: m = "overlay",
   fluid: C,
   focusStartIndex: N,
   matchActivatorWidth: A,
@@ -28,61 +28,62 @@ const K = ({
   onNavigate: R,
   type: W,
   show: b,
-  virtualFocus: m,
+  virtualFocus: s,
   ...t
 }, g) => {
-  const w = H(null), s = A && a === "overlay", e = D({ fluid: C, matchActivatorWidth: s }), i = F({
-    align: n,
+  const w = G(null), i = A && m === "overlay", r = z({ fluid: C, matchActivatorWidth: i }), p = B({
+    align: l,
     defaultShow: u,
     focusStartIndex: N,
-    matchActivatorWidth: s,
+    matchActivatorWidth: i,
     onActivated: j,
     onDeactivated: I,
     onNavigate: R,
     show: b,
     type: W,
-    virtualFocus: m
+    virtualFocus: s
   });
-  return B(g, i), /* @__PURE__ */ r(d.Provider, { value: i, children: /* @__PURE__ */ E(
-    z.div,
+  return q(g, p), /* @__PURE__ */ o(v.Provider, { value: p, children: /* @__PURE__ */ y(
+    k.div,
     {
       ...t,
-      className: v(
+      className: n(
         P,
-        p.FormElement,
-        e.root,
-        p.Popover
+        e.FormElement,
+        r.root,
+        e.Popover
       ),
       ref: w,
       children: [
-        /* @__PURE__ */ r(J, { parentPopover: T(d), children: /* @__PURE__ */ r(
-          k,
+        /* @__PURE__ */ o(D, { parentPopover: H(v), children: /* @__PURE__ */ o(
+          S,
           {
-            className: e.activator,
+            className: r.activator,
             "data-testid": c(t["data-testid"], "activator"),
-            children: f
+            children: d
           }
         ) }),
-        /* @__PURE__ */ r(
-          q,
+        /* @__PURE__ */ o(
+          T,
           {
-            ...o,
-            className: v(
+            ...a,
+            className: n(
               x,
-              o == null ? void 0 : o.className,
-              e.content
+              a?.className,
+              e.PopoverContent,
+              r.content
             ),
             container: h,
             "data-testid": c(t["data-testid"], "content"),
-            displayMode: a,
-            virtualFocus: m,
-            children: l
+            displayMode: m,
+            virtualFocus: s,
+            children: f
           }
         )
       ]
     }
   ) });
-}, S = G(K);
+}, M = E(F);
 export {
-  S as IressPopover
+  M as IressPopover
 };

package/dist/components/Popover/Popover.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-TRyehFkb.js";
+import { s as t } from "../../sva-OmxClA9g.js";
 const a = t({
   slots: ["root", "activator", "content"],
   base: {
@@ -36,7 +36,7 @@ const a = t({
       }
     },
     matchActivatorWidth: {
-      true: {
+      false: {
         content: {
           maxWidth: "[none]"
         }

package/dist/components/Popover/components/NestedPopoverActivator.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { w as e } from "../../../floating-ui.react-CPN4oQCc.js";
+import { w as e } from "../../../floating-ui.react-CmSaAiNF.js";
 const m = ({
   children: t,
   parentPopover: o

package/dist/components/Popover/components/PopoverActivator.js

@@ -1,9 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useContext as l, useRef as A, useMemo as g, useEffect as b } from "react";
-import { focusableElements as m } from "../../../helpers/dom/focusableElements.js";
-import { usePopoverActivatorInteractions as x } from "../hooks/usePopoverActivatorInteractions.js";
-import { PopoverContext as T } from "../hooks/usePopover.js";
-const v = [
+import { jsx as f } from "react/jsx-runtime";
+import { useContext as l, useRef as d, useMemo as p, useEffect as m } from "react";
+import { focusableElements as v } from "../../../helpers/dom/focusableElements.js";
+import { usePopoverActivatorInteractions as g } from "../hooks/usePopoverActivatorInteractions.js";
+import { PopoverContext as A } from "../hooks/usePopover.js";
+const b = [
   "aria-controls",
   "aria-expanded",
   "aria-haspopup",
@@ -11,72 +11,67 @@ const v = [
   "id",
   "role",
   "tabindex"
-], P = (a, n) => {
-  const t = a.querySelector("[id]"), i = t == null ? void 0 : t.getAttribute("id");
-  t == null || t.removeAttribute("id"), v.forEach((s) => {
-    const c = a.getAttribute(s);
-    a.removeAttribute(s), c && n.setAttribute(s, c);
-  }), i && n.setAttribute("id", i);
-}, S = ({
-  children: a,
-  ...n
+], x = (i, s) => {
+  const t = i.querySelector("[id]"), o = t?.getAttribute("id");
+  t?.removeAttribute("id"), b.forEach((r) => {
+    const c = i.getAttribute(r);
+    i.removeAttribute(r), c && s.setAttribute(r, c);
+  }), o && s.setAttribute("id", o);
+}, y = ({
+  children: i,
+  ...s
 }) => {
-  const t = l(T), i = A(null), s = a == null ? void 0 : a.props, c = x(
+  const t = l(A), o = d(null), r = i?.props, c = g(
     t,
-    s
-  ), f = g(() => {
-    if (t != null && t.show)
+    r
+  ), u = p(() => {
+    if (t?.show)
       return [
         ...t.getAriaControls(),
-        s["aria-controls"],
+        r["aria-controls"],
         t.api.context.floatingId
       ].join(" ").trim();
-  }, [s, t]);
-  return b(() => {
-    var r, e;
-    !i.current || !(t != null && t.getVirtualFocus) || t.activeIndex === null || (setTimeout(
-      () => {
-        var o;
-        return (o = t == null ? void 0 : t.api.refs.domReference.current) == null ? void 0 : o.removeAttribute(
-          "aria-activedescendant"
-        );
-      }
-    ), i.current.setAttribute(
+  }, [r, t]);
+  return m(() => {
+    !o.current || !t?.getVirtualFocus || t.activeIndex === null || (setTimeout(
+      () => t?.api.refs.domReference.current?.removeAttribute(
+        "aria-activedescendant"
+      )
+    ), o.current.setAttribute(
       "aria-activedescendant",
-      ((e = (r = t.list.current) == null ? void 0 : r[t.activeIndex]) == null ? void 0 : e.id) ?? ""
+      t.list.current?.[t.activeIndex]?.id ?? ""
     ));
-  }, [t]), /* @__PURE__ */ d(
+  }, [t]), /* @__PURE__ */ f(
     "div",
     {
-      ...n,
-      ...t == null ? void 0 : t.interactions.getReferenceProps({
+      ...s,
+      ...t?.interactions.getReferenceProps({
         ...c,
-        "aria-controls": f,
-        role: s.role,
-        ref: (r) => {
-          if (!r) return;
-          t == null || t.api.refs.setReference(r);
-          const e = (r == null ? void 0 : r.querySelector("[role=combobox]")) ?? m(r)[0];
-          e && (i.current = e, P(r, e));
+        "aria-controls": u,
+        role: r.role,
+        ref: (e) => {
+          if (!e) return;
+          t?.api.refs.setReference(e);
+          const n = e?.querySelector("[role=combobox]") ?? v(e)[0];
+          n && (o.current = n, x(e, n));
         },
-        onBlur: (r) => {
-          const e = t == null ? void 0 : t.api.refs.floating.current, o = r.relatedTarget;
-          o instanceof Element && (e != null && e.contains(o)) && (r.preventDefault(), r.stopPropagation());
+        onBlur: (e) => {
+          const n = t?.api.refs.floating.current, a = e.relatedTarget;
+          a instanceof Element && n?.contains(a) && (e.preventDefault(), e.stopPropagation());
         },
-        onFocus: (r) => {
-          const e = t == null ? void 0 : t.api.refs.floating.current, o = r.relatedTarget;
-          o instanceof Element && (o.hasAttribute("data-floating-ui-focus-guard") || e != null && e.contains(o)) && t.show && (setTimeout(() => {
-            var u;
-            (u = i.current) == null || u.focus();
+        onFocus: (e) => {
+          const n = t?.api.refs.floating.current, a = e.relatedTarget;
+          a instanceof Element && (a.hasAttribute("data-floating-ui-focus-guard") || n?.contains(a)) && t.show && (setTimeout(() => {
+            o.current?.focus();
           }), setTimeout(() => {
-            t.setShowWithReason(!1, r.nativeEvent, "focus");
+            t.setShowWithReason(!1, e.nativeEvent, "focus");
           }, 300));
         }
       }),
-      children: a
+      children: i
     }
   );
 };
 export {
-  S as PopoverActivator
+  y as PopoverActivator
 };

package/dist/components/Popover/components/PopoverContent.js

@@ -1,74 +1,74 @@
 import { jsx as e } from "react/jsx-runtime";
-import { q as x, r as I, t as P, v as c, g as w, w as C, f as E } from "../../../floating-ui.react-CPN4oQCc.js";
-import { composePopoverFloatingProps as T } from "../helpers/composeFloatingProps.js";
-import { useContext as N, useEffect as A } from "react";
-import { s as L } from "../../../factory-DHLOr79I.js";
-import { PopoverContext as M } from "../hooks/usePopover.js";
+import { q as F, r as v, t as x, v as c, g as I, w as P, f as w } from "../../../floating-ui.react-CmSaAiNF.js";
+import { composePopoverFloatingProps as C } from "../helpers/composeFloatingProps.js";
+import { useContext as E, useEffect as T } from "react";
+import { s as N } from "../../../factory-oPXoMw9H.js";
+import { PopoverContext as A } from "../hooks/usePopover.js";
 const u = ({
-  children: o,
-  displayMode: r,
+  children: r,
+  displayMode: n,
   id: i,
   style: f,
   virtualFocus: a,
   ...m
 }) => {
-  const t = N(M);
-  if (A(() => {
-    if (t != null && t.show) {
-      const g = () => {
+  const t = E(A);
+  if (T(() => {
+    if (t?.show) {
+      const p = () => {
         document.querySelectorAll(
           '[data-floating-ui-focus-guard][aria-hidden="true"]'
         ).forEach((s) => {
           s instanceof HTMLElement && s.tabIndex !== -1 && (s.tabIndex = -1);
         });
-      }, b = (n) => {
-        n instanceof HTMLElement && n.hasAttribute("data-floating-ui-focus-guard") && n.getAttribute("aria-hidden") === "true" && n.tabIndex !== -1 && (n.tabIndex = -1);
-      }, F = setTimeout(g, 0), d = new MutationObserver((n) => {
-        n.forEach((s) => {
-          s.addedNodes.forEach(b);
+      }, g = (o) => {
+        o instanceof HTMLElement && o.hasAttribute("data-floating-ui-focus-guard") && o.getAttribute("aria-hidden") === "true" && o.tabIndex !== -1 && (o.tabIndex = -1);
+      }, b = setTimeout(p, 0), d = new MutationObserver((o) => {
+        o.forEach((s) => {
+          s.addedNodes.forEach(g);
         });
       });
       return d.observe(document.body, {
         childList: !0,
         subtree: !0
       }), () => {
-        clearTimeout(F), d.disconnect();
+        clearTimeout(b), d.disconnect();
       };
     }
-  }, [t == null ? void 0 : t.show]), !t) return null;
-  const h = T(
+  }, [t?.show]), !t) return null;
+  const h = C(
     t,
-    r,
+    n,
     f,
     i
   );
-  return /* @__PURE__ */ e(C, { elementsRef: t.list, children: /* @__PURE__ */ e(
-    E,
+  return /* @__PURE__ */ e(P, { elementsRef: t.list, children: /* @__PURE__ */ e(
+    w,
     {
       context: t.api.context,
       initialFocus: a ? -1 : 0,
       modal: !1,
-      disabled: !(t != null && t.show),
+      disabled: !t?.show,
       returnFocus: !a,
       children: /* @__PURE__ */ e(
-        L.div,
+        N.div,
         {
           ...m,
-          hidden: !(t != null && t.show),
-          ref: t == null ? void 0 : t.api.refs.setFloating,
+          hidden: !t?.show,
+          ref: t?.api.refs.setFloating,
           ...h,
-          children: o
+          children: r
         }
       )
     }
   ) });
 }, l = ({
-  container: o,
-  ...r
+  container: r,
+  ...n
 }) => {
-  const i = P();
-  return o ? /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(w, { root: o, preserveTabOrder: !0, children: /* @__PURE__ */ e(u, { ...r }) }) }) : /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(u, { ...r }) });
-}, v = (o) => x() === null ? /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(l, { ...o }) }) : /* @__PURE__ */ e(l, { ...o });
+  const i = x();
+  return r ? /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(I, { root: r, preserveTabOrder: !0, children: /* @__PURE__ */ e(u, { ...n }) }) }) : /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(u, { ...n }) });
+}, O = (r) => F() === null ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(l, { ...r }) }) : /* @__PURE__ */ e(l, { ...r });
 export {
-  v as PopoverContent
+  O as PopoverContent
 };