asma-ui-core 3.80.2 → 3.80.3

package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js

@@ -95,7 +95,7 @@ var ye = oe((k, F) => {
             "aria-disabled": a
           }, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
             "aria-hidden": "true",
-            className: "pointer-events-none absolute inset-y-0 left-0 border-l border-solid border-focus-ring"
+            className: "pointer-events-none absolute inset-y-0 left-0 border-l-[4px] border-solid border-focus-ring"
           }), /* @__PURE__ */ l(L, {
             arrow: !0,
             title: c,
@@ -123,7 +123,7 @@ var ye = oe((k, F) => {
           "aria-disabled": a
         }, e["data-active"] !== void 0 && /* @__PURE__ */ l("span", {
           "aria-hidden": "true",
-          className: "pointer-events-none absolute inset-y-0 left-0 border-l border-solid border-focus-ring"
+          className: "pointer-events-none absolute inset-y-0 left-0 border-l-[4px] border-solid border-focus-ring"
         }), /* @__PURE__ */ l(L, {
           arrow: !0,
           title: c,

package/dist/components/inputs/select/StyledSelect.js

@@ -1,4 +1,4 @@
-import { cn as h } from "../../../helpers/cn.js";
+import { cn as y } from "../../../helpers/cn.js";
 import { resolveSx as je } from "../../../helpers/sx.js";
 import { ChevronDownIcon as Ue } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as Ve } from "../../icons/close-icon/CloseIcon.js";
@@ -11,12 +11,12 @@ import { useFormControlContext as Xe } from "../../miscellaneous/FormControlCont
 import { Children as se, cloneElement as Ze, isValidElement as u, useEffect as B, useId as et, useRef as tt, useState as x } from "react";
 import { jsx as l, jsxs as L } from "react/jsx-runtime";
 import { FloatingPortal as ot, autoUpdate as rt, flip as st, offset as nt, shift as lt, size as it, useClick as at, useDismiss as ct, useFloating as dt, useInteractions as ut, useMergeRefs as ft, useRole as pt } from "@floating-ui/react";
-var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, errorText: ie, helperText: j, reserveHelperText: ae, expandHelperText: ce = !0, allowClear: U, disabled: de, readOnly: c, name: w, placeholder: S, displayEmpty: C, multiple: f, renderValue: V, fullWidth: ue, className: fe, style: pe, sx: me, variant: be, children: q, MenuProps: ge, onFocus: ye, onBlur: he, labelId: A }) => {
-  const d = Xe(), v = `${T}-listbox`, R = be === "standard", p = le ?? d?.error ?? !1, n = de ?? d?.disabled ?? !1, Y = p ? ie ?? j : j, { show: F, role: xe } = Je("StyledSelect", p, Y, ae, c), z = et(), { fieldRef: we, rowRef: Ae, rowStyle: ve } = Ge(ce && F), [r, K] = x(!1), [k, I] = x(!1), [m, b] = x(null), [Re, W] = x(ne), O = M !== void 0, o = O ? M : Re, i = Array.isArray(o) ? o.length > 0 : o !== void 0 && o !== "" && o !== null, g = se.toArray(q), G = (e) => f ? Array.isArray(o) && o.includes(e) : e === o, s = g.flatMap((e, t) => u(e) && !e.props.disabled ? [t] : []), E = g.findIndex((e) => u(e) && G(e.props.value)), ke = (e = 1) => s.includes(E) ? E : s[e === 1 ? 0 : s.length - 1] ?? null, D = m === null ? void 0 : `${v}-option-${m}`, P = tt(null), y = (e) => {
+var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, errorText: ie, helperText: j, reserveHelperText: ae, expandHelperText: ce = !0, allowClear: U, disabled: de, readOnly: c, name: w, placeholder: S, displayEmpty: C, multiple: f, renderValue: V, fullWidth: ue, className: fe, style: pe, sx: me, variant: be, children: q, MenuProps: ge, onFocus: he, onBlur: ye, labelId: v }) => {
+  const d = Xe(), A = `${T}-listbox`, R = be === "standard", p = le ?? d?.error ?? !1, n = de ?? d?.disabled ?? !1, Y = p ? ie ?? j : j, { show: F, role: xe } = Je("StyledSelect", p, Y, ae, c), z = et(), { fieldRef: we, rowRef: ve, rowStyle: Ae } = Ge(ce && F), [r, K] = x(!1), [k, I] = x(!1), [m, b] = x(null), [Re, W] = x(ne), O = M !== void 0, o = O ? M : Re, i = Array.isArray(o) ? o.length > 0 : o !== void 0 && o !== "" && o !== null, g = se.toArray(q), G = (e) => f ? Array.isArray(o) && o.includes(e) : e === o, s = g.flatMap((e, t) => u(e) && !e.props.disabled ? [t] : []), E = g.findIndex((e) => u(e) && G(e.props.value)), ke = (e = 1) => s.includes(E) ? E : s[e === 1 ? 0 : s.length - 1] ?? null, D = m === null ? void 0 : `${A}-option-${m}`, P = tt(null), h = (e) => {
     K(e), e || b(null);
   }, { refs: { domReference: De, reference: J, setFloating: Se, setReference: Ce }, floatingStyles: Fe, context: N } = dt({
     open: r,
-    onOpenChange: y,
+    onOpenChange: h,
     placement: "bottom-start",
     strategy: "fixed",
     whileElementsMounted: rt,
@@ -55,18 +55,18 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
     O || W(oe), $?.({ target: {
       value: oe,
       name: w
-    } }, t), a && (y(!1), requestAnimationFrame(() => De.current?.focus()));
+    } }, t), a && (h(!1), requestAnimationFrame(() => De.current?.focus()));
   }, ee = () => {
     const e = f ? [] : "";
     O || W(e), $?.({ target: {
       value: e,
       name: w
-    } }, null), y(!1), I(!1);
+    } }, null), h(!1), I(!1);
   }, Pe = se.map(q, (e, t) => {
     if (!u(e)) return e;
     const a = e.props.value;
     return Ze(e, {
-      id: `${v}-option-${t}`,
+      id: `${A}-option-${t}`,
       active: t === m,
       selected: G(a),
       onClick: () => {
@@ -96,12 +96,12 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
         e.preventDefault(), Be(e.key === "ArrowDown" ? 1 : -1);
         return;
       }
-      r && (e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), He(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), b(s[e.key === "Home" ? 0 : s.length - 1] ?? null)) : e.key === " " ? (e.preventDefault(), te(!1)) : e.key === "Enter" ? (e.preventDefault(), te(!0)) : e.key === "Escape" ? (e.preventDefault(), y(!1)) : e.key === "Tab" && y(!1));
+      r && (e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), He(e.key === "ArrowDown" ? 1 : -1)) : e.key === "Home" || e.key === "End" ? (e.preventDefault(), b(s[e.key === "Home" ? 0 : s.length - 1] ?? null)) : e.key === " " ? (e.preventDefault(), te(!1)) : e.key === "Enter" ? (e.preventDefault(), te(!0)) : e.key === "Escape" ? (e.preventDefault(), h(!1)) : e.key === "Tab" && h(!1));
     }
   }, H = R && (r || k), Te = n ? "text-delta-300" : H ? "text-gama-500" : "text-delta-800", Me = n ? "text-delta-300" : "text-delta-700";
   return /* @__PURE__ */ L("div", {
     ref: we,
-    className: h("group relative inline-flex flex-col", ue && "w-full", fe),
+    className: y("group relative inline-flex flex-col", ue && "w-full", fe),
     style: {
       fontFamily: "Roboto, Helvetica, Arial, sans-serif",
       ...je(me),
@@ -119,25 +119,25 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": r,
-        "aria-controls": v,
+        "aria-controls": A,
         "aria-activedescendant": r ? D : void 0,
-        "aria-labelledby": A,
-        "aria-label": A ? void 0 : w,
+        "aria-labelledby": v,
+        "aria-label": v ? void 0 : w,
         "aria-invalid": p ? !0 : void 0,
         "aria-describedby": F ? z : void 0,
         "aria-disabled": n ? !0 : void 0,
         disabled: n,
         onFocus: (e) => {
-          I(!0), ye?.(e);
+          I(!0), he?.(e);
         },
         onBlur: (e) => {
-          I(!1), he?.(e);
+          I(!1), ye?.(e);
         },
         style: { minWidth: i && !R ? 105 : void 0 },
-        className: h("relative flex w-full items-center justify-between text-left outline-none", "h-10 rounded-lg border-0 px-3 text-base transition-colors", H ? "bg-gama-50" : "bg-transparent", Te, R && "min-w-0", n && "cursor-not-allowed", c && "pointer-events-none"),
+        className: y("relative flex w-full items-center justify-between text-left outline-none", "h-10 rounded-lg border-0 px-3 text-base transition-colors", H ? "bg-gama-50" : "bg-transparent", Te, R && "min-w-0", n && "cursor-not-allowed", c && "pointer-events-none"),
         children: [
           /* @__PURE__ */ l("span", {
-            className: h("min-w-0 flex-1 truncate", !i && "text-delta-500"),
+            className: y("min-w-0 flex-1 truncate", !i && "text-delta-500"),
             children: i || C ? _e : S
           }),
           /* @__PURE__ */ L("span", {
@@ -145,7 +145,7 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
             children: [U && i && !n && /* @__PURE__ */ l("span", {
               "aria-hidden": "true",
               "data-testid": "select-clear-button",
-              className: "flex items-center justify-center rounded-full p-[2px] hover:bg-gama-100",
+              className: "invisible flex items-center justify-center rounded-full p-[2px] group-focus-within:visible hover:bg-gama-100",
               onClick: (e) => {
                 e.stopPropagation(), ee();
               },
@@ -156,7 +156,7 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
             }), /* @__PURE__ */ l(Ue, {
               width: 24,
               height: 24,
-              className: h("shrink-0 transition-transform", H ? "text-gama-500" : Me, r && "rotate-180")
+              className: y("shrink-0 transition-transform", H ? "text-gama-500" : Me, r && "rotate-180")
             })]
           }),
           /* @__PURE__ */ l("div", { className: Qe({
@@ -173,28 +173,28 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
         children: /* @__PURE__ */ l("ul", {
           ref: Ee,
           ...Oe(),
-          id: v,
+          id: A,
           role: "listbox",
-          "aria-labelledby": A,
-          "aria-label": A ? void 0 : w,
+          "aria-labelledby": v,
+          "aria-label": v ? void 0 : w,
           ..._ ? qe : {},
           style: {
             ..._ ? Ye : {},
             ...Fe,
             fontFamily: "Roboto, Helvetica, Arial, sans-serif"
           },
-          className: h("z-[1300] m-0 max-h-72 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", ge?.className),
+          className: y("z-[1300] m-0 max-h-72 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", ge?.className),
           children: Pe
         })
       }),
       F && /* @__PURE__ */ l(We, {
-        ref: Ae,
+        ref: ve,
         id: z,
         role: xe,
         error: p,
         message: Y,
         className: "m-0 mr-[14px] box-border items-center",
-        style: ve
+        style: Ae
       })
     ]
   });

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

@@ -5,30 +5,30 @@ import { CheckIcon as Ze } from "../../icons/check-icon/CheckIcon.js";
 import { PlusIconCircle as Ke } from "../../icons/plus-icon-circle/PlusIconCircle.js";
 import { StyledChip as et } from "../../data-display/chip/StyledChip.js";
 import { StyledCheckbox as te } from "../checkbox/base-ui/StyledCheckbox.js";
-import { TOP_LAYER_PROPS as tt, TOP_LAYER_RESET_STYLE as lt, getOpenModalDialogAncestor as rt, shouldUsePopoverTopLayer as ot, useTopLayerRef as st } from "../../../hooks/useTopLayer.hook.js";
+import { TOP_LAYER_PROPS as tt, TOP_LAYER_RESET_STYLE as lt, getOpenModalDialogAncestor as rt, shouldUsePopoverTopLayer as st, useTopLayerRef as ot } from "../../../hooks/useTopLayer.hook.js";
 import { LoadingIcon as nt } from "../../../table/shared-components/LoadingIcon.js";
 import O from "./StyledSelectAutocomplete.module.js";
 import { useEffect as le, useMemo as z, useRef as re, useState as D } from "react";
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { FloatingPortal as at, autoUpdate as it, flip as ct, offset as dt, shift as ut, size as pt, useDismiss as ft, useFloating as mt, useInteractions as ht, useMergeRefs as oe, useRole as bt } from "@floating-ui/react";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import { FloatingPortal as at, autoUpdate as it, flip as ct, offset as dt, shift as ut, size as pt, useDismiss as ft, useFloating as mt, useInteractions as ht, useMergeRefs as se, useRole as bt } from "@floating-ui/react";
 var gt = (l) => typeof l == "object" && l !== null && "label" in l ? String(l.label) : String(l), xt = (l) => typeof l == "object" && l !== null && "disabled" in l && !!l.disabled;
-function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, getOptionLabel: ne, getOptionKey: A, isOptionEqualToValue: W, renderOption: H, renderValue: T, filterOptions: _, loading: U, loadingText: ae = "Loading…", noOptionsText: ie = "No options", disabled: C, readOnly: b, error: ce, helperText: de, size: ue = "small", disableClearable: pe, disableCloseOnSelect: fe, popupIcon: me, autoHeight: he, multiple: be, allowSelectAll: ge, selectAllLabel: V = "Select all", fullWidth: xe, classes: we, inputValue: R, onInputChange: ye, open: Y, onOpen: ke, onClose: De, className: ve, wrapperClassName: Ie, getOptionDisabled: Ne, slotProps: q }) {
-  const s = be === !0, c = ne ?? gt, S = (e, t) => W ? W(e, t) : e === t, [Ae, Ce] = D(!1), n = Y ?? Ae, d = (e) => {
+function Lt({ dataTest: l, options: h, renderInput: oe, value: I, onChange: N, getOptionLabel: ne, getOptionKey: A, isOptionEqualToValue: W, renderOption: H, renderValue: T, filterOptions: _, loading: U, loadingText: ae = "Loading…", noOptionsText: ie = "No options", disabled: C, readOnly: b, error: ce, helperText: de, size: ue = "small", disableClearable: pe, disableCloseOnSelect: fe, popupIcon: me, autoHeight: he, multiple: be, allowSelectAll: ge, selectAllLabel: V = "Select all", fullWidth: xe, classes: we, inputValue: R, onInputChange: ye, open: Y, onOpen: ke, onClose: De, className: ve, wrapperClassName: Ie, getOptionDisabled: Ne, slotProps: q }) {
+  const o = be === !0, c = ne ?? gt, S = (e, t) => W ? W(e, t) : e === t, [Ae, Ce] = D(!1), n = Y ?? Ae, d = (e) => {
     e && (b || C) || (Y === void 0 && Ce(e), e ? ke?.() : (y(null), De?.()));
   }, [Re, B] = D(""), g = R ?? Re, P = (e, t, r) => {
     R === void 0 && B(t), ye?.(e, t, r);
-  }, [a, y] = D(null), G = re([]), J = re(null), [Se, Pe] = D(null), [Q, Me] = D(null), u = s ? Array.isArray(I) ? I : [] : [], x = s ? null : I ?? null, X = !s && x !== null ? c(x) : "";
+  }, [a, y] = D(null), G = re([]), J = re(null), [Se, Pe] = D(null), [Q, Me] = D(null), u = o ? Array.isArray(I) ? I : [] : [], x = o ? null : I ?? null, X = !o && x !== null ? c(x) : "";
   le(() => {
-    R !== void 0 || s || B(X);
+    R !== void 0 || o || B(X);
   }, [
     R,
-    s,
+    o,
     X
   ]);
-  const F = (e) => s ? u.some((t) => S(e, t)) : x !== null && S(e, x), M = (e) => Ne?.(e) ?? xt(e), Z = z(() => {
+  const F = (e) => o ? u.some((t) => S(e, t)) : x !== null && S(e, x), M = (e) => Ne?.(e) ?? xt(e), Z = z(() => {
     const e = [...h];
     if (_) return _(e, { inputValue: g });
-    const t = !s && x !== null ? c(x).toLowerCase() : null;
+    const t = !o && x !== null ? c(x).toLowerCase() : null;
     if (!g || g.toLowerCase() === t) return e;
     const r = g.toLowerCase();
     return e.filter((p) => c(p).toLowerCase().includes(r));
@@ -64,19 +64,19 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
         Pe(e.reference.width), Me(he ? t - 8 : Math.min(t - 8, 320));
       } })
     ]
-  }), { getReferenceProps: $e, getFloatingProps: Ee, getItemProps: _e } = ht([ft(K), bt(K, { role: "listbox" })]), Fe = oe([L.setReference]), ee = z(() => n ? rt(L.reference.current) : void 0, [n, L]), j = ot(ee), je = oe([st(L.setFloating, j)]), Oe = (e) => i.includes(k) ? k : i[e === 1 ? 0 : i.length - 1] ?? null, ze = (e) => {
+  }), { getReferenceProps: $e, getFloatingProps: Ee, getItemProps: _e } = ht([ft(K), bt(K, { role: "listbox" })]), Fe = se([L.setReference]), ee = z(() => n ? rt(L.reference.current) : void 0, [n, L]), j = st(ee), je = se([ot(L.setFloating, j)]), Oe = (e) => i.includes(k) ? k : i[e === 1 ? 0 : i.length - 1] ?? null, ze = (e) => {
     i.length !== 0 && y((t) => {
       const r = i.indexOf(t ?? k);
       return r === -1 ? i[e === 1 ? 0 : i.length - 1] ?? null : i[Math.min(Math.max(r + e, 0), i.length - 1)] ?? null;
     });
-  }, $ = (e, t, r = !s || !fe) => {
-    if (s) {
+  }, $ = (e, t, r = !o || !fe) => {
+    if (o) {
       const p = u.some((f) => S(t, f)), w = p ? u.filter((f) => !S(t, f)) : [...u, t];
       N?.(e, w, p ? "removeOption" : "selectOption", { option: t }), P(e, "", "reset"), r && d(!1);
     } else
       N?.(e, t, "selectOption", { option: t }), P(e, c(t), "reset"), r && d(!1);
   }, We = (e) => {
-    N?.(e, s ? [] : null, "clear", void 0), P(e, "", "clear");
+    N?.(e, o ? [] : null, "clear", void 0), P(e, "", "clear");
   }, He = (e) => {
     if (e.key === "Enter" && !n)
       e.preventDefault(), d(!0);
@@ -97,9 +97,9 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
       const t = m[a];
       M(t) || $(e, t, !1);
     } else e.key === "Escape" ? (e.preventDefault(), d(!1)) : e.key === "Tab" && d(!1);
-  }, Te = !pe && !b && !C && (s ? u.length > 0 : x !== null), Ue = (e) => {
+  }, Te = !pe && !b && !C && (o ? u.length > 0 : x !== null), Ue = (e) => {
     e.preventDefault(), !(C || b) && (J.current?.focus(), d(!n));
-  }, Ve = s ? T ? T(u, ({ index: e }) => ({ "data-index": e })) : u.map((e, t) => /* @__PURE__ */ o(et, {
+  }, Ve = o ? T ? T(u, ({ index: e }) => ({ "data-index": e })) : u.map((e, t) => /* @__PURE__ */ s(et, {
     dataTest: `selected-chip-${c(e)}`,
     label: c(e),
     readOnly: b,
@@ -107,26 +107,26 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
   }, A ? A(e) : `${c(e)}-${t}`)) : void 0, Ye = /* @__PURE__ */ v("span", {
     className: "flex items-center gap-1",
     children: [
-      U && /* @__PURE__ */ o(nt, {
+      U && /* @__PURE__ */ s(nt, {
         width: 20,
         height: 20,
         className: "animate-spin"
       }),
-      Te && /* @__PURE__ */ o("button", {
+      Te && /* @__PURE__ */ s("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Clear",
         "data-testid": `${l}-clear`,
-        className: "flex min-h-6 min-w-6 cursor-pointer items-center justify-center rounded-full border-0 bg-delta-50",
+        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: We,
-        children: /* @__PURE__ */ o(Xe, {
+        children: /* @__PURE__ */ s(Xe, {
           width: 20,
           height: 20,
           className: "text-delta-700"
         })
       }),
-      b ? null : /* @__PURE__ */ o("button", {
+      b ? null : /* @__PURE__ */ s("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Toggle options",
@@ -135,11 +135,11 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
         className: "flex cursor-pointer items-center border-0 bg-transparent",
         onMouseDown: (e) => e.preventDefault(),
         onClick: Ue,
-        children: me ?? (s ? /* @__PURE__ */ o(Ke, {
+        children: me ?? (o ? /* @__PURE__ */ s(Ke, {
           width: 24,
           height: 24,
           className: "text-delta-700"
-        }) : /* @__PURE__ */ o(Qe, {
+        }) : /* @__PURE__ */ s(Qe, {
           width: 24,
           height: 24,
           className: E(O["select-custom-icon"], n && O["select-custom-icon-open"], "text-delta-700")
@@ -180,25 +180,25 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
     return /* @__PURE__ */ v("li", {
       ...w,
       children: [
-        e["data-active"] !== void 0 && /* @__PURE__ */ o("span", {
+        e["data-active"] !== void 0 && /* @__PURE__ */ s("span", {
           "aria-hidden": "true",
-          className: "pointer-events-none absolute inset-y-0 left-0 border-l border-solid border-focus-ring"
+          className: "pointer-events-none absolute inset-y-0 left-0 border-l-[4px] border-solid border-focus-ring"
         }),
-        s ? /* @__PURE__ */ o(te, {
+        o ? /* @__PURE__ */ s(te, {
           dataTest: `${l}-${c(t)}-checkbox`,
           checked: r.selected,
           size: "small",
           hideWrapper: !0,
           decorative: !0
-        }) : /* @__PURE__ */ o("span", {
+        }) : /* @__PURE__ */ s("span", {
           className: "w-5",
-          children: r.selected && /* @__PURE__ */ o(Ze, {
+          children: r.selected && /* @__PURE__ */ s(Ze, {
             width: 20,
             height: 20,
             className: "text-gama-500"
           })
         }),
-        /* @__PURE__ */ o("span", {
+        /* @__PURE__ */ s("span", {
           className: "line-clamp-2 min-w-0 flex-1 break-words",
           children: c(t)
         })
@@ -232,7 +232,7 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
   };
   return /* @__PURE__ */ v("div", {
     className: E(O.styledSelectAutocompleteWrapper, !xe && "w-auto", Ie, ve),
-    children: [se(qe), n && /* @__PURE__ */ o(at, {
+    children: [oe(qe), n && /* @__PURE__ */ s(at, {
       root: ee,
       children: /* @__PURE__ */ v("ul", {
         ref: je,
@@ -247,10 +247,10 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
         },
         ...Ee(),
         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", we?.listbox, q?.popper?.className),
-        children: [ge && s && /* @__PURE__ */ v("div", {
+        children: [ge && o && /* @__PURE__ */ v("div", {
           role: "group",
           className: "flex min-h-12 items-center gap-x-1 border-0 border-b border-solid border-delta-200 px-4 text-sm text-delta-700",
-          children: [/* @__PURE__ */ o(te, {
+          children: [/* @__PURE__ */ s(te, {
             dataTest: `${l}-select-all`,
             "aria-label": V,
             checked: h.length > 0 && u.length === h.length,
@@ -261,15 +261,15 @@ function Lt({ dataTest: l, options: h, renderInput: se, value: I, onChange: N, g
               const t = h.length > 0 && u.length === h.length;
               N?.(e, t ? [] : h, t ? "clear" : "selectOption", void 0);
             }
-          }), /* @__PURE__ */ o("span", {
+          }), /* @__PURE__ */ s("span", {
             className: "flex-1 truncate py-2",
             children: V
           })]
-        }), U ? /* @__PURE__ */ o("li", {
+        }), U ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: ae
-        }) : m.length === 0 ? /* @__PURE__ */ o("li", {
+        }) : m.length === 0 ? /* @__PURE__ */ s("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: ie

package/package.json

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