asma-ui-core 3.96.0 → 3.97.0

package/dist/components/inputs/input-field/StyledInputField.js

@@ -4,140 +4,145 @@ import { CloseIcon as Ze } from "../../icons/close-icon/CloseIcon.js";
 import { HelperRow as qe } from "../../../helpers/HelperRow.js";
 import { useHelperRowBudget as Oe } from "../../../helpers/useHelperRowBudget.js";
 import { useHelperSlot as et } from "../../../helpers/useHelperSlot.js";
-import { floatingLabelClass as tt, floatingLabelLayoutStyle as nt, notchedLegendClass as ot, notchedOutlineClass as X, singleLineInputLayoutStyle as it, singleLineShellLayoutStyle as lt } from "../field-styles.js";
-import S from "./StyledInputField.module.js";
-import { Children as at, useCallback as st, useId as rt, useLayoutEffect as Z, useRef as q, useState as D } from "react";
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { useMergeRefs as O } from "@floating-ui/react";
-var Mt = ({ dataTest: m, label: l, value: u, defaultValue: b, onChange: ee, onBlur: te, onFocus: ne, error: c, helperText: E, reserveHelperText: oe, expandHelperText: ie = !0, disabled: s, readOnly: n, required: v, allowClear: le, onClear: ae, type: se = "text", placeholder: re, name: de, id: ce, autoComplete: pe, autoFocus: me, multiline: r, rows: N, minRows: H, maxRows: C, size: ue = "medium", fullWidth: he, className: ge, style: fe, sx: xe, inputRef: Se, slotProps: t, InputProps: P, onKeyDown: T, onClick: ye, variant: dt }) => {
-  const be = rt(), R = ce ?? be, $ = `${R}-helper-text`, j = q(null), z = q(null), [He, Ie] = D(void 0), [I, K] = D(!1), [Le, U] = D(b != null && b !== ""), A = u !== void 0, V = A ? u !== "" && u != null : Le, ve = !!s || !!n, w = t?.input?.startAdornment ?? P?.startAdornment, h = at.count(w) > 0, d = h && Array.isArray(w), g = t?.input?.endAdornment ?? P?.endAdornment, _ = !!(le && V && !ve), { ref: Ne, ...i } = t?.htmlInput ?? {}, Ce = Se ?? Ne, { className: Re, style: B, ref: Ae } = t?.input ?? {}, we = O([Ae]), _e = t?.input?.onMouseDown, W = t?.input?.onClick, Be = W ? { onClick: W } : {}, Fe = pe ?? i.autoComplete, Me = de ?? i.name, L = I || V || h, ke = (e) => {
-    n || (A || U(e.target.value !== ""), ee?.(e));
+import { floatingLabelClass as tt, floatingLabelLayoutStyle as nt, notchedLegendClass as ot, notchedOutlineClass as Z, singleLineInputLayoutStyle as it, singleLineShellLayoutStyle as lt } from "../field-styles.js";
+import y from "./StyledInputField.module.js";
+import { Children as at, useCallback as st, useId as rt, useLayoutEffect as q, useRef as O, useState as D } from "react";
+import { jsx as o, jsxs as S } from "react/jsx-runtime";
+import { useMergeRefs as ee } from "@floating-ui/react";
+var Mt = ({ dataTest: h, label: l, value: g, defaultValue: b, onChange: te, onBlur: ne, onFocus: oe, error: c, helperText: E, reserveHelperText: ie, expandHelperText: le = !0, disabled: s, readOnly: n, required: N, allowClear: ae, onClear: se, type: re = "text", placeholder: de, name: ce, id: pe, autoComplete: me, autoFocus: ue, multiline: r, rows: C, minRows: H, maxRows: R, size: he = "medium", fullWidth: P, className: ge, style: fe, sx: xe, inputRef: ye, slotProps: t, InputProps: T, onKeyDown: $, onClick: Se, variant: dt }) => {
+  const be = rt(), A = pe ?? be, j = `${A}-helper-text`, z = O(null), K = O(null), [He, Ie] = D(void 0), [I, U] = D(!1), [Le, V] = D(b != null && b !== ""), w = g !== void 0, Y = w ? g !== "" && g != null : Le, ve = !!s || !!n, _ = t?.input?.startAdornment ?? T?.startAdornment, f = at.count(_) > 0, d = f && Array.isArray(_), p = t?.input?.endAdornment ?? T?.endAdornment, L = !!(ae && Y && !ve), { ref: Ne, ...i } = t?.htmlInput ?? {}, Ce = ye ?? Ne, { className: Re, style: B, ref: Ae } = t?.input ?? {}, we = ee([Ae]), _e = t?.input?.onMouseDown, G = t?.input?.onClick, Be = G ? { onClick: G } : {}, Fe = me ?? i.autoComplete, Me = ce ?? i.name, v = I || Y || f, ke = (e) => {
+    n || (w || V(e.target.value !== ""), te?.(e));
   }, De = (e) => {
-    !s && !n && K(!0), ne?.(e);
+    !s && !n && U(!0), oe?.(e);
   }, Ee = (e) => {
-    !s && !n && K(!1), te?.(e);
+    !s && !n && U(!1), ne?.(e);
   };
-  Z(() => {
-    const e = j.current;
-    if (!r || N != null || !e) return;
+  q(() => {
+    const e = z.current;
+    if (!r || C != null || !e) return;
     e.style.height = "auto";
-    const p = getComputedStyle(e), x = Number.parseFloat(p.lineHeight) || 24, Q = Number.parseFloat(p.paddingTop) + Number.parseFloat(p.paddingBottom), Qe = H ? H * x + Q : 0, Xe = C ? C * x + Q : Number.POSITIVE_INFINITY;
-    e.style.height = `${Math.min(Xe, Math.max(Qe, e.scrollHeight))}px`;
+    const u = getComputedStyle(e), x = Number.parseFloat(u.lineHeight) || 24, X = Number.parseFloat(u.paddingTop) + Number.parseFloat(u.paddingBottom), We = H ? H * x + X : 0, Xe = R ? R * x + X : Number.POSITIVE_INFINITY;
+    e.style.height = `${Math.min(Xe, Math.max(We, e.scrollHeight))}px`;
   }, [
     b,
-    C,
+    R,
     H,
     r,
-    N,
-    u
+    C,
+    g
   ]);
-  const Y = O([Ce, st((e) => {
-    j.current = e instanceof HTMLTextAreaElement ? e : null;
-  }, [])]), { style: F, ...Pe } = i, f = !r && !d, { height: ct, minHeight: pt, maxHeight: mt, paddingTop: ut, paddingBottom: ht, ...Te } = B ?? {}, $e = f ? {
+  const J = ee([Ce, st((e) => {
+    z.current = e instanceof HTMLTextAreaElement ? e : null;
+  }, [])]), { style: F, ...Pe } = i, m = !r && !d, { height: ct, minHeight: pt, maxHeight: mt, paddingTop: ut, paddingBottom: ht, ...Te } = B ?? {}, $e = m ? {
     ...Te,
     ...lt()
   } : d ? {
     boxSizing: "border-box",
     minHeight: 40,
     ...B
-  } : B, { height: gt, minHeight: ft, maxHeight: xt, paddingTop: St, paddingBottom: yt, paddingLeft: bt, paddingRight: je, ...ze } = F ?? {}, Ke = f ? {
+  } : B, { height: gt, minHeight: ft, maxHeight: xt, paddingTop: yt, paddingBottom: St, paddingLeft: bt, paddingRight: je, ...ze } = F ?? {}, Ke = m ? {
     ...ze,
     ...it({
-      paddingLeft: h ? 40 : 14,
-      paddingRight: je ?? He ?? (_ || g ? 40 : 14)
+      paddingLeft: f ? 40 : 14,
+      paddingRight: je ?? He ?? (L || p ? 40 : 14)
     })
   } : F;
-  Z(() => {
-    if (!f) return;
-    const e = z.current, p = e ? Math.ceil(e.getBoundingClientRect().width) + 20 : void 0;
-    Ie((x) => x === p ? x : p);
-  });
-  const Ue = L || !l, { show: M, role: Ve } = et("StyledInputField", c, E, oe, n), { fieldRef: We, rowRef: Ye, rowStyle: Ge } = Oe(ie && M), G = {
+  q(() => {
+    if (!m) return;
+    const e = K.current, u = e ? Math.ceil(e.getBoundingClientRect().width) + 20 : void 0;
+    Ie((x) => x === u ? x : u);
+  }, [
+    m,
+    L,
+    p
+  ]);
+  const Ue = v || !l, { show: M, role: Ve } = et("StyledInputField", c, E, ie, n), { fieldRef: Ye, rowRef: Ge, rowStyle: Je } = Oe(le && M), Q = {
     ...Pe,
-    style: f ? Ke : F,
-    id: i.id ?? R,
+    style: m ? Ke : F,
+    id: i.id ?? A,
     name: Me,
-    placeholder: Ue ? re : void 0,
+    placeholder: Ue ? de : void 0,
     disabled: s,
     readOnly: n,
-    required: v,
+    required: N,
     autoComplete: Fe,
-    autoFocus: me,
-    value: u,
+    autoFocus: ue,
+    value: g,
     defaultValue: b,
     "aria-invalid": c ? !0 : void 0,
     "aria-label": i["aria-label"] ?? (i["aria-labelledby"] ? void 0 : typeof l == "string" && l !== "" ? l : void 0),
-    "aria-describedby": M ? $ : i["aria-describedby"],
+    "aria-describedby": M ? j : i["aria-describedby"],
     onChange: ke,
     onFocus: De,
     onBlur: Ee,
-    onKeyDown: i.onKeyDown || T ? (e) => {
-      T?.(e), e.defaultPrevented || i.onKeyDown?.(e);
+    onKeyDown: i.onKeyDown || $ ? (e) => {
+      $?.(e), e.defaultPrevented || i.onKeyDown?.(e);
     } : void 0
-  }, J = a(S.Input, "peer border-0 bg-transparent text-base tracking-[0.00938em] text-delta-800 outline-none placeholder:text-delta-500", d ? "box-border h-8 min-w-[60px] flex-1 py-0 pl-0 pr-0 leading-[23px]" : r ? "w-full resize-none overflow-hidden p-0 pl-0 pr-0 leading-[23px]" : a("w-full", S["Input--singleLine"]), "disabled:text-delta-300", n && "text-delta-800", Re), Je = !r && !d ? {
-    "data-start-adornment": h ? "true" : void 0,
-    "data-end-adornment": _ || g ? "true" : void 0
+  }, W = a(y.Input, "peer border-0 bg-transparent text-base tracking-[0.00938em] text-delta-800 outline-none placeholder:text-delta-500", d ? "box-border h-8 min-w-[60px] flex-1 py-0 pl-0 pr-0 leading-[23px]" : r ? "w-full resize-none overflow-hidden p-0 pl-0 pr-0 leading-[23px]" : a("w-full", y["Input--singleLine"]), "disabled:text-delta-300", n && "text-delta-800", Re), Qe = !r && !d ? {
+    "data-start-adornment": f ? "true" : void 0,
+    "data-end-adornment": L || p ? "true" : void 0
   } : {};
-  return /* @__PURE__ */ y("div", {
-    ref: We,
-    className: a("group relative inline-flex flex-col", ge),
-    onClick: ye,
+  return /* @__PURE__ */ S("div", {
+    ref: Ye,
+    className: a("group relative min-w-0 flex-col", ge),
+    onClick: Se,
     style: {
-      width: he ? "100%" : 235,
+      display: P ? "flex" : "inline-flex",
+      width: P ? "100%" : 235,
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
       letterSpacing: "0.00938em",
       ...k(xe),
       ...fe
     },
-    children: [/* @__PURE__ */ y("div", {
+    children: [/* @__PURE__ */ S("div", {
       className: "relative overflow-visible",
-      children: [/* @__PURE__ */ y("div", {
-        className: a("relative flex", f && S.InputShell, r && "box-border items-center px-[14px] py-[16.5px]", d && a(S.AdornmentList, g && S["AdornmentList--endAdornment"]), n && "rounded bg-delta-50"),
+      children: [/* @__PURE__ */ S("div", {
+        className: a("relative flex", m && y.InputShell, r && "box-border items-center px-[14px] py-[16.5px]", d && a(y.AdornmentList, p && y["AdornmentList--endAdornment"]), n && "rounded bg-delta-50"),
         ref: we,
         onMouseDown: _e,
         ...Be,
         style: $e,
-        "data-testid": d ? `${m}-adornment-list` : `${m}-shell`,
+        "data-testid": d ? `${h}-adornment-list` : `${h}-shell`,
         children: [
-          h && /* @__PURE__ */ o("span", {
+          f && /* @__PURE__ */ o("span", {
             className: a("items-center text-delta-500", d ? "contents" : "absolute left-3 flex"),
-            children: w
+            children: _
           }),
           r ? /* @__PURE__ */ o("textarea", {
-            ...G,
-            ref: Y,
-            "data-testid": m,
-            rows: N ?? H ?? 2,
-            className: J
+            ...Q,
+            ref: J,
+            "data-testid": h,
+            rows: C ?? H ?? 2,
+            className: W
           }) : /* @__PURE__ */ o("input", {
-            ...G,
-            ...Je,
-            ref: Y,
-            "data-testid": m,
-            type: se,
-            className: J
+            ...Q,
+            ...Qe,
+            ref: J,
+            "data-testid": h,
+            type: re,
+            className: W
           }),
-          _ ? /* @__PURE__ */ o("button", {
+          L ? /* @__PURE__ */ o("button", {
             type: "button",
             tabIndex: -1,
             "aria-label": "Clear",
-            "data-testid": `${m}-clear`,
+            "data-testid": `${h}-clear`,
             className: "asma-pressable absolute right-4 z-40 flex items-center justify-center rounded-full border-0 bg-transparent p-[2px] duration-300 hover:bg-gama-100",
             onClick: (e) => {
-              e.stopPropagation(), e.preventDefault(), A || U(!1), ae?.();
+              e.stopPropagation(), e.preventDefault(), w || V(!1), se?.();
             },
             children: /* @__PURE__ */ o(Ze, {
               width: 18,
               height: 18
             })
-          }) : g && /* @__PURE__ */ o("span", {
-            ref: z,
+          }) : p && /* @__PURE__ */ o("span", {
+            ref: K,
             className: "absolute inset-y-0 right-[14px] flex max-w-[calc(100%-28px)] items-center gap-1",
-            children: g
+            children: p
           }),
           l ? /* @__PURE__ */ o("fieldset", {
             "aria-hidden": !0,
-            className: X({
+            className: Z({
               focused: I,
               error: c,
               disabled: s,
@@ -145,15 +150,15 @@ var Mt = ({ dataTest: m, label: l, value: u, defaultValue: b, onChange: ee, onBl
               notched: !0
             }),
             children: /* @__PURE__ */ o("legend", {
-              className: ot(L),
-              children: /* @__PURE__ */ y("span", {
+              className: ot(v),
+              children: /* @__PURE__ */ S("span", {
                 className: "inline-block px-[5px]",
-                children: [l, v && " *"]
+                children: [l, N && " *"]
               })
             })
           }) : /* @__PURE__ */ o("div", {
             "aria-hidden": !0,
-            className: X({
+            className: Z({
               focused: I,
               error: c,
               disabled: s,
@@ -162,33 +167,33 @@ var Mt = ({ dataTest: m, label: l, value: u, defaultValue: b, onChange: ee, onBl
             })
           })
         ]
-      }), l && /* @__PURE__ */ y("label", {
-        htmlFor: R,
+      }), l && /* @__PURE__ */ S("label", {
+        htmlFor: A,
         className: a(tt({
-          shrink: L,
+          shrink: v,
           focused: I,
           error: c,
           disabled: s,
           readOnly: n,
-          size: ue
+          size: he
         }), t?.inputLabel?.className),
         style: {
           ...k(t?.inputLabel?.sx),
           ...t?.inputLabel?.style,
-          ...nt(L)
+          ...nt(v)
         },
-        children: [l, v && " *"]
+        children: [l, N && " *"]
       })]
     }), M && /* @__PURE__ */ o(qe, {
-      ref: Ye,
-      id: $,
+      ref: Ge,
+      id: j,
       role: Ve,
       error: c,
       message: E,
       hideErrorIcon: t?.formHelperText?.hideErrorIcon,
       className: a("mr-[14px] box-border items-start", t?.formHelperText?.className),
       style: {
-        ...Ge,
+        ...Je,
         ...k(t?.formHelperText?.sx)
       }
     })]

package/dist/components/inputs/input-field/StyledInputField.module.js

@@ -1,9 +1,9 @@
-var n = "_Input_1sz1p_1", t = "_InputShell_1sz1p_8", e = "_AdornmentList_1sz1p_36", _ = {
+var n = "_Input_1focb_1", t = "_InputShell_1focb_8", e = "_AdornmentList_1focb_36", _ = {
   Input: n,
   InputShell: t,
-  "Input--singleLine": "_Input--singleLine_1sz1p_17",
+  "Input--singleLine": "_Input--singleLine_1focb_17",
   AdornmentList: e,
-  "AdornmentList--endAdornment": "_AdornmentList--endAdornment_1sz1p_45"
+  "AdornmentList--endAdornment": "_AdornmentList--endAdornment_1focb_46"
 };
 export {
   _ as default

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.module.js

@@ -1,7 +1,7 @@
-var e = "_styledSelectAutocompleteWrapper_nxep5_1", t = {
+var e = "_styledSelectAutocompleteWrapper_f4sqa_1", t = {
   styledSelectAutocompleteWrapper: e,
-  "select-custom-icon": "_select-custom-icon_nxep5_5",
-  "select-custom-icon-open": "_select-custom-icon-open_nxep5_13"
+  "select-custom-icon": "_select-custom-icon_f4sqa_6",
+  "select-custom-icon-open": "_select-custom-icon-open_f4sqa_14"
 };
 export {
   t as default

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

@@ -1,57 +1,57 @@
-import { cn as oe } from "../../../helpers/cn.js";
-import { firstTabbable as re } from "../../../helpers/focusable.js";
-import { TOP_LAYER_PROPS as ne, TOP_LAYER_RESET_STYLE as ie, getOpenModalDialogAncestor as se, shouldUsePopoverTopLayer as ae, useTopLayerRef as ce } from "../../../hooks/useTopLayer.hook.js";
-import { StyledButton as le } from "../../inputs/button/StyledButton.js";
-import { useMobileMediaQuery as ue } from "../../../hooks/useMediaQuery.hook.js";
-import { useDebouncedValue as de } from "../../../hooks/useDebouncedValue.hook.js";
-import { useFocusTrap as fe } from "../../../hooks/useFocusTrap.hook.js";
-import { formatResultsLabel as pe } from "../bottom-sheet/formatResultsLabel.js";
-import { StyledBottomSheet as me } from "../bottom-sheet/StyledBottomSheet.js";
-import { PopoverAnatomy as ge } from "./PopoverAnatomy.js";
-import { useCallback as m, useEffect as b, useId as ve, useRef as y, useState as g } from "react";
+import { cn as re } from "../../../helpers/cn.js";
+import { firstTabbable as ne } from "../../../helpers/focusable.js";
+import { TOP_LAYER_PROPS as ie, TOP_LAYER_RESET_STYLE as se, getOpenModalDialogAncestor as ae, shouldUsePopoverTopLayer as ce, useTopLayerRef as le } from "../../../hooks/useTopLayer.hook.js";
+import { StyledButton as ue } from "../../inputs/button/StyledButton.js";
+import { useMobileMediaQuery as de } from "../../../hooks/useMediaQuery.hook.js";
+import { useDebouncedValue as fe } from "../../../hooks/useDebouncedValue.hook.js";
+import { useFocusTrap as pe } from "../../../hooks/useFocusTrap.hook.js";
+import { formatResultsLabel as me } from "../bottom-sheet/formatResultsLabel.js";
+import { StyledBottomSheet as ge } from "../bottom-sheet/StyledBottomSheet.js";
+import { PopoverAnatomy as ve } from "./PopoverAnatomy.js";
+import { useCallback as m, useEffect as b, useId as he, useRef as y, useState as g } from "react";
 import { Fragment as N, jsx as c, jsxs as W } from "react/jsx-runtime";
-import { FloatingPortal as he, autoUpdate as xe, flip as _e, offset as Pe, shift as be, size as ye, useDismiss as Re, useFloating as Ee, useInteractions as Se, useMergeRefs as Te } from "@floating-ui/react";
-var Ae = 240, Me = {
+import { FloatingPortal as xe, autoUpdate as _e, flip as Pe, offset as be, shift as ye, size as Re, useDismiss as Ee, useFloating as Se, useInteractions as Te, useMergeRefs as Ae } from "@floating-ui/react";
+var Me = 240, we = {
   info: 472,
   action: 472
-}, we = 0.6, B = "calc(100vw - 32px)", je = ({ dataTest: s, renderTrigger: R, variant: E = "info", title: l, children: S, viewResultsAction: T, resetAction: A, footerActions: M, resultCount: v, closeLabel: w = "Lukk", ariaLabel: F, onOpenChange: I, className: O }) => {
-  const a = ve(), L = `${a}-title`, [o, X] = g(!1), [H, U] = g(), [Y, $] = g(), u = ue(), t = E === "action", j = u && !t, k = u && t, d = m((e) => {
+}, Fe = 0.6, B = "calc(100vw - 32px)", qe = ({ dataTest: s, renderTrigger: R, variant: E = "info", title: l, children: S, viewResultsAction: T, resetAction: A, footerActions: M, resultCount: v, closeLabel: w = "Lukk", ariaLabel: F, onOpenChange: I, className: O }) => {
+  const a = he(), L = `${a}-title`, [o, X] = g(!1), [H, U] = g(), [Y, $] = g(), u = de(), t = E === "action", j = u && !t, k = u && t, d = m((e) => {
     X(e), I?.(e);
-  }, [I]), { refs: h, floatingStyles: q, context: z } = Ee({
+  }, [I]), { refs: h, floatingStyles: q, context: z } = Se({
     open: o,
     onOpenChange: d,
     placement: "bottom-start",
     strategy: "fixed",
-    whileElementsMounted: xe,
+    whileElementsMounted: _e,
     middleware: [
-      Pe(8),
-      ...j ? [] : [_e({ padding: 8 })],
-      be({ padding: 8 }),
-      ye({
+      be(8),
+      ...j ? [] : [Pe({ padding: 8 })],
+      ye({ padding: 8 }),
+      Re({
         padding: 8,
         apply({ availableHeight: e }) {
-          $(Math.min(e, Math.round(window.innerHeight * we)));
+          $(Math.min(e, Math.round(window.innerHeight * Fe)));
         }
       })
     ]
-  }), { getFloatingProps: V } = Se([Re(z, {
+  }), { getFloatingProps: V } = Te([Ee(z, {
     enabled: !k,
     escapeKey: !0,
     outsidePress: (e) => {
       const i = f.current;
       return !(i && e.target instanceof Node && i.contains(e.target));
     }
-  })]), x = ae(H), C = y(null), [r, G] = g(null), K = m((e) => {
+  })]), x = ce(H), C = y(null), [r, G] = g(null), K = m((e) => {
     C.current = e, G(e);
-  }, []), Q = Te([ce(h.setFloating, x), K]), f = y(null), J = m((e) => {
+  }, []), Q = Ae([le(h.setFloating, x), K]), f = y(null), J = m((e) => {
     f.current = e, h.setReference(e);
   }, [h]), n = m(() => {
     d(!1);
   }, [d]);
-  fe(o && t && r !== null, C), b(() => {
+  pe(o && t && r !== null, C), b(() => {
     if (!r) return;
     const e = requestAnimationFrame(() => {
-      (t ? re(r) : r)?.focus({ preventScroll: !0 });
+      (t ? ne(r) : r)?.focus({ preventScroll: !0 });
     });
     return () => {
       cancelAnimationFrame(e);
@@ -96,21 +96,21 @@ var Ae = 240, Me = {
           n();
           return;
         }
-        U(se(e.currentTarget)), d(!0);
+        U(ae(e.currentTarget)), d(!0);
       },
       "aria-expanded": o,
       "aria-controls": o ? a : void 0,
       "aria-haspopup": t ? "dialog" : void 0,
       "aria-describedby": !t && o ? a : void 0
     }
-  }, p = (e) => typeof e == "function" ? e({ close: n }) : e, Z = de(v, 500), ee = T ?? (v === void 0 ? void 0 : /* @__PURE__ */ c(le, {
+  }, p = (e) => typeof e == "function" ? e({ close: n }) : e, Z = fe(v, 500), ee = T ?? (v === void 0 ? void 0 : /* @__PURE__ */ c(ue, {
     dataTest: `${s}-view-results`,
     type: "button",
     variant: "text",
     onClick: n,
-    children: pe(Z)
-  })), te = u ? B : Me[E];
-  return k ? /* @__PURE__ */ W(N, { children: [R(D), /* @__PURE__ */ c(me, {
+    children: me(Z)
+  })), te = u ? B : we[E], oe = u ? B : void 0;
+  return k ? /* @__PURE__ */ W(N, { children: [R(D), /* @__PURE__ */ c(ge, {
     id: a,
     dataTest: s,
     open: o,
@@ -124,7 +124,7 @@ var Ae = 240, Me = {
     closeLabel: w,
     className: O,
     children: S
-  })] }) : /* @__PURE__ */ W(N, { children: [R(D), o && /* @__PURE__ */ c(he, {
+  })] }) : /* @__PURE__ */ W(N, { children: [R(D), o && /* @__PURE__ */ c(xe, {
     root: H,
     children: /* @__PURE__ */ c("div", {
       ...V(),
@@ -136,17 +136,17 @@ var Ae = 240, Me = {
       "aria-labelledby": t && l ? L : void 0,
       "aria-label": t && !l ? F : void 0,
       tabIndex: t ? void 0 : -1,
-      ...x ? ne : {},
+      ...x ? ie : {},
       style: {
-        ...x ? ie : {},
+        ...x ? se : {},
         ...q,
-        minWidth: Ae,
-        width: u ? B : void 0,
+        minWidth: Me,
+        width: oe,
         maxWidth: te,
         maxHeight: Y
       },
-      className: oe("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]", O),
-      children: /* @__PURE__ */ c(ge, {
+      className: re("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]", O),
+      children: /* @__PURE__ */ c(ve, {
         dataTest: s,
         title: l,
         titleId: L,
@@ -161,5 +161,5 @@ var Ae = 240, Me = {
   })] });
 };
 export {
-  je as PopoverSheet
+  qe as PopoverSheet
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.96.0",
+    "version": "3.97.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",