@indxsearch/systm 1.2.0 → 1.2.1

package/README.md

@@ -66,6 +66,40 @@ import '@indxsearch/systm/cursors.css'; // Optional custom cursors
 
 All cursors automatically adapt to dark mode via `prefers-color-scheme`.
 
+## Patterns (Optional)
+
+Systm includes optional SVG patterns as CSS custom properties. Import the patterns stylesheet to enable:
+
+```tsx
+import '@indxsearch/systm/styles.css';
+import '@indxsearch/systm/patterns.css'; // Optional SVG patterns
+```
+
+**Available patterns:**
+- `--pattern-checkerboard-light/dark` - 2x2 tight checkerboard
+- `--pattern-checkerboard-spaced-4-light/dark` - 1x1 squares with 1px spacing
+- `--pattern-checkerboard-spaced-6-light/dark` - 1x1 squares with 2px spacing
+- `--pattern-checkerboard-spaced-8-light/dark` - 1x1 squares with 3px spacing
+- `--pattern-checkerboard-spaced-10-light/dark` - 1x1 squares with 4px spacing
+- `--pattern-grid-6-light/dark` - 6x6 grid with 1x1 dot
+- `--pattern-grid-12-light/dark` - 12x12 grid with 1x1 dot
+- `--pattern-grid-24-light/dark` - 24x24 grid with 1x1 dot
+
+**Usage:**
+```css
+.element {
+  background-image: var(--pattern-checkerboard-light);
+  background-repeat: repeat;
+  background-size: 2px 2px;
+}
+
+@media (prefers-color-scheme: dark) {
+  .element {
+    background-image: var(--pattern-checkerboard-dark);
+  }
+}
+```
+
 ## Dependencies
 
 - `@indxsearch/pixl` - Icon library

package/dist/index.es.js

@@ -2,7 +2,7 @@ import * as u from "react";
 import te, { useState as tr, useEffect as So, useRef as _o, useLayoutEffect as Eo } from "react";
 import * as _t from "react-dom";
 import Ro from "react-dom";
-var at = { exports: {} }, Ue = {};
+var at = { exports: {} }, ze = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -14,7 +14,7 @@ var at = { exports: {} }, Ue = {};
  */
 var xn;
 function Co() {
-  if (xn) return Ue;
+  if (xn) return ze;
   xn = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function n(r, o, s) {
@@ -32,7 +32,7 @@ function Co() {
       props: s
     };
   }
-  return Ue.Fragment = t, Ue.jsx = n, Ue.jsxs = n, Ue;
+  return ze.Fragment = t, ze.jsx = n, ze.jsxs = n, ze;
 }
 var Ye = {};
 /**
@@ -201,10 +201,10 @@ function To() {
         else m(D);
       if (C.call(F, "key")) {
         D = e(S);
-        var z = Object.keys(F).filter(function(U) {
-          return U !== "key";
+        var U = Object.keys(F).filter(function(z) {
+          return z !== "key";
         });
-        $ = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", H[D + $] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", H[D + $] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -213,7 +213,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           $,
           D,
-          z,
+          U,
           D
         ), H[D + $] = !0);
       }
@@ -330,12 +330,12 @@ const Do = "_checkboxWrapper_1wbyq_1", jo = "_checkbox_1wbyq_1", Lo = "_label_1w
 function kl({ children: e, className: t }) {
   return /* @__PURE__ */ b.jsx("div", { className: `${En.container} ${En.default} ${t || ""}`, children: e });
 }
