ics-ui-kit 0.1.19 → 1.0.0-alpha.1

package/dist/{Select-D9juHX8o.js → Select-DO02vXt3.js}

@@ -18,25 +18,24 @@ import { u as Ot } from "./index-BZPx6jYI.js";
 import { V as Dt } from "./index-Uiy0Xwy2.js";
 import { h as Lt } from "./index-BjtNfqNq.js";
 import { T as Y } from "./index-BVqs-uqP.js";
-import { u as Bt } from "./usePortalContainer-BAIp0kSF.js";
-import { m as kt } from "./MenuItem-d19Ty84F.js";
-import { I as Vt } from "./Icon-DH3ev9GK.js";
-import { C as Ht } from "./circle-x-u75Rx3Tj.js";
+import { m as Bt } from "./MenuItem-C51uFz3V.js";
+import { I as kt } from "./Icon-DH3ev9GK.js";
+import { C as Vt } from "./circle-x-u75Rx3Tj.js";
 import { C as De } from "./chevron-down-CAOItu8X.js";
-import { C as Ut } from "./check-CeyaOoZv.js";
-import { C as Wt } from "./chevron-up-UDiVTHo0.js";
-var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Select", [de, pe, $t] = yt(ee), [re, rr] = bt(ee, [
-  $t,
+import { C as Ht } from "./check-CeyaOoZv.js";
+import { C as Ut } from "./chevron-up-UDiVTHo0.js";
+var Wt = [" ", "Enter", "ArrowUp", "ArrowDown"], Ft = [" ", "Enter"], ee = "Select", [de, pe, Kt] = yt(ee), [re, tr] = bt(ee, [
+  Kt,
   Oe
-]), ue = Oe(), [Gt, q] = re(ee), [jt, zt] = re(ee), Le = (t) => {
+]), ue = Oe(), [$t, q] = re(ee), [Gt, jt] = re(ee), Le = (t) => {
   const {
     __scopeSelect: r,
     children: e,
     open: n,
-    defaultOpen: l,
+    defaultOpen: a,
     onOpenChange: d,
     value: s,
-    defaultValue: a,
+    defaultValue: l,
     onValueChange: i,
     dir: f,
     name: g,
@@ -46,17 +45,17 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Sele
     form: x
   } = t, p = ue(r), [h, S] = o.useState(null), [m, v] = o.useState(null), [F, A] = o.useState(!1), ne = xt(f), [R, D] = Me({
     prop: n,
-    defaultProp: l ?? !1,
+    defaultProp: a ?? !1,
     onChange: d,
     caller: ee
   }), [K, Z] = Me({
     prop: s,
-    defaultProp: a,
+    defaultProp: l,
     onChange: i,
     caller: ee
   }), k = o.useRef(null), V = h ? x || !!h.closest("form") : !0, [$, H] = o.useState(/* @__PURE__ */ new Set()), U = Array.from($).map((E) => E.props.value).join(";");
   return /* @__PURE__ */ c(Rt, { ...p, children: /* @__PURE__ */ j(
-    Gt,
+    $t,
     {
       required: I,
       scope: r,
@@ -76,7 +75,7 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Sele
       disabled: P,
       children: [
         /* @__PURE__ */ c(de.Provider, { scope: r, children: /* @__PURE__ */ c(
-          jt,
+          Gt,
           {
             scope: t.__scopeSelect,
             onNativeOptionAdd: o.useCallback((E) => {
@@ -117,11 +116,11 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], ee = "Sele
 Le.displayName = ee;
 var Be = "SelectTrigger", ke = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, disabled: n = !1, ...l } = t, d = ue(e), s = q(Be, e), a = s.disabled || n, i = B(r, s.onTriggerChange), f = pe(e), g = o.useRef("touch"), [y, P, I] = ct((p) => {
+    const { __scopeSelect: e, disabled: n = !1, ...a } = t, d = ue(e), s = q(Be, e), l = s.disabled || n, i = B(r, s.onTriggerChange), f = pe(e), g = o.useRef("touch"), [y, P, I] = ct((p) => {
       const h = f().filter((v) => !v.disabled), S = h.find((v) => v.value === s.value), m = it(h, p, S);
       m !== void 0 && s.onValueChange(m.value);
     }), x = (p) => {
-      a || (s.onOpenChange(!0), I()), p && (s.triggerPointerDownPosRef.current = {
+      l || (s.onOpenChange(!0), I()), p && (s.triggerPointerDownPosRef.current = {
         x: Math.round(p.pageX),
         y: Math.round(p.pageY)
       });
@@ -137,22 +136,22 @@ var Be = "SelectTrigger", ke = o.forwardRef(
         "aria-autocomplete": "none",
         dir: s.dir,
         "data-state": s.open ? "open" : "closed",
-        disabled: a,
-        "data-disabled": a ? "" : void 0,
+        disabled: l,
+        "data-disabled": l ? "" : void 0,
         "data-placeholder": lt(s.value) ? "" : void 0,
-        ...l,
+        ...a,
         ref: i,
-        onClick: N(l.onClick, (p) => {
+        onClick: N(a.onClick, (p) => {
           p.currentTarget.focus(), g.current !== "mouse" && x(p);
         }),
-        onPointerDown: N(l.onPointerDown, (p) => {
+        onPointerDown: N(a.onPointerDown, (p) => {
           g.current = p.pointerType;
           const h = p.target;
           h.hasPointerCapture(p.pointerId) && h.releasePointerCapture(p.pointerId), p.button === 0 && p.ctrlKey === !1 && p.pointerType === "mouse" && (x(p), p.preventDefault());
         }),
-        onKeyDown: N(l.onKeyDown, (p) => {
+        onKeyDown: N(a.onKeyDown, (p) => {
           const h = y.current !== "";
-          !(p.ctrlKey || p.altKey || p.metaKey) && p.key.length === 1 && P(p.key), !(h && p.key === " ") && Ft.includes(p.key) && (x(), p.preventDefault());
+          !(p.ctrlKey || p.altKey || p.metaKey) && p.key.length === 1 && P(p.key), !(h && p.key === " ") && Wt.includes(p.key) && (x(), p.preventDefault());
         })
       }
     ) });
@@ -161,13 +160,13 @@ var Be = "SelectTrigger", ke = o.forwardRef(
 ke.displayName = Be;
 var Ve = "SelectValue", He = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, className: n, style: l, children: d, placeholder: s = "", ...a } = t, i = q(Ve, e), { onValueNodeHasChildrenChange: f } = i, g = d !== void 0, y = B(r, i.onValueNodeChange);
+    const { __scopeSelect: e, className: n, style: a, children: d, placeholder: s = "", ...l } = t, i = q(Ve, e), { onValueNodeHasChildrenChange: f } = i, g = d !== void 0, y = B(r, i.onValueNodeChange);
     return z(() => {
       f(g);
     }, [f, g]), /* @__PURE__ */ c(
       M.span,
       {
-        ...a,
+        ...l,
         ref: y,
         style: { pointerEvents: "none" },
         children: lt(i.value) ? /* @__PURE__ */ c(Ie, { children: s }) : d
@@ -176,20 +175,20 @@ var Ve = "SelectValue", He = o.forwardRef(
   }
 );
 He.displayName = Ve;
-var Yt = "SelectIcon", Ue = o.forwardRef(
+var zt = "SelectIcon", Ue = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, children: n, ...l } = t;
-    return /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...l, ref: r, children: n || "▼" });
+    const { __scopeSelect: e, children: n, ...a } = t;
+    return /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...a, ref: r, children: n || "▼" });
   }
 );
-Ue.displayName = Yt;
-var qt = "SelectPortal", We = (t) => /* @__PURE__ */ c(Ct, { asChild: !0, ...t });
-We.displayName = qt;
+Ue.displayName = zt;
+var Yt = "SelectPortal", We = (t) => /* @__PURE__ */ c(Ct, { asChild: !0, ...t });
+We.displayName = Yt;
 var te = "SelectContent", Fe = o.forwardRef(
   (t, r) => {
-    const e = q(te, t.__scopeSelect), [n, l] = o.useState();
+    const e = q(te, t.__scopeSelect), [n, a] = o.useState();
     if (z(() => {
-      l(new DocumentFragment());
+      a(new DocumentFragment());
     }, []), !e.open) {
       const d = n;
       return d ? Ae.createPortal(
@@ -201,17 +200,17 @@ var te = "SelectContent", Fe = o.forwardRef(
   }
 );
 Fe.displayName = te;
-var O = 10, [Ke, X] = re(te), Xt = "SelectContentImpl", Zt = wt("SelectContent.RemoveScroll"), $e = o.forwardRef(
+var O = 10, [Ke, X] = re(te), qt = "SelectContentImpl", Xt = wt("SelectContent.RemoveScroll"), $e = o.forwardRef(
   (t, r) => {
     const {
       __scopeSelect: e,
       position: n = "item-aligned",
-      onCloseAutoFocus: l,
+      onCloseAutoFocus: a,
       onEscapeKeyDown: d,
       onPointerDownOutside: s,
       //
       // PopperContent props
-      side: a,
+      side: l,
       sideOffset: i,
       align: f,
       alignOffset: g,
@@ -281,7 +280,7 @@ var O = 10, [Ke, X] = re(te), Xt = "SelectContentImpl", Zt = wt("SelectContent.R
       },
       [m.value]
     ), ce = n === "popper" ? we : Ge, se = ce === we ? {
-      side: a,
+      side: l,
       sideOffset: i,
       align: f,
       alignOffset: g,
@@ -308,7 +307,7 @@ var O = 10, [Ke, X] = re(te), Xt = "SelectContentImpl", Zt = wt("SelectContent.R
         position: n,
         isPositioned: $,
         searchRef: fe,
-        children: /* @__PURE__ */ c(Nt, { as: Zt, allowPinchZoom: !0, children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ c(Nt, { as: Xt, allowPinchZoom: !0, children: /* @__PURE__ */ c(
           Pt,
           {
             asChild: !0,
@@ -316,7 +315,7 @@ var O = 10, [Ke, X] = re(te), Xt = "SelectContentImpl", Zt = wt("SelectContent.R
             onMountAutoFocus: (u) => {
               u.preventDefault();
             },
-            onUnmountAutoFocus: N(l, (u) => {
+            onUnmountAutoFocus: N(a, (u) => {
               m.trigger?.focus({ preventScroll: !0 }), u.preventDefault();
             }),
             children: /* @__PURE__ */ c(
@@ -369,10 +368,10 @@ var O = 10, [Ke, X] = re(te), Xt = "SelectContentImpl", Zt = wt("SelectContent.R
     );
   }
 );
-$e.displayName = Xt;
-var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
-  const { __scopeSelect: e, onPlaced: n, ...l } = t, d = q(te, e), s = X(te, e), [a, i] = o.useState(null), [f, g] = o.useState(null), y = B(r, (R) => g(R)), P = pe(e), I = o.useRef(!1), x = o.useRef(!0), { viewport: p, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = s, v = o.useCallback(() => {
-    if (d.trigger && d.valueNode && a && f && p && h && S) {
+$e.displayName = qt;
+var Zt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
+  const { __scopeSelect: e, onPlaced: n, ...a } = t, d = q(te, e), s = X(te, e), [l, i] = o.useState(null), [f, g] = o.useState(null), y = B(r, (R) => g(R)), P = pe(e), I = o.useRef(!1), x = o.useRef(!0), { viewport: p, selectedItem: h, selectedItemText: S, focusSelectedItem: m } = s, v = o.useCallback(() => {
+    if (d.trigger && d.valueNode && l && f && p && h && S) {
       const R = d.trigger.getBoundingClientRect(), D = f.getBoundingClientRect(), K = d.valueNode.getBoundingClientRect(), Z = S.getBoundingClientRect();
       if (d.dir !== "rtl") {
         const b = Z.left - D.left, T = K.left - b, J = R.left - T, Q = R.width + J, ve = Math.max(Q, D.width), ge = window.innerWidth - O, Se = _e(T, [
@@ -384,41 +383,41 @@ var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
           // https://github.com/radix-ui/primitives/issues/2049
           Math.max(O, ge - ve)
         ]);
-        a.style.minWidth = Q + "px", a.style.left = Se + "px";
+        l.style.minWidth = Q + "px", l.style.left = Se + "px";
       } else {
         const b = D.right - Z.right, T = window.innerWidth - K.right - b, J = window.innerWidth - R.right - T, Q = R.width + J, ve = Math.max(Q, D.width), ge = window.innerWidth - O, Se = _e(T, [
           O,
           Math.max(O, ge - ve)
         ]);
-        a.style.minWidth = Q + "px", a.style.right = Se + "px";
+        l.style.minWidth = Q + "px", l.style.right = Se + "px";
       }
       const k = P(), V = window.innerHeight - O * 2, $ = p.scrollHeight, H = window.getComputedStyle(f), U = parseInt(H.borderTopWidth, 10), E = parseInt(H.paddingTop, 10), L = parseInt(H.borderBottomWidth, 10), W = parseInt(H.paddingBottom, 10), G = U + E + $ + W + L, fe = Math.min(h.offsetHeight * 5, G), le = window.getComputedStyle(p), me = parseInt(le.paddingTop, 10), he = parseInt(le.paddingBottom, 10), oe = R.top + R.height / 2 - O, ce = V - oe, se = h.offsetHeight / 2, u = h.offsetTop + se, C = U + E + u, _ = G - C;
       if (C <= oe) {
         const b = k.length > 0 && h === k[k.length - 1].ref.current;
-        a.style.bottom = "0px";
+        l.style.bottom = "0px";
         const T = f.clientHeight - p.offsetTop - p.offsetHeight, J = Math.max(
           ce,
           se + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (b ? he : 0) + T + L
         ), Q = C + J;
-        a.style.height = Q + "px";
+        l.style.height = Q + "px";
       } else {
         const b = k.length > 0 && h === k[0].ref.current;
-        a.style.top = "0px";
+        l.style.top = "0px";
         const J = Math.max(
           oe,
           U + p.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (b ? me : 0) + se
         ) + _;
-        a.style.height = J + "px", p.scrollTop = C - oe + p.offsetTop;
+        l.style.height = J + "px", p.scrollTop = C - oe + p.offsetTop;
       }
-      a.style.margin = `${O}px 0`, a.style.minHeight = fe + "px", a.style.maxHeight = V + "px", n?.(), requestAnimationFrame(() => I.current = !0);
+      l.style.margin = `${O}px 0`, l.style.minHeight = fe + "px", l.style.maxHeight = V + "px", n?.(), requestAnimationFrame(() => I.current = !0);
     }
   }, [
     P,
     d.trigger,
     d.valueNode,
-    a,
+    l,
     f,
     p,
     h,
@@ -438,10 +437,10 @@ var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
     [v, m]
   );
   return /* @__PURE__ */ c(
-    eo,
+    Qt,
     {
       scope: e,
-      contentWrapper: a,
+      contentWrapper: l,
       shouldExpandOnScrollRef: I,
       onScrollButtonChange: ne,
       children: /* @__PURE__ */ c(
@@ -457,7 +456,7 @@ var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
           children: /* @__PURE__ */ c(
             M.div,
             {
-              ...l,
+              ...a,
               ref: y,
               style: {
                 // When we get the height of the content, it includes borders. If we were to set
@@ -465,7 +464,7 @@ var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
                 boxSizing: "border-box",
                 // We need to ensure the content doesn't get taller than the wrapper
                 maxHeight: "100%",
-                ...l.style
+                ...a.style
               }
             }
           )
@@ -474,12 +473,12 @@ var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
     }
   );
 });
-Ge.displayName = Jt;
-var Qt = "SelectPopperPosition", we = o.forwardRef((t, r) => {
+Ge.displayName = Zt;
+var Jt = "SelectPopperPosition", we = o.forwardRef((t, r) => {
   const {
     __scopeSelect: e,
     align: n = "start",
-    collisionPadding: l = O,
+    collisionPadding: a = O,
     ...d
   } = t, s = ue(e);
   return /* @__PURE__ */ c(
@@ -489,7 +488,7 @@ var Qt = "SelectPopperPosition", we = o.forwardRef((t, r) => {
       ...d,
       ref: r,
       align: n,
-      collisionPadding: l,
+      collisionPadding: a,
       style: {
         // Ensure border-box for floating-ui calculations
         boxSizing: "border-box",
@@ -503,10 +502,10 @@ var Qt = "SelectPopperPosition", we = o.forwardRef((t, r) => {
     }
   );
 });
-we.displayName = Qt;
-var [eo, Ne] = re(te, {}), ye = "SelectViewport", je = o.forwardRef(
+we.displayName = Jt;
+var [Qt, Ne] = re(te, {}), ye = "SelectViewport", je = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, nonce: n, ...l } = t, d = X(ye, e), s = Ne(ye, e), a = B(r, d.onViewportChange), i = o.useRef(0);
+    const { __scopeSelect: e, nonce: n, ...a } = t, d = X(ye, e), s = Ne(ye, e), l = B(r, d.onViewportChange), i = o.useRef(0);
     return /* @__PURE__ */ j(Ie, { children: [
       /* @__PURE__ */ c(
         "style",
@@ -522,8 +521,8 @@ var [eo, Ne] = re(te, {}), ye = "SelectViewport", je = o.forwardRef(
         {
           "data-radix-select-viewport": "",
           role: "presentation",
-          ...l,
-          ref: a,
+          ...a,
+          ref: l,
           style: {
             // we use position: 'relative' here on the `viewport` so that when we call
             // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
@@ -535,9 +534,9 @@ var [eo, Ne] = re(te, {}), ye = "SelectViewport", je = o.forwardRef(
             // revisit this if/when that is supported
             // https://developer.chrome.com/blog/vertical-form-controls
             overflow: "hidden auto",
-            ...l.style
+            ...a.style
           },
-          onScroll: N(l.onScroll, (f) => {
+          onScroll: N(a.onScroll, (f) => {
             const g = f.currentTarget, { contentWrapper: y, shouldExpandOnScrollRef: P } = s;
             if (P?.current && y) {
               const I = Math.abs(i.current - g.scrollTop);
@@ -557,44 +556,44 @@ var [eo, Ne] = re(te, {}), ye = "SelectViewport", je = o.forwardRef(
   }
 );
 je.displayName = ye;
-var ze = "SelectGroup", [to, oo] = re(ze), Ye = o.forwardRef(
+var ze = "SelectGroup", [eo, to] = re(ze), Ye = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...n } = t, l = Te();
-    return /* @__PURE__ */ c(to, { scope: e, id: l, children: /* @__PURE__ */ c(M.div, { role: "group", "aria-labelledby": l, ...n, ref: r }) });
+    const { __scopeSelect: e, ...n } = t, a = Te();
+    return /* @__PURE__ */ c(eo, { scope: e, id: a, children: /* @__PURE__ */ c(M.div, { role: "group", "aria-labelledby": a, ...n, ref: r }) });
   }
 );
 Ye.displayName = ze;
 var qe = "SelectLabel", Xe = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...n } = t, l = oo(qe, e);
-    return /* @__PURE__ */ c(M.div, { id: l.id, ...n, ref: r });
+    const { __scopeSelect: e, ...n } = t, a = to(qe, e);
+    return /* @__PURE__ */ c(M.div, { id: a.id, ...n, ref: r });
   }
 );
 Xe.displayName = qe;
-var ie = "SelectItem", [ro, Ze] = re(ie), Je = o.forwardRef(
+var ie = "SelectItem", [oo, Ze] = re(ie), Je = o.forwardRef(
   (t, r) => {
     const {
       __scopeSelect: e,
       value: n,
-      disabled: l = !1,
+      disabled: a = !1,
       textValue: d,
       ...s
-    } = t, a = q(ie, e), i = X(ie, e), f = a.value === n, [g, y] = o.useState(d ?? ""), [P, I] = o.useState(!1), x = B(
+    } = t, l = q(ie, e), i = X(ie, e), f = l.value === n, [g, y] = o.useState(d ?? ""), [P, I] = o.useState(!1), x = B(
       r,
-      (m) => i.itemRefCallback?.(m, n, l)
+      (m) => i.itemRefCallback?.(m, n, a)
     ), p = Te(), h = o.useRef("touch"), S = () => {
-      l || (a.onValueChange(n), a.onOpenChange(!1));
+      a || (l.onValueChange(n), l.onOpenChange(!1));
     };
     if (n === "")
       throw new Error(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
     return /* @__PURE__ */ c(
-      ro,
+      oo,
       {
         scope: e,
         value: n,
-        disabled: l,
+        disabled: a,
         textId: p,
         isSelected: f,
         onItemTextChange: o.useCallback((m) => {
@@ -605,7 +604,7 @@ var ie = "SelectItem", [ro, Ze] = re(ie), Je = o.forwardRef(
           {
             scope: e,
             value: n,
-            disabled: l,
+            disabled: a,
             textValue: g,
             children: /* @__PURE__ */ c(
               M.div,
@@ -615,9 +614,9 @@ var ie = "SelectItem", [ro, Ze] = re(ie), Je = o.forwardRef(
                 "data-highlighted": P ? "" : void 0,
                 "aria-selected": f && P,
                 "data-state": f ? "checked" : "unchecked",
-                "aria-disabled": l || void 0,
-                "data-disabled": l ? "" : void 0,
-                tabIndex: l ? void 0 : -1,
+                "aria-disabled": a || void 0,
+                "data-disabled": a ? "" : void 0,
+                tabIndex: a ? void 0 : -1,
                 ...s,
                 ref: x,
                 onFocus: N(s.onFocus, () => I(!0)),
@@ -632,13 +631,13 @@ var ie = "SelectItem", [ro, Ze] = re(ie), Je = o.forwardRef(
                   h.current = m.pointerType;
                 }),
                 onPointerMove: N(s.onPointerMove, (m) => {
-                  h.current = m.pointerType, l ? i.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
+                  h.current = m.pointerType, a ? i.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
                 }),
                 onPointerLeave: N(s.onPointerLeave, (m) => {
                   m.currentTarget === document.activeElement && i.onItemLeave?.();
                 }),
                 onKeyDown: N(s.onKeyDown, (m) => {
-                  i.searchRef?.current !== "" && m.key === " " || (Kt.includes(m.key) && S(), m.key === " " && m.preventDefault());
+                  i.searchRef?.current !== "" && m.key === " " || (Ft.includes(m.key) && S(), m.key === " " && m.preventDefault());
                 })
               }
             )
@@ -651,11 +650,11 @@ var ie = "SelectItem", [ro, Ze] = re(ie), Je = o.forwardRef(
 Je.displayName = ie;
 var ae = "SelectItemText", Qe = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, className: n, style: l, ...d } = t, s = q(ae, e), a = X(ae, e), i = Ze(ae, e), f = zt(ae, e), [g, y] = o.useState(null), P = B(
+    const { __scopeSelect: e, className: n, style: a, ...d } = t, s = q(ae, e), l = X(ae, e), i = Ze(ae, e), f = jt(ae, e), [g, y] = o.useState(null), P = B(
       r,
       (S) => y(S),
       i.onItemTextChange,
-      (S) => a.itemTextRefCallback?.(S, i.value, i.disabled)
+      (S) => l.itemTextRefCallback?.(S, i.value, i.disabled)
     ), I = g?.textContent, x = o.useMemo(
       () => /* @__PURE__ */ c("option", { value: i.value, disabled: i.disabled, children: I }, i.value),
       [i.disabled, i.value, I]
@@ -675,104 +674,104 @@ var et = "SelectItemIndicator", tt = o.forwardRef(
 );
 tt.displayName = et;
 var be = "SelectScrollUpButton", ot = o.forwardRef((t, r) => {
-  const e = X(be, t.__scopeSelect), n = Ne(be, t.__scopeSelect), [l, d] = o.useState(!1), s = B(r, n.onScrollButtonChange);
+  const e = X(be, t.__scopeSelect), n = Ne(be, t.__scopeSelect), [a, d] = o.useState(!1), s = B(r, n.onScrollButtonChange);
   return z(() => {
     if (e.viewport && e.isPositioned) {
-      let a = function() {
+      let l = function() {
         const f = i.scrollTop > 0;
         d(f);
       };
       const i = e.viewport;
-      return a(), i.addEventListener("scroll", a), () => i.removeEventListener("scroll", a);
+      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
     }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ c(
+  }, [e.viewport, e.isPositioned]), a ? /* @__PURE__ */ c(
     nt,
     {
       ...t,
       ref: s,
       onAutoScroll: () => {
-        const { viewport: a, selectedItem: i } = e;
-        a && i && (a.scrollTop = a.scrollTop - i.offsetHeight);
+        const { viewport: l, selectedItem: i } = e;
+        l && i && (l.scrollTop = l.scrollTop - i.offsetHeight);
       }
     }
   ) : null;
 });
 ot.displayName = be;
 var xe = "SelectScrollDownButton", rt = o.forwardRef((t, r) => {
-  const e = X(xe, t.__scopeSelect), n = Ne(xe, t.__scopeSelect), [l, d] = o.useState(!1), s = B(r, n.onScrollButtonChange);
+  const e = X(xe, t.__scopeSelect), n = Ne(xe, t.__scopeSelect), [a, d] = o.useState(!1), s = B(r, n.onScrollButtonChange);
   return z(() => {
     if (e.viewport && e.isPositioned) {
-      let a = function() {
+      let l = function() {
         const f = i.scrollHeight - i.clientHeight, g = Math.ceil(i.scrollTop) < f;
         d(g);
       };
       const i = e.viewport;
-      return a(), i.addEventListener("scroll", a), () => i.removeEventListener("scroll", a);
+      return l(), i.addEventListener("scroll", l), () => i.removeEventListener("scroll", l);
     }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ c(
+  }, [e.viewport, e.isPositioned]), a ? /* @__PURE__ */ c(
     nt,
     {
       ...t,
       ref: s,
       onAutoScroll: () => {
-        const { viewport: a, selectedItem: i } = e;
-        a && i && (a.scrollTop = a.scrollTop + i.offsetHeight);
+        const { viewport: l, selectedItem: i } = e;
+        l && i && (l.scrollTop = l.scrollTop + i.offsetHeight);
       }
     }
   ) : null;
 });
 rt.displayName = xe;
 var nt = o.forwardRef((t, r) => {
-  const { __scopeSelect: e, onAutoScroll: n, ...l } = t, d = X("SelectScrollButton", e), s = o.useRef(null), a = pe(e), i = o.useCallback(() => {
+  const { __scopeSelect: e, onAutoScroll: n, ...a } = t, d = X("SelectScrollButton", e), s = o.useRef(null), l = pe(e), i = o.useCallback(() => {
     s.current !== null && (window.clearInterval(s.current), s.current = null);
   }, []);
   return o.useEffect(() => () => i(), [i]), z(() => {
-    a().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [a]), /* @__PURE__ */ c(
+    l().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [l]), /* @__PURE__ */ c(
     M.div,
     {
       "aria-hidden": !0,
-      ...l,
+      ...a,
       ref: r,
-      style: { flexShrink: 0, ...l.style },
-      onPointerDown: N(l.onPointerDown, () => {
+      style: { flexShrink: 0, ...a.style },
+      onPointerDown: N(a.onPointerDown, () => {
         s.current === null && (s.current = window.setInterval(n, 50));
       }),
-      onPointerMove: N(l.onPointerMove, () => {
+      onPointerMove: N(a.onPointerMove, () => {
         d.onItemLeave?.(), s.current === null && (s.current = window.setInterval(n, 50));
       }),
-      onPointerLeave: N(l.onPointerLeave, () => {
+      onPointerLeave: N(a.onPointerLeave, () => {
         i();
       })
     }
   );
-}), no = "SelectSeparator", st = o.forwardRef(
+}), ro = "SelectSeparator", st = o.forwardRef(
   (t, r) => {
     const { __scopeSelect: e, ...n } = t;
     return /* @__PURE__ */ c(M.div, { "aria-hidden": !0, ...n, ref: r });
   }
 );
-st.displayName = no;
-var Ce = "SelectArrow", so = o.forwardRef(
+st.displayName = ro;
+var Ce = "SelectArrow", no = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...n } = t, l = ue(e), d = q(Ce, e), s = X(Ce, e);
-    return d.open && s.position === "popper" ? /* @__PURE__ */ c(Mt, { ...l, ...n, ref: r }) : null;
+    const { __scopeSelect: e, ...n } = t, a = ue(e), d = q(Ce, e), s = X(Ce, e);
+    return d.open && s.position === "popper" ? /* @__PURE__ */ c(Mt, { ...a, ...n, ref: r }) : null;
   }
 );
-so.displayName = Ce;
-var ao = "SelectBubbleInput", at = o.forwardRef(
+no.displayName = Ce;
+var so = "SelectBubbleInput", at = o.forwardRef(
   ({ __scopeSelect: t, value: r, ...e }, n) => {
-    const l = o.useRef(null), d = B(n, l), s = Ot(r);
+    const a = o.useRef(null), d = B(n, a), s = Ot(r);
     return o.useEffect(() => {
-      const a = l.current;
-      if (!a) return;
+      const l = a.current;
+      if (!l) return;
       const i = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
         i,
         "value"
       ).set;
       if (s !== r && g) {
         const y = new Event("change", { bubbles: !0 });
-        g.call(a, r), a.dispatchEvent(y);
+        g.call(l, r), l.dispatchEvent(y);
       }
     }, [s, r]), /* @__PURE__ */ c(
       M.select,
@@ -785,45 +784,45 @@ var ao = "SelectBubbleInput", at = o.forwardRef(
     );
   }
 );
-at.displayName = ao;
+at.displayName = so;
 function lt(t) {
   return t === "" || t === void 0;
 }
 function ct(t) {
-  const r = At(t), e = o.useRef(""), n = o.useRef(0), l = o.useCallback(
+  const r = At(t), e = o.useRef(""), n = o.useRef(0), a = o.useCallback(
     (s) => {
-      const a = e.current + s;
-      r(a), function i(f) {
+      const l = e.current + s;
+      r(l), function i(f) {
         e.current = f, window.clearTimeout(n.current), f !== "" && (n.current = window.setTimeout(() => i(""), 1e3));
-      }(a);
+      }(l);
     },
     [r]
   ), d = o.useCallback(() => {
     e.current = "", window.clearTimeout(n.current);
   }, []);
-  return o.useEffect(() => () => window.clearTimeout(n.current), []), [e, l, d];
+  return o.useEffect(() => () => window.clearTimeout(n.current), []), [e, a, d];
 }
 function it(t, r, e) {
-  const l = r.length > 1 && Array.from(r).every((f) => f === r[0]) ? r[0] : r, d = e ? t.indexOf(e) : -1;
-  let s = lo(t, Math.max(d, 0));
-  l.length === 1 && (s = s.filter((f) => f !== e));
+  const a = r.length > 1 && Array.from(r).every((f) => f === r[0]) ? r[0] : r, d = e ? t.indexOf(e) : -1;
+  let s = ao(t, Math.max(d, 0));
+  a.length === 1 && (s = s.filter((f) => f !== e));
   const i = s.find(
-    (f) => f.textValue.toLowerCase().startsWith(l.toLowerCase())
+    (f) => f.textValue.toLowerCase().startsWith(a.toLowerCase())
   );
   return i !== e ? i : void 0;
 }
-function lo(t, r) {
+function ao(t, r) {
   return t.map((e, n) => t[(r + n) % t.length]);
 }
-var co = Le, dt = ke, io = He, po = Ue, uo = We, pt = Fe, fo = je, mo = Ye, ut = Xe, Pe = Je, Re = Qe, Ee = tt, ft = ot, mt = rt, ht = st;
-const ho = Y({
+var lo = Le, dt = ke, co = He, io = Ue, po = We, pt = Fe, uo = je, fo = Ye, ut = Xe, Pe = Je, Re = Qe, Ee = tt, ft = ot, mt = rt, ht = st;
+const mo = Y({
   base: [
     "inline-flex aspect-square cursor-pointer select-none items-center justify-center overflow-hidden rounded-lg bg-transparent p-2.5 text-muted transition-all",
-    "hover:text-primary-fg focus-visible:shadow-focus focus-visible:outline-none"
+    "hover:text-primary-fg focus-visible:shadow-focus focus-visible:outline-hidden"
   ]
-}), vt = ({ className: t, icon: r = Ht, ...e }) => /* @__PURE__ */ c("span", { role: "button", tabIndex: 0, className: ho({ className: t }), ...e, children: /* @__PURE__ */ c(Vt, { icon: r }) });
+}), vt = ({ className: t, icon: r = Vt, ...e }) => /* @__PURE__ */ c("span", { role: "button", tabIndex: 0, className: mo({ className: t }), ...e, children: /* @__PURE__ */ c(kt, { icon: r }) });
 vt.displayName = "ClearButton";
-const vo = ({ onClear: t, ...r }) => /* @__PURE__ */ c(
+const ho = ({ onClear: t, ...r }) => /* @__PURE__ */ c(
   vt,
   {
     onPointerDown: (e) => {
@@ -837,9 +836,9 @@ const vo = ({ onClear: t, ...r }) => /* @__PURE__ */ c(
     },
     ...r
   }
-), nr = co, sr = mo, ar = io, go = Y({
+), or = lo, rr = fo, nr = co, vo = Y({
   base: [
-    "group flex h-10 w-full items-center whitespace-nowrap rounded-lg border border-secondary-border bg-secondary-bg py-2.5 pl-3 pr-2.5 font-sans shadow-soft-sm outline-none lg:h-9 lg:py-2",
+    "group flex h-10 w-full items-center whitespace-nowrap rounded-lg border border-secondary-border bg-secondary-bg py-2.5 pl-3 pr-2.5 font-sans shadow-soft-sm outline-hidden lg:h-9 lg:py-2",
     "text-sm text-primary-fg",
     "hover:border-primary-border",
     "focus-visible:rounded-lg focus-visible:border focus-visible:border-secondary-border focus-visible:bg-secondary-bg focus-visible:shadow-focus",
@@ -864,48 +863,48 @@ const vo = ({ onClear: t, ...r }) => /* @__PURE__ */ c(
       }
     }
   }
-}), So = o.forwardRef(
-  ({ className: t, children: r, onClear: e, disabled: n, invalid: l, ...d }, s) => {
-    const a = go({ invalid: l, disabled: n });
-    return /* @__PURE__ */ j(dt, { ref: s, className: a.base({ className: t }), disabled: n, ...d, children: [
+}), go = o.forwardRef(
+  ({ className: t, children: r, onClear: e, disabled: n, invalid: a, ...d }, s) => {
+    const l = vo({ invalid: a, disabled: n });
+    return /* @__PURE__ */ j(dt, { ref: s, className: l.base({ className: t }), disabled: n, ...d, children: [
       r,
-      /* @__PURE__ */ j("div", { className: a.iconWrapper(), children: [
+      /* @__PURE__ */ j("div", { className: l.iconWrapper(), children: [
         !n && e && /* @__PURE__ */ c(
-          vo,
+          ho,
           {
             onClear: e,
             className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100"
           }
         ),
-        /* @__PURE__ */ c(po, { asChild: !0, children: /* @__PURE__ */ c(De, { className: a.icon() }) })
+        /* @__PURE__ */ c(io, { asChild: !0, children: /* @__PURE__ */ c(De, { className: l.icon() }) })
       ] })
     ] });
   }
 );
-So.displayName = dt.displayName;
-const wo = Y({
+go.displayName = dt.displayName;
+const So = Y({
   base: ["flex cursor-default items-center justify-center py-1"],
   slots: {
     icon: "h-4 w-4"
   }
 }), gt = o.forwardRef(({ className: t, ...r }, e) => {
-  const n = wo();
-  return /* @__PURE__ */ c(ft, { ref: e, className: n.base({ className: t }), ...r, children: /* @__PURE__ */ c(Wt, { className: n.icon() }) });
+  const n = So();
+  return /* @__PURE__ */ c(ft, { ref: e, className: n.base({ className: t }), ...r, children: /* @__PURE__ */ c(Ut, { className: n.icon() }) });
 });
 gt.displayName = ft.displayName;
-const yo = Y({
+const wo = Y({
   base: ["flex cursor-default items-center justify-center py-1"],
   slots: {
     icon: "h-4 w-4"
   }
 }), St = o.forwardRef(({ className: t, ...r }, e) => {
-  const n = yo();
+  const n = wo();
   return /* @__PURE__ */ c(mt, { ref: e, className: n.base({ className: t }), ...r, children: /* @__PURE__ */ c(De, { className: n.icon() }) });
 });
 St.displayName = mt.displayName;
-const bo = Y({
+const yo = Y({
   base: [
-    "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg",
+    "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg",
     "border border-secondary-border bg-secondary-bg text-primary-fg shadow-soft-sm",
     "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
     "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
@@ -922,59 +921,59 @@ const bo = Y({
       "item-aligned": ""
     }
   }
-}), xo = o.forwardRef(({ className: t, children: r, position: e = "popper", portalContainer: n, ...l }, d) => {
-  const s = bo({ position: e }), a = Bt(n);
-  return /* @__PURE__ */ c(uo, { container: a, children: /* @__PURE__ */ j(pt, { ref: d, className: s.base({ className: t }), position: e, ...l, children: [
+}), bo = o.forwardRef(({ className: t, children: r, position: e = "popper", portalContainer: n, ...a }, d) => {
+  const s = yo({ position: e });
+  return /* @__PURE__ */ c(po, { container: n, children: /* @__PURE__ */ j(pt, { ref: d, className: s.base({ className: t }), position: e, ...a, children: [
     /* @__PURE__ */ c(gt, {}),
-    /* @__PURE__ */ c(fo, { className: s.viewport(), children: r }),
+    /* @__PURE__ */ c(uo, { className: s.viewport(), children: r }),
     /* @__PURE__ */ c(St, {})
   ] }) });
 });
-xo.displayName = pt.displayName;
-const Co = Y({
-  base: ["overflow-hidden overflow-ellipsis px-2 py-1.5 text-xs font-normal text-muted"]
-}), Io = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ c(ut, { ref: e, className: Co({ className: t }), ...r }));
-Io.displayName = ut.displayName;
-const To = Y({
-  extend: kt,
+bo.displayName = pt.displayName;
+const xo = Y({
+  base: ["overflow-hidden text-ellipsis px-2 py-1.5 text-xs font-normal text-muted"]
+}), Co = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ c(ut, { ref: e, className: xo({ className: t }), ...r }));
+Co.displayName = ut.displayName;
+const Io = Y({
+  extend: Bt,
   base: "",
   slots: {
     indicator: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
     indicatorIcon: "h-4 w-4"
   }
-}), No = o.forwardRef(({ className: t, children: r, disabled: e, ...n }, l) => {
-  const d = To({ disabled: e });
-  return /* @__PURE__ */ j(Pe, { ref: l, disabled: e, className: d.base({ className: t }), ...n, children: [
-    /* @__PURE__ */ c("span", { className: d.indicator(), children: /* @__PURE__ */ c(Ee, { children: /* @__PURE__ */ c(Ut, { className: d.indicatorIcon() }) }) }),
+}), To = o.forwardRef(({ className: t, children: r, disabled: e, ...n }, a) => {
+  const d = Io({ disabled: e });
+  return /* @__PURE__ */ j(Pe, { ref: a, disabled: e, className: d.base({ className: t }), ...n, children: [
+    /* @__PURE__ */ c("span", { className: d.indicator(), children: /* @__PURE__ */ c(Ee, { children: /* @__PURE__ */ c(Ht, { className: d.indicatorIcon() }) }) }),
     /* @__PURE__ */ c(Re, { children: r })
   ] });
 });
-No.displayName = Pe.displayName;
-const Po = Y({
+To.displayName = Pe.displayName;
+const No = Y({
   base: ["-mx-1 my-1 h-px bg-secondary-border"]
-}), Ro = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ c(ht, { ref: e, className: Po({ className: t }), ...r }));
-Ro.displayName = ht.displayName;
-const Eo = Pe;
-Eo.displayName = "SelectOption";
-const _o = Re;
-_o.displayName = Re.displayName;
-const Mo = Ee;
-Mo.displayName = Ee.displayName;
+}), Po = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ c(ht, { ref: e, className: No({ className: t }), ...r }));
+Po.displayName = ht.displayName;
+const Ro = Pe;
+Ro.displayName = "SelectOption";
+const Eo = Re;
+Eo.displayName = Re.displayName;
+const _o = Ee;
+_o.displayName = Ee.displayName;
 export {
-  nr as S,
-  sr as a,
-  ar as b,
-  So as c,
-  xo as d,
-  Io as e,
-  No as f,
-  Ro as g,
+  or as S,
+  rr as a,
+  nr as b,
+  go as c,
+  bo as d,
+  Co as e,
+  To as f,
+  Po as g,
   gt as h,
   St as i,
-  Eo as j,
-  _o as k,
-  Mo as l,
-  vo as m,
-  go as s
+  Ro as j,
+  Eo as k,
+  _o as l,
+  ho as m,
+  vo as s
 };
-//# sourceMappingURL=Select-D9juHX8o.js.map
+//# sourceMappingURL=Select-DO02vXt3.js.map