@mriqbox/ui-kit 4.1.0 → 4.3.0

package/dist/index.es.js

@@ -64,10 +64,10 @@ function ud() {
         ae.unshift("Warning: " + E), Function.prototype.apply.call(console[w], console, ae);
       }
     }
-    var C = !1, j = !1, _ = !1, S = !1, F = !1, A;
+    var C = !1, j = !1, _ = !1, k = !1, F = !1, A;
     A = Symbol.for("react.module.reference");
     function I(w) {
-      return !!(typeof w == "string" || typeof w == "function" || w === n || w === a || F || w === o || w === d || w === u || S || w === p || C || j || _ || typeof w == "object" && w !== null && (w.$$typeof === h || w.$$typeof === f || w.$$typeof === s || w.$$typeof === i || w.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof w == "string" || typeof w == "function" || w === n || w === a || F || w === o || w === d || w === u || k || w === p || C || j || _ || typeof w == "object" && w !== null && (w.$$typeof === h || w.$$typeof === f || w.$$typeof === s || w.$$typeof === i || w.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -1222,7 +1222,7 @@ const ie = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   qd.test(e) && !Gd.test(e)
 ), oi = () => !1, au = (e) => Xd.test(e), su = (e) => Kd.test(e), iu = () => {
-  const e = ie("colors"), t = ie("spacing"), r = ie("blur"), n = ie("brightness"), o = ie("borderColor"), a = ie("borderRadius"), s = ie("borderSpacing"), i = ie("borderWidth"), c = ie("contrast"), d = ie("grayscale"), u = ie("hueRotate"), f = ie("invert"), h = ie("gap"), p = ie("gradientColorStops"), g = ie("gradientColorStopPositions"), v = ie("inset"), b = ie("margin"), x = ie("opacity"), y = ie("padding"), N = ie("saturate"), C = ie("scale"), j = ie("sepia"), _ = ie("skew"), S = ie("space"), F = ie("translate"), A = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", V, t], O = () => [V, t], $ = () => ["", ot, dt], L = () => ["auto", Bt, V], T = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], R = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], M = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], G = () => ["", "0", V], de = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], le = () => [Bt, V];
+  const e = ie("colors"), t = ie("spacing"), r = ie("blur"), n = ie("brightness"), o = ie("borderColor"), a = ie("borderRadius"), s = ie("borderSpacing"), i = ie("borderWidth"), c = ie("contrast"), d = ie("grayscale"), u = ie("hueRotate"), f = ie("invert"), h = ie("gap"), p = ie("gradientColorStops"), g = ie("gradientColorStopPositions"), v = ie("inset"), b = ie("margin"), x = ie("opacity"), y = ie("padding"), N = ie("saturate"), C = ie("scale"), j = ie("sepia"), _ = ie("skew"), k = ie("space"), F = ie("translate"), A = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", V, t], O = () => [V, t], $ = () => ["", ot, dt], L = () => ["auto", Bt, V], T = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], R = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], M = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], G = () => ["", "0", V], de = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], le = () => [Bt, V];
   return {
     cacheSize: 500,
     separator: ":",
@@ -1816,7 +1816,7 @@ const ie = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [S]
+        "space-x": [k]
       }],
       /**
        * Space Between X Reverse
@@ -1828,7 +1828,7 @@ const ie = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [S]
+        "space-y": [k]
       }],
       /**
        * Space Between Y Reverse
@@ -3251,14 +3251,14 @@ const ie = (e) => {
     }
   };
 }, lu = /* @__PURE__ */ Hd(iu);
-function k(...e) {
+function S(...e) {
   return lu(Js(e));
 }
 const cu = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Xs,
   {
     ref: r,
-    className: k(
+    className: S(
       "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
       e
     ),
@@ -3270,7 +3270,7 @@ const du = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Ks,
   {
     ref: r,
-    className: k("aspect-square h-full w-full", e),
+    className: S("aspect-square h-full w-full", e),
     ...t
   }
 ));
@@ -3279,7 +3279,7 @@ const uu = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Qs,
   {
     ref: r,
-    className: k(
+    className: S(
       "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium",
       e
     ),
@@ -3333,7 +3333,7 @@ const za = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ha = Js, a
   }
 );
 function Ya({ className: e, variant: t, ...r }) {
-  return /* @__PURE__ */ l.jsx("div", { className: k(fu({ variant: t }), e), ...r });
+  return /* @__PURE__ */ l.jsx("div", { className: S(fu({ variant: t }), e), ...r });
 }
 const lo = ai(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
@@ -3789,7 +3789,7 @@ const Eu = ne("Zap", [
     return /* @__PURE__ */ l.jsx(
       d,
       {
-        className: k(lo({ variant: t, size: r, className: e })),
+        className: S(lo({ variant: t, size: r, className: e })),
         ref: c,
         disabled: u,
         ...i,
@@ -3802,39 +3802,39 @@ const Eu = ne("Zap", [
   }
 );
 te.displayName = "MriButton";
-const ex = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+const tx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "9", r: "2.5", fill: "currentColor" })
-] }), tx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), rx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M21 15v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("path", { d: "M7 10l5-5 5 5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("path", { d: "M12 5v12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), rx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), nx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M21 12H7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("path", { d: "M11 16l-4-4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), nx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), ox = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M21 12a9 9 0 11-3-6.6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("path", { d: "M12 8v8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("path", { d: "M8 12h8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), ox = (e = {}) => /* @__PURE__ */ l.jsx("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l.jsx("path", { d: "M20 6L9 17l-5-5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }), ax = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), ax = (e = {}) => /* @__PURE__ */ l.jsx("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l.jsx("path", { d: "M20 6L9 17l-5-5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }), sx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ l.jsx("path", { d: "M12 11v6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "10", r: "1.5", fill: "currentColor" })
-] }), sx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), ix = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M16 3l3 3v11a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6l3-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("path", { d: "M9 8h6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), ix = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), lx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "1.5" })
-] }), lx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), cx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("path", { d: "M12 9v4", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "17", r: "0.8", fill: "currentColor" })
-] }), cx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), dx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("path", { d: "M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ l.jsx("path", { d: "M15 10l-6-6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), dx = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+] }), ux = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.5" }),
   /* @__PURE__ */ l.jsx("path", { d: "M4.93 4.93l14.14 14.14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
 ] }), Oo = m.forwardRef(
@@ -3848,7 +3848,7 @@ const ex = (e = {}) => /* @__PURE__ */ l.jsxs("svg", { className: e.className, w
           {
             ...a,
             ref: s,
-            className: k(
+            className: S(
               "w-full rounded-lg border bg-background/50 text-foreground focus:border-ring focus:outline-none placeholder:text-muted-foreground transition-colors disabled:opacity-50",
               t === "default" ? "h-9 text-sm" : "h-8 text-xs",
               r ? "pl-9" : "px-3",
@@ -4091,7 +4091,7 @@ var Do = "ScrollArea", [mi] = Pt(Do), [Vu, We] = mi(Do), pi = m.forwardRef(
       dir: o,
       scrollHideDelay: a = 600,
       ...s
-    } = e, [i, c] = m.useState(null), [d, u] = m.useState(null), [f, h] = m.useState(null), [p, g] = m.useState(null), [v, b] = m.useState(null), [x, y] = m.useState(0), [N, C] = m.useState(0), [j, _] = m.useState(!1), [S, F] = m.useState(!1), A = ve(t, (B) => c(B)), I = hi(o);
+    } = e, [i, c] = m.useState(null), [d, u] = m.useState(null), [f, h] = m.useState(null), [p, g] = m.useState(null), [v, b] = m.useState(null), [x, y] = m.useState(0), [N, C] = m.useState(0), [j, _] = m.useState(!1), [k, F] = m.useState(!1), A = ve(t, (B) => c(B)), I = hi(o);
     return /* @__PURE__ */ l.jsx(
       Vu,
       {
@@ -4110,7 +4110,7 @@ var Do = "ScrollArea", [mi] = Pt(Do), [Vu, We] = mi(Do), pi = m.forwardRef(
         onScrollbarXEnabledChange: _,
         scrollbarY: v,
         onScrollbarYChange: b,
-        scrollbarYEnabled: S,
+        scrollbarYEnabled: k,
         onScrollbarYEnabledChange: F,
         onCornerWidthChange: y,
         onCornerHeightChange: C,
@@ -4413,7 +4413,7 @@ var Uu = m.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: f,
     ...h
-  } = e, p = We(tt, r), [g, v] = m.useState(null), b = ve(t, (A) => v(A)), x = m.useRef(null), y = m.useRef(""), N = p.viewport, C = n.content - n.viewport, j = _e(u), _ = _e(c), S = fn(f, 10);
+  } = e, p = We(tt, r), [g, v] = m.useState(null), b = ve(t, (A) => v(A)), x = m.useRef(null), y = m.useRef(""), N = p.viewport, C = n.content - n.viewport, j = _e(u), _ = _e(c), k = fn(f, 10);
   function F(A) {
     if (x.current) {
       const I = A.clientX - x.current.left, B = A.clientY - x.current.top;
@@ -4426,7 +4426,7 @@ var Uu = m.forwardRef((e, t) => {
       (g == null ? void 0 : g.contains(B)) && j(I, C);
     };
     return document.addEventListener("wheel", A, { passive: !1 }), () => document.removeEventListener("wheel", A, { passive: !1 });
-  }, [N, g, C, j]), m.useEffect(_, [n, _]), Vt(g, S), Vt(p.content, S), /* @__PURE__ */ l.jsx(
+  }, [N, g, C, j]), m.useEffect(_, [n, _]), Vt(g, k), Vt(p.content, k), /* @__PURE__ */ l.jsx(
     Ku,
     {
       scope: r,
@@ -4595,7 +4595,7 @@ const Jr = m.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__
   ki,
   {
     ref: n,
-    className: k("relative overflow-hidden", e),
+    className: S("relative overflow-hidden", e),
     ...r,
     children: [
       /* @__PURE__ */ l.jsx(tf, { className: "h-full w-full rounded-[inherit]", children: t }),
@@ -4610,7 +4610,7 @@ const _i = m.forwardRef(({ className: e, orientation: t = "vertical", ...r }, n)
   {
     ref: n,
     orientation: t,
-    className: k(
+    className: S(
       "flex touch-none select-none transition-colors",
       t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       t === "horizontal" && "h-2.5 border-t border-t-transparent p-[1px]",
@@ -4621,13 +4621,13 @@ const _i = m.forwardRef(({ className: e, orientation: t = "vertical", ...r }, n)
   }
 ));
 _i.displayName = Ao.displayName;
-function ux({
+function fx({
   label: e,
   variant: t = "default",
   className: r,
   size: n = "xs"
 }) {
-  return /* @__PURE__ */ l.jsx("span", { className: k(
+  return /* @__PURE__ */ l.jsx("span", { className: S(
     "font-semibold rounded-md border flex items-center justify-center font-mono whitespace-nowrap transition-all duration-200",
     n === "xs" && "px-1.5 py-0.5 text-[9px] uppercase tracking-wider",
     n === "sm" && "px-2 py-0.5 text-[10px] uppercase tracking-wider",
@@ -4684,7 +4684,7 @@ function of(e) {
       if (!y) return [];
       const N = Array.from(y.querySelectorAll(`[${f}]`));
       return Array.from(b.itemMap.values()).sort(
-        (_, S) => N.indexOf(_.ref.current) - N.indexOf(S.ref.current)
+        (_, k) => N.indexOf(_.ref.current) - N.indexOf(k.ref.current)
       );
     }, [b.collectionRef, b.itemMap]);
   }
@@ -4956,8 +4956,8 @@ var [Ai, yf] = mn(Ve), [Ti, wf] = mn(
           a === "vertical" && _();
           break;
       }
-      const S = y % x;
-      (F = v[S].ref.current) == null || F.focus();
+      const k = y % x;
+      (F = v[k].ref.current) == null || F.focus();
     });
     return /* @__PURE__ */ l.jsx(
       jf,
@@ -5067,11 +5067,11 @@ function Hi(e) {
   return e ? "open" : "closed";
 }
 var kf = Di, _f = Ii, Mf = Fi, Yi = $i, Vi = zi;
-const fx = kf, Ef = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
+const hx = kf, Ef = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   _f,
   {
     ref: r,
-    className: k("border-b border-border_primary", e),
+    className: S("border-b border-border_primary", e),
     ...t
   }
 ));
@@ -5080,7 +5080,7 @@ const Pf = m.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__
   Yi,
   {
     ref: n,
-    className: k(
+    className: S(
       "flex flex-1 items-center justify-between gap-4 py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
       e
     ),
@@ -5098,7 +5098,7 @@ const Rf = m.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__
     ref: n,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...r,
-    children: /* @__PURE__ */ l.jsx("div", { className: k("pb-4 pt-0", e), children: t })
+    children: /* @__PURE__ */ l.jsx("div", { className: S("pb-4 pt-0", e), children: t })
   }
 ));
 Rf.displayName = Vi.displayName;
@@ -5106,7 +5106,7 @@ const Of = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: r,
-    className: k(
+    className: S(
       "rounded-xl border bg-card text-card-foreground shadow",
       e
     ),
@@ -5118,7 +5118,7 @@ const Df = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: r,
-    className: k("flex flex-col space-y-1.5 p-6", e),
+    className: S("flex flex-col space-y-1.5 p-6", e),
     ...t
   }
 ));
@@ -5127,7 +5127,7 @@ const Af = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: r,
-    className: k("font-semibold leading-none tracking-tight", e),
+    className: S("font-semibold leading-none tracking-tight", e),
     ...t
   }
 ));
@@ -5136,18 +5136,18 @@ const Tf = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: r,
-    className: k("text-sm text-muted-foreground", e),
+    className: S("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 Tf.displayName = "MriCardDescription";
-const Lf = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx("div", { ref: r, className: k("p-6 pt-0", e), ...t }));
+const Lf = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx("div", { ref: r, className: S("p-6 pt-0", e), ...t }));
 Lf.displayName = "MriCardContent";
 const If = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: r,
-    className: k("flex items-center p-6 pt-0", e),
+    className: S("flex items-center p-6 pt-0", e),
     ...t
   }
 ));
@@ -5175,15 +5175,15 @@ var Ff = "DismissableLayer", uo = "dismissableLayer.update", $f = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...c
-    } = e, d = m.useContext(Ui), [u, f] = m.useState(null), h = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, p] = m.useState({}), g = ve(t, (S) => f(S)), v = Array.from(d.layers), [b] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), x = v.indexOf(b), y = u ? v.indexOf(u) : -1, N = d.layersWithOutsidePointerEventsDisabled.size > 0, C = y >= x, j = Yf((S) => {
-      const F = S.target, A = [...d.branches].some((I) => I.contains(F));
-      !C || A || (o == null || o(S), s == null || s(S), S.defaultPrevented || i == null || i());
-    }, h), _ = Vf((S) => {
-      const F = S.target;
-      [...d.branches].some((I) => I.contains(F)) || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
+    } = e, d = m.useContext(Ui), [u, f] = m.useState(null), h = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, p] = m.useState({}), g = ve(t, (k) => f(k)), v = Array.from(d.layers), [b] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), x = v.indexOf(b), y = u ? v.indexOf(u) : -1, N = d.layersWithOutsidePointerEventsDisabled.size > 0, C = y >= x, j = Yf((k) => {
+      const F = k.target, A = [...d.branches].some((I) => I.contains(F));
+      !C || A || (o == null || o(k), s == null || s(k), k.defaultPrevented || i == null || i());
+    }, h), _ = Vf((k) => {
+      const F = k.target;
+      [...d.branches].some((I) => I.contains(F)) || (a == null || a(k), s == null || s(k), k.defaultPrevented || i == null || i());
     }, h);
-    return Wf((S) => {
-      y === d.layers.size - 1 && (n == null || n(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
+    return Wf((k) => {
+      y === d.layers.size - 1 && (n == null || n(k), !k.defaultPrevented && i && (k.preventDefault(), i()));
     }, h), m.useEffect(() => {
       if (u)
         return r && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (qa = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(u)), d.layers.add(u), Ga(), () => {
@@ -5192,8 +5192,8 @@ var Ff = "DismissableLayer", uo = "dismissableLayer.update", $f = "dismissableLa
     }, [u, h, r, d]), m.useEffect(() => () => {
       u && (d.layers.delete(u), d.layersWithOutsidePointerEventsDisabled.delete(u), Ga());
     }, [u, d]), m.useEffect(() => {
-      const S = () => p({});
-      return document.addEventListener(uo, S), () => document.removeEventListener(uo, S);
+      const k = () => p({});
+      return document.addEventListener(uo, k), () => document.removeEventListener(uo, k);
     }, []), /* @__PURE__ */ l.jsx(
       ce.div,
       {
@@ -5701,9 +5701,9 @@ const uh = (e) => ({
       x: r,
       y: n
     }, p = qo(o), g = Uo(p), v = await s.getDimensions(d), b = p === "y", x = b ? "top" : "left", y = b ? "bottom" : "right", N = b ? "clientHeight" : "clientWidth", C = a.reference[g] + a.reference[p] - h[p] - a.floating[g], j = h[p] - a.reference[p], _ = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d));
-    let S = _ ? _[N] : 0;
-    (!S || !await (s.isElement == null ? void 0 : s.isElement(_))) && (S = i.floating[N] || a.floating[g]);
-    const F = C / 2 - j / 2, A = S / 2 - v[g] / 2 - 1, I = pt(f[x], A), B = pt(f[y], A), O = I, $ = S - v[g] - B, L = S / 2 - v[g] / 2 + F, T = fo(O, L, $), U = !c.arrow && Qt(o) != null && L !== T && a.reference[g] / 2 - (L < O ? I : B) - v[g] / 2 < 0, R = U ? L < O ? L - O : L - $ : 0;
+    let k = _ ? _[N] : 0;
+    (!k || !await (s.isElement == null ? void 0 : s.isElement(_))) && (k = i.floating[N] || a.floating[g]);
+    const F = C / 2 - j / 2, A = k / 2 - v[g] / 2 - 1, I = pt(f[x], A), B = pt(f[y], A), O = I, $ = k - v[g] - B, L = k / 2 - v[g] / 2 + F, T = fo(O, L, $), U = !c.arrow && Qt(o) != null && L !== T && a.reference[g] / 2 - (L < O ? I : B) - v[g] / 2 < 0, R = U ? L < O ? L - O : L - $ : 0;
     return {
       [p]: h[p] + R,
       data: {
@@ -5742,7 +5742,7 @@ const uh = (e) => ({
         return {};
       const x = lt(o), y = Ke(i), N = lt(i) === i, C = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), j = h || (N || !v ? [rn(i)] : oh(i)), _ = g !== "none";
       !h && _ && j.push(...lh(i, v, g, C));
-      const S = [i, ...j], F = await hr(t, b), A = [];
+      const k = [i, ...j], F = await hr(t, b), A = [];
       let I = ((n = a.flip) == null ? void 0 : n.overflows) || [];
       if (u && A.push(F[x]), f) {
         const L = nh(o, s, C);
@@ -5753,7 +5753,7 @@ const uh = (e) => ({
         overflows: A
       }], !A.every((L) => L <= 0)) {
         var B, O;
-        const L = (((B = a.flip) == null ? void 0 : B.index) || 0) + 1, T = S[L];
+        const L = (((B = a.flip) == null ? void 0 : B.index) || 0) + 1, T = k[L];
         if (T && (!(f === "alignment" ? y !== Ke(T) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         I.every((M) => Ke(M.placement) === y ? M.overflows[0] > 0 : !0)))
@@ -6020,15 +6020,15 @@ const ph = function(e) {
       let b, x;
       f === "top" || f === "bottom" ? (b = f, x = h === (await (s.isRTL == null ? void 0 : s.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (x = f, b = h === "end" ? "top" : "bottom");
       const y = v - u.top - u.bottom, N = g - u.left - u.right, C = pt(v - u[b], y), j = pt(g - u[x], N), _ = !t.middlewareData.shift;
-      let S = C, F = j;
-      if ((r = t.middlewareData.shift) != null && r.enabled.x && (F = N), (n = t.middlewareData.shift) != null && n.enabled.y && (S = y), _ && !h) {
+      let k = C, F = j;
+      if ((r = t.middlewareData.shift) != null && r.enabled.x && (F = N), (n = t.middlewareData.shift) != null && n.enabled.y && (k = y), _ && !h) {
         const I = Pe(u.left, 0), B = Pe(u.right, 0), O = Pe(u.top, 0), $ = Pe(u.bottom, 0);
-        p ? F = g - 2 * (I !== 0 || B !== 0 ? I + B : Pe(u.left, u.right)) : S = v - 2 * (O !== 0 || $ !== 0 ? O + $ : Pe(u.top, u.bottom));
+        p ? F = g - 2 * (I !== 0 || B !== 0 ? I + B : Pe(u.left, u.right)) : k = v - 2 * (O !== 0 || $ !== 0 ? O + $ : Pe(u.top, u.bottom));
       }
       await c({
         ...t,
         availableWidth: F,
-        availableHeight: S
+        availableHeight: k
       });
       const A = await s.getDimensions(i.floating);
       return g !== A.width || v !== A.height ? {
@@ -6467,15 +6467,15 @@ function Hh(e, t) {
     };
     let C = !0;
     function j(_) {
-      const S = _[0].intersectionRatio;
-      if (S !== c) {
+      const k = _[0].intersectionRatio;
+      if (k !== c) {
         if (!C)
           return s();
-        S ? s(!1, S) : n = setTimeout(() => {
+        k ? s(!1, k) : n = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      S === 1 && !al(d, e.getBoundingClientRect()) && s(), C = !1;
+      k === 1 && !al(d, e.getBoundingClientRect()) && s(), C = !1;
     }
     try {
       r = new IntersectionObserver(j, {
@@ -6610,16 +6610,16 @@ function em(e) {
   const [g, v] = m.useState(null), [b, x] = m.useState(null), y = m.useCallback((M) => {
     M !== _.current && (_.current = M, v(M));
   }, []), N = m.useCallback((M) => {
-    M !== S.current && (S.current = M, x(M));
-  }, []), C = a || g, j = s || b, _ = m.useRef(null), S = m.useRef(null), F = m.useRef(u), A = c != null, I = $n(c), B = $n(o), O = $n(d), $ = m.useCallback(() => {
-    if (!_.current || !S.current)
+    M !== k.current && (k.current = M, x(M));
+  }, []), C = a || g, j = s || b, _ = m.useRef(null), k = m.useRef(null), F = m.useRef(u), A = c != null, I = $n(c), B = $n(o), O = $n(d), $ = m.useCallback(() => {
+    if (!_.current || !k.current)
       return;
     const M = {
       placement: t,
       strategy: r,
       middleware: h
     };
-    B.current && (M.platform = B.current), Qh(_.current, S.current, M).then((G) => {
+    B.current && (M.platform = B.current), Qh(_.current, k.current, M).then((G) => {
       const de = {
         ...G,
         // The floating element's position may be recomputed while it's closed
@@ -6643,7 +6643,7 @@ function em(e) {
   Yr(() => (L.current = !0, () => {
     L.current = !1;
   }), []), Yr(() => {
-    if (C && (_.current = C), j && (S.current = j), C && j) {
+    if (C && (_.current = C), j && (k.current = j), C && j) {
       if (I.current)
         return I.current(C, j, $);
       $();
@@ -6651,7 +6651,7 @@ function em(e) {
   }, [C, j, $, I, A]);
   const T = m.useMemo(() => ({
     reference: _,
-    floating: S,
+    floating: k,
     setReference: y,
     setFloating: N
   }), [y, N]), U = m.useMemo(() => ({
@@ -6801,7 +6801,7 @@ var Zo = "PopperContent", [hm, mm] = ll(Zo), ml = m.forwardRef(
       updatePositionStrategy: p = "optimized",
       onPlaced: g,
       ...v
-    } = e, b = dl(Zo, r), [x, y] = m.useState(null), N = ve(t, (xt) => y(xt)), [C, j] = m.useState(null), _ = um(C), S = (_ == null ? void 0 : _.width) ?? 0, F = (_ == null ? void 0 : _.height) ?? 0, A = n + (a !== "center" ? "-" + a : ""), I = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, B = Array.isArray(d) ? d : [d], O = B.length > 0, $ = {
+    } = e, b = dl(Zo, r), [x, y] = m.useState(null), N = ve(t, (xt) => y(xt)), [C, j] = m.useState(null), _ = um(C), k = (_ == null ? void 0 : _.width) ?? 0, F = (_ == null ? void 0 : _.height) ?? 0, A = n + (a !== "center" ? "-" + a : ""), I = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, B = Array.isArray(d) ? d : [d], O = B.length > 0, $ = {
       padding: I,
       boundary: B.filter(vm),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -6833,7 +6833,7 @@ var Zo = "PopperContent", [hm, mm] = ll(Zo), ml = m.forwardRef(
           }
         }),
         C && lm({ element: C, padding: i }),
-        gm({ arrowWidth: S, arrowHeight: F }),
+        gm({ arrowWidth: k, arrowHeight: F }),
         h && im({ strategy: "referenceHidden", ...$ })
       ]
     }), [G, de] = gl(U), le = _e(g);
@@ -7171,12 +7171,12 @@ var Cl = Dm(), Hn = function() {
     onScrollCapture: Hn,
     onWheelCapture: Hn,
     onTouchMoveCapture: Hn
-  }), o = n[0], a = n[1], s = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, u = e.enabled, f = e.shards, h = e.sideCar, p = e.noRelative, g = e.noIsolation, v = e.inert, b = e.allowPinchZoom, x = e.as, y = x === void 0 ? "div" : x, N = e.gapMode, C = wl(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), j = h, _ = Pm([r, t]), S = qe(qe({}, C), o);
+  }), o = n[0], a = n[1], s = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, u = e.enabled, f = e.shards, h = e.sideCar, p = e.noRelative, g = e.noIsolation, v = e.inert, b = e.allowPinchZoom, x = e.as, y = x === void 0 ? "div" : x, N = e.gapMode, C = wl(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), j = h, _ = Pm([r, t]), k = qe(qe({}, C), o);
   return m.createElement(
     m.Fragment,
     null,
     u && m.createElement(j, { sideCar: Cl, removeScrollBar: d, shards: f, noRelative: p, noIsolation: g, inert: v, setCallbacks: a, allowPinchZoom: !!b, lockRef: r, gapMode: N }),
-    s ? m.cloneElement(m.Children.only(i), qe(qe({}, S), { ref: _ })) : m.createElement(y, qe({}, S, { className: c, ref: _ }), i)
+    s ? m.cloneElement(m.Children.only(i), qe(qe({}, k), { ref: _ })) : m.createElement(y, qe({}, k, { className: c, ref: _ }), i)
   );
 });
 yn.defaultProps = {
@@ -7422,16 +7422,16 @@ function op(e) {
   var i = m.useCallback(function(v, b) {
     if ("touches" in v && v.touches.length === 2 || v.type === "wheel" && v.ctrlKey)
       return !s.current.allowPinchZoom;
-    var x = $r(v), y = r.current, N = "deltaX" in v ? v.deltaX : y[0] - x[0], C = "deltaY" in v ? v.deltaY : y[1] - x[1], j, _ = v.target, S = Math.abs(N) > Math.abs(C) ? "h" : "v";
-    if ("touches" in v && S === "h" && _.type === "range")
+    var x = $r(v), y = r.current, N = "deltaX" in v ? v.deltaX : y[0] - x[0], C = "deltaY" in v ? v.deltaY : y[1] - x[1], j, _ = v.target, k = Math.abs(N) > Math.abs(C) ? "h" : "v";
+    if ("touches" in v && k === "h" && _.type === "range")
       return !1;
     var F = window.getSelection(), A = F && F.anchorNode, I = A ? A === _ || A.contains(_) : !1;
     if (I)
       return !1;
-    var B = hs(S, _);
+    var B = hs(k, _);
     if (!B)
       return !0;
-    if (B ? j = S : (j = S === "v" ? "h" : "v", B = hs(S, _)), !B)
+    if (B ? j = k : (j = k === "v" ? "h" : "v", B = hs(k, _)), !B)
       return !1;
     if (!n.current && "changedTouches" in v && (N || C) && (n.current = j), !j)
       return !0;
@@ -7716,7 +7716,7 @@ const Jt = Wl, er = Fl, Rt = m.forwardRef(({ className: e, align: t = "center",
       ref: a,
       align: t,
       sideOffset: r,
-      className: k(
+      className: S(
         "z-[100] w-72 rounded-md border border-border_primary bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         e
       ),
@@ -7945,7 +7945,7 @@ Dp.displayName = Jl;
 function aa(e) {
   return e ? "open" : "closed";
 }
-var ec = "DialogTitleWarning", [hx, tc] = $u(ec, {
+var ec = "DialogTitleWarning", [mx, tc] = $u(ec, {
   contentName: St,
   titleName: oa,
   docsSlug: "dialog"
@@ -7973,12 +7973,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   kt(() => {
     if (u !== void 0) {
       let P = u.trim();
-      r.current.value = P, S.emit();
+      r.current.value = P, k.emit();
     }
   }, [u]), kt(() => {
     _(6, $);
   }, []);
-  let S = m.useMemo(() => ({ subscribe: (P) => (s.current.add(P), () => s.current.delete(P)), snapshot: () => r.current, setState: (P, H, X) => {
+  let k = m.useMemo(() => ({ subscribe: (P) => (s.current.add(P), () => s.current.delete(P)), snapshot: () => r.current, setState: (P, H, X) => {
     var W, Z, J, me;
     if (!Object.is(r.current[P], H)) {
       if (r.current[P] = H, P === "search") O(), I(), _(1, B);
@@ -7989,29 +7989,29 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
         }
         if (_(7, () => {
           var ue;
-          r.current.selectedItemId = (ue = L()) == null ? void 0 : ue.id, S.emit();
+          r.current.selectedItemId = (ue = L()) == null ? void 0 : ue.id, k.emit();
         }), X || _(5, $), ((Z = i.current) == null ? void 0 : Z.value) !== void 0) {
           let ue = H ?? "";
           (me = (J = i.current).onValueChange) == null || me.call(J, ue);
           return;
         }
       }
-      S.emit();
+      k.emit();
     }
   }, emit: () => {
     s.current.forEach((P) => P());
   } }), []), F = m.useMemo(() => ({ value: (P, H, X) => {
     var W;
     H !== ((W = a.current.get(P)) == null ? void 0 : W.value) && (a.current.set(P, { value: H, keywords: X }), r.current.filtered.items.set(P, A(H, X)), _(2, () => {
-      I(), S.emit();
+      I(), k.emit();
     }));
   }, item: (P, H) => (n.current.add(P), H && (o.current.has(H) ? o.current.get(H).add(P) : o.current.set(H, /* @__PURE__ */ new Set([P]))), _(3, () => {
-    O(), I(), r.current.value || B(), S.emit();
+    O(), I(), r.current.value || B(), k.emit();
   }), () => {
     a.current.delete(P), n.current.delete(P), r.current.filtered.items.delete(P);
     let X = L();
     _(4, () => {
-      O(), (X == null ? void 0 : X.getAttribute("id")) === P && B(), S.emit();
+      O(), (X == null ? void 0 : X.getAttribute("id")) === P && B(), k.emit();
     });
   }), group: (P) => (o.current.has(P) || o.current.set(P, /* @__PURE__ */ new Set()), () => {
     a.current.delete(P), o.current.delete(P);
@@ -8047,7 +8047,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   }
   function B() {
     let P = T().find((X) => X.getAttribute("aria-disabled") !== "true"), H = P == null ? void 0 : P.getAttribute(Ft);
-    S.setState("value", H || void 0);
+    k.setState("value", H || void 0);
   }
   function O() {
     var P, H, X, W;
@@ -8082,17 +8082,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   }
   function U(P) {
     let H = T()[P];
-    H && S.setState("value", H.getAttribute(Ft));
+    H && k.setState("value", H.getAttribute(Ft));
   }
   function R(P) {
     var H;
     let X = L(), W = T(), Z = W.findIndex((me) => me === X), J = W[Z + P];
-    (H = i.current) != null && H.loop && (J = Z + P < 0 ? W[W.length - 1] : Z + P === W.length ? W[0] : W[Z + P]), J && S.setState("value", J.getAttribute(Ft));
+    (H = i.current) != null && H.loop && (J = Z + P < 0 ? W[W.length - 1] : Z + P === W.length ? W[0] : W[Z + P]), J && k.setState("value", J.getAttribute(Ft));
   }
   function M(P) {
     let H = L(), X = H == null ? void 0 : H.closest(ir), W;
     for (; X && !W; ) X = P > 0 ? Xp(X, ir) : Kp(X, ir), W = X == null ? void 0 : X.querySelector(bs);
-    W ? S.setState("value", W.getAttribute(Ft)) : R(P);
+    W ? k.setState("value", W.getAttribute(Ft)) : R(P);
   }
   let G = () => U(T().length - 1), de = (P) => {
     P.preventDefault(), P.metaKey ? G() : P.altKey ? M(1) : R(1);
@@ -8139,7 +8139,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
         }
       }
     }
-  } }, m.createElement("label", { "cmdk-label": "", htmlFor: F.inputId, id: F.labelId, style: Jp }, c), Cn(e, (P) => m.createElement(lc.Provider, { value: S }, m.createElement(ic.Provider, { value: F }, P))));
+  } }, m.createElement("label", { "cmdk-label": "", htmlFor: F.inputId, id: F.labelId, style: Jp }, c), Cn(e, (P) => m.createElement(lc.Provider, { value: k }, m.createElement(ic.Provider, { value: F }, P))));
 }), Bp = m.forwardRef((e, t) => {
   var r, n;
   let o = Ie(), a = m.useRef(null), s = m.useContext(cc), i = Nr(), c = uc(e), d = (n = (r = c.current) == null ? void 0 : r.forceMount) != null ? n : s == null ? void 0 : s.forceMount;
@@ -8152,8 +8152,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     if (!(!_ || e.disabled)) return _.addEventListener(go, g), () => _.removeEventListener(go, g);
   }, [p, e.onSelect, e.disabled]);
   function g() {
-    var _, S;
-    v(), (S = (_ = c.current).onSelect) == null || S.call(_, u.current);
+    var _, k;
+    v(), (k = (_ = c.current).onSelect) == null || k.call(_, u.current);
   }
   function v() {
     f.setState("value", u.current, !0);
@@ -8261,7 +8261,7 @@ const Cr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Ee,
   {
     ref: r,
-    className: k(
+    className: S(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       e
     ),
@@ -8275,7 +8275,7 @@ const jr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsxs("d
     Ee.Input,
     {
       ref: r,
-      className: k(
+      className: S(
         "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
@@ -8288,7 +8288,7 @@ const jn = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Ee.List,
   {
     ref: r,
-    className: k("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    className: S("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
     ...t
   }
 ));
@@ -8306,7 +8306,7 @@ const kr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Ee.Group,
   {
     ref: r,
-    className: k(
+    className: S(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       e
     ),
@@ -8318,7 +8318,7 @@ const ev = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Ee.Separator,
   {
     ref: r,
-    className: k("-mx-1 h-px bg-border", e),
+    className: S("-mx-1 h-px bg-border", e),
     ...t
   }
 ));
@@ -8327,7 +8327,7 @@ const Gt = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Ee.Item,
   {
     ref: r,
-    className: k(
+    className: S(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground",
       e
     ),
@@ -8341,7 +8341,7 @@ const tv = ({
 }) => /* @__PURE__ */ l.jsx(
   "span",
   {
-    className: k(
+    className: S(
       "ml-auto text-xs tracking-widest text-muted-foreground",
       e
     ),
@@ -8349,7 +8349,7 @@ const tv = ({
   }
 );
 tv.displayName = "MriCommandShortcut";
-function mx({
+function px({
   options: e,
   value: t,
   onChange: r,
@@ -8372,7 +8372,7 @@ function mx({
           size: i === "sm" ? "sm" : "icon",
           disabled: s,
           "aria-expanded": f,
-          className: k(
+          className: S(
             "aspect-square p-0 border rounded-md bg-background/50 backdrop-blur-sm hover:bg-accent/50 text-muted-foreground hover:text-foreground transition-all duration-300 shadow-sm",
             c ? "border-destructive text-destructive" : "border-input",
             i === "default" && "!h-[42px] !w-[42px]",
@@ -8405,7 +8405,7 @@ function mx({
                 /* @__PURE__ */ l.jsx(
                   br,
                   {
-                    className: k(
+                    className: S(
                       "mr-2 h-4 w-4 text-primary",
                       String(t) === String(p.value) ? "opacity-100" : "opacity-0"
                     )
@@ -8446,7 +8446,7 @@ function ia({
     /* @__PURE__ */ l.jsx(
       oc,
       {
-        className: k(
+        className: S(
           "fixed inset-0 z-50 transition-all duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           !o && "bg-background/80",
           !n && "backdrop-blur-sm"
@@ -8465,7 +8465,7 @@ function ia({
         onInteractOutside: (s) => {
           s.target instanceof Element && s.target.closest("[data-radix-popper-content-wrapper]") && s.preventDefault();
         },
-        className: k(
+        className: S(
           "fixed left-[50%] top-[50%] z-50 grid w-full max-w-sm translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-card p-6 shadow-2xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl outline-none",
           r
         ),
@@ -8478,7 +8478,7 @@ function ia({
     )
   ] }) });
 }
-function px({ title: e, children: t, onClose: r, className: n }) {
+function vx({ title: e, children: t, onClose: r, className: n }) {
   return /* @__PURE__ */ l.jsxs(ia, { onClose: r, className: n, children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
       /* @__PURE__ */ l.jsx("h3", { className: "text-xl font-bold tracking-tight text-foreground", children: e }),
@@ -8516,7 +8516,7 @@ function rv({
           isLoading: c,
           "aria-expanded": v,
           size: f,
-          className: k(
+          className: S(
             "w-full justify-between bg-background border-border hover:bg-muted hover:text-foreground text-foreground",
             d && "border-destructive focus:ring-destructive",
             s
@@ -8576,7 +8576,7 @@ function rv({
                   /* @__PURE__ */ l.jsx(
                     br,
                     {
-                      className: k(
+                      className: S(
                         "mr-2 h-4 w-4 text-primary",
                         String(t) === String(j.value) ? "opacity-100" : "opacity-0"
                       )
@@ -8637,7 +8637,7 @@ function nv({
           disabled: i || c,
           isLoading: c,
           "aria-expanded": h,
-          className: k(
+          className: S(
             "w-full justify-between bg-background border-border hover:bg-muted hover:text-foreground text-foreground min-h-[40px] h-auto py-2",
             d && "border-destructive focus:ring-destructive",
             s
@@ -8695,11 +8695,11 @@ function nv({
               onSelect: () => g(b.value),
               className: "aria-selected:bg-primary/10 aria-selected:text-primary rounded-lg cursor-pointer flex items-center justify-between py-2.5 px-3 transition-all active:scale-[0.98]",
               children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ l.jsx("div", { className: k(
+                /* @__PURE__ */ l.jsx("div", { className: S(
                   "w-4 h-4 rounded border flex items-center justify-center transition-all duration-200",
                   t.includes(b.value) ? "bg-primary border-primary" : "border-border bg-background"
                 ), children: t.includes(b.value) && /* @__PURE__ */ l.jsx(br, { className: "h-3 w-3 text-primary-foreground stroke-[3px]" }) }),
-                /* @__PURE__ */ l.jsx("span", { className: k("text-sm font-medium", t.includes(b.value) ? "text-primary" : "text-foreground"), children: b.label })
+                /* @__PURE__ */ l.jsx("span", { className: S("text-sm font-medium", t.includes(b.value) ? "text-primary" : "text-foreground"), children: b.label })
               ] })
             },
             b.value
@@ -8709,7 +8709,7 @@ function nv({
     ] }) })
   ] });
 }
-function vx(e) {
+function gx(e) {
   return e.multiple === !0 ? /* @__PURE__ */ l.jsx(nv, { ...e }) : /* @__PURE__ */ l.jsx(rv, { ...e });
 }
 var ov = (e, t, r, n, o, a, s, i) => {
@@ -8741,7 +8741,7 @@ m.memo(({ forcedTheme: e, storageKey: t, attribute: r, enableSystem: n, enableCo
   let u = JSON.stringify([r, t, a, e, i, s, n, o]).slice(1, -1);
   return m.createElement("script", { ...d, suppressHydrationWarning: !0, nonce: typeof window > "u" ? c : "", dangerouslySetInnerHTML: { __html: `(${ov.toString()})(${u})` } });
 });
-const gx = ({ themeLabel: e = "Tema", themeIconLabel: t = "Alterar tema", lightLabel: r = "Claro", darkLabel: n = "Escuro", systemLabel: o = "Sistema" }) => {
+const bx = ({ themeLabel: e = "Tema", themeIconLabel: t = "Alterar tema", lightLabel: r = "Claro", darkLabel: n = "Escuro", systemLabel: o = "Sistema" }) => {
   const { theme: a, setTheme: s } = iv(), [i, c] = fe(!1), d = Le(null);
   we(() => {
     const f = (h) => {
@@ -8758,7 +8758,7 @@ const gx = ({ themeLabel: e = "Tema", themeIconLabel: t = "Alterar tema", lightL
     "div",
     {
       ref: d,
-      className: k(
+      className: S(
         "flex items-center gap-1 p-1 border border-input rounded-md bg-background/50 backdrop-blur-sm transition-all duration-300 ease-in-out overflow-hidden shadow-sm",
         i ? "w-[114px] bg-background" : "w-[42px] cursor-pointer hover:bg-accent/50"
       ),
@@ -8773,7 +8773,7 @@ const gx = ({ themeLabel: e = "Tema", themeIconLabel: t = "Alterar tema", lightL
           {
             variant: "ghost",
             size: "icon",
-            className: k(
+            className: S(
               "h-8 w-8 rounded-md transition-all duration-300 shrink-0",
               h ? "bg-primary/10 text-primary hover:bg-primary/20" : "text-muted-foreground hover:text-foreground"
             ),
@@ -8789,7 +8789,54 @@ const gx = ({ themeLabel: e = "Tema", themeIconLabel: t = "Alterar tema", lightL
       })
     }
   );
-}, lv = Array.from({ length: 24 }, (e, t) => t), cv = Array.from({ length: 60 }, (e, t) => t), Gn = (e) => {
+};
+function xx({
+  items: e,
+  activeRoute: t,
+  onNavigate: r,
+  rightContent: n,
+  className: o
+}) {
+  return /* @__PURE__ */ l.jsxs(
+    "div",
+    {
+      className: S(
+        "flex items-center border-b border-border",
+        o
+      ),
+      children: [
+        /* @__PURE__ */ l.jsx("div", { className: "flex-1 flex items-center gap-1 overflow-x-auto no-scrollbar", children: e.map((a) => {
+          const s = a.icon, i = t === a.route;
+          return /* @__PURE__ */ l.jsxs(
+            "button",
+            {
+              type: "button",
+              disabled: a.disabled,
+              onClick: () => {
+                a.disabled || r && r(a.route);
+              },
+              className: S(
+                "group relative flex items-center gap-2 h-10 px-4 text-sm font-medium transition-colors",
+                // border-b-2 reservado pra todos (evita layout shift); transparent quando inativo
+                "border-b-2 border-transparent -mb-px",
+                a.disabled && "opacity-40 cursor-not-allowed",
+                !a.disabled && (i ? "text-primary border-primary" : "text-muted-foreground hover:text-foreground hover:bg-muted/50")
+              ),
+              children: [
+                s && /* @__PURE__ */ l.jsx(s, { className: "w-4 h-4 shrink-0" }),
+                /* @__PURE__ */ l.jsx("span", { children: a.label }),
+                a.badge !== void 0 && /* @__PURE__ */ l.jsx("span", { className: "ml-1", children: a.badge })
+              ]
+            },
+            a.route
+          );
+        }) }),
+        n && /* @__PURE__ */ l.jsx("div", { className: "flex items-center gap-2 shrink-0 px-2", children: n })
+      ]
+    }
+  );
+}
+const lv = Array.from({ length: 24 }, (e, t) => t), cv = Array.from({ length: 60 }, (e, t) => t), Gn = (e) => {
   if (!e)
     return [0, 0];
   const t = e.split(":");
@@ -8798,7 +8845,7 @@ const gx = ({ themeLabel: e = "Tema", themeIconLabel: t = "Alterar tema", lightL
   const [r, n] = t, o = Number(r), a = Number(n);
   return !Number.isFinite(o) || !Number.isFinite(a) || o < 0 || o > 23 || a < 0 || a > 59 ? [0, 0] : [o, a];
 };
-function bx({ value: e, onChange: t, disabled: r, hourLabel: n = "Hora", minuteLabel: o = "Minuto", size: a = "default", error: s, minTime: i, maxTime: c }) {
+function yx({ value: e, onChange: t, disabled: r, hourLabel: n = "Hora", minuteLabel: o = "Minuto", size: a = "default", error: s, minTime: i, maxTime: c }) {
   const [d, u] = m.useState(!1), [f, h] = Gn(e), [p, g] = Gn(i), [v, b] = c ? Gn(c) : [23, 59], x = lv.map((C) => ({
     value: C,
     disabled: C < p || C > v
@@ -8806,9 +8853,9 @@ function bx({ value: e, onChange: t, disabled: r, hourLabel: n = "Hora", minuteL
     let j = !1;
     return f === p && C < g && (j = !0), f === v && C > b && (j = !0), { value: C, disabled: j };
   }), N = (C, j) => {
-    let _ = f, S = h;
-    C === "hour" && (_ = j, _ === p && S < g && (S = g), _ === v && S > b && (S = b)), C === "minute" && (S = j);
-    const F = _.toString().padStart(2, "0"), A = S.toString().padStart(2, "0");
+    let _ = f, k = h;
+    C === "hour" && (_ = j, _ === p && k < g && (k = g), _ === v && k > b && (k = b)), C === "minute" && (k = j);
+    const F = _.toString().padStart(2, "0"), A = k.toString().padStart(2, "0");
     t(`${F}:${A}`);
   };
   return /* @__PURE__ */ l.jsxs(Jt, { open: d, onOpenChange: u, children: [
@@ -8818,7 +8865,7 @@ function bx({ value: e, onChange: t, disabled: r, hourLabel: n = "Hora", minuteL
         {
           variant: "outline",
           size: a,
-          className: k(
+          className: S(
             "w-full min-w-[120px] justify-start pl-3 text-left font-normal",
             !e && "text-muted-foreground",
             s && "border-destructive focus:ring-destructive"
@@ -8841,7 +8888,7 @@ function bx({ value: e, onChange: t, disabled: r, hourLabel: n = "Hora", minuteL
             variant: "ghost",
             size: "sm",
             disabled: j,
-            className: k(
+            className: S(
               "w-full justify-center text-sm font-normal",
               f === C ? "bg-primary text-primary-foreground hover:bg-primary/90" : "text-muted-foreground hover:text-foreground"
             ),
@@ -8859,7 +8906,7 @@ function bx({ value: e, onChange: t, disabled: r, hourLabel: n = "Hora", minuteL
             variant: "ghost",
             size: "sm",
             disabled: j,
-            className: k(
+            className: S(
               "w-full justify-center text-sm font-normal",
               h === C ? "bg-primary text-primary-foreground hover:bg-primary/90" : "text-muted-foreground hover:text-foreground"
             ),
@@ -8872,7 +8919,7 @@ function bx({ value: e, onChange: t, disabled: r, hourLabel: n = "Hora", minuteL
     ] }) })
   ] });
 }
-function xx({
+function wx({
   text: e,
   className: t,
   iconSize: r = 4,
@@ -8886,14 +8933,14 @@ function xx({
     {
       size: "sm",
       variant: n,
-      className: k("p-0 text-muted-foreground hover:text-foreground", t),
+      className: S("p-0 text-muted-foreground hover:text-foreground", t),
       onClick: o,
       title: "Copy to clipboard",
-      children: /* @__PURE__ */ l.jsx(bu, { className: k(`w-${r} h-${r}`) })
+      children: /* @__PURE__ */ l.jsx(bu, { className: S(`w-${r} h-${r}`) })
     }
   );
 }
-function yx({
+function Nx({
   label: e,
   amount: t,
   amountColorClass: r = "text-foreground",
@@ -8907,7 +8954,7 @@ function yx({
   return /* @__PURE__ */ l.jsxs("div", { className: "bg-card border border-border p-4 rounded-lg flex items-center justify-between", children: [
     /* @__PURE__ */ l.jsxs("div", { children: [
       /* @__PURE__ */ l.jsx("div", { className: "text-xs text-muted-foreground font-bold uppercase", children: e }),
-      /* @__PURE__ */ l.jsx("div", { className: k("text-xl font-bold font-mono", r), children: c ? t : "••••••" })
+      /* @__PURE__ */ l.jsx("div", { className: S("text-xl font-bold font-mono", r), children: c ? t : "••••••" })
     ] }),
     /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col items-end gap-1", children: [
       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1", children: [
@@ -8947,7 +8994,7 @@ function yx({
     ] })
   ] });
 }
-const wx = ({
+const Cx = ({
   id: e = "",
   label: t,
   icon: r = Eu,
@@ -8964,7 +9011,7 @@ const wx = ({
   return /* @__PURE__ */ l.jsxs(
     "div",
     {
-      className: k(
+      className: S(
         "group relative bg-card border border-border rounded-xl transition-all overflow-hidden",
         p ? d ? "border-primary/50 ring-1 ring-primary/20" : "hover:border-primary/50 hover:bg-muted" : "hover:border-primary/50 hover:bg-muted cursor-pointer p-4 flex flex-col justify-between min-h-[100px]",
         o && "opacity-50 pointer-events-none",
@@ -8975,7 +9022,7 @@ const wx = ({
         /* @__PURE__ */ l.jsxs(
           "div",
           {
-            className: k(
+            className: S(
               "flex flex-col gap-2 relative",
               p ? "w-full p-4 cursor-pointer min-h-[100px]" : "h-full"
             ),
@@ -8985,7 +9032,7 @@ const wx = ({
                 /* @__PURE__ */ l.jsx(
                   "div",
                   {
-                    className: k(
+                    className: S(
                       "p-2 rounded-lg border border-border transition-colors",
                       p ? d ? "bg-muted border-primary/50 text-foreground" : "bg-muted/50 text-muted-foreground group-hover:border-primary/30 group-hover:text-primary" : "bg-muted text-muted-foreground group-hover:text-primary group-hover:border-primary/20"
                     ),
@@ -9005,7 +9052,7 @@ const wx = ({
                       children: /* @__PURE__ */ l.jsx(
                         ku,
                         {
-                          className: k(
+                          className: S(
                             "h-4 w-4",
                             n && "fill-yellow-400 text-yellow-400"
                           )
@@ -9016,7 +9063,7 @@ const wx = ({
                   p && /* @__PURE__ */ l.jsx("div", { className: "text-muted-foreground", children: d ? /* @__PURE__ */ l.jsx(li, { className: "h-5 w-5" }) : /* @__PURE__ */ l.jsx(cr, { className: "h-5 w-5" }) })
                 ] })
               ] }),
-              /* @__PURE__ */ l.jsx("span", { className: k(
+              /* @__PURE__ */ l.jsx("span", { className: S(
                 "font-bold transition-colors",
                 p ? "text-card-foreground mt-auto" : "text-foreground/90 group-hover:text-foreground mt-auto"
               ), children: t }),
@@ -9028,7 +9075,7 @@ const wx = ({
         p && d && /* @__PURE__ */ l.jsx("div", { className: "p-4 space-y-4 bg-muted/30", children: c.map((v, b) => {
           if (v.option === "text")
             return /* @__PURE__ */ l.jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ l.jsx("label", { className: k("text-xs font-medium text-muted-foreground ml-1", v.disabled && "opacity-40"), children: v.label }),
+              /* @__PURE__ */ l.jsx("label", { className: S("text-xs font-medium text-muted-foreground ml-1", v.disabled && "opacity-40"), children: v.label }),
               /* @__PURE__ */ l.jsx(
                 Oo,
                 {
@@ -9045,7 +9092,7 @@ const wx = ({
           if (v.option === "dropdown") {
             const x = v.id;
             return /* @__PURE__ */ l.jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ l.jsx("label", { className: k("text-xs font-medium text-muted-foreground ml-1", v.disabled && "opacity-40"), children: v.label }),
+              /* @__PURE__ */ l.jsx("label", { className: S("text-xs font-medium text-muted-foreground ml-1", v.disabled && "opacity-40"), children: v.label }),
               /* @__PURE__ */ l.jsxs(
                 Jt,
                 {
@@ -9088,7 +9135,7 @@ const wx = ({
                             /* @__PURE__ */ l.jsx(
                               br,
                               {
-                                className: k(
+                                className: S(
                                   "mr-2 h-4 w-4 text-green-500",
                                   v.selectedValue === y.value ? "opacity-100" : "opacity-0"
                                 )
@@ -9124,7 +9171,7 @@ const wx = ({
       ]
     }
   );
-}, Nx = ({
+}, jx = ({
   title: e,
   icon: t,
   variant: r = "default",
@@ -9147,13 +9194,13 @@ const wx = ({
     ia,
     {
       onClose: n,
-      className: k("w-full", c),
+      className: S("w-full", c),
       hideBlur: d,
       hideOverlay: u,
       children: [
         /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-center mb-6", children: [
           /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ l.jsx("div", { className: k("p-2 rounded-lg", h[r]), children: /* @__PURE__ */ l.jsx(t, { className: "w-5 h-5" }) }),
+            /* @__PURE__ */ l.jsx("div", { className: S("p-2 rounded-lg", h[r]), children: /* @__PURE__ */ l.jsx(t, { className: "w-5 h-5" }) }),
             /* @__PURE__ */ l.jsx("p", { className: "font-bold text-lg text-foreground", children: e })
           ] }),
           /* @__PURE__ */ l.jsx(
@@ -9171,7 +9218,7 @@ const wx = ({
           o && /* @__PURE__ */ l.jsx(
             te,
             {
-              className: k(
+              className: S(
                 "flex-1",
                 r === "destructive" && "bg-destructive hover:bg-destructive/90 text-destructive-foreground"
               ),
@@ -9186,7 +9233,7 @@ const wx = ({
     }
   );
 };
-function Cx({
+function Sx({
   icon: e,
   label: t,
   onClick: r,
@@ -9199,7 +9246,7 @@ function Cx({
     {
       type: "button",
       variant: "secondary",
-      className: k(
+      className: S(
         "h-12 flex items-center justify-start gap-3 px-4 bg-card hover:bg-muted border border-border text-foreground hover:text-foreground transition-all min-w-0 w-full",
         n === "destructive" && "text-red-400 hover:text-red-300 hover:bg-red-900/20 hover:border-red-900/50",
         n === "warning" && "text-yellow-400 hover:text-yellow-300 hover:bg-yellow-900/20 hover:border-yellow-900/50",
@@ -9215,7 +9262,7 @@ function Cx({
     }
   );
 }
-function jx({
+function kx({
   value: e,
   onChange: t,
   placeholder: r,
@@ -9224,8 +9271,8 @@ function jx({
   size: a = "default",
   error: s
 }) {
-  return /* @__PURE__ */ l.jsxs("div", { className: k("relative", o, n), children: [
-    /* @__PURE__ */ l.jsx(Ro, { className: k("absolute left-3 top-2.5 w-4 h-4 text-muted-foreground pointer-events-none z-10", a === "sm" && "top-2") }),
+  return /* @__PURE__ */ l.jsxs("div", { className: S("relative", o, n), children: [
+    /* @__PURE__ */ l.jsx(Ro, { className: S("absolute left-3 top-2.5 w-4 h-4 text-muted-foreground pointer-events-none z-10", a === "sm" && "top-2") }),
     /* @__PURE__ */ l.jsx(
       Oo,
       {
@@ -9234,13 +9281,13 @@ function jx({
         onChange: (i) => t(i.target.value),
         size: a,
         error: s,
-        className: k("pl-9 bg-card border-border focus:border-primary/50 w-full transition-colors", a === "default" && "h-10")
+        className: S("pl-9 bg-card border-border focus:border-primary/50 w-full transition-colors", a === "default" && "h-10")
       }
     )
   ] });
 }
-function Sx({ icon: e, title: t, className: r }) {
-  return /* @__PURE__ */ l.jsxs("h3", { className: k("text-muted-foreground text-xs font-bold uppercase tracking-widest mb-3 flex items-center gap-2", r), children: [
+function _x({ icon: e, title: t, className: r }) {
+  return /* @__PURE__ */ l.jsxs("h3", { className: S("text-muted-foreground text-xs font-bold uppercase tracking-widest mb-3 flex items-center gap-2", r), children: [
     /* @__PURE__ */ l.jsx(e, { className: "w-3.5 h-3.5" }),
     " ",
     t
@@ -11678,7 +11725,7 @@ function o0(e, t) {
   }, _ = function(R) {
     var M;
     (M = r.onDayMouseEnter) === null || M === void 0 || M.call(r, e, t, R);
-  }, S = function(R) {
+  }, k = function(R) {
     var M;
     (M = r.onDayMouseLeave) === null || M === void 0 || M.call(r, e, t, R);
   }, F = function(R) {
@@ -11738,7 +11785,7 @@ function o0(e, t) {
     onKeyDown: T,
     onKeyUp: L,
     onMouseEnter: _,
-    onMouseLeave: S,
+    onMouseLeave: k,
     onPointerEnter: F,
     onPointerLeave: A,
     onTouchCancel: I,
@@ -11948,7 +11995,7 @@ function Oc({
           variant: "ghost",
           size: "sm",
           disabled: y,
-          className: k(
+          className: S(
             "h-9 font-normal justify-center",
             x && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground"
           ),
@@ -11971,7 +12018,7 @@ function Oc({
           variant: "ghost",
           size: "sm",
           disabled: y,
-          className: k(
+          className: S(
             "h-9 font-normal justify-center",
             x && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground"
           ),
@@ -11997,7 +12044,7 @@ function Oc({
       }
     )
   };
-  return o === "months" ? /* @__PURE__ */ l.jsxs("div", { className: k("p-3", e), children: [
+  return o === "months" ? /* @__PURE__ */ l.jsxs("div", { className: S("p-3", e), children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-center mb-4 px-1", children: [
       /* @__PURE__ */ l.jsx(f.CaptionLabel, {}),
       /* @__PURE__ */ l.jsxs("div", { className: "flex gap-1", children: [
@@ -12024,7 +12071,7 @@ function Oc({
       ] })
     ] }),
     d()
-  ] }) : o === "years" ? /* @__PURE__ */ l.jsxs("div", { className: k("p-3", e), children: [
+  ] }) : o === "years" ? /* @__PURE__ */ l.jsxs("div", { className: S("p-3", e), children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-center mb-4 px-1", children: [
       /* @__PURE__ */ l.jsx(f.CaptionLabel, {}),
       /* @__PURE__ */ l.jsxs("div", { className: "flex gap-1", children: [
@@ -12053,7 +12100,7 @@ function Oc({
     C0,
     {
       showOutsideDays: r,
-      className: k("p-3", e),
+      className: S("p-3", e),
       month: s,
       onMonthChange: c,
       classNames: {
@@ -12063,7 +12110,7 @@ function Oc({
         caption_label: "hidden",
         // Use custom caption component
         nav: "space-x-1 flex items-center",
-        nav_button: k(
+        nav_button: S(
           lo({ variant: "outline" }),
           "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
         ),
@@ -12074,7 +12121,7 @@ function Oc({
         head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
         row: "flex w-full mt-2",
         cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: k(
+        day: S(
           lo({ variant: "ghost" }),
           "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
         ),
@@ -12098,7 +12145,7 @@ function Oc({
   );
 }
 Oc.displayName = "MriCalendar";
-function kx({ value: e, onChange: t, placeholder: r = "Selecione", disabled: n, locale: o = wc, size: a = "default", error: s, fromDate: i, toDate: c }) {
+function Mx({ value: e, onChange: t, placeholder: r = "Selecione", disabled: n, locale: o = wc, size: a = "default", error: s, fromDate: i, toDate: c }) {
   return /* @__PURE__ */ l.jsxs(Jt, { children: [
     /* @__PURE__ */ l.jsx(er, { asChild: !0, children: /* @__PURE__ */ l.jsxs("div", { className: "w-full space-y-1", children: [
       /* @__PURE__ */ l.jsxs(
@@ -12106,7 +12153,7 @@ function kx({ value: e, onChange: t, placeholder: r = "Selecione", disabled: n,
         {
           variant: "outline",
           size: a,
-          className: k(
+          className: S(
             "w-full justify-start pl-3 text-left font-normal",
             !e && "text-muted-foreground",
             s && "border-destructive focus:ring-destructive"
@@ -12452,7 +12499,7 @@ function G0(e, t) {
   }, "name"]);
 }
 q0([G0]);
-const _x = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
+const Ex = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
   const o = (g) => /^\d+(\.\d+)?\s+\d+(\.\d+)?%\s+\d+(\.\d+)?%$/.test(g) ? be(`hsl(${g})`).toHex() : be(g).toHex(), [a, s] = fe(o(e)), [i, c] = fe("hex"), d = be(a), [u, f] = fe({
     hex: a,
     rgb: d.toRgb(),
@@ -12502,7 +12549,7 @@ const _x = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
     /* @__PURE__ */ l.jsx(Fl, { asChild: !0, children: /* @__PURE__ */ l.jsx(
       "button",
       {
-        className: k(
+        className: S(
           "w-10 h-10 rounded-full flex items-center justify-center transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background focus:ring-ring relative overflow-hidden",
           r ? "ring-2 ring-offset-2 ring-offset-background ring-ring" : "border border-dashed border-muted-foreground/50 hover:border-solid hover:border-primary"
         ),
@@ -12524,7 +12571,7 @@ const _x = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
           "button",
           {
             onClick: () => c(g),
-            className: k(
+            className: S(
               "flex-1 text-[10px] font-bold uppercase py-1 rounded-md transition-all",
               i === g ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
             ),
@@ -12575,7 +12622,7 @@ const _x = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
 ], Ws = ({ val: e, color: t, hex: r, icon: n, label: o, onClick: a, onIconClick: s, disabled: i }) => /* @__PURE__ */ l.jsxs(
   "div",
   {
-    className: k(
+    className: S(
       "flex items-center gap-3 w-full transition-all duration-300",
       a && !i ? "cursor-pointer hover:bg-white/[0.03] p-1.5 -m-1.5 rounded-lg group/vbar active:scale-[0.98]" : "",
       i && "opacity-40 grayscale pointer-events-none"
@@ -12586,7 +12633,7 @@ const _x = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
       /* @__PURE__ */ l.jsxs(
         "div",
         {
-          className: k("relative", s && !i && "cursor-pointer hover:scale-110 transition-transform"),
+          className: S("relative", s && !i && "cursor-pointer hover:scale-110 transition-transform"),
           onClick: (c) => {
             s && !i && (c.stopPropagation(), s());
           },
@@ -12600,14 +12647,14 @@ const _x = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
         /* @__PURE__ */ l.jsx(
           "div",
           {
-            className: k("h-full transition-all duration-1000 ease-out relative z-10", t),
+            className: S("h-full transition-all duration-1000 ease-out relative z-10", t),
             style: { width: `${e}%` }
           }
         ),
         /* @__PURE__ */ l.jsx(
           "div",
           {
-            className: k("absolute inset-0 opacity-20 blur-[2px] z-0", t),
+            className: S("absolute inset-0 opacity-20 blur-[2px] z-0", t),
             style: { width: `${e}%` }
           }
         )
@@ -12622,7 +12669,7 @@ const _x = ({ color: e, onChange: t, active: r, format: n = "hsl-string" }) => {
   /* @__PURE__ */ l.jsx(Su, { className: "w-6 h-6 text-red-500/80" }),
   /* @__PURE__ */ l.jsx("span", { className: "text-[10px] font-black uppercase tracking-widest text-red-500/80", children: e })
 ] });
-function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, className: o, labels: a, disabledVitals: s = [] }) {
+function Px({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, className: o, labels: a, disabledVitals: s = [] }) {
   var f;
   const i = ((f = e == null ? void 0 : e.metadata) == null ? void 0 : f.isdead) ?? !1, c = (a == null ? void 0 : a.dead) ?? "Dead", d = (h) => {
     var g;
@@ -12630,7 +12677,7 @@ function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, class
     const p = e[h] !== void 0 ? e[h] : (g = e.metadata) == null ? void 0 : g[h];
     return h === "health" ? Math.max(0, Math.min(100, Math.round((p || 0) - 100))) : Math.max(0, Math.min(100, Math.round(p || 0)));
   }, u = (h) => (a == null ? void 0 : a[h]) || h.charAt(0).toUpperCase() + h.slice(1);
-  return t === "mini" ? /* @__PURE__ */ l.jsxs("div", { className: k("relative space-y-3", o), children: [
+  return t === "mini" ? /* @__PURE__ */ l.jsxs("div", { className: S("relative space-y-3", o), children: [
     i && /* @__PURE__ */ l.jsx(oo, { label: c }),
     no.filter((h) => h.key !== "stress").map((h) => {
       const p = d(h.key), g = u(h.key);
@@ -12649,14 +12696,14 @@ function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, class
         h.key
       );
     })
-  ] }) : t === "full" ? /* @__PURE__ */ l.jsxs("div", { className: k("relative grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4", o), children: [
+  ] }) : t === "full" ? /* @__PURE__ */ l.jsxs("div", { className: S("relative grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4", o), children: [
     i && /* @__PURE__ */ l.jsx(oo, { label: c }),
     no.map((h) => {
       const p = d(h.key), g = u(h.key), v = p < 20 && h.key !== "stress", b = p > 80 && h.key === "stress", x = s.includes(h.key);
       return /* @__PURE__ */ l.jsxs(
         "div",
         {
-          className: k(
+          className: S(
             "group/vital relative space-y-3 p-4 rounded-xl bg-card border border-border/50 transition-all cursor-pointer select-none overflow-hidden",
             "hover:border-primary/20 hover:bg-muted/50 hover:shadow-xl hover:shadow-black/20 active:scale-[0.98]",
             (v || b) && "animate-pulse border-red-500/20 bg-red-500/[0.02]",
@@ -12667,7 +12714,7 @@ function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, class
             /* @__PURE__ */ l.jsx(
               "div",
               {
-                className: k("absolute -right-4 -top-4 w-16 h-16 opacity-0 group-hover/vital:opacity-10 blur-2xl rounded-full transition-opacity duration-500", h.color)
+                className: S("absolute -right-4 -top-4 w-16 h-16 opacity-0 group-hover/vital:opacity-10 blur-2xl rounded-full transition-opacity duration-500", h.color)
               }
             ),
             /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-center text-[10px] font-black uppercase tracking-widest text-muted-foreground/60 group-hover/vital:text-foreground transition-colors", children: [
@@ -12675,7 +12722,7 @@ function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, class
                 /* @__PURE__ */ l.jsx(
                   "div",
                   {
-                    className: k("p-1 -m-1 rounded-md transition-all", n && !x && "hover:bg-white/10 cursor-pointer active:scale-90"),
+                    className: S("p-1 -m-1 rounded-md transition-all", n && !x && "hover:bg-white/10 cursor-pointer active:scale-90"),
                     onClick: (y) => {
                       n && !x && (y.stopPropagation(), n(h.key, g, p));
                     },
@@ -12693,7 +12740,7 @@ function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, class
               /* @__PURE__ */ l.jsx(
                 "div",
                 {
-                  className: k("h-full transition-all duration-1000 ease-out relative z-10", h.color),
+                  className: S("h-full transition-all duration-1000 ease-out relative z-10", h.color),
                   style: { width: `${p}%` },
                   children: /* @__PURE__ */ l.jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent animate-shimmer" })
                 }
@@ -12701,7 +12748,7 @@ function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, class
               /* @__PURE__ */ l.jsx(
                 "div",
                 {
-                  className: k("absolute inset-0 opacity-20 blur-[2px] z-0", h.color),
+                  className: S("absolute inset-0 opacity-20 blur-[2px] z-0", h.color),
                   style: { width: `${p}%` }
                 }
               )
@@ -12711,7 +12758,7 @@ function Mx({ vitals: e, size: t = "compact", onAction: r, onIconClick: n, class
         h.key
       );
     })
-  ] }) : /* @__PURE__ */ l.jsxs("div", { className: k("relative flex flex-col gap-4", o), children: [
+  ] }) : /* @__PURE__ */ l.jsxs("div", { className: S("relative flex flex-col gap-4", o), children: [
     i && /* @__PURE__ */ l.jsx(oo, { label: c }),
     no.map((h) => {
       const p = d(h.key), g = u(h.key);
@@ -12739,7 +12786,7 @@ const X0 = {
   thirst: { icon: ci, color: "text-cyan-500", bgColor: "bg-cyan-500", hex: "#06b6d4", label: "thirst", max: 100 },
   stress: { icon: ii, color: "text-purple-500", bgColor: "bg-purple-500", hex: "#a855f7", label: "stress", max: 100 }
 };
-function Ex({
+function Rx({
   isOpen: e,
   onClose: t,
   onSubmit: r,
@@ -12762,12 +12809,12 @@ function Ex({
   if (we(() => {
     y(o);
   }, [o]), !e) return null;
-  const N = X0[n], C = i || N.icon, j = (B, O) => (s == null ? void 0 : s[B]) || O, _ = d || j(N.label, N.label.charAt(0).toUpperCase() + N.label.slice(1)), S = u || j("playerNameLabel", a), F = f || j("confirm", "Confirm"), A = h || j("cancel", "Cancel"), I = p || j("newValue", "New Value");
+  const N = X0[n], C = i || N.icon, j = (B, O) => (s == null ? void 0 : s[B]) || O, _ = d || j(N.label, N.label.charAt(0).toUpperCase() + N.label.slice(1)), k = u || j("playerNameLabel", a), F = f || j("confirm", "Confirm"), A = h || j("cancel", "Cancel"), I = p || j("newValue", "New Value");
   return /* @__PURE__ */ l.jsxs(ia, { hideBlur: g, hideOverlay: v, onClose: t, className: "w-[420px] p-0 bg-card/95 border-primary/10 backdrop-blur-xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-200", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "p-6 pb-4 border-b border-border/40 relative overflow-hidden", children: [
       /* @__PURE__ */ l.jsx("div", { className: `absolute top-0 right-0 w-32 h-32 ${N.bgColor}/5 blur-3xl rounded-full -mr-16 -mt-16` }),
       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-4 relative z-10", children: [
-        /* @__PURE__ */ l.jsx("div", { className: k(
+        /* @__PURE__ */ l.jsx("div", { className: S(
           "p-3 rounded-xl shadow-[0_0_15px_rgba(0,0,0,0.2)] border border-primary/20",
           N.bgColor + "/10",
           N.color,
@@ -12775,7 +12822,7 @@ function Ex({
         ), children: /* @__PURE__ */ l.jsx(C, { size: 24, className: "animate-pulse" }) }),
         /* @__PURE__ */ l.jsxs("div", { children: [
           /* @__PURE__ */ l.jsx("h2", { className: "text-xl font-black text-foreground tracking-tight uppercase", children: _ }),
-          /* @__PURE__ */ l.jsx("p", { className: "text-xs text-muted-foreground/70 font-medium", children: S })
+          /* @__PURE__ */ l.jsx("p", { className: "text-xs text-muted-foreground/70 font-medium", children: k })
         ] })
       ] })
     ] }),
@@ -12783,7 +12830,7 @@ function Ex({
       /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-end", children: [
         /* @__PURE__ */ l.jsx("span", { className: "text-xs font-bold text-muted-foreground uppercase tracking-widest", children: I }),
         /* @__PURE__ */ l.jsxs("div", { className: "flex items-baseline gap-1", children: [
-          /* @__PURE__ */ l.jsx("span", { className: k("text-4xl font-black font-mono leading-none drop-shadow-sm", N.color), children: Math.round(x) }),
+          /* @__PURE__ */ l.jsx("span", { className: S("text-4xl font-black font-mono leading-none drop-shadow-sm", N.color), children: Math.round(x) }),
           /* @__PURE__ */ l.jsx("span", { className: "text-lg font-bold text-muted-foreground", children: "%" })
         ] })
       ] }),
@@ -12798,7 +12845,7 @@ function Ex({
             value: x,
             onChange: b ? void 0 : (B) => y(Number(B.target.value)),
             disabled: b,
-            className: k("vital-adjust-slider", b && "opacity-40 grayscale cursor-not-allowed"),
+            className: S("vital-adjust-slider", b && "opacity-40 grayscale cursor-not-allowed"),
             style: {
               background: `linear-gradient(to right, ${N.hex} ${x}%, ${c ? "var(--vital-color-20)" : "var(--muted)"} ${x}%)`,
               "--vital-color": N.hex,
@@ -12835,7 +12882,7 @@ function Ex({
         {
           variant: "default",
           disabled: b,
-          className: k(
+          className: S(
             "flex-1 h-12 gap-2 text-white uppercase text-xs transition-all active:scale-95",
             N.bgColor,
             "hover:brightness-110 shadow-lg",
@@ -12888,8 +12935,8 @@ function Ex({
             ` })
   ] });
 }
-function Px({ title: e, icon: t, count: r, countLabel: n, children: o, className: a, ...s }) {
-  return /* @__PURE__ */ l.jsxs("div", { className: k("w-full h-auto min-h-[5rem] border-b border-border flex items-center justify-between py-4 px-6 bg-card/30 shrink-0", a), ...s, children: [
+function Ox({ title: e, icon: t, count: r, countLabel: n, children: o, className: a, ...s }) {
+  return /* @__PURE__ */ l.jsxs("div", { className: S("w-full h-auto min-h-[5rem] border-b border-border flex items-center justify-between py-4 px-6 bg-card/30 shrink-0", a), ...s, children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ l.jsx(t, { className: "w-6 h-6 text-primary" }),
@@ -12904,7 +12951,7 @@ function Px({ title: e, icon: t, count: r, countLabel: n, children: o, className
     /* @__PURE__ */ l.jsx("div", { className: "flex items-center gap-3", children: o })
   ] });
 }
-function Rx({
+function Dx({
   items: e,
   activeRoute: t,
   onNavigate: r,
@@ -12922,7 +12969,7 @@ function Rx({
       te,
       {
         variant: "ghost",
-        className: k(
+        className: S(
           "w-full justify-start gap-3 relative transition-all duration-200 border",
           n && "justify-center px-0",
           f ? "bg-primary/10 text-primary border-primary/50 shadow-[inset_3px_0_0_0_var(--primary)]" : "border-transparent text-muted-foreground hover:text-foreground hover:bg-muted",
@@ -12933,14 +12980,14 @@ function Rx({
         },
         title: n ? d.label : void 0,
         children: [
-          /* @__PURE__ */ l.jsx(u, { className: k("h-5 w-5 shrink-0", f ? "text-primary drop-shadow-[0_0_8px_rgba(0,227,150,0.5)]" : "") }),
-          !n && /* @__PURE__ */ l.jsx("span", { className: k("truncate font-medium", f ? "text-foreground" : "text-muted-foreground"), children: d.label }),
+          /* @__PURE__ */ l.jsx(u, { className: S("h-5 w-5 shrink-0", f ? "text-primary drop-shadow-[0_0_8px_rgba(0,227,150,0.5)]" : "") }),
+          !n && /* @__PURE__ */ l.jsx("span", { className: S("truncate font-medium", f ? "text-foreground" : "text-muted-foreground"), children: d.label }),
           n && f && /* @__PURE__ */ l.jsx("div", { className: "absolute inset-0 bg-primary/10 rounded-md z-[-1]" })
         ]
       }
     );
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: k("h-full flex flex-col items-center py-4 border-r border-border transition-all duration-300 bg-card", n ? "w-16 px-2" : "w-60 px-3", i), children: [
+  return /* @__PURE__ */ l.jsxs("div", { className: S("h-full flex flex-col items-center py-4 border-r border-border transition-all duration-300 bg-card", n ? "w-16 px-2" : "w-60 px-3", i), children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex-1 flex flex-col gap-1 w-full overflow-y-auto pr-1 no-scrollbar", children: [
       e.map((d, u) => /* @__PURE__ */ l.jsx(c, { item: d }, u)),
       s
@@ -12951,7 +12998,7 @@ function Rx({
         "button",
         {
           onClick: o,
-          className: k(
+          className: S(
             "flex items-center justify-center p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground hover:text-foreground w-full mt-2"
           ),
           children: n ? /* @__PURE__ */ l.jsx(cr, { className: "h-5 w-5" }) : /* @__PURE__ */ l.jsx(Hr, { className: "h-5 w-5" })
@@ -12960,7 +13007,7 @@ function Rx({
     ] })
   ] });
 }
-function Ox({
+function Ax({
   items: e,
   activeRoute: t,
   onNavigate: r,
@@ -12977,7 +13024,7 @@ function Ox({
       te,
       {
         variant: "ghost",
-        className: k(
+        className: S(
           "h-10 justify-start gap-2 relative transition-all duration-200 border px-3",
           u ? "bg-primary/10 text-primary border-primary/50 shadow-[inset_0_-3px_0_0_var(--primary)]" : "border-transparent text-muted-foreground hover:text-foreground hover:bg-muted",
           s
@@ -12986,13 +13033,13 @@ function Ox({
           c.onClick && c.onClick(), c.route && r && r(c.route);
         },
         children: [
-          /* @__PURE__ */ l.jsx(d, { className: k("h-4 w-4 shrink-0", u ? "text-primary drop-shadow-[0_0_8px_rgba(0,227,150,0.5)]" : "") }),
-          /* @__PURE__ */ l.jsx("span", { className: k("truncate font-medium text-sm", u ? "text-foreground" : "text-muted-foreground"), children: c.label })
+          /* @__PURE__ */ l.jsx(d, { className: S("h-4 w-4 shrink-0", u ? "text-primary drop-shadow-[0_0_8px_rgba(0,227,150,0.5)]" : "") }),
+          /* @__PURE__ */ l.jsx("span", { className: S("truncate font-medium text-sm", u ? "text-foreground" : "text-muted-foreground"), children: c.label })
         ]
       }
     );
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: k("w-full h-16 flex items-center px-4 border-b border-border bg-card gap-4", s), children: [
+  return /* @__PURE__ */ l.jsxs("div", { className: S("w-full h-16 flex items-center px-4 border-b border-border bg-card gap-4", s), children: [
     n && /* @__PURE__ */ l.jsx("div", { className: "flex items-center shrink-0 mr-2", children: n }),
     /* @__PURE__ */ l.jsxs("div", { className: "flex-1 flex items-center gap-1 overflow-x-auto no-scrollbar", children: [
       e.map((c, d) => /* @__PURE__ */ l.jsx(i, { item: c }, d)),
@@ -13005,7 +13052,7 @@ const Nt = ({ label: e, className: t, style: r, active: n }) => /* @__PURE__ */
   "div",
   {
     style: r,
-    className: k(
+    className: S(
       "h-8 flex items-center justify-center rounded-md border text-[10px] font-bold transition-all duration-100 select-none shrink-0 shadow-sm",
       n ? "bg-primary text-primary-foreground border-primary shadow-[0_0_15px_rgba(var(--primary),0.5)] scale-90 z-10" : "bg-black/40 text-white/70 border-white/20 backdrop-blur-md",
       t
@@ -13022,7 +13069,7 @@ const Nt = ({ label: e, className: t, style: r, active: n }) => /* @__PURE__ */
       style: i
     }
   );
-  return /* @__PURE__ */ l.jsxs("div", { className: k("p-4 bg-black/40 backdrop-blur-3xl rounded-3xl border border-white/10 flex gap-6 w-fit mx-auto shadow-2xl overflow-hidden", t), children: [
+  return /* @__PURE__ */ l.jsxs("div", { className: S("p-4 bg-black/40 backdrop-blur-3xl rounded-3xl border border-white/10 flex gap-6 w-fit mx-auto shadow-2xl overflow-hidden", t), children: [
     /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-1.5 w-[480px] shrink-0", children: [
       /* @__PURE__ */ l.jsxs("div", { className: "flex gap-1.5 mb-1", children: [
         n("ESC", void 0, "w-10 mr-4"),
@@ -13139,11 +13186,11 @@ const Nt = ({ label: e, className: t, style: r, active: n }) => /* @__PURE__ */
     ] }),
     /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-2 w-24", children: [
       /* @__PURE__ */ l.jsxs("div", { className: "h-32 border border-white/10 rounded-t-[2.5rem] flex relative overflow-hidden bg-black/20", children: [
-        /* @__PURE__ */ l.jsx("div", { className: k(
+        /* @__PURE__ */ l.jsx("div", { className: S(
           "flex-1 border-r border-white/10 transition-all duration-100",
           r("LMB") ? "bg-primary/80 shadow-[inset_0_0_20px_rgba(var(--primary),0.4)]" : "bg-transparent"
         ) }),
-        /* @__PURE__ */ l.jsx("div", { className: k(
+        /* @__PURE__ */ l.jsx("div", { className: S(
           "flex-1 transition-all duration-100",
           r("RMB") ? "bg-primary/80 shadow-[inset_0_0_20px_rgba(var(--primary),0.4)]" : "bg-transparent"
         ) }),
@@ -13155,7 +13202,7 @@ const Nt = ({ label: e, className: t, style: r, active: n }) => /* @__PURE__ */
 }, Q0 = {
   iceServers: [{ urls: "stun:stun.l.google.com:19302" }]
 };
-function Dx({
+function Tx({
   playerId: e,
   // playerName is not used in this component but kept for API consistency if needed
   className: t,
@@ -13172,7 +13219,7 @@ function Dx({
   selfId: h,
   labels: p
 }) {
-  const [g, v] = fe(!0), [b, x] = fe(null), y = Le(null), N = Le(null), C = Le(null), [j, _] = fe([]), S = _o((F, A) => (p == null ? void 0 : p[F]) || A, [p]);
+  const [g, v] = fe(!0), [b, x] = fe(null), y = Le(null), N = Le(null), C = Le(null), [j, _] = fe([]), k = _o((F, A) => (p == null ? void 0 : p[F]) || A, [p]);
   return we(() => {
     if (!c) return;
     const A = c("ReceivePlayerKeys", (O) => {
@@ -13256,7 +13303,7 @@ function Dx({
             N.current = U, y.current && (y.current.srcObject = R, y.current.play().catch(() => {
             }), v(!1));
           } catch {
-            x(S("error_desc", "CF SFU subscribe failed"));
+            x(k("error_desc", "CF SFU subscribe failed"));
           }
       });
       return i == null || i("GetPlayerScreen", { targetId: e }), () => {
@@ -13302,24 +13349,24 @@ function Dx({
     return (O = d.isConnected) != null && O.call(d) && B(), d.onConnect(B), () => {
       typeof I == "function" && I(), N.current && (N.current.close(), N.current = null), i == null || i("StopPlayerScreen", { targetId: e });
     };
-  }, [e, h, i, f, a, r, d, u, S]), we(() => {
+  }, [e, h, i, f, a, r, d, u, k]), we(() => {
     y.current && C.current && !y.current.srcObject && (y.current.srcObject = C.current, y.current.play().catch(() => {
     }), queueMicrotask(() => v(!1)));
-  }, []), /* @__PURE__ */ l.jsxs("div", { className: k("relative bg-black flex items-center justify-center overflow-hidden group rounded-xl border border-white/5 shadow-2xl", t), children: [
+  }, []), /* @__PURE__ */ l.jsxs("div", { className: S("relative bg-black flex items-center justify-center overflow-hidden group rounded-xl border border-white/5 shadow-2xl", t), children: [
     g && /* @__PURE__ */ l.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 text-muted-foreground animate-in fade-in duration-500 z-10 bg-zinc-950/90 backdrop-blur-md", children: [
       /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ l.jsx("div", { className: "absolute inset-0 animate-ping rounded-full bg-primary/20" }),
         /* @__PURE__ */ l.jsx(nf, { size: "lg" })
       ] }),
-      /* @__PURE__ */ l.jsx("span", { className: "text-[10px] uppercase font-black tracking-[0.2em] animate-pulse", children: S("connecting", "Connecting to feed...") })
+      /* @__PURE__ */ l.jsx("span", { className: "text-[10px] uppercase font-black tracking-[0.2em] animate-pulse", children: k("connecting", "Connecting to feed...") })
     ] }),
     b && /* @__PURE__ */ l.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-4 text-red-400 z-10 bg-zinc-950/95 backdrop-blur-xl p-8 text-center animate-in zoom-in-95 duration-300", children: [
       /* @__PURE__ */ l.jsx("div", { className: "w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center border border-red-500/20 shadow-[0_0_20px_rgba(239,68,68,0.1)]", children: /* @__PURE__ */ l.jsx(pu, { className: "w-6 h-6 animate-bounce" }) }),
       /* @__PURE__ */ l.jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ l.jsx("h4", { className: "text-sm font-black uppercase tracking-widest", children: S("error_title", "Connection Failed") }),
+        /* @__PURE__ */ l.jsx("h4", { className: "text-sm font-black uppercase tracking-widest", children: k("error_title", "Connection Failed") }),
         /* @__PURE__ */ l.jsx("p", { className: "text-xs text-red-400/60 font-medium max-w-[200px] mx-auto leading-relaxed", children: b })
       ] }),
-      /* @__PURE__ */ l.jsx(te, { variant: "ghost", size: "sm", className: "mt-2 text-[10px] uppercase font-bold border border-white/5", onClick: () => window.location.reload(), children: S("retry", "Retry") })
+      /* @__PURE__ */ l.jsx(te, { variant: "ghost", size: "sm", className: "mt-2 text-[10px] uppercase font-bold border border-white/5", onClick: () => window.location.reload(), children: k("retry", "Retry") })
     ] }),
     a ? /* @__PURE__ */ l.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-zinc-900", children: [
       /* @__PURE__ */ l.jsx("div", { className: "absolute inset-0 opacity-40 grayscale blur-[4px]", children: /* @__PURE__ */ l.jsx(
@@ -13340,15 +13387,15 @@ function Dx({
       /* @__PURE__ */ l.jsxs("div", { className: "absolute bottom-6 left-6 flex items-center gap-3 z-10", children: [
         /* @__PURE__ */ l.jsxs("div", { className: "bg-black/80 backdrop-blur-md px-3 py-1.5 rounded-lg text-[9px] text-white/80 border border-white/10 uppercase tracking-[0.15em] font-black flex items-center gap-2 shadow-2xl", children: [
           /* @__PURE__ */ l.jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-green-500 animate-pulse shadow-[0_0_8px_rgba(34,197,94,0.6)]" }),
-          S("mock_active", "Mock Feed Active"),
+          k("mock_active", "Mock Feed Active"),
           " • ID: ",
           e
         ] }),
-        /* @__PURE__ */ l.jsx("div", { className: "bg-primary/10 backdrop-blur-md text-primary text-[9px] px-3 py-1.5 rounded-lg border border-primary/20 uppercase tracking-[0.15em] font-black shadow-2xl", children: S("simulator", "Simulator") })
+        /* @__PURE__ */ l.jsx("div", { className: "bg-primary/10 backdrop-blur-md text-primary text-[9px] px-3 py-1.5 rounded-lg border border-primary/20 uppercase tracking-[0.15em] font-black shadow-2xl", children: k("simulator", "Simulator") })
       ] }),
       /* @__PURE__ */ l.jsx("div", { className: "absolute top-6 left-6 flex items-center gap-2 z-10 animate-in slide-in-from-left duration-700", children: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1.5 bg-red-600 px-3 py-1 rounded font-black text-white text-[10px] tracking-widest uppercase shadow-lg shadow-red-600/20", children: [
         /* @__PURE__ */ l.jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-white animate-pulse" }),
-        S("live", "Live")
+        k("live", "Live")
       ] }) })
     ] }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
@@ -13365,11 +13412,11 @@ function Dx({
       !g && !b && /* @__PURE__ */ l.jsxs("div", { className: "absolute top-4 left-4 z-10 flex items-center gap-2 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-500", children: [
         /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1.5 bg-red-600 px-2 py-0.5 rounded-sm font-black text-white text-[9px] tracking-widest uppercase shadow-lg shadow-red-600/30", children: [
           /* @__PURE__ */ l.jsx("div", { className: "w-1 h-1 rounded-full bg-white animate-pulse" }),
-          S("live", "Live")
+          k("live", "Live")
         ] }),
         /* @__PURE__ */ l.jsxs("div", { className: "bg-black/60 backdrop-blur px-2 py-0.5 rounded-sm text-[9px] text-zinc-300 font-mono border border-white/10 flex items-center gap-1.5", children: [
           /* @__PURE__ */ l.jsx(Mu, { size: 10, className: "text-green-500" }),
-          S("stable", "Stable")
+          k("stable", "Stable")
         ] })
       ] })
     ] }),
@@ -13383,46 +13430,81 @@ function Dx({
     /* @__PURE__ */ l.jsx("div", { className: "absolute inset-0 pointer-events-none shadow-[inset_0_0_100px_rgba(0,0,0,0.5)] opacity-40" })
   ] });
 }
-function Ax({
+function Lx({
   sidebar: e,
   topbar: t,
   header: r,
-  footer: n,
-  children: o,
-  sidebarPosition: a = "left",
-  topbarPlacement: s = "aside",
-  className: i,
-  contentClassName: c,
-  mainClassName: d
+  subnav: n,
+  footer: o,
+  children: a,
+  sidebarPosition: s = "left",
+  topbarPlacement: i = "aside",
+  className: c,
+  contentClassName: d,
+  mainClassName: u
 }) {
-  const u = e ? /* @__PURE__ */ l.jsx("aside", { className: "shrink-0 h-full", children: e }) : null, f = /* @__PURE__ */ l.jsxs("div", { className: k("flex-1 flex flex-col min-w-0 h-full", c), children: [
-    s === "aside" && t,
+  const f = e ? /* @__PURE__ */ l.jsx("aside", { className: "shrink-0 h-full", children: e }) : null, h = /* @__PURE__ */ l.jsxs("div", { className: S("flex-1 flex flex-col min-w-0 h-full", d), children: [
+    i === "aside" && t,
     r,
-    /* @__PURE__ */ l.jsx("main", { className: k("flex-1 overflow-y-auto bg-background text-foreground", d), children: o }),
-    n && /* @__PURE__ */ l.jsx("footer", { className: "shrink-0 border-t border-border bg-card", children: n })
-  ] }), h = /* @__PURE__ */ l.jsxs("div", { className: "flex-1 flex min-h-0", children: [
-    a === "left" && u,
-    f,
-    a === "right" && u
+    n && /* @__PURE__ */ l.jsx("div", { className: "shrink-0", children: n }),
+    /* @__PURE__ */ l.jsx("main", { className: S("flex-1 overflow-y-auto bg-background text-foreground", u), children: a }),
+    o && /* @__PURE__ */ l.jsx("footer", { className: "shrink-0 border-t border-border bg-card", children: o })
+  ] }), p = /* @__PURE__ */ l.jsxs("div", { className: "flex-1 flex min-h-0", children: [
+    s === "left" && f,
+    h,
+    s === "right" && f
   ] });
-  return /* @__PURE__ */ l.jsxs("div", { className: k("h-screen w-full flex flex-col bg-background text-foreground overflow-hidden", i), children: [
-    s === "below" && t,
-    h
+  return /* @__PURE__ */ l.jsxs("div", { className: S("h-screen w-full flex flex-col bg-background text-foreground overflow-hidden", c), children: [
+    i === "below" && t,
+    p
   ] });
 }
+const Z0 = {
+  sm: "w-[80%] h-[80%] max-w-[1100px] max-h-[700px] min-w-[900px] min-h-[550px]",
+  md: "w-[85%] h-[85%] max-w-[1400px] max-h-[900px] min-w-[1000px] min-h-[600px]",
+  lg: "w-[90%] h-[90%] max-w-[1700px] max-h-[1080px] min-w-[1100px] min-h-[700px]",
+  fullscreen: "w-full h-full"
+};
+function Ix({
+  children: e,
+  visible: t = !0,
+  scale: r = 100,
+  size: n = "md",
+  className: o
+}) {
+  const a = n === "fullscreen";
+  return /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: S(
+        "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
+        "bg-background text-foreground overflow-hidden",
+        !a && "border border-border rounded-xl shadow-2xl",
+        Z0[n],
+        o
+      ),
+      style: {
+        display: t ? "block" : "none",
+        transform: `translate(-50%, -50%) scale(${r / 100})`,
+        transformOrigin: "center center"
+      },
+      children: e
+    }
+  );
+}
 export {
-  fx as MriAccordion,
+  hx as MriAccordion,
   Rf as MriAccordionContent,
   Ef as MriAccordionItem,
   Pf as MriAccordionTrigger,
-  wx as MriActionCard,
-  Nx as MriActionModal,
+  Cx as MriActionCard,
+  jx as MriActionModal,
   cu as MriAvatar,
   uu as MriAvatarFallback,
   du as MriAvatarImage,
   Ya as MriBadge,
-  dx as MriBanIcon,
-  tx as MriBringIcon,
+  ux as MriBanIcon,
+  rx as MriBringIcon,
   te as MriButton,
   Oc as MriCalendar,
   Of as MriCard,
@@ -13431,8 +13513,8 @@ export {
   If as MriCardFooter,
   Df as MriCardHeader,
   Af as MriCardTitle,
-  sx as MriClothingIcon,
-  _x as MriColorPicker,
+  ix as MriClothingIcon,
+  Ex as MriColorPicker,
   Cr as MriCommand,
   Sr as MriCommandEmpty,
   kr as MriCommandGroup,
@@ -13441,43 +13523,45 @@ export {
   jn as MriCommandList,
   ev as MriCommandSeparator,
   tv as MriCommandShortcut,
-  mx as MriCompactSearch,
-  xx as MriCopyButton,
-  Ax as MriDashboardLayout,
-  kx as MriDatePicker,
-  px as MriDialog,
-  yx as MriEconomyCard,
-  ix as MriEyeIcon,
-  Cx as MriGridActionButton,
+  px as MriCompactSearch,
+  wx as MriCopyButton,
+  Lx as MriDashboardLayout,
+  Mx as MriDatePicker,
+  vx as MriDialog,
+  Nx as MriEconomyCard,
+  lx as MriEyeIcon,
+  Sx as MriGridActionButton,
   Oo as MriInput,
   K0 as MriKeyboardVisualizer,
-  cx as MriKickIcon,
+  dx as MriKickIcon,
   ia as MriModal,
-  ax as MriMoneyIcon,
-  Px as MriPageHeader,
-  Dx as MriPlayerScreenStream,
-  Mx as MriPlayerVitals,
+  sx as MriMoneyIcon,
+  Ox as MriPageHeader,
+  Tx as MriPlayerScreenStream,
+  Px as MriPlayerVitals,
   Jt as MriPopover,
   Rt as MriPopoverContent,
   er as MriPopoverTrigger,
-  nx as MriReviveIcon,
+  ox as MriReviveIcon,
   Jr as MriScrollArea,
   _i as MriScrollBar,
-  jx as MriSearchInput,
-  Sx as MriSectionHeader,
-  vx as MriSelect,
-  rx as MriSendBackIcon,
-  Rx as MriSidebar,
+  kx as MriSearchInput,
+  _x as MriSectionHeader,
+  gx as MriSelect,
+  nx as MriSendBackIcon,
+  Dx as MriSidebar,
   nf as MriSpinner,
-  ux as MriStatusBadge,
-  ex as MriTeleportIcon,
-  gx as MriThemeToggle,
-  bx as MriTimePicker,
-  Ox as MriTopbar,
-  ox as MriVerifyIcon,
-  Ex as MriVitalAdjustModal,
-  lx as MriWarnIcon,
-  k as cn,
+  fx as MriStatusBadge,
+  Ix as MriTabletFrame,
+  xx as MriTabs,
+  tx as MriTeleportIcon,
+  bx as MriThemeToggle,
+  yx as MriTimePicker,
+  Ax as MriTopbar,
+  ax as MriVerifyIcon,
+  Rx as MriVitalAdjustModal,
+  cx as MriWarnIcon,
+  S as cn,
   fu as mriBadgeVariants,
   lo as mriButtonVariants
 };