asma-ui-core 3.108.2 → 3.108.4

package/dist/components/utils/bottom-sheet/StyledBottomSheet.js

@@ -1,137 +1,177 @@
-import { cn as n } from "../../../helpers/cn.js";
-import { registerOpenModalDialog as A } from "../../../hooks/useTopLayer.hook.js";
-import { CloseIcon as H } from "../../icons/close-icon/CloseIcon.js";
-import { IndeterminateIcon as q } from "../../icons/indeterminate-icon/IndeterminateIcon.js";
-import { StyledButton as I } from "../../inputs/button/StyledButton.js";
-import { useShortViewportMediaQuery as G } from "../../../hooks/useMediaQuery.hook.js";
-import { useDebouncedValue as P } from "../../../hooks/useDebouncedValue.hook.js";
-import { useFocusTrap as Q } from "../../../hooks/useFocusTrap.hook.js";
-import { formatResultsLabel as Y } from "./formatResultsLabel.js";
-import { useBodyScrollLock as z } from "../../../hooks/useBodyScrollLock.hook.js";
-import J from "./StyledBottomSheet.module.js";
-import { useDragToDismiss as K } from "./useDragToDismiss.hook.js";
-import { useEffect as W, useId as X, useLayoutEffect as Z, useRef as d, useState as ee } from "react";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-var te = 500, xe = ({ dataTest: r, id: D, open: a, onClose: o, title: s, ariaLabel: L, children: j, viewResultsAction: p, resetAction: F, footerActions: M, resultCount: h, closeLabel: _ = "Lukk", className: C }) => {
-  const b = X(), m = d(null), x = d(null), v = d(null), [u, y] = ee(!1), O = G(), g = d(o);
-  W(() => {
-    g.current = o;
-  }, [o]);
-  const { dragHandleProps: $, dragOffset: w } = K(x, () => {
-    g.current("drag");
+import { cn as d } from "../../../helpers/cn.js";
+import { registerOpenModalDialog as z } from "../../../hooks/useTopLayer.hook.js";
+import { CloseIcon as J } from "../../icons/close-icon/CloseIcon.js";
+import { IndeterminateIcon as W } from "../../icons/indeterminate-icon/IndeterminateIcon.js";
+import { StyledButton as j } from "../../inputs/button/StyledButton.js";
+import { useShortViewportMediaQuery as X } from "../../../hooks/useMediaQuery.hook.js";
+import { OverlayBackOwnerContext as Z, isOverlayBackEnabled as P, requestCloseTopOverlayBack as x, useBackCloses as ee } from "../../../hooks/useBackCloses.hook.js";
+import { useDebouncedValue as te } from "../../../hooks/useDebouncedValue.hook.js";
+import { useFocusTrap as re } from "../../../hooks/useFocusTrap.hook.js";
+import { formatResultsLabel as oe } from "./formatResultsLabel.js";
+import { useBodyScrollLock as ne } from "../../../hooks/useBodyScrollLock.hook.js";
+import ae from "./StyledBottomSheet.module.js";
+import { useDragToDismiss as se } from "./useDragToDismiss.hook.js";
+import { useEffect as y, useId as ie, useLayoutEffect as le, useRef as l, useState as ce } from "react";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+var de = 500, Le = ({ dataTest: c, id: T, open: t, onClose: s, title: m, ariaLabel: _, children: q, viewResultsAction: g, resetAction: $, footerActions: A, resultCount: E, closeLabel: U = "Lukk", className: V, registerBackClose: H = !0, ownerRef: K }) => {
+  const k = ie(), i = l(null), S = l(null), N = l(null), R = K ?? i, h = l(!1), [b, L] = ce(!1), G = X(), f = l(s), B = l(t);
+  y(() => {
+    f.current = s, B.current = t;
+  }, [s, t]);
+  const { dragHandleProps: Q, dragOffset: C } = se(S, () => {
+    f.current("drag");
   });
-  z(a), Q(a, m), Z(() => {
-    const e = m.current;
-    if (!a || !e) return;
-    v.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.open || e.showModal(), e.focus({ preventScroll: !0 });
-    const U = requestAnimationFrame(() => {
-      y(!0);
-    }), V = A(e);
+  ne(t), re(t, i), y(() => {
+    if (!t) return;
+    const e = (r) => {
+      r.key === "Escape" && (h.current = !0, window.setTimeout(() => {
+        h.current = !1;
+      }, 0));
+    }, n = (r) => {
+      if (r.key !== "Escape" || r.defaultPrevented) return;
+      const a = document.activeElement;
+      a instanceof Element && a.closest("dialog[open]") !== i.current || (r.preventDefault(), r.stopImmediatePropagation(), x(r));
+    };
+    return window.addEventListener("keydown", e, !0), window.addEventListener("keydown", n), () => {
+      window.removeEventListener("keydown", e, !0), window.removeEventListener("keydown", n);
+    };
+  }, [t]), ee({
+    active: t && H,
+    requestClose: () => f.current("escape"),
+    ownerRef: R
+  }), le(() => {
+    const e = i.current;
+    if (!t || !e) return;
+    N.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.open || e.showModal(), e.focus({ preventScroll: !0 });
+    const n = requestAnimationFrame(() => {
+      L(!0);
+    }), r = z(e);
     return () => {
-      cancelAnimationFrame(U), V(), y(!1), e.open && e.close();
-      const E = v.current;
-      E?.isConnected && E.focus({ preventScroll: !0 });
+      cancelAnimationFrame(n), r(), L(!1), e.open && e.close();
+      const a = N.current;
+      a?.isConnected && a.focus({ preventScroll: !0 });
+    };
+  }, [t]), y(() => {
+    const e = i.current;
+    if (!e || !t) return;
+    let n = !1;
+    const r = () => {
+      requestAnimationFrame(() => {
+        n = !1, B.current && e.isConnected && !e.open && (e.showModal(), e.focus({ preventScroll: !0 }));
+      });
+    }, a = () => {
+      n || (n = !0, P() && x(), r());
     };
-  }, [a]);
-  const S = Y(P(h, te));
-  if (!a) return null;
-  const T = { close: () => {
-    o("action");
-  } }, l = (e) => typeof e == "function" ? e(T) : e, N = h !== void 0, f = p !== void 0 ? l(p) : N ? /* @__PURE__ */ t(I, {
-    dataTest: `${r}-view-results`,
+    return e.addEventListener("close", a), () => e.removeEventListener("close", a);
+  }, [t]);
+  const O = oe(te(E, de));
+  if (!t) return null;
+  const Y = { close: () => {
+    s("action");
+  } }, p = (e) => typeof e == "function" ? e(Y) : e, I = E !== void 0, w = g !== void 0 ? p(g) : I ? /* @__PURE__ */ o(j, {
+    dataTest: `${c}-view-results`,
     type: "button",
     variant: "text",
     onClick: () => {
-      o("viewResults");
+      s("viewResults");
     },
-    children: S
-  }) : void 0, k = l(F), c = l(M), R = !!(f ?? k), B = w > 0;
-  return /* @__PURE__ */ i("dialog", {
-    ref: m,
-    id: D,
+    children: O
+  }) : void 0, D = p($), v = p(A), F = !!(w ?? D), M = C > 0;
+  return /* @__PURE__ */ o("dialog", {
+    ref: i,
+    id: T,
     tabIndex: -1,
     "aria-modal": "true",
-    "aria-labelledby": s ? b : void 0,
-    "aria-label": s ? void 0 : L,
-    "data-test": r,
-    "data-testid": r,
+    "aria-labelledby": m ? k : void 0,
+    "aria-label": m ? void 0 : _,
+    "data-test": c,
+    "data-testid": c,
     onCancel: (e) => {
-      e.preventDefault(), o("escape");
+      if (e.cancelable && e.preventDefault(), !h.current) {
+        if (!P()) {
+          f.current("escape");
+          return;
+        }
+        x();
+      }
     },
-    className: n(J.StyledBottomSheet, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none flex-col items-center justify-end overflow-hidden border-0 bg-transparent p-0 outline-none open:flex"),
-    children: [/* @__PURE__ */ t("div", {
-      "aria-hidden": "true",
-      "data-testid": `${r}-scrim`,
-      onClick: () => {
-        o("scrim");
-      },
-      className: n("absolute inset-0 bg-[#626e7eb2] transition-opacity duration-[250ms] ease-out motion-reduce:duration-150", u ? "opacity-100" : "opacity-0")
-    }), /* @__PURE__ */ i("div", {
-      ref: x,
-      "data-state": u ? "open" : "closed",
-      style: B ? { transform: `translateY(${w}px)` } : void 0,
-      className: n("relative box-border flex w-full max-w-[640px] flex-col border border-solid border-delta-300 bg-white text-delta-700 outline-none", O ? "h-full max-h-none rounded-none" : "max-h-[90dvh] rounded-t-[28px]", !B && ["ease-out motion-safe:transition-transform motion-safe:duration-[250ms] motion-reduce:transition-opacity motion-reduce:duration-150", u ? "translate-y-0 opacity-100" : "motion-safe:translate-y-full motion-reduce:opacity-0"], C),
-      children: [
-        /* @__PURE__ */ i("div", {
-          className: "border-b-solid shrink-0 border-b border-delta-200 pb-2",
-          children: [/* @__PURE__ */ i("div", {
-            ...$,
-            className: "relative flex h-12 touch-none items-center gap-2 px-2",
-            children: [
-              /* @__PURE__ */ t("div", { className: "min-w-0 flex-1" }),
-              /* @__PURE__ */ t(I, {
-                dataTest: `${r}-close`,
-                variant: "textGray",
-                type: "button",
-                "aria-label": _,
-                onClick: () => {
-                  o("closeButton");
-                },
-                startIcon: /* @__PURE__ */ t(H, {
+    className: d(ae.StyledBottomSheet, "fixed inset-0 m-0 h-full max-h-none w-full max-w-none flex-col items-center justify-end overflow-hidden border-0 bg-transparent p-0 outline-none open:flex"),
+    children: /* @__PURE__ */ u(Z.Provider, {
+      value: R,
+      children: [/* @__PURE__ */ o("div", {
+        "aria-hidden": "true",
+        "data-testid": `${c}-scrim`,
+        onClick: () => {
+          s("scrim");
+        },
+        className: d("absolute inset-0 bg-[#626e7eb2] transition-opacity duration-[250ms] ease-out motion-reduce:duration-150", b ? "opacity-100" : "opacity-0")
+      }), /* @__PURE__ */ u("div", {
+        ref: S,
+        "data-state": b ? "open" : "closed",
+        style: M ? { transform: `translateY(${C}px)` } : void 0,
+        className: d("relative box-border flex w-full max-w-[640px] flex-col border border-solid border-delta-300 bg-white text-delta-700 outline-none", G ? "h-full max-h-none rounded-none" : "max-h-[90dvh] rounded-t-[28px]", !M && ["ease-out motion-safe:transition-transform motion-safe:duration-[250ms] motion-reduce:transition-opacity motion-reduce:duration-150", b ? "translate-y-0 opacity-100" : "motion-safe:translate-y-full motion-reduce:opacity-0"], V),
+        children: [
+          /* @__PURE__ */ u("div", {
+            className: "border-b-solid shrink-0 border-b border-delta-200 pb-2",
+            children: [/* @__PURE__ */ u("div", {
+              ...Q,
+              className: "relative flex h-12 touch-none items-center gap-2 px-2",
+              children: [
+                /* @__PURE__ */ o("div", { className: "min-w-0 flex-1" }),
+                /* @__PURE__ */ o(j, {
+                  dataTest: `${c}-close`,
+                  variant: "textGray",
+                  type: "button",
+                  "aria-label": U,
+                  onClick: () => {
+                    s("closeButton");
+                  },
+                  startIcon: /* @__PURE__ */ o(J, {
+                    width: 24,
+                    height: 24
+                  })
+                }),
+                /* @__PURE__ */ o(W, {
+                  "aria-hidden": "true",
+                  focusable: "false",
                   width: 24,
-                  height: 24
+                  height: 24,
+                  className: "pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-delta-800"
                 })
-              }),
-              /* @__PURE__ */ t(q, {
-                "aria-hidden": "true",
-                focusable: "false",
-                width: 24,
-                height: 24,
-                className: "pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-delta-800"
+              ]
+            }), m && /* @__PURE__ */ o("div", {
+              id: k,
+              className: "truncate px-4 text-lg font-semibold leading-7 text-delta-800",
+              children: m
+            })]
+          }),
+          /* @__PURE__ */ o("div", {
+            className: d("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto overscroll-contain pl-4 pr-2 pt-2", F || v ? "pb-2" : "pb-[max(0.5rem,env(safe-area-inset-bottom))]"),
+            children: p(q)
+          }),
+          F && /* @__PURE__ */ u("div", {
+            className: d("border-t-solid flex shrink-0 items-start border-t border-delta-200 bg-white p-1", w ? "justify-between" : "justify-end", !v && "pb-[max(0.25rem,env(safe-area-inset-bottom))]"),
+            children: [
+              w,
+              D,
+              I && /* @__PURE__ */ o("span", {
+                className: "sr-only",
+                role: "status",
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                children: O
               })
             ]
-          }), s && /* @__PURE__ */ t("div", {
-            id: b,
-            className: "truncate px-4 text-lg font-semibold leading-7 text-delta-800",
-            children: s
-          })]
-        }),
-        /* @__PURE__ */ t("div", {
-          className: n("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto overscroll-contain pl-4 pr-2 pt-2", R || c ? "pb-2" : "pb-[max(0.5rem,env(safe-area-inset-bottom))]"),
-          children: l(j)
-        }),
-        R && /* @__PURE__ */ i("div", {
-          className: n("border-t-solid flex shrink-0 items-start border-t border-delta-200 bg-white p-1", f ? "justify-between" : "justify-end", !c && "pb-[max(0.25rem,env(safe-area-inset-bottom))]"),
-          children: [
-            f,
-            k,
-            N && /* @__PURE__ */ t("span", {
-              className: "sr-only",
-              role: "status",
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              children: S
-            })
-          ]
-        }),
-        c && /* @__PURE__ */ t("div", {
-          className: "flex shrink-0 flex-col items-end bg-white p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
-          children: c
-        })
-      ]
-    })]
+          }),
+          v && /* @__PURE__ */ o("div", {
+            className: "flex shrink-0 flex-col items-end bg-white p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+            children: v
+          })
+        ]
+      })]
+    })
   });
 };
 export {
-  xe as StyledBottomSheet
+  Le as StyledBottomSheet
 };

package/dist/components/utils/popover/PopoverSheet.js

@@ -3,54 +3,59 @@ import { firstTabbable as se } from "../../../helpers/focusable.js";
 import { TOP_LAYER_PROPS as ae, TOP_LAYER_RESET_STYLE as le, getOpenModalDialogAncestor as ce, shouldUsePopoverTopLayer as de, useTopLayerRef as ue } from "../../../hooks/useTopLayer.hook.js";
 import { StyledButton as fe } from "../../inputs/button/StyledButton.js";
 import { useMobileMediaQuery as pe } from "../../../hooks/useMediaQuery.hook.js";
-import { useDebouncedValue as me } from "../../../hooks/useDebouncedValue.hook.js";
-import { useFocusTrap as ge } from "../../../hooks/useFocusTrap.hook.js";
-import { formatResultsLabel as he } from "../bottom-sheet/formatResultsLabel.js";
-import { StyledBottomSheet as ve } from "../bottom-sheet/StyledBottomSheet.js";
-import { PopoverAnatomy as xe } from "./PopoverAnatomy.js";
-import { useCallback as v, useEffect as R, useId as _e, useRef as T, useState as l } from "react";
-import { Fragment as N, jsx as c, jsxs as B } from "react/jsx-runtime";
-import { FloatingPortal as be, autoUpdate as Pe, flip as ye, offset as Re, shift as Te, size as Ee, useDismiss as Me, useFloating as Se, useInteractions as we, useMergeRefs as Ae } from "@floating-ui/react";
-var Oe = 240, Fe = {
+import { OverlayBackOwnerContext as me, useBackCloses as ge } from "../../../hooks/useBackCloses.hook.js";
+import { useDebouncedValue as ve } from "../../../hooks/useDebouncedValue.hook.js";
+import { useFocusTrap as he } from "../../../hooks/useFocusTrap.hook.js";
+import { formatResultsLabel as xe } from "../bottom-sheet/formatResultsLabel.js";
+import { StyledBottomSheet as _e } from "../bottom-sheet/StyledBottomSheet.js";
+import { PopoverAnatomy as Pe } from "./PopoverAnatomy.js";
+import { useCallback as x, useEffect as w, useId as be, useRef as O, useState as d } from "react";
+import { Fragment as D, jsx as a, jsxs as N } from "react/jsx-runtime";
+import { FloatingPortal as ye, autoUpdate as Re, flip as we, offset as Oe, shift as Te, size as Ee, useDismiss as Me, useFloating as Se, useInteractions as Ae, useMergeRefs as Fe } from "@floating-ui/react";
+var Ie = 240, Ce = {
   info: 472,
   action: 472
-}, Ie = 0.6, X = "calc(100vw - 32px)", Le = (n, d, u) => Pe(n, d, u, { elementResize: !1 }), Ve = ({ dataTest: n, renderTrigger: d, variant: u = "info", title: f, children: E, viewResultsAction: M, resetAction: S, footerActions: w, resultCount: x, closeLabel: A = "Lukk", ariaLabel: O, onOpenChange: F, className: I }) => {
-  const a = _e(), L = `${a}-title`, [o, z] = l(!1), [H, K] = l(), [U, Y] = l(), p = pe(), t = u === "action", $ = p && !t, k = p && t, m = v((e) => {
-    z(e), F?.(e);
-  }, [F]), { refs: _, floatingStyles: j, context: q } = Se({
+}, ke = 0.6, X = "calc(100vw - 32px)", Le = (i, u, f) => Re(i, u, f, { elementResize: !1 }), Je = ({ dataTest: i, renderTrigger: u, variant: f = "info", title: p, children: T, viewResultsAction: E, resetAction: M, footerActions: S, resultCount: _, closeLabel: A = "Lukk", ariaLabel: F, onOpenChange: I, className: C }) => {
+  const l = be(), k = `${l}-title`, [o, q] = d(!1), [L, z] = d(), [K, U] = d(), m = pe(), t = f === "action", Y = m && !t, H = m && t, g = x((e) => {
+    q(e), I?.(e);
+  }, [I]), { refs: P, floatingStyles: $, context: j } = Se({
     open: o,
-    onOpenChange: m,
+    onOpenChange: g,
     placement: "bottom-start",
     strategy: "fixed",
     whileElementsMounted: Le,
     middleware: [
-      Re(8),
-      ...$ ? [] : [ye({ padding: 8 })],
+      Oe(8),
+      ...Y ? [] : [we({ padding: 8 })],
       Te({ padding: 8 }),
       Ee({
         padding: 8,
         apply({ availableHeight: e }) {
-          Y(Math.min(e, Math.round(window.innerHeight * Ie)));
+          U(Math.min(e, Math.round(window.innerHeight * ke)));
         }
       })
     ]
-  }), { getFloatingProps: V } = we([Me(q, {
-    enabled: !k,
+  }), { getFloatingProps: V } = Ae([Me(j, {
+    enabled: !H,
     escapeKey: !0,
     outsidePress: (e) => {
-      const s = g.current;
+      const s = v.current;
       return !(s && e.target instanceof Node && s.contains(e.target));
     }
-  })]), b = de(H), C = T(null), [r, G] = l(null), Q = v((e) => {
-    C.current = e, G(e);
-  }, []), J = Ae([ue(_.setFloating, b), Q]), g = T(null), Z = v((e) => {
-    g.current = e, _.setReference(e);
-  }, [_]), i = v(() => {
-    m(!1);
-  }, [m]);
-  ge(o && t && r !== null, C);
-  const [W, ee] = l(!1);
-  R(() => {
+  })]), b = de(L), c = O(null), [r, G] = d(null), Q = x((e) => {
+    c.current = e, G(e);
+  }, []), J = Fe([ue(P.setFloating, b), Q]), v = O(null), Z = x((e) => {
+    v.current = e, P.setReference(e);
+  }, [P]), n = x(() => {
+    g(!1);
+  }, [g]);
+  ge({
+    active: o,
+    requestClose: n,
+    ownerRef: c
+  }), he(o && t && r !== null, c);
+  const [W, ee] = d(!1);
+  w(() => {
     if (!r || t && !W) return;
     const e = requestAnimationFrame(() => {
       (t ? se(r) : r)?.focus({ preventScroll: !0 });
@@ -62,11 +67,11 @@ var Oe = 240, Fe = {
     r,
     t,
     W
-  ]), R(() => {
+  ]), w(() => {
     if (!r || t) return;
     const e = (s) => {
-      const y = s.relatedTarget;
-      y instanceof Node && (r.contains(y) || g.current?.contains(y)) || i();
+      const R = s.relatedTarget;
+      R instanceof Node && (r.contains(R) || v.current?.contains(R)) || n();
     };
     return r.addEventListener("focusout", e), () => {
       r.removeEventListener("focusout", e);
@@ -74,17 +79,17 @@ var Oe = 240, Fe = {
   }, [
     r,
     t,
-    i
+    n
   ]);
-  const P = T(!1);
-  R(() => {
+  const y = O(!1);
+  w(() => {
     if (o) {
-      P.current = !0;
+      y.current = !0;
       return;
     }
-    if (!P.current) return;
-    P.current = !1;
-    const e = g.current;
+    if (!y.current) return;
+    y.current = !1;
+    const e = v.current;
     if (!e) return;
     const s = requestAnimationFrame(() => {
       document.activeElement === document.body && e.focus();
@@ -93,79 +98,84 @@ var Oe = 240, Fe = {
       cancelAnimationFrame(s);
     };
   }, [o]);
-  const D = {
+  const B = {
     ref: Z,
     isOpen: o,
     triggerProps: {
       onClick: (e) => {
         if (o) {
-          i();
+          n();
           return;
         }
-        K(ce(e.currentTarget)), ee(e.detail === 0), m(!0);
+        z(ce(e.currentTarget)), ee(e.detail === 0), g(!0);
       },
       "aria-expanded": o,
-      "aria-controls": o ? a : void 0,
+      "aria-controls": o ? l : void 0,
       "aria-haspopup": t ? "dialog" : void 0,
-      "aria-describedby": !t && o ? a : void 0
+      "aria-describedby": !t && o ? l : void 0
     }
-  }, h = (e) => typeof e == "function" ? e({ close: i }) : e, te = me(x, 500), oe = M ?? (x === void 0 ? void 0 : /* @__PURE__ */ c(fe, {
-    dataTest: `${n}-view-results`,
+  }, h = (e) => typeof e == "function" ? e({ close: n }) : e, te = ve(_, 500), oe = E ?? (_ === void 0 ? void 0 : /* @__PURE__ */ a(fe, {
+    dataTest: `${i}-view-results`,
     type: "button",
     variant: "text",
-    onClick: i,
-    children: he(te)
-  })), re = p ? X : Fe[u], ne = p ? X : void 0;
-  return k ? /* @__PURE__ */ B(N, { children: [d(D), /* @__PURE__ */ c(ve, {
-    id: a,
-    dataTest: n,
+    onClick: n,
+    children: xe(te)
+  })), re = m ? X : Ce[f], ne = m ? X : void 0;
+  return H ? /* @__PURE__ */ N(D, { children: [u(B), /* @__PURE__ */ a(_e, {
+    id: l,
+    dataTest: i,
     open: o,
-    onClose: i,
-    title: f,
-    ariaLabel: O,
-    viewResultsAction: M,
-    resetAction: S,
-    footerActions: w,
-    resultCount: x,
+    onClose: n,
+    registerBackClose: !1,
+    ownerRef: c,
+    title: p,
+    ariaLabel: F,
+    viewResultsAction: E,
+    resetAction: M,
+    footerActions: S,
+    resultCount: _,
     closeLabel: A,
-    className: I,
-    children: E
-  })] }) : /* @__PURE__ */ B(N, { children: [d(D), o && /* @__PURE__ */ c(be, {
-    root: H,
-    children: /* @__PURE__ */ c("div", {
+    className: C,
+    children: T
+  })] }) : /* @__PURE__ */ N(D, { children: [u(B), o && /* @__PURE__ */ a(ye, {
+    root: L,
+    children: /* @__PURE__ */ a("div", {
       ...V(),
       ref: J,
-      id: a,
-      "data-test": n,
-      "data-testid": n,
+      id: l,
+      "data-test": i,
+      "data-testid": i,
       role: t ? "dialog" : void 0,
-      "aria-labelledby": t && f ? L : void 0,
-      "aria-label": t && !f ? O : void 0,
+      "aria-labelledby": t && p ? k : void 0,
+      "aria-label": t && !p ? F : void 0,
       tabIndex: t ? void 0 : -1,
       ...b ? ae : {},
       style: {
         ...b ? le : {},
-        ...j,
-        minWidth: Oe,
+        ...$,
+        minWidth: Ie,
         width: ne,
         maxWidth: re,
-        maxHeight: U
+        maxHeight: K
       },
-      className: ie("z-[1300]", "box-border flex flex-col overflow-hidden rounded-lg bg-white text-delta-700 outline-none shadow-[inset_0_0_0_1px_var(--colors-delta-300),0px_4px_40px_0px_#22213366]", I),
-      children: /* @__PURE__ */ c(xe, {
-        dataTest: n,
-        title: f,
-        titleId: L,
-        viewResultsAction: h(oe),
-        resetAction: h(S),
-        footerActions: h(w),
-        closeLabel: A,
-        onClose: i,
-        children: h(E)
+      className: ie("z-[1300]", "box-border flex flex-col overflow-hidden rounded-lg bg-white text-delta-700 outline-none shadow-[inset_0_0_0_1px_var(--colors-delta-300),0px_4px_40px_0px_#22213366]", C),
+      children: /* @__PURE__ */ a(me.Provider, {
+        value: c,
+        children: /* @__PURE__ */ a(Pe, {
+          dataTest: i,
+          title: p,
+          titleId: k,
+          viewResultsAction: h(oe),
+          resetAction: h(M),
+          footerActions: h(S),
+          closeLabel: A,
+          onClose: n,
+          children: h(T)
+        })
       })
     })
   })] });
 };
 export {
-  Ve as PopoverSheet
+  Je as PopoverSheet
 };