se-design 1.0.73-dev3 → 1.0.73-dev7

package/dist/index18.js

@@ -1,7 +1,7 @@
-import F, { forwardRef as at, useState as A, useRef as J, useEffect as H, useImperativeHandle as lt } from "react";
-import ft from "react-dom";
-import { getA11yNameAttributes as ut } from "./index71.js";
-import { useDismissOnFocusOut as pt } from "./index195.js";
+import B, { forwardRef as ae, useState as F, useRef as J, useEffect as H, useImperativeHandle as le } from "react";
+import fe from "react-dom";
+import { getA11yNameAttributes as ue } from "./index71.js";
+import { useDismissOnFocusOut as pe } from "./index197.js";
 function O() {
   return O = Object.assign ? Object.assign.bind() : function(y) {
     for (var k = 1; k < arguments.length; k++) {
@@ -11,7 +11,7 @@ function O() {
     return y;
   }, O.apply(null, arguments);
 }
-const B = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", '[tabindex]:not([tabindex="-1"])'].join(", "), wt = /* @__PURE__ */ at(({
+const R = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", '[tabindex]:not([tabindex="-1"])'].join(", "), we = /* @__PURE__ */ ae(({
   className: y = "",
   automationId: k = "",
   position: p = "bottom-center",
@@ -19,8 +19,8 @@ const B = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]',
   contentWidth: I = "max",
   renderPopoverContents: N,
   renderPopoverSrcElement: Q,
-  onPopoverToggle: K,
-  isPopoverOpen: q,
+  onPopoverToggle: q,
+  isPopoverOpen: K,
   disabled: P = !1,
   isWithPortal: d = !1,
   ariaLabel: W,
@@ -35,151 +35,156 @@ const B = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]',
   disableClickToggle: b = !1,
   noBorder: Z = !1,
   disableAutoClose: m = !1,
