@adamosuiteservices/ui 2.11.21 → 2.12.1

package/dist/select.js

@@ -1,16 +1,16 @@
 "use client";
 import { j as s } from "./jsx-runtime-BzflLqGi.js";
 import * as n from "react";
-import * as Re from "react-dom";
+import * as Ee from "react-dom";
 import { c as Pe } from "./index-rKs9bXHr.js";
-import { u as _e, c as P } from "./index-C0UREtMP.js";
+import { u as Re, c as P } from "./index-C0UREtMP.js";
 import { u as at, c as st } from "./index-CmWhhuj7.js";
 import { c as lt, u as L } from "./index-DLcqcWxM.js";
 import { c as it } from "./index-FxyLF8MY.js";
 import { D as ct } from "./index-BPOsnOxS.js";
 import { h as dt, u as ut, R as pt, F as mt } from "./index-e0gNU5O1.js";
-import { u as be } from "./index-Cv867SGx.js";
-import { c as Ee, R as ft, A as ht, C as gt, a as vt } from "./index-BAEhLEFF.js";
+import { u as Ie } from "./index-Cv867SGx.js";
+import { c as _e, R as ft, A as ht, C as gt, a as vt } from "./index-BAEhLEFF.js";
 import { P as xt } from "./index-CZWDxvEo.js";
 import { P as j } from "./index-BMWt1NBG.js";
 import { u as St } from "./index-0ioNhtNM.js";
