asma-ui-core 3.92.3 → 3.93.0

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

@@ -1,140 +1,140 @@
 import { cn as E } from "../../../helpers/cn.js";
-import { ChevronDownIcon as et } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
-import { CloseIcon as tt } from "../../icons/close-icon/CloseIcon.js";
-import { CheckIcon as lt } from "../../icons/check-icon/CheckIcon.js";
-import { PlusIconCircle as rt } from "../../icons/plus-icon-circle/PlusIconCircle.js";
-import { StyledChip as ot } from "../../data-display/chip/StyledChip.js";
-import { StyledCheckbox as ae } from "../checkbox/base-ui/StyledCheckbox.js";
-import { TOP_LAYER_PROPS as st, TOP_LAYER_RESET_STYLE as nt, getOpenModalDialogAncestor as at, shouldUsePopoverTopLayer as it, useTopLayerRef as ct } from "../../../hooks/useTopLayer.hook.js";
-import { LoadingIcon as dt } from "../../../table/shared-components/LoadingIcon.js";
-import z from "./StyledSelectAutocomplete.module.js";
-import { useEffect as ie, useMemo as W, useRef as ce, useState as v } from "react";
+import { ChevronDownIcon as rt } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
+import { CloseIcon as ot } from "../../icons/close-icon/CloseIcon.js";
+import { CheckIcon as st } from "../../icons/check-icon/CheckIcon.js";
+import { PlusIconCircle as nt } from "../../icons/plus-icon-circle/PlusIconCircle.js";
+import { StyledChip as at } from "../../data-display/chip/StyledChip.js";
+import { StyledCheckbox as ie } from "../checkbox/base-ui/StyledCheckbox.js";
+import { TOP_LAYER_PROPS as it, TOP_LAYER_RESET_STYLE as ct, getOpenModalDialogAncestor as dt, shouldUsePopoverTopLayer as ut, useTopLayerRef as pt } from "../../../hooks/useTopLayer.hook.js";
+import { LoadingIcon as ft } from "../../../table/shared-components/LoadingIcon.js";
+import W from "./StyledSelectAutocomplete.module.js";
+import { useEffect as ce, useMemo as U, useRef as de, useState as D } from "react";
 import { jsx as s, jsxs as I } from "react/jsx-runtime";
