@duro-app/ui 0.9.1 → 0.9.2

package/dist/index.js

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as z, Fragment as N } from "react/jsx-runtime";
-import { useState as G, useCallback as W, useContext as C, createContext as R, useId as _, useMemo as $e, useRef as w, useEffect as H, Children as qe } from "react";
+import { jsx as r, jsxs as z, Fragment as B } from "react/jsx-runtime";
+import { useState as G, useCallback as W, useContext as O, createContext as R, useId as _, useMemo as $e, useRef as w, useEffect as H, Children as qe } from "react";
 /**
  * @license react-strict-dom
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -15,36 +15,36 @@ var We = me.styleq = void 0, Xe = /* @__PURE__ */ new WeakMap(), Ye = "$$css";
 function He(e) {
   var t, n, s;
   return e != null && (t = e.disableCache === !0, n = e.disableMix === !0, s = e.transform), function() {
-    for (var l = [], i = "", c = null, d = "", a = t ? null : Xe, g = new Array(arguments.length), u = 0; u < arguments.length; u++)
+    for (var l = [], i = "", c = null, d = "", k = t ? null : Xe, g = new Array(arguments.length), u = 0; u < arguments.length; u++)
       g[u] = arguments[u];
     for (; g.length > 0; ) {
       var $ = g.pop();
       if (!($ == null || $ === !1)) {
         if (Array.isArray($)) {
-          for (var S = 0; S < $.length; S++)
-            g.push($[S]);
+          for (var M = 0; M < $.length; M++)
+            g.push($[M]);
           continue;
         }
         var p = s != null ? s($) : $;
         if (p.$$css != null) {
           var m = "";
-          if (a != null && a.has(p)) {
-            var f = a.get(p);
-            f != null && (m = f[0], d = f[2], l.push.apply(l, f[1]), a = f[3]);
+          if (k != null && k.has(p)) {
+            var f = k.get(p);
+            f != null && (m = f[0], d = f[2], l.push.apply(l, f[1]), k = f[3]);
           } else {
             var v = [];
             for (var h in p) {
               var b = p[h];
               if (h === Ye) {
-                var B = p[h];
-                B !== !0 && (d = d ? B + "; " + d : B);
+                var C = p[h];
+                C !== !0 && (d = d ? C + "; " + d : C);
                 continue;
               }
-              typeof b == "string" || b === null ? l.includes(h) || (l.push(h), a != null && v.push(h), typeof b == "string" && (m += m ? " " + b : b)) : console.error("styleq: ".concat(h, " typeof ").concat(String(b), ' is not "string" or "null".'));
+              typeof b == "string" || b === null ? l.includes(h) || (l.push(h), k != null && v.push(h), typeof b == "string" && (m += m ? " " + b : b)) : console.error("styleq: ".concat(h, " typeof ").concat(String(b), ' is not "string" or "null".'));
             }
-            if (a != null) {
+            if (k != null) {
               var Q = /* @__PURE__ */ new WeakMap();
-              a.set(p, [m, v, d, Q]), a = Q;
+              k.set(p, [m, v, d, Q]), k = Q;
             }
           }
           m && (i = i ? m + " " + i : m);
@@ -53,8 +53,8 @@ function He(e) {
         else {
           var y = null;
           for (var I in p) {
-            var M = p[I];
-            M !== void 0 && (l.includes(I) || (M != null && (c == null && (c = {}), y == null && (y = {}), y[I] = M), l.push(I), a = null));
+            var S = p[I];
+            S !== void 0 && (l.includes(I) || (S != null && (c == null && (c = {}), y == null && (y = {}), y[I] = S), l.push(I), k = null));
           }
           y != null && (c = Object.assign(y, c));
         }
@@ -74,8 +74,8 @@ function x(...e) {
   if (t != null && t !== "" && (o.className = t), n != null && (o.style = n), s != null && s !== "") {
     const l = s.split(";"), i = {};
     for (const c of l) {
-      const d = c.trim(), [a, g] = d.split(":");
-      g != null && (i[a] = i[a] != null ? `${i[a]},${g}` : g);
+      const d = c.trim(), [k, g] = d.split(":");
+      g != null && (i[k] = i[k] != null ? `${i[k]},${g}` : g);
     }
     o["data-style-src"] = Object.keys(i).map((c) => `${c}:${i[c]}`).join("; ");
   }
@@ -121,7 +121,7 @@ const A = {
     kHenm0: "x288g5",
     $$css: !0
   }
-}, Fe = A.inline, Qe = [A.inlineblock, A.button], Ke = A.block, Z = [A.block, A.heading], Ue = [A.inlineblock, A.input], _e = A.inline, Ze = A.block, et = A.block, tt = A.inline, nt = [A.inlineblock, A.textarea], k = {
+}, Fe = A.inline, Qe = [A.inlineblock, A.button], Ke = A.block, Z = [A.block, A.heading], Ue = [A.inlineblock, A.input], _e = A.inline, Ze = A.block, et = A.block, tt = A.inline, nt = [A.inlineblock, A.textarea], a = {
   a: Fe,
   button: Qe,
   div: Ke,
@@ -138,43 +138,43 @@ const A = {
   span: tt,
   textarea: nt
 }, rt = {
-  "x-circle": /* @__PURE__ */ z(N, { children: [
+  "x-circle": /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
     /* @__PURE__ */ r("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
   ] }),
-  "check-circle": /* @__PURE__ */ z(N, { children: [
+  "check-circle": /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("polyline", { points: "16 10 11 15 8 12" })
   ] }),
-  "check-done": /* @__PURE__ */ z(N, { children: [
+  "check-done": /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     /* @__PURE__ */ r("polyline", { points: "22 4 12 14.01 9 11.01" })
   ] }),
-  clock: /* @__PURE__ */ z(N, { children: [
+  clock: /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("polyline", { points: "12 6 12 12 16 14" })
   ] }),
-  forbidden: /* @__PURE__ */ z(N, { children: [
+  forbidden: /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
   ] }),
-  "info-circle": /* @__PURE__ */ z(N, { children: [
+  "info-circle": /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
     /* @__PURE__ */ r("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
   ] }),
-  "alert-triangle": /* @__PURE__ */ z(N, { children: [
+  "alert-triangle": /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
     /* @__PURE__ */ r("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
     /* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] }),
   shield: /* @__PURE__ */ r("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }),
-  lock: /* @__PURE__ */ z(N, { children: [
+  lock: /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
     /* @__PURE__ */ r("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
   ] }),
-  key: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.78 7.78 5.5 5.5 0 0 1 7.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" }) })
+  key: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.78 7.78 5.5 5.5 0 0 1 7.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" }) })
 }, st = {
   // Filled circle with "i" cutout (dot + line)
   "info-circle-filled": /* @__PURE__ */ r("path", { fillRule: "evenodd", d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm-.75 6a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0zM11 11a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0v-5z" }),
@@ -187,7 +187,7 @@ const A = {
   // Filled shield with checkmark cutout
   "shield-filled": /* @__PURE__ */ r("path", { fillRule: "evenodd", d: "M12 1L3 5v7c0 6.5 8.5 10.5 9 10.73.5-.23 9-4.23 9-10.73V5l-9-4zm3.707 8.707a1 1 0 0 0-1.414-1.414L11 11.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4z" }),
   // Filled lock body with stroke shackle
-  "lock-filled": /* @__PURE__ */ z(N, { children: [
+  "lock-filled": /* @__PURE__ */ z(B, { children: [
     /* @__PURE__ */ r("path", { d: "M7 11V7a5 5 0 0 1 10 0v4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ r("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" })
   ] })
@@ -199,12 +199,8 @@ function ve({
   const n = st[e];
   return n ? /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, children: n }) : /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", width: t, height: t, children: rt[e] });
 }
-const ce = {
+const ge = {
   base: {
-    k1xSpc: "x78zum5",
-    kXwgrk: "x1q0g3np",
-    kGNEyG: "x1cy8zhl",
-    kOIVth: "x1wyuhvo",
     kmVPX3: "x16ixvul",
     kaIpWk: "x1gbengz",
     kMzoRj: "xmkeg23",
@@ -213,17 +209,13 @@ const ce = {
     kLWn49: "xi1gl5z",
     $$css: !0
   },
-  iconWrap: {
-    kmuXW: "x2lah0s",
-    k1xSpc: "x78zum5",
+  icon: {
+    kyUFMd: "x1faq86j",
+    km5ZXQ: "xxn522s",
+    keoZOQ: "xr9ek0c",
+    k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
     kjj79g: "xl56j7k",
-    kLKAdn: "x4p5aij",
-    $$css: !0
-  },
-  content: {
-    kUk6DE: "x98rzlu",
-    k7Eaqz: "xeuugli",
     $$css: !0
   },
   error: {
@@ -265,12 +257,12 @@ function zn({
   children: n
 }) {
   const s = it(t, e);
-  return /* @__PURE__ */ r("div", { role: "alert", ...x(k.div, ce.base, ce[e]), children: s ? /* @__PURE__ */ z(N, { children: [
-    /* @__PURE__ */ r("div", { ...x(k.div, ce.iconWrap), children: s }),
-    /* @__PURE__ */ r("div", { ...x(k.div, ce.content), children: n })
-  ] }) : n });
+  return /* @__PURE__ */ z("div", { role: "alert", ...x(a.div, ge.base, ge[e]), children: [
+    s && /* @__PURE__ */ r("span", { ...x(a.span, ge.icon), children: s }),
+    n
+  ] });
 }
-const xe = {
+const le = {
   base: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -324,15 +316,15 @@ const xe = {
     $$css: !0
   }
 }, ct = {
-  sm: xe.sizeSm,
-  md: xe.sizeMd
+  sm: le.sizeSm,
+  md: le.sizeMd
 };
 function In({
   variant: e = "default",
   size: t = "md",
   children: n
 }) {
-  return /* @__PURE__ */ r("span", { ...x(k.span, xe.base, ct[t], xe[e]), children: n });
+  return /* @__PURE__ */ r("span", { ...x(a.span, le.base, ct[t], le[e]), children: n });
 }
 const ne = {
   base: {
@@ -422,7 +414,7 @@ function qn({
   onClick: l,
   children: i
 }) {
-  return /* @__PURE__ */ r("button", { type: o, disabled: s, onClick: l, ...x(k.button, ne.base, lt[t], ne[e], n && ne.fullWidth, s && ne.disabled), children: i });
+  return /* @__PURE__ */ r("button", { type: o, disabled: s, onClick: l, ...x(a.button, ne.base, lt[t], ne[e], n && ne.fullWidth, s && ne.disabled), children: i });
 }
 const re = {
   base: {
@@ -493,8 +485,8 @@ function Wn({
   onClick: s,
   children: o
 }) {
-  return /* @__PURE__ */ z("div", { onClick: s, ...x(k.div, re.base, re[e], xt[t]), children: [
-    n && /* @__PURE__ */ r("div", { ...x(k.div, re.header), children: n }),
+  return /* @__PURE__ */ z("div", { onClick: s, ...x(a.div, re.base, re[e], xt[t]), children: [
+    n && /* @__PURE__ */ r("div", { ...x(a.div, re.header), children: n }),
     o
   ] });
 }
@@ -557,15 +549,15 @@ function Hn({
   onChange: l,
   children: i
 }) {
-  const c = n !== void 0, [d, a] = G(s), g = c ? n : d, u = W(($) => {
-    c || a($.target.checked), l?.($);
+  const c = n !== void 0, [d, k] = G(s), g = c ? n : d, u = W(($) => {
+    c || k($.target.checked), l?.($);
   }, [c, l]);
-  return /* @__PURE__ */ z("label", { ...x(k.label, ee.root, o && ee.rootDisabled), children: [
-    /* @__PURE__ */ r("input", { type: "checkbox", name: e, value: t, checked: c ? n : void 0, defaultChecked: c ? void 0 : s, disabled: o, onChange: u, ...x(k.input, ee.input), dir: "auto" }),
-    /* @__PURE__ */ r("span", { ...x(k.span, ee.box, g ? ee.boxChecked : ee.boxUnchecked), "aria-hidden": !0, children: /* @__PURE__ */ r("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", style: {
+  return /* @__PURE__ */ z("label", { ...x(a.label, ee.root, o && ee.rootDisabled), children: [
+    /* @__PURE__ */ r("input", { type: "checkbox", name: e, value: t, checked: c ? n : void 0, defaultChecked: c ? void 0 : s, disabled: o, onChange: u, ...x(a.input, ee.input), dir: "auto" }),
+    /* @__PURE__ */ r("span", { ...x(a.span, ee.box, g ? ee.boxChecked : ee.boxUnchecked), "aria-hidden": !0, children: /* @__PURE__ */ r("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", style: {
       opacity: g ? 1 : 0
     }, children: /* @__PURE__ */ r("polyline", { points: "2.5 6 5 8.5 9.5 3.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-    i && /* @__PURE__ */ r("span", { ...x(k.span), children: i })
+    i && /* @__PURE__ */ r("span", { ...x(a.span), children: i })
   ] });
 }
 const he = {
@@ -596,10 +588,10 @@ function Gn({
   icon: t,
   action: n
 }) {
-  return /* @__PURE__ */ z("div", { ...x(k.div, he.root), children: [
+  return /* @__PURE__ */ z("div", { ...x(a.div, he.root), children: [
     t,
-    /* @__PURE__ */ r("p", { ...x(k.p, he.message), children: e }),
-    n && /* @__PURE__ */ r("div", { ...x(k.div, he.action), children: n })
+    /* @__PURE__ */ r("p", { ...x(a.p, he.message), children: e }),
+    n && /* @__PURE__ */ r("div", { ...x(a.div, he.action), children: n })
   ] });
 }
 const Ge = {
@@ -716,7 +708,7 @@ const Ge = {
     kb6lSQ: "xgvl3jc",
     $$css: !0
   }
-}, le = {
+}, ce = {
   default: {
     kMwMTN: "xg6mlj0",
     $$css: !0
@@ -741,17 +733,17 @@ const Ge = {
     k9WMMc: "xp4054r",
     $$css: !0
   }
-}, kt = {
+}, at = {
   1: "headingXl",
   2: "headingLg",
   3: "headingMd",
   4: "headingSm",
   5: "headingSm",
   6: "headingSm"
-}, at = {
-  start: le.alignStart,
-  center: le.alignCenter,
-  end: le.alignEnd
+}, kt = {
+  start: ce.alignStart,
+  center: ce.alignCenter,
+  end: ce.alignEnd
 };
 function Ln({
   level: e,
@@ -760,14 +752,14 @@ function Ln({
   align: s,
   children: o
 }) {
-  const l = t ?? kt[e], i = [Ge[l], le[n], s && at[s]];
-  return e === 1 ? /* @__PURE__ */ r("h1", { ...x(k.h1, i), children: o }) : e === 2 ? /* @__PURE__ */ r("h2", { ...x(k.h2, i), children: o }) : e === 3 ? /* @__PURE__ */ r("h3", { ...x(k.h3, i), children: o }) : e === 4 ? /* @__PURE__ */ r("h4", { ...x(k.h4, i), children: o }) : e === 5 ? /* @__PURE__ */ r("h5", { ...x(k.h5, i), children: o }) : /* @__PURE__ */ r("h6", { ...x(k.h6, i), children: o });
+  const l = t ?? at[e], i = [Ge[l], ce[n], s && kt[s]];
+  return e === 1 ? /* @__PURE__ */ r("h1", { ...x(a.h1, i), children: o }) : e === 2 ? /* @__PURE__ */ r("h2", { ...x(a.h2, i), children: o }) : e === 3 ? /* @__PURE__ */ r("h3", { ...x(a.h3, i), children: o }) : e === 4 ? /* @__PURE__ */ r("h4", { ...x(a.h4, i), children: o }) : e === 5 ? /* @__PURE__ */ r("h5", { ...x(a.h5, i), children: o }) : /* @__PURE__ */ r("h6", { ...x(a.h6, i), children: o });
 }
 const Le = R(null);
 function ie() {
-  return C(Le);
+  return O(Le);
 }
-const ke = {
+const xe = {
   root: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
@@ -801,25 +793,25 @@ function ut({
     errorId: `${n}-error`,
     invalid: e
   }), [n, e]);
-  return /* @__PURE__ */ r(Le.Provider, { value: s, children: /* @__PURE__ */ r("div", { ...x(k.div, ke.root), children: t }) });
+  return /* @__PURE__ */ r(Le.Provider, { value: s, children: /* @__PURE__ */ r("div", { ...x(a.div, xe.root), children: t }) });
 }
 function dt({
   children: e
 }) {
   const t = ie();
-  return /* @__PURE__ */ r("label", { htmlFor: t?.controlId, ...x(k.label, ke.label), children: e });
+  return /* @__PURE__ */ r("label", { htmlFor: t?.controlId, ...x(a.label, xe.label), children: e });
 }
 function gt({
   children: e
 }) {
   const t = ie();
-  return /* @__PURE__ */ r("span", { id: t?.descriptionId, ...x(k.span, ke.description), children: e });
+  return /* @__PURE__ */ r("span", { id: t?.descriptionId, ...x(a.span, xe.description), children: e });
 }
 function ht({
   children: e
 }) {
   const t = ie();
-  return !t?.invalid && !e ? null : /* @__PURE__ */ r("span", { id: t?.errorId, role: "alert", ...x(k.span, ke.error), children: e });
+  return !t?.invalid && !e ? null : /* @__PURE__ */ r("span", { id: t?.errorId, role: "alert", ...x(a.span, xe.error), children: e });
 }
 const Tn = {
   Root: ut,
@@ -828,7 +820,7 @@ const Tn = {
   Error: ht
 }, Te = R(null);
 function pt() {
-  return C(Te);
+  return O(Te);
 }
 const pe = {
   base: {
@@ -879,14 +871,14 @@ function En({
   pattern: i,
   autoComplete: c,
   value: d,
-  defaultValue: a,
+  defaultValue: k,
   disabled: g,
   onChange: u
 }) {
-  const $ = ie(), S = pt(), p = i !== void 0 ? {
+  const $ = ie(), M = pt(), p = i !== void 0 ? {
     pattern: i
   } : void 0;
-  return /* @__PURE__ */ r("input", { id: $?.controlId, type: t, name: n, placeholder: s, required: o, minLength: l, autoComplete: c, value: d, defaultValue: a, disabled: g, "aria-describedby": $ ? `${$.descriptionId} ${$.invalid ? $.errorId : ""}`.trim() : void 0, "aria-invalid": $?.invalid || e === "error" || void 0, onChange: u, ...x(k.input, pe.base, pe[e], S?.inGroup && pe.inGroup), ...p, dir: "auto" });
+  return /* @__PURE__ */ r("input", { id: $?.controlId, type: t, name: n, placeholder: s, required: o, minLength: l, autoComplete: c, value: d, defaultValue: k, disabled: g, "aria-describedby": $ ? `${$.descriptionId} ${$.invalid ? $.errorId : ""}`.trim() : void 0, "aria-invalid": $?.invalid || e === "error" || void 0, onChange: u, ...x(a.input, pe.base, pe[e], M?.inGroup && pe.inGroup), ...p, dir: "auto" });
 }
 const te = {
   wrapper: {
@@ -949,7 +941,7 @@ function ft({
   const t = $e(() => ({
     inGroup: !0
   }), []);
-  return /* @__PURE__ */ r(Te.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(k.div, te.wrapper), children: e }) });
+  return /* @__PURE__ */ r(Te.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(a.div, te.wrapper), children: e }) });
 }
 function vt({
   position: e = "end",
@@ -958,7 +950,7 @@ function vt({
   children: s
 }) {
   const o = e === "start" ? te.addonStart : te.addonEnd, l = [te.addon, o, t && !n && te.addonClickable, n && te.addonDisabled];
-  return t ? /* @__PURE__ */ r("button", { type: "button", onClick: t, disabled: n, ...x(k.button, l), children: s }) : /* @__PURE__ */ r("span", { ...x(k.span, l), children: s });
+  return t ? /* @__PURE__ */ r("button", { type: "button", onClick: t, disabled: n, ...x(a.button, l), children: s }) : /* @__PURE__ */ r("span", { ...x(a.span, l), children: s });
 }
 const Vn = {
   Root: ft,
@@ -1026,7 +1018,7 @@ function An({
   rel: l,
   children: i
 }) {
-  return /* @__PURE__ */ r("a", { href: e, target: o, rel: l, ...x(k.a, oe.base, $t[n], oe[t], s && oe.fullWidth), children: i });
+  return /* @__PURE__ */ r("a", { href: e, target: o, rel: l, ...x(a.a, oe.base, $t[n], oe[t], s && oe.fullWidth), children: i });
 }
 const P = {
   root: {
@@ -1114,19 +1106,19 @@ const P = {
   }
 }, Ee = R(null);
 function ae() {
-  const e = C(Ee);
+  const e = O(Ee);
   if (!e) throw new Error("Menu compound components must be used within Menu.Root");
   return e;
 }
 function mt() {
-  const [e, t] = G(!1), [n, s] = G(null), o = _(), l = w(null), i = w(null), c = w(/* @__PURE__ */ new Map()), d = w([]), a = w(!1), g = W(() => {
-    t(!1), s(null), a.current = !1, i.current?.focus();
+  const [e, t] = G(!1), [n, s] = G(null), o = _(), l = w(null), i = w(null), c = w(/* @__PURE__ */ new Map()), d = w([]), k = w(!1), g = W(() => {
+    t(!1), s(null), k.current = !1, i.current?.focus();
   }, []), u = W(() => {
-    t((p) => (p ? (s(null), a.current = !1) : a.current = !0, !p));
+    t((p) => (p ? (s(null), k.current = !1) : k.current = !0, !p));
   }, []);
   H(() => {
-    if (e && a.current) {
-      a.current = !1;
+    if (e && k.current) {
+      k.current = !1;
       const p = d.current;
       p.length > 0 && s(p[0]);
     }
@@ -1135,8 +1127,8 @@ function mt() {
     c.current.set(p, m);
     const f = c.current, v = [...f.keys()];
     return v.sort((h, b) => {
-      const B = f.get(h), Q = f.get(b);
-      return !B || !Q ? 0 : B.compareDocumentPosition(Q) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+      const C = f.get(h), Q = f.get(b);
+      return !C || !Q ? 0 : C.compareDocumentPosition(Q) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
     }), d.current = v, () => {
       c.current.delete(p), d.current = d.current.filter((h) => h !== p);
     };
@@ -1206,7 +1198,7 @@ function bt({
     ctx: t,
     rootRef: n
   } = mt();
-  return /* @__PURE__ */ r(Ee.Provider, { value: t, children: /* @__PURE__ */ r("div", { ref: n, ...x(k.div, P.root), children: e }) });
+  return /* @__PURE__ */ r(Ee.Provider, { value: t, children: /* @__PURE__ */ r("div", { ref: n, ...x(a.div, P.root), children: e }) });
 }
 function yt({
   children: e
@@ -1219,7 +1211,7 @@ function yt({
   } = ae(), l = w(null);
   return H(() => {
     o.current = l.current;
-  }), /* @__PURE__ */ r("button", { ref: l, type: "button", onClick: n, "aria-expanded": t, "aria-haspopup": "menu", "aria-controls": t ? s : void 0, ...x(k.button, P.trigger), children: e });
+  }), /* @__PURE__ */ r("button", { ref: l, type: "button", onClick: n, "aria-expanded": t, "aria-haspopup": "menu", "aria-controls": t ? s : void 0, ...x(a.button, P.trigger), children: e });
 }
 function wt({
   children: e,
@@ -1231,12 +1223,12 @@ function wt({
     menuId: o,
     highlightedId: l
   } = ae();
-  return n ? /* @__PURE__ */ z(N, { children: [
-    /* @__PURE__ */ r("div", { ...x(k.div, P.backdrop), onClick: s }),
-    /* @__PURE__ */ r("div", { id: o, role: "menu", "aria-activedescendant": l ?? void 0, ...x(k.div, P.popup, t === "end" && P.popupEnd), children: e })
+  return n ? /* @__PURE__ */ z(B, { children: [
+    /* @__PURE__ */ r("div", { ...x(a.div, P.backdrop), onClick: s }),
+    /* @__PURE__ */ r("div", { id: o, role: "menu", "aria-activedescendant": l ?? void 0, ...x(a.div, P.popup, t === "end" && P.popupEnd), children: e })
   ] }) : null;
 }
-function St({
+function Mt({
   onClick: e,
   children: t
 }) {
@@ -1252,9 +1244,9 @@ function St({
       return l(i, g);
   }, [i, l]), /* @__PURE__ */ r("div", { ref: c, id: i, role: "menuitem", onClick: () => {
     e?.(), n();
-  }, onPointerEnter: () => o(i), ...x(k.div, P.item, d && P.itemHighlighted), children: t });
+  }, onPointerEnter: () => o(i), ...x(a.div, P.item, d && P.itemHighlighted), children: t });
 }
-function Mt({
+function St({
   href: e,
   children: t
 }) {
@@ -1265,17 +1257,17 @@ function Mt({
     registerItem: l
   } = ae(), i = _(), c = w(null), d = s === i;
   return H(() => {
-    const a = c.current;
-    if (a)
-      return l(i, a);
-  }, [i, l]), /* @__PURE__ */ r("a", { ref: c, id: i, href: e, onClick: n, role: "menuitem", onPointerEnter: () => o(i), ...x(k.a, P.item, P.linkItem, d && P.itemHighlighted), children: t });
+    const k = c.current;
+    if (k)
+      return l(i, k);
+  }, [i, l]), /* @__PURE__ */ r("a", { ref: c, id: i, href: e, onClick: n, role: "menuitem", onPointerEnter: () => o(i), ...x(a.a, P.item, P.linkItem, d && P.itemHighlighted), children: t });
 }
 const Nn = {
   Root: bt,
   Trigger: yt,
   Popup: wt,
-  Item: St,
-  LinkItem: Mt
+  Item: Mt,
+  LinkItem: St
 }, D = {
   root: {
     kVAEAm: "x1n2onr6",
@@ -1368,23 +1360,23 @@ const Nn = {
     "--x-transform": t ?? void 0
   }]
 }, Ve = R(null);
-function ue() {
-  const e = C(Ve);
+function ke() {
+  const e = O(Ve);
   if (!e) throw new Error("ScrollArea compound components must be used within ScrollArea.Root");
   return e;
 }
 function jt() {
-  const e = w(null), t = w(null), [n, s] = G(0), [o, l] = G(0), [i, c] = G(0), [d, a] = G(0), [g, u] = G(0), [$, S] = G(0), [p, m] = G(!1), f = w(null), v = W(() => {
+  const e = w(null), t = w(null), [n, s] = G(0), [o, l] = G(0), [i, c] = G(0), [d, k] = G(0), [g, u] = G(0), [$, M] = G(0), [p, m] = G(!1), f = w(null), v = W(() => {
     const h = e.current;
-    h && (s(h.scrollTop), l(h.scrollLeft), c(h.scrollHeight), a(h.scrollWidth), u(h.clientHeight), S(h.clientWidth), m(!0), f.current && clearTimeout(f.current), f.current = setTimeout(() => m(!1), 1e3));
+    h && (s(h.scrollTop), l(h.scrollLeft), c(h.scrollHeight), k(h.scrollWidth), u(h.clientHeight), M(h.clientWidth), m(!0), f.current && clearTimeout(f.current), f.current = setTimeout(() => m(!1), 1e3));
   }, []);
   return H(() => {
     const h = e.current;
     if (!h) return;
     const b = new ResizeObserver(() => {
-      c(h.scrollHeight), a(h.scrollWidth), u(h.clientHeight), S(h.clientWidth);
+      c(h.scrollHeight), k(h.scrollWidth), u(h.clientHeight), M(h.clientWidth);
     });
-    return b.observe(h), c(h.scrollHeight), a(h.scrollWidth), u(h.clientHeight), S(h.clientWidth), () => b.disconnect();
+    return b.observe(h), c(h.scrollHeight), k(h.scrollWidth), u(h.clientHeight), M(h.clientWidth), () => b.disconnect();
   }, []), H(() => {
     const h = e.current;
     if (h)
@@ -1407,7 +1399,7 @@ function zt({
   children: e
 }) {
   const t = jt();
-  return /* @__PURE__ */ r(Ve.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(k.div, D.root), children: e }) });
+  return /* @__PURE__ */ r(Ve.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(a.div, D.root), children: e }) });
 }
 function It({
   children: e,
@@ -1415,16 +1407,16 @@ function It({
 }) {
   const {
     viewportRef: n
-  } = ue();
-  return /* @__PURE__ */ r("div", { ref: n, ...x(k.div, D.viewport, t != null && D.viewportMaxHeight(t)), children: e });
+  } = ke();
+  return /* @__PURE__ */ r("div", { ref: n, ...x(a.div, D.viewport, t != null && D.viewportMaxHeight(t)), children: e });
 }
 function qt({
   children: e
 }) {
   const {
     contentRef: t
-  } = ue();
-  return /* @__PURE__ */ r("div", { ref: t, ...x(k.div, D.content), children: e });
+  } = ke();
+  return /* @__PURE__ */ r("div", { ref: t, ...x(a.div, D.content), children: e });
 }
 function Wt({
   orientation: e = "vertical",
@@ -1436,8 +1428,8 @@ function Wt({
     scrollWidth: o,
     clientHeight: l,
     clientWidth: i
-  } = ue();
-  return (e === "vertical" ? s > l : o > i) ? /* @__PURE__ */ r("div", { ...x(k.div, D.scrollbar, e === "vertical" ? D.scrollbarVertical : D.scrollbarHorizontal, n ? D.scrollbarVisible : D.scrollbarHidden), children: t }) : null;
+  } = ke();
+  return (e === "vertical" ? s > l : o > i) ? /* @__PURE__ */ r("div", { ...x(a.div, D.scrollbar, e === "vertical" ? D.scrollbarVertical : D.scrollbarHorizontal, n ? D.scrollbarVisible : D.scrollbarHidden), children: t }) : null;
 }
 function Ht({
   orientation: e = "vertical"
@@ -1450,18 +1442,18 @@ function Ht({
     scrollWidth: l,
     clientHeight: i,
     clientWidth: c
-  } = ue(), d = w(!1), a = w(0), g = w(0), u = e === "vertical", $ = Math.max(u ? i / o * 100 : c / l * 100, 10), S = u ? o - i : l - c, p = u ? i : c, m = $ / 100 * p, f = u ? n : s, v = S > 0 ? f / S * (p - m) : 0, h = u ? D.thumbVertical(`${$}%`, `translateY(${v}px)`) : D.thumbHorizontal(`${$}%`, `translateX(${v}px)`), b = W((y) => {
-    y.preventDefault(), d.current = !0, a.current = u ? y.clientY : y.clientX, g.current = u ? t.current?.scrollTop ?? 0 : t.current?.scrollLeft ?? 0, y.target.setPointerCapture(y.pointerId);
-  }, [u, t]), B = W((y) => {
+  } = ke(), d = w(!1), k = w(0), g = w(0), u = e === "vertical", $ = Math.max(u ? i / o * 100 : c / l * 100, 10), M = u ? o - i : l - c, p = u ? i : c, m = $ / 100 * p, f = u ? n : s, v = M > 0 ? f / M * (p - m) : 0, h = u ? D.thumbVertical(`${$}%`, `translateY(${v}px)`) : D.thumbHorizontal(`${$}%`, `translateX(${v}px)`), b = W((y) => {
+    y.preventDefault(), d.current = !0, k.current = u ? y.clientY : y.clientX, g.current = u ? t.current?.scrollTop ?? 0 : t.current?.scrollLeft ?? 0, y.target.setPointerCapture(y.pointerId);
+  }, [u, t]), C = W((y) => {
     if (!d.current) return;
     const I = t.current;
     if (!I) return;
-    const M = (u ? y.clientY : y.clientX) - a.current, j = S / (p - m), J = M * j;
+    const S = (u ? y.clientY : y.clientX) - k.current, j = M / (p - m), J = S * j;
     u ? I.scrollTop = g.current + J : I.scrollLeft = g.current + J;
-  }, [u, S, p, m, t]), Q = W(() => {
+  }, [u, M, p, m, t]), Q = W(() => {
     d.current = !1;
   }, []);
-  return /* @__PURE__ */ r("div", { onPointerDown: b, onPointerMove: B, onPointerUp: Q, ...x(k.div, D.thumb, h) });
+  return /* @__PURE__ */ r("div", { onPointerDown: b, onPointerMove: C, onPointerUp: Q, ...x(a.div, D.thumb, h) });
 }
 const On = {
   Root: zt,
@@ -1568,8 +1560,8 @@ const On = {
     $$css: !0
   }
 }, Ae = R(null);
-function de() {
-  const e = C(Ae);
+function ue() {
+  const e = O(Ae);
   if (!e) throw new Error("Select compound components must be used within Select.Root");
   return e;
 }
@@ -1585,76 +1577,76 @@ function Gt({
   onValueChange: n,
   initialLabels: s
 }) {
-  const [o, l] = be(t, e ?? null, n), [i, c] = G(!1), [d, a] = G(s ?? {}), [g, u] = G(null), $ = _(), S = w(null), p = w(null), m = w(/* @__PURE__ */ new Map()), f = w([]), v = W(() => {
+  const [o, l] = be(t, e ?? null, n), [i, c] = G(!1), [d, k] = G(s ?? {}), [g, u] = G(null), $ = _(), M = w(null), p = w(null), m = w(/* @__PURE__ */ new Map()), f = w([]), v = W(() => {
     c(!1), u(null), p.current?.focus();
   }, []), h = W(() => {
     c((y) => {
       if (y)
         u(null);
       else {
-        const I = m.current, M = f.current;
+        const I = m.current, S = f.current;
         let j = null;
-        for (const J of M) {
+        for (const J of S) {
           const L = I.get(J);
           if (L && L.value === o) {
             j = J;
             break;
           }
         }
-        u(j ?? (M.length > 0 ? M[0] : null));
+        u(j ?? (S.length > 0 ? S[0] : null));
       }
       return !y;
     });
   }, [o]), b = W((y, I) => {
-    a((M) => M[y] === I ? M : {
-      ...M,
+    k((S) => S[y] === I ? S : {
+      ...S,
       [y]: I
     });
-  }, []), B = W((y, I, M) => {
+  }, []), C = W((y, I, S) => {
     m.current.set(y, {
       value: I,
-      element: M
+      element: S
     });
     const j = m.current, J = [...j.keys()];
     return J.sort((L, K) => {
-      const Me = j.get(L)?.element, je = j.get(K)?.element;
-      return !Me || !je ? 0 : Me.compareDocumentPosition(je) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+      const Se = j.get(L)?.element, je = j.get(K)?.element;
+      return !Se || !je ? 0 : Se.compareDocumentPosition(je) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
     }), f.current = J, () => {
       m.current.delete(y), f.current = f.current.filter((L) => L !== y);
     };
   }, []);
   return H(() => {
-    const y = S.current;
+    const y = M.current;
     if (!y || !i) return;
-    function I(M) {
+    function I(S) {
       const j = f.current, J = m.current;
       if (j.length !== 0)
-        switch (M.key) {
+        switch (S.key) {
           case "ArrowDown": {
-            M.preventDefault(), u((L) => {
+            S.preventDefault(), u((L) => {
               const K = L ? j.indexOf(L) : -1;
               return j[(K + 1) % j.length];
             });
             break;
           }
           case "ArrowUp": {
-            M.preventDefault(), u((L) => {
+            S.preventDefault(), u((L) => {
               const K = L ? j.indexOf(L) : 0;
               return j[(K - 1 + j.length) % j.length];
             });
             break;
           }
           case "Home": {
-            M.preventDefault(), u(j[0]);
+            S.preventDefault(), u(j[0]);
             break;
           }
           case "End": {
-            M.preventDefault(), u(j[j.length - 1]);
+            S.preventDefault(), u(j[j.length - 1]);
             break;
           }
           case "Enter":
           case " ": {
-            M.preventDefault(), u((L) => {
+            S.preventDefault(), u((L) => {
               if (L) {
                 const K = J.get(L);
                 K && (l(K.value), v());
@@ -1683,10 +1675,10 @@ function Gt({
       listboxId: $,
       highlightedId: g,
       setHighlightedId: u,
-      registerItem: B,
+      registerItem: C,
       triggerRef: p
-    }), [i, h, v, o, l, d, b, $, g, u, B]),
-    rootRef: S
+    }), [i, h, v, o, l, d, b, $, g, u, C]),
+    rootRef: M
   };
 }
 function Lt({
@@ -1706,8 +1698,8 @@ function Lt({
     onValueChange: s,
     initialLabels: o
   });
-  return /* @__PURE__ */ r(Ae.Provider, { value: i, children: /* @__PURE__ */ z("div", { ref: c, ...x(k.div, Y.root), children: [
-    e && /* @__PURE__ */ r("input", { type: "hidden", name: e, value: i.value ?? "", dir: "auto", ...x(k.input) }),
+  return /* @__PURE__ */ r(Ae.Provider, { value: i, children: /* @__PURE__ */ z("div", { ref: c, ...x(a.div, Y.root), children: [
+    e && /* @__PURE__ */ r("input", { type: "hidden", name: e, value: i.value ?? "", dir: "auto", ...x(a.input) }),
     l
   ] }) });
 }
@@ -1720,10 +1712,10 @@ function Tt({
     listboxId: s,
     highlightedId: o,
     triggerRef: l
-  } = de(), i = w(null);
+  } = ue(), i = w(null);
   return H(() => {
     l.current = i.current;
-  }), /* @__PURE__ */ r("button", { ref: i, type: "button", role: "combobox", onClick: n, "aria-expanded": t, "aria-haspopup": "listbox", "aria-controls": t ? s : void 0, "aria-activedescendant": o ?? void 0, ...x(k.button, Y.trigger), children: e });
+  }), /* @__PURE__ */ r("button", { ref: i, type: "button", role: "combobox", onClick: n, "aria-expanded": t, "aria-haspopup": "listbox", "aria-controls": t ? s : void 0, "aria-activedescendant": o ?? void 0, ...x(a.button, Y.trigger), children: e });
 }
 function Et({
   placeholder: e
@@ -1731,13 +1723,13 @@ function Et({
   const {
     value: t,
     labels: n
-  } = de(), s = t ? n[t] ?? t : null;
-  return /* @__PURE__ */ r("span", { ...x(k.span, s ? Y.value : Y.placeholder), children: s ?? e });
+  } = ue(), s = t ? n[t] ?? t : null;
+  return /* @__PURE__ */ r("span", { ...x(a.span, s ? Y.value : Y.placeholder), children: s ?? e });
 }
 function Vt({
   children: e
 }) {
-  return /* @__PURE__ */ r("span", { ...x(k.span, Y.icon), children: e ?? /* @__PURE__ */ r("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__ */ r("path", { d: "M6 9l6 6 6-6" }) }) });
+  return /* @__PURE__ */ r("span", { ...x(a.span, Y.icon), children: e ?? /* @__PURE__ */ r("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__ */ r("path", { d: "M6 9l6 6 6-6" }) }) });
 }
 function At({
   children: e
@@ -1746,10 +1738,10 @@ function At({
     open: t,
     close: n,
     listboxId: s
-  } = de();
-  return /* @__PURE__ */ z(N, { children: [
-    t && /* @__PURE__ */ r("div", { ...x(k.div, Y.backdrop), onClick: n }),
-    /* @__PURE__ */ r("div", { id: s, role: "listbox", "aria-hidden": !t, ...x(k.div, Y.popup, !t && Y.hidden), children: e })
+  } = ue();
+  return /* @__PURE__ */ z(B, { children: [
+    t && /* @__PURE__ */ r("div", { ...x(a.div, Y.backdrop), onClick: n }),
+    /* @__PURE__ */ r("div", { id: s, role: "listbox", "aria-hidden": !t, ...x(a.div, Y.popup, !t && Y.hidden), children: e })
   ] });
 }
 function Nt({
@@ -1764,7 +1756,7 @@ function Nt({
     highlightedId: i,
     setHighlightedId: c,
     registerItem: d
-  } = de(), a = _(), g = w(null), u = n === e, $ = i === a;
+  } = ue(), k = _(), g = w(null), u = n === e, $ = i === k;
   return H(() => {
     const p = g.current;
     if (!p) return;
@@ -1773,15 +1765,15 @@ function Nt({
   }, [e, l]), H(() => {
     const p = g.current;
     if (p)
-      return d(a, e, p);
-  }, [a, e, d]), /* @__PURE__ */ r("div", { ref: g, id: a, role: "option", "aria-selected": u, onClick: () => {
+      return d(k, e, p);
+  }, [k, e, d]), /* @__PURE__ */ r("div", { ref: g, id: k, role: "option", "aria-selected": u, onClick: () => {
     s(e), o();
-  }, onPointerEnter: () => c(a), ...x(k.div, Y.item, u && Y.itemSelected, $ && Y.itemHighlighted), children: t });
+  }, onPointerEnter: () => c(k), ...x(a.div, Y.item, u && Y.itemSelected, $ && Y.itemHighlighted), children: t });
 }
 function Ot({
   children: e
 }) {
-  return /* @__PURE__ */ r("span", { ...x(k.span), children: e });
+  return /* @__PURE__ */ r("span", { ...x(a.span), children: e });
 }
 const Cn = {
   Root: Lt,
@@ -1872,7 +1864,7 @@ const Cn = {
   }
 }, Ne = R(null);
 function Oe() {
-  const e = C(Ne);
+  const e = O(Ne);
   if (!e) throw new Error("SideNav compound components must be used within SideNav.Root");
   return e;
 }
@@ -1884,10 +1876,10 @@ function Ct({
 }) {
   const [o, l] = be(t, n ?? null, s ? (u) => {
     u !== null && s(u);
-  } : void 0), [i, c] = G(/* @__PURE__ */ new Set()), d = w([]), a = W((u) => {
+  } : void 0), [i, c] = G(/* @__PURE__ */ new Set()), d = w([]), k = W((u) => {
     c(($) => {
-      const S = new Set($);
-      return S.has(u) ? S.delete(u) : S.add(u), S;
+      const M = new Set($);
+      return M.has(u) ? M.delete(u) : M.add(u), M;
     });
   }, []), g = W((u) => (d.current.includes(u) || d.current.push(u), () => {
     d.current = d.current.filter(($) => $ !== u);
@@ -1898,10 +1890,10 @@ function Ct({
     activeValue: o,
     onSelect: l,
     expandedGroups: i,
-    toggleGroup: a,
+    toggleGroup: k,
     registerItem: g,
     orderRef: d
-  }, children: /* @__PURE__ */ r("nav", { role: "navigation", ...x(k.nav, U.root), children: e }) });
+  }, children: /* @__PURE__ */ r("nav", { role: "navigation", ...x(a.nav, U.root), children: e }) });
 }
 function Bt({
   children: e,
@@ -1913,19 +1905,19 @@ function Bt({
     expandedGroups: l,
     toggleGroup: i,
     activeValue: c
-  } = Oe(), d = l.has(o), a = w(null);
+  } = Oe(), d = l.has(o), k = w(null);
   H(() => {
     if (!c || l.has(o)) return;
-    const u = a.current;
+    const u = k.current;
     if (!u) return;
     u.querySelector(`[data-nav-value="${c}"]`) && i(o);
   }, [c, o, l, i]), H(() => {
     s && !l.has(o) && i(o);
   }, []);
-  const g = !c || !a.current ? !1 : !!a.current.querySelector(`[data-nav-value="${c}"]`);
-  return /* @__PURE__ */ z("div", { ref: a, ...x(k.div, U.group), children: [
-    /* @__PURE__ */ z("button", { type: "button", onClick: () => i(o), ...x(k.button, U.groupTrigger, g && U.groupTriggerActive), "aria-expanded": d, children: [
-      /* @__PURE__ */ r("span", { ...x(k.span, U.chevron, d && U.chevronOpen), children: /* @__PURE__ */ r("svg", { width: 10, height: 10, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r("path", { d: "M9 18l6-6-6-6" }) }) }),
+  const g = !c || !k.current ? !1 : !!k.current.querySelector(`[data-nav-value="${c}"]`);
+  return /* @__PURE__ */ z("div", { ref: k, ...x(a.div, U.group), children: [
+    /* @__PURE__ */ z("button", { type: "button", onClick: () => i(o), ...x(a.button, U.groupTrigger, g && U.groupTriggerActive), "aria-expanded": d, children: [
+      /* @__PURE__ */ r("span", { ...x(a.span, U.chevron, d && U.chevronOpen), children: /* @__PURE__ */ r("svg", { width: 10, height: 10, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r("path", { d: "M9 18l6-6-6-6" }) }) }),
       t
     ] }),
     d && e
@@ -1940,7 +1932,7 @@ function Dt({
     onSelect: s,
     registerItem: o
   } = Oe(), l = n === e;
-  return H(() => o(e), [e, o]), /* @__PURE__ */ r("button", { type: "button", "data-nav-value": e, onClick: () => s(e), ...x(k.button, U.item, l && U.itemActive), "aria-current": l ? "page" : void 0, children: t });
+  return H(() => o(e), [e, o]), /* @__PURE__ */ r("button", { type: "button", "data-nav-value": e, onClick: () => s(e), ...x(a.button, U.item, l && U.itemActive), "aria-current": l ? "page" : void 0, children: t });
 }
 const Bn = {
   Root: Ct,
@@ -1999,9 +1991,9 @@ function Dn({
   size: e = "md",
   label: t = "Loading"
 }) {
-  return /* @__PURE__ */ z("div", { role: "status", ...x(k.div, se.root), children: [
-    /* @__PURE__ */ r("div", { ...x(k.div, se.spinner, Rt[e]), "aria-hidden": !0 }),
-    /* @__PURE__ */ r("span", { ...x(k.span, se.srOnly), children: t })
+  return /* @__PURE__ */ z("div", { role: "status", ...x(a.div, se.root), children: [
+    /* @__PURE__ */ r("div", { ...x(a.div, se.spinner, Rt[e]), "aria-hidden": !0 }),
+    /* @__PURE__ */ r("span", { ...x(a.span, se.srOnly), children: t })
   ] });
 }
 const ze = {
@@ -2038,7 +2030,7 @@ function Rn({
   size: t = 48,
   variant: n = "muted"
 }) {
-  return /* @__PURE__ */ r("div", { ...x(k.div, ze.root, ze[n]), children: /* @__PURE__ */ r(ve, { name: e, size: t }) });
+  return /* @__PURE__ */ r("div", { ...x(a.div, ze.root, ze[n]), children: /* @__PURE__ */ r(ve, { name: e, size: t }) });
 }
 const Xt = {
   kumcoG: "xqketvx",
@@ -2123,8 +2115,8 @@ const Xt = {
     "--x-gridTemplateColumns": `repeat(${e}, 1fr)` != null ? `repeat(${e}, 1fr)` : void 0
   }]
 }, Ce = R(null);
-function ge() {
-  const e = C(Ce);
+function de() {
+  const e = O(Ce);
   if (!e) throw new Error("Table compound components must be used within Table.Root");
   return e;
 }
@@ -2140,20 +2132,20 @@ function Yt({
     size: n,
     columns: s,
     isHeader: !1
-  }, children: /* @__PURE__ */ r("div", { role: "table", ...x(k.div, V.root), children: e }) });
+  }, children: /* @__PURE__ */ r("div", { role: "table", ...x(a.div, V.root), children: e }) });
 }
 function Jt({
   children: e
 }) {
-  return /* @__PURE__ */ r(ye.Provider, { value: !0, children: /* @__PURE__ */ r("div", { role: "rowgroup", ...x(k.div, V.header), children: e }) });
+  return /* @__PURE__ */ r(ye.Provider, { value: !0, children: /* @__PURE__ */ r("div", { role: "rowgroup", ...x(a.div, V.header), children: e }) });
 }
 function Pt({
   children: e
 }) {
   const {
     variant: t
-  } = ge(), n = qe.toArray(e);
-  return /* @__PURE__ */ r(ye.Provider, { value: !1, children: /* @__PURE__ */ r("div", { role: "rowgroup", ...x(k.div), children: n.map((s, o) => t === "striped" ? /* @__PURE__ */ r(Be.Provider, { value: o, children: s }, o) : s) }) });
+  } = de(), n = qe.toArray(e);
+  return /* @__PURE__ */ r(ye.Provider, { value: !1, children: /* @__PURE__ */ r("div", { role: "rowgroup", ...x(a.div), children: n.map((s, o) => t === "striped" ? /* @__PURE__ */ r(Be.Provider, { value: o, children: s }, o) : s) }) });
 }
 const Be = R(-1);
 function Ft({
@@ -2162,8 +2154,8 @@ function Ft({
   const {
     variant: t,
     columns: n
-  } = ge(), s = C(ye), o = C(Be), l = o >= 0 && o % 2 === 1, i = qe.toArray(e);
-  return /* @__PURE__ */ r("div", { role: "row", ...x(k.div, V.row, V.gridColumns(n), !s && V.bodyRow, !s && t === "striped" && l && V.stripedEven), children: t === "bordered" ? i.map((c, d) => /* @__PURE__ */ r(we.Provider, { value: {
+  } = de(), s = O(ye), o = O(Be), l = o >= 0 && o % 2 === 1, i = qe.toArray(e);
+  return /* @__PURE__ */ r("div", { role: "row", ...x(a.div, V.row, V.gridColumns(n), !s && V.bodyRow, !s && t === "striped" && l && V.stripedEven), children: t === "bordered" ? i.map((c, d) => /* @__PURE__ */ r(we.Provider, { value: {
     index: d,
     total: i.length
   }, children: c }, d)) : e });
@@ -2178,11 +2170,11 @@ function Qt({
   const {
     size: t,
     variant: n
-  } = ge(), {
+  } = de(), {
     index: s,
     total: o
-  } = C(we), l = n === "bordered" && s === o - 1;
-  return /* @__PURE__ */ r("div", { role: "columnheader", ...x(k.div, V.headerCell, t === "sm" ? V.cellSm : V.cellMd, n === "bordered" && V.borderedCell, l && V.borderedCellLast), children: e });
+  } = O(we), l = n === "bordered" && s === o - 1;
+  return /* @__PURE__ */ r("div", { role: "columnheader", ...x(a.div, V.headerCell, t === "sm" ? V.cellSm : V.cellMd, n === "bordered" && V.borderedCell, l && V.borderedCellLast), children: e });
 }
 function Kt({
   children: e
@@ -2190,11 +2182,11 @@ function Kt({
   const {
     size: t,
     variant: n
-  } = ge(), {
+  } = de(), {
     index: s,
     total: o
-  } = C(we), l = n === "bordered" && s === o - 1;
-  return /* @__PURE__ */ r("div", { role: "cell", ...x(k.div, V.cell, t === "sm" ? V.cellSm : V.cellMd, n === "bordered" && V.borderedCell, l && V.borderedCellLast), children: e });
+  } = O(we), l = n === "bordered" && s === o - 1;
+  return /* @__PURE__ */ r("div", { role: "cell", ...x(a.div, V.cell, t === "sm" ? V.cellSm : V.cellMd, n === "bordered" && V.borderedCell, l && V.borderedCellLast), children: e });
 }
 const Xn = {
   Root: Yt,
@@ -2292,8 +2284,8 @@ const Xn = {
     $$css: !0
   }
 }, De = R(null);
-function Se() {
-  const e = C(De);
+function Me() {
+  const e = O(De);
   if (!e) throw new Error("Tabs compound components must be used within Tabs.Root");
   return e;
 }
@@ -2303,10 +2295,10 @@ function Ut({
   onValueChange: n,
   orientation: s = "horizontal"
 }) {
-  const [o, l] = be(e, t ?? null, n ? (a) => {
-    a !== null && n(a);
-  } : void 0), i = w(/* @__PURE__ */ new Map()), c = w([]), d = W((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);
+  const [o, l] = be(e, t ?? null, n ? (k) => {
+    k !== null && n(k);
+  } : void 0), i = w(/* @__PURE__ */ new Map()), c = w([]), d = W((k, g) => (i.current.set(k, g), c.current.includes(k) || c.current.push(k), () => {
+    i.current.delete(k), c.current = c.current.filter((u) => u !== k);
   }), []);
   return {
     activeValue: o,
@@ -2330,7 +2322,7 @@ function _t({
     onValueChange: s,
     orientation: o
   });
-  return /* @__PURE__ */ r(De.Provider, { value: l, children: /* @__PURE__ */ r("div", { ...x(k.div, X.root, o === "vertical" && X.rootVertical), children: e }) });
+  return /* @__PURE__ */ r(De.Provider, { value: l, children: /* @__PURE__ */ r("div", { ...x(a.div, X.root, o === "vertical" && X.rootVertical), children: e }) });
 }
 function Zt({
   children: e
@@ -2341,18 +2333,18 @@ function Zt({
     onSelect: s,
     tabsRef: o,
     orderRef: l
-  } = Se(), i = w(null);
+  } = Me(), i = w(null);
   return H(() => {
     const c = i.current;
     if (!c) return;
-    function d(a) {
+    function d(k) {
       const g = l.current, u = o.current;
       if (g.length === 0) return;
-      const $ = this, S = t === "horizontal" ? "ArrowLeft" : "ArrowUp", p = t === "horizontal" ? "ArrowRight" : "ArrowDown";
+      const $ = this, M = t === "horizontal" ? "ArrowLeft" : "ArrowUp", p = t === "horizontal" ? "ArrowRight" : "ArrowDown";
       let m = null;
-      switch (a.key) {
+      switch (k.key) {
         case p: {
-          a.preventDefault();
+          k.preventDefault();
           const f = n ? g.indexOf(n) : -1;
           for (let v = 1; v <= g.length; v++) {
             const h = (f + v) % g.length, b = g[h];
@@ -2363,8 +2355,8 @@ function Zt({
           }
           break;
         }
-        case S: {
-          a.preventDefault();
+        case M: {
+          k.preventDefault();
           const f = n ? g.indexOf(n) : 0;
           for (let v = 1; v <= g.length; v++) {
             const h = (f - v + g.length) % g.length, b = g[h];
@@ -2376,7 +2368,7 @@ function Zt({
           break;
         }
         case "Home": {
-          a.preventDefault();
+          k.preventDefault();
           for (const f of g)
             if (!u.get(f)) {
               m = f;
@@ -2385,7 +2377,7 @@ function Zt({
           break;
         }
         case "End": {
-          a.preventDefault();
+          k.preventDefault();
           for (let f = g.length - 1; f >= 0; f--)
             if (!u.get(g[f])) {
               m = g[f];
@@ -2397,7 +2389,7 @@ function Zt({
       m && (s(m), $.querySelector(`[data-tab-value="${m}"]`)?.focus());
     }
     return c.addEventListener("keydown", d), () => c.removeEventListener("keydown", d);
-  }, [t, n, s, o, l]), /* @__PURE__ */ r("div", { ref: i, role: "tablist", "aria-orientation": t, ...x(k.div, X.list, t === "vertical" && X.listVertical), children: e });
+  }, [t, n, s, o, l]), /* @__PURE__ */ r("div", { ref: i, role: "tablist", "aria-orientation": t, ...x(a.div, X.list, t === "vertical" && X.listVertical), children: e });
 }
 function en({
   value: e,
@@ -2409,10 +2401,10 @@ function en({
     onSelect: o,
     orientation: l,
     registerTab: i
-  } = Se(), c = s === e, d = _(), a = `${d}-panel`;
-  return H(() => i(e, t), [e, t, i]), /* @__PURE__ */ r("button", { type: "button", role: "tab", id: d, "aria-selected": c, "aria-controls": a, "aria-disabled": t || void 0, "data-tab-value": e, tabIndex: c ? 0 : -1, onClick: () => {
+  } = Me(), c = s === e, d = _(), k = `${d}-panel`;
+  return H(() => i(e, t), [e, t, i]), /* @__PURE__ */ r("button", { type: "button", role: "tab", id: d, "aria-selected": c, "aria-controls": k, "aria-disabled": t || void 0, "data-tab-value": e, tabIndex: c ? 0 : -1, onClick: () => {
     t || o(e);
-  }, ...x(k.button, X.tab, l === "vertical" && X.tabVertical, c && (l === "vertical" ? X.tabActiveVertical : X.tabActiveHorizontal), t && X.tabDisabled), children: n });
+  }, ...x(a.button, X.tab, l === "vertical" && X.tabVertical, c && (l === "vertical" ? X.tabActiveVertical : X.tabActiveHorizontal), t && X.tabDisabled), children: n });
 }
 function tn({
   value: e,
@@ -2421,8 +2413,8 @@ function tn({
   const {
     activeValue: n,
     orientation: s
-  } = Se();
-  return n !== e ? null : /* @__PURE__ */ r("div", { role: "tabpanel", ...x(k.div, X.panel, s === "vertical" && X.panelVertical), children: t });
+  } = Me();
+  return n !== e ? null : /* @__PURE__ */ r("div", { role: "tabpanel", ...x(a.div, X.panel, s === "vertical" && X.panelVertical), children: t });
 }
 const Yn = {
   Root: _t,
@@ -2474,8 +2466,8 @@ function Jn({
   disabled: c,
   onChange: d
 }) {
-  const a = ie();
-  return /* @__PURE__ */ r("textarea", { id: a?.controlId, name: t, placeholder: n, required: s, rows: o, value: l, defaultValue: i, disabled: c, "aria-describedby": a ? `${a.descriptionId} ${a.invalid ? a.errorId : ""}`.trim() : void 0, "aria-invalid": a?.invalid || e === "error" || void 0, onChange: d, ...x(k.textarea, Ie.base, Ie[e]), dir: "auto" });
+  const k = ie();
+  return /* @__PURE__ */ r("textarea", { id: k?.controlId, name: t, placeholder: n, required: s, rows: o, value: l, defaultValue: i, disabled: c, "aria-describedby": k ? `${k.descriptionId} ${k.invalid ? k.errorId : ""}`.trim() : void 0, "aria-invalid": k?.invalid || e === "error" || void 0, onChange: d, ...x(a.textarea, Ie.base, Ie[e]), dir: "auto" });
 }
 const Pn = {
   bg: "var(--bg-xqkwqtp)",
@@ -2722,7 +2714,7 @@ function tr({
   children: t
 }) {
   const n = cn[e], s = [n?.[0], n?.[1], ln.root];
-  return /* @__PURE__ */ r("div", { ...x(k.div, s), children: t });
+  return /* @__PURE__ */ r("div", { ...x(a.div, s), children: t });
 }
 const F = {
   default: {
@@ -2788,7 +2780,7 @@ const F = {
   medium: F.weightMedium,
   semibold: F.weightSemibold,
   bold: F.weightBold
-}, kn = {
+}, an = {
   start: F.alignStart,
   center: F.alignCenter,
   end: F.alignEnd
@@ -2802,8 +2794,8 @@ function nr({
   as: l = "span",
   children: i
 }) {
-  const c = [Ge[e], F[t], n && xn[n], s && kn[s], o && F.truncate];
-  return l === "p" ? /* @__PURE__ */ r("p", { ...x(k.p, c), children: i }) : l === "div" ? /* @__PURE__ */ r("div", { ...x(k.div, c), children: i }) : /* @__PURE__ */ r("span", { ...x(k.span, c), children: i });
+  const c = [Ge[e], F[t], n && xn[n], s && an[s], o && F.truncate];
+  return l === "p" ? /* @__PURE__ */ r("p", { ...x(a.p, c), children: i }) : l === "div" ? /* @__PURE__ */ r("div", { ...x(a.div, c), children: i }) : /* @__PURE__ */ r("span", { ...x(a.span, c), children: i });
 }
 const fe = {
   root: {
@@ -2861,8 +2853,8 @@ const fe = {
     $$css: !0
   }
 }, Re = R(null);
-function an() {
-  const e = C(Re);
+function kn() {
+  const e = O(Re);
   if (!e) throw new Error("Tooltip compound components must be used within Tooltip.Root");
   return e;
 }
@@ -2874,18 +2866,18 @@ function un({
 }) {
   const [o, l] = G(!1), i = _(), c = w(null), d = W(() => {
     c.current && clearTimeout(c.current), c.current = setTimeout(() => l(!0), s);
-  }, [s]), a = W(() => {
+  }, [s]), k = W(() => {
     c.current && clearTimeout(c.current), c.current = null, l(!1);
   }, []);
   return /* @__PURE__ */ r(Re.Provider, { value: {
     open: o,
     show: d,
-    hide: a,
+    hide: k,
     tooltipId: i,
     placement: n
-  }, children: /* @__PURE__ */ z("div", { ...x(k.div, fe.root), children: [
+  }, children: /* @__PURE__ */ z("div", { ...x(a.div, fe.root), children: [
     e,
-    o && /* @__PURE__ */ r("div", { id: i, role: "tooltip", ...x(k.div, fe.popup, fe[n]), children: t })
+    o && /* @__PURE__ */ r("div", { id: i, role: "tooltip", ...x(a.div, fe.popup, fe[n]), children: t })
   ] }) });
 }
 function dn({
@@ -2896,13 +2888,13 @@ function dn({
     show: n,
     hide: s,
     tooltipId: o
-  } = an();
-  return /* @__PURE__ */ r("div", { onPointerEnter: n, onPointerLeave: s, onFocus: n, onBlur: s, "aria-describedby": t ? o : void 0, ...x(k.div), children: e });
+  } = kn();
+  return /* @__PURE__ */ r("div", { onPointerEnter: n, onPointerLeave: s, onFocus: n, onBlur: s, "aria-describedby": t ? o : void 0, ...x(a.div), children: e });
 }
 const rr = {
   Root: un,
   Trigger: dn
-}, O = {
+}, N = {
   base: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
@@ -2957,26 +2949,26 @@ const rr = {
     $$css: !0
   }
 }, gn = {
-  xs: O.gapXs,
-  sm: O.gapSm,
-  ms: O.gapMs,
-  md: O.gapMd,
-  lg: O.gapLg,
-  xl: O.gapXl,
-  xxl: O.gapXxl,
-  xxxl: O.gapXxxl
+  xs: N.gapXs,
+  sm: N.gapSm,
+  ms: N.gapMs,
+  md: N.gapMd,
+  lg: N.gapLg,
+  xl: N.gapXl,
+  xxl: N.gapXxl,
+  xxxl: N.gapXxxl
 }, hn = {
-  start: O.alignStart,
-  center: O.alignCenter,
-  end: O.alignEnd,
-  stretch: O.alignStretch
+  start: N.alignStart,
+  center: N.alignCenter,
+  end: N.alignEnd,
+  stretch: N.alignStretch
 };
 function sr({
   gap: e = "md",
   align: t = "stretch",
   children: n
 }) {
-  return /* @__PURE__ */ r("div", { ...x(k.div, O.base, gn[e], hn[t]), children: n });
+  return /* @__PURE__ */ r("div", { ...x(a.div, N.base, gn[e], hn[t]), children: n });
 }
 const q = {
   base: {
@@ -3080,7 +3072,7 @@ function or({
   justify: n = "start",
   children: s
 }) {
-  return /* @__PURE__ */ r("div", { ...x(k.div, q.base, pn[e], fn[t], vn[n]), children: s });
+  return /* @__PURE__ */ r("div", { ...x(a.div, q.base, pn[e], fn[t], vn[n]), children: s });
 }
 const T = {
   base: {
@@ -3174,7 +3166,7 @@ function ir({
   justify: n = "start",
   children: s
 }) {
-  return /* @__PURE__ */ r("div", { ...x(k.div, T.base, $n[e], mn[t], bn[n]), children: s });
+  return /* @__PURE__ */ r("div", { ...x(a.div, T.base, $n[e], mn[t], bn[n]), children: s });
 }
 const yn = {
   kumcoG: "xqketvx",
@@ -3252,7 +3244,7 @@ const yn = {
   xl: E.gapXl,
   xxl: E.gapXxl,
   xxxl: E.gapXxxl
-}, Sn = {
+}, Mn = {
   1: E.col1,
   2: E.col2,
   3: E.col3,
@@ -3266,8 +3258,8 @@ function cr({
   minColumnWidth: n,
   children: s
 }) {
-  const o = n ? E.autoFit(n) : t ? Sn[t] : void 0;
-  return /* @__PURE__ */ r("div", { ...x(k.div, E.base, wn[e], o), children: s });
+  const o = n ? E.autoFit(n) : t ? Mn[t] : void 0;
+  return /* @__PURE__ */ r("div", { ...x(a.div, E.base, wn[e], o), children: s });
 }
 function lr(e = {}) {
   const {
@@ -3278,9 +3270,9 @@ function lr(e = {}) {
     const i = s.current;
     if (!i) return;
     let c = null;
-    const d = new ResizeObserver((a) => {
+    const d = new ResizeObserver((k) => {
       c !== null && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
-        const g = a[0];
+        const g = k[0];
         if (!g) return;
         const u = g.contentBoxSize?.[0]?.inlineSize ?? g.contentRect.width;
         u < t ? l("compact") : u >= n ? l("spacious") : l("default");