asma-ui-core 3.108.2 → 3.108.4

package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js

@@ -1,53 +1,59 @@
-import { cn as s } from "../../../../helpers/cn.js";
-import { firstTabbable as A } from "../../../../helpers/focusable.js";
+import { cn as a } from "../../../../helpers/cn.js";
+import { firstTabbable as O } from "../../../../helpers/focusable.js";
 import { StyledTooltip as te } from "../../../data-display/tooltip/StyledTooltip.js";
-import { DialogBusyContext as $, useDialogBusyBoundary as ie } from "../../dialog/DialogBusyContext.js";
+import { DialogBusyContext as A, useDialogBusyBoundary as ie } from "../../dialog/DialogBusyContext.js";
 import { useMobileMediaQuery as le } from "../../../../hooks/useMediaQuery.hook.js";
-import { useFocusTrap as ne } from "../../../../hooks/useFocusTrap.hook.js";
-import { CloseBtn as O } from "../components/CloseBtn.js";
-import { MinimizeBtn as V } from "../components/MinimizeBtn.js";
-import { FullScreenBtn as oe } from "../components/FullscreenBtn.js";
-import v from "./MinimizableDialogV2.module.js";
-import { useTranslations as re } from "./useTranslations.js";
-import { useControlledProps as se } from "./useControlledProps.js";
-import ce from "clsx";
-import { useId as q, useLayoutEffect as H, useRef as c } from "react";
-import { Fragment as ae, jsx as e, jsxs as n } from "react/jsx-runtime";
-var Se = (N) => {
-  const { showCloseIcon: R = !0, showMinimizeIcon: L = !0, showExpandIcon: W = !0, enableFullscreen: _ = !0, title: u, label: f, children: Q, open: o, onClose: U, classNameOverrides: h = {
+import { OverlayBackOwnerContext as ne, useBackCloses as oe } from "../../../../hooks/useBackCloses.hook.js";
+import { useFocusTrap as re } from "../../../../hooks/useFocusTrap.hook.js";
+import { CloseBtn as $ } from "../components/CloseBtn.js";
+import { MinimizeBtn as q } from "../components/MinimizeBtn.js";
+import { FullScreenBtn as se } from "../components/FullscreenBtn.js";
+import h from "./MinimizableDialogV2.module.js";
+import { useTranslations as ce } from "./useTranslations.js";
+import { useControlledProps as ae } from "./useControlledProps.js";
+import de from "clsx";
+import { useId as V, useLayoutEffect as H, useRef as d } from "react";
+import { Fragment as me, jsx as e, jsxs as r } from "react/jsx-runtime";
+var Te = (C) => {
+  const { showCloseIcon: R = !0, showMinimizeIcon: L = !0, showExpandIcon: W = !0, enableFullscreen: _ = !0, title: u, label: f, children: Q, open: i, onClose: U, classNameOverrides: b = {
     maximized: "",
     minimized: "",
     fullscreen: ""
-  }, dataTest: G, actionNode: J, locale: K = "en", busyReason: X, style: C, initialFocusRef: S } = N, r = le(), i = re(K), a = c(null), p = c(null), F = c(null), T = c(null), b = c(!1), g = c(null), x = q(), I = q(), { minimized: t, setMinimized: M, fullScreen: l, setFullScreen: B } = se(N), d = l && !t, { busy: y, busyReason: E, contextValue: j } = ie(X ?? i.waitUntilSaved), z = () => {
-    y || (M(!1), U());
+  }, dataTest: G, actionNode: J, locale: K = "en", busyReason: X, style: N, initialFocusRef: S } = C, s = le(), l = ce(K), n = d(null), p = d(null), F = d(null), B = d(null), g = d(!1), y = d(null), x = V(), T = V(), { minimized: t, setMinimized: I, fullScreen: o, setFullScreen: M } = ae(C), c = o && !t, { busy: z, busyReason: k, contextValue: E } = ie(X ?? l.waitUntilSaved), v = () => {
+    if (z) return !1;
+    I(!1), U();
   };
   H(() => {
-    a.current?.toggleAttribute("inert", t), p.current?.toggleAttribute("inert", !t);
+    n.current?.toggleAttribute("inert", t), p.current?.toggleAttribute("inert", !t);
   }, [t]), H(() => {
-    const w = o && !b.current, m = !o && b.current;
-    if (b.current = o, m) {
-      const P = g.current;
-      g.current = null, (!document.activeElement || document.activeElement === document.body) && P?.isConnected && P.focus({ preventScroll: !0 });
+    const w = i && !g.current, m = !i && g.current;
+    if (g.current = i, m) {
+      const D = y.current;
+      y.current = null, (!document.activeElement || document.activeElement === document.body) && D?.isConnected && D.focus({ preventScroll: !0 });
       return;
     }
     if (!w) return;
-    g.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    const D = t ? p.current : a.current, ee = t ? T.current : F.current;
-    (S?.current ?? ee ?? (D ? A(D) : void 0))?.focus({ preventScroll: !0 });
+    y.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const P = t ? p.current : n.current, ee = t ? B.current : F.current;
+    (S?.current ?? ee ?? (P ? O(P) : void 0))?.focus({ preventScroll: !0 });
   }, [
     S,
     t,
-    o
+    i
   ]);
-  const k = () => {
-    const w = t ? a : p;
-    M(!t), requestAnimationFrame(() => {
+  const j = () => {
+    const w = t ? n : p;
+    I(!t), requestAnimationFrame(() => {
       const m = w.current;
-      m && (m.querySelector('[data-testid="toggle-minimize-btn"]') ?? A(m))?.focus({ preventScroll: !0 });
+      m && (m.querySelector('[data-testid="toggle-minimize-btn"]') ?? O(m))?.focus({ preventScroll: !0 });
     });
   };
-  ne(o && d, a, z);
-  const Y = d ? r ? {
+  re(i && c, n, v), oe({
+    active: i && c,
+    requestClose: v,
+    ownerRef: n
+  });
+  const Y = c ? s ? {
     inset: 0,
     maxHeight: "100dvh",
     maxWidth: "100dvw",
@@ -64,18 +70,18 @@ var Se = (N) => {
     maxWidth: "min(1000px, calc(100vw - 32px))",
     height: "95dvh"
   } : void 0;
-  if (!o) return null;
-  const Z = f ? `${I} ${x}` : x;
-  return /* @__PURE__ */ n(ae, { children: [
+  if (!i) return null;
+  const Z = f ? `${T} ${x}` : x;
+  return /* @__PURE__ */ r(me, { children: [
     /* @__PURE__ */ e("div", {
       ref: p,
       style: {
         zIndex: 51,
-        ...C
+        ...N
       },
-      className: s(v["minimized-dialog"], !t && v.hidden, h.minimized),
-      children: /* @__PURE__ */ n("div", {
-        className: ce("flex items-center justify-between", !t && "hidden"),
+      className: a(h["minimized-dialog"], !t && h.hidden, b.minimized),
+      children: /* @__PURE__ */ r("div", {
+        className: de("flex items-center justify-between", !t && "hidden"),
         "data-testid": G,
         children: [/* @__PURE__ */ e("div", {
           className: "max-w-[303px] truncate pr-1 text-lg font-semibold text-delta-800",
@@ -87,97 +93,100 @@ var Se = (N) => {
               children: u
             })
           })
-        }), /* @__PURE__ */ n("div", {
+        }), /* @__PURE__ */ r("div", {
           className: "flex items-center gap-x-1",
-          children: [/* @__PURE__ */ e(V, {
+          children: [/* @__PURE__ */ e(q, {
             type: "expand",
             visibility: W,
-            onClick: k,
-            tooltipTitle: i.expand
-          }), /* @__PURE__ */ e(O, {
-            buttonRef: T,
+            onClick: j,
+            tooltipTitle: l.expand
+          }), /* @__PURE__ */ e($, {
+            buttonRef: B,
             showCloseIcon: R,
-            onClick: z,
-            disabledReason: y ? E : void 0,
-            tooltipTitle: i.close
+            onClick: v,
+            disabledReason: z ? k : void 0,
+            tooltipTitle: l.close
           })]
         })]
       })
     }),
-    d && /* @__PURE__ */ e("div", {
+    c && /* @__PURE__ */ e("div", {
       className: "fixed inset-0 z-[52] bg-[rgb(98,110,126)] bg-opacity-70",
       onClick: () => {
-        B(!1);
+        M(!1);
       }
     }),
-    /* @__PURE__ */ n("div", {
+    /* @__PURE__ */ e("div", {
       style: {
         zIndex: 51,
-        ...C,
+        ...N,
         ...Y
       },
-      ref: a,
+      ref: n,
       role: "dialog",
-      "aria-modal": d ? !0 : void 0,
+      "aria-modal": c ? !0 : void 0,
       "aria-labelledby": Z,
-      className: s(v.dialog, t && v.hidden, !l && h.maximized, l && h.fullscreen, d && "fixed z-[53] duration-0"),
-      children: [/* @__PURE__ */ n("div", {
-        className: s("flex flex-col border-b-[1px] border-delta-200 px-4", r ? "py-3" : "py-4"),
-        children: [/* @__PURE__ */ n("div", {
-          className: "flex items-center justify-between",
-          children: [f ? /* @__PURE__ */ e("div", {
-            id: I,
-            className: "text-sm text-delta-700",
-            children: f
-          }) : /* @__PURE__ */ e("div", {
+      className: a(h.dialog, t && h.hidden, !o && b.maximized, o && b.fullscreen, c && "fixed z-[53] duration-0"),
+      children: /* @__PURE__ */ r(ne.Provider, {
+        value: n,
+        children: [/* @__PURE__ */ r("div", {
+          className: a("flex flex-col border-b-[1px] border-delta-200 px-4", s ? "py-3" : "py-4"),
+          children: [/* @__PURE__ */ r("div", {
+            className: "flex items-center justify-between",
+            children: [f ? /* @__PURE__ */ e("div", {
+              id: T,
+              className: "text-sm text-delta-700",
+              children: f
+            }) : /* @__PURE__ */ e("div", {
+              id: x,
+              className: a("font-semibold text-delta-800", s ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+              children: u
+            }), /* @__PURE__ */ r("div", {
+              className: "flex items-center gap-x-1",
+              children: [
+                /* @__PURE__ */ e(A.Provider, {
+                  value: E,
+                  children: J
+                }),
+                /* @__PURE__ */ e(q, {
+                  visibility: L && !s && !o,
+                  type: "minimize",
+                  onClick: j,
+                  tooltipTitle: l.minimize
+                }),
+                /* @__PURE__ */ e(se, {
+                  showFullScreenIcon: _ && !s,
+                  fullScreen: o,
+                  onClick: () => {
+                    M(!o);
+                  },
+                  tooltipTitle: o ? l.exitFullscreen : l.fullscreen
+                }),
+                /* @__PURE__ */ e($, {
+                  buttonRef: F,
+                  showCloseIcon: R,
+                  onClick: v,
+                  disabledReason: z ? k : void 0,
+                  tooltipTitle: l.close
+                })
+              ]
+            })]
+          }), f && /* @__PURE__ */ e("div", {
             id: x,
-            className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+            className: a("font-semibold text-delta-800", s ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
             children: u
-          }), /* @__PURE__ */ n("div", {
-            className: "flex items-center gap-x-1",
-            children: [
-              /* @__PURE__ */ e($.Provider, {
-                value: j,
-                children: J
-              }),
-              /* @__PURE__ */ e(V, {
-                visibility: L && !r && !l,
-                type: "minimize",
-                onClick: k,
-                tooltipTitle: i.minimize
-              }),
-              /* @__PURE__ */ e(oe, {
-                showFullScreenIcon: _ && !r,
-                fullScreen: l,
-                onClick: () => {
-                  B(!l);
-                },
-                tooltipTitle: l ? i.exitFullscreen : i.fullscreen
-              }),
-              /* @__PURE__ */ e(O, {
-                buttonRef: F,
-                showCloseIcon: R,
-                onClick: z,
-                disabledReason: y ? E : void 0,
-                tooltipTitle: i.close
-              })
-            ]
           })]
-        }), f && /* @__PURE__ */ e("div", {
-          id: x,
-          className: s("font-semibold text-delta-800", r ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
-          children: u
+        }), /* @__PURE__ */ e("div", {
+          className: a(t && "hidden", "flex flex-grow flex-col overflow-y-auto overscroll-contain"),
+          children: /* @__PURE__ */ e(A.Provider, {
+            value: E,
+            children: Q
+          })
         })]
-      }), /* @__PURE__ */ e("div", {
-        className: s(t && "hidden", "flex flex-grow flex-col overflow-y-auto overscroll-contain"),
-        children: /* @__PURE__ */ e($.Provider, {
-          value: j,
-          children: Q
-        })
-      })]
+      })
     })
   ] });
 };
 export {
-  Se as MinimizableDialogV2
+  Te as MinimizableDialogV2
 };

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

@@ -3,46 +3,52 @@ import { resolveSx as je } from "../../../helpers/sx.js";
 import { TOP_LAYER_PROPS as Ue, TOP_LAYER_RESET_STYLE as Ve, getOpenModalDialogAncestor as re, shouldUsePopoverTopLayer as qe, useTopLayerRef as Ye } from "../../../hooks/useTopLayer.hook.js";
 import { ChevronDownIcon as ze } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as Ke } from "../../icons/close-icon/CloseIcon.js";
-import { HelperRow as We } from "../../../helpers/HelperRow.js";
-import { useHelperRowBudget as Ge } from "../../../helpers/useHelperRowBudget.js";
-import { useHelperSlot as Je } from "../../../helpers/useHelperSlot.js";
-import { outlineClass as Qe } from "../field-styles.js";
-import { useFormControlContext as Xe } from "../../miscellaneous/FormControlContext.js";
-import { Children as se, cloneElement as Ze, isValidElement as f, useEffect as B, useId as et, useRef as tt, useState as x } from "react";
+import { useBackCloses as We } from "../../../hooks/useBackCloses.hook.js";
+import { HelperRow as Ge } from "../../../helpers/HelperRow.js";
+import { useHelperRowBudget as Je } from "../../../helpers/useHelperRowBudget.js";
+import { useHelperSlot as Qe } from "../../../helpers/useHelperSlot.js";
+import { outlineClass as Xe } from "../field-styles.js";
+import { useFormControlContext as Ze } from "../../miscellaneous/FormControlContext.js";
+import { Children as se, cloneElement as et, isValidElement as p, useEffect as H, useId as tt, useRef as ot, 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: d, renderValue: V, fullWidth: ue, className: fe, style: pe, sx: me, variant: ge, children: q, MenuProps: be, onFocus: ye, onBlur: he, labelId: v }) => {
-  const u = Xe(), A = `${T}-listbox`, R = ge === "standard", p = le ?? u?.error ?? !1, n = de ?? u?.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, g] = 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, b = se.toArray(q), G = (e) => d ? Array.isArray(o) && o.includes(e) : e === o, s = b.flatMap((e, t) => f(e) && !e.props.disabled ? [t] : []), _ = b.findIndex((e) => f(e) && G(e.props.value)), ke = (e = 1) => s.includes(_) ? _ : s[e === 1 ? 0 : s.length - 1] ?? null, D = m === null ? void 0 : `${A}-option-${m}`, E = tt(null), y = (e) => {
-    K(e), e || g(null);
-  }, { refs: { domReference: De, reference: J, setFloating: Se, setReference: Ce }, floatingStyles: Fe, context: P } = dt({
+import { FloatingPortal as rt, autoUpdate as st, flip as nt, offset as lt, shift as it, size as at, useClick as ct, useDismiss as dt, useFloating as ut, useInteractions as ft, useMergeRefs as pt, useRole as mt } from "@floating-ui/react";
+var It = ({ 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: d, renderValue: V, fullWidth: ue, className: fe, style: pe, sx: me, variant: ge, children: q, MenuProps: be, onFocus: ye, onBlur: he, labelId: v }) => {
+  const u = Ze(), A = `${T}-listbox`, R = ge === "standard", m = le ?? u?.error ?? !1, n = de ?? u?.disabled ?? !1, Y = m ? ie ?? j : j, { show: F, role: xe } = Qe("StyledSelect", m, Y, ae, c), z = tt(), { fieldRef: we, rowRef: ve, rowStyle: Ae } = Je(ce && F), [r, K] = x(!1), [k, I] = x(!1), [g, 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, y = se.toArray(q), G = (e) => d ? Array.isArray(o) && o.includes(e) : e === o, s = y.flatMap((e, t) => p(e) && !e.props.disabled ? [t] : []), _ = y.findIndex((e) => p(e) && G(e.props.value)), ke = (e = 1) => s.includes(_) ? _ : s[e === 1 ? 0 : s.length - 1] ?? null, D = g === null ? void 0 : `${A}-option-${g}`, E = ot(null), f = (e) => {
+    K(e), e || b(null);
+  }, { refs: { domReference: De, reference: J, setFloating: Se, setReference: Ce }, floatingStyles: Fe, context: P } = ut({
     open: r,
-    onOpenChange: y,
+    onOpenChange: f,
     placement: "bottom-start",
     strategy: "fixed",
-    whileElementsMounted: rt,
+    whileElementsMounted: st,
     middleware: [
-      nt(0),
-      st({ padding: 8 }),
-      lt({ padding: 8 }),
-      it({ apply({ rects: e, elements: t }) {
+      lt(0),
+      nt({ padding: 8 }),
+      it({ padding: 8 }),
+      at({ apply({ rects: e, elements: t }) {
         t.floating.style.minWidth = `${e.reference.width}px`;
       } })
     ]
-  }), { getReferenceProps: Ie, getFloatingProps: Oe } = ut([
-    at(P, { enabled: !n && !c }),
-    ct(P),
-    pt(P, { role: "listbox" })
-  ]), [Q, X] = x(), N = qe(Q), _e = ft([Ye(Se, N), E]);
-  B(() => u?.setFocused(r || k), [
+  }), { getReferenceProps: Ie, getFloatingProps: Oe } = ft([
+    ct(P, { enabled: !n && !c }),
+    dt(P),
+    mt(P, { role: "listbox" })
+  ]);
+  We({
+    active: r,
+    requestClose: () => f(!1)
+  });
+  const [Q, X] = x(), N = qe(Q), _e = pt([Ye(Se, N), E]);
+  H(() => u?.setFocused(r || k), [
     r,
     k,
     u
-  ]), B(() => u?.setFilled(i || !!S || !!C), [
+  ]), H(() => u?.setFilled(i || !!S || !!C), [
     i,
     S,
     C,
     u
-  ]), B(() => {
+  ]), H(() => {
     if (!r) return;
     const e = requestAnimationFrame(() => {
       const t = D ? document.getElementById(D) : E.current?.querySelector('[role="option"][aria-selected="true"]');
@@ -55,37 +61,37 @@ 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 && (f(!1), requestAnimationFrame(() => De.current?.focus()));
   }, ee = () => {
     const e = d ? [] : "";
     O || W(e), $?.({ target: {
       value: e,
       name: w
-    } }, null), y(!1), I(!1);
+    } }, null), f(!1), I(!1);
   }, Ee = se.map(q, (e, t) => {
-    if (!f(e)) return e;
+    if (!p(e)) return e;
     const a = e.props.value;
-    return Ze(e, {
+    return et(e, {
       id: `${A}-option-${t}`,
-      active: t === m,
+      active: t === g,
       selected: G(a),
       onClick: () => {
-        g(null), Z(a, e.props.children);
+        b(null), Z(a, e.props.children);
       }
     });
-  }), Pe = b.find((e) => f(e) && e.props.value === o), Ne = V ? V(o) : d && Array.isArray(o) ? b.filter((e) => f(e) && o.includes(e.props.value)).map((e) => {
+  }), Pe = y.find((e) => p(e) && e.props.value === o), Ne = V ? V(o) : d && Array.isArray(o) ? y.filter((e) => p(e) && o.includes(e.props.value)).map((e) => {
     const t = e.props.children;
     return typeof t == "string" || typeof t == "number" ? String(t) : "";
-  }).join(", ") : Pe?.props.children, He = (e) => {
-    s.length !== 0 && g((t) => {
+  }).join(", ") : Pe?.props.children, Be = (e) => {
+    s.length !== 0 && b((t) => {
       const a = s.indexOf(t ?? _ ?? -1);
       return a === -1 ? s[e === 1 ? 0 : s.length - 1] ?? null : s[Math.min(Math.max(a + e, 0), s.length - 1)] ?? null;
     });
   }, te = (e) => {
-    const t = m === null ? void 0 : b[m];
-    !f(t) || t.props.disabled || Z(t.props.value, t.props.children, e);
-  }, Be = (e = 1) => {
-    X(re(J.current)), g(ke(e)), K(!0);
+    const t = g === null ? void 0 : y[g];
+    !p(t) || t.props.disabled || Z(t.props.value, t.props.children, e);
+  }, He = (e = 1) => {
+    X(re(J.current)), b(ke(e)), K(!0);
   }, Le = (e) => {
     if ((e.key === "Backspace" || e.key === "Delete") && U && i && !n && !c) {
       e.preventDefault(), ee();
@@ -93,12 +99,12 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
     }
     if (!(n || c)) {
       if (!r && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-        e.preventDefault(), Be(e.key === "ArrowDown" ? 1 : -1);
+        e.preventDefault(), He(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(), g(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(), Be(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(), f(!1)) : e.key === "Tab" && f(!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";
+  }, B = R && (r || k), Te = n ? "text-delta-300" : B ? "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),
@@ -123,7 +129,7 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
         "aria-activedescendant": r ? D : void 0,
         "aria-labelledby": v,
         "aria-label": v ? void 0 : w,
-        "aria-invalid": p ? !0 : void 0,
+        "aria-invalid": m ? !0 : void 0,
         "aria-describedby": F ? z : void 0,
         "aria-disabled": n ? !0 : void 0,
         disabled: n,
@@ -134,7 +140,7 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
           I(!1), he?.(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", "asma-touch-ready", H ? "bg-gama-50" : "bg-transparent", Te, R && "min-w-0", n && "cursor-not-allowed", c && "pointer-events-none"),
+        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", "asma-touch-ready", B ? "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"),
@@ -156,19 +162,19 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
             }), /* @__PURE__ */ l(ze, {
               width: 24,
               height: 24,
-              className: h("shrink-0 transition-transform", H ? "text-gama-500" : Me, r && "flip-180")
+              className: h("shrink-0 transition-transform", B ? "text-gama-500" : Me, r && "flip-180")
             })]
           }),
-          /* @__PURE__ */ l("div", { className: Qe({
+          /* @__PURE__ */ l("div", { className: Xe({
             focused: r || k,
-            error: p,
+            error: m,
             disabled: n,
             readOnly: c,
             borderless: R
           }) })
         ]
       }),
-      r && /* @__PURE__ */ l(ot, {
+      r && /* @__PURE__ */ l(rt, {
         root: Q,
         children: /* @__PURE__ */ l("ul", {
           ref: _e,
@@ -188,11 +194,11 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
           children: Ee
         })
       }),
-      F && /* @__PURE__ */ l(We, {
+      F && /* @__PURE__ */ l(Ge, {
         ref: ve,
         id: z,
         role: xe,
-        error: p,
+        error: m,
         message: Y,
         className: "m-0 mr-[14px] box-border items-center",
         style: Ae
@@ -201,5 +207,5 @@ var Ct = ({ dataTest: T, value: M, defaultValue: ne, onChange: $, error: le, err
   });
 };
 export {
-  Ct as StyledSelect
+  It as StyledSelect
 };