@duro-app/ui 0.9.1 → 0.10.0

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 { useState as G, useCallback as W, useContext as C, createContext as R, useId as _, useMemo as me, useRef as w, useEffect as H, Children as We } from "react";
 /**
  * @license react-strict-dom
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -7,22 +7,22 @@ import { useState as G, useCallback as W, useContext as C, createContext as R, u
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var me = {};
-Object.defineProperty(me, "__esModule", {
+var be = {};
+Object.defineProperty(be, "__esModule", {
   value: !0
 });
-var We = me.styleq = void 0, Xe = /* @__PURE__ */ new WeakMap(), Ye = "$$css";
-function He(e) {
+var He = be.styleq = void 0, Ye = /* @__PURE__ */ new WeakMap(), Je = "$$css";
+function Ge(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 = "", a = t ? null : Ye, 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($) : $;
@@ -35,7 +35,7 @@ function He(e) {
             var v = [];
             for (var h in p) {
               var b = p[h];
-              if (h === Ye) {
+              if (h === Je) {
                 var B = p[h];
                 B !== !0 && (d = d ? B + "; " + d : B);
                 continue;
@@ -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), a = null));
           }
           y != null && (c = Object.assign(y, c));
         }
@@ -64,13 +64,13 @@ function He(e) {
     return j;
   };
 }
