ics-ui-kit 0.1.0-alpha.47 → 0.1.0-alpha.49

package/dist/{Select-Bfrb-J8s.js → Select-CWbLja8r.js}

@@ -1,4 +1,4 @@
-import { jsx as c, jsxs as z, Fragment as Ie } from "react/jsx-runtime";
+import { jsx as i, jsxs as z, Fragment as Ie } from "react/jsx-runtime";
 import * as o from "react";
 import * as Ae from "react-dom";
 import { c as _e } from "./index-rKs9bXHr.js";
@@ -30,12 +30,12 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], Q = "Selec
   const {
     __scopeSelect: r,
     children: e,
-    open: a,
+    open: n,
     defaultOpen: l,
     onOpenChange: d,
-    value: n,
-    defaultValue: s,
-    onValueChange: i,
+    value: s,
+    defaultValue: a,
+    onValueChange: c,
     dir: f,
     name: g,
     autoComplete: y,
@@ -43,17 +43,17 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], Q = "Selec
     required: I,
     form: x
   } = t, p = ue(r), [h, S] = o.useState(null), [m, v] = o.useState(null), [F, A] = o.useState(!1), ne = wt(f), [R, O] = Me({
-    prop: a,
+    prop: n,
     defaultProp: l ?? !1,
     onChange: d,
     caller: Q
   }), [K, X] = Me({
-    prop: n,
-    defaultProp: s,
-    onChange: i,
+    prop: s,
+    defaultProp: a,
+    onChange: c,
     caller: Q
   }), 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(Et, { ...p, children: /* @__PURE__ */ z(
+  return /* @__PURE__ */ i(Et, { ...p, children: /* @__PURE__ */ z(
     Gt,
     {
       required: I,
@@ -73,7 +73,7 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], Q = "Selec
       triggerPointerDownPosRef: k,
       disabled: P,
       children: [
-        /* @__PURE__ */ c(de.Provider, { scope: r, children: /* @__PURE__ */ c(
+        /* @__PURE__ */ i(de.Provider, { scope: r, children: /* @__PURE__ */ i(
           zt,
           {
             scope: t.__scopeSelect,
@@ -102,7 +102,7 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], Q = "Selec
             disabled: P,
             form: x,
             children: [
-              K === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
+              K === void 0 ? /* @__PURE__ */ i("option", { value: "" }) : null,
               Array.from($)
             ]
           },
@@ -115,31 +115,31 @@ var Ft = [" ", "Enter", "ArrowUp", "ArrowDown"], Kt = [" ", "Enter"], Q = "Selec
 Le.displayName = Q;
 var Be = "SelectTrigger", ke = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, disabled: a = !1, ...l } = t, d = ue(e), n = Y(Be, e), s = n.disabled || a, i = B(r, n.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 === n.value), m = it(h, p, S);
-      m !== void 0 && n.onValueChange(m.value);
+    const { __scopeSelect: e, disabled: n = !1, ...l } = t, d = ue(e), s = Y(Be, e), a = s.disabled || n, c = 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) => {
-      s || (n.onOpenChange(!0), I()), p && (n.triggerPointerDownPosRef.current = {
+      a || (s.onOpenChange(!0), I()), p && (s.triggerPointerDownPosRef.current = {
         x: Math.round(p.pageX),
         y: Math.round(p.pageY)
       });
     };
-    return /* @__PURE__ */ c(_t, { asChild: !0, ...d, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ i(_t, { asChild: !0, ...d, children: /* @__PURE__ */ i(
       M.button,
       {
         type: "button",
         role: "combobox",
-        "aria-controls": n.contentId,
-        "aria-expanded": n.open,
-        "aria-required": n.required,
+        "aria-controls": s.contentId,
+        "aria-expanded": s.open,
+        "aria-required": s.required,
         "aria-autocomplete": "none",
-        dir: n.dir,
-        "data-state": n.open ? "open" : "closed",
-        disabled: s,
-        "data-disabled": s ? "" : void 0,
-        "data-placeholder": lt(n.value) ? "" : void 0,
+        dir: s.dir,
+        "data-state": s.open ? "open" : "closed",
+        disabled: a,
+        "data-disabled": a ? "" : void 0,
+        "data-placeholder": lt(s.value) ? "" : void 0,
         ...l,
-        ref: i,
+        ref: c,
         onClick: N(l.onClick, (p) => {
           p.currentTarget.focus(), g.current !== "mouse" && x(p);
         }),
@@ -159,16 +159,16 @@ var Be = "SelectTrigger", ke = o.forwardRef(
 ke.displayName = Be;
 var Ve = "SelectValue", He = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, className: a, style: l, children: d, placeholder: n = "", ...s } = t, i = Y(Ve, e), { onValueNodeHasChildrenChange: f } = i, g = d !== void 0, y = B(r, i.onValueNodeChange);
+    const { __scopeSelect: e, className: n, style: l, children: d, placeholder: s = "", ...a } = t, c = Y(Ve, e), { onValueNodeHasChildrenChange: f } = c, g = d !== void 0, y = B(r, c.onValueNodeChange);
     return j(() => {
       f(g);
-    }, [f, g]), /* @__PURE__ */ c(
+    }, [f, g]), /* @__PURE__ */ i(
       M.span,
       {
-        ...s,
+        ...a,
         ref: y,
         style: { pointerEvents: "none" },
-        children: lt(i.value) ? /* @__PURE__ */ c(Ie, { children: n }) : d
+        children: lt(c.value) ? /* @__PURE__ */ i(Ie, { children: s }) : d
       }
     );
   }
@@ -176,26 +176,26 @@ var Ve = "SelectValue", He = o.forwardRef(
 He.displayName = Ve;
 var Yt = "SelectIcon", Ue = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, children: a, ...l } = t;
-    return /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...l, ref: r, children: a || "▼" });
+    const { __scopeSelect: e, children: n, ...l } = t;
+    return /* @__PURE__ */ i(M.span, { "aria-hidden": !0, ...l, ref: r, children: n || "▼" });
   }
 );
 Ue.displayName = Yt;
-var qt = "SelectPortal", We = (t) => /* @__PURE__ */ c(Ct, { asChild: !0, ...t });
+var qt = "SelectPortal", We = (t) => /* @__PURE__ */ i(Ct, { asChild: !0, ...t });
 We.displayName = qt;
 var ee = "SelectContent", Fe = o.forwardRef(
   (t, r) => {
-    const e = Y(ee, t.__scopeSelect), [a, l] = o.useState();
+    const e = Y(ee, t.__scopeSelect), [n, l] = o.useState();
     if (j(() => {
       l(new DocumentFragment());
     }, []), !e.open) {
-      const d = a;
+      const d = n;
       return d ? Ae.createPortal(
-        /* @__PURE__ */ c(Ke, { scope: t.__scopeSelect, children: /* @__PURE__ */ c(de.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ c("div", { children: t.children }) }) }),
+        /* @__PURE__ */ i(Ke, { scope: t.__scopeSelect, children: /* @__PURE__ */ i(de.Slot, { scope: t.__scopeSelect, children: /* @__PURE__ */ i("div", { children: t.children }) }) }),
         d
       ) : null;
     }
-    return /* @__PURE__ */ c($e, { ...t, ref: r });
+    return /* @__PURE__ */ i($e, { ...t, ref: r });
   }
 );
 Fe.displayName = ee;
@@ -203,14 +203,14 @@ var D = 10, [Ke, q] = re(ee), Xt = "SelectContentImpl", Zt = bt("SelectContent.R
   (t, r) => {
     const {
       __scopeSelect: e,
-      position: a = "item-aligned",
+      position: n = "item-aligned",
       onCloseAutoFocus: l,
       onEscapeKeyDown: d,
-      onPointerDownOutside: n,
+      onPointerDownOutside: s,
       //
       // PopperContent props
-      side: s,
-      sideOffset: i,
+      side: a,
+      sideOffset: c,
       align: f,
       alignOffset: g,
       arrowPadding: y,
@@ -278,9 +278,9 @@ var D = 10, [Ke, q] = re(ee), Xt = "SelectContentImpl", Zt = bt("SelectContent.R
         (m.value !== void 0 && m.value === C || w) && k(u);
       },
       [m.value]
-    ), ce = a === "popper" ? we : Ge, se = ce === we ? {
-      side: s,
-      sideOffset: i,
+    ), ce = n === "popper" ? we : Ge, se = ce === we ? {
+      side: a,
+      sideOffset: c,
       align: f,
       alignOffset: g,
       arrowPadding: y,
@@ -290,7 +290,7 @@ var D = 10, [Ke, q] = re(ee), Xt = "SelectContentImpl", Zt = bt("SelectContent.R
       hideWhenDetached: p,
       avoidCollisions: h
     } : {};
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ i(
       Ke,
       {
         scope: e,
@@ -303,10 +303,10 @@ var D = 10, [Ke, q] = re(ee), Xt = "SelectContentImpl", Zt = bt("SelectContent.R
         itemTextRefCallback: oe,
         focusSelectedItem: L,
         selectedItemText: X,
-        position: a,
+        position: n,
         isPositioned: $,
         searchRef: fe,
-        children: /* @__PURE__ */ c(Pt, { as: Zt, allowPinchZoom: !0, children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ i(Pt, { as: Zt, allowPinchZoom: !0, children: /* @__PURE__ */ i(
           Rt,
           {
             asChild: !0,
@@ -317,16 +317,16 @@ var D = 10, [Ke, q] = re(ee), Xt = "SelectContentImpl", Zt = bt("SelectContent.R
             onUnmountAutoFocus: N(l, (u) => {
               m.trigger?.focus({ preventScroll: !0 }), u.preventDefault();
             }),
-            children: /* @__PURE__ */ c(
+            children: /* @__PURE__ */ i(
               It,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: d,
-                onPointerDownOutside: n,
+                onPointerDownOutside: s,
                 onFocusOutside: (u) => u.preventDefault(),
                 onDismiss: () => m.onOpenChange(!1),
-                children: /* @__PURE__ */ c(
+                children: /* @__PURE__ */ i(
                   ce,
                   {
                     role: "listbox",
@@ -369,8 +369,8 @@ var D = 10, [Ke, q] = re(ee), Xt = "SelectContentImpl", Zt = bt("SelectContent.R
 );
 $e.displayName = Xt;
 var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
-  const { __scopeSelect: e, onPlaced: a, ...l } = t, d = Y(ee, e), n = q(ee, e), [s, 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 } = n, v = o.useCallback(() => {
-    if (d.trigger && d.valueNode && s && f && p && h && S) {
+  const { __scopeSelect: e, onPlaced: n, ...l } = t, d = Y(ee, e), s = q(ee, e), [a, c] = 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) {
       const R = d.trigger.getBoundingClientRect(), O = f.getBoundingClientRect(), K = d.valueNode.getBoundingClientRect(), X = S.getBoundingClientRect();
       if (d.dir !== "rtl") {
         const b = X.left - O.left, T = K.left - b, Z = R.left - T, J = R.width + Z, ve = Math.max(J, O.width), ge = window.innerWidth - D, Se = _e(T, [
@@ -382,47 +382,47 @@ var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
           // https://github.com/radix-ui/primitives/issues/2049
           Math.max(D, ge - ve)
         ]);
-        s.style.minWidth = J + "px", s.style.left = Se + "px";
+        a.style.minWidth = J + "px", a.style.left = Se + "px";
       } else {
         const b = O.right - X.right, T = window.innerWidth - K.right - b, Z = window.innerWidth - R.right - T, J = R.width + Z, ve = Math.max(J, O.width), ge = window.innerWidth - D, Se = _e(T, [
           D,
           Math.max(D, ge - ve)
         ]);
-        s.style.minWidth = J + "px", s.style.right = Se + "px";
+        a.style.minWidth = J + "px", a.style.right = Se + "px";
       }
       const k = P(), V = window.innerHeight - D * 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 - D, 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;
-        s.style.bottom = "0px";
+        a.style.bottom = "0px";
         const T = f.clientHeight - p.offsetTop - p.offsetHeight, Z = Math.max(
           ce,
           se + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (b ? he : 0) + T + L
         ), J = C + Z;
-        s.style.height = J + "px";
+        a.style.height = J + "px";
       } else {
         const b = k.length > 0 && h === k[0].ref.current;
-        s.style.top = "0px";
+        a.style.top = "0px";
         const Z = Math.max(
           oe,
           U + p.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (b ? me : 0) + se
         ) + _;
-        s.style.height = Z + "px", p.scrollTop = C - oe + p.offsetTop;
+        a.style.height = Z + "px", p.scrollTop = C - oe + p.offsetTop;
       }
-      s.style.margin = `${D}px 0`, s.style.minHeight = fe + "px", s.style.maxHeight = V + "px", a?.(), requestAnimationFrame(() => I.current = !0);
+      a.style.margin = `${D}px 0`, a.style.minHeight = fe + "px", a.style.maxHeight = V + "px", n?.(), requestAnimationFrame(() => I.current = !0);
     }
   }, [
     P,
     d.trigger,
     d.valueNode,
-    s,
+    a,
     f,
     p,
     h,
     S,
     d.dir,
-    a
+    n
   ]);
   j(() => v(), [v]);
   const [F, A] = o.useState();
@@ -435,24 +435,24 @@ var Jt = "SelectItemAlignedPosition", Ge = o.forwardRef((t, r) => {
     },
     [v, m]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     eo,
     {
       scope: e,
-      contentWrapper: s,
+      contentWrapper: a,
       shouldExpandOnScrollRef: I,
       onScrollButtonChange: ne,
-      children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ i(
         "div",
         {
-          ref: i,
+          ref: c,
           style: {
             display: "flex",
             flexDirection: "column",
             position: "fixed",
             zIndex: F
           },
-          children: /* @__PURE__ */ c(
+          children: /* @__PURE__ */ i(
             M.div,
             {
               ...l,
@@ -476,17 +476,17 @@ Ge.displayName = Jt;
 var Qt = "SelectPopperPosition", we = o.forwardRef((t, r) => {
   const {
     __scopeSelect: e,
-    align: a = "start",
+    align: n = "start",
     collisionPadding: l = D,
     ...d
-  } = t, n = ue(e);
-  return /* @__PURE__ */ c(
+  } = t, s = ue(e);
+  return /* @__PURE__ */ i(
     Mt,
     {
-      ...n,
+      ...s,
       ...d,
       ref: r,
-      align: a,
+      align: n,
       collisionPadding: l,
       style: {
         // Ensure border-box for floating-ui calculations
@@ -504,24 +504,24 @@ var Qt = "SelectPopperPosition", we = o.forwardRef((t, r) => {
 we.displayName = Qt;
 var [eo, Ne] = re(ee, {}), ye = "SelectViewport", ze = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, nonce: a, ...l } = t, d = q(ye, e), n = Ne(ye, e), s = B(r, d.onViewportChange), i = o.useRef(0);
+    const { __scopeSelect: e, nonce: n, ...l } = t, d = q(ye, e), s = Ne(ye, e), a = B(r, d.onViewportChange), c = o.useRef(0);
     return /* @__PURE__ */ z(Ie, { children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ i(
         "style",
         {
           dangerouslySetInnerHTML: {
             __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
           },
-          nonce: a
+          nonce: n
         }
       ),
-      /* @__PURE__ */ c(de.Slot, { scope: e, children: /* @__PURE__ */ c(
+      /* @__PURE__ */ i(de.Slot, { scope: e, children: /* @__PURE__ */ i(
         M.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
           ...l,
-          ref: s,
+          ref: a,
           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
@@ -536,9 +536,9 @@ var [eo, Ne] = re(ee, {}), ye = "SelectViewport", ze = o.forwardRef(
             ...l.style
           },
           onScroll: N(l.onScroll, (f) => {
-            const g = f.currentTarget, { contentWrapper: y, shouldExpandOnScrollRef: P } = n;
+            const g = f.currentTarget, { contentWrapper: y, shouldExpandOnScrollRef: P } = s;
             if (P?.current && y) {
-              const I = Math.abs(i.current - g.scrollTop);
+              const I = Math.abs(c.current - g.scrollTop);
               if (I > 0) {
                 const x = window.innerHeight - D * 2, p = parseFloat(y.style.minHeight), h = parseFloat(y.style.height), S = Math.max(p, h);
                 if (S < x) {
@@ -547,7 +547,7 @@ var [eo, Ne] = re(ee, {}), ye = "SelectViewport", ze = o.forwardRef(
                 }
               }
             }
-            i.current = g.scrollTop;
+            c.current = g.scrollTop;
           })
         }
       ) })
@@ -557,15 +557,15 @@ var [eo, Ne] = re(ee, {}), ye = "SelectViewport", ze = o.forwardRef(
 ze.displayName = ye;
 var je = "SelectGroup", [to, oo] = re(je), Ye = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...a } = t, l = Te();
-    return /* @__PURE__ */ c(to, { scope: e, id: l, children: /* @__PURE__ */ c(M.div, { role: "group", "aria-labelledby": l, ...a, ref: r }) });
+    const { __scopeSelect: e, ...n } = t, l = Te();
+    return /* @__PURE__ */ i(to, { scope: e, id: l, children: /* @__PURE__ */ i(M.div, { role: "group", "aria-labelledby": l, ...n, ref: r }) });
   }
 );
 Ye.displayName = je;
 var qe = "SelectLabel", Xe = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...a } = t, l = oo(qe, e);
-    return /* @__PURE__ */ c(M.div, { id: l.id, ...a, ref: r });
+    const { __scopeSelect: e, ...n } = t, l = oo(qe, e);
+    return /* @__PURE__ */ i(M.div, { id: l.id, ...n, ref: r });
   }
 );
 Xe.displayName = qe;
@@ -573,39 +573,39 @@ var ie = "SelectItem", [ro, Ze] = re(ie), Je = o.forwardRef(
   (t, r) => {
     const {
       __scopeSelect: e,
-      value: a,
+      value: n,
       disabled: l = !1,
       textValue: d,
-      ...n
-    } = t, s = Y(ie, e), i = q(ie, e), f = s.value === a, [g, y] = o.useState(d ?? ""), [P, I] = o.useState(!1), x = B(
+      ...s
+    } = t, a = Y(ie, e), c = q(ie, e), f = a.value === n, [g, y] = o.useState(d ?? ""), [P, I] = o.useState(!1), x = B(
       r,
-      (m) => i.itemRefCallback?.(m, a, l)
+      (m) => c.itemRefCallback?.(m, n, l)
     ), p = Te(), h = o.useRef("touch"), S = () => {
-      l || (s.onValueChange(a), s.onOpenChange(!1));
+      l || (a.onValueChange(n), a.onOpenChange(!1));
     };
-    if (a === "")
+    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(
+    return /* @__PURE__ */ i(
       ro,
       {
         scope: e,
-        value: a,
+        value: n,
         disabled: l,
         textId: p,
         isSelected: f,
         onItemTextChange: o.useCallback((m) => {
           y((v) => v || (m?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ i(
           de.ItemSlot,
           {
             scope: e,
-            value: a,
+            value: n,
             disabled: l,
             textValue: g,
-            children: /* @__PURE__ */ c(
+            children: /* @__PURE__ */ i(
               M.div,
               {
                 role: "option",
@@ -616,27 +616,27 @@ var ie = "SelectItem", [ro, Ze] = re(ie), Je = o.forwardRef(
                 "aria-disabled": l || void 0,
                 "data-disabled": l ? "" : void 0,
                 tabIndex: l ? void 0 : -1,
-                ...n,
+                ...s,
                 ref: x,
-                onFocus: N(n.onFocus, () => I(!0)),
-                onBlur: N(n.onBlur, () => I(!1)),
-                onClick: N(n.onClick, () => {
+                onFocus: N(s.onFocus, () => I(!0)),
+                onBlur: N(s.onBlur, () => I(!1)),
+                onClick: N(s.onClick, () => {
                   h.current !== "mouse" && S();
                 }),
-                onPointerUp: N(n.onPointerUp, () => {
+                onPointerUp: N(s.onPointerUp, () => {
                   h.current === "mouse" && S();
                 }),
-                onPointerDown: N(n.onPointerDown, (m) => {
+                onPointerDown: N(s.onPointerDown, (m) => {
                   h.current = m.pointerType;
                 }),
-                onPointerMove: N(n.onPointerMove, (m) => {
-                  h.current = m.pointerType, l ? i.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: N(s.onPointerMove, (m) => {
+                  h.current = m.pointerType, l ? c.onItemLeave?.() : h.current === "mouse" && m.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: N(n.onPointerLeave, (m) => {
-                  m.currentTarget === document.activeElement && i.onItemLeave?.();
+                onPointerLeave: N(s.onPointerLeave, (m) => {
+                  m.currentTarget === document.activeElement && c.onItemLeave?.();
                 }),
-                onKeyDown: N(n.onKeyDown, (m) => {
-                  i.searchRef?.current !== "" && m.key === " " || (Kt.includes(m.key) && S(), m.key === " " && m.preventDefault());
+                onKeyDown: N(s.onKeyDown, (m) => {
+                  c.searchRef?.current !== "" && m.key === " " || (Kt.includes(m.key) && S(), m.key === " " && m.preventDefault());
                 })
               }
             )
@@ -649,84 +649,84 @@ 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: a, style: l, ...d } = t, n = Y(ae, e), s = q(ae, e), i = Ze(ae, e), f = jt(ae, e), [g, y] = o.useState(null), P = B(
+    const { __scopeSelect: e, className: n, style: l, ...d } = t, s = Y(ae, e), a = q(ae, e), c = Ze(ae, e), f = jt(ae, e), [g, y] = o.useState(null), P = B(
       r,
       (S) => y(S),
-      i.onItemTextChange,
-      (S) => s.itemTextRefCallback?.(S, i.value, i.disabled)
+      c.onItemTextChange,
+      (S) => a.itemTextRefCallback?.(S, c.value, c.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]
+      () => /* @__PURE__ */ i("option", { value: c.value, disabled: c.disabled, children: I }, c.value),
+      [c.disabled, c.value, I]
     ), { onNativeOptionAdd: p, onNativeOptionRemove: h } = f;
     return j(() => (p(x), () => h(x)), [p, h, x]), /* @__PURE__ */ z(Ie, { children: [
-      /* @__PURE__ */ c(M.span, { id: i.textId, ...d, ref: P }),
-      i.isSelected && n.valueNode && !n.valueNodeHasChildren ? Ae.createPortal(d.children, n.valueNode) : null
+      /* @__PURE__ */ i(M.span, { id: c.textId, ...d, ref: P }),
+      c.isSelected && s.valueNode && !s.valueNodeHasChildren ? Ae.createPortal(d.children, s.valueNode) : null
     ] });
   }
 );
 Qe.displayName = ae;
 var et = "SelectItemIndicator", tt = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...a } = t;
-    return Ze(et, e).isSelected ? /* @__PURE__ */ c(M.span, { "aria-hidden": !0, ...a, ref: r }) : null;
+    const { __scopeSelect: e, ...n } = t;
+    return Ze(et, e).isSelected ? /* @__PURE__ */ i(M.span, { "aria-hidden": !0, ...n, ref: r }) : null;
   }
 );
 tt.displayName = et;
 var be = "SelectScrollUpButton", ot = o.forwardRef((t, r) => {
-  const e = q(be, t.__scopeSelect), a = Ne(be, t.__scopeSelect), [l, d] = o.useState(!1), n = B(r, a.onScrollButtonChange);
+  const e = q(be, t.__scopeSelect), n = Ne(be, t.__scopeSelect), [l, d] = o.useState(!1), s = B(r, n.onScrollButtonChange);
   return j(() => {
     if (e.viewport && e.isPositioned) {
-      let s = function() {
-        const f = i.scrollTop > 0;
+      let a = function() {
+        const f = c.scrollTop > 0;
         d(f);
       };
-      const i = e.viewport;
-      return s(), i.addEventListener("scroll", s), () => i.removeEventListener("scroll", s);
+      const c = e.viewport;
+      return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
     }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ c(
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ i(
     nt,
     {
       ...t,
-      ref: n,
+      ref: s,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: i } = e;
-        s && i && (s.scrollTop = s.scrollTop - i.offsetHeight);
+        const { viewport: a, selectedItem: c } = e;
+        a && c && (a.scrollTop = a.scrollTop - c.offsetHeight);
       }
     }
   ) : null;
 });
 ot.displayName = be;
 var xe = "SelectScrollDownButton", rt = o.forwardRef((t, r) => {
-  const e = q(xe, t.__scopeSelect), a = Ne(xe, t.__scopeSelect), [l, d] = o.useState(!1), n = B(r, a.onScrollButtonChange);
+  const e = q(xe, t.__scopeSelect), n = Ne(xe, t.__scopeSelect), [l, d] = o.useState(!1), s = B(r, n.onScrollButtonChange);
   return j(() => {
     if (e.viewport && e.isPositioned) {
-      let s = function() {
-        const f = i.scrollHeight - i.clientHeight, g = Math.ceil(i.scrollTop) < f;
+      let a = function() {
+        const f = c.scrollHeight - c.clientHeight, g = Math.ceil(c.scrollTop) < f;
         d(g);
       };
-      const i = e.viewport;
-      return s(), i.addEventListener("scroll", s), () => i.removeEventListener("scroll", s);
+      const c = e.viewport;
+      return a(), c.addEventListener("scroll", a), () => c.removeEventListener("scroll", a);
     }
-  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ c(
+  }, [e.viewport, e.isPositioned]), l ? /* @__PURE__ */ i(
     nt,
     {
       ...t,
-      ref: n,
+      ref: s,
       onAutoScroll: () => {
-        const { viewport: s, selectedItem: i } = e;
-        s && i && (s.scrollTop = s.scrollTop + i.offsetHeight);
+        const { viewport: a, selectedItem: c } = e;
+        a && c && (a.scrollTop = a.scrollTop + c.offsetHeight);
       }
     }
   ) : null;
 });
 rt.displayName = xe;
 var nt = o.forwardRef((t, r) => {
-  const { __scopeSelect: e, onAutoScroll: a, ...l } = t, d = q("SelectScrollButton", e), n = o.useRef(null), s = pe(e), i = o.useCallback(() => {
-    n.current !== null && (window.clearInterval(n.current), n.current = null);
+  const { __scopeSelect: e, onAutoScroll: n, ...l } = t, d = q("SelectScrollButton", e), s = o.useRef(null), a = pe(e), c = o.useCallback(() => {
+    s.current !== null && (window.clearInterval(s.current), s.current = null);
   }, []);
-  return o.useEffect(() => () => i(), [i]), j(() => {
-    s().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ c(
+  return o.useEffect(() => () => c(), [c]), j(() => {
+    a().find((g) => g.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [a]), /* @__PURE__ */ i(
     M.div,
     {
       "aria-hidden": !0,
@@ -734,45 +734,45 @@ var nt = o.forwardRef((t, r) => {
       ref: r,
       style: { flexShrink: 0, ...l.style },
       onPointerDown: N(l.onPointerDown, () => {
-        n.current === null && (n.current = window.setInterval(a, 50));
+        s.current === null && (s.current = window.setInterval(n, 50));
       }),
       onPointerMove: N(l.onPointerMove, () => {
-        d.onItemLeave?.(), n.current === null && (n.current = window.setInterval(a, 50));
+        d.onItemLeave?.(), s.current === null && (s.current = window.setInterval(n, 50));
       }),
       onPointerLeave: N(l.onPointerLeave, () => {
-        i();
+        c();
       })
     }
   );
 }), no = "SelectSeparator", st = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...a } = t;
-    return /* @__PURE__ */ c(M.div, { "aria-hidden": !0, ...a, ref: r });
+    const { __scopeSelect: e, ...n } = t;
+    return /* @__PURE__ */ i(M.div, { "aria-hidden": !0, ...n, ref: r });
   }
 );
 st.displayName = no;
 var Ce = "SelectArrow", so = o.forwardRef(
   (t, r) => {
-    const { __scopeSelect: e, ...a } = t, l = ue(e), d = Y(Ce, e), n = q(Ce, e);
-    return d.open && n.position === "popper" ? /* @__PURE__ */ c(At, { ...l, ...a, ref: r }) : null;
+    const { __scopeSelect: e, ...n } = t, l = ue(e), d = Y(Ce, e), s = q(Ce, e);
+    return d.open && s.position === "popper" ? /* @__PURE__ */ i(At, { ...l, ...n, ref: r }) : null;
   }
 );
 so.displayName = Ce;
 var ao = "SelectBubbleInput", at = o.forwardRef(
-  ({ __scopeSelect: t, value: r, ...e }, a) => {
-    const l = o.useRef(null), d = B(a, l), n = Ot(r);
+  ({ __scopeSelect: t, value: r, ...e }, n) => {
+    const l = o.useRef(null), d = B(n, l), s = Ot(r);
     return o.useEffect(() => {
-      const s = l.current;
-      if (!s) return;
-      const i = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
-        i,
+      const a = l.current;
+      if (!a) return;
+      const c = window.HTMLSelectElement.prototype, g = Object.getOwnPropertyDescriptor(
+        c,
         "value"
       ).set;
-      if (n !== r && g) {
+      if (s !== r && g) {
         const y = new Event("change", { bubbles: !0 });
-        g.call(s, r), s.dispatchEvent(y);
+        g.call(a, r), a.dispatchEvent(y);
       }
-    }, [n, r]), /* @__PURE__ */ c(
+    }, [s, r]), /* @__PURE__ */ i(
       M.select,
       {
         ...e,
@@ -788,33 +788,33 @@ function lt(t) {
   return t === "" || t === void 0;
 }
 function ct(t) {
-  const r = Dt(t), e = o.useRef(""), a = o.useRef(0), l = o.useCallback(
-    (n) => {
-      const s = e.current + n;
-      r(s), function i(f) {
-        e.current = f, window.clearTimeout(a.current), f !== "" && (a.current = window.setTimeout(() => i(""), 1e3));
-      }(s);
+  const r = Dt(t), e = o.useRef(""), n = o.useRef(0), l = o.useCallback(
+    (s) => {
+      const a = e.current + s;
+      r(a), function c(f) {
+        e.current = f, window.clearTimeout(n.current), f !== "" && (n.current = window.setTimeout(() => c(""), 1e3));
+      }(a);
     },
     [r]
   ), d = o.useCallback(() => {
-    e.current = "", window.clearTimeout(a.current);
+    e.current = "", window.clearTimeout(n.current);
   }, []);
-  return o.useEffect(() => () => window.clearTimeout(a.current), []), [e, l, d];
+  return o.useEffect(() => () => window.clearTimeout(n.current), []), [e, l, 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 n = lo(t, Math.max(d, 0));
-  l.length === 1 && (n = n.filter((f) => f !== e));
-  const i = n.find(
+  let s = lo(t, Math.max(d, 0));
+  l.length === 1 && (s = s.filter((f) => f !== e));
+  const c = s.find(
     (f) => f.textValue.toLowerCase().startsWith(l.toLowerCase())
   );
-  return i !== e ? i : void 0;
+  return c !== e ? c : void 0;
 }
 function lo(t, r) {
-  return t.map((e, a) => t[(r + a) % t.length]);
+  return t.map((e, n) => t[(r + n) % t.length]);
 }
 var co = Le, dt = ke, io = He, po = Ue, uo = We, pt = Fe, fo = ze, mo = Ye, ut = Xe, Pe = Je, Re = Qe, Ee = tt, ft = ot, mt = rt, ht = st;
-const vt = ({ onClear: t, ...r }) => /* @__PURE__ */ c(kt, { type: "button", icon: Vt, variant: "text", size: "md", onClick: t, ...r });
+const vt = ({ onClear: t, ...r }) => /* @__PURE__ */ i(kt, { type: "button", icon: Vt, variant: "text", size: "md", onClick: t, ...r });
 vt.displayName = "ClearButton";
 const er = co, tr = mo, or = io, ho = te({
   base: [
@@ -845,26 +845,26 @@ const er = co, tr = mo, or = io, ho = te({
     }
   }
 }), vo = o.forwardRef(
-  ({ className: t, children: r, onClear: e, invalid: a, ...l }, d) => {
-    const n = ho({ invalid: a });
-    return /* @__PURE__ */ z(dt, { ref: d, className: n.base({ className: t }), ...l, children: [
+  ({ className: t, children: r, onClear: e, disabled: n, invalid: l, ...d }, s) => {
+    const a = ho({ invalid: l, disabled: n });
+    return /* @__PURE__ */ z(dt, { ref: s, className: a.base({ className: t }), disabled: n, ...d, children: [
       r,
-      /* @__PURE__ */ z("div", { className: n.iconWrapper(), children: [
-        e && /* @__PURE__ */ c(
+      /* @__PURE__ */ z("div", { className: a.iconWrapper(), children: [
+        !n && e && /* @__PURE__ */ i(
           vt,
           {
             onClear: () => {
               e();
             },
-            onPointerDown: (s) => {
-              s.stopPropagation(), s.preventDefault();
+            onPointerDown: (c) => {
+              c.stopPropagation(), c.preventDefault();
             },
-            onKeyDown: (s) => {
-              s.key === "Enter" && (e(), s.stopPropagation(), s.preventDefault());
+            onKeyDown: (c) => {
+              c.key === "Enter" && (e(), c.stopPropagation(), c.preventDefault());
             }
           }
         ),
-        /* @__PURE__ */ c(po, { asChild: !0, children: /* @__PURE__ */ c(Oe, { className: n.icon() }) })
+        /* @__PURE__ */ i(po, { asChild: !0, children: /* @__PURE__ */ i(Oe, { className: a.icon() }) })
       ] })
     ] });
   }
@@ -876,8 +876,8 @@ const go = te({
     icon: "h-4 w-4"
   }
 }), gt = o.forwardRef(({ className: t, ...r }, e) => {
-  const a = go();
-  return /* @__PURE__ */ c(ft, { ref: e, className: a.base({ className: t }), ...r, children: /* @__PURE__ */ c(Wt, { className: a.icon() }) });
+  const n = go();
+  return /* @__PURE__ */ i(ft, { ref: e, className: n.base({ className: t }), ...r, children: /* @__PURE__ */ i(Wt, { className: n.icon() }) });
 });
 gt.displayName = ft.displayName;
 const So = te({
@@ -886,8 +886,8 @@ const So = te({
     icon: "h-4 w-4"
   }
 }), St = o.forwardRef(({ className: t, ...r }, e) => {
-  const a = So();
-  return /* @__PURE__ */ c(mt, { ref: e, className: a.base({ className: t }), ...r, children: /* @__PURE__ */ c(Oe, { className: a.icon() }) });
+  const n = So();
+  return /* @__PURE__ */ i(mt, { ref: e, className: n.base({ className: t }), ...r, children: /* @__PURE__ */ i(Oe, { className: n.icon() }) });
 });
 St.displayName = mt.displayName;
 const wo = te({
@@ -909,18 +909,18 @@ const wo = te({
       "item-aligned": ""
     }
   }
-}), yo = o.forwardRef(({ className: t, children: r, position: e = "popper", portalContainer: a, ...l }, d) => {
-  const n = wo({ position: e }), s = Bt(a);
-  return /* @__PURE__ */ c(uo, { container: s, children: /* @__PURE__ */ z(pt, { ref: d, className: n.base({ className: t }), position: e, ...l, children: [
-    /* @__PURE__ */ c(gt, {}),
-    /* @__PURE__ */ c(fo, { className: n.viewport(), children: r }),
-    /* @__PURE__ */ c(St, {})
+}), yo = o.forwardRef(({ className: t, children: r, position: e = "popper", portalContainer: n, ...l }, d) => {
+  const s = wo({ position: e }), a = Bt(n);
+  return /* @__PURE__ */ i(uo, { container: a, children: /* @__PURE__ */ z(pt, { ref: d, className: s.base({ className: t }), position: e, ...l, children: [
+    /* @__PURE__ */ i(gt, {}),
+    /* @__PURE__ */ i(fo, { className: s.viewport(), children: r }),
+    /* @__PURE__ */ i(St, {})
   ] }) });
 });
 yo.displayName = pt.displayName;
 const bo = te({
   base: ["overflow-hidden overflow-ellipsis px-2 py-1.5 text-xs font-normal text-muted"]
-}), xo = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ c(ut, { ref: e, className: bo({ className: t }), ...r }));
+}), xo = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(ut, { ref: e, className: bo({ className: t }), ...r }));
 xo.displayName = ut.displayName;
 const Co = te({
   extend: Ht,
@@ -929,17 +929,17 @@ const Co = te({
     indicator: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
     indicatorIcon: "h-4 w-4"
   }
-}), Io = o.forwardRef(({ className: t, children: r, disabled: e, ...a }, l) => {
+}), Io = o.forwardRef(({ className: t, children: r, disabled: e, ...n }, l) => {
   const d = Co({ disabled: e });
-  return /* @__PURE__ */ z(Pe, { ref: l, disabled: e, className: d.base({ className: t }), ...a, children: [
-    /* @__PURE__ */ c("span", { className: d.indicator(), children: /* @__PURE__ */ c(Ee, { children: /* @__PURE__ */ c(Ut, { className: d.indicatorIcon() }) }) }),
-    /* @__PURE__ */ c(Re, { children: r })
+  return /* @__PURE__ */ z(Pe, { ref: l, disabled: e, className: d.base({ className: t }), ...n, children: [
+    /* @__PURE__ */ i("span", { className: d.indicator(), children: /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(Ut, { className: d.indicatorIcon() }) }) }),
+    /* @__PURE__ */ i(Re, { children: r })
   ] });
 });
 Io.displayName = Pe.displayName;
 const To = te({
   base: ["-mx-1 my-1 h-px bg-secondary-border"]
-}), No = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ c(ht, { ref: e, className: To({ className: t }), ...r }));
+}), No = o.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(ht, { ref: e, className: To({ className: t }), ...r }));
 No.displayName = ht.displayName;
 const Po = Pe;
 Po.displayName = "SelectOption";
@@ -964,4 +964,4 @@ export {
   Eo as l,
   ho as s
 };
-//# sourceMappingURL=Select-Bfrb-J8s.js.map
+//# sourceMappingURL=Select-CWbLja8r.js.map