@@ -21,7 +21,7 @@ import { I as ce } from "./icon-DKAhvlX_.js";
 import { c as G } from "./index-CRiPKpXj.js";
 // @__NO_SIDE_EFFECTS__
 function Ct(e) {
-  const o = /* @__PURE__ */ It(e), t = n.forwardRef((a, r) => {
+  const o = /* @__PURE__ */ bt(e), t = n.forwardRef((a, r) => {
     const { children: d, ...l } = a, i = n.Children.toArray(d), c = i.find(Tt);
     if (c) {
       const p = c.props.children, g = i.map((x) => x === c ? n.Children.count(p) > 1 ? n.Children.only(null) : n.isValidElement(p) ? p.props.children : null : x);
@@ -32,20 +32,20 @@ function Ct(e) {
   return t.displayName = `${e}.Slot`, t;
 }
 // @__NO_SIDE_EFFECTS__
-function It(e) {
+function bt(e) {
   const o = n.forwardRef((t, a) => {
     const { children: r, ...d } = t;
     if (n.isValidElement(r)) {
-      const l = _t(r), i = Pt(d, r.props);
+      const l = Rt(r), i = Pt(d, r.props);
       return r.type !== n.Fragment && (i.ref = a ? lt(a, l) : l), n.cloneElement(r, i);
     }
     return n.Children.count(r) > 1 ? n.Children.only(null) : null;
   });
   return o.displayName = `${e}.SlotClone`, o;
 }
-var bt = Symbol("radix.slottable");
+var It = Symbol("radix.slottable");
 function Tt(e) {
-  return n.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === bt;
+  return n.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === It;
 }
 function Pt(e, o) {
   const t = { ...o };
@@ -58,14 +58,14 @@ function Pt(e, o) {
   }
   return { ...e, ...t };
 }
-function _t(e) {
+function Rt(e) {
   let o = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = o && "isReactWarning" in o && o.isReactWarning;
   return t ? e.ref : (o = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = o && "isReactWarning" in o && o.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
 }
-var Rt = [" ", "Enter", "ArrowUp", "ArrowDown"], Et = [" ", "Enter"], Q = "Select", [de, ue, Nt] = st(Q), [oe] = it(Q, [
+var Et = [" ", "Enter", "ArrowUp", "ArrowDown"], _t = [" ", "Enter"], Q = "Select", [de, ue, Nt] = st(Q), [oe] = it(Q, [
   Nt,
-  Ee
-]), pe = Ee(), [jt, Y] = oe(Q), [Mt, At] = oe(Q), Ne = (e) => {
+  _e
+]), pe = _e(), [jt, Y] = oe(Q), [Mt, At] = oe(Q), Ne = (e) => {
   const {
     __scopeSelect: o,
     children: t,
@@ -78,24 +78,24 @@ var Rt = [" ", "Enter", "ArrowUp", "ArrowDown"], Et = [" ", "Enter"], Q = "Selec
     dir: p,
     name: g,
     autoComplete: x,
-    disabled: _,
-    required: b,
+    disabled: R,
+    required: I,
     form: C
-  } = e, u = pe(o), [h, S] = n.useState(null), [f, v] = n.useState(null), [F, M] = n.useState(!1), ne = at(p), [R, O] = _e({
+  } = e, u = pe(o), [h, S] = n.useState(null), [f, v] = n.useState(null), [F, M] = n.useState(!1), ne = at(p), [E, O] = Re({
     prop: a,
     defaultProp: r ?? !1,
     onChange: d,
     caller: Q
-  }), [U, Z] = _e({
+  }), [U, Z] = Re({
     prop: l,
     defaultProp: i,
     onChange: c,
     caller: Q
-  }), k = n.useRef(null), V = h ? C || !!h.closest("form") : !0, [K, B] = n.useState(/* @__PURE__ */ new Set()), H = Array.from(K).map((E) => E.props.value).join(";");
+  }), k = n.useRef(null), V = h ? C || !!h.closest("form") : !0, [K, B] = n.useState(/* @__PURE__ */ new Set()), H = Array.from(K).map((_) => _.props.value).join(";");
   return /* @__PURE__ */ s.jsx(ft, { ...u, children: /* @__PURE__ */ s.jsxs(
     jt,
     {
-      required: b,
+      required: I,
       scope: o,
       trigger: h,
       onTriggerChange: S,
@@ -103,26 +103,26 @@ var Rt = [" ", "Enter", "ArrowUp", "ArrowDown"], Et = [" ", "Enter"], Q = "Selec
       onValueNodeChange: v,
       valueNodeHasChildren: F,
       onValueNodeHasChildrenChange: M,
-      contentId: be(),
+      contentId: Ie(),
       value: U,
       onValueChange: Z,
-      open: R,
+      open: E,
       onOpenChange: O,
       dir: ne,
       triggerPointerDownPosRef: k,
-      disabled: _,
+      disabled: R,
       children: [
         /* @__PURE__ */ s.jsx(de.Provider, { scope: o, children: /* @__PURE__ */ s.jsx(
           Mt,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: n.useCallback((E) => {
-              B((D) => new Set(D).add(E));
+            onNativeOptionAdd: n.useCallback((_) => {
+              B((D) => new Set(D).add(_));
             }, []),
-            onNativeOptionRemove: n.useCallback((E) => {
+            onNativeOptionRemove: n.useCallback((_) => {
               B((D) => {
                 const W = new Set(D);
-                return W.delete(E), W;
+                return W.delete(_), W;
               });
             }, []),
             children: t
@@ -132,13 +132,13 @@ var Rt = [" ", "Enter", "ArrowUp", "ArrowDown"], Et = [" ", "Enter"], Q = "Selec
           tt,
           {
             "aria-hidden": !0,
-            required: b,
+            required: I,
             tabIndex: -1,
             name: g,
             autoComplete: x,
             value: U,
-            onChange: (E) => Z(E.target.value),
-            disabled: _,
+            onChange: (_) => Z(_.target.value),
+            disabled: R,
             form: C,
             children: [
               U === void 0 ? /* @__PURE__ */ s.jsx("option", { value: "" }) : null,
@@ -154,11 +154,11 @@ var Rt = [" ", "Enter", "ArrowUp", "ArrowDown"], Et = [" ", "Enter"], Q = "Selec
 Ne.displayName = Q;
 var je = "SelectTrigger", Me = n.forwardRef(
   (e, o) => {
-    const { __scopeSelect: t, disabled: a = !1, ...r } = e, d = pe(t), l = Y(je, t), i = l.disabled || a, c = L(o, l.onTriggerChange), p = ue(t), g = n.useRef("touch"), [x, _, b] = nt((u) => {
+    const { __scopeSelect: t, disabled: a = !1, ...r } = e, d = pe(t), l = Y(je, t), i = l.disabled || a, c = L(o, l.onTriggerChange), p = ue(t), g = n.useRef("touch"), [x, R, I] = nt((u) => {
       const h = p().filter((v) => !v.disabled), S = h.find((v) => v.value === l.value), f = rt(h, u, S);
       f !== void 0 && l.onValueChange(f.value);
     }), C = (u) => {
-      i || (l.onOpenChange(!0), b()), u && (l.triggerPointerDownPosRef.current = {
+      i || (l.onOpenChange(!0), I()), u && (l.triggerPointerDownPosRef.current = {
         x: Math.round(u.pageX),
         y: Math.round(u.pageY)
       });
@@ -189,7 +189,7 @@ var je = "SelectTrigger", Me = n.forwardRef(
         }),
         onKeyDown: P(r.onKeyDown, (u) => {
           const h = x.current !== "";
-          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && _(u.key), !(h && u.key === " ") && Rt.includes(u.key) && (C(), u.preventDefault());
+          !(u.ctrlKey || u.altKey || u.metaKey) && u.key.length === 1 && R(u.key), !(h && u.key === " ") && Et.includes(u.key) && (C(), u.preventDefault());
         })
       }
     ) });
@@ -229,7 +229,7 @@ var ee = "SelectContent", ke = n.forwardRef(
       r(new DocumentFragment());
     }, []), !t.open) {
       const d = a;
-      return d ? Re.createPortal(
+      return d ? Ee.createPortal(
         /* @__PURE__ */ s.jsx(Ve, { scope: e.__scopeSelect, children: /* @__PURE__ */ s.jsx(de.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ s.jsx("div", { children: e.children }) }) }),
         d
       ) : null;
@@ -253,29 +253,29 @@ var A = 10, [Ve, q] = oe(ee), Lt = "SelectContentImpl", kt = /* @__PURE__ */ Ct(
       align: p,
       alignOffset: g,
       arrowPadding: x,
-      collisionBoundary: _,
-      collisionPadding: b,
+      collisionBoundary: R,
+      collisionPadding: I,
       sticky: C,
       hideWhenDetached: u,
       avoidCollisions: h,
       //
       ...S
-    } = e, f = Y(ee, t), [v, F] = n.useState(null), [M, ne] = n.useState(null), R = L(o, (m) => F(m)), [O, U] = n.useState(null), [Z, k] = n.useState(
+    } = e, f = Y(ee, t), [v, F] = n.useState(null), [M, ne] = n.useState(null), E = L(o, (m) => F(m)), [O, U] = n.useState(null), [Z, k] = n.useState(
       null
     ), V = ue(t), [K, B] = n.useState(!1), H = n.useRef(!1);
     n.useEffect(() => {
       if (v) return dt(v);
     }, [v]), ut();
-    const E = n.useCallback(
+    const _ = n.useCallback(
       (m) => {
-        const [I, ...N] = V().map((T) => T.ref.current), [w] = N.slice(-1), y = document.activeElement;
+        const [b, ...N] = V().map((T) => T.ref.current), [w] = N.slice(-1), y = document.activeElement;
         for (const T of m)
-          if (T === y || (T?.scrollIntoView({ block: "nearest" }), T === I && M && (M.scrollTop = 0), T === w && M && (M.scrollTop = M.scrollHeight), T?.focus(), document.activeElement !== y)) return;
+          if (T === y || (T?.scrollIntoView({ block: "nearest" }), T === b && M && (M.scrollTop = 0), T === w && M && (M.scrollTop = M.scrollHeight), T?.focus(), document.activeElement !== y)) return;
       },
       [V, M]
     ), D = n.useCallback(
-      () => E([O, v]),
-      [E, O, v]
+      () => _([O, v]),
+      [_, O, v]
     );
     n.useEffect(() => {
       K && D();
@@ -284,16 +284,16 @@ var A = 10, [Ve, q] = oe(ee), Lt = "SelectContentImpl", kt = /* @__PURE__ */ Ct(
     n.useEffect(() => {
       if (v) {
         let m = { x: 0, y: 0 };
-        const I = (w) => {
+        const b = (w) => {
           m = {
             x: Math.abs(Math.round(w.pageX) - (z.current?.x ?? 0)),
             y: Math.abs(Math.round(w.pageY) - (z.current?.y ?? 0))
           };
         }, N = (w) => {
-          m.x <= 10 && m.y <= 10 ? w.preventDefault() : v.contains(w.target) || W(!1), document.removeEventListener("pointermove", I), z.current = null;
+          m.x <= 10 && m.y <= 10 ? w.preventDefault() : v.contains(w.target) || W(!1), document.removeEventListener("pointermove", b), z.current = null;
         };
-        return z.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", N, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", N, { capture: !0 });
+        return z.current !== null && (document.addEventListener("pointermove", b), document.addEventListener("pointerup", N, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", N, { capture: !0 });
         };
       }
     }, [v, W, z]), n.useEffect(() => {
@@ -303,18 +303,18 @@ var A = 10, [Ve, q] = oe(ee), Lt = "SelectContentImpl", kt = /* @__PURE__ */ Ct(
       };
     }, [W]);
     const [me, se] = nt((m) => {
-      const I = V().filter((y) => !y.disabled), N = I.find((y) => y.ref.current === document.activeElement), w = rt(I, m, N);
+      const b = V().filter((y) => !y.disabled), N = b.find((y) => y.ref.current === document.activeElement), w = rt(b, m, N);
       w && setTimeout(() => w.ref.current.focus());
     }), fe = n.useCallback(
-      (m, I, N) => {
+      (m, b, N) => {
         const w = !H.current && !N;
-        (f.value !== void 0 && f.value === I || w) && (U(m), w && (H.current = !0));
+        (f.value !== void 0 && f.value === b || w) && (U(m), w && (H.current = !0));
       },
       [f.value]
     ), he = n.useCallback(() => v?.focus(), [v]), te = n.useCallback(
-      (m, I, N) => {
+      (m, b, N) => {
         const w = !H.current && !N;
-        (f.value !== void 0 && f.value === I || w) && k(m);
+        (f.value !== void 0 && f.value === b || w) && k(m);
       },
       [f.value]
     ), le = a === "popper" ? Se : He, re = le === Se ? {
@@ -323,8 +323,8 @@ var A = 10, [Ve, q] = oe(ee), Lt = "SelectContentImpl", kt = /* @__PURE__ */ Ct(
       align: p,
       alignOffset: g,
       arrowPadding: x,
-      collisionBoundary: _,
-      collisionPadding: b,
+      collisionBoundary: R,
+      collisionPadding: I,
       sticky: C,
       hideWhenDetached: u,
       avoidCollisions: h
@@ -376,7 +376,7 @@ var A = 10, [Ve, q] = oe(ee), Lt = "SelectContentImpl", kt = /* @__PURE__ */ Ct(
                     ...S,
                     ...re,
                     onPlaced: () => B(!0),
-                    ref: R,
+                    ref: E,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
@@ -386,14 +386,14 @@ var A = 10, [Ve, q] = oe(ee), Lt = "SelectContentImpl", kt = /* @__PURE__ */ Ct(
                       ...S.style
                     },
                     onKeyDown: P(S.onKeyDown, (m) => {
-                      const I = m.ctrlKey || m.altKey || m.metaKey;
-                      if (m.key === "Tab" && m.preventDefault(), !I && m.key.length === 1 && se(m.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(m.key)) {
+                      const b = m.ctrlKey || m.altKey || m.metaKey;
+                      if (m.key === "Tab" && m.preventDefault(), !b && m.key.length === 1 && se(m.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(m.key)) {
                         let w = V().filter((y) => !y.disabled).map((y) => y.ref.current);
                         if (["ArrowUp", "End"].includes(m.key) && (w = w.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(m.key)) {
                           const y = m.target, T = w.indexOf(y);
                           w = w.slice(T + 1);
                         }
-                        setTimeout(() => E(w)), m.preventDefault();
+                        setTimeout(() => _(w)), m.preventDefault();
                       }
                     })
                   }
@@ -408,11 +408,11 @@ var A = 10, [Ve, q] = oe(ee), Lt = "SelectContentImpl", kt = /* @__PURE__ */ Ct(
 );
 Be.displayName = Lt;
 var Vt = "SelectItemAlignedPosition", He = n.forwardRef((e, o) => {
-  const { __scopeSelect: t, onPlaced: a, ...r } = e, d = Y(ee, t), l = q(ee, t), [i, c] = n.useState(null), [p, g] = n.useState(null), x = L(o, (R) => g(R)), _ = ue(t), b = n.useRef(!1), C = n.useRef(!0), { viewport: u, selectedItem: h, selectedItemText: S, focusSelectedItem: f } = l, v = n.useCallback(() => {
+  const { __scopeSelect: t, onPlaced: a, ...r } = e, d = Y(ee, t), l = q(ee, t), [i, c] = n.useState(null), [p, g] = n.useState(null), x = L(o, (E) => g(E)), R = ue(t), I = n.useRef(!1), C = n.useRef(!0), { viewport: u, selectedItem: h, selectedItemText: S, focusSelectedItem: f } = l, v = n.useCallback(() => {
     if (d.trigger && d.valueNode && i && p && u && h && S) {
-      const R = d.trigger.getBoundingClientRect(), O = p.getBoundingClientRect(), U = d.valueNode.getBoundingClientRect(), Z = S.getBoundingClientRect();
+      const E = d.trigger.getBoundingClientRect(), O = p.getBoundingClientRect(), U = d.valueNode.getBoundingClientRect(), Z = S.getBoundingClientRect();
       if (d.dir !== "rtl") {
-        const y = Z.left - O.left, T = U.left - y, X = R.left - T, J = R.width + X, ge = Math.max(J, O.width), ve = window.innerWidth - A, xe = Pe(T, [
+        const y = Z.left - O.left, T = U.left - y, X = E.left - T, J = E.width + X, ge = Math.max(J, O.width), ve = window.innerWidth - A, xe = Pe(T, [
           A,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -423,21 +423,21 @@ var Vt = "SelectItemAlignedPosition", He = n.forwardRef((e, o) => {
         ]);
         i.style.minWidth = J + "px", i.style.left = xe + "px";
       } else {
-        const y = O.right - Z.right, T = window.innerWidth - U.right - y, X = window.innerWidth - R.right - T, J = R.width + X, ge = Math.max(J, O.width), ve = window.innerWidth - A, xe = Pe(T, [
+        const y = O.right - Z.right, T = window.innerWidth - U.right - y, X = window.innerWidth - E.right - T, J = E.width + X, ge = Math.max(J, O.width), ve = window.innerWidth - A, xe = Pe(T, [
           A,
           Math.max(A, ve - ge)
         ]);
         i.style.minWidth = J + "px", i.style.right = xe + "px";
       }
-      const k = _(), V = window.innerHeight - A * 2, K = u.scrollHeight, B = window.getComputedStyle(p), H = parseInt(B.borderTopWidth, 10), E = parseInt(B.paddingTop, 10), D = parseInt(B.borderBottomWidth, 10), W = parseInt(B.paddingBottom, 10), z = H + E + K + W + D, me = Math.min(h.offsetHeight * 5, z), se = window.getComputedStyle(u), fe = parseInt(se.paddingTop, 10), he = parseInt(se.paddingBottom, 10), te = R.top + R.height / 2 - A, le = V - te, re = h.offsetHeight / 2, m = h.offsetTop + re, I = H + E + m, N = z - I;
-      if (I <= te) {
+      const k = R(), V = window.innerHeight - A * 2, K = u.scrollHeight, B = window.getComputedStyle(p), H = parseInt(B.borderTopWidth, 10), _ = parseInt(B.paddingTop, 10), D = parseInt(B.borderBottomWidth, 10), W = parseInt(B.paddingBottom, 10), z = H + _ + K + W + D, me = Math.min(h.offsetHeight * 5, z), se = window.getComputedStyle(u), fe = parseInt(se.paddingTop, 10), he = parseInt(se.paddingBottom, 10), te = E.top + E.height / 2 - A, le = V - te, re = h.offsetHeight / 2, m = h.offsetTop + re, b = H + _ + m, N = z - b;
+      if (b <= te) {
         const y = k.length > 0 && h === k[k.length - 1].ref.current;
         i.style.bottom = "0px";
         const T = p.clientHeight - u.offsetTop - u.offsetHeight, X = Math.max(
           le,
           re + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (y ? he : 0) + T + D
-        ), J = I + X;
+        ), J = b + X;
         i.style.height = J + "px";
       } else {
         const y = k.length > 0 && h === k[0].ref.current;
@@ -447,12 +447,12 @@ var Vt = "SelectItemAlignedPosition", He = n.forwardRef((e, o) => {
           H + u.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (y ? fe : 0) + re
         ) + N;
-        i.style.height = X + "px", u.scrollTop = I - te + u.offsetTop;
+        i.style.height = X + "px", u.scrollTop = b - te + u.offsetTop;
       }
-      i.style.margin = `${A}px 0`, i.style.minHeight = me + "px", i.style.maxHeight = V + "px", a?.(), requestAnimationFrame(() => b.current = !0);
+      i.style.margin = `${A}px 0`, i.style.minHeight = me + "px", i.style.maxHeight = V + "px", a?.(), requestAnimationFrame(() => I.current = !0);
     }
   }, [
-    _,
+    R,
     d.trigger,
     d.valueNode,
     i,
@@ -469,8 +469,8 @@ var Vt = "SelectItemAlignedPosition", He = n.forwardRef((e, o) => {
     p && M(window.getComputedStyle(p).zIndex);
   }, [p]);
   const ne = n.useCallback(
-    (R) => {
-      R && C.current === !0 && (v(), f?.(), C.current = !1);
+    (E) => {
+      E && C.current === !0 && (v(), f?.(), C.current = !1);
     },
     [v, f]
   );
@@ -479,7 +479,7 @@ var Vt = "SelectItemAlignedPosition", He = n.forwardRef((e, o) => {
     {
       scope: t,
       contentWrapper: i,
-      shouldExpandOnScrollRef: b,
+      shouldExpandOnScrollRef: I,
       onScrollButtonChange: ne,
       children: /* @__PURE__ */ s.jsx(
         "div",
@@ -575,13 +575,13 @@ var [Ht, Te] = oe(ee, {}), we = "SelectViewport", We = n.forwardRef(
             ...r.style
           },
           onScroll: P(r.onScroll, (p) => {
-            const g = p.currentTarget, { contentWrapper: x, shouldExpandOnScrollRef: _ } = l;
-            if (_?.current && x) {
-              const b = Math.abs(c.current - g.scrollTop);
-              if (b > 0) {
+            const g = p.currentTarget, { contentWrapper: x, shouldExpandOnScrollRef: R } = l;
+            if (R?.current && x) {
+              const I = Math.abs(c.current - g.scrollTop);
+              if (I > 0) {
                 const C = window.innerHeight - A * 2, u = parseFloat(x.style.minHeight), h = parseFloat(x.style.height), S = Math.max(u, h);
                 if (S < C) {
-                  const f = S + b, v = Math.min(C, f), F = f - v;
+                  const f = S + I, v = Math.min(C, f), F = f - v;
                   x.style.height = v + "px", x.style.bottom === "0px" && (g.scrollTop = F > 0 ? F : 0, x.style.justifyContent = "flex-end");
                 }
               }
@@ -596,7 +596,7 @@ var [Ht, Te] = oe(ee, {}), we = "SelectViewport", We = n.forwardRef(
 We.displayName = we;
 var Fe = "SelectGroup", [Wt, Ft] = oe(Fe), Ue = n.forwardRef(
   (e, o) => {
-    const { __scopeSelect: t, ...a } = e, r = be();
+    const { __scopeSelect: t, ...a } = e, r = Ie();
     return /* @__PURE__ */ s.jsx(Wt, { scope: t, id: r, children: /* @__PURE__ */ s.jsx(j.div, { role: "group", "aria-labelledby": r, ...a, ref: o }) });
   }
 );
@@ -616,10 +616,10 @@ var ie = "SelectItem", [Ut, $e] = oe(ie), Ge = n.forwardRef(
       disabled: r = !1,
       textValue: d,
       ...l
-    } = e, i = Y(ie, t), c = q(ie, t), p = i.value === a, [g, x] = n.useState(d ?? ""), [_, b] = n.useState(!1), C = L(
+    } = e, i = Y(ie, t), c = q(ie, t), p = i.value === a, [g, x] = n.useState(d ?? ""), [R, I] = n.useState(!1), C = L(
       o,
       (f) => c.itemRefCallback?.(f, a, r)
-    ), u = be(), h = n.useRef("touch"), S = () => {
+    ), u = Ie(), h = n.useRef("touch"), S = () => {
       r || (i.onValueChange(a), i.onOpenChange(!1));
     };
     if (a === "")
@@ -649,16 +649,16 @@ var ie = "SelectItem", [Ut, $e] = oe(ie), Ge = n.forwardRef(
               {
                 role: "option",
                 "aria-labelledby": u,
-                "data-highlighted": _ ? "" : void 0,
-                "aria-selected": p && _,
+                "data-highlighted": R ? "" : void 0,
+                "aria-selected": p && R,
                 "data-state": p ? "checked" : "unchecked",
                 "aria-disabled": r || void 0,
                 "data-disabled": r ? "" : void 0,
                 tabIndex: r ? void 0 : -1,
                 ...l,
                 ref: C,
-                onFocus: P(l.onFocus, () => b(!0)),
-                onBlur: P(l.onBlur, () => b(!1)),
+                onFocus: P(l.onFocus, () => I(!0)),
+                onBlur: P(l.onBlur, () => I(!1)),
                 onClick: P(l.onClick, () => {
                   h.current !== "mouse" && S();
                 }),
@@ -675,7 +675,7 @@ var ie = "SelectItem", [Ut, $e] = oe(ie), Ge = n.forwardRef(
                   f.currentTarget === document.activeElement && c.onItemLeave?.();
                 }),
                 onKeyDown: P(l.onKeyDown, (f) => {
-                  c.searchRef?.current !== "" && f.key === " " || (Et.includes(f.key) && S(), f.key === " " && f.preventDefault());
+                  c.searchRef?.current !== "" && f.key === " " || (_t.includes(f.key) && S(), f.key === " " && f.preventDefault());
                 })
               }
             )
@@ -688,18 +688,18 @@ var ie = "SelectItem", [Ut, $e] = oe(ie), Ge = n.forwardRef(
 Ge.displayName = ie;
 var ae = "SelectItemText", Ye = n.forwardRef(
   (e, o) => {
-    const { __scopeSelect: t, className: a, style: r, ...d } = e, l = Y(ae, t), i = q(ae, t), c = $e(ae, t), p = At(ae, t), [g, x] = n.useState(null), _ = L(
+    const { __scopeSelect: t, className: a, style: r, ...d } = e, l = Y(ae, t), i = q(ae, t), c = $e(ae, t), p = At(ae, t), [g, x] = n.useState(null), R = L(
       o,
       (S) => x(S),
       c.onItemTextChange,
       (S) => i.itemTextRefCallback?.(S, c.value, c.disabled)
-    ), b = g?.textContent, C = n.useMemo(
-      () => /* @__PURE__ */ s.jsx("option", { value: c.value, disabled: c.disabled, children: b }, c.value),
-      [c.disabled, c.value, b]
+    ), I = g?.textContent, C = n.useMemo(
+      () => /* @__PURE__ */ s.jsx("option", { value: c.value, disabled: c.disabled, children: I }, c.value),
+      [c.disabled, c.value, I]
     ), { onNativeOptionAdd: u, onNativeOptionRemove: h } = p;
     return $(() => (u(C), () => h(C)), [u, h, C]), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(j.span, { id: c.textId, ...d, ref: _ }),
-      c.isSelected && l.valueNode && !l.valueNodeHasChildren ? Re.createPortal(d.children, l.valueNode) : null
+      /* @__PURE__ */ s.jsx(j.span, { id: c.textId, ...d, ref: R }),
+      c.isSelected && l.valueNode && !l.valueNodeHasChildren ? Ee.createPortal(d.children, l.valueNode) : null
     ] });
   }
 );
@@ -790,13 +790,13 @@ var Qe = n.forwardRef((e, o) => {
   }
 );
 et.displayName = Kt;
-var Ie = "SelectArrow", zt = n.forwardRef(
+var be = "SelectArrow", zt = n.forwardRef(
   (e, o) => {
-    const { __scopeSelect: t, ...a } = e, r = pe(t), d = Y(Ie, t), l = q(Ie, t);
+    const { __scopeSelect: t, ...a } = e, r = pe(t), d = Y(be, t), l = q(be, t);
     return d.open && l.position === "popper" ? /* @__PURE__ */ s.jsx(vt, { ...r, ...a, ref: o }) : null;
   }
 );
-zt.displayName = Ie;
+zt.displayName = be;
 var $t = "SelectBubbleInput", tt = n.forwardRef(
   ({ __scopeSelect: e, value: o, ...t }, a) => {
     const r = n.useRef(null), d = L(a, r), l = wt(o);
@@ -882,27 +882,25 @@ function Ao({
       className: G(
         `
           adm:flex adm:w-fit adm:items-center adm:justify-between adm:gap-2
-          adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:py-2
-          adm:text-sm adm:whitespace-nowrap adm:shadow-xs
-          adm:transition-[color,box-shadow] adm:outline-none
+          adm:rounded-md adm:border adm:bg-transparent adm:px-3 adm:text-sm
+          adm:whitespace-nowrap adm:shadow-xs adm:transition-[color,box-shadow]
+          adm:outline-none
           adm:focus-visible:border-ring adm:focus-visible:ring-[3px]
           adm:focus-visible:ring-ring/50
           adm:disabled:cursor-not-allowed adm:disabled:opacity-50
           adm:aria-invalid:border-destructive
           adm:aria-invalid:ring-destructive/20
-          adm:data-[placeholder]:text-muted-foreground
-          adm:data-[size=default]:h-9
-          adm:data-[size=sm]:h-8
+          adm:data-placeholder:text-muted-foreground
+          adm:data-[size=default]:h-10
+          adm:data-[size=sm]:h-9
+          adm:**:data-[slot=icon]:pointer-events-none
+          adm:**:data-[slot=icon]:shrink-0
           adm:*:data-[slot=select-value]:line-clamp-1
           adm:*:data-[slot=select-value]:flex
           adm:*:data-[slot=select-value]:items-center
           adm:*:data-[slot=select-value]:gap-2
           adm:dark:bg-input/30 adm:dark:hover:bg-input/50
           adm:dark:aria-invalid:ring-destructive/40
-          adm:[&_[data-slot=icon]]:pointer-events-none
-          adm:[&_[data-slot=icon]]:shrink-0
-          adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
-          adm:[&_[data-slot=icon]:not([class*=text-])]:text-muted-foreground
           adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
           adm:[&_svg:not([class*=size-])]:size-4
           adm:[&_svg:not([class*=text-])]:text-muted-foreground
@@ -912,7 +910,7 @@ function Ao({
       ...a,
       children: [
         t,
-        /* @__PURE__ */ s.jsx(Xt, { asChild: !0, children: /* @__PURE__ */ s.jsx(ce, { symbol: "expand_more", className: "adm:text-lg adm:opacity-50" }) })
+        /* @__PURE__ */ s.jsx(Xt, { asChild: !0, children: /* @__PURE__ */ s.jsx(ce, { symbol: "expand_more" }) })
       ]
     }
   );
@@ -962,10 +960,9 @@ function Oo({
           eo,
           {
             className: G(
-              "adm:p-1",
               t === "popper" && `
-              adm:h-[var(--radix-select-trigger-height)] adm:w-full
-              adm:min-w-[var(--radix-select-trigger-width)] adm:scroll-my-1
+              adm:h-(--radix-select-trigger-height) adm:w-full
+              adm:min-w-(--radix-select-trigger-width) adm:scroll-my-1
             `
             ),
             children: o
@@ -1000,11 +997,15 @@ function Lo({
       "data-slot": "select-item",
       className: G(
         `
-          adm:relative adm:flex adm:w-full adm:cursor-default adm:items-center
-          adm:gap-2 adm:rounded-sm adm:py-1.5 adm:pr-8 adm:pl-2 adm:text-sm
+          adm:relative adm:flex adm:h-10 adm:w-full adm:cursor-default
+          adm:items-center adm:gap-2 adm:border-b adm:pr-10 adm:pl-3 adm:text-sm
           adm:outline-hidden adm:select-none
+          adm:first:rounded-t-[calc(var(--radius)-1px)]
+          adm:last:rounded-b-[calc(var(--radius)-1px)] adm:last:border-b-0
           adm:focus:bg-accent adm:focus:text-accent-foreground
-          adm:data-[disabled]:pointer-events-none adm:data-[disabled]:opacity-50
+          adm:data-disabled:pointer-events-none adm:data-disabled:opacity-50
+          adm:**:data-[slot=icon]:pointer-events-none
+          adm:**:data-[slot=icon]:shrink-0
           adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
           adm:[&_svg:not([class*=size-])]:size-4
           adm:[&_svg:not([class*=text-])]:text-muted-foreground
@@ -1022,7 +1023,7 @@ function Lo({
         adm:absolute adm:right-2 adm:flex adm:size-3.5 adm:items-center
         adm:justify-center
       `,
-            children: /* @__PURE__ */ s.jsx(ao, { children: /* @__PURE__ */ s.jsx(ce, { symbol: "check", className: "adm:text-lg" }) })
+            children: /* @__PURE__ */ s.jsx(ao, { asChild: !0, children: /* @__PURE__ */ s.jsx(ce, { symbol: "check" }) })
           }
         ),
         /* @__PURE__ */ s.jsx(ro, { children: o })
@@ -1061,7 +1062,7 @@ function co({
         e
       ),
       ...o,
-      children: /* @__PURE__ */ s.jsx(ce, { symbol: "expand_less", className: "adm:text-lg" })
+      children: /* @__PURE__ */ s.jsx(ce, { symbol: "expand_less", className: "adm:text-lg adm:opacity-50" })
     }
   );
 }
@@ -1081,7 +1082,7 @@ function uo({
         e
       ),
       ...o,
-      children: /* @__PURE__ */ s.jsx(ce, { symbol: "expand_more", className: "adm:text-lg" })
+      children: /* @__PURE__ */ s.jsx(ce, { symbol: "expand_more", className: "adm:text-lg adm:opacity-50" })
     }
   );
 }

package/dist/sidebar.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-BB_1_6y_.cjs"),S=require("./index-CBuLZ39k.cjs"),l=require("./index-CjyiloO7.cjs"),h=require("./index-BDs8lUfq.cjs"),f=require("./button-B_VHdPPV.cjs"),j=require("./icon-DPMQJBkA.cjs"),d=require("./sheet-CvcCaGSl.cjs"),s=require("./index-DoxiiusW.cjs"),m=require("react");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const x=g(m);function E(e){const t=x.useCallback(i=>{const o=window.matchMedia(e);return o.addEventListener("change",i),()=>{o.removeEventListener("change",i)}},[e]),r=()=>window.matchMedia(e).matches,n=()=>{throw Error("useMediaQuery is a client-only hook")};return x.useSyncExternalStore(t,r,n)}const b=m.createContext({});function R({children:e}){const[t,r]=m.useState(!1),[n,i]=m.useState("auto"),o=E("(min-width: 1280px)");return a.jsxRuntimeExports.jsx(b.Provider,{value:{isXl:o,sidebarHeight:n,setSidebarHeight:i,sheetOpen:t,setSheetOpen:r},children:a.jsxRuntimeExports.jsx("nav",{"data-slot":"sidebar",children:e})})}function y({className:e,children:t,...r}){const{isXl:n,setSidebarHeight:i,sheetOpen:o,setSheetOpen:p}=c();return a.jsxRuntimeExports.jsx(S.Portal,{children:a.jsxRuntimeExports.jsxs("div",{ref:u=>{u&&i(n?"auto":`${u.clientHeight}px`)},"data-slot":"sidebar-content",className:s.cn(`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-BB_1_6y_.cjs"),S=require("./index-CBuLZ39k.cjs"),l=require("./index-CjyiloO7.cjs"),h=require("./index-BDs8lUfq.cjs"),f=require("./button-CmLeuaI0.cjs"),j=require("./icon-DPMQJBkA.cjs"),d=require("./sheet-CvcCaGSl.cjs"),s=require("./index-DoxiiusW.cjs"),m=require("react");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const x=g(m);function E(e){const t=x.useCallback(i=>{const o=window.matchMedia(e);return o.addEventListener("change",i),()=>{o.removeEventListener("change",i)}},[e]),r=()=>window.matchMedia(e).matches,n=()=>{throw Error("useMediaQuery is a client-only hook")};return x.useSyncExternalStore(t,r,n)}const b=m.createContext({});function R({children:e}){const[t,r]=m.useState(!1),[n,i]=m.useState("auto"),o=E("(min-width: 1280px)");return a.jsxRuntimeExports.jsx(b.Provider,{value:{isXl:o,sidebarHeight:n,setSidebarHeight:i,sheetOpen:t,setSheetOpen:r},children:a.jsxRuntimeExports.jsx("nav",{"data-slot":"sidebar",children:e})})}function y({className:e,children:t,...r}){const{isXl:n,setSidebarHeight:i,sheetOpen:o,setSheetOpen:p}=c();return a.jsxRuntimeExports.jsx(S.Portal,{children:a.jsxRuntimeExports.jsxs("div",{ref:u=>{u&&i(n?"auto":`${u.clientHeight}px`)},"data-slot":"sidebar-content",className:s.cn(`
             adm:fixed adm:bg-sidebar-primary adm:text-sidebar-primary-foreground
             adm:xl:flex adm:xl:flex-col
           `,"adm:top-0 adm:right-0 adm:left-0",`

package/dist/sidebar.js

@@ -3,7 +3,7 @@ import { j as r } from "./jsx-runtime-BzflLqGi.js";
 import { P as f } from "./index-CZWDxvEo.js";
 import { S as c } from "./index-BvLQnI56.js";
 import { V as h } from "./index-PYkEXTqJ.js";
-import { B as p } from "./button-BzVY7053.js";
+import { B as p } from "./button-CMWUcYpz.js";
 import { I as S } from "./icon-DKAhvlX_.js";
 import { S as g, c as j, d as w, f as y, g as v } from "./sheet-IRIc3TJ1.js";
 import { c as d } from "./index-CRiPKpXj.js";