-const Vo = "_container_10bfq_1", $o = "_header_10bfq_11", Ho = "_title_10bfq_31", zo = "_body_10bfq_49", Ne = {
+const Vo = "_container_10bfq_1", $o = "_header_10bfq_11", Ho = "_title_10bfq_31", Uo = "_body_10bfq_49", Ne = {
   container: Vo,
   header: $o,
   title: Ho,
-  body: zo
-}, Uo = ({ color: e = "black", size: t = 21 }) => {
+  body: Uo
+}, zo = ({ color: e = "black", size: t = 21 }) => {
   const n = 0.7142857142857143, r = t, o = typeof t == "number" ? t * n : `calc(${t} * 0.7142857142857143)`;
   return b.jsx("svg", { width: r, height: o, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: b.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 1H2V2H1V1ZM3 3H2V2H3V3ZM4 3V4H3V3H4ZM5 2H4V3H5V2ZM5 2V1H6V2H5Z", fill: e }) });
 }, Yo = ({ color: e = "black", size: t = 21 }) => {
@@ -524,7 +524,7 @@ const pi = "_radioWrapper_1faq0_1", hi = "_radioInput_1faq0_9", mi = "_customRad
       ]
     }
   );
-}, xi = "_basetrack_1ezlq_1", Si = "_selectedtrack_1ezlq_29", _i = "_livetrack_1ezlq_36", Ei = "_livetrackFaceted_1ezlq_42", Ri = "_livetrackDefault_1ezlq_45", Ci = "_thumbs_1ezlq_48", Ti = "_disabled_1ezlq_82", re = {
+}, xi = "_basetrack_g50sm_1", Si = "_selectedtrack_g50sm_29", _i = "_livetrack_g50sm_36", Ei = "_livetrackFaceted_g50sm_42", Ri = "_livetrackDefault_g50sm_45", Ci = "_thumbs_g50sm_48", Ti = "_disabled_g50sm_82", re = {
   basetrack: xi,
   selectedtrack: Si,
   livetrack: _i,
@@ -720,19 +720,19 @@ function nr() {
           var q = E.getThumbs();
           if (q.length < 1)
             return;
-          var Z = {}, D = E.getOffsets(), z = L(P, D, q, C, k, A, M), G = M(C[P].toFixed(A));
-          if (z.length) {
-            var U = z.reduce(function(ce, be, xe, it) {
+          var Z = {}, D = E.getOffsets(), U = L(P, D, q, C, k, A, M), G = M(C[P].toFixed(A));
+          if (U.length) {
+            var z = U.reduce(function(ce, be, xe, it) {
               return ce.length ? t(t([], ce, !0), [D[it[xe]].x], !1) : [D[it[xe]].x];
             }, []);
-            if (Math.min.apply(Math, U) === D[P].x) {
+            if (Math.min.apply(Math, z) === D[P].x) {
               var Y = [];
-              z.forEach(function(ce) {
+              U.forEach(function(ce) {
                 Y.push(C[ce].toFixed(A));
               }), G = Array.from(new Set(Y.sort(function(ce, be) {
                 return parseFloat(ce) - parseFloat(be);
               }))).map(M).join(k);
-              var K = Math.min.apply(Math, U), ee = Math.max.apply(Math, U), ae = q[z[U.indexOf(ee)]].getBoundingClientRect().width;
+              var K = Math.min.apply(Math, z), ee = Math.max.apply(Math, z), ae = q[U[z.indexOf(ee)]].getBoundingClientRect().width;
               Z.left = "".concat(Math.abs(K - (ee + ae)) / 2, "px"), Z.transform = "translate(-50%, 0)";
             } else
               Z.visibility = "hidden";
@@ -1553,7 +1553,7 @@ function Vi(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
   }, [n, t]);
 }
-var $i = "DismissableLayer", Yt = "dismissableLayer.update", Hi = "dismissableLayer.pointerDownOutside", zi = "dismissableLayer.focusOutside", kn, or = u.createContext({
+var $i = "DismissableLayer", Yt = "dismissableLayer.update", Hi = "dismissableLayer.pointerDownOutside", Ui = "dismissableLayer.focusOutside", kn, or = u.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -1606,7 +1606,7 @@ var $i = "DismissableLayer", Yt = "dismissableLayer.update", Hi = "dismissableLa
   }
 );
 on.displayName = $i;
-var Ui = "DismissableLayerBranch", Yi = u.forwardRef((e, t) => {
+var zi = "DismissableLayerBranch", Yi = u.forwardRef((e, t) => {
   const n = u.useContext(or), r = u.useRef(null), o = Q(t, r);
   return u.useEffect(() => {
     const s = r.current;
@@ -1616,7 +1616,7 @@ var Ui = "DismissableLayerBranch", Yi = u.forwardRef((e, t) => {
       };
   }, [n.branches]), /* @__PURE__ */ b.jsx(J.div, { ...e, ref: o });
 });
-Yi.displayName = Ui;
+Yi.displayName = zi;
 function qi(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = Oe(e), r = u.useRef(!1), o = u.useRef(() => {
   });
@@ -1651,7 +1651,7 @@ function Ki(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = Oe(e), r = u.useRef(!1);
   return u.useEffect(() => {
     const o = (s) => {
-      s.target && !r.current && ir(zi, n, { originalEvent: s }, {
+      s.target && !r.current && ir(Ui, n, { originalEvent: s }, {
         discrete: !1
       });
     };
@@ -2463,7 +2463,7 @@ function de(e) {
 function ve(e) {
   return Ct() ? e instanceof HTMLElement || e instanceof se(e).HTMLElement : !1;
 }
-function zn(e) {
+function Un(e) {
   return !Ct() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof se(e).ShadowRoot;
 }
 const Es = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -2532,10 +2532,10 @@ function Re(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    zn(e) && e.host || // Fallback.
+    Un(e) && e.host || // Fallback.
     ge(e)
   );
-  return zn(t) ? t.host : t;
+  return Un(t) ? t.host : t;
 }
 function dr(e) {
   const t = Re(e);
@@ -2667,7 +2667,7 @@ function Ls(e) {
     y: a
   };
 }
-const Un = 25;
+const zn = 25;
 function Fs(e, t) {
   const n = se(e), r = ge(e), o = n.visualViewport;
   let s = r.clientWidth, i = r.clientHeight, a = 0, d = 0;
@@ -2679,8 +2679,8 @@ function Fs(e, t) {
   const f = Ot(r);
   if (f <= 0) {
     const g = r.ownerDocument, m = g.body, v = getComputedStyle(m), p = g.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, l = Math.abs(r.clientWidth - m.clientWidth - p);
-    l <= Un && (s -= l);
-  } else f <= Un && (s += f);
+    l <= zn && (s -= l);
+  } else f <= zn && (s += f);
   return {
     width: s,
     height: i,
@@ -2762,7 +2762,7 @@ function Hs(e) {
     height: n
   };
 }
-function zs(e, t, n) {
+function Us(e, t, n) {
   const r = ve(t), o = ge(t), s = n === "fixed", i = Ae(e, !0, s, t);
   let a = {
     scrollLeft: 0,
@@ -2815,10 +2815,10 @@ function vr(e, t) {
     r = qn(r, t);
   return r && We(r) && Wt(r) && !un(r) ? n : r || Ms(e) || n;
 }
-const Us = async function(e) {
+const zs = async function(e) {
   const t = this.getOffsetParent || vr, n = this.getDimensions, r = await n(e.floating);
   return {
-    reference: zs(e.reference, await t(e.floating), e.strategy),
+    reference: Us(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2835,7 +2835,7 @@ const qs = {
   getDocumentElement: ge,
   getClippingRect: $s,
   getOffsetParent: vr,
-  getElementRects: Us,
+  getElementRects: zs,
   getClientRects: js,
   getDimensions: Hs,
   getScale: Fe,
@@ -3186,7 +3186,7 @@ var _r = "PopperAnchor", Er = u.forwardRef(
 Er.displayName = _r;
 var hn = "PopperContent", [ya, wa] = br(hn), Rr = u.forwardRef(
   (e, t) => {
-    var D, z, G, U, Y, K;
+    var D, U, G, z, Y, K;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -3241,7 +3241,7 @@ var hn = "PopperContent", [ya, wa] = br(hn), Rr = u.forwardRef(
     ne(() => {
       M && (S == null || S());
     }, [M, S]);
-    const F = (D = A.arrow) == null ? void 0 : D.x, V = (z = A.arrow) == null ? void 0 : z.y, $ = ((G = A.arrow) == null ? void 0 : G.centerOffset) !== 0, [q, Z] = u.useState();
+    const F = (D = A.arrow) == null ? void 0 : D.x, V = (U = A.arrow) == null ? void 0 : U.y, $ = ((G = A.arrow) == null ? void 0 : G.centerOffset) !== 0, [q, Z] = u.useState();
     return ne(() => {
       w && Z(window.getComputedStyle(w).zIndex);
     }, [w]), /* @__PURE__ */ b.jsx(
@@ -3256,7 +3256,7 @@ var hn = "PopperContent", [ya, wa] = br(hn), Rr = u.forwardRef(
           minWidth: "max-content",
           zIndex: q,
           "--radix-popper-transform-origin": [
-            (U = A.transformOrigin) == null ? void 0 : U.x,
+            (z = A.transformOrigin) == null ? void 0 : z.x,
             (Y = A.transformOrigin) == null ? void 0 : Y.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
@@ -3642,12 +3642,12 @@ jr.isSideCarExport = !0;
 function $a(e, t) {
   return e.useMedium(t), jr;
 }
-var Lr = Va(), zt = function() {
+var Lr = Va(), Ut = function() {
 }, Mt = u.forwardRef(function(e, t) {
   var n = u.useRef(null), r = u.useState({
-    onScrollCapture: zt,
-    onWheelCapture: zt,
-    onTouchMoveCapture: zt
+    onScrollCapture: Ut,
+    onWheelCapture: Ut,
+    onTouchMoveCapture: Ut
   }), o = r[0], s = r[1], i = e.forwardProps, a = e.children, d = e.className, f = e.removeScrollBar, g = e.enabled, m = e.shards, v = e.sideCar, p = e.noRelative, l = e.noIsolation, c = e.inert, h = e.allowPinchZoom, w = e.as, y = w === void 0 ? "div" : w, x = e.gapMode, R = Dr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), _ = v, O = Fa([n, t]), T = pe(pe({}, R), o);
   return u.createElement(
     u.Fragment,
@@ -3669,7 +3669,7 @@ var Ha = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function za() {
+function Ua() {
   if (!document)
     return null;
   var e = document.createElement("style");
@@ -3677,7 +3677,7 @@ function za() {
   var t = Ha();
   return t && e.setAttribute("nonce", t), e;
 }
-function Ua(e, t) {
+function za(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
 function Ya(e) {
@@ -3688,7 +3688,7 @@ var qa = function() {
   var e = 0, t = null;
   return {
     add: function(n) {
-      e == 0 && (t = za()) && (Ua(t, n), Ya(t)), e++;
+      e == 0 && (t = Ua()) && (za(t, n), Ya(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
@@ -3714,11 +3714,11 @@ var qa = function() {
   top: 0,
   right: 0,
   gap: 0
-}, Ut = function(e) {
+}, zt = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Za = function(e) {
   var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Ut(n), Ut(r), Ut(o)];
+  return [zt(n), zt(r), zt(o)];
 }, Ga = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return Xa;
@@ -3974,10 +3974,10 @@ var gn = u.forwardRef(function(e, t) {
   return u.createElement(Mt, pe({}, e, { ref: t, sideCar: hc }));
 });
 gn.classNames = Mt.classNames;
-var mc = [" ", "Enter", "ArrowUp", "ArrowDown"], vc = [" ", "Enter"], Me = "Select", [kt, Nt, gc] = ji(Me), [ze] = Et(Me, [
+var mc = [" ", "Enter", "ArrowUp", "ArrowDown"], vc = [" ", "Enter"], Me = "Select", [kt, Nt, gc] = ji(Me), [Ue] = Et(Me, [
   gc,
   At
-]), It = At(), [yc, Ce] = ze(Me), [wc, bc] = ze(Me), $r = (e) => {
+]), It = At(), [yc, Ce] = Ue(Me), [wc, bc] = Ue(Me), $r = (e) => {
   const {
     __scopeSelect: t,
     children: n,
@@ -4064,7 +4064,7 @@ var mc = [" ", "Enter", "ArrowUp", "ArrowDown"], vc = [" ", "Enter"], Me = "Sele
   ) });
 };
 $r.displayName = Me;
-var Hr = "SelectTrigger", zr = u.forwardRef(
+var Hr = "SelectTrigger", Ur = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = It(n), i = Ce(Hr, n), a = i.disabled || r, d = Q(t, i.onTriggerChange), f = Nt(n), g = u.useRef("touch"), [m, v, p] = lo((c) => {
       const h = f().filter((x) => !x.disabled), w = h.find((x) => x.value === i.value), y = uo(h, c, w);
@@ -4107,10 +4107,10 @@ var Hr = "SelectTrigger", zr = u.forwardRef(
     ) });
   }
 );
-zr.displayName = Hr;
-var Ur = "SelectValue", Yr = u.forwardRef(
+Ur.displayName = Hr;
+var zr = "SelectValue", Yr = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, children: s, placeholder: i = "", ...a } = e, d = Ce(Ur, n), { onValueNodeHasChildrenChange: f } = d, g = s !== void 0, m = Q(t, d.onValueNodeChange);
+    const { __scopeSelect: n, className: r, style: o, children: s, placeholder: i = "", ...a } = e, d = Ce(zr, n), { onValueNodeHasChildrenChange: f } = d, g = s !== void 0, m = Q(t, d.onValueNodeChange);
     return ne(() => {
       f(g);
     }, [f, g]), /* @__PURE__ */ b.jsx(
@@ -4124,7 +4124,7 @@ var Ur = "SelectValue", Yr = u.forwardRef(
     );
   }
 );
-Yr.displayName = Ur;
+Yr.displayName = zr;
 var xc = "SelectIcon", qr = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, children: r, ...o } = e;
@@ -4150,7 +4150,7 @@ var ke = "SelectContent", Xr = u.forwardRef(
   }
 );
 Xr.displayName = ke;
-var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ et("SelectContent.RemoveScroll"), Gr = u.forwardRef(
+var ue = 10, [Zr, Te] = Ue(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ et("SelectContent.RemoveScroll"), Gr = u.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -4180,9 +4180,9 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
     }, [x]), sr();
     const k = u.useCallback(
       (D) => {
-        const [z, ...G] = E().map((K) => K.ref.current), [U] = G.slice(-1), Y = document.activeElement;
+        const [U, ...G] = E().map((K) => K.ref.current), [z] = G.slice(-1), Y = document.activeElement;
         for (const K of D)
-          if (K === Y || (K == null || K.scrollIntoView({ block: "nearest" }), K === z && _ && (_.scrollTop = 0), K === U && _ && (_.scrollTop = _.scrollHeight), K == null || K.focus(), document.activeElement !== Y)) return;
+          if (K === Y || (K == null || K.scrollIntoView({ block: "nearest" }), K === U && _ && (_.scrollTop = 0), K === z && _ && (_.scrollTop = _.scrollHeight), K == null || K.focus(), document.activeElement !== Y)) return;
       },
       [E, _]
     ), M = u.useCallback(
@@ -4196,17 +4196,17 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
     u.useEffect(() => {
       if (x) {
         let D = { x: 0, y: 0 };
-        const z = (U) => {
+        const U = (z) => {
           var Y, K;
           D = {
-            x: Math.abs(Math.round(U.pageX) - (((Y = j.current) == null ? void 0 : Y.x) ?? 0)),
-            y: Math.abs(Math.round(U.pageY) - (((K = j.current) == null ? void 0 : K.y) ?? 0))
+            x: Math.abs(Math.round(z.pageX) - (((Y = j.current) == null ? void 0 : Y.x) ?? 0)),
+            y: Math.abs(Math.round(z.pageY) - (((K = j.current) == null ? void 0 : K.y) ?? 0))
           };
-        }, G = (U) => {
-          D.x <= 10 && D.y <= 10 ? U.preventDefault() : x.contains(U.target) || A(!1), document.removeEventListener("pointermove", z), j.current = null;
+        }, G = (z) => {
+          D.x <= 10 && D.y <= 10 ? z.preventDefault() : x.contains(z.target) || A(!1), document.removeEventListener("pointermove", U), j.current = null;
         };
-        return j.current !== null && (document.addEventListener("pointermove", z), document.addEventListener("pointerup", G, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", z), document.removeEventListener("pointerup", G, { capture: !0 });
+        return j.current !== null && (document.addEventListener("pointermove", U), document.addEventListener("pointerup", G, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", U), document.removeEventListener("pointerup", G, { capture: !0 });
         };
       }
     }, [x, A, j]), u.useEffect(() => {
@@ -4216,18 +4216,18 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
       };
     }, [A]);
     const [H, S] = lo((D) => {
-      const z = E().filter((Y) => !Y.disabled), G = z.find((Y) => Y.ref.current === document.activeElement), U = uo(z, D, G);
-      U && setTimeout(() => U.ref.current.focus());
+      const U = E().filter((Y) => !Y.disabled), G = U.find((Y) => Y.ref.current === document.activeElement), z = uo(U, D, G);
+      z && setTimeout(() => z.ref.current.focus());
     }), F = u.useCallback(
-      (D, z, G) => {
-        const U = !N.current && !G;
-        (y.value !== void 0 && y.value === z || U) && (I(D), U && (N.current = !0));
+      (D, U, G) => {
+        const z = !N.current && !G;
+        (y.value !== void 0 && y.value === U || z) && (I(D), z && (N.current = !0));
       },
       [y.value]
     ), V = u.useCallback(() => x == null ? void 0 : x.focus(), [x]), $ = u.useCallback(
-      (D, z, G) => {
-        const U = !N.current && !G;
-        (y.value !== void 0 && y.value === z || U) && W(D);
+      (D, U, G) => {
+        const z = !N.current && !G;
+        (y.value !== void 0 && y.value === U || z) && W(D);
       },
       [y.value]
     ), q = r === "popper" ? Jt : Jr, Z = q === Jt ? {
@@ -4267,8 +4267,8 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
               D.preventDefault();
             },
             onUnmountAutoFocus: X(o, (D) => {
-              var z;
-              (z = y.trigger) == null || z.focus({ preventScroll: !0 }), D.preventDefault();
+              var U;
+              (U = y.trigger) == null || U.focus({ preventScroll: !0 }), D.preventDefault();
             }),
             children: /* @__PURE__ */ b.jsx(
               on,
@@ -4300,14 +4300,14 @@ var ue = 10, [Zr, Te] = ze(ke), _c = "SelectContentImpl", Ec = /* @__PURE__ */ e
                       ...w.style
                     },
                     onKeyDown: X(w.onKeyDown, (D) => {
-                      const z = D.ctrlKey || D.altKey || D.metaKey;
-                      if (D.key === "Tab" && D.preventDefault(), !z && D.key.length === 1 && S(D.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(D.key)) {
-                        let U = E().filter((Y) => !Y.disabled).map((Y) => Y.ref.current);
-                        if (["ArrowUp", "End"].includes(D.key) && (U = U.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(D.key)) {
-                          const Y = D.target, K = U.indexOf(Y);
-                          U = U.slice(K + 1);
+                      const U = D.ctrlKey || D.altKey || D.metaKey;
+                      if (D.key === "Tab" && D.preventDefault(), !U && D.key.length === 1 && S(D.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(D.key)) {
+                        let z = E().filter((Y) => !Y.disabled).map((Y) => Y.ref.current);
+                        if (["ArrowUp", "End"].includes(D.key) && (z = z.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(D.key)) {
+                          const Y = D.target, K = z.indexOf(Y);
+                          z = z.slice(K + 1);
                         }
-                        setTimeout(() => k(U)), D.preventDefault();
+                        setTimeout(() => k(z)), D.preventDefault();
                       }
                     })
                   }
@@ -4343,15 +4343,15 @@ var Rc = "SelectItemAlignedPosition", Jr = u.forwardRef((e, t) => {
         ]);
         a.style.minWidth = ae + "px", a.style.right = xe + "px";
       }
-      const W = v(), E = window.innerHeight - ue * 2, C = c.scrollHeight, P = window.getComputedStyle(f), N = parseInt(P.borderTopWidth, 10), k = parseInt(P.paddingTop, 10), M = parseInt(P.borderBottomWidth, 10), A = parseInt(P.paddingBottom, 10), j = N + k + C + A + M, H = Math.min(h.offsetHeight * 5, j), S = window.getComputedStyle(c), F = parseInt(S.paddingTop, 10), V = parseInt(S.paddingBottom, 10), $ = T.top + T.height / 2 - ue, q = E - $, Z = h.offsetHeight / 2, D = h.offsetTop + Z, z = N + k + D, G = j - z;
-      if (z <= $) {
+      const W = v(), E = window.innerHeight - ue * 2, C = c.scrollHeight, P = window.getComputedStyle(f), N = parseInt(P.borderTopWidth, 10), k = parseInt(P.paddingTop, 10), M = parseInt(P.borderBottomWidth, 10), A = parseInt(P.paddingBottom, 10), j = N + k + C + A + M, H = Math.min(h.offsetHeight * 5, j), S = window.getComputedStyle(c), F = parseInt(S.paddingTop, 10), V = parseInt(S.paddingBottom, 10), $ = T.top + T.height / 2 - ue, q = E - $, Z = h.offsetHeight / 2, D = h.offsetTop + Z, U = N + k + D, G = j - U;
+      if (U <= $) {
         const Y = W.length > 0 && h === W[W.length - 1].ref.current;
         a.style.bottom = "0px";
         const K = f.clientHeight - c.offsetTop - c.offsetHeight, ee = Math.max(
           q,
           Z + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (Y ? V : 0) + K + M
-        ), ae = z + ee;
+        ), ae = U + ee;
         a.style.height = ae + "px";
       } else {
         const Y = W.length > 0 && h === W[0].ref.current;
@@ -4361,7 +4361,7 @@ var Rc = "SelectItemAlignedPosition", Jr = u.forwardRef((e, t) => {
           N + c.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (Y ? F : 0) + Z
         ) + G;
-        a.style.height = ee + "px", c.scrollTop = z - $ + c.offsetTop;
+        a.style.height = ee + "px", c.scrollTop = U - $ + c.offsetTop;
       }
       a.style.margin = `${ue}px 0`, a.style.minHeight = H + "px", a.style.maxHeight = E + "px", r == null || r(), requestAnimationFrame(() => p.current = !0);
     }
@@ -4455,7 +4455,7 @@ var Cc = "SelectPopperPosition", Jt = u.forwardRef((e, t) => {
   );
 });
 Jt.displayName = Cc;
-var [Tc, yn] = ze(ke, {}), Qt = "SelectViewport", Qr = u.forwardRef(
+var [Tc, yn] = Ue(ke, {}), Qt = "SelectViewport", Qr = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, nonce: r, ...o } = e, s = Te(Qt, n), i = yn(Qt, n), a = Q(t, s.onViewportChange), d = u.useRef(0);
     return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
@@ -4508,7 +4508,7 @@ var [Tc, yn] = ze(ke, {}), Qt = "SelectViewport", Qr = u.forwardRef(
   }
 );
 Qr.displayName = Qt;
-var eo = "SelectGroup", [Pc, Oc] = ze(eo), Ac = u.forwardRef(
+var eo = "SelectGroup", [Pc, Oc] = Ue(eo), Ac = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e, o = Rt();
     return /* @__PURE__ */ b.jsx(Pc, { scope: n, id: o, children: /* @__PURE__ */ b.jsx(J.div, { role: "group", "aria-labelledby": o, ...r, ref: t }) });
@@ -4522,7 +4522,7 @@ var to = "SelectLabel", Mc = u.forwardRef(
   }
 );
 Mc.displayName = to;
-var St = "SelectItem", [kc, no] = ze(St), ro = u.forwardRef(
+var St = "SelectItem", [kc, no] = Ue(St), ro = u.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -4778,7 +4778,7 @@ function uo(e, t, n) {
 function Wc(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Vc = $r, $c = zr, Hc = Yr, zc = qr, Uc = Kr, Yc = Xr, qc = Qr, Kc = ro, Xc = oo;
+var Vc = $r, $c = Ur, Hc = Yr, Uc = qr, zc = Kr, Yc = Xr, qc = Qr, Kc = ro, Xc = oo;
 const Zc = "_trigger_14rt8_1", Gc = "_icon_14rt8_33", Jc = "_content_14rt8_39", Qc = "_viewport_14rt8_47", el = "_item_14rt8_51", Je = {
   trigger: Zc,
   icon: Gc,
@@ -4795,9 +4795,9 @@ const Zc = "_trigger_14rt8_1", Gc = "_icon_14rt8_33", Jc = "_content_14rt8_39",
 }) => /* @__PURE__ */ b.jsxs(Vc, { value: e, onValueChange: t, disabled: s, children: [
   /* @__PURE__ */ b.jsxs($c, { className: `${Je.trigger} ${o} cursor-pointer`, children: [
     /* @__PURE__ */ b.jsx(Hc, { placeholder: r }),
-    /* @__PURE__ */ b.jsx(zc, { className: Je.icon, children: /* @__PURE__ */ b.jsx(Uo, { size: 14, color: "currentColor" }) })
+    /* @__PURE__ */ b.jsx(Uc, { className: Je.icon, children: /* @__PURE__ */ b.jsx(zo, { size: 14, color: "currentColor" }) })
   ] }),
-  /* @__PURE__ */ b.jsx(Uc, { children: /* @__PURE__ */ b.jsx(Yc, { className: Je.content, position: "popper", sideOffset: 4, children: /* @__PURE__ */ b.jsx(qc, { className: Je.viewport, children: n.map((i) => /* @__PURE__ */ b.jsx(
+  /* @__PURE__ */ b.jsx(zc, { children: /* @__PURE__ */ b.jsx(Yc, { className: Je.content, position: "popper", sideOffset: 4, children: /* @__PURE__ */ b.jsx(qc, { className: Je.viewport, children: n.map((i) => /* @__PURE__ */ b.jsx(
     Kc,
     {
       value: i.value,
@@ -5126,13 +5126,13 @@ function $l({ children: e }) {
 function Hl({ children: e }) {
   return /* @__PURE__ */ b.jsx("tr", { className: _e.dataRow, children: e });
 }
-function zl({ label: e, children: t }) {
+function Ul({ label: e, children: t }) {
   return e || t ? /* @__PURE__ */ b.jsx("td", { children: /* @__PURE__ */ b.jsxs("div", { className: _e.cellInner, children: [
     e && /* @__PURE__ */ b.jsx("span", { className: _e.cellLabel, children: e }),
     t && /* @__PURE__ */ b.jsx("div", { className: _e.cellContent, children: t })
   ] }) }) : /* @__PURE__ */ b.jsx("td", { children: t });
 }
-function Ul({ children: e }) {
+function zl({ children: e }) {
   return /* @__PURE__ */ b.jsx("span", { className: _e.value, children: e });
 }
 function Yl({ children: e }) {
@@ -5150,10 +5150,10 @@ export {
   Bl as Select,
   Fl as Slider,
   Vl as Table,
-  zl as TableCell,
+  Ul as TableCell,
   $l as TableHeader,
   Yl as TableIcon,
   Hl as TableRow,
-  Ul as TableValue,
+  zl as TableValue,
   Ll as ToggleSwitch
 };