-var Je = We = me.styleq = He();
-Je.factory = He;
-const Pe = We.factory({
+var Pe = He = be.styleq = Ge();
+Pe.factory = Ge;
+const Fe = He.factory({
   disableMix: !0
 });
 function x(...e) {
-  const [t, n, s] = Pe(e), o = {};
+  const [t, n, s] = Fe(e), o = {};
   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) {
@@ -121,23 +121,23 @@ 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 = {
-  a: Fe,
-  button: Qe,
-  div: Ke,
+}, Qe = A.inline, Ke = [A.inlineblock, A.button], Ue = A.block, Z = [A.block, A.heading], _e = [A.inlineblock, A.input], Ze = A.inline, et = A.block, tt = A.block, nt = A.inline, rt = [A.inlineblock, A.textarea], k = {
+  a: Qe,
+  button: Ke,
+  div: Ue,
   h1: Z,
   h2: Z,
   h3: Z,
   h4: Z,
   h5: Z,
   h6: Z,
-  input: Ue,
-  label: _e,
-  nav: Ze,
-  p: et,
-  span: tt,
-  textarea: nt
-}, rt = {
+  input: _e,
+  label: Ze,
+  nav: et,
+  p: tt,
+  span: nt,
+  textarea: rt
+}, st = {
   "x-circle": /* @__PURE__ */ z(N, { children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
@@ -175,7 +175,7 @@ const A = {
     /* @__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" }) })
-}, st = {
+}, ot = {
   // 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" }),
   // Filled triangle with "!" cutout
@@ -192,14 +192,14 @@ const A = {
     /* @__PURE__ */ r("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" })
   ] })
 };
-function ve({
+function ie({
   name: e,
   size: t = 24
 }) {
-  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 n = ot[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: st[e] });
 }
-const ce = {
+const le = {
   base: {
     k1xSpc: "x78zum5",
     kXwgrk: "x1q0g3np",
@@ -250,27 +250,27 @@ const ce = {
     kMwMTN: "xmooqzt",
     $$css: !0
   }
-}, ot = {
+}, it = {
   info: "info-circle-filled",
   warning: "alert-triangle-filled",
   success: "check-circle-filled",
   error: "x-circle-filled"
 };
-function it(e, t) {
-  return e === !1 ? null : e === void 0 ? /* @__PURE__ */ r(ve, { name: ot[t], size: 18 }) : typeof e == "string" ? /* @__PURE__ */ r(ve, { name: e, size: 18 }) : e;
+function ct(e, t) {
+  return e === !1 ? null : e === void 0 ? /* @__PURE__ */ r(ie, { name: it[t], size: 18 }) : typeof e == "string" ? /* @__PURE__ */ r(ie, { name: e, size: 18 }) : e;
 }
-function zn({
+function Wn({
   variant: e = "info",
   icon: t,
   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 })
+  const s = ct(t, e);
+  return /* @__PURE__ */ r("div", { role: "alert", ...x(k.div, le.base, le[e]), children: s ? /* @__PURE__ */ z(N, { children: [
+    /* @__PURE__ */ r("div", { ...x(k.div, le.iconWrap), children: s }),
+    /* @__PURE__ */ r("div", { ...x(k.div, le.content), children: n })
   ] }) : n });
 }
-const xe = {
+const ke = {
   base: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -323,16 +323,16 @@ const xe = {
     kMwMTN: "xmooqzt",
     $$css: !0
   }
-}, ct = {
-  sm: xe.sizeSm,
-  md: xe.sizeMd
+}, lt = {
+  sm: ke.sizeSm,
+  md: ke.sizeMd
 };
-function In({
+function Hn({
   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(k.span, ke.base, lt[t], ke[e]), children: n });
 }
 const ne = {
   base: {
@@ -409,11 +409,11 @@ const ne = {
     kkrTdU: "x1h6gzvc",
     $$css: !0
   }
-}, lt = {
+}, xt = {
   default: ne.sizeDefault,
   small: ne.sizeSmall
 };
-function qn({
+function Gn({
   variant: e = "primary",
   size: t = "default",
   fullWidth: n = !1,
@@ -422,7 +422,72 @@ 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(k.button, ne.base, xt[t], ne[e], n && ne.fullWidth, s && ne.disabled), children: i });
+}
+const pe = {
+  base: {
+    kmVPX3: "x16ixvul",
+    kaIpWk: "x1gbengz",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kGuDYH: "xh6m7d2",
+    kLWn49: "xi1gl5z",
+    kVQacm: "xb3r6kr",
+    $$css: !0
+  },
+  icon: {
+    kyUFMd: "x1faq86j",
+    km5ZXQ: "xxn522s",
+    k1K539: "x1r2uyx8",
+    keoZOQ: "xr9ek0c",
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    $$css: !0
+  },
+  error: {
+    kWkggS: "x102pa86",
+    kVAM5u: "xmuf6iu",
+    kMwMTN: "x1gc3xgn",
+    $$css: !0
+  },
+  success: {
+    kWkggS: "xqmdxru",
+    kVAM5u: "x1q7s2p",
+    kMwMTN: "xcrp0t0",
+    $$css: !0
+  },
+  warning: {
+    kWkggS: "x1g9he1u",
+    kVAM5u: "xsrn1xb",
+    kMwMTN: "x1e2iipf",
+    $$css: !0
+  },
+  info: {
+    kWkggS: "xzusddy",
+    kVAM5u: "x1ke832z",
+    kMwMTN: "xmooqzt",
+    $$css: !0
+  }
+}, kt = {
+  info: "info-circle-filled",
+  warning: "alert-triangle-filled",
+  success: "check-circle-filled",
+  error: "x-circle-filled"
+};
+function at(e, t) {
+  return e === !1 ? null : e === void 0 ? /* @__PURE__ */ r(ie, { name: kt[t], size: 36 }) : typeof e == "string" ? /* @__PURE__ */ r(ie, { name: e, size: 36 }) : e;
+}
+function Ln({
+  variant: e = "info",
+  icon: t,
+  children: n
+}) {
+  const s = at(t, e);
+  return /* @__PURE__ */ z("div", { role: "note", ...x(k.div, pe.base, pe[e]), children: [
+    s && /* @__PURE__ */ r("span", { ...x(k.span, pe.icon), children: s }),
+    n
+  ] });
 }
 const re = {
   base: {
@@ -481,19 +546,19 @@ const re = {
     k1K539: "x2mrtcw",
     $$css: !0
   }
-}, xt = {
+}, ut = {
   default: re.sizeDefault,
   compact: re.sizeCompact,
   full: re.sizeFull
 };
-function Wn({
+function Tn({
   variant: e = "outlined",
   size: t = "default",
   header: n,
   onClick: s,
   children: o
 }) {
-  return /* @__PURE__ */ z("div", { onClick: s, ...x(k.div, re.base, re[e], xt[t]), children: [
+  return /* @__PURE__ */ z("div", { onClick: s, ...x(k.div, re.base, re[e], ut[t]), children: [
     n && /* @__PURE__ */ r("div", { ...x(k.div, re.header), children: n }),
     o
   ] });
@@ -548,7 +613,7 @@ const ee = {
     $$css: !0
   }
 };
-function Hn({
+function En({
   name: e,
   value: t,
   checked: n,
@@ -568,7 +633,7 @@ function Hn({
     i && /* @__PURE__ */ r("span", { ...x(k.span), children: i })
   ] });
 }
-const he = {
+const fe = {
   root: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
@@ -591,18 +656,18 @@ const he = {
     $$css: !0
   }
 };
-function Gn({
+function Vn({
   message: e,
   icon: t,
   action: n
 }) {
-  return /* @__PURE__ */ z("div", { ...x(k.div, he.root), children: [
+  return /* @__PURE__ */ z("div", { ...x(k.div, fe.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(k.p, fe.message), children: e }),
+    n && /* @__PURE__ */ r("div", { ...x(k.div, fe.action), children: n })
   ] });
 }
-const Ge = {
+const Le = {
   bodySm: {
     kMv6JI: "x2nsvjj",
     kGuDYH: "x1if0jgx",
@@ -716,7 +781,7 @@ const Ge = {
     kb6lSQ: "xgvl3jc",
     $$css: !0
   }
-}, le = {
+}, xe = {
   default: {
     kMwMTN: "xg6mlj0",
     $$css: !0
@@ -741,33 +806,33 @@ const Ge = {
     k9WMMc: "xp4054r",
     $$css: !0
   }
-}, kt = {
+}, dt = {
   1: "headingXl",
   2: "headingLg",
   3: "headingMd",
   4: "headingSm",
   5: "headingSm",
   6: "headingSm"
-}, at = {
-  start: le.alignStart,
-  center: le.alignCenter,
-  end: le.alignEnd
+}, gt = {
+  start: xe.alignStart,
+  center: xe.alignCenter,
+  end: xe.alignEnd
 };
-function Ln({
+function An({
   level: e,
   variant: t,
   color: n = "default",
   align: s,
   children: o
 }) {
-  const l = t ?? kt[e], i = [Ge[l], le[n], s && at[s]];
+  const l = t ?? dt[e], i = [Le[l], xe[n], s && gt[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 Le = R(null);
-function ie() {
-  return C(Le);
+const Te = R(null);
+function ce() {
+  return C(Te);
 }
-const ke = {
+const ae = {
   root: {
     k1xSpc: "x78zum5",
     kXwgrk: "xdt5ytf",
@@ -791,46 +856,46 @@ const ke = {
     $$css: !0
   }
 };
-function ut({
+function ht({
   invalid: e = !1,
   children: t
 }) {
-  const n = _(), s = $e(() => ({
+  const n = _(), s = me(() => ({
     controlId: `${n}-control`,
     descriptionId: `${n}-description`,
     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(Te.Provider, { value: s, children: /* @__PURE__ */ r("div", { ...x(k.div, ae.root), children: t }) });
 }
-function dt({
+function pt({
   children: e
 }) {
-  const t = ie();
-  return /* @__PURE__ */ r("label", { htmlFor: t?.controlId, ...x(k.label, ke.label), children: e });
+  const t = ce();
+  return /* @__PURE__ */ r("label", { htmlFor: t?.controlId, ...x(k.label, ae.label), children: e });
 }
-function gt({
+function ft({
   children: e
 }) {
-  const t = ie();
-  return /* @__PURE__ */ r("span", { id: t?.descriptionId, ...x(k.span, ke.description), children: e });
+  const t = ce();
+  return /* @__PURE__ */ r("span", { id: t?.descriptionId, ...x(k.span, ae.description), children: e });
 }
-function ht({
+function vt({
   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 });
-}
-const Tn = {
-  Root: ut,
-  Label: dt,
-  Description: gt,
-  Error: ht
-}, Te = R(null);
-function pt() {
-  return C(Te);
+  const t = ce();
+  return !t?.invalid && !e ? null : /* @__PURE__ */ r("span", { id: t?.errorId, role: "alert", ...x(k.span, ae.error), children: e });
 }
-const pe = {
+const Nn = {
+  Root: ht,
+  Label: pt,
+  Description: ft,
+  Error: vt
+}, Ee = R(null);
+function $t() {
+  return C(Ee);
+}
+const ve = {
   base: {
     kzqmXN: "xh8yej3",
     kLKAdn: "x1y6gaq4",
@@ -869,7 +934,7 @@ const pe = {
     $$css: !0
   }
 };
-function En({
+function On({
   variant: e = "default",
   type: t = "text",
   name: n,
@@ -883,10 +948,10 @@ function En({
   disabled: g,
   onChange: u
 }) {
-  const $ = ie(), S = pt(), p = i !== void 0 ? {
+  const $ = ce(), M = $t(), 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: a, disabled: g, "aria-describedby": $ ? `${$.descriptionId} ${$.invalid ? $.errorId : ""}`.trim() : void 0, "aria-invalid": $?.invalid || e === "error" || void 0, onChange: u, ...x(k.input, ve.base, ve[e], M?.inGroup && ve.inGroup), ...p, dir: "auto" });
 }
 const te = {
   wrapper: {
@@ -943,15 +1008,15 @@ const te = {
     $$css: !0
   }
 };
-function ft({
+function mt({
   children: e
 }) {
-  const t = $e(() => ({
+  const t = me(() => ({
     inGroup: !0
   }), []);
-  return /* @__PURE__ */ r(Te.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(k.div, te.wrapper), children: e }) });
+  return /* @__PURE__ */ r(Ee.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(k.div, te.wrapper), children: e }) });
 }
-function vt({
+function bt({
   position: e = "end",
   onClick: t,
   disabled: n,
@@ -960,9 +1025,9 @@ function vt({
   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 });
 }
-const Vn = {
-  Root: ft,
-  Addon: vt
+const Cn = {
+  Root: mt,
+  Addon: bt
 }, oe = {
   base: {
     k1xSpc: "x3nfvp2",
@@ -1013,11 +1078,11 @@ const Vn = {
     kzqmXN: "xh8yej3",
     $$css: !0
   }
-}, $t = {
+}, yt = {
   default: oe.sizeDefault,
   small: oe.sizeSmall
 };
-function An({
+function Bn({
   href: e,
   variant: t = "primary",
   size: n = "default",
@@ -1026,7 +1091,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(k.a, oe.base, yt[n], oe[t], s && oe.fullWidth), children: i });
 }
 const P = {
   root: {
@@ -1112,13 +1177,13 @@ const P = {
     kMwMTN: "xg6mlj0 x1c35pte",
     $$css: !0
   }
-}, Ee = R(null);
-function ae() {
-  const e = C(Ee);
+}, Ve = R(null);
+function ue() {
+  const e = C(Ve);
   if (!e) throw new Error("Menu compound components must be used within Menu.Root");
   return e;
 }
-function mt() {
+function wt() {
   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();
   }, []), u = W(() => {
@@ -1199,16 +1264,16 @@ function mt() {
     rootRef: l
   };
 }
-function bt({
+function Mt({
   children: e
 }) {
   const {
     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 }) });
+  } = wt();
+  return /* @__PURE__ */ r(Ve.Provider, { value: t, children: /* @__PURE__ */ r("div", { ref: n, ...x(k.div, P.root), children: e }) });
 }
-function yt({
+function St({
   children: e
 }) {
   const {
@@ -1216,12 +1281,12 @@ function yt({
     toggle: n,
     menuId: s,
     triggerRef: o
-  } = ae(), l = w(null);
+  } = ue(), 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 });
 }
-function wt({
+function jt({
   children: e,
   align: t = "start"
 }) {
@@ -1230,13 +1295,13 @@ function wt({
     close: s,
     menuId: o,
     highlightedId: l
-  } = ae();
+  } = ue();
   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 })
   ] }) : null;
 }
-function St({
+function zt({
   onClick: e,
   children: t
 }) {
@@ -1245,7 +1310,7 @@ function St({
     highlightedId: s,
     setHighlightedId: o,
     registerItem: l
-  } = ae(), i = _(), c = w(null), d = s === i;
+  } = ue(), i = _(), c = w(null), d = s === i;
   return H(() => {
     const g = c.current;
     if (g)
@@ -1254,7 +1319,7 @@ function St({
     e?.(), n();
   }, onPointerEnter: () => o(i), ...x(k.div, P.item, d && P.itemHighlighted), children: t });
 }
-function Mt({
+function It({
   href: e,
   children: t
 }) {
@@ -1263,19 +1328,19 @@ function Mt({
     highlightedId: s,
     setHighlightedId: o,
     registerItem: l
-  } = ae(), i = _(), c = w(null), d = s === i;
+  } = ue(), 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 Nn = {
-  Root: bt,
-  Trigger: yt,
-  Popup: wt,
-  Item: St,
-  LinkItem: Mt
+const Dn = {
+  Root: Mt,
+  Trigger: St,
+  Popup: jt,
+  Item: zt,
+  LinkItem: It
 }, D = {
   root: {
     kVAEAm: "x1n2onr6",
@@ -1367,24 +1432,24 @@ const Nn = {
     "--x-width": ((n) => typeof n == "number" ? n + "px" : n ?? void 0)(e),
     "--x-transform": t ?? void 0
   }]
-}, Ve = R(null);
-function ue() {
-  const e = C(Ve);
+}, Ae = R(null);
+function de() {
+  const e = C(Ae);
   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(() => {
+function qt() {
+  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), [$, 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), a(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), a(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), a(h.scrollWidth), u(h.clientHeight), M(h.clientWidth), () => b.disconnect();
   }, []), H(() => {
     const h = e.current;
     if (h)
@@ -1403,30 +1468,30 @@ function jt() {
     scrolling: p
   };
 }
-function zt({
+function Wt({
   children: e
 }) {
-  const t = jt();
-  return /* @__PURE__ */ r(Ve.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(k.div, D.root), children: e }) });
+  const t = qt();
+  return /* @__PURE__ */ r(Ae.Provider, { value: t, children: /* @__PURE__ */ r("div", { ...x(k.div, D.root), children: e }) });
 }
-function It({
+function Ht({
   children: e,
   maxHeight: t
 }) {
   const {
     viewportRef: n
-  } = ue();
+  } = de();
   return /* @__PURE__ */ r("div", { ref: n, ...x(k.div, D.viewport, t != null && D.viewportMaxHeight(t)), children: e });
 }
-function qt({
+function Gt({
   children: e
 }) {
   const {
     contentRef: t
-  } = ue();
+  } = de();
   return /* @__PURE__ */ r("div", { ref: t, ...x(k.div, D.content), children: e });
 }
-function Wt({
+function Lt({
   orientation: e = "vertical",
   children: t
 }) {
@@ -1436,10 +1501,10 @@ function Wt({
     scrollWidth: o,
     clientHeight: l,
     clientWidth: i
-  } = ue();
+  } = de();
   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;
 }
-function Ht({
+function Tt({
   orientation: e = "vertical"
 }) {
   const {
@@ -1450,25 +1515,25 @@ 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) => {
+  } = de(), d = w(!1), a = 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, 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) => {
     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) - a.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) });
 }
-const On = {
-  Root: zt,
-  Viewport: It,
-  Content: qt,
-  Scrollbar: Wt,
-  Thumb: Ht
+const Rn = {
+  Root: Wt,
+  Viewport: Ht,
+  Content: Gt,
+  Scrollbar: Lt,
+  Thumb: Tt
 }, Y = {
   root: {
     kVAEAm: "x1n2onr6",
@@ -1567,94 +1632,94 @@ const On = {
     k1xSpc: "x1s85apg",
     $$css: !0
   }
-}, Ae = R(null);
-function de() {
-  const e = C(Ae);
+}, Ne = R(null);
+function ge() {
+  const e = C(Ne);
   if (!e) throw new Error("Select compound components must be used within Select.Root");
   return e;
 }
-function be(e, t, n) {
+function ye(e, t, n) {
   const [s, o] = G(t), l = e !== void 0 ? e : s, i = W((c) => {
     e === void 0 && o(c), n?.(c);
   }, [e, n]);
   return [l, i];
 }
-function Gt({
+function Et({
   defaultValue: e,
   value: t,
   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] = ye(t, e ?? null, n), [i, c] = G(!1), [d, a] = 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,
+    a((S) => S[y] === I ? S : {
+      ...S,
       [y]: I
     });
-  }, []), B = W((y, I, M) => {
+  }, []), B = 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 je = j.get(L)?.element, ze = j.get(K)?.element;
+      return !je || !ze ? 0 : je.compareDocumentPosition(ze) & 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());
@@ -1672,7 +1737,7 @@ function Gt({
     }
     return y.addEventListener("keydown", I), () => y.removeEventListener("keydown", I);
   }, [i, v, l]), {
-    ctx: $e(() => ({
+    ctx: me(() => ({
       open: i,
       toggle: h,
       close: v,
@@ -1686,10 +1751,10 @@ function Gt({
       registerItem: B,
       triggerRef: p
     }), [i, h, v, o, l, d, b, $, g, u, B]),
-    rootRef: S
+    rootRef: M
   };
 }
-function Lt({
+function Vt({
   name: e,
   defaultValue: t,
   value: n,
@@ -1700,18 +1765,18 @@ function Lt({
   const {
     ctx: i,
     rootRef: c
-  } = Gt({
+  } = Et({
     defaultValue: t,
     value: n,
     onValueChange: s,
     initialLabels: o
   });
-  return /* @__PURE__ */ r(Ae.Provider, { value: i, children: /* @__PURE__ */ z("div", { ref: c, ...x(k.div, Y.root), children: [
+  return /* @__PURE__ */ r(Ne.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) }),
     l
   ] }) });
 }
-function Tt({
+function At({
   children: e
 }) {
   const {
@@ -1720,39 +1785,39 @@ function Tt({
     listboxId: s,
     highlightedId: o,
     triggerRef: l
-  } = de(), i = w(null);
+  } = ge(), 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 });
 }
-function Et({
+function Nt({
   placeholder: e
 }) {
   const {
     value: t,
     labels: n
-  } = de(), s = t ? n[t] ?? t : null;
+  } = ge(), s = t ? n[t] ?? t : null;
   return /* @__PURE__ */ r("span", { ...x(k.span, s ? Y.value : Y.placeholder), children: s ?? e });
 }
-function Vt({
+function Ot({
   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" }) }) });
 }
-function At({
+function Ct({
   children: e
 }) {
   const {
     open: t,
     close: n,
     listboxId: s
-  } = de();
+  } = ge();
   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 })
   ] });
 }
-function Nt({
+function Bt({
   value: e,
   children: t
 }) {
@@ -1764,7 +1829,7 @@ function Nt({
     highlightedId: i,
     setHighlightedId: c,
     registerItem: d
-  } = de(), a = _(), g = w(null), u = n === e, $ = i === a;
+  } = ge(), a = _(), g = w(null), u = n === e, $ = i === a;
   return H(() => {
     const p = g.current;
     if (!p) return;
@@ -1778,19 +1843,19 @@ function Nt({
     s(e), o();
   }, onPointerEnter: () => c(a), ...x(k.div, Y.item, u && Y.itemSelected, $ && Y.itemHighlighted), children: t });
 }
-function Ot({
+function Dt({
   children: e
 }) {
   return /* @__PURE__ */ r("span", { ...x(k.span), children: e });
 }
-const Cn = {
-  Root: Lt,
-  Trigger: Tt,
-  Value: Et,
-  Icon: Vt,
-  Popup: At,
-  Item: Nt,
-  ItemText: Ot
+const Xn = {
+  Root: Vt,
+  Trigger: At,
+  Value: Nt,
+  Icon: Ot,
+  Popup: Ct,
+  Item: Bt,
+  ItemText: Dt
 }, U = {
   root: {
     k1xSpc: "x78zum5",
@@ -1870,31 +1935,31 @@ const Cn = {
     k63SB2: "x9n8r49",
     $$css: !0
   }
-}, Ne = R(null);
-function Oe() {
-  const e = C(Ne);
+}, Oe = R(null);
+function Ce() {
+  const e = C(Oe);
   if (!e) throw new Error("SideNav compound components must be used within SideNav.Root");
   return e;
 }
-function Ct({
+function Rt({
   children: e,
   value: t,
   defaultValue: n,
   onValueChange: s
 }) {
-  const [o, l] = be(t, n ?? null, s ? (u) => {
+  const [o, l] = ye(t, n ?? null, s ? (u) => {
     u !== null && s(u);
   } : void 0), [i, c] = G(/* @__PURE__ */ new Set()), d = w([]), a = 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);
   }), []);
   return H(() => {
     o && c((u) => u);
-  }, [o]), /* @__PURE__ */ r(Ne.Provider, { value: {
+  }, [o]), /* @__PURE__ */ r(Oe.Provider, { value: {
     activeValue: o,
     onSelect: l,
     expandedGroups: i,
@@ -1903,7 +1968,7 @@ function Ct({
     orderRef: d
   }, children: /* @__PURE__ */ r("nav", { role: "navigation", ...x(k.nav, U.root), children: e }) });
 }
-function Bt({
+function Xt({
   children: e,
   label: t,
   groupKey: n,
@@ -1913,7 +1978,7 @@ function Bt({
     expandedGroups: l,
     toggleGroup: i,
     activeValue: c
-  } = Oe(), d = l.has(o), a = w(null);
+  } = Ce(), d = l.has(o), a = w(null);
   H(() => {
     if (!c || l.has(o)) return;
     const u = a.current;
@@ -1931,7 +1996,7 @@ function Bt({
     d && e
   ] });
 }
-function Dt({
+function Yt({
   value: e,
   children: t
 }) {
@@ -1939,13 +2004,13 @@ function Dt({
     activeValue: n,
     onSelect: s,
     registerItem: o
-  } = Oe(), l = n === e;
+  } = Ce(), 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 });
 }
-const Bn = {
-  Root: Ct,
-  Group: Bt,
-  Item: Dt
+const Yn = {
+  Root: Rt,
+  Group: Xt,
+  Item: Yt
 }, se = {
   root: {
     k1xSpc: "x3nfvp2",
@@ -1990,21 +2055,21 @@ const Bn = {
     kMcinP: "xzpqnlu",
     $$css: !0
   }
-}, Rt = {
+}, Jt = {
   sm: se.sm,
   md: se.md,
   lg: se.lg
 };
-function Dn({
+function Jn({
   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("div", { ...x(k.div, se.spinner, Jt[e]), "aria-hidden": !0 }),
     /* @__PURE__ */ r("span", { ...x(k.span, se.srOnly), children: t })
   ] });
 }
-const ze = {
+const Ie = {
   root: {
     k1xSpc: "x3nfvp2",
     kGNEyG: "x6s0dn4",
@@ -2033,14 +2098,14 @@ const ze = {
     $$css: !0
   }
 };
-function Rn({
+function Pn({
   name: e,
   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(k.div, Ie.root, Ie[n]), children: /* @__PURE__ */ r(ie, { name: e, size: t }) });
 }
-const Xt = {
+const Pt = {
   kumcoG: "xqketvx",
   $$css: !0
 }, V = {
@@ -2119,90 +2184,90 @@ const Xt = {
     kWqL5O: "xgfja2r",
     $$css: !0
   },
-  gridColumns: (e) => [Xt, {
+  gridColumns: (e) => [Pt, {
     "--x-gridTemplateColumns": `repeat(${e}, 1fr)` != null ? `repeat(${e}, 1fr)` : void 0
   }]
-}, Ce = R(null);
-function ge() {
-  const e = C(Ce);
+}, Be = R(null);
+function he() {
+  const e = C(Be);
   if (!e) throw new Error("Table compound components must be used within Table.Root");
   return e;
 }
-const ye = R(!1);
-function Yt({
+const we = R(!1);
+function Ft({
   children: e,
   variant: t = "default",
   size: n = "md",
   columns: s
 }) {
-  return /* @__PURE__ */ r(Ce.Provider, { value: {
+  return /* @__PURE__ */ r(Be.Provider, { value: {
     variant: t,
     size: n,
     columns: s,
     isHeader: !1
   }, children: /* @__PURE__ */ r("div", { role: "table", ...x(k.div, V.root), children: e }) });
 }
-function Jt({
+function Qt({
   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(we.Provider, { value: !0, children: /* @__PURE__ */ r("div", { role: "rowgroup", ...x(k.div, V.header), children: e }) });
 }
-function Pt({
+function Kt({
   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) }) });
+  } = he(), n = We.toArray(e);
+  return /* @__PURE__ */ r(we.Provider, { value: !1, children: /* @__PURE__ */ r("div", { role: "rowgroup", ...x(k.div), children: n.map((s, o) => t === "striped" ? /* @__PURE__ */ r(De.Provider, { value: o, children: s }, o) : s) }) });
 }
-const Be = R(-1);
-function Ft({
+const De = R(-1);
+function Ut({
   children: e
 }) {
   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: {
+  } = he(), s = C(we), o = C(De), l = o >= 0 && o % 2 === 1, i = We.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(Me.Provider, { value: {
     index: d,
     total: i.length
   }, children: c }, d)) : e });
 }
-const we = R({
+const Me = R({
   index: 0,
   total: 0
 });
-function Qt({
+function _t({
   children: e
 }) {
   const {
     size: t,
     variant: n
-  } = ge(), {
+  } = he(), {
     index: s,
     total: o
-  } = C(we), l = n === "bordered" && s === o - 1;
+  } = C(Me), 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 });
 }
-function Kt({
+function Zt({
   children: e
 }) {
   const {
     size: t,
     variant: n
-  } = ge(), {
+  } = he(), {
     index: s,
     total: o
-  } = C(we), l = n === "bordered" && s === o - 1;
+  } = C(Me), 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 });
 }
-const Xn = {
-  Root: Yt,
-  Header: Jt,
-  Body: Pt,
-  Row: Ft,
-  HeaderCell: Qt,
-  Cell: Kt
+const Fn = {
+  Root: Ft,
+  Header: Qt,
+  Body: Kt,
+  Row: Ut,
+  HeaderCell: _t,
+  Cell: Zt
 }, X = {
   root: {
     k1xSpc: "x78zum5",
@@ -2291,19 +2356,19 @@ const Xn = {
     kE3dHu: "x107tsa6",
     $$css: !0
   }
-}, De = R(null);
+}, Re = R(null);
 function Se() {
-  const e = C(De);
+  const e = C(Re);
   if (!e) throw new Error("Tabs compound components must be used within Tabs.Root");
   return e;
 }
-function Ut({
+function en({
   value: e,
   defaultValue: t,
   onValueChange: n,
   orientation: s = "horizontal"
 }) {
-  const [o, l] = be(e, t ?? null, n ? (a) => {
+  const [o, l] = ye(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);
@@ -2317,22 +2382,22 @@ function Ut({
     orderRef: c
   };
 }
-function _t({
+function tn({
   children: e,
   value: t,
   defaultValue: n,
   onValueChange: s,
   orientation: o = "horizontal"
 }) {
-  const l = Ut({
+  const l = en({
     value: t,
     defaultValue: n,
     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(Re.Provider, { value: l, children: /* @__PURE__ */ r("div", { ...x(k.div, X.root, o === "vertical" && X.rootVertical), children: e }) });
 }
-function Zt({
+function nn({
   children: e
 }) {
   const {
@@ -2348,7 +2413,7 @@ function Zt({
     function d(a) {
       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) {
         case p: {
@@ -2363,7 +2428,7 @@ function Zt({
           }
           break;
         }
-        case S: {
+        case M: {
           a.preventDefault();
           const f = n ? g.indexOf(n) : 0;
           for (let v = 1; v <= g.length; v++) {
@@ -2399,7 +2464,7 @@ function Zt({
     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 });
 }
-function en({
+function rn({
   value: e,
   disabled: t = !1,
   children: n
@@ -2414,7 +2479,7 @@ function en({
     t || o(e);
   }, ...x(k.button, X.tab, l === "vertical" && X.tabVertical, c && (l === "vertical" ? X.tabActiveVertical : X.tabActiveHorizontal), t && X.tabDisabled), children: n });
 }
-function tn({
+function sn({
   value: e,
   children: t
 }) {
@@ -2424,12 +2489,12 @@ function tn({
   } = Se();
   return n !== e ? null : /* @__PURE__ */ r("div", { role: "tabpanel", ...x(k.div, X.panel, s === "vertical" && X.panelVertical), children: t });
 }
-const Yn = {
-  Root: _t,
-  List: Zt,
-  Tab: en,
-  Panel: tn
-}, Ie = {
+const Qn = {
+  Root: tn,
+  List: nn,
+  Tab: rn,
+  Panel: sn
+}, qe = {
   base: {
     kzqmXN: "xh8yej3",
     kLKAdn: "x1y6gaq4",
@@ -2463,7 +2528,7 @@ const Yn = {
     $$css: !0
   }
 };
-function Jn({
+function Kn({
   variant: e = "default",
   name: t,
   placeholder: n,
@@ -2474,10 +2539,10 @@ 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 a = ce();
+  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, qe.base, qe[e]), dir: "auto" });
 }
-const Pn = {
+const Un = {
   bg: "var(--bg-xqkwqtp)",
   bgCard: "var(--bgCard-xj2l5r)",
   bgCardHover: "var(--bgCardHover-xlxk7vw)",
@@ -2506,7 +2571,7 @@ const Pn = {
   infoBorder: "var(--infoBorder-xnevk3x)",
   infoText: "var(--infoText-x19pseus)",
   __varGroupHash__: "xjvd03b"
-}, Fn = {
+}, _n = {
   xs: "var(--xs-xxfyjsd)",
   sm: "var(--sm-xbh8y7f)",
   ms: "var(--ms-x13y09zs)",
@@ -2516,13 +2581,13 @@ const Pn = {
   xxl: "var(--xxl-xbe9eha)",
   xxxl: "var(--xxxl-xroalp5)",
   __varGroupHash__: "x6uc9q"
-}, Qn = {
+}, Zn = {
   sm: "var(--sm-x1bhtfs5)",
   md: "var(--md-xx2g89g)",
   lg: "var(--lg-xwd56yl)",
   full: "var(--full-x9vxdtd)",
   __varGroupHash__: "xw3ffwm"
-}, Kn = {
+}, er = {
   stackXs: "var(--stackXs-x1qfrfo2)",
   stackSm: "var(--stackSm-x2rk1ut)",
   stackMd: "var(--stackMd-xhblkt4)",
@@ -2536,7 +2601,7 @@ const Pn = {
   containerMd: "var(--containerMd-x170dvin)",
   containerLg: "var(--containerLg-x1n6aasq)",
   __varGroupHash__: "x16nfoyr"
-}, Un = {
+}, tr = {
   fontFamily: "var(--fontFamily-xvrmnat)",
   fontFamilyMono: "var(--fontFamilyMono-x1bzqfky)",
   fontSizeXs: "var(--fontSizeXs-x1w5m325)",
@@ -2551,7 +2616,7 @@ const Pn = {
   fontWeightBold: "var(--fontWeightBold-x1pjkvwg)",
   lineHeight: "var(--lineHeight-x1gubzd5)",
   __varGroupHash__: "xs62swl"
-}, _n = {
+}, nr = {
   fontSize1: "var(--fontSize1-xx27tux)",
   fontSize2: "var(--fontSize2-x5hag8h)",
   fontSize3: "var(--fontSize3-x1mf6j39)",
@@ -2577,7 +2642,7 @@ const Pn = {
   letterSpacingNormal: "var(--letterSpacingNormal-x1ih41v1)",
   letterSpacingWide: "var(--letterSpacingWide-xt8z9rj)",
   __varGroupHash__: "x4cj49w"
-}, Zn = {
+}, rr = {
   bodySm: {
     "fontFamily-kMv6JI": "fontFamily-xce2pww",
     "fontSize-kGuDYH": "fontSize-x1hn3ytp",
@@ -2691,37 +2756,37 @@ const Pn = {
     "letterSpacing-kb6lSQ": "letterSpacing-xql2p2a",
     $$css: "tokens/type-presets.css.ts:104"
   }
-}, er = {
+}, sr = {
   sm: "var(--sm-x17hhtln)",
   md: "var(--md-x1oyt0aw)",
   lg: "var(--lg-x1mxd62i)",
   __varGroupHash__: "x13v825q"
-}, nn = {
+}, on = {
   xjvd03b: "xrtwk39 xjvd03b",
   $$css: !0
-}, rn = {
+}, cn = {
   x13v825q: "xv9ibj0 x13v825q",
   $$css: !0
-}, sn = {
+}, ln = {
   xjvd03b: "xaveibd xjvd03b",
   $$css: !0
-}, on = {
+}, xn = {
   x13v825q: "x15e39jv x13v825q",
   $$css: !0
-}, cn = {
-  light: [nn, rn],
-  "high-contrast": [sn, on]
-}, ln = {
+}, kn = {
+  light: [on, cn],
+  "high-contrast": [ln, xn]
+}, an = {
   root: {
     k1xSpc: "xjp7ctv",
     $$css: !0
   }
 };
-function tr({
+function or({
   theme: e = "dark",
   children: t
 }) {
-  const n = cn[e], s = [n?.[0], n?.[1], ln.root];
+  const n = kn[e], s = [n?.[0], n?.[1], an.root];
   return /* @__PURE__ */ r("div", { ...x(k.div, s), children: t });
 }
 const F = {
@@ -2783,17 +2848,17 @@ const F = {
     khDVqt: "xuxw1ft",
     $$css: !0
   }
-}, xn = {
+}, un = {
   normal: F.weightNormal,
   medium: F.weightMedium,
   semibold: F.weightSemibold,
   bold: F.weightBold
-}, kn = {
+}, dn = {
   start: F.alignStart,
   center: F.alignCenter,
   end: F.alignEnd
 };
-function nr({
+function ir({
   variant: e = "bodyMd",
   color: t = "default",
   weight: n,
@@ -2802,10 +2867,10 @@ function nr({
   as: l = "span",
   children: i
 }) {
-  const c = [Ge[e], F[t], n && xn[n], s && kn[s], o && F.truncate];
+  const c = [Le[e], F[t], n && un[n], s && dn[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 fe = {
+const $e = {
   root: {
     kVAEAm: "x1n2onr6",
     k1xSpc: "x3nfvp2",
@@ -2860,13 +2925,13 @@ const fe = {
     koQZXg: "xzhl4zu",
     $$css: !0
   }
-}, Re = R(null);
-function an() {
-  const e = C(Re);
+}, Xe = R(null);
+function gn() {
+  const e = C(Xe);
   if (!e) throw new Error("Tooltip compound components must be used within Tooltip.Root");
   return e;
 }
-function un({
+function hn({
   children: e,
   content: t,
   placement: n = "top",
@@ -2877,18 +2942,18 @@ function un({
   }, [s]), a = W(() => {
     c.current && clearTimeout(c.current), c.current = null, l(!1);
   }, []);
-  return /* @__PURE__ */ r(Re.Provider, { value: {
+  return /* @__PURE__ */ r(Xe.Provider, { value: {
     open: o,
     show: d,
     hide: a,
     tooltipId: i,
     placement: n
-  }, children: /* @__PURE__ */ z("div", { ...x(k.div, fe.root), children: [
+  }, children: /* @__PURE__ */ z("div", { ...x(k.div, $e.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(k.div, $e.popup, $e[n]), children: t })
   ] }) });
 }
-function dn({
+function pn({
   children: e
 }) {
   const {
@@ -2896,12 +2961,12 @@ function dn({
     show: n,
     hide: s,
     tooltipId: o
-  } = an();
+  } = gn();
   return /* @__PURE__ */ r("div", { onPointerEnter: n, onPointerLeave: s, onFocus: n, onBlur: s, "aria-describedby": t ? o : void 0, ...x(k.div), children: e });
 }
-const rr = {
-  Root: un,
-  Trigger: dn
+const cr = {
+  Root: hn,
+  Trigger: pn
 }, O = {
   base: {
     k1xSpc: "x78zum5",
@@ -2956,7 +3021,7 @@ const rr = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, gn = {
+}, fn = {
   xs: O.gapXs,
   sm: O.gapSm,
   ms: O.gapMs,
@@ -2965,18 +3030,18 @@ const rr = {
   xl: O.gapXl,
   xxl: O.gapXxl,
   xxxl: O.gapXxxl
-}, hn = {
+}, vn = {
   start: O.alignStart,
   center: O.alignCenter,
   end: O.alignEnd,
   stretch: O.alignStretch
 };
-function sr({
+function lr({
   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(k.div, O.base, fn[e], vn[t]), children: n });
 }
 const q = {
   base: {
@@ -3053,7 +3118,7 @@ const q = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, pn = {
+}, $n = {
   xs: q.gapXs,
   sm: q.gapSm,
   ms: q.gapMs,
@@ -3062,25 +3127,25 @@ const q = {
   xl: q.gapXl,
   xxl: q.gapXxl,
   xxxl: q.gapXxxl
-}, fn = {
+}, mn = {
   start: q.alignStart,
   center: q.alignCenter,
   end: q.alignEnd,
   baseline: q.alignBaseline,
   stretch: q.alignStretch
-}, vn = {
+}, bn = {
   start: q.justifyStart,
   center: q.justifyCenter,
   end: q.justifyEnd,
   between: q.justifyBetween
 };
-function or({
+function xr({
   gap: e = "sm",
   align: t = "center",
   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(k.div, q.base, $n[e], mn[t], bn[n]), children: s });
 }
 const T = {
   base: {
@@ -3149,7 +3214,7 @@ const T = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, $n = {
+}, yn = {
   xs: T.gapXs,
   sm: T.gapSm,
   ms: T.gapMs,
@@ -3158,25 +3223,25 @@ const T = {
   xl: T.gapXl,
   xxl: T.gapXxl,
   xxxl: T.gapXxxl
-}, mn = {
+}, wn = {
   start: T.alignStart,
   center: T.alignCenter,
   end: T.alignEnd
-}, bn = {
+}, Mn = {
   start: T.justifyStart,
   center: T.justifyCenter,
   end: T.justifyEnd,
   between: T.justifyBetween
 };
-function ir({
+function kr({
   gap: e = "sm",
   align: t = "start",
   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(k.div, T.base, yn[e], wn[t], Mn[n]), children: s });
 }
-const yn = {
+const Sn = {
   kumcoG: "xqketvx",
   $$css: !0
 }, E = {
@@ -3208,7 +3273,7 @@ const yn = {
     kumcoG: "xu4o1vd",
     $$css: !0
   },
-  autoFit: (e) => [yn, {
+  autoFit: (e) => [Sn, {
     "--x-gridTemplateColumns": `repeat(auto-fit, minmax(${e}, 1fr))` != null ? `repeat(auto-fit, minmax(${e}, 1fr))` : void 0
   }],
   gapXs: {
@@ -3243,7 +3308,7 @@ const yn = {
     kOIVth: "x281kem",
     $$css: !0
   }
-}, wn = {
+}, jn = {
   xs: E.gapXs,
   sm: E.gapSm,
   ms: E.gapMs,
@@ -3252,7 +3317,7 @@ const yn = {
   xl: E.gapXl,
   xxl: E.gapXxl,
   xxxl: E.gapXxxl
-}, Sn = {
+}, zn = {
   1: E.col1,
   2: E.col2,
   3: E.col3,
@@ -3260,16 +3325,16 @@ const yn = {
   5: E.col5,
   6: E.col6
 };
-function cr({
+function ar({
   gap: e = "md",
   columns: t,
   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 ? zn[t] : void 0;
+  return /* @__PURE__ */ r("div", { ...x(k.div, E.base, jn[e], o), children: s });
 }
-function lr(e = {}) {
+function ur(e = {}) {
   const {
     compactBelow: t = 480,
     spaciousAbove: n = 768
@@ -3295,46 +3360,47 @@ function lr(e = {}) {
   };
 }
 export {
-  zn as Alert,
-  In as Badge,
-  qn as Button,
-  Wn as Card,
-  Hn as Checkbox,
-  ir as Cluster,
-  Gn as EmptyState,
-  Tn as Field,
-  cr as Grid,
-  Ln as Heading,
-  ve as Icon,
-  or as Inline,
-  En as Input,
-  Vn as InputGroup,
-  An as LinkButton,
-  Nn as Menu,
-  On as ScrollArea,
-  Cn as Select,
-  Bn as SideNav,
-  Dn as Spinner,
-  sr as Stack,
-  Rn as StatusIcon,
-  Xn as Table,
-  Yn as Tabs,
-  nr as Text,
-  Jn as Textarea,
-  tr as ThemeProvider,
-  rr as Tooltip,
-  Pn as colors,
-  on as highContrastShadows,
-  sn as highContrastTheme,
-  Kn as layoutSpacing,
-  rn as lightShadows,
-  nn as lightTheme,
-  Qn as radii,
-  er as shadows,
-  Fn as spacing,
-  Zn as typePresets,
-  _n as typeScale,
-  Un as typography,
-  lr as useContainerQuery
+  Wn as Alert,
+  Hn as Badge,
+  Gn as Button,
+  Ln as Callout,
+  Tn as Card,
+  En as Checkbox,
+  kr as Cluster,
+  Vn as EmptyState,
+  Nn as Field,
+  ar as Grid,
+  An as Heading,
+  ie as Icon,
+  xr as Inline,
+  On as Input,
+  Cn as InputGroup,
+  Bn as LinkButton,
+  Dn as Menu,
+  Rn as ScrollArea,
+  Xn as Select,
+  Yn as SideNav,
+  Jn as Spinner,
+  lr as Stack,
+  Pn as StatusIcon,
+  Fn as Table,
+  Qn as Tabs,
+  ir as Text,
+  Kn as Textarea,
+  or as ThemeProvider,
+  cr as Tooltip,
+  Un as colors,
+  xn as highContrastShadows,
+  ln as highContrastTheme,
+  er as layoutSpacing,
+  cn as lightShadows,
+  on as lightTheme,
+  Zn as radii,
+  sr as shadows,
+  _n as spacing,
+  rr as typePresets,
+  nr as typeScale,
+  tr as typography,
+  ur as useContainerQuery
 };
 //# sourceMappingURL=index.js.map