-  ...tt
-}, et) => {
-  const [s, f] = A(!1), [g, $] = A(p), [ot, j] = A(!1), l = J(null), c = J(null), nt = ut({
+  ...ee
+}, te) => {
+  const [i, f] = F(!1), [g, $] = F(p), [oe, j] = F(!1), l = J(null), c = J(null), ne = ue({
     ariaLabel: W,
     ariaLabelledBy: Y,
     ariaDescribedBy: void 0
     // Popover doesn't support describedBy yet
   }), {
-    onBlurCapture: rt
-  } = pt({
-    disabled: !s || m || d,
+    onBlurCapture: re
+  } = pe({
+    disabled: !i || m || d,
     onFocusOut: () => f(!1),
     closeOnEscape: !1
-  }), [M, E] = A({
+  }), [M, E] = F({
     top: 0,
     left: 0
-  }), x = (t = "bottom-center") => {
+  }), x = (e = "bottom-center") => {
     if (!l.current) return {
       top: 0,
       left: 0
     };
-    let o = t;
-    const e = l.current.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight;
-    let n = 0, r = 0;
+    let o = e;
+    const t = l.current.getBoundingClientRect(), n = window.innerWidth, a = window.innerHeight;
+    let r = 0, s = 0;
     switch (o) {
       case "bottom-left":
-        n = e.bottom, r = e.left;
+        r = t.bottom, s = t.left;
         break;
       case "bottom-right":
-        n = e.bottom, r = e.right - e.width * 0.5;
+        r = t.bottom, s = t.right - t.width * 0.5;
         break;
       case "bottom-center":
-        n = e.bottom, r = e.left + e.width / 2;
+        r = t.bottom, s = t.left + t.width / 2;
         break;
       case "top-left":
-        n = e.top - e.height * 1.9, r = e.left;
+        r = t.top - t.height * 1.9, s = t.left;
         break;
       case "top-right":
-        n = e.top - e.height * 1.9, r = e.right - e.width * 0.5;
+        r = t.top - t.height * 1.9, s = t.right - t.width * 0.5;
         break;
       case "top-center":
-        n = e.top - e.height * 1.9, r = e.left + e.width / 2;
+        r = t.top - t.height * 1.9, s = t.left + t.width / 2;
         break;
       default:
-        n = e.bottom, r = e.left;
+        r = t.bottom, s = t.left;
         break;
     }
     const u = c.current?.getBoundingClientRect(), w = u?.width || 0, v = u?.height || 0;
-    if ((o === "bottom-center" || o === "top-center") && (r = r - w / 2), r + w > i && (r = Math.max(0, i - w)), r < 0 && (r = 0), n + v > a) {
-      const D = e.top, ct = a - e.bottom;
-      D >= v || D > ct ? (n = e.top - v, n < 0 && (n = 0)) : n = Math.max(0, a - v);
+    if ((o === "bottom-center" || o === "top-center") && (s = s - w / 2), s + w > n && (s = Math.max(0, n - w)), s < 0 && (s = 0), r + v > a) {
+      const D = t.top, ce = a - t.bottom;
+      D >= v || D > ce ? (r = t.top - v, r < 0 && (r = 0)) : r = Math.max(0, a - v);
     }
-    return n < 0 && (n = e.bottom, n + v > a && (n = Math.max(0, a - v))), {
-      top: n,
-      left: r
+    return r < 0 && (r = t.bottom, r + v > a && (r = Math.max(0, a - v))), {
+      top: r,
+      left: s
     };
   };
   H(() => {
-    if (K && K(s), s && !d)
-      return m || document.body.addEventListener("click", V, !0), it(), () => {
+    if (q && q(i), i && !d)
+      return m || document.body.addEventListener("click", V, !0), se(), () => {
         m || document.body.removeEventListener("click", V, !0);
       };
-    if (s && d) {
-      m ? window.addEventListener("scroll", U) : (document.body.addEventListener("click", S, !0), window.addEventListener("scroll", S)), window.addEventListener("resize", T);
-      const t = setTimeout(() => {
-        const e = x(g);
-        R(), e && E(e);
+    if (i && d) {
+      m ? window.addEventListener("scroll", U) : (document.body.addEventListener("click", L, !0), window.addEventListener("scroll", L)), window.addEventListener("resize", T);
+      const e = setTimeout(() => {
+        const t = x(g);
+        S(), t && E(t);
       }, 0), o = setTimeout(() => {
-        const e = x(g);
-        e && E(e);
+        const t = x(g);
+        t && E(t);
       }, 10);
       return () => {
-        m ? window.removeEventListener("scroll", U) : (document.body.removeEventListener("click", S, !0), window.removeEventListener("scroll", S)), window.removeEventListener("resize", T), clearTimeout(t), clearTimeout(o);
+        m ? window.removeEventListener("scroll", U) : (document.body.removeEventListener("click", L, !0), window.removeEventListener("scroll", L)), window.removeEventListener("resize", T), clearTimeout(e), clearTimeout(o);
       };
     }
-  }, [s, d, m]);
-  const R = () => {
+  }, [i, d, m]);
+  const S = () => {
     if (!l.current) {
       j(!1);
       return;
     }
-    const t = l.current.getBoundingClientRect(), o = window.innerHeight, e = window.innerWidth, i = t.top < o && t.bottom > 0 && t.left < e && t.right > 0;
-    j(i);
+    const e = l.current.getBoundingClientRect(), o = window.innerHeight, t = window.innerWidth, n = e.top < o && e.bottom > 0 && e.left < t && e.right > 0;
+    j(n);
   };
   H(() => {
-    f(q ?? !1);
-  }, [q]), H(() => {
-    s && c.current && setTimeout(() => {
-      const t = c.current?.querySelector(B);
-      t && document.activeElement === l.current && t.focus();
+    f(K ?? !1);
+  }, [K]), H(() => {
+    i && c.current && setTimeout(() => {
+      const e = c.current?.querySelector(R);
+      e && document.activeElement === l.current && e.focus();
     }, 0);
-  }, [s]);
-  const it = () => {
+  }, [i]);
+  const se = () => {
     if (!c.current) return;
-    const t = c.current.getBoundingClientRect(), o = window.innerHeight;
-    t?.bottom > o ? $(p.includes("left") ? "top-left" : p.includes("right") ? "top-right" : "top-center") : t?.top < 0 && $(p.includes("left") ? "bottom-left" : p.includes("right") ? "bottom-right" : "bottom-center");
-  }, V = (t) => {
+    const e = c.current.getBoundingClientRect(), o = window.innerHeight;
+    e?.bottom > o ? $(p.includes("left") ? "top-left" : p.includes("right") ? "top-right" : "top-center") : e?.top < 0 && $(p.includes("left") ? "bottom-left" : p.includes("right") ? "bottom-right" : "bottom-center");
+  }, V = (e) => {
     const o = l.current;
     if (!o) return;
-    const e = t.target, i = o.contains(e), a = c.current?.contains(e), r = e.closest?.(".se-design-popover-wrapper"), u = r && r !== o, w = c.current?.contains(r);
-    m || (!i && !a || u && !w) && f(!1);
-  }, S = (t) => {
-    const o = l.current, e = c.current;
+    const t = e.target, n = o.contains(t), a = c.current?.contains(t), s = t.closest?.(".se-design-popover-wrapper"), u = s && s !== o, w = c.current?.contains(s);
+    m || (!n && !a || u && !w) && f(!1);
+  }, L = (e) => {
+    const o = l.current, t = c.current;
     if (!o) return;
-    if (R(), t.type === "scroll" && s) {
+    if (S(), e.type === "scroll" && i) {
       const D = x(g);
       D && E(D);
     }
-    const i = t.target, a = o.contains(i), n = e?.contains(i), u = i.closest?.(".se-design-popover-wrapper"), w = u && u !== o, v = c.current?.contains(u);
-    m || (!a && !n || w && !v) && f(!1);
+    const n = e.target, a = o.contains(n), r = t?.contains(n), u = n.closest?.(".se-design-popover-wrapper"), w = u && u !== o, v = c.current?.contains(u);
+    m || (!a && !r || w && !v) && f(!1);
   }, T = () => {
-    if (s && d && l.current) {
-      R();
-      const t = x(g);
-      t && E(t);
+    if (i && d && l.current) {
+      S();
+      const e = x(g);
+      e && E(e);
     }
   }, U = () => {
-    if (s && d && l.current) {
-      R();
-      const t = x(g);
-      t && E(t);
+    if (i && d && l.current) {
+      S();
+      const e = x(g);
+      e && E(e);
     }
-  }, L = (t = !1) => {
-    const o = s;
-    f((e) => !e), !o && t && setTimeout(() => {
-      const e = c.current?.querySelector(B);
-      e && e.focus();
+  }, A = (e = !1) => {
+    const o = i;
+    f((t) => !t), !o && e && setTimeout(() => {
+      if (e === "last") {
+        const t = c.current?.querySelectorAll(R), n = t ? t[t.length - 1] : null;
+        n && n.focus();
+      } else {
+        const t = c.current?.querySelector(R);
+        t && t.focus();
+      }
     }, 50);
-  }, _ = (t, o) => {
+  }, _ = (e, o) => {
     if (!o) return;
-    const e = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(", "), i = Array.from(o.querySelectorAll(e)).filter((r) => {
-      const u = window.getComputedStyle(r);
-      return !r.hasAttribute("disabled") && !r.hasAttribute("aria-disabled") && u.display !== "none" && u.visibility !== "hidden" && (r.tabIndex >= 0 || r.hasAttribute("role"));
+    const t = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "button:not([disabled])", "a[href]", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(", "), n = Array.from(o.querySelectorAll(t)).filter((s) => {
+      const u = window.getComputedStyle(s);
+      return !s.hasAttribute("disabled") && !s.hasAttribute("aria-disabled") && u.display !== "none" && u.visibility !== "hidden" && (s.tabIndex >= 0 || s.hasAttribute("role"));
     });
-    if (i.length === 0) return;
-    const a = i.findIndex((r) => r === document.activeElement);
-    let n = -1;
-    t.key === "ArrowDown" ? (t.preventDefault(), t.stopPropagation(), n = a < i.length - 1 ? a + 1 : 0) : t.key === "ArrowUp" ? (t.preventDefault(), t.stopPropagation(), n = a > 0 ? a - 1 : i.length - 1) : t.key === "Home" ? (t.preventDefault(), t.stopPropagation(), n = 0) : t.key === "End" && (t.preventDefault(), t.stopPropagation(), n = i.length - 1), n >= 0 && i[n] ? i[n].focus() : a === -1 && i.length > 0 && i[0].focus();
-  }, X = (t) => {
-    t.key === "Escape" ? (t.preventDefault(), t.stopPropagation(), f(!1), l.current?.focus()) : t.key === "Tab" ? (f(!1), t.shiftKey && (t.preventDefault(), l.current?.focus())) : t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Home" || t.key === "End" ? _(t, c.current) : (t.key === "Enter" || t.key === " ") && t.stopPropagation();
+    if (n.length === 0) return;
+    const a = n.findIndex((s) => s === document.activeElement);
+    let r = -1;
+    e.key === "ArrowDown" ? (e.preventDefault(), e.stopPropagation(), r = a < n.length - 1 ? a + 1 : 0) : e.key === "ArrowUp" ? (e.preventDefault(), e.stopPropagation(), r = a > 0 ? a - 1 : n.length - 1) : e.key === "Home" ? (e.preventDefault(), e.stopPropagation(), r = 0) : e.key === "End" && (e.preventDefault(), e.stopPropagation(), r = n.length - 1), r >= 0 && n[r] ? n[r].focus() : a === -1 && n.length > 0 && n[0].focus();
+  }, X = (e) => {
+    e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), f(!1), l.current?.focus()) : e.key === "Tab" ? (f(!1), e.shiftKey && (e.preventDefault(), l.current?.focus())) : e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End" ? _(e, c.current) : (e.key === "Enter" || e.key === " ") && e.stopPropagation();
   };
-  lt(et, () => ({
-    togglePopover: L
+  le(te, () => ({
+    togglePopover: A
   }), []);
-  const st = {
+  const ie = {
     "bottom-left": {
       left: "0",
       top: "100%"
@@ -207,66 +212,66 @@ const B = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]',
       bottom: "100%"
     }
   }, G = Z ? "" : "shadow-md border rounded-md";
-  return /* @__PURE__ */ F.createElement("div", O({
-    className: "se-design-popover-wrapper cursor-pointer relative focus-outline rounded-md" + (y.length > 0 ? ` ${y}` : "") + (s ? " open" : "") + (P ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
+  return /* @__PURE__ */ B.createElement("div", O({
+    className: "se-design-popover-wrapper cursor-pointer relative focus-outline rounded-md" + (y.length > 0 ? ` ${y}` : "") + (i ? " open" : "") + (P ? " opacity-50 cursor-not-allowed pointer-events-none" : ""),
     ref: l,
-    onClick: (t) => {
-      P || b || (t.stopPropagation(), L());
+    onClick: (e) => {
+      P || b || (e.stopPropagation(), A());
     },
-    onKeyDown: (t) => {
+    onKeyDown: (e) => {
       if (!(P || b))
-        if (t.key === "Enter" || t.key === " ") {
-          t.preventDefault(), t.stopPropagation();
-          const o = s;
-          L(), o || setTimeout(() => {
-            const e = c.current;
-            if (e) {
-              const i = e.querySelector(B);
-              i && i.focus();
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault(), e.stopPropagation();
+          const o = i;
+          A(), o || setTimeout(() => {
+            const t = c.current;
+            if (t) {
+              const n = t.querySelector(R);
+              n && n.focus();
             }
           }, 0);
-        } else if (t.key === "Escape" && s)
-          t.preventDefault(), t.stopPropagation(), f(!1);
-        else if ((t.key === "ArrowDown" || t.key === "ArrowUp") && s) {
+        } else if (e.key === "Escape" && i)
+          e.preventDefault(), e.stopPropagation(), f(!1);
+        else if ((e.key === "ArrowDown" || e.key === "ArrowUp") && i) {
           const o = c.current;
-          o && _(t, o);
-        } else t.key === "ArrowDown" && !s && (t.preventDefault(), t.stopPropagation(), f(!0), setTimeout(() => {
+          o && _(e, o);
+        } else e.key === "ArrowDown" && !i && (e.preventDefault(), e.stopPropagation(), f(!0), setTimeout(() => {
           const o = c.current;
           if (o) {
-            const e = o.querySelector(B);
-            e && e.focus();
+            const t = o.querySelector(R);
+            t && t.focus();
           }
         }, 0));
     },
-    onBlurCapture: rt,
-    onBlur: (t) => {
-      if (!s || m || !d) return;
-      const o = t.relatedTarget, e = !!(o && l.current?.contains(o)), i = !!(o && c.current?.contains(o));
-      !e && !i && f(!1);
+    onBlurCapture: re,
+    onBlur: (e) => {
+      if (!i || m || !d) return;
+      const o = e.relatedTarget, t = !!(o && l.current?.contains(o)), n = !!(o && c.current?.contains(o));
+      !t && !n && f(!1);
     },
     role: b ? "none" : z,
-    "aria-expanded": b ? void 0 : s ? "true" : "false",
+    "aria-expanded": b ? void 0 : i ? "true" : "false",
     "aria-haspopup": b ? void 0 : z === "combobox" ? "listbox" : "true",
     tabIndex: P || b ? -1 : 0,
     "aria-disabled": b ? void 0 : P ? "true" : "false"
-  }, nt, {
+  }, ne, {
     "data-automation-id": k
-  }, tt), Q({
-    displayPopover: s,
-    togglePopover: L
-  }), s && !d && /* @__PURE__ */ F.createElement("div", {
+  }, ee), Q({
+    displayPopover: i,
+    togglePopover: A
+  }), i && !d && /* @__PURE__ */ B.createElement("div", {
     className: `popover-content absolute ${G} z-[1000] ${I == "full" ? "w-full" : "w-max"}`,
     style: {
       ...C,
-      ...st[g]
+      ...ie[g]
     },
-    onClick: (t) => t.stopPropagation(),
+    onClick: (e) => e.stopPropagation(),
     onKeyDown: X,
     ref: c,
     "data-automation-id": h
   }, N({
     closePopoverCb: () => f(!1)
-  })), d && s && ot && /* @__PURE__ */ ft.createPortal(/* @__PURE__ */ F.createElement("div", {
+  })), d && i && oe && /* @__PURE__ */ fe.createPortal(/* @__PURE__ */ B.createElement("div", {
     className: `popover-content-with-portal ${G} ${I == "full" ? "w-full" : "w-max"}`,
     style: {
       position: "fixed",
@@ -274,7 +279,7 @@ const B = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]',
       left: M.left,
       ...C
     },
-    onClick: (t) => t.stopPropagation(),
+    onClick: (e) => e.stopPropagation(),
     onKeyDown: X,
     ref: c,
     "data-automation-id": h
@@ -283,6 +288,6 @@ const B = ['[role="menuitem"]', '[role="option"]', '[role="menuitemcheckbox"]',
   })), document.body));
 });
 export {
-  wt as Popover
+  we as Popover
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport { getA11yNameAttributes, useDismissOnFocusOut } from '../../utils/a11y';\n\nconst focusableSelectors = [\n  '[role=\"menuitem\"]', '[role=\"option\"]', '[role=\"menuitemcheckbox\"]',\n  '[role=\"menuitemradio\"]', 'button:not([disabled])', 'a[href]',\n  '[tabindex]:not([tabindex=\"-1\"])'\n].join(', ');\n\nexport interface PopoverHandle {\n  togglePopover: (focusFirst?: boolean) => void;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: () => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean; togglePopover: (focusFirst?: boolean) => void }) => ReactNode;\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n  isWithPortal?: boolean;\n  noBorder?: boolean;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  sourceRole?: 'button' | 'combobox';\n  popoverContentStyleProperty?: React.CSSProperties;\n  disableClickToggle?: boolean;\n  disableAutoClose?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      isWithPortal = false,\n      ariaLabel,\n      ariaLabelledBy,\n      sourceRole = 'button',\n      popoverContentStyleProperty = {\n        zIndex: 1000,\n        borderColor: 'var(--color-gray-200)',\n        color: 'var(--color-gray-900)',\n        backgroundColor: 'var(--color-white)'\n      },\n      disableClickToggle = false,\n      noBorder = false,\n      disableAutoClose = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\n    const [isSrcElementVisible, setIsSrcElementVisible] = useState(false);\n    const srcElementRef = useRef<HTMLDivElement>(null);\n    const popoverContentRef = useRef<HTMLDivElement>(null);\n\n    // Compute accessible name/description props with correct precedence\n    const accessibleNameProps = getA11yNameAttributes({\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy: undefined // Popover doesn't support describedBy yet\n    });\n\n    // Use shared focus-out dismissal for non-portal popovers.\n    // Portal content lives outside the wrapper, so portal uses a dedicated onBlur fallback below.\n    const { onBlurCapture: onDismissBlurCapture } = useDismissOnFocusOut<HTMLDivElement>({\n      disabled: !displayPopover || disableAutoClose || isWithPortal,\n      onFocusOut: () => setDisplayPopover(false),\n      closeOnEscape: false\n    });\n\n    const [portalPosition, setPortalPosition] = useState({ top: 0, left: 0 });\n\n    const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n      if (!srcElementRef.current) return { top: 0, left: 0 };\n\n      let localPosition = position;\n\n      const srcRect = srcElementRef.current.getBoundingClientRect();\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n\n      // Calculate position for portal\n      let top = 0;\n      let left = 0;\n\n      switch (localPosition) {\n        case 'bottom-left':\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n        case 'bottom-right':\n          top = srcRect.bottom;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'bottom-center':\n          top = srcRect.bottom;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        case 'top-left':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.left;\n          break;\n        case 'top-right':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'top-center':\n          top = srcRect.top - srcRect.height * 1.9;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        default:\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n      }\n\n      // Get popover dimensions if available\n      const popoverRect = popoverContentRef.current?.getBoundingClientRect();\n      const popoverWidth = popoverRect?.width || 0;\n      const popoverHeight = popoverRect?.height || 0;\n\n      // Adjust center positions to account for popover width\n      if (localPosition === 'bottom-center' || localPosition === 'top-center') {\n        // Center the popover by subtracting half its width from the source center\n        left = left - popoverWidth / 2;\n      }\n\n      // Adjust position to keep popover within viewport bounds\n      // Horizontal adjustments\n      if (left + popoverWidth > viewportWidth) {\n        // Popover extends beyond right edge, shift it left\n        left = Math.max(0, viewportWidth - popoverWidth);\n      }\n      if (left < 0) {\n        // Popover extends beyond left edge, shift it right\n        left = 0;\n      }\n\n      // Vertical adjustments\n      if (top + popoverHeight > viewportHeight) {\n        // Popover extends beyond bottom edge\n        // Try to position it above the source element\n        const spaceAbove = srcRect.top;\n        const spaceBelow = viewportHeight - srcRect.bottom;\n\n        if (spaceAbove >= popoverHeight || spaceAbove > spaceBelow) {\n          // Position above if there's enough space or more space above\n          top = srcRect.top - popoverHeight;\n          // Ensure it doesn't go above viewport\n          if (top < 0) {\n            top = 0;\n          }\n        } else {\n          // Keep at bottom but adjust to fit within viewport\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n      if (top < 0) {\n        // Popover extends beyond top edge, position it below the source element\n        top = srcRect.bottom;\n        // Ensure it doesn't go below viewport\n        if (top + popoverHeight > viewportHeight) {\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n\n      return { top, left };\n    };\n\n    useEffect(() => {\n      if (onPopoverToggle) {\n        onPopoverToggle(displayPopover);\n      }\n\n      if (displayPopover && !isWithPortal) {\n        // Add click listener for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickListener, true);\n        }\n        checkPopoverPosition();\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickListener, true);\n          }\n        };\n      } else if (displayPopover && isWithPortal) {\n        // Add click/scroll listeners for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickAndScrollListenerWithPortal, true);\n          window.addEventListener('scroll', clickAndScrollListenerWithPortal);\n        } else {\n          // When disableAutoClose is true, still listen to scroll for repositioning\n          window.addEventListener('scroll', scrollListenerForRepositioning);\n        }\n        // Always add resize listener for repositioning\n        window.addEventListener('resize', resizeListenerWithPortal);\n\n        // Initial position calculation\n        const timeout1 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          checkSourceVisibility();\n\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 0);\n\n        // Recalculate after popover is rendered to get accurate dimensions\n        const timeout2 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 10);\n\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickAndScrollListenerWithPortal, true);\n            window.removeEventListener('scroll', clickAndScrollListenerWithPortal);\n          } else {\n            window.removeEventListener('scroll', scrollListenerForRepositioning);\n          }\n          window.removeEventListener('resize', resizeListenerWithPortal);\n          clearTimeout(timeout1);\n          clearTimeout(timeout2);\n        };\n      }\n    }, [displayPopover, isWithPortal, disableAutoClose]);\n\n    const checkSourceVisibility = () => {\n      if (!srcElementRef.current) {\n        setIsSrcElementVisible(false);\n        return;\n      }\n\n      const rec = srcElementRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n\n      const isVisible = rec.top < viewportHeight && rec.bottom > 0 && rec.left < viewportWidth && rec.right > 0;\n\n      setIsSrcElementVisible(isVisible);\n    };\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    useEffect(() => {\n      // Focus first focusable element when popover opens\n      if (displayPopover && popoverContentRef.current) {\n        setTimeout(() => {\n          const firstFocusable = popoverContentRef.current?.querySelector<HTMLElement>(focusableSelectors);\n          if (firstFocusable && document.activeElement === srcElementRef.current) {\n            firstFocusable.focus();\n          }\n        }, 0);\n      }\n    }, [displayPopover]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\n\n    const clickListener = (event: MouseEvent) => {\n      const currentDropRef = srcElementRef.current;\n      if (!currentDropRef) return;\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = popoverContentRef.current?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if (disableAutoClose) return;\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const clickAndScrollListenerWithPortal = (event: Event) => {\n      const currentDropRef = srcElementRef.current;\n      const currentPopoverRef = popoverContentRef.current;\n      if (!currentDropRef) return;\n      checkSourceVisibility();\n\n      // Recalculate position on scroll\n      if (event.type === 'scroll' && displayPopover) {\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = currentPopoverRef?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      if (disableAutoClose) return;\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const resizeListenerWithPortal = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const scrollListenerForRepositioning = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const togglePopover = (focusFirst = false) => {\n      const wasOpen = displayPopover;\n      setDisplayPopover((prev) => !prev);\n      if (!wasOpen && focusFirst) {\n        setTimeout(() => {\n          const firstFocusable = popoverContentRef.current?.querySelector<HTMLElement>(focusableSelectors);\n          if (firstFocusable) firstFocusable.focus();\n        }, 50);\n      }\n    };\n\n    const handleArrowKeyNavigation = (e: React.KeyboardEvent, container: HTMLDivElement | null) => {\n      if (!container) return;\n\n      // Find all focusable elements within the popover content\n      // This includes elements with role=\"menuitem\", role=\"option\", tabIndex >= 0, etc.\n      const focusableSelectors = [\n        '[role=\"menuitem\"]',\n        '[role=\"option\"]',\n        '[role=\"menuitemcheckbox\"]',\n        '[role=\"menuitemradio\"]',\n        'button:not([disabled])',\n        'a[href]',\n        'input:not([disabled])',\n        'select:not([disabled])',\n        'textarea:not([disabled])',\n        '[tabindex]:not([tabindex=\"-1\"])'\n      ].join(', ');\n\n      const focusableElements = Array.from(container.querySelectorAll<HTMLElement>(focusableSelectors)).filter((el) => {\n        // Filter out disabled and hidden elements\n        const style = window.getComputedStyle(el);\n        return (\n          !el.hasAttribute('disabled') &&\n          !el.hasAttribute('aria-disabled') &&\n          style.display !== 'none' &&\n          style.visibility !== 'hidden' &&\n          (el.tabIndex >= 0 || el.hasAttribute('role'))\n        );\n      });\n\n      if (focusableElements.length === 0) return;\n\n      const currentIndex = focusableElements.findIndex((el) => el === document.activeElement);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = focusableElements.length - 1;\n      }\n\n      if (nextIndex >= 0 && focusableElements[nextIndex]) {\n        focusableElements[nextIndex].focus();\n      } else if (currentIndex === -1 && focusableElements.length > 0) {\n        // If no element is currently focused, focus the first one\n        focusableElements[0].focus();\n      }\n    };\n\n    const handlePopoverContentKeyDown = (e: React.KeyboardEvent) => {\n      // Allow Escape key to close popover when focus is on content\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        setDisplayPopover(false);\n        srcElementRef.current?.focus();\n      } else if (e.key === 'Tab') {\n        // Close popover when Tab exits the menu\n        setDisplayPopover(false);\n        if (e.shiftKey) {\n          // Shift+Tab: prevent default (would go to wrapper) and focus trigger instead\n          e.preventDefault();\n          srcElementRef.current?.focus();\n        }\n        // Forward Tab: do NOT preventDefault — browser moves focus to next element naturally\n      } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n        // Handle arrow key navigation for focusable elements inside popover\n        handleArrowKeyNavigation(e, popoverContentRef.current);\n      } else if (e.key === 'Enter' || e.key === ' ') {\n        // Prevent Enter/Space from bubbling to wrapper (mirrors click stopPropagation)\n        e.stopPropagation();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n    const popoverContentClasses = noBorder ? '' : 'shadow-md border rounded-md';\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative focus-outline rounded-md' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={(e) => {\n          if (disabled || disableClickToggle) return;\n          e.stopPropagation();\n          togglePopover();\n        }}\n        onKeyDown={(e) => {\n          if (disabled || disableClickToggle) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            const wasOpen = displayPopover;\n            togglePopover();\n            // Focus first focusable element when opening\n            if (!wasOpen) {\n              setTimeout(() => {\n                const currentRef = popoverContentRef.current;\n                if (currentRef) {\n                  const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                  if (firstFocusable) {\n                    firstFocusable.focus();\n                  }\n                }\n              }, 0);\n            }\n          } else if (e.key === 'Escape' && displayPopover) {\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(false);\n          } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && displayPopover) {\n            // Handle arrow keys when popover is open\n            const currentRef = popoverContentRef.current;\n            if (currentRef) {\n              handleArrowKeyNavigation(e, currentRef);\n            }\n          } else if (e.key === 'ArrowDown' && !displayPopover) {\n            // Open popover and focus first item when ArrowDown is pressed\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(true);\n            setTimeout(() => {\n              const currentRef = popoverContentRef.current;\n              if (currentRef) {\n                const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                if (firstFocusable) {\n                  firstFocusable.focus();\n                }\n              }\n            }, 0);\n          }\n        }}\n        onBlurCapture={onDismissBlurCapture}\n        onBlur={(e) => {\n          // Portal content is rendered outside wrapper, so keep explicit check for that case.\n          if (!displayPopover || disableAutoClose || !isWithPortal) return;\n\n          const nextFocused = e.relatedTarget as Node | null;\n          const isFocusInSource = !!(nextFocused && srcElementRef.current?.contains(nextFocused));\n          const isFocusInPopover = !!(nextFocused && popoverContentRef.current?.contains(nextFocused));\n\n          // Close only when focus leaves both source and portal content.\n          if (!isFocusInSource && !isFocusInPopover) {\n            setDisplayPopover(false);\n          }\n        }}\n        role={disableClickToggle ? 'none' : sourceRole}\n        aria-expanded={disableClickToggle ? undefined : displayPopover ? 'true' : 'false'}\n        aria-haspopup={disableClickToggle ? undefined : sourceRole === 'combobox' ? 'listbox' : 'true'}\n        tabIndex={disabled || disableClickToggle ? -1 : 0}\n        aria-disabled={disableClickToggle ? undefined : disabled ? 'true' : 'false'}\n        {...accessibleNameProps}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover, togglePopover })}\n\n        {displayPopover && !isWithPortal && (\n          <div\n            className={`popover-content absolute ${popoverContentClasses} z-[1000] ${\n              contentWidth == 'full' ? 'w-full' : 'w-max'\n            }`}\n            style={{\n              ...popoverContentStyleProperty,\n              ...popoverContentStyle[popoverPosition]\n            }}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={handlePopoverContentKeyDown}\n            ref={popoverContentRef}\n            data-automation-id={popoverContentAutomationId}\n          >\n            {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n          </div>\n        )}\n        {isWithPortal &&\n          displayPopover &&\n          isSrcElementVisible &&\n          ReactDOM.createPortal(\n            <div\n              className={`popover-content-with-portal ${popoverContentClasses} ${\n                contentWidth == 'full' ? 'w-full' : 'w-max'\n              }`}\n              style={{\n                position: 'fixed',\n                top: portalPosition.top,\n                left: portalPosition.left,\n                ...popoverContentStyleProperty\n              }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={handlePopoverContentKeyDown}\n              ref={popoverContentRef}\n              data-automation-id={popoverContentAutomationId}\n            >\n              {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n"],"names":["focusableSelectors","join","Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","isWithPortal","ariaLabel","ariaLabelledBy","sourceRole","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","disableAutoClose","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","onBlurCapture","onDismissBlurCapture","useDismissOnFocusOut","onFocusOut","closeOnEscape","portalPosition","setPortalPosition","top","left","calculatePositionOfPopover","current","localPosition","srcRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","Math","max","spaceAbove","spaceBelow","useEffect","document","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","scrollListenerForRepositioning","clickAndScrollListenerWithPortal","resizeListenerWithPortal","timeout1","setTimeout","checkSourceVisibility","timeout2","clearTimeout","rec","isVisible","firstFocusable","querySelector","activeElement","focus","includes","event","currentDropRef","target","isSourcePopover","contains","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","focusFirst","wasOpen","prev","handleArrowKeyNavigation","e","container","focusableElements","Array","from","querySelectorAll","filter","el","style","getComputedStyle","hasAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","key","preventDefault","stopPropagation","handlePopoverContentKeyDown","shiftKey","useImperativeHandle","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","currentRef","onBlur","nextFocused","relatedTarget","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal"],"mappings":"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"}
+{"version":3,"file":"index18.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport { getA11yNameAttributes, useDismissOnFocusOut } from '../../utils/a11y';\n\nconst focusableSelectors = [\n  '[role=\"menuitem\"]', '[role=\"option\"]', '[role=\"menuitemcheckbox\"]',\n  '[role=\"menuitemradio\"]', 'button:not([disabled])', 'a[href]',\n  '[tabindex]:not([tabindex=\"-1\"])'\n].join(', ');\n\nexport interface PopoverHandle {\n  togglePopover: (focusFirst?: boolean | 'last') => void;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: () => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean; togglePopover: (focusFirst?: boolean | 'last') => void }) => ReactNode;\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n  isWithPortal?: boolean;\n  noBorder?: boolean;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  sourceRole?: 'button' | 'combobox';\n  popoverContentStyleProperty?: React.CSSProperties;\n  disableClickToggle?: boolean;\n  disableAutoClose?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      isWithPortal = false,\n      ariaLabel,\n      ariaLabelledBy,\n      sourceRole = 'button',\n      popoverContentStyleProperty = {\n        zIndex: 1000,\n        borderColor: 'var(--color-gray-200)',\n        color: 'var(--color-gray-900)',\n        backgroundColor: 'var(--color-white)'\n      },\n      disableClickToggle = false,\n      noBorder = false,\n      disableAutoClose = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\n    const [isSrcElementVisible, setIsSrcElementVisible] = useState(false);\n    const srcElementRef = useRef<HTMLDivElement>(null);\n    const popoverContentRef = useRef<HTMLDivElement>(null);\n\n    // Compute accessible name/description props with correct precedence\n    const accessibleNameProps = getA11yNameAttributes({\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy: undefined // Popover doesn't support describedBy yet\n    });\n\n    // Use shared focus-out dismissal for non-portal popovers.\n    // Portal content lives outside the wrapper, so portal uses a dedicated onBlur fallback below.\n    const { onBlurCapture: onDismissBlurCapture } = useDismissOnFocusOut<HTMLDivElement>({\n      disabled: !displayPopover || disableAutoClose || isWithPortal,\n      onFocusOut: () => setDisplayPopover(false),\n      closeOnEscape: false\n    });\n\n    const [portalPosition, setPortalPosition] = useState({ top: 0, left: 0 });\n\n    const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n      if (!srcElementRef.current) return { top: 0, left: 0 };\n\n      let localPosition = position;\n\n      const srcRect = srcElementRef.current.getBoundingClientRect();\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n\n      // Calculate position for portal\n      let top = 0;\n      let left = 0;\n\n      switch (localPosition) {\n        case 'bottom-left':\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n        case 'bottom-right':\n          top = srcRect.bottom;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'bottom-center':\n          top = srcRect.bottom;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        case 'top-left':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.left;\n          break;\n        case 'top-right':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'top-center':\n          top = srcRect.top - srcRect.height * 1.9;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        default:\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n      }\n\n      // Get popover dimensions if available\n      const popoverRect = popoverContentRef.current?.getBoundingClientRect();\n      const popoverWidth = popoverRect?.width || 0;\n      const popoverHeight = popoverRect?.height || 0;\n\n      // Adjust center positions to account for popover width\n      if (localPosition === 'bottom-center' || localPosition === 'top-center') {\n        // Center the popover by subtracting half its width from the source center\n        left = left - popoverWidth / 2;\n      }\n\n      // Adjust position to keep popover within viewport bounds\n      // Horizontal adjustments\n      if (left + popoverWidth > viewportWidth) {\n        // Popover extends beyond right edge, shift it left\n        left = Math.max(0, viewportWidth - popoverWidth);\n      }\n      if (left < 0) {\n        // Popover extends beyond left edge, shift it right\n        left = 0;\n      }\n\n      // Vertical adjustments\n      if (top + popoverHeight > viewportHeight) {\n        // Popover extends beyond bottom edge\n        // Try to position it above the source element\n        const spaceAbove = srcRect.top;\n        const spaceBelow = viewportHeight - srcRect.bottom;\n\n        if (spaceAbove >= popoverHeight || spaceAbove > spaceBelow) {\n          // Position above if there's enough space or more space above\n          top = srcRect.top - popoverHeight;\n          // Ensure it doesn't go above viewport\n          if (top < 0) {\n            top = 0;\n          }\n        } else {\n          // Keep at bottom but adjust to fit within viewport\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n      if (top < 0) {\n        // Popover extends beyond top edge, position it below the source element\n        top = srcRect.bottom;\n        // Ensure it doesn't go below viewport\n        if (top + popoverHeight > viewportHeight) {\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n\n      return { top, left };\n    };\n\n    useEffect(() => {\n      if (onPopoverToggle) {\n        onPopoverToggle(displayPopover);\n      }\n\n      if (displayPopover && !isWithPortal) {\n        // Add click listener for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickListener, true);\n        }\n        checkPopoverPosition();\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickListener, true);\n          }\n        };\n      } else if (displayPopover && isWithPortal) {\n        // Add click/scroll listeners for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickAndScrollListenerWithPortal, true);\n          window.addEventListener('scroll', clickAndScrollListenerWithPortal);\n        } else {\n          // When disableAutoClose is true, still listen to scroll for repositioning\n          window.addEventListener('scroll', scrollListenerForRepositioning);\n        }\n        // Always add resize listener for repositioning\n        window.addEventListener('resize', resizeListenerWithPortal);\n\n        // Initial position calculation\n        const timeout1 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          checkSourceVisibility();\n\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 0);\n\n        // Recalculate after popover is rendered to get accurate dimensions\n        const timeout2 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 10);\n\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickAndScrollListenerWithPortal, true);\n            window.removeEventListener('scroll', clickAndScrollListenerWithPortal);\n          } else {\n            window.removeEventListener('scroll', scrollListenerForRepositioning);\n          }\n          window.removeEventListener('resize', resizeListenerWithPortal);\n          clearTimeout(timeout1);\n          clearTimeout(timeout2);\n        };\n      }\n    }, [displayPopover, isWithPortal, disableAutoClose]);\n\n    const checkSourceVisibility = () => {\n      if (!srcElementRef.current) {\n        setIsSrcElementVisible(false);\n        return;\n      }\n\n      const rec = srcElementRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n\n      const isVisible = rec.top < viewportHeight && rec.bottom > 0 && rec.left < viewportWidth && rec.right > 0;\n\n      setIsSrcElementVisible(isVisible);\n    };\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    useEffect(() => {\n      // Focus first focusable element when popover opens\n      if (displayPopover && popoverContentRef.current) {\n        setTimeout(() => {\n          const firstFocusable = popoverContentRef.current?.querySelector<HTMLElement>(focusableSelectors);\n          if (firstFocusable && document.activeElement === srcElementRef.current) {\n            firstFocusable.focus();\n          }\n        }, 0);\n      }\n    }, [displayPopover]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\n\n    const clickListener = (event: MouseEvent) => {\n      const currentDropRef = srcElementRef.current;\n      if (!currentDropRef) return;\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = popoverContentRef.current?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if (disableAutoClose) return;\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const clickAndScrollListenerWithPortal = (event: Event) => {\n      const currentDropRef = srcElementRef.current;\n      const currentPopoverRef = popoverContentRef.current;\n      if (!currentDropRef) return;\n      checkSourceVisibility();\n\n      // Recalculate position on scroll\n      if (event.type === 'scroll' && displayPopover) {\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = currentPopoverRef?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      if (disableAutoClose) return;\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const resizeListenerWithPortal = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const scrollListenerForRepositioning = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const togglePopover = (focusFirst: boolean | 'last' = false) => {\n      const wasOpen = displayPopover;\n      setDisplayPopover((prev) => !prev);\n      if (!wasOpen && focusFirst) {\n        setTimeout(() => {\n          if (focusFirst === 'last') {\n            const allFocusable = popoverContentRef.current?.querySelectorAll<HTMLElement>(focusableSelectors);\n            const lastFocusable = allFocusable ? allFocusable[allFocusable.length - 1] : null;\n            if (lastFocusable) lastFocusable.focus();\n          } else {\n            const firstFocusable = popoverContentRef.current?.querySelector<HTMLElement>(focusableSelectors);\n            if (firstFocusable) firstFocusable.focus();\n          }\n        }, 50);\n      }\n    };\n\n    const handleArrowKeyNavigation = (e: React.KeyboardEvent, container: HTMLDivElement | null) => {\n      if (!container) return;\n\n      // Find all focusable elements within the popover content\n      // This includes elements with role=\"menuitem\", role=\"option\", tabIndex >= 0, etc.\n      const focusableSelectors = [\n        '[role=\"menuitem\"]',\n        '[role=\"option\"]',\n        '[role=\"menuitemcheckbox\"]',\n        '[role=\"menuitemradio\"]',\n        'button:not([disabled])',\n        'a[href]',\n        'input:not([disabled])',\n        'select:not([disabled])',\n        'textarea:not([disabled])',\n        '[tabindex]:not([tabindex=\"-1\"])'\n      ].join(', ');\n\n      const focusableElements = Array.from(container.querySelectorAll<HTMLElement>(focusableSelectors)).filter((el) => {\n        // Filter out disabled and hidden elements\n        const style = window.getComputedStyle(el);\n        return (\n          !el.hasAttribute('disabled') &&\n          !el.hasAttribute('aria-disabled') &&\n          style.display !== 'none' &&\n          style.visibility !== 'hidden' &&\n          (el.tabIndex >= 0 || el.hasAttribute('role'))\n        );\n      });\n\n      if (focusableElements.length === 0) return;\n\n      const currentIndex = focusableElements.findIndex((el) => el === document.activeElement);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = focusableElements.length - 1;\n      }\n\n      if (nextIndex >= 0 && focusableElements[nextIndex]) {\n        focusableElements[nextIndex].focus();\n      } else if (currentIndex === -1 && focusableElements.length > 0) {\n        // If no element is currently focused, focus the first one\n        focusableElements[0].focus();\n      }\n    };\n\n    const handlePopoverContentKeyDown = (e: React.KeyboardEvent) => {\n      // Allow Escape key to close popover when focus is on content\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        setDisplayPopover(false);\n        srcElementRef.current?.focus();\n      } else if (e.key === 'Tab') {\n        // Close popover when Tab exits the menu\n        setDisplayPopover(false);\n        if (e.shiftKey) {\n          // Shift+Tab: prevent default (would go to wrapper) and focus trigger instead\n          e.preventDefault();\n          srcElementRef.current?.focus();\n        }\n        // Forward Tab: do NOT preventDefault — browser moves focus to next element naturally\n      } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n        // Handle arrow key navigation for focusable elements inside popover\n        handleArrowKeyNavigation(e, popoverContentRef.current);\n      } else if (e.key === 'Enter' || e.key === ' ') {\n        // Prevent Enter/Space from bubbling to wrapper (mirrors click stopPropagation)\n        e.stopPropagation();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n    const popoverContentClasses = noBorder ? '' : 'shadow-md border rounded-md';\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative focus-outline rounded-md' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={(e) => {\n          if (disabled || disableClickToggle) return;\n          e.stopPropagation();\n          togglePopover();\n        }}\n        onKeyDown={(e) => {\n          if (disabled || disableClickToggle) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            const wasOpen = displayPopover;\n            togglePopover();\n            // Focus first focusable element when opening\n            if (!wasOpen) {\n              setTimeout(() => {\n                const currentRef = popoverContentRef.current;\n                if (currentRef) {\n                  const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                  if (firstFocusable) {\n                    firstFocusable.focus();\n                  }\n                }\n              }, 0);\n            }\n          } else if (e.key === 'Escape' && displayPopover) {\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(false);\n          } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && displayPopover) {\n            // Handle arrow keys when popover is open\n            const currentRef = popoverContentRef.current;\n            if (currentRef) {\n              handleArrowKeyNavigation(e, currentRef);\n            }\n          } else if (e.key === 'ArrowDown' && !displayPopover) {\n            // Open popover and focus first item when ArrowDown is pressed\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(true);\n            setTimeout(() => {\n              const currentRef = popoverContentRef.current;\n              if (currentRef) {\n                const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                if (firstFocusable) {\n                  firstFocusable.focus();\n                }\n              }\n            }, 0);\n          }\n        }}\n        onBlurCapture={onDismissBlurCapture}\n        onBlur={(e) => {\n          // Portal content is rendered outside wrapper, so keep explicit check for that case.\n          if (!displayPopover || disableAutoClose || !isWithPortal) return;\n\n          const nextFocused = e.relatedTarget as Node | null;\n          const isFocusInSource = !!(nextFocused && srcElementRef.current?.contains(nextFocused));\n          const isFocusInPopover = !!(nextFocused && popoverContentRef.current?.contains(nextFocused));\n\n          // Close only when focus leaves both source and portal content.\n          if (!isFocusInSource && !isFocusInPopover) {\n            setDisplayPopover(false);\n          }\n        }}\n        role={disableClickToggle ? 'none' : sourceRole}\n        aria-expanded={disableClickToggle ? undefined : displayPopover ? 'true' : 'false'}\n        aria-haspopup={disableClickToggle ? undefined : sourceRole === 'combobox' ? 'listbox' : 'true'}\n        tabIndex={disabled || disableClickToggle ? -1 : 0}\n        aria-disabled={disableClickToggle ? undefined : disabled ? 'true' : 'false'}\n        {...accessibleNameProps}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover, togglePopover })}\n\n        {displayPopover && !isWithPortal && (\n          <div\n            className={`popover-content absolute ${popoverContentClasses} z-[1000] ${\n              contentWidth == 'full' ? 'w-full' : 'w-max'\n            }`}\n            style={{\n              ...popoverContentStyleProperty,\n              ...popoverContentStyle[popoverPosition]\n            }}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={handlePopoverContentKeyDown}\n            ref={popoverContentRef}\n            data-automation-id={popoverContentAutomationId}\n          >\n            {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n          </div>\n        )}\n        {isWithPortal &&\n          displayPopover &&\n          isSrcElementVisible &&\n          ReactDOM.createPortal(\n            <div\n              className={`popover-content-with-portal ${popoverContentClasses} ${\n                contentWidth == 'full' ? 'w-full' : 'w-max'\n              }`}\n              style={{\n                position: 'fixed',\n                top: portalPosition.top,\n                left: portalPosition.left,\n                ...popoverContentStyleProperty\n              }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={handlePopoverContentKeyDown}\n              ref={popoverContentRef}\n              data-automation-id={popoverContentAutomationId}\n            >\n              {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n"],"names":["focusableSelectors","join","Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","isWithPortal","ariaLabel","ariaLabelledBy","sourceRole","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","disableAutoClose","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","onBlurCapture","onDismissBlurCapture","useDismissOnFocusOut","onFocusOut","closeOnEscape","portalPosition","setPortalPosition","top","left","calculatePositionOfPopover","current","localPosition","srcRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","Math","max","spaceAbove","spaceBelow","useEffect","document","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","scrollListenerForRepositioning","clickAndScrollListenerWithPortal","resizeListenerWithPortal","timeout1","setTimeout","checkSourceVisibility","timeout2","clearTimeout","rec","isVisible","firstFocusable","querySelector","activeElement","focus","includes","event","currentDropRef","target","isSourcePopover","contains","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","focusFirst","wasOpen","prev","allFocusable","querySelectorAll","lastFocusable","length","handleArrowKeyNavigation","e","container","focusableElements","Array","from","filter","el","style","getComputedStyle","hasAttribute","display","visibility","tabIndex","currentIndex","findIndex","nextIndex","key","preventDefault","stopPropagation","handlePopoverContentKeyDown","shiftKey","useImperativeHandle","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","currentRef","onBlur","nextFocused","relatedTarget","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal"],"mappings":";;;;;;;;;;;;;AAIA,MAAMA,IAAqB,CACzB,qBAAqB,mBAAmB,6BACxC,0BAA0B,0BAA0B,WACpD,iCAAiC,EACjCC,KAAK,IAAI,GA2BEC,wBACX,CACE;AAAA,EACEC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,UAAAA,IAAW;AAAA,EACXC,4BAAAA,IAA6B;AAAA,EAC7BC,cAAAA,IAAe;AAAA,EACfC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,cAAAA,IAAe;AAAA,EACfC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,6BAAAA,IAA8B;AAAA,IAC5BC,QAAQ;AAAA,IACRC,aAAa;AAAA,IACbC,OAAO;AAAA,IACPC,iBAAiB;AAAA,EAAA;AAAA,EAEnBC,oBAAAA,IAAqB;AAAA,EACrBC,UAAAA,IAAW;AAAA,EACXC,kBAAAA,IAAmB;AAAA,EACnB,GAAGC;AACL,GACAC,OACG;AACH,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,CAACC,GAAiBC,CAAkB,IAAIF,EAASxB,CAAQ,GACzD,CAAC2B,IAAqBC,CAAsB,IAAIJ,EAAS,EAAK,GAC9DK,IAAgBC,EAAuB,IAAI,GAC3CC,IAAoBD,EAAuB,IAAI,GAG/CE,KAAsBC,GAAsB;AAAA,IAChDxB,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAwB,iBAAiBC;AAAAA;AAAAA,EAAAA,CAClB,GAIK;AAAA,IAAEC,eAAeC;AAAAA,EAAAA,IAAyBC,GAAqC;AAAA,IACnF/B,UAAU,CAACe,KAAkBH,KAAoBX;AAAAA,IACjD+B,YAAYA,MAAMhB,EAAkB,EAAK;AAAA,IACzCiB,eAAe;AAAA,EAAA,CAChB,GAEK,CAACC,GAAgBC,CAAiB,IAAIlB,EAAS;AAAA,IAAEmB,KAAK;AAAA,IAAGC,MAAM;AAAA,EAAA,CAAG,GAElEC,IAA6BA,CAAC7C,IAAmB,oBAAoB;AACzE,QAAI,CAAC6B,EAAciB,QAAS,QAAO;AAAA,MAAEH,KAAK;AAAA,MAAGC,MAAM;AAAA,IAAA;AAEnD,QAAIG,IAAgB/C;AAEpB,UAAMgD,IAAUnB,EAAciB,QAAQG,sBAAAA,GAChCC,IAAgBC,OAAOC,YACvBC,IAAiBF,OAAOG;AAG9B,QAAIX,IAAM,GACNC,IAAO;AAEX,YAAQG,GAAAA;AAAAA,MACN,KAAK;AACHJ,QAAAA,IAAMK,EAAQO,QACdX,IAAOI,EAAQJ;AACf;AAAA,MACF,KAAK;AACHD,QAAAA,IAAMK,EAAQO,QACdX,IAAOI,EAAQQ,QAAQR,EAAQS,QAAQ;AACvC;AAAA,MACF,KAAK;AACHd,QAAAA,IAAMK,EAAQO,QAEdX,IAAOI,EAAQJ,OAAOI,EAAQS,QAAQ;AACtC;AAAA,MACF,KAAK;AACHd,QAAAA,IAAMK,EAAQL,MAAMK,EAAQU,SAAS,KACrCd,IAAOI,EAAQJ;AACf;AAAA,MACF,KAAK;AACHD,QAAAA,IAAMK,EAAQL,MAAMK,EAAQU,SAAS,KACrCd,IAAOI,EAAQQ,QAAQR,EAAQS,QAAQ;AACvC;AAAA,MACF,KAAK;AACHd,QAAAA,IAAMK,EAAQL,MAAMK,EAAQU,SAAS,KAErCd,IAAOI,EAAQJ,OAAOI,EAAQS,QAAQ;AACtC;AAAA,MACF;AACEd,QAAAA,IAAMK,EAAQO,QACdX,IAAOI,EAAQJ;AACf;AAAA,IAAA;AAIJ,UAAMe,IAAc5B,EAAkBe,SAASG,sBAAAA,GACzCW,IAAeD,GAAaF,SAAS,GACrCI,IAAgBF,GAAaD,UAAU;AAoB7C,SAjBIX,MAAkB,mBAAmBA,MAAkB,kBAEzDH,IAAOA,IAAOgB,IAAe,IAK3BhB,IAAOgB,IAAeV,MAExBN,IAAOkB,KAAKC,IAAI,GAAGb,IAAgBU,CAAY,IAE7ChB,IAAO,MAETA,IAAO,IAILD,IAAMkB,IAAgBR,GAAgB;AAGxC,YAAMW,IAAahB,EAAQL,KACrBsB,KAAaZ,IAAiBL,EAAQO;AAE5C,MAAIS,KAAcH,KAAiBG,IAAaC,MAE9CtB,IAAMK,EAAQL,MAAMkB,GAEhBlB,IAAM,MACRA,IAAM,MAIRA,IAAMmB,KAAKC,IAAI,GAAGV,IAAiBQ,CAAa;AAAA,IAEpD;AACA,WAAIlB,IAAM,MAERA,IAAMK,EAAQO,QAEVZ,IAAMkB,IAAgBR,MACxBV,IAAMmB,KAAKC,IAAI,GAAGV,IAAiBQ,CAAa,KAI7C;AAAA,MAAElB,KAAAA;AAAAA,MAAKC,MAAAA;AAAAA,IAAAA;AAAAA,EAChB;AAEAsB,EAAAA,EAAU,MAAM;AAKd,QAJI7D,KACFA,EAAgBiB,CAAc,GAG5BA,KAAkB,CAACd;AAErB,aAAKW,KACHgD,SAASC,KAAKC,iBAAiB,SAASC,GAAe,EAAI,GAE7DC,GAAAA,GACO,MAAM;AACX,QAAKpD,KACHgD,SAASC,KAAKI,oBAAoB,SAASF,GAAe,EAAI;AAAA,MAElE;AACF,QAAWhD,KAAkBd,GAAc;AAEzC,MAAKW,IAKHgC,OAAOkB,iBAAiB,UAAUI,CAA8B,KAJhEN,SAASC,KAAKC,iBAAiB,SAASK,GAAkC,EAAI,GAC9EvB,OAAOkB,iBAAiB,UAAUK,CAAgC,IAMpEvB,OAAOkB,iBAAiB,UAAUM,CAAwB;AAG1D,YAAMC,IAAWC,WAAW,MAAM;AAChC,cAAM7E,IAAW6C,EAA2BpB,CAAe;AAC3DqD,QAAAA,EAAAA,GAEI9E,KACF0C,EAAkB1C,CAAQ;AAAA,MAE9B,GAAG,CAAC,GAGE+E,IAAWF,WAAW,MAAM;AAChC,cAAM7E,IAAW6C,EAA2BpB,CAAe;AAC3D,QAAIzB,KACF0C,EAAkB1C,CAAQ;AAAA,MAE9B,GAAG,EAAE;AAEL,aAAO,MAAM;AACX,QAAKmB,IAIHgC,OAAOqB,oBAAoB,UAAUC,CAA8B,KAHnEN,SAASC,KAAKI,oBAAoB,SAASE,GAAkC,EAAI,GACjFvB,OAAOqB,oBAAoB,UAAUE,CAAgC,IAIvEvB,OAAOqB,oBAAoB,UAAUG,CAAwB,GAC7DK,aAAaJ,CAAQ,GACrBI,aAAaD,CAAQ;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAAG,CAACzD,GAAgBd,GAAcW,CAAgB,CAAC;AAEnD,QAAM2D,IAAwBA,MAAM;AAClC,QAAI,CAACjD,EAAciB,SAAS;AAC1BlB,MAAAA,EAAuB,EAAK;AAC5B;AAAA,IACF;AAEA,UAAMqD,IAAMpD,EAAciB,QAAQG,sBAAAA,GAC5BI,IAAiBF,OAAOG,aACxBJ,IAAgBC,OAAOC,YAEvB8B,IAAYD,EAAItC,MAAMU,KAAkB4B,EAAI1B,SAAS,KAAK0B,EAAIrC,OAAOM,KAAiB+B,EAAIzB,QAAQ;AAExG5B,IAAAA,EAAuBsD,CAAS;AAAA,EAClC;AAEAhB,EAAAA,EAAU,MAAM;AACd3C,IAAAA,EAAkBjB,KAAiB,EAAK;AAAA,EAC1C,GAAG,CAACA,CAAa,CAAC,GAElB4D,EAAU,MAAM;AAEd,IAAI5C,KAAkBS,EAAkBe,WACtC+B,WAAW,MAAM;AACf,YAAMM,IAAiBpD,EAAkBe,SAASsC,cAA2BzF,CAAkB;AAC/F,MAAIwF,KAAkBhB,SAASkB,kBAAkBxD,EAAciB,WAC7DqC,EAAeG,MAAAA;AAAAA,IAEnB,GAAG,CAAC;AAAA,EAER,GAAG,CAAChE,CAAc,CAAC;AAGnB,QAAMiD,KAAuBA,MAAM;AACjC,QAAI,CAACxC,EAAkBe,QAAS;AAEhC,UAAMa,IAAc5B,EAAkBe,QAAQG,sBAAAA,GACxCI,IAAiBF,OAAOG;AAE9B,IAAIK,GAAaJ,SAASF,IACxB3B,EACE1B,EAASuF,SAAS,MAAM,IAAI,aAAavF,EAASuF,SAAS,OAAO,IAAI,cAAc,YACtF,IACS5B,GAAahB,MAAM,KAE5BjB,EACE1B,EAASuF,SAAS,MAAM,IAAI,gBAAgBvF,EAASuF,SAAS,OAAO,IAAI,iBAAiB,eAC5F;AAAA,EAEJ,GAEMjB,IAAgBA,CAACkB,MAAsB;AAC3C,UAAMC,IAAiB5D,EAAciB;AACrC,QAAI,CAAC2C,EAAgB;AAErB,UAAMC,IAASF,EAAME,QACfC,IAAkBF,EAAeG,SAASF,CAAM,GAChDG,IAAmB9D,EAAkBe,SAAS8C,SAASF,CAAM,GAI7DI,IADiBJ,EACsBK,UAAU,4BAA4B,GAC7EC,IAAyBF,KAAyBA,MAA0BL,GAG5EQ,IAAkBlE,EAAkBe,SAAS8C,SAASE,CAA6B;AAIzF,IAAI3E,MACC,CAACwE,KAAmB,CAACE,KAAsBG,KAA0B,CAACC,MACzE1E,EAAkB,EAAK;AAAA,EAE3B,GAEMmD,IAAmCA,CAACc,MAAiB;AACzD,UAAMC,IAAiB5D,EAAciB,SAC/BoD,IAAoBnE,EAAkBe;AAC5C,QAAI,CAAC2C,EAAgB;AAIrB,QAHAX,EAAAA,GAGIU,EAAMW,SAAS,YAAY7E,GAAgB;AAC7C,YAAMtB,IAAW6C,EAA2BpB,CAAe;AAC3D,MAAIzB,KACF0C,EAAkB1C,CAAQ;AAAA,IAE9B;AAEA,UAAM0F,IAASF,EAAME,QACfC,IAAkBF,EAAeG,SAASF,CAAM,GAChDG,IAAmBK,GAAmBN,SAASF,CAAM,GAIrDI,IADiBJ,EACsBK,UAAU,4BAA4B,GAC7EC,IAAyBF,KAAyBA,MAA0BL,GAG5EQ,IAAkBlE,EAAkBe,SAAS8C,SAASE,CAA6B;AAEzF,IAAI3E,MAGC,CAACwE,KAAmB,CAACE,KAAsBG,KAA0B,CAACC,MACzE1E,EAAkB,EAAK;AAAA,EAE3B,GAEMoD,IAA2BA,MAAM;AACrC,QAAIrD,KAAkBd,KAAgBqB,EAAciB,SAAS;AAC3DgC,MAAAA,EAAAA;AACA,YAAM9E,IAAW6C,EAA2BpB,CAAe;AAC3D,MAAIzB,KACF0C,EAAkB1C,CAAQ;AAAA,IAE9B;AAAA,EACF,GAEMyE,IAAiCA,MAAM;AAC3C,QAAInD,KAAkBd,KAAgBqB,EAAciB,SAAS;AAC3DgC,MAAAA,EAAAA;AACA,YAAM9E,IAAW6C,EAA2BpB,CAAe;AAC3D,MAAIzB,KACF0C,EAAkB1C,CAAQ;AAAA,IAE9B;AAAA,EACF,GAEMoG,IAAgBA,CAACC,IAA+B,OAAU;AAC9D,UAAMC,IAAUhF;AAChBC,IAAAA,EAAmBgF,CAAAA,MAAS,CAACA,CAAI,GAC7B,CAACD,KAAWD,KACdxB,WAAW,MAAM;AACf,UAAIwB,MAAe,QAAQ;AACzB,cAAMG,IAAezE,EAAkBe,SAAS2D,iBAA8B9G,CAAkB,GAC1F+G,IAAgBF,IAAeA,EAAaA,EAAaG,SAAS,CAAC,IAAI;AAC7E,QAAID,OAA6BpB,MAAAA;AAAAA,MACnC,OAAO;AACL,cAAMH,IAAiBpD,EAAkBe,SAASsC,cAA2BzF,CAAkB;AAC/F,QAAIwF,OAA+BG,MAAAA;AAAAA,MACrC;AAAA,IACF,GAAG,EAAE;AAAA,EAET,GAEMsB,IAA2BA,CAACC,GAAwBC,MAAqC;AAC7F,QAAI,CAACA,EAAW;AAIhB,UAAMnH,IAAqB,CACzB,qBACA,mBACA,6BACA,0BACA,0BACA,WACA,yBACA,0BACA,4BACA,iCAAiC,EACjCC,KAAK,IAAI,GAELmH,IAAoBC,MAAMC,KAAKH,EAAUL,iBAA8B9G,CAAkB,CAAC,EAAEuH,OAAQC,CAAAA,MAAO;AAE/G,YAAMC,IAAQjE,OAAOkE,iBAAiBF,CAAE;AACxC,aACE,CAACA,EAAGG,aAAa,UAAU,KAC3B,CAACH,EAAGG,aAAa,eAAe,KAChCF,EAAMG,YAAY,UAClBH,EAAMI,eAAe,aACpBL,EAAGM,YAAY,KAAKN,EAAGG,aAAa,MAAM;AAAA,IAE/C,CAAC;AAED,QAAIP,EAAkBJ,WAAW,EAAG;AAEpC,UAAMe,IAAeX,EAAkBY,UAAWR,CAAAA,MAAOA,MAAOhD,SAASkB,aAAa;AACtF,QAAIuC,IAAY;AAEhB,IAAIf,EAAEgB,QAAQ,eACZhB,EAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA,GACFH,IAAYF,IAAeX,EAAkBJ,SAAS,IAAIe,IAAe,IAAI,KACpEb,EAAEgB,QAAQ,aACnBhB,EAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA,GACFH,IAAYF,IAAe,IAAIA,IAAe,IAAIX,EAAkBJ,SAAS,KACpEE,EAAEgB,QAAQ,UACnBhB,EAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA,GACFH,IAAY,KACHf,EAAEgB,QAAQ,UACnBhB,EAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA,GACFH,IAAYb,EAAkBJ,SAAS,IAGrCiB,KAAa,KAAKb,EAAkBa,CAAS,IAC/Cb,EAAkBa,CAAS,EAAEtC,MAAAA,IACpBoC,MAAiB,MAAMX,EAAkBJ,SAAS,KAE3DI,EAAkB,CAAC,EAAEzB,MAAAA;AAAAA,EAEzB,GAEM0C,IAA8BA,CAACnB,MAA2B;AAE9D,IAAIA,EAAEgB,QAAQ,YACZhB,EAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA,GACFxG,EAAkB,EAAK,GACvBM,EAAciB,SAASwC,MAAAA,KACduB,EAAEgB,QAAQ,SAEnBtG,EAAkB,EAAK,GACnBsF,EAAEoB,aAEJpB,EAAEiB,eAAAA,GACFjG,EAAciB,SAASwC,MAAAA,MAGhBuB,EAAEgB,QAAQ,eAAehB,EAAEgB,QAAQ,aAAahB,EAAEgB,QAAQ,UAAUhB,EAAEgB,QAAQ,QAEvFjB,EAAyBC,GAAG9E,EAAkBe,OAAO,KAC5C+D,EAAEgB,QAAQ,WAAWhB,EAAEgB,QAAQ,QAExChB,EAAEkB,gBAAAA;AAAAA,EAEN;AAEAG,EAAAA,GAAoB7G,IAAK,OAAO;AAAA,IAAE+E,eAAAA;AAAAA,EAAAA,IAAkB,CAAA,CAAE;AAEtD,QAAM+B,KAAsB;AAAA,IAC1B,eAAe;AAAA,MAAEvF,MAAM;AAAA,MAAKD,KAAK;AAAA,IAAA;AAAA,IACjC,gBAAgB;AAAA,MAAEa,OAAO;AAAA,MAAKb,KAAK;AAAA,IAAA;AAAA,IACnC,iBAAiB;AAAA,MAAEC,MAAM;AAAA,MAAOwF,WAAW;AAAA,MAAoBzF,KAAK;AAAA,IAAA;AAAA,IACpE,YAAY;AAAA,MAAEC,MAAM;AAAA,MAAKW,QAAQ;AAAA,IAAA;AAAA,IACjC,aAAa;AAAA,MAAEC,OAAO;AAAA,MAAKD,QAAQ;AAAA,IAAA;AAAA,IACnC,cAAc;AAAA,MAAEX,MAAM;AAAA,MAAOwF,WAAW;AAAA,MAAoB7E,QAAQ;AAAA,IAAA;AAAA,EAAO,GAEvE8E,IAAwBnH,IAAW,KAAK;AAE9C,SACEoH,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACE1I,WACE,gFACCA,EAAU6G,SAAS,IAAI,IAAI7G,CAAS,KAAK,OACzCwB,IAAiB,UAAU,OAC3Bf,IAAW,uDAAuD;AAAA,IAErEc,KAAKQ;AAAAA,IACL4G,SAAU5B,CAAAA,MAAM;AACd,MAAItG,KAAYU,MAChB4F,EAAEkB,gBAAAA,GACF3B,EAAAA;AAAAA,IACF;AAAA,IACAsC,WAAY7B,CAAAA,MAAM;AAChB,UAAItG,EAAAA,KAAYU;AAChB,YAAI4F,EAAEgB,QAAQ,WAAWhB,EAAEgB,QAAQ,KAAK;AACtChB,YAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA;AACF,gBAAMzB,IAAUhF;AAChB8E,UAAAA,EAAAA,GAEKE,KACHzB,WAAW,MAAM;AACf,kBAAM8D,IAAa5G,EAAkBe;AACrC,gBAAI6F,GAAY;AACd,oBAAMxD,IAAiBwD,EAAWvD,cAA2BzF,CAAkB;AAC/E,cAAIwF,KACFA,EAAeG,MAAAA;AAAAA,YAEnB;AAAA,UACF,GAAG,CAAC;AAAA,QAER,WAAWuB,EAAEgB,QAAQ,YAAYvG;AAC/BuF,YAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA,GACFxG,EAAkB,EAAK;AAAA,kBACbsF,EAAEgB,QAAQ,eAAehB,EAAEgB,QAAQ,cAAcvG,GAAgB;AAE3E,gBAAMqH,IAAa5G,EAAkBe;AACrC,UAAI6F,KACF/B,EAAyBC,GAAG8B,CAAU;AAAA,QAE1C,MAAA,CAAW9B,EAAEgB,QAAQ,eAAe,CAACvG,MAEnCuF,EAAEiB,eAAAA,GACFjB,EAAEkB,gBAAAA,GACFxG,EAAkB,EAAI,GACtBsD,WAAW,MAAM;AACf,gBAAM8D,IAAa5G,EAAkBe;AACrC,cAAI6F,GAAY;AACd,kBAAMxD,IAAiBwD,EAAWvD,cAA2BzF,CAAkB;AAC/E,YAAIwF,KACFA,EAAeG,MAAAA;AAAAA,UAEnB;AAAA,QACF,GAAG,CAAC;AAAA,IAER;AAAA,IACAlD,eAAeC;AAAAA,IACfuG,QAAS/B,CAAAA,MAAM;AAEb,UAAI,CAACvF,KAAkBH,KAAoB,CAACX,EAAc;AAE1D,YAAMqI,IAAchC,EAAEiC,eAChBC,IAAkB,CAAC,EAAEF,KAAehH,EAAciB,SAAS8C,SAASiD,CAAW,IAC/EG,IAAmB,CAAC,EAAEH,KAAe9G,EAAkBe,SAAS8C,SAASiD,CAAW;AAG1F,MAAI,CAACE,KAAmB,CAACC,KACvBzH,EAAkB,EAAK;AAAA,IAE3B;AAAA,IACA0H,MAAMhI,IAAqB,SAASN;AAAAA,IACpC,iBAAeM,IAAqBkB,SAAYb,IAAiB,SAAS;AAAA,IAC1E,iBAAeL,IAAqBkB,SAAYxB,MAAe,aAAa,YAAY;AAAA,IACxF8G,UAAUlH,KAAYU,IAAqB,KAAK;AAAA,IAChD,iBAAeA,IAAqBkB,SAAY5B,IAAW,SAAS;AAAA,EAAA,GAChEyB,IAAmB;AAAA,IACvB,sBAAoBjC;AAAAA,EAAAA,GAChBqB,EAAK,GAERhB,EAAwB;AAAA,IAAEkB,gBAAAA;AAAAA,IAAgB8E,eAAAA;AAAAA,EAAAA,CAAe,GAEzD9E,KAAkB,CAACd,KAClB8H,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEzI,WAAW,4BAA4BuI,CAAqB,aAC1DnI,KAAgB,SAAS,WAAW,OAAO;AAAA,IAE7CkH,OAAO;AAAA,MACL,GAAGxG;AAAAA,MACH,GAAGuH,GAAoB1G,CAAe;AAAA,IAAA;AAAA,IAExCgH,SAAU5B,CAAAA,MAAMA,EAAEkB,gBAAAA;AAAAA,IAClBW,WAAWV;AAAAA,IACX3G,KAAKU;AAAAA,IACL,sBAAoB9B;AAAAA,EAAAA,GAEnBE,EAAsB;AAAA,IAAE+I,gBAAgBA,MAAM3H,EAAkB,EAAK;AAAA,EAAA,CAAG,CACtE,GAENf,KACCc,KACAK,MACAwH,gBAAAA,GAASC,aACPd,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEzI,WAAW,+BAA+BuI,CAAqB,IAC7DnI,KAAgB,SAAS,WAAW,OAAO;AAAA,IAE7CkH,OAAO;AAAA,MACLpH,UAAU;AAAA,MACV2C,KAAKF,EAAeE;AAAAA,MACpBC,MAAMH,EAAeG;AAAAA,MACrB,GAAGhC;AAAAA,IAAAA;AAAAA,IAEL6H,SAAU5B,CAAAA,MAAMA,EAAEkB,gBAAAA;AAAAA,IAClBW,WAAWV;AAAAA,IACX3G,KAAKU;AAAAA,IACL,sBAAoB9B;AAAAA,EAAAA,GAEnBE,EAAsB;AAAA,IAAE+I,gBAAgBA,MAAM3H,EAAkB,EAAK;AAAA,EAAA,CAAG,CACtE,GACL4C,SAASC,IACX,CACC;AAET,CACF;"}

package/dist/index192.js

@@ -1,6 +1,6 @@
 import { useRef as n } from "react";
-import { useFocusTrap as d } from "./index229.js";
-import { useDismissOnEscape as u } from "./index199.js";
+import { useFocusTrap as d } from "./index193.js";
+import { useDismissOnEscape as u } from "./index194.js";
 import { getA11yNameAttributes as c } from "./index71.js";
 import { useStableId as f } from "./index190.js";
 function I({

package/dist/{index229.js → index193.js}

@@ -59,4 +59,4 @@ function L({
 export {
   L as useFocusTrap
 };
-//# sourceMappingURL=index229.js.map
+//# sourceMappingURL=index193.js.map