-import { FloatingPortal as ut, autoUpdate as pt, flip as ft, offset as mt, shift as ht, size as bt, useDismiss as gt, useFloating as xt, useInteractions as wt, useMergeRefs as de, useRole as yt } from "@floating-ui/react";
-var kt = (l) => typeof l == "object" && l !== null && "label" in l ? String(l.label) : String(l), Dt = (l) => typeof l == "object" && l !== null && "disabled" in l && !!l.disabled;
-function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, getOptionLabel: pe, getOptionKey: C, isOptionEqualToValue: H, renderOption: U, renderValue: V, filterOptions: _, loading: B, loadingText: fe = "Loading…", noOptionsText: me = "No options", disabled: M, readOnly: g, error: he, helperText: be, size: ge = "small", disableClearable: xe, disableCloseOnSelect: we, popupIcon: ye, autoHeight: ke, multiple: De, allowSelectAll: T, selectAllLabel: ve = "Select all", fullWidth: Ie, classes: Ae, inputValue: R, onInputChange: Ne, open: Y, onOpen: Ce, onClose: Me, className: Re, wrapperClassName: Se, getOptionDisabled: Pe, slotProps: q }) {
-  const r = De === !0, d = pe ?? kt, S = (e, t) => H ? H(e, t) : e === t, [$e, Le] = v(!1), a = Y ?? $e, u = (e) => {
-    e && (g || M) || (Y === void 0 && Le(e), e ? Ce?.() : (x(null), Me?.()));
-  }, [Ee, G] = v(""), b = R ?? Ee, P = (e, t, n) => {
-    R === void 0 && G(t), Ne?.(e, t, n);
-  }, [o, x] = v(null), J = `${l}-listbox`, Q = ce([]), X = ce(null), [_e, Fe] = v(null), [Z, Oe] = v(null), i = r ? Array.isArray(A) ? A : [] : [], w = r ? null : A ?? null, K = !r && w !== null ? d(w) : "";
-  ie(() => {
-    R !== void 0 || r || G(K);
+import { FloatingPortal as mt, autoUpdate as ht, flip as bt, offset as gt, shift as xt, size as yt, useDismiss as wt, useFloating as kt, useInteractions as vt, useMergeRefs as ue, useRole as Dt } from "@floating-ui/react";
+var It = (l) => typeof l == "object" && l !== null && "label" in l ? String(l.label) : String(l), At = (l) => typeof l == "object" && l !== null && "disabled" in l && !!l.disabled;
+function zt({ dataTest: l, options: b, renderInput: pe, value: A, onChange: N, getOptionLabel: fe, getOptionKey: S, isOptionEqualToValue: V, renderOption: B, renderValue: T, filterOptions: _, loading: Y, loadingText: me = "Loading…", noOptionsText: he = "No options", disabled: C, readOnly: g, error: be, helperText: ge, size: xe = "small", disableClearable: ye, disableCloseOnSelect: we, popupIcon: ke, autoHeight: ve, multiple: De, allowSelectAll: F, selectAllLabel: Ie = "Select all", fullWidth: Ae, classes: Ne, inputValue: M, onInputChange: Se, open: q, onOpen: Ce, onClose: Me, className: Re, wrapperClassName: Pe, getOptionDisabled: $e, slotProps: G }) {
+  const r = De === !0, d = fe ?? It, R = (e, t) => V ? V(e, t) : e === t, [Le, Ee] = D(!1), a = q ?? Le, u = (e) => {
+    e && (g || C) || (q === void 0 && Ee(e), e ? Ce?.() : (x(null), Me?.()));
+  }, [_e, J] = D(""), h = M ?? _e, P = (e, t, n) => {
+    M === void 0 && J(t), Se?.(e, t, n);
+  }, [o, x] = D(null), Q = `${l}-listbox`, X = de([]), Z = de(null), [Fe, Oe] = D(null), [K, je] = D(null), i = r ? Array.isArray(A) ? A : [] : [], y = r ? null : A ?? null, ee = !r && y !== null ? d(y) : "";
+  ce(() => {
+    M !== void 0 || r || J(ee);
   }, [
-    R,
+    M,
     r,
-    K
+    ee
   ]);
-  const F = (e) => r ? i.some((t) => S(e, t)) : w !== null && S(e, w), $ = (e) => Pe?.(e) ?? Dt(e), ee = W(() => {
-    const e = [...p];
-    if (_) return _(e, { inputValue: b });
-    const t = !r && w !== null ? d(w).toLowerCase() : null;
-    if (!b || b.toLowerCase() === t) return e;
-    const n = b.toLowerCase();
-    return e.filter((m) => d(m).toLowerCase().includes(n));
+  const O = (e) => r ? i.some((t) => R(e, t)) : y !== null && R(e, y), $ = (e) => $e?.(e) ?? At(e), te = U(() => {
+    const e = [...b];
+    if (_) return _(e, { inputValue: h });
+    const t = !r && y !== null ? d(y).toLowerCase() : null;
+    if (!h || h.toLowerCase() === t) return e;
+    const n = h.toLowerCase();
+    return e.filter((f) => d(f).toLowerCase().includes(n));
   }, [
-    p,
     b,
+    h,
     _,
     A
-  ]), f = W(() => ee.slice(0, 100), [ee]), te = f.flatMap((e, t) => $(e) ? [] : [t]), c = T && r ? [-1, ...te] : te, k = f.findIndex(F);
-  ie(() => {
+  ]), p = U(() => te.slice(0, 100), [te]), le = p.flatMap((e, t) => $(e) ? [] : [t]), c = F && r ? [-1, ...le] : le, k = p.findIndex(O);
+  ce(() => {
     if (!a) return;
     const e = o ?? k;
     if (e < 0) return;
-    const t = requestAnimationFrame(() => Q.current[e]?.scrollIntoView({ block: "nearest" }));
+    const t = requestAnimationFrame(() => X.current[e]?.scrollIntoView({ block: "nearest" }));
     return () => cancelAnimationFrame(t);
   }, [
     o,
     a,
-    Z,
+    K,
     k
   ]);
-  const { refs: L, floatingStyles: je, context: le } = xt({
+  const { refs: L, floatingStyles: ze, context: re } = kt({
     open: a,
     onOpenChange: u,
     placement: "bottom-start",
     strategy: "fixed",
-    whileElementsMounted: pt,
+    whileElementsMounted: ht,
     middleware: [
-      mt(0),
-      ft({ padding: 8 }),
-      ht({ padding: 8 }),
-      bt({ apply({ rects: e, availableHeight: t }) {
-        Fe(e.reference.width), Oe(ke ? t - 8 : Math.min(t - 8, 320));
+      gt(0),
+      bt({ padding: 8 }),
+      xt({ padding: 8 }),
+      yt({ apply({ rects: e, availableHeight: t }) {
+        Oe(e.reference.width), je(ve ? t - 8 : Math.min(t - 8, 320));
       } })
     ]
-  }), { getReferenceProps: ze, getFloatingProps: We, getItemProps: He } = wt([gt(le), yt(le, { role: "listbox" })]), Ue = de([L.setReference]), re = W(() => a ? at(L.reference.current) : void 0, [a, L]), O = it(re), Ve = de([ct(L.setFloating, O)]), Be = (e) => c.includes(k) ? k : c[e === 1 ? 0 : c.length - 1] ?? null, Te = (e) => {
+  }), { getReferenceProps: He, getFloatingProps: We, getItemProps: Ue } = vt([wt(re), Dt(re, { role: "listbox" })]), Ve = ue([L.setReference]), oe = U(() => a ? dt(L.reference.current) : void 0, [a, L]), j = ut(oe), Be = ue([pt(L.setFloating, j)]), Te = (e) => c.includes(k) ? k : c[e === 1 ? 0 : c.length - 1] ?? null, Ye = (e) => {
     c.length !== 0 && x((t) => {
       const n = c.indexOf(t ?? k);
       return n === -1 ? c[e === 1 ? 0 : c.length - 1] ?? null : c[Math.min(Math.max(n + e, 0), c.length - 1)] ?? null;
     });
-  }, D = (e, t, n = !r || !we) => {
+  }, v = (e, t, n = !r || !we) => {
     if (r) {
-      const m = i.some((h) => S(t, h)), y = m ? i.filter((h) => !S(t, h)) : [...i, t];
-      N?.(e, y, m ? "removeOption" : "selectOption", { option: t }), P(e, "", "reset"), n && u(!1);
+      const f = i.some((m) => R(t, m)), w = f ? i.filter((m) => !R(t, m)) : [...i, t];
+      N?.(e, w, f ? "removeOption" : "selectOption", { option: t }), P(e, "", "reset"), n && u(!1);
     } else
       N?.(e, t, "selectOption", { option: t }), P(e, d(t), "reset"), n && u(!1);
-  }, oe = (e) => {
+  }, se = (e) => {
     N?.(e, r ? [] : null, "clear", void 0), P(e, "", "clear");
-  }, j = (e) => {
-    const t = p.length > 0 && i.length === p.length;
-    N?.(e, t ? [] : p, t ? "clear" : "selectOption", void 0);
-  }, Ye = (e) => {
-    if (e.key === "Backspace" && b === "" && se) {
+  }, z = (e) => {
+    const t = b.length > 0 && i.length === b.length;
+    N?.(e, t ? [] : b, t ? "clear" : "selectOption", void 0);
+  }, qe = (e) => {
+    if (e.key === "Backspace" && h === "" && ne) {
       const t = i[i.length - 1];
-      r ? t !== void 0 && D(e, t, !1) : oe(e);
+      r ? t !== void 0 && v(e, t, !1) : se(e);
     } else if (e.key === "Enter" && !a)
       e.preventDefault(), u(!0);
     else if (e.key === "Enter" && o === -1)
-      e.preventDefault(), j(e);
-    else if (e.key === "Enter" && o != null && f[o] != null) {
+      e.preventDefault(), z(e);
+    else if (e.key === "Enter" && o != null && p[o] != null) {
       e.preventDefault();
-      const t = f[o];
-      $(t) || D(e, t, !0);
+      const t = p[o];
+      $(t) || v(e, t, !0);
     } else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
       if (e.preventDefault(), !a) {
-        x(Be(e.key === "ArrowDown" ? 1 : -1)), u(!0);
+        x(Te(e.key === "ArrowDown" ? 1 : -1)), u(!0);
         return;
       }
-      Te(e.key === "ArrowDown" ? 1 : -1);
+      Ye(e.key === "ArrowDown" ? 1 : -1);
     } else if (e.key === "Home" || e.key === "End")
       e.preventDefault(), x(c[e.key === "Home" ? 0 : c.length - 1] ?? null);
     else if (e.key === " " && o === -1)
-      e.preventDefault(), j(e);
-    else if (e.key === " " && o != null && f[o] != null) {
+      e.preventDefault(), z(e);
+    else if (e.key === " " && o != null && p[o] != null) {
       e.preventDefault();
-      const t = f[o];
-      $(t) || D(e, t, !1);
+      const t = p[o];
+      $(t) || v(e, t, !1);
     } else e.key === "Escape" && a ? (e.preventDefault(), e.stopPropagation(), u(!1)) : e.key === "Tab" && u(!1);
-  }, se = !xe && !g && !M && (r ? i.length > 0 : w !== null);
-  let ne;
-  a && o != null && (o === -1 || f[o] !== void 0) && (ne = o === -1 ? `${l}-select-all` : `${l}-option-${o}`);
-  const qe = (e) => {
-    e.preventDefault(), !(M || g) && (X.current?.focus(), u(!a));
-  }, Ge = r ? V ? V(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ s(ot, {
+  }, ne = !ye && !g && !C && (r ? i.length > 0 : y !== null);
+  let ae;
+  a && o != null && (o === -1 || p[o] !== void 0) && (ae = o === -1 ? `${l}-select-all` : `${l}-option-${o}`);
+  const Ge = (e) => {
+    e.preventDefault(), !(C || g) && (Z.current?.focus(), u(!a));
+  }, Je = r ? T ? T(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ s(at, {
     dataTest: `selected-chip-${d(e)}`,
     label: d(e),
     readOnly: g,
     deleteButtonTabIndex: -1,
-    onDelete: g ? void 0 : (n) => D(n, e)
-  }, C ? C(e) : `${d(e)}-${t}`)) : void 0, Je = /* @__PURE__ */ I("span", {
+    onDelete: g ? void 0 : (n) => v(n, e)
+  }, S ? S(e) : `${d(e)}-${t}`)) : void 0, Qe = /* @__PURE__ */ I("span", {
     className: "flex items-center gap-1",
     children: [
-      B && /* @__PURE__ */ s(dt, {
+      Y && /* @__PURE__ */ s(ft, {
         width: 20,
         height: 20,
         className: "animate-spin"
       }),
-      se && /* @__PURE__ */ s("button", {
+      ne && /* @__PURE__ */ s("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Clear",
         "data-testid": `${l}-clear`,
         className: "invisible flex min-h-6 min-w-6 cursor-pointer items-center justify-center rounded-full border-0 bg-delta-50 group-focus-within:visible",
         onMouseDown: (e) => e.preventDefault(),
-        onClick: oe,
-        children: /* @__PURE__ */ s(tt, {
+        onClick: se,
+        children: /* @__PURE__ */ s(ot, {
           width: 20,
           height: 20,
           className: "text-delta-700"
@@ -148,58 +148,58 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
         "data-testid": `${l}-popup-indicator`,
         className: "flex cursor-pointer items-center border-0 bg-transparent",
         onMouseDown: (e) => e.preventDefault(),
-        onClick: qe,
-        children: ye ?? (r ? /* @__PURE__ */ s(rt, {
+        onClick: Ge,
+        children: ke ?? (r ? /* @__PURE__ */ s(nt, {
           width: 24,
           height: 24,
           className: "text-delta-700"
-        }) : /* @__PURE__ */ s(et, {
+        }) : /* @__PURE__ */ s(rt, {
           width: 24,
           height: 24,
-          className: E(z["select-custom-icon"], a && z["select-custom-icon-open"], "text-delta-700")
+          className: E(W["select-custom-icon"], a && W["select-custom-icon-open"], "text-delta-700")
         }))
       })
     ]
-  }), Qe = {
-    disabled: M,
-    size: ge,
+  }), Xe = {
+    disabled: C,
+    size: xe,
     fullWidth: !0,
-    error: he,
-    helperText: be,
-    value: b,
+    error: be,
+    helperText: ge,
+    value: h,
     onChange: (e) => {
       x(null), P(e, e.target.value, "input"), a || u(!0);
     },
-    onKeyDown: Ye,
+    onKeyDown: qe,
     slotProps: {
       htmlInput: {
-        ...ze(),
-        ref: X,
+        ...He(),
+        ref: Z,
         onClick: () => u(!0),
         role: "combobox",
         "aria-autocomplete": "list",
         "aria-expanded": a,
-        "aria-controls": a ? J : void 0,
-        "aria-activedescendant": ne,
+        "aria-controls": a ? Q : void 0,
+        "aria-activedescendant": ae,
         autoComplete: "off",
         readOnly: g
       },
       input: {
-        ref: Ue,
-        startAdornment: Ge,
-        endAdornment: Je
+        ref: Ve,
+        startAdornment: Je,
+        endAdornment: Qe
       }
     }
-  }, Xe = E("asma-pressable", "relative box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", "aria-selected:bg-gama-50 hover:bg-delta-50", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), Ze = (e, t, n) => {
-    const { key: m, ...y } = e;
+  }, Ze = E("asma-pressable", "relative box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", "aria-selected:bg-gama-50 hover:bg-delta-50", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), Ke = (e, t, n) => {
+    const { key: f, ...w } = e;
     return /* @__PURE__ */ I("li", {
-      ...y,
+      ...w,
       children: [
         e["data-active"] !== void 0 && /* @__PURE__ */ s("span", {
           "aria-hidden": "true",
           className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
         }),
-        r ? /* @__PURE__ */ s(ae, {
+        r ? /* @__PURE__ */ s(ie, {
           dataTest: `${l}-${d(t)}-checkbox`,
           checked: n.selected,
           size: "small",
@@ -207,7 +207,7 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
           decorative: !0
         }) : /* @__PURE__ */ s("span", {
           className: "w-5",
-          children: n.selected && /* @__PURE__ */ s(lt, {
+          children: n.selected && /* @__PURE__ */ s(st, {
             width: 20,
             height: 20,
             className: "text-gama-500"
@@ -218,93 +218,94 @@ function Ft({ dataTest: l, options: p, renderInput: ue, value: A, onChange: N, g
           children: d(t)
         })
       ]
-    }, m);
-  }, Ke = (e, t) => {
-    const n = $(e), m = {
-      ...He({
-        onMouseDown: (h) => h.preventDefault(),
-        onClick: (h) => {
-          n || D(h, e);
+    }, f);
+  }, et = (e, t) => {
+    const n = $(e), f = {
+      ...Ue({
+        onMouseDown: (m) => m.preventDefault(),
+        onClick: (m) => {
+          n || v(m, e);
         },
         onMouseMove: () => x(null)
       }),
-      key: C ? String(C(e)) : `${d(e)}-${t}`,
-      ref: (h) => {
-        Q.current[t] = h;
+      key: S ? String(S(e)) : `${d(e)}-${t}`,
+      ref: (m) => {
+        X.current[t] = m;
       },
       role: "option",
       id: `${l}-option-${t}`,
-      "aria-selected": F(e),
+      "aria-selected": O(e),
       "aria-disabled": n || void 0,
       "data-active": o === t ? "" : void 0,
-      className: Xe
-    }, y = {
-      selected: F(e),
+      className: Ze
+    }, w = {
+      selected: O(e),
       index: t,
-      inputValue: b
+      inputValue: h
     };
-    return U ? U(m, e, y) : Ze(m, e, y);
-  };
+    return B ? B(f, e, w) : Ke(f, e, w);
+  }, tt = !!(F && r), H = b.length > 0 && i.length === b.length, lt = i.length > 0 && !H;
   return /* @__PURE__ */ I("div", {
-    className: E(z.styledSelectAutocompleteWrapper, !Ie && "w-auto", Se, Re),
-    children: [ue(Qe), a && /* @__PURE__ */ s(ut, {
-      root: re,
+    className: E(W.styledSelectAutocompleteWrapper, !Ae && "w-auto", Pe, Re),
+    children: [pe(Xe), a && /* @__PURE__ */ s(mt, {
+      root: oe,
       children: /* @__PURE__ */ I("ul", {
-        ref: Ve,
-        ...O ? st : {},
+        ref: Be,
+        ...j ? it : {},
         style: {
-          ...O ? nt : {},
-          ...je,
-          width: _e ?? void 0,
-          maxHeight: Z ?? void 0,
+          ...j ? ct : {},
+          ...ze,
+          width: Fe ?? void 0,
+          maxHeight: K ?? void 0,
           fontFamily: "Roboto, Helvetica, Arial, sans-serif",
-          ...q?.popper?.style
+          ...G?.popper?.style
         },
         ...We(),
-        id: J,
+        id: Q,
         role: "listbox",
         "aria-multiselectable": r ? !0 : void 0,
-        className: E("z-[1300] m-0 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", Ae?.listbox, q?.popper?.className),
-        children: [T && r && /* @__PURE__ */ I("li", {
+        className: E("z-[1300] m-0 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", tt && "py-0", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", Ne?.listbox, G?.popper?.className),
+        children: [F && r && /* @__PURE__ */ I("li", {
           id: `${l}-select-all`,
           role: "option",
-          "aria-selected": p.length > 0 && i.length === p.length,
+          "aria-selected": H,
           "data-active": o === -1 ? "" : void 0,
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
-          onClick: j,
+          onClick: z,
           onMouseMove: () => x(null),
-          className: "relative flex min-h-10 cursor-pointer items-center gap-x-3 border-0 border-b border-solid border-delta-200 bg-delta-50 px-3 text-xs font-medium uppercase tracking-wide text-delta-600 hover:bg-delta-100",
+          className: "relative flex h-8 cursor-pointer items-center gap-x-4 border-0 border-b border-solid border-delta-200 bg-[var(--colors-gray-10)] px-2 text-[10px] font-semibold uppercase leading-3 tracking-[0.2px] text-delta-600 hover:bg-delta-50",
           children: [
             o === -1 && /* @__PURE__ */ s("span", {
               "aria-hidden": "true",
               className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
             }),
-            /* @__PURE__ */ s(ae, {
+            /* @__PURE__ */ s(ie, {
               dataTest: `${l}-select-all`,
-              checked: p.length > 0 && i.length === p.length,
+              checked: H,
+              indeterminate: lt,
               size: "small",
               hideWrapper: !0,
               decorative: !0
             }),
             /* @__PURE__ */ s("span", {
               className: "flex-1 truncate",
-              children: ve
+              children: Ie
             })
           ]
-        }), B ? /* @__PURE__ */ s("li", {
+        }), Y ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
-          children: fe
-        }) : f.length === 0 ? /* @__PURE__ */ s("li", {
+          children: me
+        }) : p.length === 0 ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
-          children: me
-        }) : f.map(Ke)]
+          children: he
+        }) : p.map(et)]
       })
     })]
   });
 }
 export {
-  Ft as StyledSelectAutocomplete
+  zt as StyledSelectAutocomplete
 };

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

@@ -12,8 +12,8 @@ import { useCallback as m, useEffect as y, useId as ve, useRef as R, useState as
 import { Fragment as N, jsx as c, jsxs as W } from "react/jsx-runtime";
 import { FloatingPortal as he, autoUpdate as xe, flip as be, offset as Pe, shift as ye, size as Re, useDismiss as _e, useFloating as Ee, useInteractions as Se, useMergeRefs as Te } from "@floating-ui/react";
 var Ae = 240, Me = {
-  info: 360,
-  action: 400
+  info: 472,
+  action: 472
 }, we = 0.6, B = "calc(100vw - 32px)", je = ({ dataTest: s, renderTrigger: _, 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(), d = de(), t = E === "action", j = d && !t, k = d && t, u = m((e) => {
     X(e), I?.(e);

package/package.json

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