@duro-app/ui 0.8.0 → 0.8.4

package/dist/index.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as A, Fragment as U } from "react/jsx-runtime";
-import { useState as G, useCallback as W, useContext as N, createContext as D, useId as K, useMemo as ht, useRef as y, useEffect as H, Children as zt } from "react";
+import { jsx as o, jsxs as A, Fragment as _ } from "react/jsx-runtime";
+import { useState as H, useCallback as q, useContext as N, createContext as C, useId as U, useMemo as ft, useRef as w, useEffect as W, Children as It } from "react";
 /**
  * @license react-strict-dom
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -7,77 +7,77 @@ import { useState as G, useCallback as W, useContext as N, createContext as D, u
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ft = {};
-Object.defineProperty(ft, "__esModule", {
+var $t = {};
+Object.defineProperty($t, "__esModule", {
   value: !0
 });
-var It = ft.styleq = void 0, Ct = /* @__PURE__ */ new WeakMap(), Rt = "$$css";
-function qt(t) {
+var qt = $t.styleq = void 0, Rt = /* @__PURE__ */ new WeakMap(), Xt = "$$css";
+function Wt(t) {
   var e, n, r;
   return t != null && (e = t.disableCache === !0, n = t.disableMix === !0, r = t.transform), function() {
-    for (var i = [], c = "", x = null, d = "", l = e ? null : Ct, u = new Array(arguments.length), g = 0; g < arguments.length; g++)
-      u[g] = arguments[g];
-    for (; u.length > 0; ) {
-      var $ = u.pop();
-      if (!($ == null || $ === !1)) {
-        if (Array.isArray($)) {
-          for (var w = 0; w < $.length; w++)
-            u.push($[w]);
+    for (var x = [], i = "", c = null, d = "", a = e ? null : Rt, g = new Array(arguments.length), u = 0; u < arguments.length; u++)
+      g[u] = arguments[u];
+    for (; g.length > 0; ) {
+      var v = g.pop();
+      if (!(v == null || v === !1)) {
+        if (Array.isArray(v)) {
+          for (var S = 0; S < v.length; S++)
+            g.push(v[S]);
           continue;
         }
-        var h = r != null ? r($) : $;
+        var h = r != null ? r(v) : v;
         if (h.$$css != null) {
-          var v = "";
-          if (l != null && l.has(h)) {
-            var f = l.get(h);
-            f != null && (v = f[0], d = f[2], i.push.apply(i, f[1]), l = f[3]);
+          var m = "";
+          if (a != null && a.has(h)) {
+            var f = a.get(h);
+            f != null && (m = f[0], d = f[2], x.push.apply(x, f[1]), a = f[3]);
           } else {
-            var m = [];
+            var $ = [];
             for (var p in h) {
               var b = h[p];
-              if (p === Rt) {
-                var Y = h[p];
-                Y !== !0 && (d = d ? Y + "; " + d : Y);
+              if (p === Xt) {
+                var B = h[p];
+                B !== !0 && (d = d ? B + "; " + d : B);
                 continue;
               }
-              typeof b == "string" || b === null ? i.includes(p) || (i.push(p), l != null && m.push(p), typeof b == "string" && (v += v ? " " + b : b)) : console.error("styleq: ".concat(p, " typeof ").concat(String(b), ' is not "string" or "null".'));
+              typeof b == "string" || b === null ? x.includes(p) || (x.push(p), a != null && $.push(p), typeof b == "string" && (m += m ? " " + b : b)) : console.error("styleq: ".concat(p, " typeof ").concat(String(b), ' is not "string" or "null".'));
             }
-            if (l != null) {
-              var z = /* @__PURE__ */ new WeakMap();
-              l.set(h, [v, m, d, z]), l = z;
+            if (a != null) {
+              var F = /* @__PURE__ */ new WeakMap();
+              a.set(h, [m, $, d, F]), a = F;
             }
           }
-          v && (c = c ? v + " " + c : v);
+          m && (i = i ? m + " " + i : m);
         } else if (n)
-          x == null && (x = {}), x = Object.assign({}, h, x);
+          c == null && (c = {}), c = Object.assign({}, h, c);
         else {
-          var j = null;
-          for (var S in h) {
-            var M = h[S];
-            M !== void 0 && (i.includes(S) || (M != null && (x == null && (x = {}), j == null && (j = {}), j[S] = M), i.push(S), l = null));
+          var y = null;
+          for (var z in h) {
+            var j = h[z];
+            j !== void 0 && (x.includes(z) || (j != null && (c == null && (c = {}), y == null && (y = {}), y[z] = j), x.push(z), a = null));
           }
-          j != null && (x = Object.assign(j, x));
+          y != null && (c = Object.assign(y, c));
         }
       }
     }
-    var C = [c, x, d];
-    return C;
+    var M = [i, c, d];
+    return M;
   };
 }
-var Xt = It = ft.styleq = qt();
-Xt.factory = qt;
-const Yt = It.factory({
+var Yt = qt = $t.styleq = Wt();
+Yt.factory = Wt;
+const Jt = qt.factory({
   disableMix: !0
 });
-function k(...t) {
-  const [e, n, r] = Yt(t), s = {};
+function l(...t) {
+  const [e, n, r] = Jt(t), s = {};
   if (e != null && e !== "" && (s.className = e), n != null && (s.style = n), r != null && r !== "") {
-    const i = r.split(";"), c = {};
-    for (const x of i) {
-      const d = x.trim(), [l, u] = d.split(":");
-      u != null && (c[l] = c[l] != null ? `${c[l]},${u}` : u);
+    const x = r.split(";"), i = {};
+    for (const c of x) {
+      const d = c.trim(), [a, g] = d.split(":");
+      g != null && (i[a] = i[a] != null ? `${i[a]},${g}` : g);
     }
-    s["data-style-src"] = Object.keys(c).map((x) => `${x}:${c[x]}`).join("; ");
+    s["data-style-src"] = Object.keys(i).map((c) => `${c}:${i[c]}`).join("; ");
   }
   return s;
 }
@@ -121,23 +121,23 @@ const V = {
     kHenm0: "x288g5",
     $$css: !0
   }
-}, Jt = V.inline, Pt = [V.inlineblock, V.button], Ft = V.block, _ = [V.block, V.heading], Qt = [V.inlineblock, V.input], Kt = V.inline, Ut = V.block, _t = V.block, Zt = V.inline, te = [V.inlineblock, V.textarea], a = {
-  a: Jt,
-  button: Pt,
-  div: Ft,
-  h1: _,
-  h2: _,
-  h3: _,
-  h4: _,
-  h5: _,
-  h6: _,
-  input: Qt,
-  label: Kt,
-  nav: Ut,
-  p: _t,
-  span: Zt,
-  textarea: te
-}, St = {
+}, Pt = V.inline, Ft = [V.inlineblock, V.button], Qt = V.block, Z = [V.block, V.heading], Kt = [V.inlineblock, V.input], Ut = V.inline, _t = V.block, Zt = V.block, te = V.inline, ee = [V.inlineblock, V.textarea], k = {
+  a: Pt,
+  button: Ft,
+  div: Qt,
+  h1: Z,
+  h2: Z,
+  h3: Z,
+  h4: Z,
+  h5: Z,
+  h6: Z,
+  input: Kt,
+  label: Ut,
+  nav: _t,
+  p: Zt,
+  span: te,
+  textarea: ee
+}, jt = {
   base: {
     kmVPX3: "x16ixvul",
     kaIpWk: "x1gbengz",
@@ -172,13 +172,13 @@ const V = {
     $$css: !0
   }
 };
-function yn({
+function wn({
   variant: t = "info",
   children: e
 }) {
-  return /* @__PURE__ */ o("div", { role: "alert", ...k(a.div, St.base, St[t]), children: e });
+  return /* @__PURE__ */ o("div", { role: "alert", ...l(k.div, jt.base, jt[t]), children: e });
 }
-const ct = {
+const xt = {
   base: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -231,18 +231,18 @@ const ct = {
     kMwMTN: "xmooqzt",
     $$css: !0
   }
-}, ee = {
-  sm: ct.sizeSm,
-  md: ct.sizeMd
+}, ne = {
+  sm: xt.sizeSm,
+  md: xt.sizeMd
 };
-function wn({
+function Sn({
   variant: t = "default",
   size: e = "md",
   children: n
 }) {
-  return /* @__PURE__ */ o("span", { ...k(a.span, ct.base, ee[e], ct[t]), children: n });
+  return /* @__PURE__ */ o("span", { ...l(k.span, xt.base, ne[e], xt[t]), children: n });
 }
-const et = {
+const nt = {
   base: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -317,22 +317,22 @@ const et = {
     kkrTdU: "x1h6gzvc",
     $$css: !0
   }
-}, ne = {
-  default: et.sizeDefault,
-  small: et.sizeSmall
+}, re = {
+  default: nt.sizeDefault,
+  small: nt.sizeSmall
 };
-function Sn({
+function jn({
   variant: t = "primary",
   size: e = "default",
   fullWidth: n = !1,
   disabled: r = !1,
   type: s = "button",
-  onClick: i,
-  children: c
+  onClick: x,
+  children: i
 }) {
-  return /* @__PURE__ */ o("button", { type: s, disabled: r, onClick: i, ...k(a.button, et.base, ne[e], et[t], n && et.fullWidth, r && et.disabled), children: c });
+  return /* @__PURE__ */ o("button", { type: s, disabled: r, onClick: x, ...l(k.button, nt.base, re[e], nt[t], n && nt.fullWidth, r && nt.disabled), children: i });
 }
-const nt = {
+const rt = {
   base: {
     kWkggS: "xl5mw0s",
     kMwMTN: "xg6mlj0",
@@ -389,24 +389,24 @@ const nt = {
     k1K539: "x2mrtcw",
     $$css: !0
   }
-}, re = {
-  default: nt.sizeDefault,
-  compact: nt.sizeCompact,
-  full: nt.sizeFull
+}, se = {
+  default: rt.sizeDefault,
+  compact: rt.sizeCompact,
+  full: rt.sizeFull
 };
-function jn({
+function Mn({
   variant: t = "outlined",
   size: e = "default",
   header: n,
   onClick: r,
   children: s
 }) {
-  return /* @__PURE__ */ A("div", { onClick: r, ...k(a.div, nt.base, nt[t], re[e]), children: [
-    n && /* @__PURE__ */ o("div", { ...k(a.div, nt.header), children: n }),
+  return /* @__PURE__ */ A("div", { onClick: r, ...l(k.div, rt.base, rt[t], se[e]), children: [
+    n && /* @__PURE__ */ o("div", { ...l(k.div, rt.header), children: n }),
     s
   ] });
 }
-const Z = {
+const tt = {
   root: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -456,27 +456,27 @@ const Z = {
     $$css: !0
   }
 };
-function Mn({
+function zn({
   name: t,
   value: e,
   checked: n,
   defaultChecked: r = !1,
   disabled: s = !1,
-  onChange: i,
-  children: c
+  onChange: x,
+  children: i
 }) {
-  const x = n !== void 0, [d, l] = G(r), u = x ? n : d, g = W(($) => {
-    x || l($.target.checked), i?.($);
-  }, [x, i]);
-  return /* @__PURE__ */ A("label", { ...k(a.label, Z.root, s && Z.rootDisabled), children: [
-    /* @__PURE__ */ o("input", { type: "checkbox", name: t, value: e, checked: x ? n : void 0, defaultChecked: x ? void 0 : r, disabled: s, onChange: g, ...k(a.input, Z.input), dir: "auto" }),
-    /* @__PURE__ */ o("span", { ...k(a.span, Z.box, u ? Z.boxChecked : Z.boxUnchecked), "aria-hidden": !0, children: /* @__PURE__ */ o("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", style: {
-      opacity: u ? 1 : 0
+  const c = n !== void 0, [d, a] = H(r), g = c ? n : d, u = q((v) => {
+    c || a(v.target.checked), x?.(v);
+  }, [c, x]);
+  return /* @__PURE__ */ A("label", { ...l(k.label, tt.root, s && tt.rootDisabled), children: [
+    /* @__PURE__ */ o("input", { type: "checkbox", name: t, value: e, checked: c ? n : void 0, defaultChecked: c ? void 0 : r, disabled: s, onChange: u, ...l(k.input, tt.input), dir: "auto" }),
+    /* @__PURE__ */ o("span", { ...l(k.span, tt.box, g ? tt.boxChecked : tt.boxUnchecked), "aria-hidden": !0, children: /* @__PURE__ */ o("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", style: {
+      opacity: g ? 1 : 0
     }, children: /* @__PURE__ */ o("polyline", { points: "2.5 6 5 8.5 9.5 3.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-    c && /* @__PURE__ */ o("span", { ...k(a.span), children: c })
+    i && /* @__PURE__ */ o("span", { ...l(k.span), children: i })
   ] });
 }
-const dt = {
+const gt = {
   root: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
@@ -499,18 +499,18 @@ const dt = {
     $$css: !0
   }
 };
-function zn({
+function In({
   message: t,
   icon: e,
   action: n
 }) {
-  return /* @__PURE__ */ A("div", { ...k(a.div, dt.root), children: [
+  return /* @__PURE__ */ A("div", { ...l(k.div, gt.root), children: [
     e,
-    /* @__PURE__ */ o("p", { ...k(a.p, dt.message), children: t }),
-    n && /* @__PURE__ */ o("div", { ...k(a.div, dt.action), children: n })
+    /* @__PURE__ */ o("p", { ...l(k.p, gt.message), children: t }),
+    n && /* @__PURE__ */ o("div", { ...l(k.div, gt.action), children: n })
   ] });
 }
-const Wt = {
+const Ht = {
   bodySm: {
     kMv6JI: "x2nsvjj",
     kGuDYH: "x1if0jgx",
@@ -624,7 +624,7 @@ const Wt = {
     kb6lSQ: "xgvl3jc",
     $$css: !0
   }
-}, it = {
+}, ct = {
   default: {
     kMwMTN: "xg6mlj0",
     $$css: !0
@@ -649,33 +649,33 @@ const Wt = {
     k9WMMc: "xp4054r",
     $$css: !0
   }
-}, se = {
+}, oe = {
   1: "headingXl",
   2: "headingLg",
   3: "headingMd",
   4: "headingSm",
   5: "headingSm",
   6: "headingSm"
-}, oe = {
-  start: it.alignStart,
-  center: it.alignCenter,
-  end: it.alignEnd
+}, ie = {
+  start: ct.alignStart,
+  center: ct.alignCenter,
+  end: ct.alignEnd
 };
-function In({
+function qn({
   level: t,
   variant: e,
   color: n = "default",
   align: r,
   children: s
 }) {
-  const i = e ?? se[t], c = [Wt[i], it[n], r && oe[r]];
-  return t === 1 ? /* @__PURE__ */ o("h1", { ...k(a.h1, c), children: s }) : t === 2 ? /* @__PURE__ */ o("h2", { ...k(a.h2, c), children: s }) : t === 3 ? /* @__PURE__ */ o("h3", { ...k(a.h3, c), children: s }) : t === 4 ? /* @__PURE__ */ o("h4", { ...k(a.h4, c), children: s }) : t === 5 ? /* @__PURE__ */ o("h5", { ...k(a.h5, c), children: s }) : /* @__PURE__ */ o("h6", { ...k(a.h6, c), children: s });
+  const x = e ?? oe[t], i = [Ht[x], ct[n], r && ie[r]];
+  return t === 1 ? /* @__PURE__ */ o("h1", { ...l(k.h1, i), children: s }) : t === 2 ? /* @__PURE__ */ o("h2", { ...l(k.h2, i), children: s }) : t === 3 ? /* @__PURE__ */ o("h3", { ...l(k.h3, i), children: s }) : t === 4 ? /* @__PURE__ */ o("h4", { ...l(k.h4, i), children: s }) : t === 5 ? /* @__PURE__ */ o("h5", { ...l(k.h5, i), children: s }) : /* @__PURE__ */ o("h6", { ...l(k.h6, i), children: s });
 }
-const Ht = D(null);
-function ot() {
-  return N(Ht);
+const Gt = C(null);
+function it() {
+  return N(Gt);
 }
-const xt = {
+const lt = {
   root: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
@@ -699,46 +699,46 @@ const xt = {
     $$css: !0
   }
 };
-function ie({
+function ce({
   invalid: t = !1,
   children: e
 }) {
-  const n = K(), r = ht(() => ({
+  const n = U(), r = ft(() => ({
     controlId: `${n}-control`,
     descriptionId: `${n}-description`,
     errorId: `${n}-error`,
     invalid: t
   }), [n, t]);
-  return /* @__PURE__ */ o(Ht.Provider, { value: r, children: /* @__PURE__ */ o("div", { ...k(a.div, xt.root), children: e }) });
+  return /* @__PURE__ */ o(Gt.Provider, { value: r, children: /* @__PURE__ */ o("div", { ...l(k.div, lt.root), children: e }) });
 }
-function ce({
+function xe({
   children: t
 }) {
-  const e = ot();
-  return /* @__PURE__ */ o("label", { htmlFor: e?.controlId, ...k(a.label, xt.label), children: t });
+  const e = it();
+  return /* @__PURE__ */ o("label", { htmlFor: e?.controlId, ...l(k.label, lt.label), children: t });
 }
-function xe({
+function le({
   children: t
 }) {
-  const e = ot();
-  return /* @__PURE__ */ o("span", { id: e?.descriptionId, ...k(a.span, xt.description), children: t });
+  const e = it();
+  return /* @__PURE__ */ o("span", { id: e?.descriptionId, ...l(k.span, lt.description), children: t });
 }
-function le({
+function ke({
   children: t
 }) {
-  const e = ot();
-  return !e?.invalid && !t ? null : /* @__PURE__ */ o("span", { id: e?.errorId, role: "alert", ...k(a.span, xt.error), children: t });
-}
-const qn = {
-  Root: ie,
-  Label: ce,
-  Description: xe,
-  Error: le
-}, Gt = D(null);
-function ke() {
-  return N(Gt);
+  const e = it();
+  return !e?.invalid && !t ? null : /* @__PURE__ */ o("span", { id: e?.errorId, role: "alert", ...l(k.span, lt.error), children: t });
+}
+const Wn = {
+  Root: ce,
+  Label: xe,
+  Description: le,
+  Error: ke
+}, Tt = C(null);
+function ae() {
+  return N(Tt);
 }
-const gt = {
+const pt = {
   base: {
     kzqmXN: "xh8yej3",
     kLKAdn: "x1y6gaq4",
@@ -777,26 +777,26 @@ const gt = {
     $$css: !0
   }
 };
-function Wn({
+function Hn({
   variant: t = "default",
   type: e = "text",
   name: n,
   placeholder: r,
   required: s,
-  minLength: i,
-  pattern: c,
-  autoComplete: x,
+  minLength: x,
+  pattern: i,
+  autoComplete: c,
   value: d,
-  defaultValue: l,
-  disabled: u,
-  onChange: g
+  defaultValue: a,
+  disabled: g,
+  onChange: u
 }) {
-  const $ = ot(), w = ke(), h = c !== void 0 ? {
-    pattern: c
+  const v = it(), S = ae(), h = i !== void 0 ? {
+    pattern: i
   } : void 0;
-  return /* @__PURE__ */ o("input", { id: $?.controlId, type: e, name: n, placeholder: r, required: s, minLength: i, autoComplete: x, value: d, defaultValue: l, disabled: u, "aria-describedby": $ ? `${$.descriptionId} ${$.invalid ? $.errorId : ""}`.trim() : void 0, "aria-invalid": $?.invalid || t === "error" || void 0, onChange: g, ...k(a.input, gt.base, gt[t], w?.inGroup && gt.inGroup), ...h, dir: "auto" });
+  return /* @__PURE__ */ o("input", { id: v?.controlId, type: e, name: n, placeholder: r, required: s, minLength: x, autoComplete: c, value: d, defaultValue: a, disabled: g, "aria-describedby": v ? `${v.descriptionId} ${v.invalid ? v.errorId : ""}`.trim() : void 0, "aria-invalid": v?.invalid || t === "error" || void 0, onChange: u, ...l(k.input, pt.base, pt[t], S?.inGroup && pt.inGroup), ...h, dir: "auto" });
 }
-const tt = {
+const et = {
   wrapper: {
     k1xSpc: "x78zum5",
     kGNEyG: "x1qjc9v5",
@@ -851,27 +851,27 @@ const tt = {
     $$css: !0
   }
 };
-function ae({
+function ue({
   children: t
 }) {
-  const e = ht(() => ({
+  const e = ft(() => ({
     inGroup: !0
   }), []);
-  return /* @__PURE__ */ o(Gt.Provider, { value: e, children: /* @__PURE__ */ o("div", { ...k(a.div, tt.wrapper), children: t }) });
+  return /* @__PURE__ */ o(Tt.Provider, { value: e, children: /* @__PURE__ */ o("div", { ...l(k.div, et.wrapper), children: t }) });
 }
-function ue({
+function de({
   position: t = "end",
   onClick: e,
   disabled: n,
   children: r
 }) {
-  const s = t === "start" ? tt.addonStart : tt.addonEnd, i = [tt.addon, s, e && !n && tt.addonClickable, n && tt.addonDisabled];
-  return e ? /* @__PURE__ */ o("button", { type: "button", onClick: e, disabled: n, ...k(a.button, i), children: r }) : /* @__PURE__ */ o("span", { ...k(a.span, i), children: r });
+  const s = t === "start" ? et.addonStart : et.addonEnd, x = [et.addon, s, e && !n && et.addonClickable, n && et.addonDisabled];
+  return e ? /* @__PURE__ */ o("button", { type: "button", onClick: e, disabled: n, ...l(k.button, x), children: r }) : /* @__PURE__ */ o("span", { ...l(k.span, x), children: r });
 }
-const Hn = {
-  Root: ae,
-  Addon: ue
-}, st = {
+const Gn = {
+  Root: ue,
+  Addon: de
+}, ot = {
   base: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -921,20 +921,20 @@ const Hn = {
     kzqmXN: "xh8yej3",
     $$css: !0
   }
-}, de = {
-  default: st.sizeDefault,
-  small: st.sizeSmall
+}, ge = {
+  default: ot.sizeDefault,
+  small: ot.sizeSmall
 };
-function Gn({
+function Tn({
   href: t,
   variant: e = "primary",
   size: n = "default",
   fullWidth: r = !1,
   target: s,
-  rel: i,
-  children: c
+  rel: x,
+  children: i
 }) {
-  return /* @__PURE__ */ o("a", { href: t, target: s, rel: i, ...k(a.a, st.base, de[n], st[e], r && st.fullWidth), children: c });
+  return /* @__PURE__ */ o("a", { href: t, target: s, rel: x, ...l(k.a, ot.base, ge[n], ot[e], r && ot.fullWidth), children: i });
 }
 const J = {
   root: {
@@ -1020,103 +1020,103 @@ const J = {
     kMwMTN: "xg6mlj0 x1c35pte",
     $$css: !0
   }
-}, Tt = D(null);
-function lt() {
-  const t = N(Tt);
+}, Et = C(null);
+function kt() {
+  const t = N(Et);
   if (!t) throw new Error("Menu compound components must be used within Menu.Root");
   return t;
 }
-function ge() {
-  const [t, e] = G(!1), [n, r] = G(null), s = K(), i = y(null), c = y(null), x = y(/* @__PURE__ */ new Map()), d = y([]), l = y(!1), u = W(() => {
-    e(!1), r(null), l.current = !1, c.current?.focus();
-  }, []), g = W(() => {
-    e((h) => (h ? (r(null), l.current = !1) : l.current = !0, !h));
+function pe() {
+  const [t, e] = H(!1), [n, r] = H(null), s = U(), x = w(null), i = w(null), c = w(/* @__PURE__ */ new Map()), d = w([]), a = w(!1), g = q(() => {
+    e(!1), r(null), a.current = !1, i.current?.focus();
+  }, []), u = q(() => {
+    e((h) => (h ? (r(null), a.current = !1) : a.current = !0, !h));
   }, []);
-  H(() => {
-    if (t && l.current) {
-      l.current = !1;
+  W(() => {
+    if (t && a.current) {
+      a.current = !1;
       const h = d.current;
       h.length > 0 && r(h[0]);
     }
   }, [t]);
-  const $ = W((h, v) => {
-    x.current.set(h, v);
-    const f = x.current, m = [...f.keys()];
-    return m.sort((p, b) => {
-      const Y = f.get(p), z = f.get(b);
-      return !Y || !z ? 0 : Y.compareDocumentPosition(z) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), d.current = m, () => {
-      x.current.delete(h), d.current = d.current.filter((p) => p !== h);
+  const v = q((h, m) => {
+    c.current.set(h, m);
+    const f = c.current, $ = [...f.keys()];
+    return $.sort((p, b) => {
+      const B = f.get(p), F = f.get(b);
+      return !B || !F ? 0 : B.compareDocumentPosition(F) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    }), d.current = $, () => {
+      c.current.delete(h), d.current = d.current.filter((p) => p !== h);
     };
   }, []);
-  return H(() => {
-    const h = i.current;
+  return W(() => {
+    const h = x.current;
     if (!h || !t) return;
-    function v(f) {
-      const m = d.current;
-      if (m.length !== 0)
+    function m(f) {
+      const $ = d.current;
+      if ($.length !== 0)
         switch (f.key) {
           case "ArrowDown": {
             f.preventDefault(), r((p) => {
-              const b = p ? m.indexOf(p) : -1;
-              return m[(b + 1) % m.length];
+              const b = p ? $.indexOf(p) : -1;
+              return $[(b + 1) % $.length];
             });
             break;
           }
           case "ArrowUp": {
             f.preventDefault(), r((p) => {
-              const b = p ? m.indexOf(p) : 0;
-              return m[(b - 1 + m.length) % m.length];
+              const b = p ? $.indexOf(p) : 0;
+              return $[(b - 1 + $.length) % $.length];
             });
             break;
           }
           case "Home": {
-            f.preventDefault(), r(m[0]);
+            f.preventDefault(), r($[0]);
             break;
           }
           case "End": {
-            f.preventDefault(), r(m[m.length - 1]);
+            f.preventDefault(), r($[$.length - 1]);
             break;
           }
           case "Enter":
           case " ": {
             f.preventDefault();
-            const p = x.current;
+            const p = c.current;
             r((b) => (b && p.get(b)?.click(), b));
             break;
           }
           case "Escape":
           case "Tab": {
-            u();
+            g();
             break;
           }
         }
     }
-    return h.addEventListener("keydown", v), () => h.removeEventListener("keydown", v);
-  }, [t, u]), {
+    return h.addEventListener("keydown", m), () => h.removeEventListener("keydown", m);
+  }, [t, g]), {
     ctx: {
       open: t,
-      toggle: g,
-      close: u,
+      toggle: u,
+      close: g,
       menuId: s,
       highlightedId: n,
       setHighlightedId: r,
-      registerItem: $,
-      triggerRef: c
+      registerItem: v,
+      triggerRef: i
     },
-    rootRef: i
+    rootRef: x
   };
 }
-function pe({
+function he({
   children: t
 }) {
   const {
     ctx: e,
     rootRef: n
-  } = ge();
-  return /* @__PURE__ */ o(Tt.Provider, { value: e, children: /* @__PURE__ */ o("div", { ref: n, ...k(a.div, J.root), children: t }) });
+  } = pe();
+  return /* @__PURE__ */ o(Et.Provider, { value: e, children: /* @__PURE__ */ o("div", { ref: n, ...l(k.div, J.root), children: t }) });
 }
-function he({
+function fe({
   children: t
 }) {
   const {
@@ -1124,12 +1124,12 @@ function he({
     toggle: n,
     menuId: r,
     triggerRef: s
-  } = lt(), i = y(null);
-  return H(() => {
-    s.current = i.current;
-  }), /* @__PURE__ */ o("button", { ref: i, type: "button", onClick: n, "aria-expanded": e, "aria-haspopup": "menu", "aria-controls": e ? r : void 0, ...k(a.button, J.trigger), children: t });
+  } = kt(), x = w(null);
+  return W(() => {
+    s.current = x.current;
+  }), /* @__PURE__ */ o("button", { ref: x, type: "button", onClick: n, "aria-expanded": e, "aria-haspopup": "menu", "aria-controls": e ? r : void 0, ...l(k.button, J.trigger), children: t });
 }
-function fe({
+function $e({
   children: t,
   align: e = "start"
 }) {
@@ -1137,14 +1137,14 @@ function fe({
     open: n,
     close: r,
     menuId: s,
-    highlightedId: i
-  } = lt();
-  return n ? /* @__PURE__ */ A(U, { children: [
-    /* @__PURE__ */ o("div", { ...k(a.div, J.backdrop), onClick: r }),
-    /* @__PURE__ */ o("div", { id: s, role: "menu", "aria-activedescendant": i ?? void 0, ...k(a.div, J.popup, e === "end" && J.popupEnd), children: t })
+    highlightedId: x
+  } = kt();
+  return n ? /* @__PURE__ */ A(_, { children: [
+    /* @__PURE__ */ o("div", { ...l(k.div, J.backdrop), onClick: r }),
+    /* @__PURE__ */ o("div", { id: s, role: "menu", "aria-activedescendant": x ?? void 0, ...l(k.div, J.popup, e === "end" && J.popupEnd), children: t })
   ] }) : null;
 }
-function $e({
+function ve({
   onClick: t,
   children: e
 }) {
@@ -1152,17 +1152,17 @@ function $e({
     close: n,
     highlightedId: r,
     setHighlightedId: s,
-    registerItem: i
-  } = lt(), c = K(), x = y(null), d = r === c;
-  return H(() => {
-    const u = x.current;
-    if (u)
-      return i(c, u);
-  }, [c, i]), /* @__PURE__ */ o("div", { ref: x, id: c, role: "menuitem", onClick: () => {
+    registerItem: x
+  } = kt(), i = U(), c = w(null), d = r === i;
+  return W(() => {
+    const g = c.current;
+    if (g)
+      return x(i, g);
+  }, [i, x]), /* @__PURE__ */ o("div", { ref: c, id: i, role: "menuitem", onClick: () => {
     t?.(), n();
-  }, onPointerEnter: () => s(c), ...k(a.div, J.item, d && J.itemHighlighted), children: e });
+  }, onPointerEnter: () => s(i), ...l(k.div, J.item, d && J.itemHighlighted), children: e });
 }
-function ve({
+function me({
   href: t,
   children: e
 }) {
@@ -1170,21 +1170,21 @@ function ve({
     close: n,
     highlightedId: r,
     setHighlightedId: s,
-    registerItem: i
-  } = lt(), c = K(), x = y(null), d = r === c;
-  return H(() => {
-    const l = x.current;
-    if (l)
-      return i(c, l);
-  }, [c, i]), /* @__PURE__ */ o("a", { ref: x, id: c, href: t, onClick: n, role: "menuitem", onPointerEnter: () => s(c), ...k(a.a, J.item, J.linkItem, d && J.itemHighlighted), children: e });
-}
-const Tn = {
-  Root: pe,
-  Trigger: he,
-  Popup: fe,
-  Item: $e,
-  LinkItem: ve
-}, B = {
+    registerItem: x
+  } = kt(), i = U(), c = w(null), d = r === i;
+  return W(() => {
+    const a = c.current;
+    if (a)
+      return x(i, a);
+  }, [i, x]), /* @__PURE__ */ o("a", { ref: c, id: i, href: t, onClick: n, role: "menuitem", onPointerEnter: () => s(i), ...l(k.a, J.item, J.linkItem, d && J.itemHighlighted), children: e });
+}
+const En = {
+  Root: he,
+  Trigger: fe,
+  Popup: $e,
+  Item: ve,
+  LinkItem: me
+}, D = {
   root: {
     kVAEAm: "x1n2onr6",
     kVQacm: "xb3r6kr",
@@ -1275,66 +1275,66 @@ const Tn = {
     "--x-width": ((n) => typeof n == "number" ? n + "px" : n ?? void 0)(t),
     "--x-transform": e ?? void 0
   }]
-}, Et = D(null);
-function kt() {
-  const t = N(Et);
+}, Lt = C(null);
+function at() {
+  const t = N(Lt);
   if (!t) throw new Error("ScrollArea compound components must be used within ScrollArea.Root");
   return t;
 }
-function me() {
-  const t = y(null), e = y(null), [n, r] = G(0), [s, i] = G(0), [c, x] = G(0), [d, l] = G(0), [u, g] = G(0), [$, w] = G(0), [h, v] = G(!1), f = y(null), m = W(() => {
+function be() {
+  const t = w(null), e = w(null), [n, r] = H(0), [s, x] = H(0), [i, c] = H(0), [d, a] = H(0), [g, u] = H(0), [v, S] = H(0), [h, m] = H(!1), f = w(null), $ = q(() => {
     const p = t.current;
-    p && (r(p.scrollTop), i(p.scrollLeft), x(p.scrollHeight), l(p.scrollWidth), g(p.clientHeight), w(p.clientWidth), v(!0), f.current && clearTimeout(f.current), f.current = setTimeout(() => v(!1), 1e3));
+    p && (r(p.scrollTop), x(p.scrollLeft), c(p.scrollHeight), a(p.scrollWidth), u(p.clientHeight), S(p.clientWidth), m(!0), f.current && clearTimeout(f.current), f.current = setTimeout(() => m(!1), 1e3));
   }, []);
-  return H(() => {
+  return W(() => {
     const p = t.current;
     if (!p) return;
     const b = new ResizeObserver(() => {
-      x(p.scrollHeight), l(p.scrollWidth), g(p.clientHeight), w(p.clientWidth);
+      c(p.scrollHeight), a(p.scrollWidth), u(p.clientHeight), S(p.clientWidth);
     });
-    return b.observe(p), x(p.scrollHeight), l(p.scrollWidth), g(p.clientHeight), w(p.clientWidth), () => b.disconnect();
-  }, []), H(() => {
+    return b.observe(p), c(p.scrollHeight), a(p.scrollWidth), u(p.clientHeight), S(p.clientWidth), () => b.disconnect();
+  }, []), W(() => {
     const p = t.current;
     if (p)
-      return p.addEventListener("scroll", m, {
+      return p.addEventListener("scroll", $, {
         passive: !0
-      }), () => p.removeEventListener("scroll", m);
-  }, [m]), {
+      }), () => p.removeEventListener("scroll", $);
+  }, [$]), {
     viewportRef: t,
     contentRef: e,
     scrollTop: n,
     scrollLeft: s,
-    scrollHeight: c,
+    scrollHeight: i,
     scrollWidth: d,
-    clientHeight: u,
-    clientWidth: $,
+    clientHeight: g,
+    clientWidth: v,
     scrolling: h
   };
 }
-function be({
+function ye({
   children: t
 }) {
-  const e = me();
-  return /* @__PURE__ */ o(Et.Provider, { value: e, children: /* @__PURE__ */ o("div", { ...k(a.div, B.root), children: t }) });
+  const e = be();
+  return /* @__PURE__ */ o(Lt.Provider, { value: e, children: /* @__PURE__ */ o("div", { ...l(k.div, D.root), children: t }) });
 }
-function ye({
+function we({
   children: t,
   maxHeight: e
 }) {
   const {
     viewportRef: n
-  } = kt();
-  return /* @__PURE__ */ o("div", { ref: n, ...k(a.div, B.viewport, e != null && B.viewportMaxHeight(e)), children: t });
+  } = at();
+  return /* @__PURE__ */ o("div", { ref: n, ...l(k.div, D.viewport, e != null && D.viewportMaxHeight(e)), children: t });
 }
-function we({
+function Se({
   children: t
 }) {
   const {
     contentRef: e
-  } = kt();
-  return /* @__PURE__ */ o("div", { ref: e, ...k(a.div, B.content), children: t });
+  } = at();
+  return /* @__PURE__ */ o("div", { ref: e, ...l(k.div, D.content), children: t });
 }
-function Se({
+function je({
   orientation: t = "vertical",
   children: e
 }) {
@@ -1342,12 +1342,12 @@ function Se({
     scrolling: n,
     scrollHeight: r,
     scrollWidth: s,
-    clientHeight: i,
-    clientWidth: c
-  } = kt();
-  return (t === "vertical" ? r > i : s > c) ? /* @__PURE__ */ o("div", { ...k(a.div, B.scrollbar, t === "vertical" ? B.scrollbarVertical : B.scrollbarHorizontal, n ? B.scrollbarVisible : B.scrollbarHidden), children: e }) : null;
+    clientHeight: x,
+    clientWidth: i
+  } = at();
+  return (t === "vertical" ? r > x : s > i) ? /* @__PURE__ */ o("div", { ...l(k.div, D.scrollbar, t === "vertical" ? D.scrollbarVertical : D.scrollbarHorizontal, n ? D.scrollbarVisible : D.scrollbarHidden), children: e }) : null;
 }
-function je({
+function Me({
   orientation: t = "vertical"
 }) {
   const {
@@ -1355,28 +1355,28 @@ function je({
     scrollTop: n,
     scrollLeft: r,
     scrollHeight: s,
-    scrollWidth: i,
-    clientHeight: c,
-    clientWidth: x
-  } = kt(), d = y(!1), l = y(0), u = y(0), g = t === "vertical", $ = Math.max(g ? c / s * 100 : x / i * 100, 10), w = g ? s - c : i - x, h = g ? c : x, v = $ / 100 * h, f = g ? n : r, m = w > 0 ? f / w * (h - v) : 0, p = g ? B.thumbVertical(`${$}%`, `translateY(${m}px)`) : B.thumbHorizontal(`${$}%`, `translateX(${m}px)`), b = W((j) => {
-    j.preventDefault(), d.current = !0, l.current = g ? j.clientY : j.clientX, u.current = g ? e.current?.scrollTop ?? 0 : e.current?.scrollLeft ?? 0, j.target.setPointerCapture(j.pointerId);
-  }, [g, e]), Y = W((j) => {
+    scrollWidth: x,
+    clientHeight: i,
+    clientWidth: c
+  } = at(), d = w(!1), a = w(0), g = w(0), u = t === "vertical", v = Math.max(u ? i / s * 100 : c / x * 100, 10), S = u ? s - i : x - c, h = u ? i : c, m = v / 100 * h, f = u ? n : r, $ = S > 0 ? f / S * (h - m) : 0, p = u ? D.thumbVertical(`${v}%`, `translateY(${$}px)`) : D.thumbHorizontal(`${v}%`, `translateX(${$}px)`), b = q((y) => {
+    y.preventDefault(), d.current = !0, a.current = u ? y.clientY : y.clientX, g.current = u ? e.current?.scrollTop ?? 0 : e.current?.scrollLeft ?? 0, y.target.setPointerCapture(y.pointerId);
+  }, [u, e]), B = q((y) => {
     if (!d.current) return;
-    const S = e.current;
-    if (!S) return;
-    const M = (g ? j.clientY : j.clientX) - l.current, C = w / (h - v), I = M * C;
-    g ? S.scrollTop = u.current + I : S.scrollLeft = u.current + I;
-  }, [g, w, h, v, e]), z = W(() => {
+    const z = e.current;
+    if (!z) return;
+    const j = (u ? y.clientY : y.clientX) - a.current, M = S / (h - m), Y = j * M;
+    u ? z.scrollTop = g.current + Y : z.scrollLeft = g.current + Y;
+  }, [u, S, h, m, e]), F = q(() => {
     d.current = !1;
   }, []);
-  return /* @__PURE__ */ o("div", { onPointerDown: b, onPointerMove: Y, onPointerUp: z, ...k(a.div, B.thumb, p) });
+  return /* @__PURE__ */ o("div", { onPointerDown: b, onPointerMove: B, onPointerUp: F, ...l(k.div, D.thumb, p) });
 }
-const En = {
-  Root: be,
-  Viewport: ye,
-  Content: we,
-  Scrollbar: Se,
-  Thumb: je
+const Ln = {
+  Root: ye,
+  Viewport: we,
+  Content: Se,
+  Scrollbar: je,
+  Thumb: Me
 }, X = {
   root: {
     kVAEAm: "x1n2onr6",
@@ -1475,148 +1475,151 @@ const En = {
     k1xSpc: "x1s85apg",
     $$css: !0
   }
-}, Lt = D(null);
-function at() {
-  const t = N(Lt);
+}, At = C(null);
+function ut() {
+  const t = N(At);
   if (!t) throw new Error("Select compound components must be used within Select.Root");
   return t;
 }
-function $t(t, e, n) {
-  const [r, s] = G(e), i = t !== void 0 ? t : r, c = W((x) => {
-    t === void 0 && s(x), n?.(x);
+function vt(t, e, n) {
+  const [r, s] = H(e), x = t !== void 0 ? t : r, i = q((c) => {
+    t === void 0 && s(c), n?.(c);
   }, [t, n]);
-  return [i, c];
+  return [x, i];
 }
-function Me({
+function ze({
   defaultValue: t,
   value: e,
-  onValueChange: n
+  onValueChange: n,
+  initialLabels: r
 }) {
-  const [r, s] = $t(e, t ?? null, n), [i, c] = G(!1), [x, d] = G({}), [l, u] = G(null), g = K(), $ = y(null), w = y(null), h = y(/* @__PURE__ */ new Map()), v = y([]), f = W(() => {
-    c(!1), u(null), w.current?.focus();
-  }, []), m = W(() => {
-    c((z) => {
-      if (z)
+  const [s, x] = vt(e, t ?? null, n), [i, c] = H(!1), [d, a] = H(r ?? {}), [g, u] = H(null), v = U(), S = w(null), h = w(null), m = w(/* @__PURE__ */ new Map()), f = w([]), $ = q(() => {
+    c(!1), u(null), h.current?.focus();
+  }, []), p = q(() => {
+    c((y) => {
+      if (y)
         u(null);
       else {
-        const j = h.current, S = v.current;
+        const z = m.current, j = f.current;
         let M = null;
-        for (const C of S) {
-          const I = j.get(C);
-          if (I && I.value === r) {
-            M = C;
+        for (const Y of j) {
+          const G = z.get(Y);
+          if (G && G.value === s) {
+            M = Y;
             break;
           }
         }
-        u(M ?? (S.length > 0 ? S[0] : null));
+        u(M ?? (j.length > 0 ? j[0] : null));
       }
-      return !z;
+      return !y;
     });
-  }, [r]), p = W((z, j) => {
-    d((S) => S[z] === j ? S : {
-      ...S,
-      [z]: j
+  }, [s]), b = q((y, z) => {
+    a((j) => j[y] === z ? j : {
+      ...j,
+      [y]: z
     });
-  }, []), b = W((z, j, S) => {
-    h.current.set(z, {
-      value: j,
-      element: S
+  }, []), B = q((y, z, j) => {
+    m.current.set(y, {
+      value: z,
+      element: j
     });
-    const M = h.current, C = [...M.keys()];
-    return C.sort((I, F) => {
-      const yt = M.get(I)?.element, wt = M.get(F)?.element;
-      return !yt || !wt ? 0 : yt.compareDocumentPosition(wt) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), v.current = C, () => {
-      h.current.delete(z), v.current = v.current.filter((I) => I !== z);
+    const M = m.current, Y = [...M.keys()];
+    return Y.sort((G, Q) => {
+      const wt = M.get(G)?.element, St = M.get(Q)?.element;
+      return !wt || !St ? 0 : wt.compareDocumentPosition(St) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    }), f.current = Y, () => {
+      m.current.delete(y), f.current = f.current.filter((G) => G !== y);
     };
   }, []);
-  return H(() => {
-    const z = $.current;
-    if (!z || !i) return;
-    function j(S) {
-      const M = v.current, C = h.current;
+  return W(() => {
+    const y = S.current;
+    if (!y || !i) return;
+    function z(j) {
+      const M = f.current, Y = m.current;
       if (M.length !== 0)
-        switch (S.key) {
+        switch (j.key) {
           case "ArrowDown": {
-            S.preventDefault(), u((I) => {
-              const F = I ? M.indexOf(I) : -1;
-              return M[(F + 1) % M.length];
+            j.preventDefault(), u((G) => {
+              const Q = G ? M.indexOf(G) : -1;
+              return M[(Q + 1) % M.length];
             });
             break;
           }
           case "ArrowUp": {
-            S.preventDefault(), u((I) => {
-              const F = I ? M.indexOf(I) : 0;
-              return M[(F - 1 + M.length) % M.length];
+            j.preventDefault(), u((G) => {
+              const Q = G ? M.indexOf(G) : 0;
+              return M[(Q - 1 + M.length) % M.length];
             });
             break;
           }
           case "Home": {
-            S.preventDefault(), u(M[0]);
+            j.preventDefault(), u(M[0]);
             break;
           }
           case "End": {
-            S.preventDefault(), u(M[M.length - 1]);
+            j.preventDefault(), u(M[M.length - 1]);
             break;
           }
           case "Enter":
           case " ": {
-            S.preventDefault(), u((I) => {
-              if (I) {
-                const F = C.get(I);
-                F && (s(F.value), f());
+            j.preventDefault(), u((G) => {
+              if (G) {
+                const Q = Y.get(G);
+                Q && (x(Q.value), $());
               }
-              return I;
+              return G;
             });
             break;
           }
           case "Escape":
           case "Tab": {
-            f();
+            $();
             break;
           }
         }
     }
-    return z.addEventListener("keydown", j), () => z.removeEventListener("keydown", j);
-  }, [i, f, s]), {
-    ctx: ht(() => ({
+    return y.addEventListener("keydown", z), () => y.removeEventListener("keydown", z);
+  }, [i, $, x]), {
+    ctx: ft(() => ({
       open: i,
-      toggle: m,
-      close: f,
-      value: r,
-      setValue: s,
-      labels: x,
-      registerLabel: p,
-      listboxId: g,
-      highlightedId: l,
+      toggle: p,
+      close: $,
+      value: s,
+      setValue: x,
+      labels: d,
+      registerLabel: b,
+      listboxId: v,
+      highlightedId: g,
       setHighlightedId: u,
-      registerItem: b,
-      triggerRef: w
-    }), [i, m, f, r, s, x, p, g, l, u, b]),
-    rootRef: $
+      registerItem: B,
+      triggerRef: h
+    }), [i, p, $, s, x, d, b, v, g, u, B]),
+    rootRef: S
   };
 }
-function ze({
+function Ie({
   name: t,
   defaultValue: e,
   value: n,
   onValueChange: r,
-  children: s
+  initialLabels: s,
+  children: x
 }) {
   const {
     ctx: i,
     rootRef: c
-  } = Me({
+  } = ze({
     defaultValue: e,
     value: n,
-    onValueChange: r
+    onValueChange: r,
+    initialLabels: s
   });
-  return /* @__PURE__ */ o(Lt.Provider, { value: i, children: /* @__PURE__ */ A("div", { ref: c, ...k(a.div, X.root), children: [
-    t && /* @__PURE__ */ o("input", { type: "hidden", name: t, value: i.value ?? "", dir: "auto", ...k(a.input) }),
-    s
+  return /* @__PURE__ */ o(At.Provider, { value: i, children: /* @__PURE__ */ A("div", { ref: c, ...l(k.div, X.root), children: [
+    t && /* @__PURE__ */ o("input", { type: "hidden", name: t, value: i.value ?? "", dir: "auto", ...l(k.input) }),
+    x
   ] }) });
 }
-function Ie({
+function qe({
   children: t
 }) {
   const {
@@ -1624,40 +1627,40 @@ function Ie({
     toggle: n,
     listboxId: r,
     highlightedId: s,
-    triggerRef: i
-  } = at(), c = y(null);
-  return H(() => {
-    i.current = c.current;
-  }), /* @__PURE__ */ o("button", { ref: c, type: "button", role: "combobox", onClick: n, "aria-expanded": e, "aria-haspopup": "listbox", "aria-controls": e ? r : void 0, "aria-activedescendant": s ?? void 0, ...k(a.button, X.trigger), children: t });
+    triggerRef: x
+  } = ut(), i = w(null);
+  return W(() => {
+    x.current = i.current;
+  }), /* @__PURE__ */ o("button", { ref: i, type: "button", role: "combobox", onClick: n, "aria-expanded": e, "aria-haspopup": "listbox", "aria-controls": e ? r : void 0, "aria-activedescendant": s ?? void 0, ...l(k.button, X.trigger), children: t });
 }
-function qe({
+function We({
   placeholder: t
 }) {
   const {
     value: e,
     labels: n
-  } = at(), r = e ? n[e] ?? e : null;
-  return /* @__PURE__ */ o("span", { ...k(a.span, r ? X.value : X.placeholder), children: r ?? t });
+  } = ut(), r = e ? n[e] ?? e : null;
+  return /* @__PURE__ */ o("span", { ...l(k.span, r ? X.value : X.placeholder), children: r ?? t });
 }
-function We({
+function He({
   children: t
 }) {
-  return /* @__PURE__ */ o("span", { ...k(a.span, X.icon), children: t ?? /* @__PURE__ */ o("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M6 9l6 6 6-6" }) }) });
+  return /* @__PURE__ */ o("span", { ...l(k.span, X.icon), children: t ?? /* @__PURE__ */ o("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M6 9l6 6 6-6" }) }) });
 }
-function He({
+function Ge({
   children: t
 }) {
   const {
     open: e,
     close: n,
     listboxId: r
-  } = at();
-  return /* @__PURE__ */ A(U, { children: [
-    e && /* @__PURE__ */ o("div", { ...k(a.div, X.backdrop), onClick: n }),
-    /* @__PURE__ */ o("div", { id: r, role: "listbox", "aria-hidden": !e, ...k(a.div, X.popup, !e && X.hidden), children: t })
+  } = ut();
+  return /* @__PURE__ */ A(_, { children: [
+    e && /* @__PURE__ */ o("div", { ...l(k.div, X.backdrop), onClick: n }),
+    /* @__PURE__ */ o("div", { id: r, role: "listbox", "aria-hidden": !e, ...l(k.div, X.popup, !e && X.hidden), children: t })
   ] });
 }
-function Ge({
+function Te({
   value: t,
   children: e
 }) {
@@ -1665,38 +1668,38 @@ function Ge({
     value: n,
     setValue: r,
     close: s,
-    registerLabel: i,
-    highlightedId: c,
-    setHighlightedId: x,
+    registerLabel: x,
+    highlightedId: i,
+    setHighlightedId: c,
     registerItem: d
-  } = at(), l = K(), u = y(null), g = n === t, $ = c === l;
-  return H(() => {
-    const h = u.current;
+  } = ut(), a = U(), g = w(null), u = n === t, v = i === a;
+  return W(() => {
+    const h = g.current;
     if (!h) return;
-    const v = h.textContent;
-    v && i(t, v);
-  }, [t, i]), H(() => {
-    const h = u.current;
+    const m = h.textContent;
+    m && x(t, m);
+  }, [t, x]), W(() => {
+    const h = g.current;
     if (h)
-      return d(l, t, h);
-  }, [l, t, d]), /* @__PURE__ */ o("div", { ref: u, id: l, role: "option", "aria-selected": g, onClick: () => {
+      return d(a, t, h);
+  }, [a, t, d]), /* @__PURE__ */ o("div", { ref: g, id: a, role: "option", "aria-selected": u, onClick: () => {
     r(t), s();
-  }, onPointerEnter: () => x(l), ...k(a.div, X.item, g && X.itemSelected, $ && X.itemHighlighted), children: e });
+  }, onPointerEnter: () => c(a), ...l(k.div, X.item, u && X.itemSelected, v && X.itemHighlighted), children: e });
 }
-function Te({
+function Ee({
   children: t
 }) {
-  return /* @__PURE__ */ o("span", { ...k(a.span), children: t });
+  return /* @__PURE__ */ o("span", { ...l(k.span), children: t });
 }
-const Ln = {
-  Root: ze,
-  Trigger: Ie,
-  Value: qe,
-  Icon: We,
-  Popup: He,
-  Item: Ge,
-  ItemText: Te
-}, Q = {
+const An = {
+  Root: Ie,
+  Trigger: qe,
+  Value: We,
+  Icon: He,
+  Popup: Ge,
+  Item: Te,
+  ItemText: Ee
+}, K = {
   root: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
@@ -1775,68 +1778,68 @@ const Ln = {
     k63SB2: "x9n8r49",
     $$css: !0
   }
-}, At = D(null);
-function Vt() {
-  const t = N(At);
+}, Vt = C(null);
+function Ot() {
+  const t = N(Vt);
   if (!t) throw new Error("SideNav compound components must be used within SideNav.Root");
   return t;
 }
-function Ee({
+function Le({
   children: t,
   value: e,
   defaultValue: n,
   onValueChange: r
 }) {
-  const [s, i] = $t(e, n ?? null, r ? (g) => {
-    g !== null && r(g);
-  } : void 0), [c, x] = G(/* @__PURE__ */ new Set()), d = y([]), l = W((g) => {
-    x(($) => {
-      const w = new Set($);
-      return w.has(g) ? w.delete(g) : w.add(g), w;
+  const [s, x] = vt(e, n ?? null, r ? (u) => {
+    u !== null && r(u);
+  } : void 0), [i, c] = H(/* @__PURE__ */ new Set()), d = w([]), a = q((u) => {
+    c((v) => {
+      const S = new Set(v);
+      return S.has(u) ? S.delete(u) : S.add(u), S;
     });
-  }, []), u = W((g) => (d.current.includes(g) || d.current.push(g), () => {
-    d.current = d.current.filter(($) => $ !== g);
+  }, []), g = q((u) => (d.current.includes(u) || d.current.push(u), () => {
+    d.current = d.current.filter((v) => v !== u);
   }), []);
-  return H(() => {
-    s && x((g) => g);
-  }, [s]), /* @__PURE__ */ o(At.Provider, { value: {
+  return W(() => {
+    s && c((u) => u);
+  }, [s]), /* @__PURE__ */ o(Vt.Provider, { value: {
     activeValue: s,
-    onSelect: i,
-    expandedGroups: c,
-    toggleGroup: l,
-    registerItem: u,
+    onSelect: x,
+    expandedGroups: i,
+    toggleGroup: a,
+    registerItem: g,
     orderRef: d
-  }, children: /* @__PURE__ */ o("nav", { role: "navigation", ...k(a.nav, Q.root), children: t }) });
+  }, children: /* @__PURE__ */ o("nav", { role: "navigation", ...l(k.nav, K.root), children: t }) });
 }
-function Le({
+function Ae({
   children: t,
   label: e,
   groupKey: n,
   defaultExpanded: r
 }) {
   const s = n ?? e, {
-    expandedGroups: i,
-    toggleGroup: c,
-    activeValue: x
-  } = Vt(), d = i.has(s), l = y(null);
-  H(() => {
-    if (!x || i.has(s)) return;
-    const g = l.current;
-    if (!g) return;
-    g.querySelector(`[data-nav-value="${x}"]`) && c(s);
-  }, [x, s, i, c]), H(() => {
-    r && !i.has(s) && c(s);
+    expandedGroups: x,
+    toggleGroup: i,
+    activeValue: c
+  } = Ot(), d = x.has(s), a = w(null);
+  W(() => {
+    if (!c || x.has(s)) return;
+    const u = a.current;
+    if (!u) return;
+    u.querySelector(`[data-nav-value="${c}"]`) && i(s);
+  }, [c, s, x, i]), W(() => {
+    r && !x.has(s) && i(s);
   }, []);
-  const u = !x || !l.current ? !1 : !!l.current.querySelector(`[data-nav-value="${x}"]`);
-  return /* @__PURE__ */ A("div", { ref: l, ...k(a.div, Q.group), children: [
-    /* @__PURE__ */ A("button", { type: "button", onClick: () => c(s), ...k(a.button, Q.groupTrigger, u && Q.groupTriggerActive), "aria-expanded": d, children: [
-      /* @__PURE__ */ o("span", { ...k(a.span, Q.chevron, d && Q.chevronOpen), children: /* @__PURE__ */ o("svg", { width: 10, height: 10, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "M9 18l6-6-6-6" }) }) }),
+  const g = !c || !a.current ? !1 : !!a.current.querySelector(`[data-nav-value="${c}"]`);
+  return /* @__PURE__ */ A("div", { ref: a, ...l(k.div, K.group), children: [
+    /* @__PURE__ */ A("button", { type: "button", onClick: () => i(s), ...l(k.button, K.groupTrigger, g && K.groupTriggerActive), "aria-expanded": d, children: [
+      /* @__PURE__ */ o("span", { ...l(k.span, K.chevron, d && K.chevronOpen), children: /* @__PURE__ */ o("svg", { width: 10, height: 10, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ o("path", { d: "M9 18l6-6-6-6" }) }) }),
       e
     ] }),
     d && t
   ] });
 }
-function Ae({
+function Ve({
   value: t,
   children: e
 }) {
@@ -1844,14 +1847,14 @@ function Ae({
     activeValue: n,
     onSelect: r,
     registerItem: s
-  } = Vt(), i = n === t;
-  return H(() => s(t), [t, s]), /* @__PURE__ */ o("button", { type: "button", "data-nav-value": t, onClick: () => r(t), ...k(a.button, Q.item, i && Q.itemActive), "aria-current": i ? "page" : void 0, children: e });
+  } = Ot(), x = n === t;
+  return W(() => s(t), [t, s]), /* @__PURE__ */ o("button", { type: "button", "data-nav-value": t, onClick: () => r(t), ...l(k.button, K.item, x && K.itemActive), "aria-current": x ? "page" : void 0, children: e });
 }
-const An = {
-  Root: Ee,
-  Group: Le,
-  Item: Ae
-}, rt = {
+const Vn = {
+  Root: Le,
+  Group: Ae,
+  Item: Ve
+}, st = {
   root: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -1895,21 +1898,21 @@ const An = {
     kMcinP: "xzpqnlu",
     $$css: !0
   }
-}, Ve = {
-  sm: rt.sm,
-  md: rt.md,
-  lg: rt.lg
+}, Oe = {
+  sm: st.sm,
+  md: st.md,
+  lg: st.lg
 };
-function Vn({
+function On({
   size: t = "md",
   label: e = "Loading"
 }) {
-  return /* @__PURE__ */ A("div", { role: "status", ...k(a.div, rt.root), children: [
-    /* @__PURE__ */ o("div", { ...k(a.div, rt.spinner, Ve[t]), "aria-hidden": !0 }),
-    /* @__PURE__ */ o("span", { ...k(a.span, rt.srOnly), children: e })
+  return /* @__PURE__ */ A("div", { role: "status", ...l(k.div, st.root), children: [
+    /* @__PURE__ */ o("div", { ...l(k.div, st.spinner, Oe[t]), "aria-hidden": !0 }),
+    /* @__PURE__ */ o("span", { ...l(k.span, st.srOnly), children: e })
   ] });
 }
-const jt = {
+const Mt = {
   root: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -1933,37 +1936,37 @@ const jt = {
     kMwMTN: "x19e7f62",
     $$css: !0
   }
-}, Oe = {
-  "x-circle": /* @__PURE__ */ A(U, { children: [
+}, Ne = {
+  "x-circle": /* @__PURE__ */ A(_, { children: [
     /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ o("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
     /* @__PURE__ */ o("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
   ] }),
-  "check-circle": /* @__PURE__ */ A(U, { children: [
+  "check-circle": /* @__PURE__ */ A(_, { children: [
     /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ o("polyline", { points: "16 10 11 15 8 12" })
   ] }),
-  "check-done": /* @__PURE__ */ A(U, { children: [
+  "check-done": /* @__PURE__ */ A(_, { children: [
     /* @__PURE__ */ o("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     /* @__PURE__ */ o("polyline", { points: "22 4 12 14.01 9 11.01" })
   ] }),
-  clock: /* @__PURE__ */ A(U, { children: [
+  clock: /* @__PURE__ */ A(_, { children: [
     /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ o("polyline", { points: "12 6 12 12 16 14" })
   ] }),
-  forbidden: /* @__PURE__ */ A(U, { children: [
+  forbidden: /* @__PURE__ */ A(_, { children: [
     /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ o("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
   ] })
 };
-function On({
+function Nn({
   name: t,
   size: e = 48,
   variant: n = "muted"
 }) {
-  return /* @__PURE__ */ o("div", { ...k(a.div, jt.root, jt[n]), children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", width: e, height: e, children: Oe[t] }) });
+  return /* @__PURE__ */ o("div", { ...l(k.div, Mt.root, Mt[n]), children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", width: e, height: e, children: Ne[t] }) });
 }
-const Ne = {
+const Be = {
   kumcoG: "xqketvx",
   $$css: !0
 }, L = {
@@ -2042,90 +2045,90 @@ const Ne = {
     kWqL5O: "xgfja2r",
     $$css: !0
   },
-  gridColumns: (t) => [Ne, {
+  gridColumns: (t) => [Be, {
     "--x-gridTemplateColumns": `repeat(${t}, 1fr)` != null ? `repeat(${t}, 1fr)` : void 0
   }]
-}, Ot = D(null);
-function ut() {
-  const t = N(Ot);
+}, Nt = C(null);
+function dt() {
+  const t = N(Nt);
   if (!t) throw new Error("Table compound components must be used within Table.Root");
   return t;
 }
-const vt = D(!1);
-function Be({
+const mt = C(!1);
+function De({
   children: t,
   variant: e = "default",
   size: n = "md",
   columns: r
 }) {
-  return /* @__PURE__ */ o(Ot.Provider, { value: {
+  return /* @__PURE__ */ o(Nt.Provider, { value: {
     variant: e,
     size: n,
     columns: r,
     isHeader: !1
-  }, children: /* @__PURE__ */ o("div", { role: "table", ...k(a.div, L.root), children: t }) });
+  }, children: /* @__PURE__ */ o("div", { role: "table", ...l(k.div, L.root), children: t }) });
 }
-function De({
+function Ce({
   children: t
 }) {
-  return /* @__PURE__ */ o(vt.Provider, { value: !0, children: /* @__PURE__ */ o("div", { role: "rowgroup", ...k(a.div, L.header), children: t }) });
+  return /* @__PURE__ */ o(mt.Provider, { value: !0, children: /* @__PURE__ */ o("div", { role: "rowgroup", ...l(k.div, L.header), children: t }) });
 }
-function Ce({
+function Re({
   children: t
 }) {
   const {
     variant: e
-  } = ut(), n = zt.toArray(t);
-  return /* @__PURE__ */ o(vt.Provider, { value: !1, children: /* @__PURE__ */ o("div", { role: "rowgroup", ...k(a.div), children: n.map((r, s) => e === "striped" ? /* @__PURE__ */ o(Nt.Provider, { value: s, children: r }, s) : r) }) });
+  } = dt(), n = It.toArray(t);
+  return /* @__PURE__ */ o(mt.Provider, { value: !1, children: /* @__PURE__ */ o("div", { role: "rowgroup", ...l(k.div), children: n.map((r, s) => e === "striped" ? /* @__PURE__ */ o(Bt.Provider, { value: s, children: r }, s) : r) }) });
 }
-const Nt = D(-1);
-function Re({
+const Bt = C(-1);
+function Xe({
   children: t
 }) {
   const {
     variant: e,
     columns: n
-  } = ut(), r = N(vt), s = N(Nt), i = s >= 0 && s % 2 === 1, c = zt.toArray(t);
-  return /* @__PURE__ */ o("div", { role: "row", ...k(a.div, L.row, L.gridColumns(n), !r && L.bodyRow, !r && e === "striped" && i && L.stripedEven), children: e === "bordered" ? c.map((x, d) => /* @__PURE__ */ o(mt.Provider, { value: {
+  } = dt(), r = N(mt), s = N(Bt), x = s >= 0 && s % 2 === 1, i = It.toArray(t);
+  return /* @__PURE__ */ o("div", { role: "row", ...l(k.div, L.row, L.gridColumns(n), !r && L.bodyRow, !r && e === "striped" && x && L.stripedEven), children: e === "bordered" ? i.map((c, d) => /* @__PURE__ */ o(bt.Provider, { value: {
     index: d,
-    total: c.length
-  }, children: x }, d)) : t });
+    total: i.length
+  }, children: c }, d)) : t });
 }
-const mt = D({
+const bt = C({
   index: 0,
   total: 0
 });
-function Xe({
+function Ye({
   children: t
 }) {
   const {
     size: e,
     variant: n
-  } = ut(), {
+  } = dt(), {
     index: r,
     total: s
-  } = N(mt), i = n === "bordered" && r === s - 1;
-  return /* @__PURE__ */ o("div", { role: "columnheader", ...k(a.div, L.headerCell, e === "sm" ? L.cellSm : L.cellMd, n === "bordered" && L.borderedCell, i && L.borderedCellLast), children: t });
+  } = N(bt), x = n === "bordered" && r === s - 1;
+  return /* @__PURE__ */ o("div", { role: "columnheader", ...l(k.div, L.headerCell, e === "sm" ? L.cellSm : L.cellMd, n === "bordered" && L.borderedCell, x && L.borderedCellLast), children: t });
 }
-function Ye({
+function Je({
   children: t
 }) {
   const {
     size: e,
     variant: n
-  } = ut(), {
+  } = dt(), {
     index: r,
     total: s
-  } = N(mt), i = n === "bordered" && r === s - 1;
-  return /* @__PURE__ */ o("div", { role: "cell", ...k(a.div, L.cell, e === "sm" ? L.cellSm : L.cellMd, n === "bordered" && L.borderedCell, i && L.borderedCellLast), children: t });
-}
-const Nn = {
-  Root: Be,
-  Header: De,
-  Body: Ce,
-  Row: Re,
-  HeaderCell: Xe,
-  Cell: Ye
+  } = N(bt), x = n === "bordered" && r === s - 1;
+  return /* @__PURE__ */ o("div", { role: "cell", ...l(k.div, L.cell, e === "sm" ? L.cellSm : L.cellMd, n === "bordered" && L.borderedCell, x && L.borderedCellLast), children: t });
+}
+const Bn = {
+  Root: De,
+  Header: Ce,
+  Body: Re,
+  Row: Xe,
+  HeaderCell: Ye,
+  Cell: Je
 }, R = {
   root: {
     k1xSpc: "x78zum5",
@@ -2214,48 +2217,48 @@ const Nn = {
     kE3dHu: "x107tsa6",
     $$css: !0
   }
-}, Bt = D(null);
-function bt() {
-  const t = N(Bt);
+}, Dt = C(null);
+function yt() {
+  const t = N(Dt);
   if (!t) throw new Error("Tabs compound components must be used within Tabs.Root");
   return t;
 }
-function Je({
+function Pe({
   value: t,
   defaultValue: e,
   onValueChange: n,
   orientation: r = "horizontal"
 }) {
-  const [s, i] = $t(t, e ?? null, n ? (l) => {
-    l !== null && n(l);
-  } : void 0), c = y(/* @__PURE__ */ new Map()), x = y([]), d = W((l, u) => (c.current.set(l, u), x.current.includes(l) || x.current.push(l), () => {
-    c.current.delete(l), x.current = x.current.filter((g) => g !== l);
+  const [s, x] = vt(t, e ?? null, n ? (a) => {
+    a !== null && n(a);
+  } : void 0), i = w(/* @__PURE__ */ new Map()), c = w([]), d = q((a, g) => (i.current.set(a, g), c.current.includes(a) || c.current.push(a), () => {
+    i.current.delete(a), c.current = c.current.filter((u) => u !== a);
   }), []);
   return {
     activeValue: s,
-    onSelect: i,
+    onSelect: x,
     orientation: r,
     registerTab: d,
-    tabsRef: c,
-    orderRef: x
+    tabsRef: i,
+    orderRef: c
   };
 }
-function Pe({
+function Fe({
   children: t,
   value: e,
   defaultValue: n,
   onValueChange: r,
   orientation: s = "horizontal"
 }) {
-  const i = Je({
+  const x = Pe({
     value: e,
     defaultValue: n,
     onValueChange: r,
     orientation: s
   });
-  return /* @__PURE__ */ o(Bt.Provider, { value: i, children: /* @__PURE__ */ o("div", { ...k(a.div, R.root, s === "vertical" && R.rootVertical), children: t }) });
+  return /* @__PURE__ */ o(Dt.Provider, { value: x, children: /* @__PURE__ */ o("div", { ...l(k.div, R.root, s === "vertical" && R.rootVertical), children: t }) });
 }
-function Fe({
+function Qe({
   children: t
 }) {
   const {
@@ -2263,66 +2266,66 @@ function Fe({
     activeValue: n,
     onSelect: r,
     tabsRef: s,
-    orderRef: i
-  } = bt(), c = y(null);
-  return H(() => {
-    const x = c.current;
-    if (!x) return;
-    function d(l) {
-      const u = i.current, g = s.current;
-      if (u.length === 0) return;
-      const $ = this, w = e === "horizontal" ? "ArrowLeft" : "ArrowUp", h = e === "horizontal" ? "ArrowRight" : "ArrowDown";
-      let v = null;
-      switch (l.key) {
+    orderRef: x
+  } = yt(), i = w(null);
+  return W(() => {
+    const c = i.current;
+    if (!c) return;
+    function d(a) {
+      const g = x.current, u = s.current;
+      if (g.length === 0) return;
+      const v = this, S = e === "horizontal" ? "ArrowLeft" : "ArrowUp", h = e === "horizontal" ? "ArrowRight" : "ArrowDown";
+      let m = null;
+      switch (a.key) {
         case h: {
-          l.preventDefault();
-          const f = n ? u.indexOf(n) : -1;
-          for (let m = 1; m <= u.length; m++) {
-            const p = (f + m) % u.length, b = u[p];
-            if (!g.get(b)) {
-              v = b;
+          a.preventDefault();
+          const f = n ? g.indexOf(n) : -1;
+          for (let $ = 1; $ <= g.length; $++) {
+            const p = (f + $) % g.length, b = g[p];
+            if (!u.get(b)) {
+              m = b;
               break;
             }
           }
           break;
         }
-        case w: {
-          l.preventDefault();
-          const f = n ? u.indexOf(n) : 0;
-          for (let m = 1; m <= u.length; m++) {
-            const p = (f - m + u.length) % u.length, b = u[p];
-            if (!g.get(b)) {
-              v = b;
+        case S: {
+          a.preventDefault();
+          const f = n ? g.indexOf(n) : 0;
+          for (let $ = 1; $ <= g.length; $++) {
+            const p = (f - $ + g.length) % g.length, b = g[p];
+            if (!u.get(b)) {
+              m = b;
               break;
             }
           }
           break;
         }
         case "Home": {
-          l.preventDefault();
-          for (const f of u)
-            if (!g.get(f)) {
-              v = f;
+          a.preventDefault();
+          for (const f of g)
+            if (!u.get(f)) {
+              m = f;
               break;
             }
           break;
         }
         case "End": {
-          l.preventDefault();
-          for (let f = u.length - 1; f >= 0; f--)
-            if (!g.get(u[f])) {
-              v = u[f];
+          a.preventDefault();
+          for (let f = g.length - 1; f >= 0; f--)
+            if (!u.get(g[f])) {
+              m = g[f];
               break;
             }
           break;
         }
       }
-      v && (r(v), $.querySelector(`[data-tab-value="${v}"]`)?.focus());
+      m && (r(m), v.querySelector(`[data-tab-value="${m}"]`)?.focus());
     }
-    return x.addEventListener("keydown", d), () => x.removeEventListener("keydown", d);
-  }, [e, n, r, s, i]), /* @__PURE__ */ o("div", { ref: c, role: "tablist", "aria-orientation": e, ...k(a.div, R.list, e === "vertical" && R.listVertical), children: t });
+    return c.addEventListener("keydown", d), () => c.removeEventListener("keydown", d);
+  }, [e, n, r, s, x]), /* @__PURE__ */ o("div", { ref: i, role: "tablist", "aria-orientation": e, ...l(k.div, R.list, e === "vertical" && R.listVertical), children: t });
 }
-function Qe({
+function Ke({
   value: t,
   disabled: e = !1,
   children: n
@@ -2330,29 +2333,29 @@ function Qe({
   const {
     activeValue: r,
     onSelect: s,
-    orientation: i,
-    registerTab: c
-  } = bt(), x = r === t, d = K(), l = `${d}-panel`;
-  return H(() => c(t, e), [t, e, c]), /* @__PURE__ */ o("button", { type: "button", role: "tab", id: d, "aria-selected": x, "aria-controls": l, "aria-disabled": e || void 0, "data-tab-value": t, tabIndex: x ? 0 : -1, onClick: () => {
+    orientation: x,
+    registerTab: i
+  } = yt(), c = r === t, d = U(), a = `${d}-panel`;
+  return W(() => i(t, e), [t, e, i]), /* @__PURE__ */ o("button", { type: "button", role: "tab", id: d, "aria-selected": c, "aria-controls": a, "aria-disabled": e || void 0, "data-tab-value": t, tabIndex: c ? 0 : -1, onClick: () => {
     e || s(t);
-  }, ...k(a.button, R.tab, i === "vertical" && R.tabVertical, x && (i === "vertical" ? R.tabActiveVertical : R.tabActiveHorizontal), e && R.tabDisabled), children: n });
+  }, ...l(k.button, R.tab, x === "vertical" && R.tabVertical, c && (x === "vertical" ? R.tabActiveVertical : R.tabActiveHorizontal), e && R.tabDisabled), children: n });
 }
-function Ke({
+function Ue({
   value: t,
   children: e
 }) {
   const {
     activeValue: n,
     orientation: r
-  } = bt();
-  return n !== t ? null : /* @__PURE__ */ o("div", { role: "tabpanel", ...k(a.div, R.panel, r === "vertical" && R.panelVertical), children: e });
-}
-const Bn = {
-  Root: Pe,
-  List: Fe,
-  Tab: Qe,
-  Panel: Ke
-}, Mt = {
+  } = yt();
+  return n !== t ? null : /* @__PURE__ */ o("div", { role: "tabpanel", ...l(k.div, R.panel, r === "vertical" && R.panelVertical), children: e });
+}
+const Dn = {
+  Root: Fe,
+  List: Qe,
+  Tab: Ke,
+  Panel: Ue
+}, zt = {
   base: {
     kzqmXN: "xh8yej3",
     kLKAdn: "x1y6gaq4",
@@ -2386,21 +2389,21 @@ const Bn = {
     $$css: !0
   }
 };
-function Dn({
+function Cn({
   variant: t = "default",
   name: e,
   placeholder: n,
   required: r,
   rows: s = 3,
-  value: i,
-  defaultValue: c,
-  disabled: x,
+  value: x,
+  defaultValue: i,
+  disabled: c,
   onChange: d
 }) {
-  const l = ot();
-  return /* @__PURE__ */ o("textarea", { id: l?.controlId, name: e, placeholder: n, required: r, rows: s, value: i, defaultValue: c, disabled: x, "aria-describedby": l ? `${l.descriptionId} ${l.invalid ? l.errorId : ""}`.trim() : void 0, "aria-invalid": l?.invalid || t === "error" || void 0, onChange: d, ...k(a.textarea, Mt.base, Mt[t]), dir: "auto" });
+  const a = it();
+  return /* @__PURE__ */ o("textarea", { id: a?.controlId, name: e, placeholder: n, required: r, rows: s, value: x, defaultValue: i, disabled: c, "aria-describedby": a ? `${a.descriptionId} ${a.invalid ? a.errorId : ""}`.trim() : void 0, "aria-invalid": a?.invalid || t === "error" || void 0, onChange: d, ...l(k.textarea, zt.base, zt[t]), dir: "auto" });
 }
-const Cn = {
+const Rn = {
   bg: "var(--bg-xqkwqtp)",
   bgCard: "var(--bgCard-xj2l5r)",
   bgCardHover: "var(--bgCardHover-xlxk7vw)",
@@ -2428,7 +2431,7 @@ const Cn = {
   infoBorder: "var(--infoBorder-xnevk3x)",
   infoText: "var(--infoText-x19pseus)",
   __varGroupHash__: "xjvd03b"
-}, Rn = {
+}, Xn = {
   xs: "var(--xs-xxfyjsd)",
   sm: "var(--sm-xbh8y7f)",
   ms: "var(--ms-x13y09zs)",
@@ -2438,13 +2441,13 @@ const Cn = {
   xxl: "var(--xxl-xbe9eha)",
   xxxl: "var(--xxxl-xroalp5)",
   __varGroupHash__: "x6uc9q"
-}, Xn = {
+}, Yn = {
   sm: "var(--sm-x1bhtfs5)",
   md: "var(--md-xx2g89g)",
   lg: "var(--lg-xwd56yl)",
   full: "var(--full-x9vxdtd)",
   __varGroupHash__: "xw3ffwm"
-}, Yn = {
+}, Jn = {
   stackXs: "var(--stackXs-x1qfrfo2)",
   stackSm: "var(--stackSm-x2rk1ut)",
   stackMd: "var(--stackMd-xhblkt4)",
@@ -2458,7 +2461,7 @@ const Cn = {
   containerMd: "var(--containerMd-x170dvin)",
   containerLg: "var(--containerLg-x1n6aasq)",
   __varGroupHash__: "x16nfoyr"
-}, Jn = {
+}, Pn = {
   fontFamily: "var(--fontFamily-xvrmnat)",
   fontFamilyMono: "var(--fontFamilyMono-x1bzqfky)",
   fontSizeXs: "var(--fontSizeXs-x1w5m325)",
@@ -2473,7 +2476,7 @@ const Cn = {
   fontWeightBold: "var(--fontWeightBold-x1pjkvwg)",
   lineHeight: "var(--lineHeight-x1gubzd5)",
   __varGroupHash__: "xs62swl"
-}, Pn = {
+}, Fn = {
   fontSize1: "var(--fontSize1-xx27tux)",
   fontSize2: "var(--fontSize2-x5hag8h)",
   fontSize3: "var(--fontSize3-x1mf6j39)",
@@ -2499,7 +2502,7 @@ const Cn = {
   letterSpacingNormal: "var(--letterSpacingNormal-x1ih41v1)",
   letterSpacingWide: "var(--letterSpacingWide-xt8z9rj)",
   __varGroupHash__: "x4cj49w"
-}, Fn = {
+}, Qn = {
   bodySm: {
     "fontFamily-kMv6JI": "fontFamily-xce2pww",
     "fontSize-kGuDYH": "fontSize-x1hn3ytp",
@@ -2613,38 +2616,38 @@ const Cn = {
     "letterSpacing-kb6lSQ": "letterSpacing-xql2p2a",
     $$css: "tokens/type-presets.css.ts:104"
   }
-}, Qn = {
+}, Kn = {
   sm: "var(--sm-x17hhtln)",
   md: "var(--md-x1oyt0aw)",
   lg: "var(--lg-x1mxd62i)",
   __varGroupHash__: "x13v825q"
-}, Ue = {
+}, _e = {
   xjvd03b: "x18itf25 xjvd03b",
   $$css: !0
-}, _e = {
+}, Ze = {
   x13v825q: "xv9ibj0 x13v825q",
   $$css: !0
-}, Ze = {
+}, tn = {
   xjvd03b: "x1qgt5a2 xjvd03b",
   $$css: !0
-}, tn = {
+}, en = {
   x13v825q: "x15e39jv x13v825q",
   $$css: !0
-}, en = {
-  light: [Ue, _e],
-  "high-contrast": [Ze, tn]
 }, nn = {
+  light: [_e, Ze],
+  "high-contrast": [tn, en]
+}, rn = {
   root: {
     k1xSpc: "xjp7ctv",
     $$css: !0
   }
 };
-function Kn({
+function Un({
   theme: t = "dark",
   children: e
 }) {
-  const n = en[t], r = [n?.[0], n?.[1], nn.root];
-  return /* @__PURE__ */ o("div", { ...k(a.div, r), children: e });
+  const n = nn[t], r = [n?.[0], n?.[1], rn.root];
+  return /* @__PURE__ */ o("div", { ...l(k.div, r), children: e });
 }
 const P = {
   default: {
@@ -2705,29 +2708,29 @@ const P = {
     khDVqt: "xuxw1ft",
     $$css: !0
   }
-}, rn = {
+}, sn = {
   normal: P.weightNormal,
   medium: P.weightMedium,
   semibold: P.weightSemibold,
   bold: P.weightBold
-}, sn = {
+}, on = {
   start: P.alignStart,
   center: P.alignCenter,
   end: P.alignEnd
 };
-function Un({
+function _n({
   variant: t = "bodyMd",
   color: e = "default",
   weight: n,
   align: r,
   truncate: s,
-  as: i = "span",
-  children: c
+  as: x = "span",
+  children: i
 }) {
-  const x = [Wt[t], P[e], n && rn[n], r && sn[r], s && P.truncate];
-  return i === "p" ? /* @__PURE__ */ o("p", { ...k(a.p, x), children: c }) : i === "div" ? /* @__PURE__ */ o("div", { ...k(a.div, x), children: c }) : /* @__PURE__ */ o("span", { ...k(a.span, x), children: c });
+  const c = [Ht[t], P[e], n && sn[n], r && on[r], s && P.truncate];
+  return x === "p" ? /* @__PURE__ */ o("p", { ...l(k.p, c), children: i }) : x === "div" ? /* @__PURE__ */ o("div", { ...l(k.div, c), children: i }) : /* @__PURE__ */ o("span", { ...l(k.span, c), children: i });
 }
-const pt = {
+const ht = {
   root: {
     kVAEAm: "x1n2onr6",
     k1xSpc: "x3nfvp2",
@@ -2782,35 +2785,35 @@ const pt = {
     koQZXg: "xzhl4zu",
     $$css: !0
   }
-}, Dt = D(null);
-function on() {
-  const t = N(Dt);
+}, Ct = C(null);
+function cn() {
+  const t = N(Ct);
   if (!t) throw new Error("Tooltip compound components must be used within Tooltip.Root");
   return t;
 }
-function cn({
+function xn({
   children: t,
   content: e,
   placement: n = "top",
   delay: r = 300
 }) {
-  const [s, i] = G(!1), c = K(), x = y(null), d = W(() => {
-    x.current && clearTimeout(x.current), x.current = setTimeout(() => i(!0), r);
-  }, [r]), l = W(() => {
-    x.current && clearTimeout(x.current), x.current = null, i(!1);
+  const [s, x] = H(!1), i = U(), c = w(null), d = q(() => {
+    c.current && clearTimeout(c.current), c.current = setTimeout(() => x(!0), r);
+  }, [r]), a = q(() => {
+    c.current && clearTimeout(c.current), c.current = null, x(!1);
   }, []);
-  return /* @__PURE__ */ o(Dt.Provider, { value: {
+  return /* @__PURE__ */ o(Ct.Provider, { value: {
     open: s,
     show: d,
-    hide: l,
-    tooltipId: c,
+    hide: a,
+    tooltipId: i,
     placement: n
-  }, children: /* @__PURE__ */ A("div", { ...k(a.div, pt.root), children: [
+  }, children: /* @__PURE__ */ A("div", { ...l(k.div, ht.root), children: [
     t,
-    s && /* @__PURE__ */ o("div", { id: c, role: "tooltip", ...k(a.div, pt.popup, pt[n]), children: e })
+    s && /* @__PURE__ */ o("div", { id: i, role: "tooltip", ...l(k.div, ht.popup, ht[n]), children: e })
   ] }) });
 }
-function xn({
+function ln({
   children: t
 }) {
   const {
@@ -2818,12 +2821,12 @@ function xn({
     show: n,
     hide: r,
     tooltipId: s
-  } = on();
-  return /* @__PURE__ */ o("div", { onPointerEnter: n, onPointerLeave: r, onFocus: n, onBlur: r, "aria-describedby": e ? s : void 0, ...k(a.div), children: t });
+  } = cn();
+  return /* @__PURE__ */ o("div", { onPointerEnter: n, onPointerLeave: r, onFocus: n, onBlur: r, "aria-describedby": e ? s : void 0, ...l(k.div), children: t });
 }
-const _n = {
-  Root: cn,
-  Trigger: xn
+const Zn = {
+  Root: xn,
+  Trigger: ln
 }, O = {
   base: {
     k1xSpc: "x78zum5",
@@ -2878,7 +2881,7 @@ const _n = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, ln = {
+}, kn = {
   xs: O.gapXs,
   sm: O.gapSm,
   ms: O.gapMs,
@@ -2887,20 +2890,20 @@ const _n = {
   xl: O.gapXl,
   xxl: O.gapXxl,
   xxxl: O.gapXxxl
-}, kn = {
+}, an = {
   start: O.alignStart,
   center: O.alignCenter,
   end: O.alignEnd,
   stretch: O.alignStretch
 };
-function Zn({
+function tr({
   gap: t = "md",
   align: e = "stretch",
   children: n
 }) {
-  return /* @__PURE__ */ o("div", { ...k(a.div, O.base, ln[t], kn[e]), children: n });
+  return /* @__PURE__ */ o("div", { ...l(k.div, O.base, kn[t], an[e]), children: n });
 }
-const q = {
+const I = {
   base: {
     k1xSpc: "x78zum5",
     kXwgrk: "x1q0g3np",
@@ -2975,34 +2978,34 @@ const q = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, an = {
-  xs: q.gapXs,
-  sm: q.gapSm,
-  ms: q.gapMs,
-  md: q.gapMd,
-  lg: q.gapLg,
-  xl: q.gapXl,
-  xxl: q.gapXxl,
-  xxxl: q.gapXxxl
 }, un = {
-  start: q.alignStart,
-  center: q.alignCenter,
-  end: q.alignEnd,
-  baseline: q.alignBaseline,
-  stretch: q.alignStretch
+  xs: I.gapXs,
+  sm: I.gapSm,
+  ms: I.gapMs,
+  md: I.gapMd,
+  lg: I.gapLg,
+  xl: I.gapXl,
+  xxl: I.gapXxl,
+  xxxl: I.gapXxxl
 }, dn = {
-  start: q.justifyStart,
-  center: q.justifyCenter,
-  end: q.justifyEnd,
-  between: q.justifyBetween
+  start: I.alignStart,
+  center: I.alignCenter,
+  end: I.alignEnd,
+  baseline: I.alignBaseline,
+  stretch: I.alignStretch
+}, gn = {
+  start: I.justifyStart,
+  center: I.justifyCenter,
+  end: I.justifyEnd,
+  between: I.justifyBetween
 };
-function tr({
+function er({
   gap: t = "sm",
   align: e = "center",
   justify: n = "start",
   children: r
 }) {
-  return /* @__PURE__ */ o("div", { ...k(a.div, q.base, an[t], un[e], dn[n]), children: r });
+  return /* @__PURE__ */ o("div", { ...l(k.div, I.base, un[t], dn[e], gn[n]), children: r });
 }
 const T = {
   base: {
@@ -3071,7 +3074,7 @@ const T = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, gn = {
+}, pn = {
   xs: T.gapXs,
   sm: T.gapSm,
   ms: T.gapMs,
@@ -3080,25 +3083,25 @@ const T = {
   xl: T.gapXl,
   xxl: T.gapXxl,
   xxxl: T.gapXxxl
-}, pn = {
+}, hn = {
   start: T.alignStart,
   center: T.alignCenter,
   end: T.alignEnd
-}, hn = {
+}, fn = {
   start: T.justifyStart,
   center: T.justifyCenter,
   end: T.justifyEnd,
   between: T.justifyBetween
 };
-function er({
+function nr({
   gap: t = "sm",
   align: e = "start",
   justify: n = "start",
   children: r
 }) {
-  return /* @__PURE__ */ o("div", { ...k(a.div, T.base, gn[t], pn[e], hn[n]), children: r });
+  return /* @__PURE__ */ o("div", { ...l(k.div, T.base, pn[t], hn[e], fn[n]), children: r });
 }
-const fn = {
+const $n = {
   kumcoG: "xqketvx",
   $$css: !0
 }, E = {
@@ -3130,7 +3133,7 @@ const fn = {
     kumcoG: "xu4o1vd",
     $$css: !0
   },
-  autoFit: (t) => [fn, {
+  autoFit: (t) => [$n, {
     "--x-gridTemplateColumns": `repeat(auto-fit, minmax(${t}, 1fr))` != null ? `repeat(auto-fit, minmax(${t}, 1fr))` : void 0
   }],
   gapXs: {
@@ -3165,7 +3168,7 @@ const fn = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, $n = {
+}, vn = {
   xs: E.gapXs,
   sm: E.gapSm,
   ms: E.gapMs,
@@ -3174,7 +3177,7 @@ const fn = {
   xl: E.gapXl,
   xxl: E.gapXxl,
   xxxl: E.gapXxxl
-}, vn = {
+}, mn = {
   1: E.col1,
   2: E.col2,
   3: E.col3,
@@ -3182,34 +3185,34 @@ const fn = {
   5: E.col5,
   6: E.col6
 };
-function nr({
+function rr({
   gap: t = "md",
   columns: e,
   minColumnWidth: n,
   children: r
 }) {
-  const s = n ? E.autoFit(n) : e ? vn[e] : void 0;
-  return /* @__PURE__ */ o("div", { ...k(a.div, E.base, $n[t], s), children: r });
+  const s = n ? E.autoFit(n) : e ? mn[e] : void 0;
+  return /* @__PURE__ */ o("div", { ...l(k.div, E.base, vn[t], s), children: r });
 }
-function rr(t = {}) {
+function sr(t = {}) {
   const {
     compactBelow: e = 480,
     spaciousAbove: n = 768
-  } = t, r = y(null), [s, i] = G("default");
-  return H(() => {
-    const c = r.current;
-    if (!c) return;
-    let x = null;
-    const d = new ResizeObserver((l) => {
-      x !== null && cancelAnimationFrame(x), x = requestAnimationFrame(() => {
-        const u = l[0];
-        if (!u) return;
-        const g = u.contentBoxSize?.[0]?.inlineSize ?? u.contentRect.width;
-        g < e ? i("compact") : g >= n ? i("spacious") : i("default");
+  } = t, r = w(null), [s, x] = H("default");
+  return W(() => {
+    const i = r.current;
+    if (!i) return;
+    let c = null;
+    const d = new ResizeObserver((a) => {
+      c !== null && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+        const g = a[0];
+        if (!g) return;
+        const u = g.contentBoxSize?.[0]?.inlineSize ?? g.contentRect.width;
+        u < e ? x("compact") : u >= n ? x("spacious") : x("default");
       });
     });
-    return d.observe(c), () => {
-      d.disconnect(), x !== null && cancelAnimationFrame(x);
+    return d.observe(i), () => {
+      d.disconnect(), c !== null && cancelAnimationFrame(c);
     };
   }, [e, n]), {
     ref: r,
@@ -3217,45 +3220,45 @@ function rr(t = {}) {
   };
 }
 export {
-  yn as Alert,
-  wn as Badge,
-  Sn as Button,
-  jn as Card,
-  Mn as Checkbox,
-  er as Cluster,
-  zn as EmptyState,
-  qn as Field,
-  nr as Grid,
-  In as Heading,
-  tr as Inline,
-  Wn as Input,
-  Hn as InputGroup,
-  Gn as LinkButton,
-  Tn as Menu,
-  En as ScrollArea,
-  Ln as Select,
-  An as SideNav,
-  Vn as Spinner,
-  Zn as Stack,
-  On as StatusIcon,
-  Nn as Table,
-  Bn as Tabs,
-  Un as Text,
-  Dn as Textarea,
-  Kn as ThemeProvider,
-  _n as Tooltip,
-  Cn as colors,
-  tn as highContrastShadows,
-  Ze as highContrastTheme,
-  Yn as layoutSpacing,
-  _e as lightShadows,
-  Ue as lightTheme,
-  Xn as radii,
-  Qn as shadows,
-  Rn as spacing,
-  Fn as typePresets,
-  Pn as typeScale,
-  Jn as typography,
-  rr as useContainerQuery
+  wn as Alert,
+  Sn as Badge,
+  jn as Button,
+  Mn as Card,
+  zn as Checkbox,
+  nr as Cluster,
+  In as EmptyState,
+  Wn as Field,
+  rr as Grid,
+  qn as Heading,
+  er as Inline,
+  Hn as Input,
+  Gn as InputGroup,
+  Tn as LinkButton,
+  En as Menu,
+  Ln as ScrollArea,
+  An as Select,
+  Vn as SideNav,
+  On as Spinner,
+  tr as Stack,
+  Nn as StatusIcon,
+  Bn as Table,
+  Dn as Tabs,
+  _n as Text,
+  Cn as Textarea,
+  Un as ThemeProvider,
+  Zn as Tooltip,
+  Rn as colors,
+  en as highContrastShadows,
+  tn as highContrastTheme,
+  Jn as layoutSpacing,
+  Ze as lightShadows,
+  _e as lightTheme,
+  Yn as radii,
+  Kn as shadows,
+  Xn as spacing,
+  Qn as typePresets,
+  Fn as typeScale,
+  Pn as typography,
+  sr as useContainerQuery
 };
 //# sourceMappingURL=index.js.map