@duro-app/ui 0.1.1 → 0.5.0

package/dist/index.js

@@ -1,1850 +1,2363 @@
-import { jsx as a, jsxs as U, Fragment as pt } from "react/jsx-runtime";
-import { css as F, html as g } from "react-strict-dom";
-import { colors as o, typography as h, radii as D, spacing as i, shadows as Q, highContrastTheme as It, highContrastShadows as zt, lightTheme as Wt, lightShadows as Ht } from "@duro-app/tokens";
-import { colors as Xe, highContrastShadows as je, highContrastTheme as Ge, lightShadows as Ye, lightTheme as Ue, radii as Ke, shadows as _e, spacing as qe, typography as Je } from "@duro-app/tokens";
-import { useContext as $, createContext as V, useId as Y, useMemo as ht, useState as M, useRef as w, useCallback as B, useEffect as L, Children as mt } from "react";
-const ft = F.create({
+import { jsx as x, jsxs as H, Fragment as Y } from "react/jsx-runtime";
+import { useState as T, useCallback as I, useContext as G, createContext as L, useId as X, useMemo as we, useRef as y, useEffect as W, Children as ye } from "react";
+import ke, { Polyline as ee, Path as Me, Circle as Z, Line as xe } from "react-native-svg";
+/**
+ * @license react-strict-dom
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ue = {};
+Object.defineProperty(ue, "__esModule", {
+  value: !0
+});
+var ze = ue.styleq = void 0, Ve = /* @__PURE__ */ new WeakMap(), Ne = "$$css";
+function je(e) {
+  var t, r, n;
+  return e != null && (t = e.disableCache === !0, r = e.disableMix === !0, n = e.transform), function() {
+    for (var s = [], i = "", c = null, a = "", l = t ? null : Ve, k = new Array(arguments.length), f = 0; f < arguments.length; f++)
+      k[f] = arguments[f];
+    for (; k.length > 0; ) {
+      var v = k.pop();
+      if (!(v == null || v === !1)) {
+        if (Array.isArray(v)) {
+          for (var w = 0; w < v.length; w++)
+            k.push(v[w]);
+          continue;
+        }
+        var p = n != null ? n(v) : v;
+        if (p.$$css != null) {
+          var $ = "";
+          if (l != null && l.has(p)) {
+            var h = l.get(p);
+            h != null && ($ = h[0], a = h[2], s.push.apply(s, h[1]), l = h[3]);
+          } else {
+            var m = [];
+            for (var g in p) {
+              var b = p[g];
+              if (g === Ne) {
+                var O = p[g];
+                O !== !0 && (a = a ? O + "; " + a : O);
+                continue;
+              }
+              typeof b == "string" || b === null ? s.includes(g) || (s.push(g), l != null && m.push(g), typeof b == "string" && ($ += $ ? " " + b : b)) : console.error("styleq: ".concat(g, " typeof ").concat(String(b), ' is not "string" or "null".'));
+            }
+            if (l != null) {
+              var q = /* @__PURE__ */ new WeakMap();
+              l.set(p, [$, m, a, q]), l = q;
+            }
+          }
+          $ && (i = i ? $ + " " + i : $);
+        } else if (r)
+          c == null && (c = {}), c = Object.assign({}, p, c);
+        else {
+          var z = null;
+          for (var M in p) {
+            var j = p[M];
+            j !== void 0 && (s.includes(M) || (j != null && (c == null && (c = {}), z == null && (z = {}), z[M] = j), s.push(M), l = null));
+          }
+          z != null && (c = Object.assign(z, c));
+        }
+      }
+    }
+    var V = [i, c, a];
+    return V;
+  };
+}
+var Re = ze = ue.styleq = je();
+Re.factory = je;
+const Le = ze.factory({
+  disableMix: !0
+});
+function u(...e) {
+  const [t, r, n] = Le(e), o = {};
+  if (t != null && t !== "" && (o.className = t), r != null && (o.style = r), n != null && n !== "") {
+    const s = n.split(";"), i = {};
+    for (const c of s) {
+      const a = c.trim(), [l, k] = a.split(":");
+      k != null && (i[l] = i[l] != null ? `${i[l]},${k}` : k);
+    }
+    o["data-style-src"] = Object.keys(i).map((c) => `${c}:${i[c]}`).join("; ");
+  }
+  return o;
+}
+const C = {
+  block: {
+    kogj98: "x1ghz6dp",
+    kmVPX3: "x1717udv",
+    $$css: !0
+  },
+  inline: {
+    kogj98: "x1ghz6dp",
+    kmVPX3: "x1717udv",
+    kybGjl: "x1hl2dhg",
+    k9WMMc: "x16tdsg8",
+    kD5eJx: "x1vvkbs",
+    $$css: !0
+  },
+  inlineblock: {
+    ksu8eU: "x1y0btm7",
+    kogj98: "x1ghz6dp",
+    kmVPX3: "x1717udv",
+    $$css: !0
+  },
+  button: {
+    kMzoRj: "xmkeg23",
+    $$css: !0
+  },
+  input: {
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    $$css: !0
+  },
+  textarea: {
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kHenm0: "x288g5",
+    $$css: !0
+  }
+}, Oe = C.inline, De = [C.inlineblock, C.button], Be = C.block, Pe = [C.inlineblock, C.input], Xe = C.inline, Ye = C.block, Ke = C.block, Ue = C.inline, Je = [C.inlineblock, C.textarea], d = {
+  a: Oe,
+  button: De,
+  div: Be,
+  input: Pe,
+  label: Xe,
+  nav: Ye,
+  p: Ke,
+  span: Ue,
+  textarea: Je
+}, ve = {
   base: {
-    padding: i.md,
-    borderRadius: D.sm,
-    borderWidth: 1,
-    borderStyle: "solid",
-    fontSize: h.fontSizeSm,
-    lineHeight: h.lineHeight
+    kmVPX3: "x9l0hi5",
+    kaIpWk: "x12fpg5d",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kGuDYH: "x1f5wsqz",
+    kLWn49: "x1x949wg",
+    $$css: !0
   },
   error: {
-    backgroundColor: o.errorBg,
-    borderColor: o.errorBorder,
-    color: o.errorText
+    kWkggS: "x11yuz7c",
+    kVAM5u: "xj9yn0d",
+    kMwMTN: "x1n0n1z2",
+    $$css: !0
   },
   success: {
-    backgroundColor: o.successBg,
-    borderColor: o.successBorder,
-    color: o.successText
+    kWkggS: "xfudlpn",
+    kVAM5u: "x1qnc0sl",
+    kMwMTN: "xu093u5",
+    $$css: !0
   },
   warning: {
-    backgroundColor: o.warningBg,
-    borderColor: o.warningBorder,
-    color: o.warningText
+    kWkggS: "xl3rndl",
+    kVAM5u: "xuokgsr",
+    kMwMTN: "xsx4m52",
+    $$css: !0
   },
   info: {
-    backgroundColor: o.infoBg,
-    borderColor: o.infoBorder,
-    color: o.infoText
+    kWkggS: "xg7lfmx",
+    kVAM5u: "xgoeqpr",
+    kMwMTN: "xhrv3qp",
+    $$css: !0
   }
-});
-function Ie({
-  variant: t = "info",
-  children: e
+};
+function Zt({
+  variant: e = "info",
+  children: t
 }) {
-  return /* @__PURE__ */ a(g.div, { role: "alert", style: [ft.base, ft[t]], children: e });
+  return /* @__PURE__ */ x("div", { role: "alert", ...u(d.div, ve.base, ve[e]), children: t });
 }
-const J = F.create({
+const te = {
   base: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontFamily: h.fontFamily,
-    fontWeight: h.fontWeightMedium,
-    lineHeight: 1,
-    borderRadius: D.full,
-    whiteSpace: "nowrap"
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kMv6JI: "x1pzdjp3",
+    k63SB2: "x1oq67d7",
+    kLWn49: "xo5v014",
+    kaIpWk: "x9s7flb",
+    khDVqt: "xuxw1ft",
+    $$css: !0
   },
   sizeMd: {
-    paddingTop: i.xs,
-    paddingBottom: i.xs,
-    paddingLeft: i.sm,
-    paddingRight: i.sm,
-    fontSize: h.fontSizeXs
+    kLKAdn: "x12lvzsw",
+    kGO01o: "xpz7ktu",
+    kE3dHu: "x1t5mref",
+    kpe85a: "x3h5nva",
+    kGuDYH: "xcj380t",
+    $$css: !0
   },
   sizeSm: {
-    paddingTop: 2,
-    paddingBottom: 2,
-    paddingLeft: i.xs,
-    paddingRight: i.xs,
-    fontSize: "0.625rem"
+    kLKAdn: "x1nn3v0j",
+    kGO01o: "x1120s5i",
+    kE3dHu: "x1s93rae",
+    kpe85a: "xdf6ls5",
+    kGuDYH: "x2ohwh0",
+    $$css: !0
   },
   default: {
-    backgroundColor: o.bgCardHover,
-    color: o.textMuted
+    kWkggS: "x1t1330p",
+    kMwMTN: "x3dll8l",
+    $$css: !0
   },
   success: {
-    backgroundColor: o.successBg,
-    color: o.successText
+    kWkggS: "xfudlpn",
+    kMwMTN: "xu093u5",
+    $$css: !0
   },
   warning: {
-    backgroundColor: o.warningBg,
-    color: o.warningText
+    kWkggS: "xl3rndl",
+    kMwMTN: "xsx4m52",
+    $$css: !0
   },
   error: {
-    backgroundColor: o.errorBg,
-    color: o.errorText
+    kWkggS: "x11yuz7c",
+    kMwMTN: "x1n0n1z2",
+    $$css: !0
   },
   info: {
-    backgroundColor: o.infoBg,
-    color: o.infoText
+    kWkggS: "xg7lfmx",
+    kMwMTN: "xhrv3qp",
+    $$css: !0
   }
-}), Dt = {
-  sm: J.sizeSm,
-  md: J.sizeMd
+}, Qe = {
+  sm: te.sizeSm,
+  md: te.sizeMd
 };
-function ze({
-  variant: t = "default",
-  size: e = "md",
+function er({
+  variant: e = "default",
+  size: t = "md",
   children: r
 }) {
-  return /* @__PURE__ */ a(g.span, { style: [J.base, Dt[e], J[t]], children: r });
+  return /* @__PURE__ */ x("span", { ...u(d.span, te.base, Qe[t], te[e]), children: r });
 }
-const _ = F.create({
+const U = {
   base: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: i.sm,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeSm,
-    fontWeight: h.fontWeightMedium,
-    lineHeight: h.lineHeight,
-    borderRadius: D.sm,
-    borderWidth: 1,
-    borderStyle: "solid",
-    cursor: "pointer",
-    transitionProperty: "background-color, border-color, color, opacity",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease",
-    textDecoration: "none",
-    outlineWidth: {
-      default: 0,
-      ":focus-visible": 2
-    },
-    outlineStyle: {
-      default: "none",
-      ":focus-visible": "solid"
-    },
-    outlineColor: {
-      default: "transparent",
-      ":focus-visible": o.accent
-    },
-    outlineOffset: {
-      default: 0,
-      ":focus-visible": 2
-    }
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kOIVth: "x10k1rbm",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    k63SB2: "x1oq67d7",
+    kLWn49: "x1x949wg",
+    kaIpWk: "x12fpg5d",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "x1qsmvhx",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    kybGjl: "x1hl2dhg",
+    kMeerF: "x1k57tk5 x784prv",
+    k3XXqK: "x1t137rt x9v5kkp",
+    kjBf7l: "x1uczgqu x1kpnk96",
+    kInvED: "x1wfwxd8 x7s97pk",
+    $$css: !0
   },
   sizeDefault: {
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    $$css: !0
   },
   sizeSmall: {
-    paddingTop: i.xs,
-    paddingBottom: i.xs,
-    paddingLeft: i.sm,
-    paddingRight: i.sm,
-    fontSize: h.fontSizeXs
+    kLKAdn: "x12lvzsw",
+    kGO01o: "xpz7ktu",
+    kE3dHu: "x1t5mref",
+    kpe85a: "x3h5nva",
+    kGuDYH: "xcj380t",
+    $$css: !0
   },
   primary: {
-    backgroundColor: {
-      default: o.accent,
-      ":hover": o.accentHover,
-      ":active": o.accentHover
-    },
-    borderColor: {
-      default: o.accent,
-      ":hover": o.accentHover
-    },
-    color: o.accentContrast
+    kWkggS: "xyed30c xenhjbp xp6ammx",
+    kVAM5u: "xdtqdxh x1u5p6e5",
+    kMwMTN: "x1nawapl",
+    $$css: !0
   },
   secondary: {
-    backgroundColor: {
-      default: "transparent",
-      ":hover": o.bgCardHover
-    },
-    borderColor: o.border,
-    color: o.textMuted
+    kWkggS: "xjbqb8w x16rx6z8",
+    kVAM5u: "x8sq793",
+    kMwMTN: "x3dll8l",
+    $$css: !0
   },
   link: {
-    backgroundColor: "transparent",
-    borderColor: "transparent",
-    color: {
-      default: o.accent,
-      ":hover": o.accentHover
-    },
-    textDecoration: {
-      default: "none",
-      ":hover": "underline"
-    },
-    paddingLeft: 0,
-    paddingRight: 0
+    kWkggS: "xjbqb8w",
+    kVAM5u: "x9r1u3d",
+    kMwMTN: "x1jv78v8 x1346zho",
+    kybGjl: "x1hl2dhg xt0b8zv",
+    kE3dHu: "x1uhho1l",
+    kpe85a: "x1xpa7k",
+    $$css: !0
   },
   danger: {
-    backgroundColor: {
-      default: o.error,
-      ":hover": o.errorHover,
-      ":active": o.errorHover
-    },
-    borderColor: {
-      default: o.error,
-      ":hover": o.errorHover
-    },
-    color: o.errorContrast
+    kWkggS: "x3uea3h x15nk2ih x14rwz5y",
+    kVAM5u: "x100xte9 xgfi2mf",
+    kMwMTN: "xh39ek7",
+    $$css: !0
   },
   fullWidth: {
-    width: "100%"
+    kzqmXN: "xh8yej3",
+    $$css: !0
   },
   disabled: {
-    opacity: 0.5,
-    cursor: "not-allowed"
+    kSiTet: "xbyyjgo",
+    kkrTdU: "x1h6gzvc",
+    $$css: !0
   }
-}), Bt = {
-  default: _.sizeDefault,
-  small: _.sizeSmall
+}, _e = {
+  default: U.sizeDefault,
+  small: U.sizeSmall
 };
-function We({
-  variant: t = "primary",
-  size: e = "default",
+function tr({
+  variant: e = "primary",
+  size: t = "default",
   fullWidth: r = !1,
   disabled: n = !1,
-  type: l = "button",
+  type: o = "button",
   onClick: s,
-  children: d
+  children: i
 }) {
-  return /* @__PURE__ */ a(g.button, { type: l, disabled: n, onClick: s, style: [_.base, Bt[e], _[t], r && _.fullWidth, n && _.disabled], children: d });
+  return /* @__PURE__ */ x("button", { type: o, disabled: n, onClick: s, ...u(d.button, U.base, _e[t], U[e], r && U.fullWidth, n && U.disabled), children: i });
 }
-const q = F.create({
+const J = {
   base: {
-    backgroundColor: o.bgCard,
-    color: o.text,
-    fontFamily: h.fontFamily
+    kWkggS: "xdz192t",
+    kMwMTN: "x1q7k5ly",
+    kMv6JI: "x1pzdjp3",
+    $$css: !0
   },
-  // Variants
   elevated: {
-    borderRadius: D.lg,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: o.border,
-    boxShadow: Q.md
+    kaIpWk: "x1e3ur83",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kGVxlE: "xconxm6",
+    $$css: !0
   },
   outlined: {
-    borderRadius: D.md,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: o.border
+    kaIpWk: "x1jk3q3d",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    $$css: !0
   },
   filled: {
-    borderRadius: D.md
+    kaIpWk: "x1jk3q3d",
+    $$css: !0
   },
   interactive: {
-    borderRadius: D.md,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: {
-      default: o.border,
-      ":hover": o.accent
-    },
-    backgroundColor: {
-      default: o.bgCard,
-      ":hover": o.bgCardHover
-    },
-    cursor: "pointer",
-    transitionProperty: "background-color, border-color, transform",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease",
-    transform: {
-      default: "translateY(0)",
-      ":hover": "translateY(-2px)"
-    }
+    kaIpWk: "x1jk3q3d",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793 x9la8fy",
+    kWkggS: "xdz192t x16rx6z8",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "x1lxufdw",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    k3aq6I: "xnn1q72 x1lz31oe",
+    $$css: !0
   },
-  // Sizes (padding)
   sizeDefault: {
-    padding: i.lg
+    kmVPX3: "xp0c5z4",
+    $$css: !0
   },
   sizeCompact: {
-    padding: i.md
+    kmVPX3: "x9l0hi5",
+    $$css: !0
   },
   sizeFull: {
-    padding: i.xl
+    kmVPX3: "x18v2m0",
+    $$css: !0
   },
-  // Header
   header: {
-    fontSize: h.fontSizeLg,
-    fontWeight: h.fontWeightSemibold,
-    marginBottom: i.md
+    kGuDYH: "xf4hbbm",
+    k63SB2: "x120om85",
+    k1K539: "x94e8gg",
+    $$css: !0
   }
-}), Lt = {
-  default: q.sizeDefault,
-  compact: q.sizeCompact,
-  full: q.sizeFull
+}, Fe = {
+  default: J.sizeDefault,
+  compact: J.sizeCompact,
+  full: J.sizeFull
 };
-function He({
-  variant: t = "outlined",
-  size: e = "default",
+function rr({
+  variant: e = "outlined",
+  size: t = "default",
   header: r,
   onClick: n,
-  children: l
+  children: o
 }) {
-  return /* @__PURE__ */ U(g.div, { onClick: n, style: [q.base, q[t], Lt[e]], children: [
-    r && /* @__PURE__ */ a(g.div, { style: q.header, children: r }),
-    l
+  return /* @__PURE__ */ H("div", { onClick: n, ...u(d.div, J.base, J[e], Fe[t]), children: [
+    r && /* @__PURE__ */ x("div", { ...u(d.div, J.header), children: r }),
+    o
   ] });
 }
-const bt = V(null);
-function Z() {
-  return $(bt);
+const K = {
+  root: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x10k1rbm",
+    kkrTdU: "x1ypdohk",
+    kGuDYH: "x1f5wsqz",
+    kMwMTN: "x1q7k5ly",
+    kLWn49: "x1x949wg",
+    $$css: !0
+  },
+  rootDisabled: {
+    kSiTet: "xbyyjgo",
+    kkrTdU: "x1h6gzvc",
+    $$css: !0
+  },
+  box: {
+    kzqmXN: "x1xp8n7a",
+    kZKoxP: "xmix8c7",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kaIpWk: "x12fpg5d",
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kmuXW: "x2lah0s",
+    k1ekBW: "xts7igz",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    $$css: !0
+  },
+  boxUnchecked: {
+    kWkggS: "x18f41zy",
+    kVAM5u: "x8sq793 x15ifnsi",
+    $$css: !0
+  },
+  boxChecked: {
+    kWkggS: "xyed30c",
+    kVAM5u: "xdtqdxh",
+    $$css: !0
+  },
+  input: {
+    kVAEAm: "x10l6tqk",
+    kzqmXN: "x1i1rx1s",
+    kZKoxP: "xjm9jq1",
+    kSiTet: "xg01cxk",
+    kVQacm: "xb3r6kr",
+    $$css: !0
+  }
+};
+function nr({
+  name: e,
+  value: t,
+  checked: r,
+  defaultChecked: n = !1,
+  disabled: o = !1,
+  onChange: s,
+  children: i
+}) {
+  const c = r !== void 0, [a, l] = T(n), k = c ? r : a, f = I((v) => {
+    c || l(v.target.checked), s?.(v);
+  }, [c, s]);
+  return /* @__PURE__ */ H("label", { ...u(d.label, K.root, o && K.rootDisabled), children: [
+    /* @__PURE__ */ x("input", { type: "checkbox", name: e, value: t, checked: c ? r : void 0, defaultChecked: c ? void 0 : n, disabled: o, onChange: f, ...u(d.input, K.input), dir: "auto" }),
+    /* @__PURE__ */ x("span", { ...u(d.span, K.box, k ? K.boxChecked : K.boxUnchecked), "aria-hidden": !0, children: k && /* @__PURE__ */ x(ke, { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ x(ee, { points: "2.5 6 5 8.5 9.5 3.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+    i && /* @__PURE__ */ x("span", { ...u(d.span), children: i })
+  ] });
 }
-const tt = F.create({
+const ie = {
   root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: i.xs
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kOIVth: "x10k1rbm",
+    kLKAdn: "x9rql99",
+    kGO01o: "x6cb02v",
+    k9WMMc: "x2b8uid",
+    $$css: !0
+  },
+  message: {
+    kGuDYH: "x1f5wsqz",
+    kMwMTN: "x3dll8l",
+    kLWn49: "x1x949wg",
+    $$css: !0
+  },
+  action: {
+    keoZOQ: "xemq520",
+    $$css: !0
+  }
+};
+function or({
+  message: e,
+  icon: t,
+  action: r
+}) {
+  return /* @__PURE__ */ H("div", { ...u(d.div, ie.root), children: [
+    t,
+    /* @__PURE__ */ x("p", { ...u(d.p, ie.message), children: e }),
+    r && /* @__PURE__ */ x("div", { ...u(d.div, ie.action), children: r })
+  ] });
+}
+const qe = L(null);
+function F() {
+  return G(qe);
+}
+const re = {
+  root: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x1b6swt2",
+    $$css: !0
   },
   label: {
-    fontSize: h.fontSizeSm,
-    fontWeight: h.fontWeightMedium,
-    color: o.text
+    kGuDYH: "x1f5wsqz",
+    k63SB2: "x1oq67d7",
+    kMwMTN: "x1q7k5ly",
+    $$css: !0
   },
   description: {
-    fontSize: h.fontSizeXs,
-    color: o.textMuted
+    kGuDYH: "xcj380t",
+    kMwMTN: "x3dll8l",
+    $$css: !0
   },
   error: {
-    fontSize: h.fontSizeXs,
-    color: o.error
+    kGuDYH: "xcj380t",
+    kMwMTN: "xoejid4",
+    $$css: !0
   }
-});
-function Pt({
-  invalid: t = !1,
-  children: e
+};
+function Ze({
+  invalid: e = !1,
+  children: t
 }) {
-  const r = Y(), n = ht(() => ({
+  const r = X(), n = we(() => ({
     controlId: `${r}-control`,
     descriptionId: `${r}-description`,
     errorId: `${r}-error`,
-    invalid: t
-  }), [r, t]);
-  return /* @__PURE__ */ a(bt.Provider, { value: n, children: /* @__PURE__ */ a(g.div, { style: tt.root, children: e }) });
+    invalid: e
+  }), [r, e]);
+  return /* @__PURE__ */ x(qe.Provider, { value: n, children: /* @__PURE__ */ x("div", { ...u(d.div, re.root), children: t }) });
 }
-function Mt({
-  children: t
+function et({
+  children: e
 }) {
-  const e = Z();
-  return /* @__PURE__ */ a(g.label, { for: e?.controlId, style: tt.label, children: t });
+  const t = F();
+  return /* @__PURE__ */ x("label", { htmlFor: t?.controlId, ...u(d.label, re.label), children: e });
 }
-function Ft({
-  children: t
+function tt({
+  children: e
 }) {
-  const e = Z();
-  return /* @__PURE__ */ a(g.span, { id: e?.descriptionId, style: tt.description, children: t });
+  const t = F();
+  return /* @__PURE__ */ x("span", { id: t?.descriptionId, ...u(d.span, re.description), children: e });
 }
-function Et({
-  children: t
+function rt({
+  children: e
 }) {
-  const e = Z();
-  return !e?.invalid && !t ? null : /* @__PURE__ */ a(g.span, { id: e?.errorId, role: "alert", style: tt.error, children: t });
+  const t = F();
+  return !t?.invalid && !e ? null : /* @__PURE__ */ x("span", { id: t?.errorId, role: "alert", ...u(d.span, re.error), children: e });
 }
-const De = {
-  Root: Pt,
-  Label: Mt,
-  Description: Ft,
-  Error: Et
-}, gt = F.create({
+const sr = {
+  Root: Ze,
+  Label: et,
+  Description: tt,
+  Error: rt
+}, $e = {
   base: {
-    width: "100%",
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeSm,
-    lineHeight: h.lineHeight,
-    color: o.text,
-    backgroundColor: o.bg,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderRadius: D.sm,
-    transitionProperty: "border-color",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease",
-    outlineWidth: {
-      default: 0,
-      ":focus-visible": 2
-    },
-    outlineStyle: {
-      default: "none",
-      ":focus-visible": "solid"
-    },
-    outlineColor: {
-      default: "transparent",
-      ":focus-visible": o.accent
-    },
-    outlineOffset: {
-      default: 0,
-      ":focus-visible": 1
-    }
+    kzqmXN: "xh8yej3",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    kLWn49: "x1x949wg",
+    kMwMTN: "x1q7k5ly",
+    kWkggS: "x18f41zy",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kaIpWk: "x12fpg5d",
+    k1ekBW: "xshfolx",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    kMeerF: "x1k57tk5 x784prv",
+    k3XXqK: "x1t137rt x9v5kkp",
+    kjBf7l: "x1uczgqu x1kpnk96",
+    kInvED: "x1wfwxd8 x13iak60",
+    $$css: !0
   },
   default: {
-    borderColor: {
-      default: o.border,
-      ":hover": o.textMuted,
-      ":focus": o.accent
-    }
+    kVAM5u: "x8sq793 x15ifnsi x15rm23n",
+    $$css: !0
   },
   error: {
-    borderColor: {
-      default: o.error,
-      ":focus": o.error
-    }
+    kVAM5u: "x100xte9 xdikpbx",
+    $$css: !0
   }
-});
-function Be({
-  variant: t = "default",
-  type: e = "text",
+};
+function cr({
+  variant: e = "default",
+  type: t = "text",
   name: r,
   placeholder: n,
-  required: l,
+  required: o,
   minLength: s,
-  pattern: d,
+  pattern: i,
   autoComplete: c,
-  value: m,
-  defaultValue: u,
-  disabled: f,
-  onChange: p
+  value: a,
+  defaultValue: l,
+  disabled: k,
+  onChange: f
 }) {
-  const S = Z(), R = d !== void 0 ? {
-    pattern: d
+  const v = F(), w = i !== void 0 ? {
+    pattern: i
   } : void 0;
-  return /* @__PURE__ */ a(g.input, { id: S?.controlId, type: e, name: r, placeholder: n, required: l, minLength: s, autoComplete: c, value: m, defaultValue: u, disabled: f, "aria-describedby": S ? `${S.descriptionId} ${S.invalid ? S.errorId : ""}`.trim() : void 0, "aria-invalid": S?.invalid || t === "error" || void 0, onChange: p, style: [gt.base, gt[t]], ...R });
+  return /* @__PURE__ */ x("input", { id: v?.controlId, type: t, name: r, placeholder: n, required: o, minLength: s, autoComplete: c, value: a, defaultValue: l, disabled: k, "aria-describedby": v ? `${v.descriptionId} ${v.invalid ? v.errorId : ""}`.trim() : void 0, "aria-invalid": v?.invalid || e === "error" || void 0, onChange: f, ...u(d.input, $e.base, $e[e]), ...w, dir: "auto" });
+}
+const _ = {
+  base: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kOIVth: "x10k1rbm",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    k63SB2: "x1oq67d7",
+    kLWn49: "x1x949wg",
+    kaIpWk: "x12fpg5d",
+    kkrTdU: "x1ypdohk",
+    kybGjl: "x1hl2dhg",
+    k1ekBW: "x1eaenvl",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    $$css: !0
+  },
+  sizeDefault: {
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    $$css: !0
+  },
+  sizeSmall: {
+    kLKAdn: "x12lvzsw",
+    kGO01o: "xpz7ktu",
+    kE3dHu: "x1t5mref",
+    kpe85a: "x3h5nva",
+    kGuDYH: "xcj380t",
+    $$css: !0
+  },
+  primary: {
+    kWkggS: "xyed30c xenhjbp",
+    kMwMTN: "x1nawapl",
+    $$css: !0
+  },
+  secondary: {
+    kWkggS: "xjbqb8w x16rx6z8",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kMwMTN: "x3dll8l",
+    $$css: !0
+  },
+  fullWidth: {
+    kzqmXN: "xh8yej3",
+    $$css: !0
+  }
+}, nt = {
+  default: _.sizeDefault,
+  small: _.sizeSmall
+};
+function xr({
+  href: e,
+  variant: t = "primary",
+  size: r = "default",
+  fullWidth: n = !1,
+  target: o,
+  rel: s,
+  children: i
+}) {
+  return /* @__PURE__ */ x("a", { href: e, target: o, rel: s, ...u(d.a, _.base, nt[r], _[t], n && _.fullWidth), children: i });
 }
-const N = F.create({
+const D = {
   root: {
-    position: "relative",
-    display: "inline-flex"
+    kVAEAm: "x1n2onr6",
+    k1xSpc: "x3nfvp2",
+    $$css: !0
   },
   trigger: {
-    display: "inline-flex",
-    alignItems: "center",
-    gap: i.sm,
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeSm,
-    color: o.text,
-    backgroundColor: {
-      default: "transparent",
-      ":hover": o.bgCardHover
-    },
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: o.border,
-    borderRadius: D.sm,
-    cursor: "pointer",
-    transitionProperty: "background-color, border-color",
-    transitionDuration: "150ms"
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x10k1rbm",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    kMwMTN: "x1q7k5ly",
+    kWkggS: "xjbqb8w x16rx6z8",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kaIpWk: "x12fpg5d",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "xts7igz",
+    kIyJzY: "xx6bhzk",
+    $$css: !0
   },
   backdrop: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 49
+    kVAEAm: "xixxii4",
+    k87sOh: "x13vifvy",
+    kbCHJM: "xu96u03",
+    kCIrl2: "x3m8u43",
+    krVfgx: "x1ey2m1c",
+    kY2c9j: "x1ygf0dq",
+    $$css: !0
   },
   popup: {
-    position: "absolute",
-    top: "100%",
-    left: 0,
-    marginTop: i.xs,
-    backgroundColor: o.bgCard,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: o.border,
-    borderRadius: D.sm,
-    boxShadow: Q.md,
-    paddingTop: i.xs,
-    paddingBottom: i.xs,
-    minWidth: 160,
-    zIndex: 50
+    kVAEAm: "x10l6tqk",
+    k87sOh: "xdsb8wn",
+    kbCHJM: "xu96u03",
+    keoZOQ: "x1x9u35d",
+    kWkggS: "xdz192t",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kaIpWk: "x12fpg5d",
+    kGVxlE: "xconxm6",
+    kLKAdn: "x12lvzsw",
+    kGO01o: "xpz7ktu",
+    k7Eaqz: "x5w4yej",
+    kY2c9j: "xa9119d",
+    $$css: !0
   },
   popupEnd: {
-    left: "auto",
-    right: 0
+    kbCHJM: "x1t8mvi6",
+    kCIrl2: "x3m8u43",
+    $$css: !0
   },
   item: {
-    display: "flex",
-    alignItems: "center",
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontSize: h.fontSizeSm,
-    fontFamily: h.fontFamily,
-    color: o.text,
-    borderRadius: D.sm,
-    cursor: "pointer",
-    backgroundColor: "transparent",
-    transitionProperty: "background-color",
-    transitionDuration: "150ms"
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kGuDYH: "x1f5wsqz",
+    kMv6JI: "x1pzdjp3",
+    kMwMTN: "x1q7k5ly",
+    kaIpWk: "x12fpg5d",
+    kkrTdU: "x1ypdohk",
+    kWkggS: "xjbqb8w",
+    k1ekBW: "x15406qy",
+    kIyJzY: "xx6bhzk",
+    $$css: !0
   },
   itemHighlighted: {
-    backgroundColor: o.bgCardHover
+    kWkggS: "x1t1330p",
+    $$css: !0
   },
   linkItem: {
-    textDecoration: "none",
-    color: {
-      default: o.text,
-      ":hover": o.text
-    }
+    kybGjl: "x1hl2dhg",
+    kMwMTN: "x1q7k5ly x1hcr4s8",
+    $$css: !0
   }
-}), vt = V(null);
-function et() {
-  const t = $(vt);
-  if (!t) throw new Error("Menu compound components must be used within Menu.Root");
-  return t;
+}, Se = L(null);
+function ne() {
+  const e = G(Se);
+  if (!e) throw new Error("Menu compound components must be used within Menu.Root");
+  return e;
 }
-function $t() {
-  const [t, e] = M(!1), [r, n] = M(null), l = Y(), s = w(null), d = w(null), c = w(/* @__PURE__ */ new Map()), m = w([]), u = w(!1), f = B(() => {
-    e(!1), n(null), u.current = !1, d.current?.focus();
-  }, []), p = B(() => {
-    e((x) => (x ? (n(null), u.current = !1) : u.current = !0, !x));
+function ot() {
+  const [e, t] = T(!1), [r, n] = T(null), o = X(), s = y(null), i = y(null), c = y(/* @__PURE__ */ new Map()), a = y([]), l = y(!1), k = I(() => {
+    t(!1), n(null), l.current = !1, i.current?.focus();
+  }, []), f = I(() => {
+    t((p) => (p ? (n(null), l.current = !1) : l.current = !0, !p));
   }, []);
-  L(() => {
-    if (t && u.current) {
-      u.current = !1;
-      const x = m.current;
-      x.length > 0 && n(x[0]);
+  W(() => {
+    if (e && l.current) {
+      l.current = !1;
+      const p = a.current;
+      p.length > 0 && n(p[0]);
     }
-  }, [t]);
-  const S = B((x, C) => {
-    c.current.set(x, C);
-    const v = c.current, y = [...v.keys()];
-    return y.sort((b, k) => {
-      const K = v.get(b), W = v.get(k);
-      return !K || !W ? 0 : K.compareDocumentPosition(W) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), m.current = y, () => {
-      c.current.delete(x), m.current = m.current.filter((b) => b !== x);
+  }, [e]);
+  const v = I((p, $) => {
+    c.current.set(p, $);
+    const h = c.current, m = [...h.keys()];
+    return m.sort((g, b) => {
+      const O = h.get(g), q = h.get(b);
+      return !O || !q ? 0 : O.compareDocumentPosition(q) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    }), a.current = m, () => {
+      c.current.delete(p), a.current = a.current.filter((g) => g !== p);
     };
   }, []);
-  return L(() => {
-    const x = s.current;
-    if (!x || !t) return;
-    function C(v) {
-      const y = m.current;
-      if (y.length !== 0)
-        switch (v.key) {
+  return W(() => {
+    const p = s.current;
+    if (!p || !e) return;
+    function $(h) {
+      const m = a.current;
+      if (m.length !== 0)
+        switch (h.key) {
           case "ArrowDown": {
-            v.preventDefault(), n((b) => {
-              const k = b ? y.indexOf(b) : -1;
-              return y[(k + 1) % y.length];
+            h.preventDefault(), n((g) => {
+              const b = g ? m.indexOf(g) : -1;
+              return m[(b + 1) % m.length];
             });
             break;
           }
           case "ArrowUp": {
-            v.preventDefault(), n((b) => {
-              const k = b ? y.indexOf(b) : 0;
-              return y[(k - 1 + y.length) % y.length];
+            h.preventDefault(), n((g) => {
+              const b = g ? m.indexOf(g) : 0;
+              return m[(b - 1 + m.length) % m.length];
             });
             break;
           }
           case "Home": {
-            v.preventDefault(), n(y[0]);
+            h.preventDefault(), n(m[0]);
             break;
           }
           case "End": {
-            v.preventDefault(), n(y[y.length - 1]);
+            h.preventDefault(), n(m[m.length - 1]);
             break;
           }
           case "Enter":
           case " ": {
-            v.preventDefault();
-            const b = c.current;
-            n((k) => (k && b.get(k)?.click(), k));
+            h.preventDefault();
+            const g = c.current;
+            n((b) => (b && g.get(b)?.click(), b));
             break;
           }
           case "Escape":
           case "Tab": {
-            f();
+            k();
             break;
           }
         }
     }
-    return x.addEventListener("keydown", C), () => x.removeEventListener("keydown", C);
-  }, [t, f]), {
+    return p.addEventListener("keydown", $), () => p.removeEventListener("keydown", $);
+  }, [e, k]), {
     ctx: {
-      open: t,
-      toggle: p,
-      close: f,
-      menuId: l,
+      open: e,
+      toggle: f,
+      close: k,
+      menuId: o,
       highlightedId: r,
       setHighlightedId: n,
-      registerItem: S,
-      triggerRef: d
+      registerItem: v,
+      triggerRef: i
     },
     rootRef: s
   };
 }
-function At({
-  children: t
+function st({
+  children: e
 }) {
   const {
-    ctx: e,
+    ctx: t,
     rootRef: r
-  } = $t();
-  return /* @__PURE__ */ a(vt.Provider, { value: e, children: /* @__PURE__ */ a(g.div, { ref: r, style: N.root, children: t }) });
+  } = ot();
+  return /* @__PURE__ */ x(Se.Provider, { value: t, children: /* @__PURE__ */ x("div", { ref: r, ...u(d.div, D.root), children: e }) });
 }
-function Ot({
-  children: t
+function ct({
+  children: e
 }) {
   const {
-    open: e,
+    open: t,
     toggle: r,
     menuId: n,
-    triggerRef: l
-  } = et(), s = w(null);
-  return L(() => {
-    l.current = s.current;
-  }), /* @__PURE__ */ a(g.button, { ref: s, type: "button", onClick: r, "aria-expanded": e, "aria-haspopup": "menu", "aria-controls": e ? n : void 0, style: N.trigger, children: t });
+    triggerRef: o
+  } = ne(), s = y(null);
+  return W(() => {
+    o.current = s.current;
+  }), /* @__PURE__ */ x("button", { ref: s, type: "button", onClick: r, "aria-expanded": t, "aria-haspopup": "menu", "aria-controls": t ? n : void 0, ...u(d.button, D.trigger), children: e });
 }
-function Vt({
-  children: t,
-  align: e = "start"
+function xt({
+  children: e,
+  align: t = "start"
 }) {
   const {
     open: r,
     close: n,
-    menuId: l,
+    menuId: o,
     highlightedId: s
-  } = et();
-  return r ? /* @__PURE__ */ U(pt, { children: [
-    /* @__PURE__ */ a(g.div, { style: N.backdrop, onClick: n }),
-    /* @__PURE__ */ a(g.div, { id: l, role: "menu", "aria-activedescendant": s ?? void 0, style: [N.popup, e === "end" && N.popupEnd], children: t })
+  } = ne();
+  return r ? /* @__PURE__ */ H(Y, { children: [
+    /* @__PURE__ */ x("div", { ...u(d.div, D.backdrop), onClick: n }),
+    /* @__PURE__ */ x("div", { id: o, role: "menu", "aria-activedescendant": s ?? void 0, ...u(d.div, D.popup, t === "end" && D.popupEnd), children: e })
   ] }) : null;
 }
-function Nt({
-  onClick: t,
-  children: e
+function it({
+  onClick: e,
+  children: t
 }) {
   const {
     close: r,
     highlightedId: n,
-    setHighlightedId: l,
+    setHighlightedId: o,
     registerItem: s
-  } = et(), d = Y(), c = w(null), m = n === d;
-  L(() => {
-    const f = c.current;
-    if (f)
-      return s(d, f);
-  }, [d, s]);
-  const u = () => {
-    t?.(), r();
-  };
-  return /* @__PURE__ */ a(g.div, { ref: c, id: d, role: "menuitem", onClick: u, onPointerEnter: () => l(d), style: [N.item, m && N.itemHighlighted], children: e });
+  } = ne(), i = X(), c = y(null), a = n === i;
+  return W(() => {
+    const k = c.current;
+    if (k)
+      return s(i, k);
+  }, [i, s]), /* @__PURE__ */ x("div", { ref: c, id: i, role: "menuitem", onClick: () => {
+    e?.(), r();
+  }, onPointerEnter: () => o(i), ...u(d.div, D.item, a && D.itemHighlighted), children: t });
 }
-function Xt({
-  href: t,
-  children: e
+function lt({
+  href: e,
+  children: t
 }) {
   const {
     close: r,
     highlightedId: n,
-    setHighlightedId: l,
+    setHighlightedId: o,
     registerItem: s
-  } = et(), d = Y(), c = w(null), m = n === d;
-  return L(() => {
-    const u = c.current;
-    if (u)
-      return s(d, u);
-  }, [d, s]), /* @__PURE__ */ a(g.a, { ref: c, id: d, href: t, onClick: r, role: "menuitem", onPointerEnter: () => l(d), style: [N.item, N.linkItem, m && N.itemHighlighted], children: e });
+  } = ne(), i = X(), c = y(null), a = n === i;
+  return W(() => {
+    const l = c.current;
+    if (l)
+      return s(i, l);
+  }, [i, s]), /* @__PURE__ */ x("a", { ref: c, id: i, href: e, onClick: r, role: "menuitem", onPointerEnter: () => o(i), ...u(d.a, D.item, D.linkItem, a && D.itemHighlighted), children: t });
 }
-const Le = {
-  Root: At,
-  Trigger: Ot,
-  Popup: Vt,
-  Item: Nt,
-  LinkItem: Xt
-}, E = F.create({
+const ir = {
+  Root: st,
+  Trigger: ct,
+  Popup: xt,
+  Item: it,
+  LinkItem: lt
+}, E = {
   root: {
-    position: "relative",
-    overflow: "hidden"
+    kVAEAm: "x1n2onr6",
+    kVQacm: "xb3r6kr",
+    $$css: !0
   },
   viewport: {
-    width: "100%",
-    height: "100%",
-    overflowX: "auto",
-    overflowY: "auto",
-    // Hide native scrollbar
-    scrollbarWidth: "none"
+    kzqmXN: "xh8yej3",
+    kZKoxP: "x5yr21d",
+    kXHlph: "xw2csxc",
+    kORKVm: "x1odjw0f",
+    k5wCbM: "x1rohswg",
+    $$css: !0
   },
   content: {
-    minWidth: "100%",
-    minHeight: "100%"
+    k7Eaqz: "xgqtt45",
+    kAzted: "x1us19tq",
+    $$css: !0
   },
   scrollbar: {
-    position: "absolute",
-    zIndex: 1,
-    display: "flex",
-    touchAction: "none",
-    userSelect: "none",
-    transitionProperty: "opacity",
-    transitionDuration: "200ms",
-    transitionTimingFunction: "ease"
+    kVAEAm: "x10l6tqk",
+    kY2c9j: "x1vjfegm",
+    k1xSpc: "x78zum5",
+    kFalU9: "x5ve5x3",
+    kfSwDN: "x87ps6o",
+    k1ekBW: "x19991ni",
+    kIyJzY: "x13dflua",
+    kAMwcw: "xwji4o3",
+    $$css: !0
   },
   scrollbarVertical: {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    width: 8,
-    flexDirection: "column",
-    paddingTop: 2,
-    paddingBottom: 2,
-    paddingRight: 2
+    k87sOh: "x13vifvy",
+    kCIrl2: "x3m8u43",
+    krVfgx: "x1ey2m1c",
+    kzqmXN: "x1xc55vz",
+    kXwgrk: "xdt5ytf",
+    kLKAdn: "x1nn3v0j",
+    kGO01o: "x1120s5i",
+    kpe85a: "xpf9j6y",
+    $$css: !0
   },
   scrollbarHorizontal: {
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 8,
-    flexDirection: "row",
-    paddingLeft: 2,
-    paddingRight: 2,
-    paddingBottom: 2
+    kbCHJM: "xu96u03",
+    kCIrl2: "x3m8u43",
+    krVfgx: "x1ey2m1c",
+    kZKoxP: "xdk7pt",
+    kXwgrk: "x1q0g3np",
+    kE3dHu: "xj9uezu",
+    kpe85a: "xpf9j6y",
+    kGO01o: "x1120s5i",
+    $$css: !0
   },
   scrollbarHidden: {
-    opacity: 0
+    kSiTet: "xg01cxk",
+    $$css: !0
   },
   scrollbarVisible: {
-    opacity: 1
+    kSiTet: "x1hc1fzr",
+    $$css: !0
   },
   thumb: {
-    position: "relative",
-    flex: 1,
-    backgroundColor: {
-      default: o.border,
-      ":hover": o.textMuted
-    },
-    borderRadius: D.full,
-    transitionProperty: "background-color",
-    transitionDuration: "150ms"
-  },
-  // Dynamic styles — simple identifier params only (StyleX constraint)
-  viewportMaxHeight: (t) => ({
-    maxHeight: t
-  }),
-  thumbVertical: (t, e) => ({
-    height: t,
-    transform: e
-  }),
-  thumbHorizontal: (t, e) => ({
-    width: t,
-    transform: e
-  })
-}), xt = V(null);
-function ot() {
-  const t = $(xt);
-  if (!t) throw new Error("ScrollArea compound components must be used within ScrollArea.Root");
-  return t;
+    kVAEAm: "x1n2onr6",
+    kUk6DE: "x98rzlu",
+    kWkggS: "xmhi8gf x1bmdpb0",
+    kaIpWk: "x9s7flb",
+    k1ekBW: "x15406qy",
+    kIyJzY: "xx6bhzk",
+    $$css: !0
+  },
+  viewportMaxHeight: (e) => [{
+    kskxy: e != null ? "x1jols5v" : e,
+    $$css: !0
+  }, {
+    "--x-maxHeight": ((t) => typeof t == "number" ? t + "px" : t ?? void 0)(e)
+  }],
+  thumbVertical: (e, t) => [{
+    kZKoxP: e != null ? "x16ye13r" : e,
+    k3aq6I: t != null ? "xsqj5wx" : t,
+    $$css: !0
+  }, {
+    "--x-height": ((r) => typeof r == "number" ? r + "px" : r ?? void 0)(e),
+    "--x-transform": t ?? void 0
+  }],
+  thumbHorizontal: (e, t) => [{
+    kzqmXN: e != null ? "x5lhr3w" : e,
+    k3aq6I: t != null ? "xsqj5wx" : t,
+    $$css: !0
+  }, {
+    "--x-width": ((r) => typeof r == "number" ? r + "px" : r ?? void 0)(e),
+    "--x-transform": t ?? void 0
+  }]
+}, Ie = L(null);
+function oe() {
+  const e = G(Ie);
+  if (!e) throw new Error("ScrollArea compound components must be used within ScrollArea.Root");
+  return e;
 }
-function jt() {
-  const t = w(null), e = w(null), [r, n] = M(0), [l, s] = M(0), [d, c] = M(0), [m, u] = M(0), [f, p] = M(0), [S, R] = M(0), [x, C] = M(!1), v = w(null), y = B(() => {
-    const b = t.current;
-    b && (n(b.scrollTop), s(b.scrollLeft), c(b.scrollHeight), u(b.scrollWidth), p(b.clientHeight), R(b.clientWidth), C(!0), v.current && clearTimeout(v.current), v.current = setTimeout(() => C(!1), 1e3));
+function kt() {
+  const e = y(null), t = y(null), [r, n] = T(0), [o, s] = T(0), [i, c] = T(0), [a, l] = T(0), [k, f] = T(0), [v, w] = T(0), [p, $] = T(!1), h = y(null), m = I(() => {
+    const g = e.current;
+    g && (n(g.scrollTop), s(g.scrollLeft), c(g.scrollHeight), l(g.scrollWidth), f(g.clientHeight), w(g.clientWidth), $(!0), h.current && clearTimeout(h.current), h.current = setTimeout(() => $(!1), 1e3));
   }, []);
-  return L(() => {
-    const b = t.current;
-    if (!b) return;
-    const k = new ResizeObserver(() => {
-      c(b.scrollHeight), u(b.scrollWidth), p(b.clientHeight), R(b.clientWidth);
+  return W(() => {
+    const g = e.current;
+    if (!g) return;
+    const b = new ResizeObserver(() => {
+      c(g.scrollHeight), l(g.scrollWidth), f(g.clientHeight), w(g.clientWidth);
     });
-    return k.observe(b), c(b.scrollHeight), u(b.scrollWidth), p(b.clientHeight), R(b.clientWidth), () => k.disconnect();
-  }, []), L(() => {
-    const b = t.current;
-    if (b)
-      return b.addEventListener("scroll", y, {
+    return b.observe(g), c(g.scrollHeight), l(g.scrollWidth), f(g.clientHeight), w(g.clientWidth), () => b.disconnect();
+  }, []), W(() => {
+    const g = e.current;
+    if (g)
+      return g.addEventListener("scroll", m, {
         passive: !0
-      }), () => b.removeEventListener("scroll", y);
-  }, [y]), {
-    viewportRef: t,
-    contentRef: e,
+      }), () => g.removeEventListener("scroll", m);
+  }, [m]), {
+    viewportRef: e,
+    contentRef: t,
     scrollTop: r,
-    scrollLeft: l,
-    scrollHeight: d,
-    scrollWidth: m,
-    clientHeight: f,
-    clientWidth: S,
-    scrolling: x
+    scrollLeft: o,
+    scrollHeight: i,
+    scrollWidth: a,
+    clientHeight: k,
+    clientWidth: v,
+    scrolling: p
   };
 }
-function Gt({
-  children: t
+function ut({
+  children: e
 }) {
-  const e = jt();
-  return /* @__PURE__ */ a(xt.Provider, { value: e, children: /* @__PURE__ */ a(g.div, { style: E.root, children: t }) });
+  const t = kt();
+  return /* @__PURE__ */ x(Ie.Provider, { value: t, children: /* @__PURE__ */ x("div", { ...u(d.div, E.root), children: e }) });
 }
-function Yt({
-  children: t,
-  maxHeight: e
+function dt({
+  children: e,
+  maxHeight: t
 }) {
   const {
     viewportRef: r
-  } = ot();
-  return /* @__PURE__ */ a(g.div, { ref: r, style: [E.viewport, e != null && E.viewportMaxHeight(e)], children: t });
+  } = oe();
+  return /* @__PURE__ */ x("div", { ref: r, ...u(d.div, E.viewport, t != null && E.viewportMaxHeight(t)), children: e });
 }
-function Ut({
-  children: t
+function at({
+  children: e
 }) {
   const {
-    contentRef: e
-  } = ot();
-  return /* @__PURE__ */ a(g.div, { ref: e, style: E.content, children: t });
+    contentRef: t
+  } = oe();
+  return /* @__PURE__ */ x("div", { ref: t, ...u(d.div, E.content), children: e });
 }
-function Kt({
-  orientation: t = "vertical",
-  children: e
+function ft({
+  orientation: e = "vertical",
+  children: t
 }) {
   const {
     scrolling: r,
     scrollHeight: n,
-    scrollWidth: l,
+    scrollWidth: o,
     clientHeight: s,
-    clientWidth: d
-  } = ot();
-  return (t === "vertical" ? n > s : l > d) ? /* @__PURE__ */ a(g.div, { style: [E.scrollbar, t === "vertical" ? E.scrollbarVertical : E.scrollbarHorizontal, r ? E.scrollbarVisible : E.scrollbarHidden], children: e }) : null;
+    clientWidth: i
+  } = oe();
+  return (e === "vertical" ? n > s : o > i) ? /* @__PURE__ */ x("div", { ...u(d.div, E.scrollbar, e === "vertical" ? E.scrollbarVertical : E.scrollbarHorizontal, r ? E.scrollbarVisible : E.scrollbarHidden), children: t }) : null;
 }
-function _t({
-  orientation: t = "vertical"
+function gt({
+  orientation: e = "vertical"
 }) {
   const {
-    viewportRef: e,
+    viewportRef: t,
     scrollTop: r,
     scrollLeft: n,
-    scrollHeight: l,
+    scrollHeight: o,
     scrollWidth: s,
-    clientHeight: d,
+    clientHeight: i,
     clientWidth: c
-  } = ot(), m = w(!1), u = w(0), f = w(0), p = t === "vertical", S = Math.max(p ? d / l * 100 : c / s * 100, 10), R = p ? l - d : s - c, x = p ? d : c, C = S / 100 * x, v = p ? r : n, y = R > 0 ? v / R * (x - C) : 0, b = p ? E.thumbVertical(`${S}%`, `translateY(${y}px)`) : E.thumbHorizontal(`${S}%`, `translateX(${y}px)`), k = B((H) => {
-    H.preventDefault(), m.current = !0, u.current = p ? H.clientY : H.clientX, f.current = p ? e.current?.scrollTop ?? 0 : e.current?.scrollLeft ?? 0, H.target.setPointerCapture(H.pointerId);
-  }, [p, e]), K = B((H) => {
-    if (!m.current) return;
-    const T = e.current;
-    if (!T) return;
-    const I = (p ? H.clientY : H.clientX) - u.current, X = R / (x - C), z = I * X;
-    p ? T.scrollTop = f.current + z : T.scrollLeft = f.current + z;
-  }, [p, R, x, C, e]), W = B(() => {
-    m.current = !1;
+  } = oe(), a = y(!1), l = y(0), k = y(0), f = e === "vertical", v = Math.max(f ? i / o * 100 : c / s * 100, 10), w = f ? o - i : s - c, p = f ? i : c, $ = v / 100 * p, h = f ? r : n, m = w > 0 ? h / w * (p - $) : 0, g = f ? E.thumbVertical(`${v}%`, `translateY(${m}px)`) : E.thumbHorizontal(`${v}%`, `translateX(${m}px)`), b = I((z) => {
+    z.preventDefault(), a.current = !0, l.current = f ? z.clientY : z.clientX, k.current = f ? t.current?.scrollTop ?? 0 : t.current?.scrollLeft ?? 0, z.target.setPointerCapture(z.pointerId);
+  }, [f, t]), O = I((z) => {
+    if (!a.current) return;
+    const M = t.current;
+    if (!M) return;
+    const j = (f ? z.clientY : z.clientX) - l.current, V = w / (p - $), S = j * V;
+    f ? M.scrollTop = k.current + S : M.scrollLeft = k.current + S;
+  }, [f, w, p, $, t]), q = I(() => {
+    a.current = !1;
   }, []);
-  return /* @__PURE__ */ a(g.div, { onPointerDown: k, onPointerMove: K, onPointerUp: W, style: [E.thumb, b] });
+  return /* @__PURE__ */ x("div", { onPointerDown: b, onPointerMove: O, onPointerUp: q, ...u(d.div, E.thumb, g) });
 }
-const Pe = {
-  Root: Gt,
-  Viewport: Yt,
-  Content: Ut,
-  Scrollbar: Kt,
-  Thumb: _t
-}, O = F.create({
+const lr = {
+  Root: ut,
+  Viewport: dt,
+  Content: at,
+  Scrollbar: ft,
+  Thumb: gt
+}, R = {
   root: {
-    position: "relative",
-    display: "inline-flex"
+    kVAEAm: "x1n2onr6",
+    k1xSpc: "x3nfvp2",
+    $$css: !0
   },
   trigger: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: i.sm,
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeSm,
-    color: o.text,
-    backgroundColor: o.bgCard,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: {
-      default: o.border,
-      ":hover": o.accent
-    },
-    borderRadius: D.sm,
-    cursor: "pointer",
-    transitionProperty: "border-color",
-    transitionDuration: "150ms"
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "x1qughib",
+    kOIVth: "x10k1rbm",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    kMwMTN: "x1q7k5ly",
+    kWkggS: "xdz192t",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793 x9la8fy",
+    kaIpWk: "x12fpg5d",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "xshfolx",
+    kIyJzY: "xx6bhzk",
+    $$css: !0
   },
   value: {
-    color: o.text
+    kMwMTN: "x1q7k5ly",
+    $$css: !0
   },
   placeholder: {
-    color: o.textMuted
+    kMwMTN: "x3dll8l",
+    $$css: !0
   },
   icon: {
-    display: "flex",
-    alignItems: "center",
-    color: o.textMuted
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kMwMTN: "x3dll8l",
+    $$css: !0
   },
   backdrop: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 49
+    kVAEAm: "xixxii4",
+    k87sOh: "x13vifvy",
+    kbCHJM: "xu96u03",
+    kCIrl2: "x3m8u43",
+    krVfgx: "x1ey2m1c",
+    kY2c9j: "x1ygf0dq",
+    $$css: !0
   },
   popup: {
-    position: "absolute",
-    top: "100%",
-    left: 0,
-    marginTop: i.xs,
-    backgroundColor: o.bgCard,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: o.border,
-    borderRadius: D.sm,
-    boxShadow: Q.md,
-    paddingTop: i.xs,
-    paddingBottom: i.xs,
-    minWidth: 120,
-    zIndex: 50
+    kVAEAm: "x10l6tqk",
+    k87sOh: "xdsb8wn",
+    kbCHJM: "xu96u03",
+    keoZOQ: "x1x9u35d",
+    kWkggS: "xdz192t",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kaIpWk: "x12fpg5d",
+    kGVxlE: "xconxm6",
+    kLKAdn: "x12lvzsw",
+    kGO01o: "xpz7ktu",
+    k7Eaqz: "x1i9suas",
+    kY2c9j: "xa9119d",
+    $$css: !0
   },
   item: {
-    display: "flex",
-    alignItems: "center",
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontSize: h.fontSizeSm,
-    fontFamily: h.fontFamily,
-    color: o.text,
-    borderRadius: D.sm,
-    cursor: "pointer",
-    backgroundColor: "transparent",
-    transitionProperty: "background-color",
-    transitionDuration: "150ms"
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kGuDYH: "x1f5wsqz",
+    kMv6JI: "x1pzdjp3",
+    kMwMTN: "x1q7k5ly",
+    kaIpWk: "x12fpg5d",
+    kkrTdU: "x1ypdohk",
+    kWkggS: "xjbqb8w",
+    k1ekBW: "x15406qy",
+    kIyJzY: "xx6bhzk",
+    $$css: !0
   },
   itemSelected: {
-    color: o.accent,
-    fontWeight: h.fontWeightMedium
+    kMwMTN: "x1jv78v8",
+    k63SB2: "x1oq67d7",
+    $$css: !0
   },
   itemHighlighted: {
-    backgroundColor: o.bgCardHover
+    kWkggS: "x1t1330p",
+    $$css: !0
   },
   hidden: {
-    display: "none"
+    k1xSpc: "x1s85apg",
+    $$css: !0
   }
-}), yt = V(null);
-function rt() {
-  const t = $(yt);
-  if (!t) throw new Error("Select compound components must be used within Select.Root");
-  return t;
+}, We = L(null);
+function se() {
+  const e = G(We);
+  if (!e) throw new Error("Select compound components must be used within Select.Root");
+  return e;
 }
-function lt(t, e, r) {
-  const [n, l] = M(e), s = t !== void 0 ? t : n, d = B((c) => {
-    t === void 0 && l(c), r?.(c);
-  }, [t, r]);
-  return [s, d];
+function de(e, t, r) {
+  const [n, o] = T(t), s = e !== void 0 ? e : n, i = I((c) => {
+    e === void 0 && o(c), r?.(c);
+  }, [e, r]);
+  return [s, i];
 }
-function qt({
-  defaultValue: t,
-  value: e,
+function pt({
+  defaultValue: e,
+  value: t,
   onValueChange: r
 }) {
-  const [n, l] = lt(e, t ?? null, r), [s, d] = M(!1), [c, m] = M({}), [u, f] = M(null), p = Y(), S = w(null), R = w(null), x = w(/* @__PURE__ */ new Map()), C = w([]), v = B(() => {
-    d(!1), f(null), R.current?.focus();
-  }, []), y = B(() => {
-    d((W) => {
-      if (W)
-        f(null);
+  const [n, o] = de(t, e ?? null, r), [s, i] = T(!1), [c, a] = T({}), [l, k] = T(null), f = X(), v = y(null), w = y(null), p = y(/* @__PURE__ */ new Map()), $ = y([]), h = I(() => {
+    i(!1), k(null), w.current?.focus();
+  }, []), m = I(() => {
+    i((q) => {
+      if (q)
+        k(null);
       else {
-        const H = x.current, T = C.current;
-        let I = null;
-        for (const X of T) {
-          const z = H.get(X);
-          if (z && z.value === n) {
-            I = X;
+        const z = p.current, M = $.current;
+        let j = null;
+        for (const V of M) {
+          const S = z.get(V);
+          if (S && S.value === n) {
+            j = V;
             break;
           }
         }
-        f(I ?? (T.length > 0 ? T[0] : null));
+        k(j ?? (M.length > 0 ? M[0] : null));
       }
-      return !W;
+      return !q;
     });
-  }, [n]), b = B((W, H) => {
-    m((T) => T[W] === H ? T : {
-      ...T,
-      [W]: H
+  }, [n]), g = I((q, z) => {
+    a((M) => M[q] === z ? M : {
+      ...M,
+      [q]: z
     });
-  }, []), k = B((W, H, T) => {
-    x.current.set(W, {
-      value: H,
-      element: T
+  }, []), b = I((q, z, M) => {
+    p.current.set(q, {
+      value: z,
+      element: M
     });
-    const I = x.current, X = [...I.keys()];
-    return X.sort((z, j) => {
-      const at = I.get(z)?.element, ut = I.get(j)?.element;
-      return !at || !ut ? 0 : at.compareDocumentPosition(ut) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), C.current = X, () => {
-      x.current.delete(W), C.current = C.current.filter((z) => z !== W);
+    const j = p.current, V = [...j.keys()];
+    return V.sort((S, B) => {
+      const pe = j.get(S)?.element, he = j.get(B)?.element;
+      return !pe || !he ? 0 : pe.compareDocumentPosition(he) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    }), $.current = V, () => {
+      p.current.delete(q), $.current = $.current.filter((S) => S !== q);
     };
   }, []);
-  return L(() => {
-    const W = S.current;
-    if (!W || !s) return;
-    function H(T) {
-      const I = C.current, X = x.current;
-      if (I.length !== 0)
-        switch (T.key) {
+  return W(() => {
+    const q = v.current;
+    if (!q || !s) return;
+    function z(M) {
+      const j = $.current, V = p.current;
+      if (j.length !== 0)
+        switch (M.key) {
           case "ArrowDown": {
-            T.preventDefault(), f((z) => {
-              const j = z ? I.indexOf(z) : -1;
-              return I[(j + 1) % I.length];
+            M.preventDefault(), k((S) => {
+              const B = S ? j.indexOf(S) : -1;
+              return j[(B + 1) % j.length];
             });
             break;
           }
           case "ArrowUp": {
-            T.preventDefault(), f((z) => {
-              const j = z ? I.indexOf(z) : 0;
-              return I[(j - 1 + I.length) % I.length];
+            M.preventDefault(), k((S) => {
+              const B = S ? j.indexOf(S) : 0;
+              return j[(B - 1 + j.length) % j.length];
             });
             break;
           }
           case "Home": {
-            T.preventDefault(), f(I[0]);
+            M.preventDefault(), k(j[0]);
             break;
           }
           case "End": {
-            T.preventDefault(), f(I[I.length - 1]);
+            M.preventDefault(), k(j[j.length - 1]);
             break;
           }
           case "Enter":
           case " ": {
-            T.preventDefault(), f((z) => {
-              if (z) {
-                const j = X.get(z);
-                j && (l(j.value), v());
+            M.preventDefault(), k((S) => {
+              if (S) {
+                const B = V.get(S);
+                B && (o(B.value), h());
               }
-              return z;
+              return S;
             });
             break;
           }
           case "Escape":
           case "Tab": {
-            v();
+            h();
             break;
           }
         }
     }
-    return W.addEventListener("keydown", H), () => W.removeEventListener("keydown", H);
-  }, [s, v, l]), {
-    ctx: ht(() => ({
+    return q.addEventListener("keydown", z), () => q.removeEventListener("keydown", z);
+  }, [s, h, o]), {
+    ctx: we(() => ({
       open: s,
-      toggle: y,
-      close: v,
+      toggle: m,
+      close: h,
       value: n,
-      setValue: l,
+      setValue: o,
       labels: c,
-      registerLabel: b,
-      listboxId: p,
-      highlightedId: u,
-      setHighlightedId: f,
-      registerItem: k,
-      triggerRef: R
-    }), [s, y, v, n, l, c, b, p, u, f, k]),
-    rootRef: S
+      registerLabel: g,
+      listboxId: f,
+      highlightedId: l,
+      setHighlightedId: k,
+      registerItem: b,
+      triggerRef: w
+    }), [s, m, h, n, o, c, g, f, l, k, b]),
+    rootRef: v
   };
 }
-function Jt({
-  name: t,
-  defaultValue: e,
+function ht({
+  name: e,
+  defaultValue: t,
   value: r,
   onValueChange: n,
-  children: l
+  children: o
 }) {
   const {
     ctx: s,
-    rootRef: d
-  } = qt({
-    defaultValue: e,
+    rootRef: i
+  } = pt({
+    defaultValue: t,
     value: r,
     onValueChange: n
   });
-  return /* @__PURE__ */ a(yt.Provider, { value: s, children: /* @__PURE__ */ U(g.div, { ref: d, style: O.root, children: [
-    t && /* @__PURE__ */ a(g.input, { type: "hidden", name: t, value: s.value ?? "" }),
-    l
+  return /* @__PURE__ */ x(We.Provider, { value: s, children: /* @__PURE__ */ H("div", { ref: i, ...u(d.div, R.root), children: [
+    e && /* @__PURE__ */ x("input", { type: "hidden", name: e, value: s.value ?? "", dir: "auto", ...u(d.input) }),
+    o
   ] }) });
 }
-function Qt({
-  children: t
+function vt({
+  children: e
 }) {
   const {
-    open: e,
+    open: t,
     toggle: r,
     listboxId: n,
-    highlightedId: l,
+    highlightedId: o,
     triggerRef: s
-  } = rt(), d = w(null);
-  return L(() => {
-    s.current = d.current;
-  }), /* @__PURE__ */ a(g.button, { ref: d, type: "button", role: "combobox", onClick: r, "aria-expanded": e, "aria-haspopup": "listbox", "aria-controls": e ? n : void 0, "aria-activedescendant": l ?? void 0, style: O.trigger, children: t });
+  } = se(), i = y(null);
+  return W(() => {
+    s.current = i.current;
+  }), /* @__PURE__ */ x("button", { ref: i, type: "button", role: "combobox", onClick: r, "aria-expanded": t, "aria-haspopup": "listbox", "aria-controls": t ? n : void 0, "aria-activedescendant": o ?? void 0, ...u(d.button, R.trigger), children: e });
 }
-function Zt({
-  placeholder: t
+function $t({
+  placeholder: e
 }) {
   const {
-    value: e,
+    value: t,
     labels: r
-  } = rt(), n = e ? r[e] ?? e : null;
-  return /* @__PURE__ */ a(g.span, { style: n ? O.value : O.placeholder, children: n ?? t });
+  } = se(), n = t ? r[t] ?? t : null;
+  return /* @__PURE__ */ x("span", { ...u(d.span, n ? R.value : R.placeholder), children: n ?? e });
 }
-function te({
-  children: t
+function mt({
+  children: e
 }) {
-  return /* @__PURE__ */ a(g.span, { style: O.icon, children: t ?? /* @__PURE__ */ a("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__ */ a("path", { d: "M6 9l6 6 6-6" }) }) });
+  return /* @__PURE__ */ x("span", { ...u(d.span, R.icon), children: e ?? /* @__PURE__ */ x("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__ */ x("path", { d: "M6 9l6 6 6-6" }) }) });
 }
-function ee({
-  children: t
+function bt({
+  children: e
 }) {
   const {
-    open: e,
+    open: t,
     close: r,
     listboxId: n
-  } = rt();
-  return /* @__PURE__ */ U(pt, { children: [
-    e && /* @__PURE__ */ a(g.div, { style: O.backdrop, onClick: r }),
-    /* @__PURE__ */ a(g.div, { id: n, role: "listbox", "aria-hidden": !e, style: [O.popup, !e && O.hidden], children: t })
+  } = se();
+  return /* @__PURE__ */ H(Y, { children: [
+    t && /* @__PURE__ */ x("div", { ...u(d.div, R.backdrop), onClick: r }),
+    /* @__PURE__ */ x("div", { id: n, role: "listbox", "aria-hidden": !t, ...u(d.div, R.popup, !t && R.hidden), children: e })
   ] });
 }
-function oe({
-  value: t,
-  children: e
+function wt({
+  value: e,
+  children: t
 }) {
   const {
     value: r,
     setValue: n,
-    close: l,
+    close: o,
     registerLabel: s,
-    highlightedId: d,
+    highlightedId: i,
     setHighlightedId: c,
-    registerItem: m
-  } = rt(), u = Y(), f = w(null), p = r === t, S = d === u;
-  L(() => {
-    const x = f.current;
-    if (!x) return;
-    const C = x.textContent;
-    C && s(t, C);
-  }, [t, s]), L(() => {
-    const x = f.current;
-    if (x)
-      return m(u, t, x);
-  }, [u, t, m]);
-  const R = () => {
-    n(t), l();
-  };
-  return /* @__PURE__ */ a(g.div, { ref: f, id: u, role: "option", "aria-selected": p, onClick: R, onPointerEnter: () => c(u), style: [O.item, p && O.itemSelected, S && O.itemHighlighted], children: e });
+    registerItem: a
+  } = se(), l = X(), k = y(null), f = r === e, v = i === l;
+  return W(() => {
+    const p = k.current;
+    if (!p) return;
+    const $ = p.textContent;
+    $ && s(e, $);
+  }, [e, s]), W(() => {
+    const p = k.current;
+    if (p)
+      return a(l, e, p);
+  }, [l, e, a]), /* @__PURE__ */ x("div", { ref: k, id: l, role: "option", "aria-selected": f, onClick: () => {
+    n(e), o();
+  }, onPointerEnter: () => c(l), ...u(d.div, R.item, f && R.itemSelected, v && R.itemHighlighted), children: t });
 }
-function re({
-  children: t
+function yt({
+  children: e
 }) {
-  return /* @__PURE__ */ a(g.span, { children: t });
+  return /* @__PURE__ */ x("span", { ...u(d.span), children: e });
 }
-const Me = {
-  Root: Jt,
-  Trigger: Qt,
-  Value: Zt,
-  Icon: te,
-  Popup: ee,
-  Item: oe,
-  ItemText: re
-}, G = F.create({
+const kr = {
+  Root: ht,
+  Trigger: vt,
+  Value: $t,
+  Icon: mt,
+  Popup: bt,
+  Item: wt,
+  ItemText: yt
+}, P = {
   root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 0
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xxhr3t",
+    $$css: !0
   },
   group: {
-    display: "flex",
-    flexDirection: "column"
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    $$css: !0
   },
   groupTrigger: {
-    display: "flex",
-    alignItems: "center",
-    gap: i.xs,
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeXs,
-    fontWeight: h.fontWeightSemibold,
-    textTransform: "uppercase",
-    letterSpacing: "0.05em",
-    color: {
-      default: o.textMuted,
-      ":hover": o.text
-    },
-    backgroundColor: "transparent",
-    borderWidth: 0,
-    cursor: "pointer",
-    transitionProperty: "color",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease"
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x1b6swt2",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "xcj380t",
+    k63SB2: "x120om85",
+    kP9fke: "xtvhhri",
+    kb6lSQ: "x2ujxvm",
+    kMwMTN: "x3dll8l x1hcr4s8",
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "xt3l3uh",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    $$css: !0
   },
   groupTriggerActive: {
-    color: o.text
+    kMwMTN: "x1q7k5ly",
+    $$css: !0
   },
   chevron: {
-    display: "inline-flex",
-    alignItems: "center",
-    transitionProperty: "transform",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease"
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    k1ekBW: "x11xpdln",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    $$css: !0
   },
   chevronOpen: {
-    transform: "rotate(90deg)"
+    k3aq6I: "x1iffjtl",
+    $$css: !0
   },
   item: {
-    display: "flex",
-    alignItems: "center",
-    paddingTop: "6px",
-    paddingBottom: "6px",
-    paddingLeft: i.lg,
-    paddingRight: i.md,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeSm,
-    fontWeight: h.fontWeightNormal,
-    color: {
-      default: o.textMuted,
-      ":hover": o.text
-    },
-    backgroundColor: {
-      default: "transparent",
-      ":hover": o.bgCardHover
-    },
-    borderWidth: 0,
-    borderRadius: D.sm,
-    cursor: "pointer",
-    transitionProperty: "color, background-color",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease",
-    textAlign: "left",
-    outlineWidth: {
-      default: 0,
-      ":focus-visible": 2
-    },
-    outlineStyle: {
-      default: "none",
-      ":focus-visible": "solid"
-    },
-    outlineColor: {
-      default: "transparent",
-      ":focus-visible": o.accent
-    }
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kLKAdn: "x1yrsyyn",
+    kGO01o: "x10b6aqq",
+    kE3dHu: "x13ufnr",
+    kpe85a: "x15wirxn",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    k63SB2: "x1u7jrxs",
+    kMwMTN: "x3dll8l x1hcr4s8",
+    kWkggS: "xjbqb8w x16rx6z8",
+    kMzoRj: "xc342km",
+    kaIpWk: "x12fpg5d",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "x1gbuem2",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    k9WMMc: "xdpxx8g",
+    kMeerF: "x1k57tk5 x784prv",
+    k3XXqK: "x1t137rt x9v5kkp",
+    kjBf7l: "x1uczgqu x1kpnk96",
+    $$css: !0
   },
   itemActive: {
-    color: o.accent,
-    fontWeight: h.fontWeightMedium
+    kMwMTN: "x1jv78v8",
+    k63SB2: "x1oq67d7",
+    $$css: !0
   }
-}), Ct = V(null);
-function St() {
-  const t = $(Ct);
-  if (!t) throw new Error("SideNav compound components must be used within SideNav.Root");
-  return t;
+}, Te = L(null);
+function Ae() {
+  const e = G(Te);
+  if (!e) throw new Error("SideNav compound components must be used within SideNav.Root");
+  return e;
 }
-function ne({
-  children: t,
-  value: e,
+function Mt({
+  children: e,
+  value: t,
   defaultValue: r,
   onValueChange: n
 }) {
-  const [l, s] = lt(e, r ?? null, n ? (p) => {
-    p !== null && n(p);
-  } : void 0), [d, c] = M(/* @__PURE__ */ new Set()), m = w([]), u = B((p) => {
-    c((S) => {
-      const R = new Set(S);
-      return R.has(p) ? R.delete(p) : R.add(p), R;
+  const [o, s] = de(t, r ?? null, n ? (f) => {
+    f !== null && n(f);
+  } : void 0), [i, c] = T(/* @__PURE__ */ new Set()), a = y([]), l = I((f) => {
+    c((v) => {
+      const w = new Set(v);
+      return w.has(f) ? w.delete(f) : w.add(f), w;
     });
-  }, []), f = B((p) => (m.current.includes(p) || m.current.push(p), () => {
-    m.current = m.current.filter((S) => S !== p);
+  }, []), k = I((f) => (a.current.includes(f) || a.current.push(f), () => {
+    a.current = a.current.filter((v) => v !== f);
   }), []);
-  return L(() => {
-    l && c((p) => p);
-  }, [l]), /* @__PURE__ */ a(Ct.Provider, { value: {
-    activeValue: l,
+  return W(() => {
+    o && c((f) => f);
+  }, [o]), /* @__PURE__ */ x(Te.Provider, { value: {
+    activeValue: o,
     onSelect: s,
-    expandedGroups: d,
-    toggleGroup: u,
-    registerItem: f,
-    orderRef: m
-  }, children: /* @__PURE__ */ a(g.nav, { role: "navigation", style: G.root, children: t }) });
+    expandedGroups: i,
+    toggleGroup: l,
+    registerItem: k,
+    orderRef: a
+  }, children: /* @__PURE__ */ x("nav", { role: "navigation", ...u(d.nav, P.root), children: e }) });
 }
-function ie({
-  children: t,
-  label: e,
+function zt({
+  children: e,
+  label: t,
   groupKey: r,
   defaultExpanded: n
 }) {
-  const l = r ?? e, {
+  const o = r ?? t, {
     expandedGroups: s,
-    toggleGroup: d,
+    toggleGroup: i,
     activeValue: c
-  } = St(), m = s.has(l), u = w(null);
-  L(() => {
-    if (!c || s.has(l)) return;
-    const p = u.current;
-    if (!p) return;
-    p.querySelector(`[data-nav-value="${c}"]`) && d(l);
-  }, [c, l, s, d]), L(() => {
-    n && !s.has(l) && d(l);
+  } = Ae(), a = s.has(o), l = y(null);
+  W(() => {
+    if (!c || s.has(o)) return;
+    const f = l.current;
+    if (!f) return;
+    f.querySelector(`[data-nav-value="${c}"]`) && i(o);
+  }, [c, o, s, i]), W(() => {
+    n && !s.has(o) && i(o);
   }, []);
-  const f = !c || !u.current ? !1 : !!u.current.querySelector(`[data-nav-value="${c}"]`);
-  return /* @__PURE__ */ U(g.div, { ref: u, style: G.group, children: [
-    /* @__PURE__ */ U(g.button, { type: "button", onClick: () => d(l), style: [G.groupTrigger, f && G.groupTriggerActive], "aria-expanded": m, children: [
-      /* @__PURE__ */ a(g.span, { style: [G.chevron, m && G.chevronOpen], children: /* @__PURE__ */ a("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M9 18l6-6-6-6" }) }) }),
-      e
+  const k = !c || !l.current ? !1 : !!l.current.querySelector(`[data-nav-value="${c}"]`);
+  return /* @__PURE__ */ H("div", { ref: l, ...u(d.div, P.group), children: [
+    /* @__PURE__ */ H("button", { type: "button", onClick: () => i(o), ...u(d.button, P.groupTrigger, k && P.groupTriggerActive), "aria-expanded": a, children: [
+      /* @__PURE__ */ x("span", { ...u(d.span, P.chevron, a && P.chevronOpen), children: /* @__PURE__ */ x(ke, { width: 10, height: 10, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ x(Me, { d: "M9 18l6-6-6-6" }) }) }),
+      t
     ] }),
-    m && t
+    a && e
   ] });
 }
-function le({
-  value: t,
-  children: e
+function jt({
+  value: e,
+  children: t
 }) {
   const {
     activeValue: r,
     onSelect: n,
-    registerItem: l
-  } = St(), s = r === t;
-  return L(() => l(t), [t, l]), /* @__PURE__ */ a(g.button, { type: "button", "data-nav-value": t, onClick: () => n(t), style: [G.item, s && G.itemActive], "aria-current": s ? "page" : void 0, children: e });
+    registerItem: o
+  } = Ae(), s = r === e;
+  return W(() => o(e), [e, o]), /* @__PURE__ */ x("button", { type: "button", "data-nav-value": e, onClick: () => n(e), ...u(d.button, P.item, s && P.itemActive), "aria-current": s ? "page" : void 0, children: t });
+}
+const ur = {
+  Root: Mt,
+  Group: zt,
+  Item: jt
+}, Q = {
+  root: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    $$css: !0
+  },
+  spinner: {
+    kaIpWk: "x16rqkct",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kLZC3w: "x45jq00",
+    kKVMdj: "x1ka1v4i",
+    k44tkh: "xdz8niu",
+    kyAemX: "x1esw782",
+    ko0y90: "xa4qsjk",
+    $$css: !0
+  },
+  sm: {
+    kzqmXN: "x1kky2od",
+    kZKoxP: "xlup9mm",
+    kMzoRj: "xdh2fpr",
+    $$css: !0
+  },
+  md: {
+    kzqmXN: "xvy4d1p",
+    kZKoxP: "xxk0z11",
+    kMzoRj: "xdh2fpr",
+    $$css: !0
+  },
+  lg: {
+    kzqmXN: "x100vrsf",
+    kZKoxP: "x1vqgdyp",
+    kMzoRj: "x9r2w2z",
+    $$css: !0
+  },
+  srOnly: {
+    kVAEAm: "x10l6tqk",
+    kzqmXN: "x1i1rx1s",
+    kZKoxP: "xjm9jq1",
+    kVQacm: "xb3r6kr",
+    kMcinP: "xzpqnlu",
+    $$css: !0
+  }
+}, qt = {
+  sm: Q.sm,
+  md: Q.md,
+  lg: Q.lg
+};
+function dr({
+  size: e = "md",
+  label: t = "Loading"
+}) {
+  return /* @__PURE__ */ H("div", { role: "status", ...u(d.div, Q.root), children: [
+    /* @__PURE__ */ x("div", { ...u(d.div, Q.spinner, qt[e]), "aria-hidden": !0 }),
+    /* @__PURE__ */ x("span", { ...u(d.span, Q.srOnly), children: t })
+  ] });
+}
+const me = {
+  root: {
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    k1K539: "x94e8gg",
+    $$css: !0
+  },
+  error: {
+    kMwMTN: "xoejid4",
+    $$css: !0
+  },
+  success: {
+    kMwMTN: "x1fgv954",
+    $$css: !0
+  },
+  warning: {
+    kMwMTN: "xr5uktb",
+    $$css: !0
+  },
+  muted: {
+    kMwMTN: "x3dll8l",
+    $$css: !0
+  }
+}, St = {
+  "x-circle": /* @__PURE__ */ H(Y, { children: [
+    /* @__PURE__ */ x(Z, { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ x(xe, { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    /* @__PURE__ */ x(xe, { x1: "9", y1: "9", x2: "15", y2: "15" })
+  ] }),
+  "check-circle": /* @__PURE__ */ H(Y, { children: [
+    /* @__PURE__ */ x(Z, { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ x(ee, { points: "16 10 11 15 8 12" })
+  ] }),
+  "check-done": /* @__PURE__ */ H(Y, { children: [
+    /* @__PURE__ */ x(Me, { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ x(ee, { points: "22 4 12 14.01 9 11.01" })
+  ] }),
+  clock: /* @__PURE__ */ H(Y, { children: [
+    /* @__PURE__ */ x(Z, { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ x(ee, { points: "12 6 12 12 16 14" })
+  ] }),
+  forbidden: /* @__PURE__ */ H(Y, { children: [
+    /* @__PURE__ */ x(Z, { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ x(xe, { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
+  ] })
+};
+function ar({
+  name: e,
+  size: t = 48,
+  variant: r = "muted"
+}) {
+  return /* @__PURE__ */ x("div", { ...u(d.div, me.root, me[r]), children: /* @__PURE__ */ x(ke, { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", width: t, height: t, children: St[e] }) });
 }
-const Fe = {
-  Root: ne,
-  Group: ie,
-  Item: le
-}, P = F.create({
-  // Root
+const It = {
+  kumcoG: "xqketvx",
+  $$css: !0
+}, A = {
   root: {
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: o.border,
-    borderRadius: D.md,
-    overflow: "hidden",
-    backgroundColor: o.bgCard,
-    fontFamily: h.fontFamily,
-    color: o.text
-  },
-  // Header group
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kaIpWk: "x1jk3q3d",
+    kVQacm: "xb3r6kr",
+    kWkggS: "xdz192t",
+    kMv6JI: "x1pzdjp3",
+    kMwMTN: "x1q7k5ly",
+    $$css: !0
+  },
   header: {
-    backgroundColor: o.bgCard
+    kWkggS: "xdz192t",
+    $$css: !0
   },
-  // Row
   row: {
-    display: "grid",
-    borderBottomWidth: 1,
-    borderBottomStyle: "solid",
-    borderBottomColor: o.border
+    k1xSpc: "xrvj5dj",
+    kt9PQ7: "xso031l",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xc43g0q",
+    $$css: !0
   },
   rowLastChild: {
-    borderBottomWidth: 0
+    kt9PQ7: "x1qhh985",
+    $$css: !0
   },
   bodyRow: {
-    backgroundColor: {
-      default: "transparent",
-      ":hover": o.bgCardHover
-    },
-    transitionProperty: "background-color",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease"
+    kWkggS: "xjbqb8w x16rx6z8",
+    k1ekBW: "x15406qy",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    $$css: !0
   },
-  // Header cell
   headerCell: {
-    fontWeight: h.fontWeightSemibold,
-    color: o.textMuted,
-    textAlign: "start"
+    k63SB2: "x120om85",
+    kMwMTN: "x3dll8l",
+    k9WMMc: "x1yc453h",
+    $$css: !0
   },
-  // Body cell
   cell: {
-    color: o.text,
-    display: "flex",
-    alignItems: "center"
+    kMwMTN: "x1q7k5ly",
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    $$css: !0
   },
-  // Size: sm
   cellSm: {
-    paddingTop: i.xs,
-    paddingBottom: i.xs,
-    paddingLeft: i.sm,
-    paddingRight: i.sm,
-    fontSize: h.fontSizeXs
+    kLKAdn: "x12lvzsw",
+    kGO01o: "xpz7ktu",
+    kE3dHu: "x1t5mref",
+    kpe85a: "x3h5nva",
+    kGuDYH: "xcj380t",
+    $$css: !0
   },
-  // Size: md
   cellMd: {
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontSize: h.fontSizeSm
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kGuDYH: "x1f5wsqz",
+    $$css: !0
   },
-  // Variant: striped (even body rows)
   stripedEven: {
-    backgroundColor: {
-      default: o.bgCardHover,
-      ":hover": o.bgCardHover
-    }
+    kWkggS: "x1t1330p x16rx6z8",
+    $$css: !0
   },
-  // Variant: bordered (cells get side borders)
   borderedCell: {
-    borderRightWidth: 1,
-    borderRightStyle: "solid",
-    borderRightColor: o.border
+    kWqL5O: "xs1s249",
+    kSWEuD: "x32b0ac",
+    k26BEO: "x1a8rddp",
+    $$css: !0
   },
   borderedCellLast: {
-    borderRightWidth: 0
-  },
-  // Dynamic styles — simple identifier params only (StyleX constraint)
-  gridColumns: (t) => ({
-    gridTemplateColumns: `repeat(${t}, 1fr)`
-  })
-}), wt = V(null);
-function nt() {
-  const t = $(wt);
-  if (!t) throw new Error("Table compound components must be used within Table.Root");
-  return t;
+    kWqL5O: "xgfja2r",
+    $$css: !0
+  },
+  gridColumns: (e) => [It, {
+    "--x-gridTemplateColumns": `repeat(${e}, 1fr)` != null ? `repeat(${e}, 1fr)` : void 0
+  }]
+}, He = L(null);
+function ce() {
+  const e = G(He);
+  if (!e) throw new Error("Table compound components must be used within Table.Root");
+  return e;
 }
-const st = V(!1);
-function se({
-  children: t,
-  variant: e = "default",
+const ae = L(!1);
+function Wt({
+  children: e,
+  variant: t = "default",
   size: r = "md",
   columns: n
 }) {
-  return /* @__PURE__ */ a(wt.Provider, { value: {
-    variant: e,
+  return /* @__PURE__ */ x(He.Provider, { value: {
+    variant: t,
     size: r,
     columns: n,
     isHeader: !1
-  }, children: /* @__PURE__ */ a(g.div, { role: "table", style: P.root, children: t }) });
+  }, children: /* @__PURE__ */ x("div", { role: "table", ...u(d.div, A.root), children: e }) });
 }
-function de({
-  children: t
+function Tt({
+  children: e
 }) {
-  return /* @__PURE__ */ a(st.Provider, { value: !0, children: /* @__PURE__ */ a(g.div, { role: "rowgroup", style: P.header, children: t }) });
+  return /* @__PURE__ */ x(ae.Provider, { value: !0, children: /* @__PURE__ */ x("div", { role: "rowgroup", ...u(d.div, A.header), children: e }) });
 }
-function ce({
-  children: t
+function At({
+  children: e
 }) {
   const {
-    variant: e
-  } = nt(), r = mt.toArray(t);
-  return /* @__PURE__ */ a(st.Provider, { value: !1, children: /* @__PURE__ */ a(g.div, { role: "rowgroup", children: r.map((n, l) => e === "striped" ? /* @__PURE__ */ a(Rt.Provider, { value: l, children: n }, l) : n) }) });
+    variant: t
+  } = ce(), r = ye.toArray(e);
+  return /* @__PURE__ */ x(ae.Provider, { value: !1, children: /* @__PURE__ */ x("div", { role: "rowgroup", ...u(d.div), children: r.map((n, o) => t === "striped" ? /* @__PURE__ */ x(Ee.Provider, { value: o, children: n }, o) : n) }) });
 }
-const Rt = V(-1);
-function ae({
-  children: t
+const Ee = L(-1);
+function Ht({
+  children: e
 }) {
   const {
-    variant: e,
+    variant: t,
     columns: r
-  } = nt(), n = $(st), l = $(Rt), s = l >= 0 && l % 2 === 1, d = mt.toArray(t);
-  return /* @__PURE__ */ a(g.div, { role: "row", style: [P.row, P.gridColumns(r), !n && P.bodyRow, !n && e === "striped" && s && P.stripedEven], children: e === "bordered" ? d.map((c, m) => /* @__PURE__ */ a(dt.Provider, { value: {
-    index: m,
-    total: d.length
-  }, children: c }, m)) : t });
+  } = ce(), n = G(ae), o = G(Ee), s = o >= 0 && o % 2 === 1, i = ye.toArray(e);
+  return /* @__PURE__ */ x("div", { role: "row", ...u(d.div, A.row, A.gridColumns(r), !n && A.bodyRow, !n && t === "striped" && s && A.stripedEven), children: t === "bordered" ? i.map((c, a) => /* @__PURE__ */ x(fe.Provider, { value: {
+    index: a,
+    total: i.length
+  }, children: c }, a)) : e });
 }
-const dt = V({
+const fe = L({
   index: 0,
   total: 0
 });
-function ue({
-  children: t
+function Et({
+  children: e
 }) {
   const {
-    size: e,
+    size: t,
     variant: r
-  } = nt(), {
+  } = ce(), {
     index: n,
-    total: l
-  } = $(dt), s = r === "bordered" && n === l - 1;
-  return /* @__PURE__ */ a(g.div, { role: "columnheader", style: [P.headerCell, e === "sm" ? P.cellSm : P.cellMd, r === "bordered" && P.borderedCell, s && P.borderedCellLast], children: t });
+    total: o
+  } = G(fe), s = r === "bordered" && n === o - 1;
+  return /* @__PURE__ */ x("div", { role: "columnheader", ...u(d.div, A.headerCell, t === "sm" ? A.cellSm : A.cellMd, r === "bordered" && A.borderedCell, s && A.borderedCellLast), children: e });
 }
-function fe({
-  children: t
+function Gt({
+  children: e
 }) {
   const {
-    size: e,
+    size: t,
     variant: r
-  } = nt(), {
+  } = ce(), {
     index: n,
-    total: l
-  } = $(dt), s = r === "bordered" && n === l - 1;
-  return /* @__PURE__ */ a(g.div, { role: "cell", style: [P.cell, e === "sm" ? P.cellSm : P.cellMd, r === "bordered" && P.borderedCell, s && P.borderedCellLast], children: t });
+    total: o
+  } = G(fe), s = r === "bordered" && n === o - 1;
+  return /* @__PURE__ */ x("div", { role: "cell", ...u(d.div, A.cell, t === "sm" ? A.cellSm : A.cellMd, r === "bordered" && A.borderedCell, s && A.borderedCellLast), children: e });
 }
-const Ee = {
-  Root: se,
-  Header: de,
-  Body: ce,
-  Row: ae,
-  HeaderCell: ue,
-  Cell: fe
-}, A = F.create({
+const fr = {
+  Root: Wt,
+  Header: Tt,
+  Body: At,
+  Row: Ht,
+  HeaderCell: Et,
+  Cell: Gt
+}, N = {
   root: {
-    display: "flex",
-    flexDirection: "column"
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    $$css: !0
   },
   rootVertical: {
-    flexDirection: "row"
+    kXwgrk: "x1q0g3np",
+    $$css: !0
   },
   list: {
-    display: "flex",
-    flexDirection: "row",
-    borderBottomWidth: 1,
-    borderBottomStyle: "solid",
-    borderBottomColor: o.border,
-    gap: i.xs
+    k1xSpc: "x78zum5",
+    kXwgrk: "x1q0g3np",
+    kt9PQ7: "xso031l",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "xc43g0q",
+    kOIVth: "x1b6swt2",
+    $$css: !0
   },
   listVertical: {
-    flexDirection: "column",
-    borderBottomWidth: 0,
-    borderRightWidth: 1,
-    borderRightStyle: "solid",
-    borderRightColor: o.border,
-    gap: 0
+    kXwgrk: "xdt5ytf",
+    kt9PQ7: "x1qhh985",
+    kWqL5O: "xs1s249",
+    kSWEuD: "x32b0ac",
+    k26BEO: "x1a8rddp",
+    kOIVth: "xxhr3t",
+    $$css: !0
   },
   tab: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingTop: i.sm,
-    paddingBottom: i.sm,
-    paddingLeft: i.md,
-    paddingRight: i.md,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeSm,
-    fontWeight: h.fontWeightMedium,
-    color: {
-      default: o.textMuted,
-      ":hover": o.text
-    },
-    backgroundColor: "transparent",
-    borderWidth: 0,
-    borderBottomWidth: 2,
-    borderBottomStyle: "solid",
-    borderBottomColor: "transparent",
-    cursor: "pointer",
-    transitionProperty: "color, border-color",
-    transitionDuration: "150ms",
-    transitionTimingFunction: "ease",
-    outlineWidth: {
-      default: 0,
-      ":focus-visible": 2
-    },
-    outlineStyle: {
-      default: "none",
-      ":focus-visible": "solid"
-    },
-    outlineColor: {
-      default: "transparent",
-      ":focus-visible": o.accent
-    },
-    outlineOffset: {
-      default: 0,
-      ":focus-visible": -2
-    }
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    k63SB2: "x1oq67d7",
+    kMwMTN: "x3dll8l x1hcr4s8",
+    kWkggS: "xjbqb8w",
+    kMzoRj: "xc342km",
+    kt9PQ7: "xlxy82",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "x16stqrj",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "xrf8owv",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    kMeerF: "x1k57tk5 x784prv",
+    k3XXqK: "x1t137rt x9v5kkp",
+    kjBf7l: "x1uczgqu x1kpnk96",
+    kInvED: "x1wfwxd8 x1bqaal",
+    $$css: !0
   },
   tabVertical: {
-    justifyContent: "flex-start",
-    borderBottomWidth: 0,
-    borderRightWidth: 2,
-    borderRightStyle: "solid",
-    borderRightColor: "transparent"
+    kjj79g: "x1nhvcw1",
+    kt9PQ7: "x1qhh985",
+    kWqL5O: "xyy74w7",
+    kSWEuD: "x32b0ac",
+    k26BEO: "xhe5wa1",
+    $$css: !0
   },
   tabActiveHorizontal: {
-    color: o.text,
-    borderBottomColor: o.accent
+    kMwMTN: "x1q7k5ly",
+    kL6WhQ: "x1rouq1",
+    $$css: !0
   },
   tabActiveVertical: {
-    color: o.text,
-    borderRightColor: o.accent
+    kMwMTN: "x1q7k5ly",
+    k26BEO: "xy5c0cj",
+    $$css: !0
   },
   tabDisabled: {
-    opacity: 0.5,
-    cursor: "not-allowed",
-    color: o.textMuted
+    kSiTet: "xbyyjgo",
+    kkrTdU: "x1h6gzvc",
+    kMwMTN: "x3dll8l",
+    $$css: !0
   },
   panel: {
-    paddingTop: i.md
+    kLKAdn: "x1o5v2y7",
+    $$css: !0
   },
   panelVertical: {
-    paddingTop: 0,
-    paddingLeft: i.md
+    kLKAdn: "xexx8yu",
+    kE3dHu: "xsk07c1",
+    $$css: !0
   }
-}), kt = V(null);
-function ct() {
-  const t = $(kt);
-  if (!t) throw new Error("Tabs compound components must be used within Tabs.Root");
-  return t;
+}, Ge = L(null);
+function ge() {
+  const e = G(Ge);
+  if (!e) throw new Error("Tabs compound components must be used within Tabs.Root");
+  return e;
 }
-function ge({
-  value: t,
-  defaultValue: e,
+function Ct({
+  value: e,
+  defaultValue: t,
   onValueChange: r,
   orientation: n = "horizontal"
 }) {
-  const [l, s] = lt(t, e ?? null, r ? (u) => {
-    u !== null && r(u);
-  } : void 0), d = w(/* @__PURE__ */ new Map()), c = w([]), m = B((u, f) => (d.current.set(u, f), c.current.includes(u) || c.current.push(u), () => {
-    d.current.delete(u), c.current = c.current.filter((p) => p !== u);
+  const [o, s] = de(e, t ?? null, r ? (l) => {
+    l !== null && r(l);
+  } : void 0), i = y(/* @__PURE__ */ new Map()), c = y([]), a = I((l, k) => (i.current.set(l, k), c.current.includes(l) || c.current.push(l), () => {
+    i.current.delete(l), c.current = c.current.filter((f) => f !== l);
   }), []);
   return {
-    activeValue: l,
+    activeValue: o,
     onSelect: s,
     orientation: n,
-    registerTab: m,
-    tabsRef: d,
+    registerTab: a,
+    tabsRef: i,
     orderRef: c
   };
 }
-function pe({
-  children: t,
-  value: e,
+function Vt({
+  children: e,
+  value: t,
   defaultValue: r,
   onValueChange: n,
-  orientation: l = "horizontal"
+  orientation: o = "horizontal"
 }) {
-  const s = ge({
-    value: e,
+  const s = Ct({
+    value: t,
     defaultValue: r,
     onValueChange: n,
-    orientation: l
+    orientation: o
   });
-  return /* @__PURE__ */ a(kt.Provider, { value: s, children: /* @__PURE__ */ a(g.div, { style: [A.root, l === "vertical" && A.rootVertical], children: t }) });
+  return /* @__PURE__ */ x(Ge.Provider, { value: s, children: /* @__PURE__ */ x("div", { ...u(d.div, N.root, o === "vertical" && N.rootVertical), children: e }) });
 }
-function he({
-  children: t
+function Nt({
+  children: e
 }) {
   const {
-    orientation: e,
+    orientation: t,
     activeValue: r,
     onSelect: n,
-    tabsRef: l,
+    tabsRef: o,
     orderRef: s
-  } = ct(), d = w(null);
-  return L(() => {
-    const c = d.current;
+  } = ge(), i = y(null);
+  return W(() => {
+    const c = i.current;
     if (!c) return;
-    function m(u) {
-      const f = s.current, p = l.current;
-      if (f.length === 0) return;
-      const S = this, R = e === "horizontal" ? "ArrowLeft" : "ArrowUp", x = e === "horizontal" ? "ArrowRight" : "ArrowDown";
-      let C = null;
-      switch (u.key) {
-        case x: {
-          u.preventDefault();
-          const v = r ? f.indexOf(r) : -1;
-          for (let y = 1; y <= f.length; y++) {
-            const b = (v + y) % f.length, k = f[b];
-            if (!p.get(k)) {
-              C = k;
+    function a(l) {
+      const k = s.current, f = o.current;
+      if (k.length === 0) return;
+      const v = this, w = t === "horizontal" ? "ArrowLeft" : "ArrowUp", p = t === "horizontal" ? "ArrowRight" : "ArrowDown";
+      let $ = null;
+      switch (l.key) {
+        case p: {
+          l.preventDefault();
+          const h = r ? k.indexOf(r) : -1;
+          for (let m = 1; m <= k.length; m++) {
+            const g = (h + m) % k.length, b = k[g];
+            if (!f.get(b)) {
+              $ = b;
               break;
             }
           }
           break;
         }
-        case R: {
-          u.preventDefault();
-          const v = r ? f.indexOf(r) : 0;
-          for (let y = 1; y <= f.length; y++) {
-            const b = (v - y + f.length) % f.length, k = f[b];
-            if (!p.get(k)) {
-              C = k;
+        case w: {
+          l.preventDefault();
+          const h = r ? k.indexOf(r) : 0;
+          for (let m = 1; m <= k.length; m++) {
+            const g = (h - m + k.length) % k.length, b = k[g];
+            if (!f.get(b)) {
+              $ = b;
               break;
             }
           }
           break;
         }
         case "Home": {
-          u.preventDefault();
-          for (const v of f)
-            if (!p.get(v)) {
-              C = v;
+          l.preventDefault();
+          for (const h of k)
+            if (!f.get(h)) {
+              $ = h;
               break;
             }
           break;
         }
         case "End": {
-          u.preventDefault();
-          for (let v = f.length - 1; v >= 0; v--)
-            if (!p.get(f[v])) {
-              C = f[v];
+          l.preventDefault();
+          for (let h = k.length - 1; h >= 0; h--)
+            if (!f.get(k[h])) {
+              $ = k[h];
               break;
             }
           break;
         }
       }
-      C && (n(C), S.querySelector(`[data-tab-value="${C}"]`)?.focus());
+      $ && (n($), v.querySelector(`[data-tab-value="${$}"]`)?.focus());
     }
-    return c.addEventListener("keydown", m), () => c.removeEventListener("keydown", m);
-  }, [e, r, n, l, s]), /* @__PURE__ */ a(g.div, { ref: d, role: "tablist", "aria-orientation": e, style: [A.list, e === "vertical" && A.listVertical], children: t });
+    return c.addEventListener("keydown", a), () => c.removeEventListener("keydown", a);
+  }, [t, r, n, o, s]), /* @__PURE__ */ x("div", { ref: i, role: "tablist", "aria-orientation": t, ...u(d.div, N.list, t === "vertical" && N.listVertical), children: e });
 }
-function me({
-  value: t,
-  disabled: e = !1,
+function Rt({
+  value: e,
+  disabled: t = !1,
   children: r
 }) {
   const {
     activeValue: n,
-    onSelect: l,
+    onSelect: o,
     orientation: s,
-    registerTab: d
-  } = ct(), c = n === t, m = Y(), u = `${m}-panel`;
-  L(() => d(t, e), [t, e, d]);
-  const f = () => {
-    e || l(t);
-  };
-  return /* @__PURE__ */ a(g.button, { type: "button", role: "tab", id: m, "aria-selected": c, "aria-controls": u, "aria-disabled": e || void 0, "data-tab-value": t, tabIndex: c ? 0 : -1, onClick: f, style: [A.tab, s === "vertical" && A.tabVertical, c && (s === "vertical" ? A.tabActiveVertical : A.tabActiveHorizontal), e && A.tabDisabled], children: r });
+    registerTab: i
+  } = ge(), c = n === e, a = X(), l = `${a}-panel`;
+  return W(() => i(e, t), [e, t, i]), /* @__PURE__ */ x("button", { type: "button", role: "tab", id: a, "aria-selected": c, "aria-controls": l, "aria-disabled": t || void 0, "data-tab-value": e, tabIndex: c ? 0 : -1, onClick: () => {
+    t || o(e);
+  }, ...u(d.button, N.tab, s === "vertical" && N.tabVertical, c && (s === "vertical" ? N.tabActiveVertical : N.tabActiveHorizontal), t && N.tabDisabled), children: r });
 }
-function be({
-  value: t,
-  children: e
+function Lt({
+  value: e,
+  children: t
 }) {
   const {
     activeValue: r,
     orientation: n
-  } = ct();
-  return r !== t ? null : /* @__PURE__ */ a(g.div, { role: "tabpanel", style: [A.panel, n === "vertical" && A.panelVertical], children: e });
+  } = ge();
+  return r !== e ? null : /* @__PURE__ */ x("div", { role: "tabpanel", ...u(d.div, N.panel, n === "vertical" && N.panelVertical), children: t });
 }
-const $e = {
-  Root: pe,
-  List: he,
-  Tab: me,
-  Panel: be
-}, ve = {
-  light: [Wt, Ht],
-  "high-contrast": [It, zt]
-}, xe = F.create({
+const gr = {
+  Root: Vt,
+  List: Nt,
+  Tab: Rt,
+  Panel: Lt
+}, be = {
+  base: {
+    kzqmXN: "xh8yej3",
+    kLKAdn: "x1g9jjt5",
+    kGO01o: "x1jybd5k",
+    kE3dHu: "xsk07c1",
+    kpe85a: "x15wirxn",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "x1f5wsqz",
+    kLWn49: "x1x949wg",
+    kMwMTN: "x1q7k5ly",
+    kWkggS: "x18f41zy",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kaIpWk: "x12fpg5d",
+    kHenm0: "x288g5",
+    k1ekBW: "xshfolx",
+    kIyJzY: "xx6bhzk",
+    kAMwcw: "xwji4o3",
+    kMeerF: "x1k57tk5 x784prv",
+    k3XXqK: "x1t137rt x9v5kkp",
+    kjBf7l: "x1uczgqu x1kpnk96",
+    kInvED: "x1wfwxd8 x13iak60",
+    $$css: !0
+  },
+  default: {
+    kVAM5u: "x8sq793 x15ifnsi x15rm23n",
+    $$css: !0
+  },
+  error: {
+    kVAM5u: "x100xte9 xdikpbx",
+    $$css: !0
+  }
+};
+function pr({
+  variant: e = "default",
+  name: t,
+  placeholder: r,
+  required: n,
+  rows: o = 3,
+  value: s,
+  defaultValue: i,
+  disabled: c,
+  onChange: a
+}) {
+  const l = F();
+  return /* @__PURE__ */ x("textarea", { id: l?.controlId, name: t, placeholder: r, required: n, rows: o, value: s, defaultValue: i, disabled: c, "aria-describedby": l ? `${l.descriptionId} ${l.invalid ? l.errorId : ""}`.trim() : void 0, "aria-invalid": l?.invalid || e === "error" || void 0, onChange: a, ...u(d.textarea, be.base, be[e]), dir: "auto" });
+}
+const hr = {
+  bg: "var(--bg-xqkwqtp)",
+  bgCard: "var(--bgCard-xj2l5r)",
+  bgCardHover: "var(--bgCardHover-xlxk7vw)",
+  text: "var(--text-xlpbogt)",
+  textMuted: "var(--textMuted-x651nu9)",
+  accent: "var(--accent-xw7wp3v)",
+  accentHover: "var(--accentHover-x18fqoz)",
+  accentContrast: "var(--accentContrast-x3gzxyp)",
+  border: "var(--border-x1drj1pb)",
+  error: "var(--error-x13gdhh0)",
+  errorHover: "var(--errorHover-x7eyu03)",
+  errorBg: "var(--errorBg-xrl8836)",
+  errorBorder: "var(--errorBorder-x1a6pjl)",
+  errorText: "var(--errorText-xf51nwe)",
+  errorContrast: "var(--errorContrast-x1lvjkah)",
+  success: "var(--success-x197pe5n)",
+  successBg: "var(--successBg-xzjukav)",
+  successBorder: "var(--successBorder-x1my3ygc)",
+  successText: "var(--successText-x46dg9e)",
+  warning: "var(--warning-x1gq0pyw)",
+  warningBg: "var(--warningBg-xtnxqss)",
+  warningBorder: "var(--warningBorder-x1ev2mr5)",
+  warningText: "var(--warningText-x1lgjghx)",
+  infoBg: "var(--infoBg-xho8jir)",
+  infoBorder: "var(--infoBorder-xnevk3x)",
+  infoText: "var(--infoText-x19pseus)",
+  __varGroupHash__: "xjvd03b"
+}, vr = {
+  xs: "var(--xs-xxfyjsd)",
+  sm: "var(--sm-xbh8y7f)",
+  md: "var(--md-x3pkb85)",
+  lg: "var(--lg-x34mutn)",
+  xl: "var(--xl-xttpygj)",
+  xxl: "var(--xxl-xbe9eha)",
+  __varGroupHash__: "x6uc9q"
+}, $r = {
+  sm: "var(--sm-x1bhtfs5)",
+  md: "var(--md-xx2g89g)",
+  lg: "var(--lg-xwd56yl)",
+  full: "var(--full-x9vxdtd)",
+  __varGroupHash__: "xw3ffwm"
+}, mr = {
+  fontFamily: "var(--fontFamily-xvrmnat)",
+  fontSizeXs: "var(--fontSizeXs-x1w5m325)",
+  fontSizeSm: "var(--fontSizeSm-x1bjjs4u)",
+  fontSizeMd: "var(--fontSizeMd-xq8d99q)",
+  fontSizeLg: "var(--fontSizeLg-x18ngplw)",
+  fontSizeXl: "var(--fontSizeXl-x1b1mqsu)",
+  fontSizeHeading: "var(--fontSizeHeading-x1stydh2)",
+  fontWeightNormal: "var(--fontWeightNormal-x1y1cayu)",
+  fontWeightMedium: "var(--fontWeightMedium-xaw13ft)",
+  fontWeightSemibold: "var(--fontWeightSemibold-xg6c7xe)",
+  fontWeightBold: "var(--fontWeightBold-x1pjkvwg)",
+  lineHeight: "var(--lineHeight-x1gubzd5)",
+  __varGroupHash__: "xs62swl"
+}, br = {
+  sm: "var(--sm-x17hhtln)",
+  md: "var(--md-x1oyt0aw)",
+  lg: "var(--lg-x1mxd62i)",
+  __varGroupHash__: "x13v825q"
+}, Ot = {
+  xjvd03b: "x18itf25 xjvd03b",
+  $$css: !0
+}, Dt = {
+  x13v825q: "xv9ibj0 x13v825q",
+  $$css: !0
+}, Bt = {
+  xjvd03b: "x1qgt5a2 xjvd03b",
+  $$css: !0
+}, Pt = {
+  x13v825q: "x15e39jv x13v825q",
+  $$css: !0
+}, Xt = {
+  light: [Ot, Dt],
+  "high-contrast": [Bt, Pt]
+}, Yt = {
   root: {
-    display: "contents"
+    k1xSpc: "xjp7ctv",
+    $$css: !0
   }
-});
-function Ae({
-  theme: t = "dark",
-  children: e
+};
+function wr({
+  theme: e = "dark",
+  children: t
 }) {
-  const r = ve[t], n = [r?.[0], r?.[1], xe.root];
-  return /* @__PURE__ */ a(g.div, { style: n, children: e });
+  const r = Xt[e], n = [r?.[0], r?.[1], Yt.root];
+  return /* @__PURE__ */ x("div", { ...u(d.div, n), children: t });
 }
-const it = F.create({
+const le = {
   root: {
-    position: "relative",
-    display: "inline-flex"
+    kVAEAm: "x1n2onr6",
+    k1xSpc: "x3nfvp2",
+    $$css: !0
   },
   popup: {
-    position: "absolute",
-    zIndex: 50,
-    paddingTop: i.xs,
-    paddingBottom: i.xs,
-    paddingLeft: i.sm,
-    paddingRight: i.sm,
-    backgroundColor: o.bgCard,
-    color: o.text,
-    fontFamily: h.fontFamily,
-    fontSize: h.fontSizeXs,
-    lineHeight: h.lineHeight,
-    borderRadius: D.sm,
-    borderWidth: 1,
-    borderStyle: "solid",
-    borderColor: o.border,
-    boxShadow: Q.md,
-    whiteSpace: "nowrap",
-    pointerEvents: "none"
+    kVAEAm: "x10l6tqk",
+    kY2c9j: "xa9119d",
+    kLKAdn: "x12lvzsw",
+    kGO01o: "xpz7ktu",
+    kE3dHu: "x1t5mref",
+    kpe85a: "x3h5nva",
+    kWkggS: "xdz192t",
+    kMwMTN: "x1q7k5ly",
+    kMv6JI: "x1pzdjp3",
+    kGuDYH: "xcj380t",
+    kLWn49: "x1x949wg",
+    kaIpWk: "x12fpg5d",
+    kMzoRj: "xmkeg23",
+    ksu8eU: "x1y0btm7",
+    kVAM5u: "x8sq793",
+    kGVxlE: "xconxm6",
+    khDVqt: "xuxw1ft",
+    kfzvcC: "x47corl",
+    $$css: !0
   },
   top: {
-    bottom: "100%",
-    left: "50%",
-    transform: "translateX(-50%)",
-    marginBottom: i.xs
+    krVfgx: "x10w3d4m",
+    kbCHJM: "x1nrll8i",
+    k3aq6I: "xuuh30",
+    k1K539: "x1eg1ji7",
+    $$css: !0
   },
   bottom: {
-    top: "100%",
-    left: "50%",
-    transform: "translateX(-50%)",
-    marginTop: i.xs
+    k87sOh: "xdsb8wn",
+    kbCHJM: "x1nrll8i",
+    k3aq6I: "xuuh30",
+    keoZOQ: "x1x9u35d",
+    $$css: !0
   },
   left: {
-    right: "100%",
-    top: "50%",
-    transform: "translateY(-50%)",
-    marginRight: i.xs
+    kCIrl2: "xjvjlmm",
+    k87sOh: "xwa60dl",
+    k3aq6I: "x1cb1t30",
+    km5ZXQ: "xnf8jsw",
+    $$css: !0
   },
   right: {
-    left: "100%",
-    top: "50%",
-    transform: "translateY(-50%)",
-    marginLeft: i.xs
+    kbCHJM: "xl8wat7",
+    k87sOh: "xwa60dl",
+    k3aq6I: "x1cb1t30",
+    koQZXg: "xkhkick",
+    $$css: !0
   }
-}), Tt = V(null);
-function ye() {
-  const t = $(Tt);
-  if (!t) throw new Error("Tooltip compound components must be used within Tooltip.Root");
-  return t;
+}, Ce = L(null);
+function Kt() {
+  const e = G(Ce);
+  if (!e) throw new Error("Tooltip compound components must be used within Tooltip.Root");
+  return e;
 }
-function Ce({
-  children: t,
-  content: e,
+function Ut({
+  children: e,
+  content: t,
   placement: r = "top",
   delay: n = 300
 }) {
-  const [l, s] = M(!1), d = Y(), c = w(null), m = B(() => {
+  const [o, s] = T(!1), i = X(), c = y(null), a = I(() => {
     c.current && clearTimeout(c.current), c.current = setTimeout(() => s(!0), n);
-  }, [n]), u = B(() => {
+  }, [n]), l = I(() => {
     c.current && clearTimeout(c.current), c.current = null, s(!1);
   }, []);
-  return /* @__PURE__ */ a(Tt.Provider, { value: {
-    open: l,
-    show: m,
-    hide: u,
-    tooltipId: d,
+  return /* @__PURE__ */ x(Ce.Provider, { value: {
+    open: o,
+    show: a,
+    hide: l,
+    tooltipId: i,
     placement: r
-  }, children: /* @__PURE__ */ U(g.div, { style: it.root, children: [
-    t,
-    l && /* @__PURE__ */ a(g.div, { id: d, role: "tooltip", style: [it.popup, it[r]], children: e })
+  }, children: /* @__PURE__ */ H("div", { ...u(d.div, le.root), children: [
+    e,
+    o && /* @__PURE__ */ x("div", { id: i, role: "tooltip", ...u(d.div, le.popup, le[r]), children: t })
   ] }) });
 }
-function Se({
-  children: t
+function Jt({
+  children: e
 }) {
   const {
-    open: e,
+    open: t,
     show: r,
     hide: n,
-    tooltipId: l
-  } = ye();
-  return /* @__PURE__ */ a(g.div, { onPointerEnter: r, onPointerLeave: n, onFocus: r, onBlur: n, "aria-describedby": e ? l : void 0, children: t });
+    tooltipId: o
+  } = Kt();
+  return /* @__PURE__ */ x("div", { onPointerEnter: r, onPointerLeave: n, onFocus: r, onBlur: n, "aria-describedby": t ? o : void 0, ...u(d.div), children: e });
 }
-const Oe = {
-  Root: Ce,
-  Trigger: Se
+const yr = {
+  Root: Ut,
+  Trigger: Jt
 };
 export {
-  Ie as Alert,
-  ze as Badge,
-  We as Button,
-  He as Card,
-  De as Field,
-  Be as Input,
-  Le as Menu,
-  Pe as ScrollArea,
-  Me as Select,
-  Fe as SideNav,
-  Ee as Table,
-  $e as Tabs,
-  Ae as ThemeProvider,
-  Oe as Tooltip,
-  Xe as colors,
-  je as highContrastShadows,
-  Ge as highContrastTheme,
-  Ye as lightShadows,
-  Ue as lightTheme,
-  Ke as radii,
-  _e as shadows,
-  qe as spacing,
-  Je as typography
+  Zt as Alert,
+  er as Badge,
+  tr as Button,
+  rr as Card,
+  nr as Checkbox,
+  or as EmptyState,
+  sr as Field,
+  cr as Input,
+  xr as LinkButton,
+  ir as Menu,
+  lr as ScrollArea,
+  kr as Select,
+  ur as SideNav,
+  dr as Spinner,
+  ar as StatusIcon,
+  fr as Table,
+  gr as Tabs,
+  pr as Textarea,
+  wr as ThemeProvider,
+  yr as Tooltip,
+  hr as colors,
+  Pt as highContrastShadows,
+  Bt as highContrastTheme,
+  Dt as lightShadows,
+  Ot as lightTheme,
+  $r as radii,
+  br as shadows,
+  vr as spacing,
+  mr as typography
 };
 //# sourceMappingURL=index.js.map