@moises.ai/design-system 3.6.10 → 3.6.11

package/dist/index.js

@@ -2,13 +2,13 @@
 import { jsx as r, jsxs as g, Fragment as he } from "react/jsx-runtime";
 import * as d from "react";
 import me, { createContext as An, useContext as Ht, useCallback as x, useState as q, useEffect as ue, memo as qe, useRef as oe, useMemo as _, Children as Fi, useLayoutEffect as Hi, Fragment as ji } from "react";
-import { h as $r, f as Nn, aj as Li, a as Fs, g as ye, ak as Wi, P as ge, i as ae, u as st, U as Vi, al as ea, e as ta, F as na, am as qi, E as Ki, an as Gi, ao as Xi, ap as Yi, aq as Zi, D as _i, c as Hs, ar as $i, as as el, J as xn, at as tl, au as nl, av as fe, aw as Un, ax as sl, ay as rl, az as al, aA as ol, aB as il, aC as ll, aD as cl, aE as dl, aF as ul, aG as Al, aH as hl, aI as pl, aJ as ml, aK as gl, R as fl, aL as sa, aM as ra, aN as ks, aO as Es, aP as vl, aQ as Cl, aR as yl, aS as kl, aT as El, aU as Sl, aV as Il, aW as bl, aX as Bl, aY as wl, aZ as Rl, a_ as Nl, a$ as xl, b0 as Ql, b1 as Tl, b2 as Jl, b3 as aa, b4 as oa, b5 as ia, b6 as Dl, b7 as Pl, b8 as la, b9 as ca, ba as da, H as ua, W as Ul, X as Ml, bb as zl, bc as Ol, bd as Fl, be as Hl, bf as jl, bg as Ll, bh as Mn, bi as zn, bj as Aa, bk as On, bl as Fn, bm as Wl, bn as Vl, bo as ql, bp as Kl, bq as Gl, a2 as Xl, br as Yl, bs as Zl, bt as Sr, bu as Ir, a5 as _l, b as $l, C as ec } from "./index-D51dkmoF.js";
-import { aX as js, dv as ha, g6 as Ls, az as pa, bW as tc, iV as nc, c0 as sc, D as rc, w as ac, aF as ma, y as Ss, by as oc, dw as Hn, iW as ic, iX as lc, ea as cc, hh as dc, eS as Is, b as bs, ck as tt, bK as uc, dm as Ac, i2 as hc, h3 as pc, dI as mc, dH as Ws, hG as Vs, iQ as ga, fQ as fa, dC as Ut, T as qs, ch as Ks, iG as gc, iE as Bs, hu as fc, fl as vc, aI as Cc, hx as yc, hy as kc, iY as Ec, gK as Gs, eG as br, eF as Br, d9 as Sc, gY as wr, gJ as Ic, cB as bc, i8 as Bc, io as wc, hj as Rc, g7 as va, du as Ca, hi as ya, dl as Nc, iH as Rr, ex as xc, i9 as Qc, ib as Tc, iZ as Jc, fM as Dc, g3 as Pc, A as Uc } from "./EditIcon-Bn6TqXCt.js";
+import { h as $r, f as Nn, aj as Li, a as Fs, g as ye, ak as Wi, P as ge, i as ae, u as st, U as Vi, al as ea, e as ta, F as na, am as qi, E as Ki, an as Gi, ao as Xi, ap as Yi, aq as Zi, D as _i, c as Hs, ar as $i, as as el, J as xn, at as tl, au as nl, av as fe, aw as Un, ax as sl, ay as rl, az as al, aA as ol, aB as il, aC as ll, aD as cl, aE as dl, aF as ul, aG as Al, aH as hl, aI as pl, aJ as ml, aK as gl, R as fl, aL as sa, aM as ra, aN as ks, aO as Es, aP as vl, aQ as Cl, aR as yl, aS as kl, aT as El, aU as Sl, aV as Il, aW as bl, aX as Bl, aY as wl, aZ as Rl, a_ as Nl, a$ as xl, b0 as Ql, b1 as Tl, b2 as Jl, b3 as aa, b4 as oa, b5 as ia, b6 as Dl, b7 as Pl, b8 as la, b9 as ca, ba as da, H as ua, W as Ul, X as zl, bb as Ml, bc as Ol, bd as Fl, be as Hl, bf as jl, bg as Ll, bh as zn, bi as Mn, bj as Aa, bk as On, bl as Fn, bm as Wl, bn as Vl, bo as ql, bp as Kl, bq as Gl, a2 as Xl, br as Yl, bs as Zl, bt as Sr, bu as Ir, a5 as _l, b as $l, C as ec } from "./index-D51dkmoF.js";
+import { aX as js, dv as ha, g6 as Ls, az as pa, bW as tc, iW as nc, c0 as sc, D as rc, w as ac, aF as ma, y as Ss, by as oc, dw as Hn, iX as ic, iY as lc, ea as cc, hh as dc, eS as Is, b as bs, ck as tt, bK as uc, dm as Ac, i2 as hc, h3 as pc, dI as mc, dH as Ws, hG as Vs, iR as ga, fQ as fa, dC as Ut, T as qs, ch as Ks, iH as gc, iF as Bs, hu as fc, fl as vc, aI as Cc, hx as yc, hy as kc, iZ as Ec, gK as Gs, eG as br, eF as Br, d9 as Sc, gY as wr, gJ as Ic, cB as bc, i8 as Bc, ip as wc, hj as Rc, g7 as va, du as Ca, hi as ya, dl as Nc, iI as Rr, ex as xc, i9 as Qc, ib as Tc, i_ as Jc, fM as Dc, g3 as Pc, A as Uc } from "./UnlockIcon-DeCeTwbX.js";
 import * as ka from "react-dom";
-function Mc(n) {
+function zc(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var zc = [" ", "Enter", "ArrowUp", "ArrowDown"], Oc = [" ", "Enter"], It = "Select", [jn, Ln, Fc] = ta(It), [jt] = Hs(It, [
+var Mc = [" ", "Enter", "ArrowUp", "ArrowDown"], Oc = [" ", "Enter"], It = "Select", [jn, Ln, Fc] = ta(It), [jt] = Hs(It, [
   Fc,
   ea
 ]), Wn = ea(), [Hc, at] = jt(It), [jc, Lc] = jt(It), Ea = (n) => {
@@ -27,7 +27,7 @@ var zc = [" ", "Enter", "ArrowUp", "ArrowDown"], Oc = [" ", "Enter"], It = "Sele
     disabled: p,
     required: k,
     form: v
-  } = n, m = Wn(e), [C, E] = d.useState(null), [b, I] = d.useState(null), [S, B] = d.useState(!1), w = $r(u), [T, z] = Nn({
+  } = n, m = Wn(e), [C, E] = d.useState(null), [b, I] = d.useState(null), [S, B] = d.useState(!1), w = $r(u), [T, M] = Nn({
     prop: s,
     defaultProp: a ?? !1,
     onChange: o,
@@ -37,7 +37,7 @@ var zc = [" ", "Enter", "ArrowUp", "ArrowDown"], Oc = [" ", "Enter"], It = "Sele
     defaultProp: l,
     onChange: c,
     caller: It
-  }), M = d.useRef(null), O = C ? v || !!C.closest("form") : !0, [U, D] = d.useState(/* @__PURE__ */ new Set()), N = Array.from(U).map((W) => W.props.value).join(";");
+  }), z = d.useRef(null), O = C ? v || !!C.closest("form") : !0, [U, D] = d.useState(/* @__PURE__ */ new Set()), N = Array.from(U).map((W) => W.props.value).join(";");
   return /* @__PURE__ */ r(Li, { ...m, children: /* @__PURE__ */ g(
     Hc,
     {
@@ -53,9 +53,9 @@ var zc = [" ", "Enter", "ArrowUp", "ArrowDown"], Oc = [" ", "Enter"], It = "Sele
       value: Q,
       onValueChange: J,
       open: T,
-      onOpenChange: z,
+      onOpenChange: M,
       dir: w,
-      triggerPointerDownPosRef: M,
+      triggerPointerDownPosRef: z,
       disabled: p,
       children: [
         /* @__PURE__ */ r(jn.Provider, { scope: e, children: /* @__PURE__ */ r(
@@ -135,7 +135,7 @@ var Sa = "SelectTrigger", Ia = d.forwardRef(
         }),
         onKeyDown: ae(a.onKeyDown, (m) => {
           const C = A.current !== "";
-          !(m.ctrlKey || m.altKey || m.metaKey) && m.key.length === 1 && p(m.key), !(C && m.key === " ") && zc.includes(m.key) && (v(), m.preventDefault());
+          !(m.ctrlKey || m.altKey || m.metaKey) && m.key.length === 1 && p(m.key), !(C && m.key === " ") && Mc.includes(m.key) && (v(), m.preventDefault());
         })
       }
     ) });
@@ -206,7 +206,7 @@ var Ue = 10, [xa, ot] = jt(bt), qc = "SelectContentImpl", Kc = $i("SelectContent
       avoidCollisions: C,
       //
       ...E
-    } = n, b = at(bt, t), [I, S] = d.useState(null), [B, w] = d.useState(null), T = ye(e, (K) => S(K)), [z, Q] = d.useState(null), [J, M] = d.useState(
+    } = n, b = at(bt, t), [I, S] = d.useState(null), [B, w] = d.useState(null), T = ye(e, (K) => S(K)), [M, Q] = d.useState(null), [J, z] = d.useState(
       null
     ), O = Ln(t), [U, D] = d.useState(!1), N = d.useRef(!1);
     d.useEffect(() => {
@@ -220,8 +220,8 @@ var Ue = 10, [xa, ot] = jt(bt), qc = "SelectContentImpl", Kc = $i("SelectContent
       },
       [O, B]
     ), X = d.useCallback(
-      () => W([z, I]),
-      [W, z, I]
+      () => W([M, I]),
+      [W, M, I]
     );
     d.useEffect(() => {
       U && X();
@@ -261,7 +261,7 @@ var Ue = 10, [xa, ot] = jt(bt), qc = "SelectContentImpl", Kc = $i("SelectContent
     ), De = d.useCallback(() => I == null ? void 0 : I.focus(), [I]), Pe = d.useCallback(
       (K, ce, we) => {
         const ie = !N.current && !we;
-        (b.value !== void 0 && b.value === ce || ie) && M(K);
+        (b.value !== void 0 && b.value === ce || ie) && z(K);
       },
       [b.value]
     ), ct = s === "popper" ? ws : Ta, Kt = ct === ws ? {
@@ -284,7 +284,7 @@ var Ue = 10, [xa, ot] = jt(bt), qc = "SelectContentImpl", Kc = $i("SelectContent
         viewport: B,
         onViewportChange: w,
         itemRefCallback: Qe,
-        selectedItem: z,
+        selectedItem: M,
         onItemLeave: De,
         itemTextRefCallback: Pe,
         focusSelectedItem: X,
@@ -358,9 +358,9 @@ Qa.displayName = qc;
 var Gc = "SelectItemAlignedPosition", Ta = d.forwardRef((n, e) => {
   const { __scopeSelect: t, onPlaced: s, ...a } = n, o = at(bt, t), i = ot(bt, t), [l, c] = d.useState(null), [u, h] = d.useState(null), A = ye(e, (T) => h(T)), p = Ln(t), k = d.useRef(!1), v = d.useRef(!0), { viewport: m, selectedItem: C, selectedItemText: E, focusSelectedItem: b } = i, I = d.useCallback(() => {
     if (o.trigger && o.valueNode && l && u && m && C && E) {
-      const T = o.trigger.getBoundingClientRect(), z = u.getBoundingClientRect(), Q = o.valueNode.getBoundingClientRect(), J = E.getBoundingClientRect();
+      const T = o.trigger.getBoundingClientRect(), M = u.getBoundingClientRect(), Q = o.valueNode.getBoundingClientRect(), J = E.getBoundingClientRect();
       if (o.dir !== "rtl") {
-        const ee = J.left - z.left, te = Q.left - ee, dt = T.left - te, ut = T.width + dt, os = Math.max(ut, z.width), is = window.innerWidth - Ue, ls = xn(te, [
+        const ee = J.left - M.left, te = Q.left - ee, dt = T.left - te, ut = T.width + dt, os = Math.max(ut, M.width), is = window.innerWidth - Ue, ls = xn(te, [
           Ue,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -371,15 +371,15 @@ var Gc = "SelectItemAlignedPosition", Ta = d.forwardRef((n, e) => {
         ]);
         l.style.minWidth = ut + "px", l.style.left = ls + "px";
       } else {
-        const ee = z.right - J.right, te = window.innerWidth - Q.right - ee, dt = window.innerWidth - T.right - te, ut = T.width + dt, os = Math.max(ut, z.width), is = window.innerWidth - Ue, ls = xn(te, [
+        const ee = M.right - J.right, te = window.innerWidth - Q.right - ee, dt = window.innerWidth - T.right - te, ut = T.width + dt, os = Math.max(ut, M.width), is = window.innerWidth - Ue, ls = xn(te, [
           Ue,
           Math.max(Ue, is - os)
         ]);
         l.style.minWidth = ut + "px", l.style.right = ls + "px";
       }
-      const M = p(), O = window.innerHeight - Ue * 2, U = m.scrollHeight, D = window.getComputedStyle(u), N = parseInt(D.borderTopWidth, 10), W = parseInt(D.paddingTop, 10), X = parseInt(D.borderBottomWidth, 10), V = parseInt(D.paddingBottom, 10), R = N + W + U + V + X, H = Math.min(C.offsetHeight * 5, R), le = window.getComputedStyle(m), Qe = parseInt(le.paddingTop, 10), De = parseInt(le.paddingBottom, 10), Pe = T.top + T.height / 2 - Ue, ct = O - Pe, Kt = C.offsetHeight / 2, K = C.offsetTop + Kt, ce = N + W + K, we = R - ce;
+      const z = p(), O = window.innerHeight - Ue * 2, U = m.scrollHeight, D = window.getComputedStyle(u), N = parseInt(D.borderTopWidth, 10), W = parseInt(D.paddingTop, 10), X = parseInt(D.borderBottomWidth, 10), V = parseInt(D.paddingBottom, 10), R = N + W + U + V + X, H = Math.min(C.offsetHeight * 5, R), le = window.getComputedStyle(m), Qe = parseInt(le.paddingTop, 10), De = parseInt(le.paddingBottom, 10), Pe = T.top + T.height / 2 - Ue, ct = O - Pe, Kt = C.offsetHeight / 2, K = C.offsetTop + Kt, ce = N + W + K, we = R - ce;
       if (ce <= Pe) {
-        const ee = M.length > 0 && C === M[M.length - 1].ref.current;
+        const ee = z.length > 0 && C === z[z.length - 1].ref.current;
         l.style.bottom = "0px";
         const te = u.clientHeight - m.offsetTop - m.offsetHeight, dt = Math.max(
           ct,
@@ -388,7 +388,7 @@ var Gc = "SelectItemAlignedPosition", Ta = d.forwardRef((n, e) => {
         ), ut = ce + dt;
         l.style.height = ut + "px";
       } else {
-        const ee = M.length > 0 && C === M[0].ref.current;
+        const ee = z.length > 0 && C === z[0].ref.current;
         l.style.top = "0px";
         const dt = Math.max(
           Pe,
@@ -549,14 +549,14 @@ var Da = "SelectGroup", [Zc, _c] = jt(Da), Pa = d.forwardRef(
   }
 );
 Pa.displayName = Da;
-var Ua = "SelectLabel", Ma = d.forwardRef(
+var Ua = "SelectLabel", za = d.forwardRef(
   (n, e) => {
     const { __scopeSelect: t, ...s } = n, a = _c(Ua, t);
     return /* @__PURE__ */ r(ge.div, { id: a.id, ...s, ref: e });
   }
 );
-Ma.displayName = Ua;
-var Qn = "SelectItem", [$c, za] = jt(Qn), Oa = d.forwardRef(
+za.displayName = Ua;
+var Qn = "SelectItem", [$c, Ma] = jt(Qn), Oa = d.forwardRef(
   (n, e) => {
     const {
       __scopeSelect: t,
@@ -642,7 +642,7 @@ var Qn = "SelectItem", [$c, za] = jt(Qn), Oa = d.forwardRef(
 Oa.displayName = Qn;
 var sn = "SelectItemText", Fa = d.forwardRef(
   (n, e) => {
-    const { __scopeSelect: t, className: s, style: a, ...o } = n, i = at(sn, t), l = ot(sn, t), c = za(sn, t), u = Lc(sn, t), [h, A] = d.useState(null), p = ye(
+    const { __scopeSelect: t, className: s, style: a, ...o } = n, i = at(sn, t), l = ot(sn, t), c = Ma(sn, t), u = Lc(sn, t), [h, A] = d.useState(null), p = ye(
       e,
       (E) => A(E),
       c.onItemTextChange,
@@ -664,7 +664,7 @@ Fa.displayName = sn;
 var Ha = "SelectItemIndicator", ja = d.forwardRef(
   (n, e) => {
     const { __scopeSelect: t, ...s } = n;
-    return za(Ha, t).isSelected ? /* @__PURE__ */ r(ge.span, { "aria-hidden": !0, ...s, ref: e }) : null;
+    return Ma(Ha, t).isSelected ? /* @__PURE__ */ r(ge.span, { "aria-hidden": !0, ...s, ref: e }) : null;
   }
 );
 ja.displayName = Ha;
@@ -812,7 +812,7 @@ function Ga(n, e, t) {
 function ad(n, e) {
   return n.map((t, s) => n[(e + s) % n.length]);
 }
-var od = Ea, id = Ia, ld = Ba, cd = wa, dd = Ra, ud = Na, Ad = Ja, hd = Pa, pd = Ma, md = Oa, gd = Fa, fd = ja, vd = Wa, Xa = ["PageUp", "PageDown"], Ya = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Za = {
+var od = Ea, id = Ia, ld = Ba, cd = wa, dd = Ra, ud = Na, Ad = Ja, hd = Pa, pd = za, md = Oa, gd = Fa, fd = ja, vd = Wa, Xa = ["PageUp", "PageDown"], Ya = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Za = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
@@ -841,24 +841,24 @@ var od = Ea, id = Ia, ld = Ba, cd = wa, dd = Ra, ud = Na, Ad = Ja, hd = Pa, pd =
     } = n, C = d.useRef(/* @__PURE__ */ new Set()), E = d.useRef(0), I = i === "horizontal" ? Ed : Sd, [S = [], B] = Nn({
       prop: h,
       defaultProp: u,
-      onChange: (M) => {
+      onChange: (z) => {
         var U;
-        (U = [...C.current][E.current]) == null || U.focus(), A(M);
+        (U = [...C.current][E.current]) == null || U.focus(), A(z);
       }
     }), w = d.useRef(S);
-    function T(M) {
-      const O = Rd(S, M);
-      J(M, O);
+    function T(z) {
+      const O = Rd(S, z);
+      J(z, O);
     }
-    function z(M) {
-      J(M, E.current);
+    function M(z) {
+      J(z, E.current);
     }
     function Q() {
-      const M = w.current[E.current];
-      S[E.current] !== M && p(S);
+      const z = w.current[E.current];
+      S[E.current] !== z && p(S);
     }
-    function J(M, O, { commit: U } = { commit: !1 }) {
-      const D = Td(o), N = Jd(Math.round((M - s) / o) * o + s, D), W = xn(N, [s, a]);
+    function J(z, O, { commit: U } = { commit: !1 }) {
+      const D = Td(o), N = Jd(Math.round((z - s) / o) * o + s, D), W = xn(N, [s, a]);
       B((X = []) => {
         const V = Bd(X, W, O);
         if (Qd(V, c * o)) {
@@ -896,13 +896,13 @@ var od = Ea, id = Ia, ld = Ba, cd = wa, dd = Ra, ud = Na, Ad = Ja, hd = Pa, pd =
             max: a,
             inverted: k,
             onSlideStart: l ? void 0 : T,
-            onSlideMove: l ? void 0 : z,
+            onSlideMove: l ? void 0 : M,
             onSlideEnd: l ? void 0 : Q,
             onHomeKeyDown: () => !l && J(s, 0, { commit: !0 }),
             onEndKeyDown: () => !l && J(a, S.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: M, direction: O }) => {
+            onStepKeyDown: ({ event: z, direction: O }) => {
               if (!l) {
-                const N = Xa.includes(M.key) || M.shiftKey && Ya.includes(M.key) ? 10 : 1, W = E.current, X = S[W], V = o * N * O;
+                const N = Xa.includes(z.key) || z.shiftKey && Ya.includes(z.key) ? 10 : 1, W = E.current, X = S[W], V = o * N * O;
                 J(X + V, W, { commit: !0 });
               }
             }
@@ -1263,7 +1263,7 @@ var co = $a, uo = ro, Ao = ao, ho = oo, po = { exports: {} };
   })();
 })(po);
 var Dd = po.exports;
-const f = /* @__PURE__ */ Mc(Dd), se = { asChild: { type: "boolean" } }, Ce = { width: { type: "string", className: "rt-r-w", customProperties: ["--width"], responsive: !0 }, minWidth: { type: "string", className: "rt-r-min-w", customProperties: ["--min-width"], responsive: !0 }, maxWidth: { type: "string", className: "rt-r-max-w", customProperties: ["--max-width"], responsive: !0 } }, Wt = { height: { type: "string", className: "rt-r-h", customProperties: ["--height"], responsive: !0 }, minHeight: { type: "string", className: "rt-r-min-h", customProperties: ["--min-height"], responsive: !0 }, maxHeight: { type: "string", className: "rt-r-max-h", customProperties: ["--max-height"], responsive: !0 } }, Pd = ["1", "2", "3", "4"], mo = { ...se, align: { type: "enum", className: "rt-r-align", values: ["start", "center"], default: "center" }, size: { type: "enum", className: "rt-r-size", values: Pd, default: "3", responsive: !0 }, width: Ce.width, minWidth: Ce.minWidth, maxWidth: { ...Ce.maxWidth, default: "600px" }, ...Wt }, go = ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"], be = { color: { type: "enum", values: go, default: void 0 } }, Vt = { color: { type: "enum", values: go, default: "" } }, ke = { highContrast: { type: "boolean", className: "rt-high-contrast", default: void 0 } }, Ud = ["normal", "start", "end", "both"], qn = { trim: { type: "enum", className: "rt-r-lt", values: Ud, responsive: !0 } }, Md = ["left", "center", "right"], fo = { align: { type: "enum", className: "rt-r-ta", values: Md, responsive: !0 } }, zd = ["wrap", "nowrap", "pretty", "balance"], wt = { wrap: { type: "enum", className: "rt-r-tw", values: zd, responsive: !0 } }, Rt = { truncate: { type: "boolean", className: "rt-truncate" } }, Od = ["light", "regular", "medium", "bold"], Kn = { weight: { type: "enum", className: "rt-r-weight", values: Od, responsive: !0 } }, Fd = ["h1", "h2", "h3", "h4", "h5", "h6"], Hd = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], jd = { as: { type: "enum", values: Fd, default: "h1" }, ...se, size: { type: "enum", className: "rt-r-size", values: Hd, default: "6", responsive: !0 }, ...Kn, ...fo, ...qn, ...Rt, ...wt, ...be, ...ke }, Zs = ["initial", "xs", "sm", "md", "lg", "xl"];
+const f = /* @__PURE__ */ zc(Dd), se = { asChild: { type: "boolean" } }, Ce = { width: { type: "string", className: "rt-r-w", customProperties: ["--width"], responsive: !0 }, minWidth: { type: "string", className: "rt-r-min-w", customProperties: ["--min-width"], responsive: !0 }, maxWidth: { type: "string", className: "rt-r-max-w", customProperties: ["--max-width"], responsive: !0 } }, Wt = { height: { type: "string", className: "rt-r-h", customProperties: ["--height"], responsive: !0 }, minHeight: { type: "string", className: "rt-r-min-h", customProperties: ["--min-height"], responsive: !0 }, maxHeight: { type: "string", className: "rt-r-max-h", customProperties: ["--max-height"], responsive: !0 } }, Pd = ["1", "2", "3", "4"], mo = { ...se, align: { type: "enum", className: "rt-r-align", values: ["start", "center"], default: "center" }, size: { type: "enum", className: "rt-r-size", values: Pd, default: "3", responsive: !0 }, width: Ce.width, minWidth: Ce.minWidth, maxWidth: { ...Ce.maxWidth, default: "600px" }, ...Wt }, go = ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"], be = { color: { type: "enum", values: go, default: void 0 } }, Vt = { color: { type: "enum", values: go, default: "" } }, ke = { highContrast: { type: "boolean", className: "rt-high-contrast", default: void 0 } }, Ud = ["normal", "start", "end", "both"], qn = { trim: { type: "enum", className: "rt-r-lt", values: Ud, responsive: !0 } }, zd = ["left", "center", "right"], fo = { align: { type: "enum", className: "rt-r-ta", values: zd, responsive: !0 } }, Md = ["wrap", "nowrap", "pretty", "balance"], wt = { wrap: { type: "enum", className: "rt-r-tw", values: Md, responsive: !0 } }, Rt = { truncate: { type: "boolean", className: "rt-truncate" } }, Od = ["light", "regular", "medium", "bold"], Kn = { weight: { type: "enum", className: "rt-r-weight", values: Od, responsive: !0 } }, Fd = ["h1", "h2", "h3", "h4", "h5", "h6"], Hd = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], jd = { as: { type: "enum", values: Fd, default: "h1" }, ...se, size: { type: "enum", className: "rt-r-size", values: Hd, default: "6", responsive: !0 }, ...Kn, ...fo, ...qn, ...Rt, ...wt, ...be, ...ke }, Zs = ["initial", "xs", "sm", "md", "lg", "xl"];
 function vo(n, e) {
   return Object.prototype.hasOwnProperty.call(n, e);
 }
@@ -1565,14 +1565,14 @@ const Jo = d.forwardRef((n, e) => {
   return d.createElement(s ? tr : a, { ...o, ref: e, className: f("rt-Grid", t) });
 });
 Jo.displayName = "Grid";
-const Mu = me.forwardRef((n, e) => me.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...n, ref: e }, me.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z" })));
-Mu.displayName = "ThickDividerHorizontalIcon";
+const zu = me.forwardRef((n, e) => me.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...n, ref: e }, me.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z" })));
+zu.displayName = "ThickDividerHorizontalIcon";
 const Do = me.forwardRef((n, e) => me.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...n, ref: e }, me.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z" })));
 Do.displayName = "ThickCheckIcon";
 const Po = me.forwardRef((n, e) => me.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...n, ref: e }, me.createElement("path", { d: "M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z" })));
 Po.displayName = "ChevronDownIcon";
-const zu = me.forwardRef((n, e) => me.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...n, ref: e }, me.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z" })));
-zu.displayName = "ThickChevronRightIcon";
+const Mu = me.forwardRef((n, e) => me.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...n, ref: e }, me.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z" })));
+Mu.displayName = "ThickChevronRightIcon";
 const Ou = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], Fu = ["solid", "soft", "outline", "ghost"], Hu = { ...se, size: { type: "enum", className: "rt-r-size", values: Ou, responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Fu, default: "soft" }, ...Kn, ...Vt, ...ke, ...Rt, ...wt }, ju = d.forwardRef((n, e) => {
   const { asChild: t, className: s, color: a, ...o } = F(n, Hu, Y), i = n.variant === "ghost" ? a || void 0 : a, l = t ? fe : "code";
   return d.createElement(l, { "data-accent-color": i, ...o, ref: e, className: f("rt-reset", "rt-Code", s) });
@@ -1610,22 +1610,22 @@ const $u = ["start", "center", "end", "baseline", "stretch"], eA = ["horizontal"
   return d.createElement(P, { asChild: !0 }, d.createElement("dl", { ...s, ref: e, className: f("rt-DataListRoot", t) }));
 });
 Uo.displayName = "DataList.Root";
-const Mo = d.forwardRef((n, e) => {
+const zo = d.forwardRef((n, e) => {
   const { className: t, ...s } = F(n, sA);
   return d.createElement("div", { ...s, ref: e, className: f("rt-DataListItem", t) });
 });
-Mo.displayName = "DataList.Item";
-const zo = d.forwardRef((n, e) => {
+zo.displayName = "DataList.Item";
+const Mo = d.forwardRef((n, e) => {
   const { className: t, color: s, ...a } = F(n, rA);
   return d.createElement("dt", { ...a, "data-accent-color": s, ref: e, className: f("rt-DataListLabel", t) });
 });
-zo.displayName = "DataList.Label";
+Mo.displayName = "DataList.Label";
 const Oo = d.forwardRef(({ children: n, className: e, ...t }, s) => d.createElement("dd", { ...t, ref: s, className: f(e, "rt-DataListValue") }, n));
 Oo.displayName = "DataList.Value";
 const ES = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Item: Mo,
-  Label: zo,
+  Item: zo,
+  Label: Mo,
   Root: Uo,
   Value: Oo
 }, Symbol.toStringTag, { value: "Module" })), Fo = (n) => d.createElement(Il, { ...n, modal: !0 });
@@ -1747,11 +1747,11 @@ const BS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Item: ti,
   Root: ei
-}, Symbol.toStringTag, { value: "Module" })), PA = ["1", "2", "3"], UA = ["classic", "surface", "soft"], MA = { size: { type: "enum", className: "rt-r-size", values: PA, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: UA, default: "surface" }, ...be, ...ke }, zA = d.forwardRef((n, e) => {
-  const t = d.useRef(null), { className: s, color: a, onChange: o, onValueChange: i, ...l } = F(n, MA, Y);
+}, Symbol.toStringTag, { value: "Module" })), PA = ["1", "2", "3"], UA = ["classic", "surface", "soft"], zA = { size: { type: "enum", className: "rt-r-size", values: PA, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: UA, default: "surface" }, ...be, ...ke }, MA = d.forwardRef((n, e) => {
+  const t = d.useRef(null), { className: s, color: a, onChange: o, onValueChange: i, ...l } = F(n, zA, Y);
   return d.createElement("input", { type: "radio", "data-accent-color": a, ...l, onChange: ae(o, (c) => i == null ? void 0 : i(c.currentTarget.value)), ref: ua(t, e), className: f("rt-reset", "rt-BaseRadioRoot", "rt-RadioRoot", s) });
 });
-zA.displayName = "Radio";
+MA.displayName = "Radio";
 const OA = ["1", "2", "3"], FA = ["surface", "classic"], HA = { disabled: { type: "boolean", className: "disabled", default: !1 }, size: { type: "enum", className: "rt-r-size", values: OA, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: FA, default: "surface" }, ...je }, ni = d.forwardRef((n, e) => {
   const { className: t, children: s, radius: a, value: o, defaultValue: i, onValueChange: l, ...c } = F(n, HA, Y), [u, h] = Nn({ prop: o, onChange: l, defaultProp: i });
   return d.createElement(Ul, { "data-disabled": n.disabled || void 0, "data-radius": a, ref: e, className: f("rt-SegmentedControlRoot", t), onValueChange: (A) => {
@@ -1759,7 +1759,7 @@ const OA = ["1", "2", "3"], FA = ["surface", "classic"], HA = { disabled: { type
   }, ...c, type: "single", value: u, asChild: !1, disabled: !!n.disabled }, s, d.createElement("div", { className: "rt-SegmentedControlIndicator" }));
 });
 ni.displayName = "SegmentedControl.Root";
-const si = d.forwardRef(({ children: n, className: e, ...t }, s) => d.createElement(Ml, { ref: s, className: f("rt-reset", "rt-SegmentedControlItem", e), ...t, disabled: !1, asChild: !1 }, d.createElement("span", { className: "rt-SegmentedControlItemSeparator" }), d.createElement("span", { className: "rt-SegmentedControlItemLabel" }, d.createElement("span", { className: "rt-SegmentedControlItemLabelActive" }, n), d.createElement("span", { className: "rt-SegmentedControlItemLabelInactive", "aria-hidden": !0 }, n))));
+const si = d.forwardRef(({ children: n, className: e, ...t }, s) => d.createElement(zl, { ref: s, className: f("rt-reset", "rt-SegmentedControlItem", e), ...t, disabled: !1, asChild: !1 }, d.createElement("span", { className: "rt-SegmentedControlItemSeparator" }), d.createElement("span", { className: "rt-SegmentedControlItemLabel" }, d.createElement("span", { className: "rt-SegmentedControlItemLabelActive" }, n), d.createElement("span", { className: "rt-SegmentedControlItemLabelInactive", "aria-hidden": !0 }, n))));
 si.displayName = "SegmentedControl.Item";
 const jA = ["1", "2", "3", "4"], LA = ["none", "initial"], WA = { ...se, size: { type: "enum", className: "rt-r-size", values: jA, default: "3", responsive: !0 }, display: { type: "enum", className: "rt-r-display", values: LA, parseValue: VA, responsive: !0 } };
 function VA(n) {
@@ -1815,7 +1815,7 @@ const oh = { ...se, ...Rt, ...wt }, ih = d.forwardRef((n, e) => {
 ih.displayName = "Strong";
 const lh = ["1", "2", "3"], ch = ["classic", "surface", "soft"], dh = { size: { type: "enum", className: "rt-r-size", values: lh, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: ch, default: "surface" }, ...be, ...ke, ...je }, rt = d.forwardRef((n, e) => {
   const { className: t, color: s, radius: a, ...o } = F(n, dh, Y);
-  return d.createElement(zl, { "data-accent-color": s, "data-radius": a, ...o, asChild: !1, ref: e, className: f("rt-reset", "rt-SwitchRoot", t) }, d.createElement(Ol, { className: f("rt-SwitchThumb", { "rt-high-contrast": n.highContrast }) }));
+  return d.createElement(Ml, { "data-accent-color": s, "data-radius": a, ...o, asChild: !1, ref: e, className: f("rt-reset", "rt-SwitchRoot", t) }, d.createElement(Ol, { className: f("rt-SwitchThumb", { "rt-high-contrast": n.highContrast }) }));
 });
 rt.displayName = "Switch";
 const uh = ["1", "2"], Ah = ["nowrap", "wrap", "wrap-reverse"], hh = ["start", "center", "end"], ph = { size: { type: "enum", className: "rt-r-size", values: uh, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: Ah, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: hh, responsive: !0 }, ...be, ...ke }, mh = ["1", "2", "3"], gh = ["surface", "ghost"], fh = ["auto", "fixed"], us = { size: { type: "enum", className: "rt-r-size", values: mh, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: gh, default: "ghost" }, layout: { type: "enum", className: "rt-r-tl", values: fh, responsive: !0 } }, vh = ["start", "center", "end", "baseline"], Ch = { align: { type: "enum", className: "rt-r-va", values: vh, parseValue: yh, responsive: !0 } };
@@ -1923,16 +1923,16 @@ const Ai = d.forwardRef((n, e) => {
 Ai.displayName = "TextField.Slot";
 const Th = { content: { type: "ReactNode", required: !0 }, width: Ce.width, minWidth: Ce.minWidth, maxWidth: { ...Ce.maxWidth, default: "360px" } }, qt = d.forwardRef((n, e) => {
   const { children: t, className: s, open: a, defaultOpen: o, onOpenChange: i, delayDuration: l, disableHoverableContent: c, content: u, container: h, forceMount: A, ...p } = F(n, Th), k = { open: a, defaultOpen: o, onOpenChange: i, delayDuration: l, disableHoverableContent: c };
-  return d.createElement(Mn, { ...k }, d.createElement(zn, { asChild: !0 }, t), d.createElement(Aa, { container: h, forceMount: A }, d.createElement(it, { asChild: !0 }, d.createElement(On, { sideOffset: 4, collisionPadding: 10, ...p, asChild: !1, ref: e, className: f("rt-TooltipContent", s) }, d.createElement(P, { as: "p", className: "rt-TooltipText", size: "1" }, u), d.createElement(Fn, { className: "rt-TooltipArrow" })))));
+  return d.createElement(zn, { ...k }, d.createElement(Mn, { asChild: !0 }, t), d.createElement(Aa, { container: h, forceMount: A }, d.createElement(it, { asChild: !0 }, d.createElement(On, { sideOffset: 4, collisionPadding: 10, ...p, asChild: !1, ref: e, className: f("rt-TooltipContent", s) }, d.createElement(P, { as: "p", className: "rt-TooltipText", size: "1" }, u), d.createElement(Fn, { className: "rt-TooltipArrow" })))));
 });
 qt.displayName = "Tooltip";
-const Jh = "_upgradeItem_1isop_1", Dh = "_upgradeItemCollapsed_1isop_12", Ph = "_upgradeIcon_1isop_26", Uh = "_upgradeText_1isop_30", Mh = "_upgradeContent_1isop_44", zh = "_upgradeContentCollapsed_1isop_58", Oh = "_upgradeItemSelected_1isop_71", ft = {
+const Jh = "_upgradeItem_1isop_1", Dh = "_upgradeItemCollapsed_1isop_12", Ph = "_upgradeIcon_1isop_26", Uh = "_upgradeText_1isop_30", zh = "_upgradeContent_1isop_44", Mh = "_upgradeContentCollapsed_1isop_58", Oh = "_upgradeItemSelected_1isop_71", ft = {
   upgradeItem: Jh,
   upgradeItemCollapsed: Dh,
   upgradeIcon: Ph,
   upgradeText: Uh,
-  upgradeContent: Mh,
-  upgradeContentCollapsed: zh,
+  upgradeContent: zh,
+  upgradeContentCollapsed: Mh,
   upgradeItemSelected: Oh
 }, hi = An({
   close: () => {
@@ -2201,10 +2201,10 @@ const Rp = "_size1_18z9r_1", Np = "_accent_18z9r_5", xp = "_neutral_18z9r_15", Q
   }
 );
 Pp.displayName = "Callout";
-const Up = "_card_qkexv_1", Mp = "_iconContainer_qkexv_15", zp = "_icon_qkexv_15", Op = "_iconDefault_qkexv_26", Fp = "_iconHover_qkexv_31", Hp = "_drop_qkexv_59", jp = "_dropHover_qkexv_68", Le = {
+const Up = "_card_qkexv_1", zp = "_iconContainer_qkexv_15", Mp = "_icon_qkexv_15", Op = "_iconDefault_qkexv_26", Fp = "_iconHover_qkexv_31", Hp = "_drop_qkexv_59", jp = "_dropHover_qkexv_68", Le = {
   card: Up,
-  iconContainer: Mp,
-  icon: zp,
+  iconContainer: zp,
+  icon: Mp,
   iconDefault: Op,
   iconHover: Fp,
   "color-accent": "_color-accent_qkexv_47",
@@ -2407,7 +2407,7 @@ const om = "_container_1k1mq_1", im = "_content_1k1mq_19", lm = "_title_1k1mq_26
   ] });
 };
 um.displayName = "CigarBar";
-const Am = "_menuContent_1j71o_1", hm = "_menuSubContent_1j71o_2", pm = "_slideDownAndFade_1j71o_1", mm = "_slideLeftAndFade_1j71o_1", gm = "_slideUpAndFade_1j71o_1", fm = "_slideRightAndFade_1j71o_1", vm = "_menuPortal_1j71o_84", Cm = "_menuItem_1j71o_91", ym = "_label_1j71o_106", km = "_secondaryTextBottom_1j71o_110", Em = "_secondaryTextRight_1j71o_111", Sm = "_keybinding_1j71o_115", Im = "_leftIcon_1j71o_147", bm = "_rightIcon_1j71o_148", Bm = "_checkboxIndicatorSlot_1j71o_149", wm = "_menuCheckboxIndicator_1j71o_155", Rm = "_menuSeparator_1j71o_160", Nm = "_labelContainer_1j71o_180", xm = "_rightSlot_1j71o_204", Qm = "_menuSub_1j71o_2", Tm = "_menuSubTrigger_1j71o_241", Jm = "_menuTrigger_1j71o_275", Dm = "_showActiveTrigger_1j71o_275", Pm = "_menuLabel_1j71o_291", Um = "_menuItemSelected_1j71o_314", Mm = "_menuItemIndicator_1j71o_342", zm = "_menuCheckboxItem_1j71o_375", Om = "_red_1j71o_379", Fm = "_cyan_1j71o_396", L = {
+const Am = "_menuContent_1j71o_1", hm = "_menuSubContent_1j71o_2", pm = "_slideDownAndFade_1j71o_1", mm = "_slideLeftAndFade_1j71o_1", gm = "_slideUpAndFade_1j71o_1", fm = "_slideRightAndFade_1j71o_1", vm = "_menuPortal_1j71o_84", Cm = "_menuItem_1j71o_91", ym = "_label_1j71o_106", km = "_secondaryTextBottom_1j71o_110", Em = "_secondaryTextRight_1j71o_111", Sm = "_keybinding_1j71o_115", Im = "_leftIcon_1j71o_147", bm = "_rightIcon_1j71o_148", Bm = "_checkboxIndicatorSlot_1j71o_149", wm = "_menuCheckboxIndicator_1j71o_155", Rm = "_menuSeparator_1j71o_160", Nm = "_labelContainer_1j71o_180", xm = "_rightSlot_1j71o_204", Qm = "_menuSub_1j71o_2", Tm = "_menuSubTrigger_1j71o_241", Jm = "_menuTrigger_1j71o_275", Dm = "_showActiveTrigger_1j71o_275", Pm = "_menuLabel_1j71o_291", Um = "_menuItemSelected_1j71o_314", zm = "_menuItemIndicator_1j71o_342", Mm = "_menuCheckboxItem_1j71o_375", Om = "_red_1j71o_379", Fm = "_cyan_1j71o_396", L = {
   menuContent: Am,
   menuSubContent: hm,
   slideDownAndFade: pm,
@@ -2439,8 +2439,8 @@ const Am = "_menuContent_1j71o_1", hm = "_menuSubContent_1j71o_2", pm = "_slideD
   "menuLabel-size-1": "_menuLabel-size-1_1j71o_304",
   "menuLabel-size-2": "_menuLabel-size-2_1j71o_309",
   menuItemSelected: Um,
-  menuItemIndicator: Mm,
-  menuCheckboxItem: zm,
+  menuItemIndicator: zm,
+  menuCheckboxItem: Mm,
   red: Om,
   cyan: Fm
 }, mi = (n) => {
@@ -2784,7 +2784,7 @@ const qm = "_DataTable_17x9s_1", Km = "_titleText_17x9s_23", Gm = "_artistText_1
       return (H = R.dropdownOptions) == null ? void 0 : H.length;
     }),
     [t]
-  ), z = x(
+  ), M = x(
     (R) => {
       const le = (i == null ? void 0 : i.field) === R && (i == null ? void 0 : i.sort) === "ASC" ? "DESC" : "ASC";
       l == null || l(R, le);
@@ -2804,7 +2804,7 @@ const qm = "_DataTable_17x9s_1", Km = "_titleText_17x9s_23", Gm = "_artistText_1
       le == null && (m.current = H);
     },
     [t, u]
-  ), M = x(
+  ), z = x(
     (R, H) => {
       const le = (t == null ? void 0 : t.findIndex((Qe) => Qe.id === R)) ?? -1;
       le >= 0 && (m.current = le), u == null || u(R, H);
@@ -2884,7 +2884,7 @@ const qm = "_DataTable_17x9s_1", Km = "_titleText_17x9s_23", Gm = "_artistText_1
                       {
                         type: "button",
                         className: Z.sortButton,
-                        onClick: () => z(R.id),
+                        onClick: () => M(R.id),
                         children: [
                           /* @__PURE__ */ r(j, { size: "2", children: R.label }),
                           C === R.id && ((i == null ? void 0 : i.sort) === "DESC" ? /* @__PURE__ */ r(rc, { width: 16, height: 16 }) : /* @__PURE__ */ r(ac, { width: 16, height: 16 }))
@@ -2922,7 +2922,7 @@ const qm = "_DataTable_17x9s_1", Km = "_titleText_17x9s_23", Gm = "_artistText_1
             sortedKey: C,
             hasDropdownOptions: T,
             onRowClick: Q,
-            onSelectRow: M,
+            onSelectRow: z,
             onShiftClickRow: J,
             renderProjectCell: O,
             renderDataCell: D
@@ -3055,81 +3055,92 @@ const Pr = mi(_l), mn = qe(
     maxHeight: l,
     closeOnSelect: c = !0,
     sideOffset: u = 5,
-    ...h
-  }) => /* @__PURE__ */ r(he, { children: (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ g(
-    Yl,
-    {
-      ...h,
-      open: i ? !1 : h.open,
-      onOpenChange: i ? void 0 : h.onOpenChange,
-      children: [
-        /* @__PURE__ */ r(
-          Zl,
-          {
-            asChild: !0,
-            className: f(L.menuTrigger, {
-              [L.showActiveTrigger]: s
-            }),
-            disabled: i,
-            children: n
-          }
-        ),
-        l ? /* @__PURE__ */ r(Sr, { className: L.menuPortal, children: /* @__PURE__ */ r(
-          Ir,
-          {
-            className: f(L.menuContent, t),
-            size: a,
-            side: h.side,
-            align: h.align,
-            style: { height: l },
-            sideOffset: u,
-            alignOffset: 0,
-            onCloseAutoFocus: (A) => {
-              A.preventDefault();
-            },
-            onClick: (A) => A.stopPropagation(),
-            children: /* @__PURE__ */ r(
-              Nt,
-              {
-                scrollbars: "vertical",
-                style: { height: l },
-                children: e == null ? void 0 : e.map(
-                  (A) => Pr(
-                    A,
-                    a,
-                    o,
-                    c
+    matchTriggerWidth: h = !1,
+    ...A
+  }) => {
+    const p = {
+      ...h && {
+        width: "var(--radix-dropdown-menu-trigger-width)",
+        boxSizing: "border-box"
+      },
+      ...l && { height: l }
+    };
+    return /* @__PURE__ */ r(he, { children: (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ g(
+      Yl,
+      {
+        ...A,
+        open: i ? !1 : A.open,
+        onOpenChange: i ? void 0 : A.onOpenChange,
+        children: [
+          /* @__PURE__ */ r(
+            Zl,
+            {
+              asChild: !0,
+              className: f(L.menuTrigger, {
+                [L.showActiveTrigger]: s
+              }),
+              disabled: i,
+              children: n
+            }
+          ),
+          l ? /* @__PURE__ */ r(Sr, { className: L.menuPortal, children: /* @__PURE__ */ r(
+            Ir,
+            {
+              className: f(L.menuContent, t),
+              size: a,
+              side: A.side,
+              align: A.align,
+              style: p,
+              sideOffset: u,
+              alignOffset: 0,
+              onCloseAutoFocus: (k) => {
+                k.preventDefault();
+              },
+              onClick: (k) => k.stopPropagation(),
+              children: /* @__PURE__ */ r(
+                Nt,
+                {
+                  scrollbars: "vertical",
+                  style: { height: l },
+                  children: e == null ? void 0 : e.map(
+                    (k) => Pr(
+                      k,
+                      a,
+                      o,
+                      c
+                    )
                   )
+                }
+              )
+            }
+          ) }) : /* @__PURE__ */ r(Sr, { className: L.menuPortal, children: /* @__PURE__ */ r(
+            Ir,
+            {
+              className: f(L.menuContent, t),
+              size: a,
+              side: A.side,
+              align: A.align,
+              style: p,
+              sideOffset: u,
+              alignOffset: 0,
+              onCloseAutoFocus: (k) => {
+                k.preventDefault();
+              },
+              onClick: (k) => k.stopPropagation(),
+              children: e == null ? void 0 : e.map(
+                (k) => Pr(
+                  k,
+                  a,
+                  o,
+                  c
                 )
-              }
-            )
-          }
-        ) }) : /* @__PURE__ */ r(Sr, { className: L.menuPortal, children: /* @__PURE__ */ r(
-          Ir,
-          {
-            className: f(L.menuContent, t),
-            size: a,
-            side: h.side,
-            align: h.align,
-            sideOffset: u,
-            alignOffset: 0,
-            onCloseAutoFocus: (A) => {
-              A.preventDefault();
-            },
-            onClick: (A) => A.stopPropagation(),
-            children: e == null ? void 0 : e.map(
-              (A) => Pr(
-                A,
-                a,
-                o,
-                c
               )
-            )
-          }
-        ) })
-      ]
-    }
-  ) })
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
 );
 mn.displayName = "DropdownMenu";
 const Cr = An(null), gi = An(null), fi = An(null);
@@ -3240,18 +3251,18 @@ function Ng({ initialScreen: n, animated: e, children: t }) {
       (J == null ? void 0 : J.type) === Ci && (Q[J.props.name] = J.props);
     }), Q;
   }, [t]), p = x((Q, J = null) => {
-    e && J && Rg(h.current, J), a(Q), i({}), c((M) => M + 1);
+    e && J && Rg(h.current, J), a(Q), i({}), c((z) => z + 1);
   }, [e]), k = x(
-    (Q, J = {}) => p((M) => [...M, { name: Q, params: J }], "forward"),
+    (Q, J = {}) => p((z) => [...z, { name: Q, params: J }], "forward"),
     [p]
   ), v = x(
     () => p((Q) => Q.length > 1 ? Q.slice(0, -1) : Q, "back"),
     [p]
   ), m = x(
     (Q) => p((J) => {
-      const M = J.findIndex((O) => O.name === Q);
-      if (M === -1) throw new Error(`Screen "${Q}" is not in the stack`);
-      return J.slice(0, M + 1);
+      const z = J.findIndex((O) => O.name === Q);
+      if (z === -1) throw new Error(`Screen "${Q}" is not in the stack`);
+      return J.slice(0, z + 1);
     }, "back"),
     [p]
   ), C = x(
@@ -3264,10 +3275,10 @@ function Ng({ initialScreen: n, animated: e, children: t }) {
   if (!S) return null;
   const B = (Q, J) => Q in o ? o[Q] : S[Q] ?? J, w = S.component, T = x(
     (Q) => {
-      u.current[u.current.length - 1].name === I.name && i((M) => ({ ...M, ...Q }));
+      u.current[u.current.length - 1].name === I.name && i((z) => ({ ...z, ...Q }));
     },
     [I.name]
-  ), z = _(
+  ), M = _(
     () => ({ name: I.name, params: I.params || {}, setOptions: T }),
     [I.name, I.params, T]
   );
@@ -3288,7 +3299,7 @@ function Ng({ initialScreen: n, animated: e, children: t }) {
       {
         ref: h,
         style: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0, overflow: "hidden" },
-        children: /* @__PURE__ */ r(fi.Provider, { value: z, children: /* @__PURE__ */ r(w, {}) }, l)
+        children: /* @__PURE__ */ r(fi.Provider, { value: M, children: /* @__PURE__ */ r(w, {}) }, l)
       }
     )
   ] }) });
@@ -3300,7 +3311,7 @@ ss.Header = vi;
 ss.Content = bg;
 ss.Footer = Bg;
 ss.Screen = Ci;
-const xg = "_floatingBanner_uvpwv_1", Qg = "_white_uvpwv_12", Tg = "_error_uvpwv_16", Jg = "_warning_uvpwv_20", Dg = "_success_uvpwv_24", Pg = "_iconWrapper_uvpwv_28", Ug = "_container_uvpwv_35", Mg = "_column_uvpwv_44", zg = "_content_uvpwv_49", Og = "_title_uvpwv_55", Fg = "_strong_uvpwv_62", Hg = "_description_uvpwv_66", jg = "_action_uvpwv_73", Lg = "_close_uvpwv_84", Be = {
+const xg = "_floatingBanner_uvpwv_1", Qg = "_white_uvpwv_12", Tg = "_error_uvpwv_16", Jg = "_warning_uvpwv_20", Dg = "_success_uvpwv_24", Pg = "_iconWrapper_uvpwv_28", Ug = "_container_uvpwv_35", zg = "_column_uvpwv_44", Mg = "_content_uvpwv_49", Og = "_title_uvpwv_55", Fg = "_strong_uvpwv_62", Hg = "_description_uvpwv_66", jg = "_action_uvpwv_73", Lg = "_close_uvpwv_84", Be = {
   floatingBanner: xg,
   white: Qg,
   error: Tg,
@@ -3308,8 +3319,8 @@ const xg = "_floatingBanner_uvpwv_1", Qg = "_white_uvpwv_12", Tg = "_error_uvpwv
   success: Dg,
   iconWrapper: Pg,
   container: Ug,
-  column: Mg,
-  content: zg,
+  column: zg,
+  content: Mg,
   title: Og,
   strong: Fg,
   description: Hg,
@@ -3458,7 +3469,7 @@ const Vg = "_InfoIconWithTooltip_153uu_1", qg = {
   }
 );
 Je.displayName = "TooltipWithInfoIcon";
-const Kg = "_messageWithActionInfo_152jv_1", Gg = "_messageWithAction_152jv_1", Mr = {
+const Kg = "_messageWithActionInfo_152jv_1", Gg = "_messageWithAction_152jv_1", zr = {
   messageWithActionInfo: Kg,
   messageWithAction: Gg
 }, xe = ({
@@ -3477,8 +3488,8 @@ const Kg = "_messageWithActionInfo_152jv_1", Gg = "_messageWithAction_152jv_1",
     size: "1",
     color: n === "error" ? "red" : n === "warn" ? "yellow" : "gray",
     className: f(a, {
-      [Mr.messageWithActionInfo]: !o,
-      [Mr.messageWithAction]: o
+      [zr.messageWithActionInfo]: !o,
+      [zr.messageWithAction]: o
     }),
     ...c,
     children: /* @__PURE__ */ g(y, { align: "center", width: "100%", gap: "2", justify: "between", children: [
@@ -3764,8 +3775,8 @@ const TS = as, sf = "_sliderRoot_7wkh4_23", rf = "_sliderTrack_7wkh4_31", af = "
       disabled: t,
       children: /* @__PURE__ */ g("div", { className: Ct.sliderContainer, children: [
         /* @__PURE__ */ r(uo, { className: Ct.sliderTrack, children: /* @__PURE__ */ r(Ao, { className: Ct.sliderRange }) }),
-        /* @__PURE__ */ r(Un, { delayDuration: 200, children: /* @__PURE__ */ g(Mn, { open: s, children: [
-          /* @__PURE__ */ r(zn, { asChild: !0, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r(Un, { delayDuration: 200, children: /* @__PURE__ */ g(zn, { open: s, children: [
+          /* @__PURE__ */ r(Mn, { asChild: !0, children: /* @__PURE__ */ r(
             ho,
             {
               className: Ct.sliderThumb,
@@ -3847,7 +3858,7 @@ const gf = "_content_1vf1h_1", ff = "_pan_1vf1h_13", vf = "_disabled_1vf1h_26",
   disabled: vf,
   active: Cf
 }, yf = typeof window < "u" ? Hi : ue;
-function Mt(n, e, t) {
+function zt(n, e, t) {
   const s = oe(e);
   yf(() => {
     s.current = e;
@@ -3861,7 +3872,7 @@ function Mt(n, e, t) {
     };
   }, [n, t]);
 }
-const Bn = 19.5, wn = 19.5, zr = 14, Or = 18, kf = [
+const Bn = 19.5, wn = 19.5, Mr = 14, Or = 18, kf = [
   -Math.PI / 2,
   // 12h (top)
   -Math.PI / 4,
@@ -4001,7 +4012,7 @@ const Bn = 19.5, wn = 19.5, zr = 14, Or = 18, kf = [
     },
     [o, t, e, s]
   );
-  return Mt("wheel", p, i), Mt("mousedown", k, i), Mt("mousemove", v), Mt("mouseup", m), Mt("mouseleave", C), {
+  return zt("wheel", p, i), zt("mousedown", k, i), zt("mousemove", v), zt("mouseup", m), zt("mouseleave", C), {
     containerRef: i,
     isDragging: l,
     handleClick: E,
@@ -4046,13 +4057,13 @@ const Bn = 19.5, wn = 19.5, zr = 14, Or = 18, kf = [
             s && kn.disabled
           ),
           children: /* @__PURE__ */ g("svg", { width: 39, height: 39, viewBox: "0 0 39 39", fill: "none", children: [
-            /* @__PURE__ */ r("circle", { cx: Bn, cy: wn, r: zr }),
+            /* @__PURE__ */ r("circle", { cx: Bn, cy: wn, r: Mr }),
             /* @__PURE__ */ r(
               "circle",
               {
                 cx: Bn,
                 cy: wn,
-                r: zr + 0.5,
+                r: Mr + 0.5,
                 stroke: "#D3EDF8",
                 strokeOpacity: 0.113725
               }
@@ -4126,7 +4137,7 @@ const Bn = 19.5, wn = 19.5, zr = 14, Or = 18, kf = [
   );
 };
 Bf.displayName = "Knob";
-const wf = "_listCardsItem_rjypk_1", Rf = "_listCardsItemDescriptionWrappable_rjypk_21", Nf = "_listCardsItemSize2_rjypk_37", xf = "_listCardsItemSize3_rjypk_41", Qf = "_listCardsAvatar_rjypk_45", Tf = "_listCardsAvatarSize2_rjypk_51", Jf = "_listCardsAvatarSize3_rjypk_56", Df = "_listCardsAvatarIcon_rjypk_61", Pf = "_listCardsAvatarIconSize2_rjypk_72", Uf = "_listCardsAvatarIconSize3_rjypk_77", Mf = "_clickableAvatar_rjypk_82", zf = "_avatarContainer_rjypk_92", Of = "_avatarContent_rjypk_102", Ff = "_listCardsDetailAvatar_rjypk_123", Hf = "_listCardsDetails_rjypk_130", jf = "_listCardsItemText_rjypk_134", Lf = "_listCardsItemDescription_rjypk_21", Wf = "_listCardsDetailDescription_rjypk_154", Vf = "_cardWrapper_rjypk_158", qf = "_cardActions_rjypk_163", Kf = "_seeDetailsButton_rjypk_173", Gf = "_favoriteButton_rjypk_186", Xf = "_buttonGhost_rjypk_206", Yf = "_gridContainer_rjypk_229", $ = {
+const wf = "_listCardsItem_rjypk_1", Rf = "_listCardsItemDescriptionWrappable_rjypk_21", Nf = "_listCardsItemSize2_rjypk_37", xf = "_listCardsItemSize3_rjypk_41", Qf = "_listCardsAvatar_rjypk_45", Tf = "_listCardsAvatarSize2_rjypk_51", Jf = "_listCardsAvatarSize3_rjypk_56", Df = "_listCardsAvatarIcon_rjypk_61", Pf = "_listCardsAvatarIconSize2_rjypk_72", Uf = "_listCardsAvatarIconSize3_rjypk_77", zf = "_clickableAvatar_rjypk_82", Mf = "_avatarContainer_rjypk_92", Of = "_avatarContent_rjypk_102", Ff = "_listCardsDetailAvatar_rjypk_123", Hf = "_listCardsDetails_rjypk_130", jf = "_listCardsItemText_rjypk_134", Lf = "_listCardsItemDescription_rjypk_21", Wf = "_listCardsDetailDescription_rjypk_154", Vf = "_cardWrapper_rjypk_158", qf = "_cardActions_rjypk_163", Kf = "_seeDetailsButton_rjypk_173", Gf = "_favoriteButton_rjypk_186", Xf = "_buttonGhost_rjypk_206", Yf = "_gridContainer_rjypk_229", $ = {
   listCardsItem: wf,
   listCardsItemDescriptionWrappable: Rf,
   listCardsItemSize2: Nf,
@@ -4137,8 +4148,8 @@ const wf = "_listCardsItem_rjypk_1", Rf = "_listCardsItemDescriptionWrappable_rj
   listCardsAvatarIcon: Df,
   listCardsAvatarIconSize2: Pf,
   listCardsAvatarIconSize3: Uf,
-  clickableAvatar: Mf,
-  avatarContainer: zf,
+  clickableAvatar: zf,
+  avatarContainer: Mf,
   avatarContent: Of,
   listCardsDetailAvatar: Ff,
   listCardsDetails: Hf,
@@ -4192,7 +4203,7 @@ const wf = "_listCardsItem_rjypk_1", Rf = "_listCardsItemDescriptionWrappable_rj
   shapes7: Cv,
   shapes8: yv,
   shapes9: kv
-}, Ms = {
+}, zs = {
   // Yellow gradients
   yellowLight: {
     gradient: "linear-gradient(225deg, #FDFFB6 0%, #B0D169 100%)",
@@ -4286,7 +4297,7 @@ const wf = "_listCardsItem_rjypk_1", Rf = "_listCardsItemDescriptionWrappable_rj
   }
 };
 function Qv(n) {
-  const e = Object.keys(Ms), t = Object.keys(Us);
+  const e = Object.keys(zs), t = Object.keys(Us);
   function s(l) {
     let c = 5381;
     for (let u = 0; u < l.length; u++)
@@ -4308,7 +4319,7 @@ const bi = ({
   className: o,
   ...i
 }) => {
-  const l = _(() => Object.keys(Ms), []), c = _(() => Object.keys(Us), []), { color: u, graphic: h } = _(() => {
+  const l = _(() => Object.keys(zs), []), c = _(() => Object.keys(Us), []), { color: u, graphic: h } = _(() => {
     let v = n, m = e;
     if (a) {
       const C = Qv(a);
@@ -4323,7 +4334,7 @@ const bi = ({
       m = c[C];
     }
     return { color: v, graphic: m };
-  }, [n, e, a, l, c]), A = Ms[u], p = Us[h], k = _(
+  }, [n, e, a, l, c]), A = zs[u], p = Us[h], k = _(
     () => ({
       background: A.gradient,
       opacity: A.opacity
@@ -4629,12 +4640,12 @@ const JS = ({
       children: n._("Reset")
     }
   )
-] }), Dv = "_selectTrigger_1b07c_1", Pv = "_soft_1b07c_1", Uv = "_ghost_1b07c_2", Mv = "_hideIndicator_1b07c_30", zv = "_size1_1b07c_34", Ov = "_size2_1b07c_39", Fv = "_selectItem_1b07c_45", Ye = {
+] }), Dv = "_selectTrigger_1b07c_1", Pv = "_soft_1b07c_1", Uv = "_ghost_1b07c_2", zv = "_hideIndicator_1b07c_30", Mv = "_size1_1b07c_34", Ov = "_size2_1b07c_39", Fv = "_selectItem_1b07c_45", Ye = {
   selectTrigger: Dv,
   soft: Pv,
   ghost: Uv,
-  hideIndicator: Mv,
-  size1: zv,
+  hideIndicator: zv,
+  size1: Mv,
   size2: Ov,
   selectItem: Fv
 }, Hv = ({
@@ -4744,7 +4755,7 @@ const JS = ({
   ] });
 };
 Hv.displayName = "MultiSelect";
-const jv = "_customCard_1klw4_2", Lv = "_selected_1klw4_18", Wv = "_disabled_1klw4_18", Vv = "_lockedIcon_1klw4_24", qv = "_gridContainer_1klw4_46", Kv = "_icon_1klw4_52", zt = {
+const jv = "_customCard_1klw4_2", Lv = "_selected_1klw4_18", Wv = "_disabled_1klw4_18", Vv = "_lockedIcon_1klw4_24", qv = "_gridContainer_1klw4_46", Kv = "_icon_1klw4_52", Mt = {
   customCard: jv,
   selected: Lv,
   disabled: Wv,
@@ -4759,9 +4770,9 @@ const jv = "_customCard_1klw4_2", Lv = "_selected_1klw4_18", Wv = "_disabled_1kl
     ir,
     {
       onClick: l ? void 0 : o,
-      className: f(zt.customCard, {
-        [zt.selected]: i,
-        [zt.disabled]: l
+      className: f(Mt.customCard, {
+        [Mt.selected]: i,
+        [Mt.disabled]: l
       }),
       variant: "surface",
       children: /* @__PURE__ */ g(y, { align: "start", direction: "column", height: "70px", justify: "between", children: [
@@ -4769,14 +4780,14 @@ const jv = "_customCard_1klw4_2", Lv = "_selected_1klw4_18", Wv = "_disabled_1kl
           n.icon && /* @__PURE__ */ r(
             Ae,
             {
-              className: zt.icon,
+              className: Mt.icon,
               style: {
                 color: i && !l ? "var(--aqua-9)" : "var(--neutral-alpha-11)"
               },
               children: n.icon
             }
           ),
-          n.isLocked && /* @__PURE__ */ r(cc, { width: 12, height: 12, className: zt.lockedIcon })
+          n.isLocked && /* @__PURE__ */ r(cc, { width: 12, height: 12, className: Mt.lockedIcon })
         ] }),
         /* @__PURE__ */ r(
           P,
@@ -4794,7 +4805,7 @@ const jv = "_customCard_1klw4_2", Lv = "_selected_1klw4_18", Wv = "_disabled_1kl
       ] })
     }
   ) });
-}, zs = ({
+}, Ms = ({
   items: n,
   value: e = [],
   onSelect: t,
@@ -4804,7 +4815,7 @@ const jv = "_customCard_1klw4_2", Lv = "_selected_1klw4_18", Wv = "_disabled_1kl
 }) => /* @__PURE__ */ r(Nt, { height: "100%", width: "100%", scrollbars: "vertical", children: /* @__PURE__ */ r(
   Ae,
   {
-    className: f(zt.gridContainer, s),
+    className: f(Mt.gridContainer, s),
     pr: "3",
     ...o,
     children: n.map((i) => /* @__PURE__ */ r(
@@ -4820,7 +4831,7 @@ const jv = "_customCard_1klw4_2", Lv = "_selected_1klw4_18", Wv = "_disabled_1kl
     ))
   }
 ) });
-zs.displayName = "MultiSelectCards";
+Ms.displayName = "MultiSelectCards";
 const Xv = "_content_15nbm_1", Yv = "_pan_15nbm_13", Zv = "_disabled_15nbm_26", _v = "_active_15nbm_31", $v = "_tooltipContent_15nbm_41", eC = "_tooltipArrow_15nbm_57", Qt = {
   content: Xv,
   pan: Yv,
@@ -4868,7 +4879,7 @@ const Xv = "_content_15nbm_1", Yv = "_pan_15nbm_13", Zv = "_disabled_15nbm_26",
     },
     [e, b]
   );
-  Mt("wheel", I, i);
+  zt("wheel", I, i);
   const S = x(
     (U) => {
       var N;
@@ -4893,7 +4904,7 @@ const Xv = "_content_15nbm_1", Yv = "_pan_15nbm_13", Zv = "_disabled_15nbm_26",
       U.detail === 2 && b(0);
     },
     [b]
-  ), { arcPath: z, pointerRotation: Q, arcColor: J, pointerColor: M } = _(() => {
+  ), { arcPath: M, pointerRotation: Q, arcColor: J, pointerColor: z } = _(() => {
     const U = Lr(e, a, o), D = jr(U), N = hs + D * Math.PI, W = _t + yt * Math.cos(hs), X = $t + yt * Math.sin(hs), V = _t + yt * Math.cos(N), R = $t + yt * Math.sin(N), H = 0, le = D > 0 ? 1 : 0;
     return {
       arcPath: `M ${W.toFixed(3)} ${X.toFixed(3)}
@@ -4915,8 +4926,8 @@ const Xv = "_content_15nbm_1", Yv = "_pan_15nbm_13", Zv = "_disabled_15nbm_26",
       "data-no-drag": "true",
       onClick: T,
       style: { cursor: s ? "default" : "ns-resize" },
-      children: /* @__PURE__ */ r(Un, { delayDuration: 200, children: /* @__PURE__ */ g(Mn, { open: l, children: [
-        /* @__PURE__ */ r(zn, { asChild: !0, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r(Un, { delayDuration: 200, children: /* @__PURE__ */ g(zn, { open: l, children: [
+        /* @__PURE__ */ r(Mn, { asChild: !0, children: /* @__PURE__ */ r(
           "div",
           {
             className: f(
@@ -4943,7 +4954,7 @@ const Xv = "_content_15nbm_1", Yv = "_pan_15nbm_13", Zv = "_disabled_15nbm_26",
               e !== 0 && /* @__PURE__ */ r(
                 "path",
                 {
-                  d: z,
+                  d: M,
                   stroke: J,
                   strokeLinecap: "round",
                   strokeWidth: 1,
@@ -4958,7 +4969,7 @@ const Xv = "_content_15nbm_1", Yv = "_pan_15nbm_13", Zv = "_disabled_15nbm_26",
                     "path",
                     {
                       d: "M10 0.5 L10 6",
-                      stroke: M,
+                      stroke: z,
                       strokeLinecap: "round",
                       strokeWidth: 1
                     }
@@ -5158,7 +5169,7 @@ const BC = ({
       onSelectionChange: u
     }
   );
-}, wC = "_projectTitle_ljcse_1", RC = "_projectArtist_ljcse_5", NC = "_projectCover_ljcse_9", xC = "_item_ljcse_24", QC = "_opened_ljcse_28", TC = "_itemTrack_ljcse_38", JC = "_iconArrowLeft_ljcse_42", DC = "_iconTrack_ljcse_54", PC = "_trackTitle_ljcse_60", UC = "_icon_ljcse_42", Me = {
+}, wC = "_projectTitle_ljcse_1", RC = "_projectArtist_ljcse_5", NC = "_projectCover_ljcse_9", xC = "_item_ljcse_24", QC = "_opened_ljcse_28", TC = "_itemTrack_ljcse_38", JC = "_iconArrowLeft_ljcse_42", DC = "_iconTrack_ljcse_54", PC = "_trackTitle_ljcse_60", UC = "_icon_ljcse_42", ze = {
   projectTitle: wC,
   projectArtist: RC,
   projectCover: NC,
@@ -5169,7 +5180,7 @@ const BC = ({
   iconTrack: DC,
   trackTitle: PC,
   icon: UC
-}, MC = (n) => {
+}, zC = (n) => {
   switch (n) {
     case "original":
       return /* @__PURE__ */ r(fc, { width: 16, height: 16 });
@@ -5222,7 +5233,7 @@ const BC = ({
   openedItem: null,
   setOpenedItem: () => {
   }
-}), zC = ({
+}), MC = ({
   children: n,
   onClickTrack: e,
   onInsertAllTracks: t
@@ -5260,15 +5271,15 @@ const BC = ({
       direction: "column",
       gap: "2",
       p: "1",
-      className: `${Me.item} ${u === n ? Me.opened : ""}`,
+      className: `${ze.item} ${u === n ? ze.opened : ""}`,
       onClick: k,
       ...i,
       children: [
         /* @__PURE__ */ g(y, { direction: "row", gap: "3", children: [
-          /* @__PURE__ */ r(y, { className: Me.projectCover, children: /* @__PURE__ */ r(yr, { type: a, cover: s, size: "48px" }) }),
+          /* @__PURE__ */ r(y, { className: ze.projectCover, children: /* @__PURE__ */ r(yr, { type: a, cover: s, size: "48px" }) }),
           /* @__PURE__ */ g(y, { direction: "column", gap: "1", align: "start", justify: "center", children: [
-            /* @__PURE__ */ r(P, { size: "2", className: Me.projectTitle, children: e }),
-            t && /* @__PURE__ */ r(P, { size: "1", className: Me.projectArtist, children: t })
+            /* @__PURE__ */ r(P, { size: "2", className: ze.projectTitle, children: e }),
+            t && /* @__PURE__ */ r(P, { size: "1", className: ze.projectArtist, children: t })
           ] })
         ] }),
         u === n && /* @__PURE__ */ g(y, { direction: "column", children: [
@@ -5282,16 +5293,16 @@ const BC = ({
               {
                 direction: "row",
                 gap: "3",
-                className: Me.itemTrack,
+                className: ze.itemTrack,
                 onClick: (C) => {
                   C.stopPropagation(), l == null || l(m);
                 },
                 children: [
-                  /* @__PURE__ */ g("div", { className: Me.icon, children: [
-                    /* @__PURE__ */ r(y, { className: Me.iconTrack, children: MC(m.id) }),
-                    /* @__PURE__ */ r(Ss, { width: 16, height: 16, className: Me.iconArrowLeft })
+                  /* @__PURE__ */ g("div", { className: ze.icon, children: [
+                    /* @__PURE__ */ r(y, { className: ze.iconTrack, children: zC(m.id) }),
+                    /* @__PURE__ */ r(Ss, { width: 16, height: 16, className: ze.iconArrowLeft })
                   ] }),
-                  /* @__PURE__ */ r(y, { direction: "column", gap: "1", align: "start", justify: "center", children: /* @__PURE__ */ r(P, { size: "2", className: Me.trackTitle, children: m.title }) })
+                  /* @__PURE__ */ r(y, { direction: "column", gap: "1", align: "start", justify: "center", children: /* @__PURE__ */ r(P, { size: "2", className: ze.trackTitle, children: m.title }) })
                 ]
               },
               m.id
@@ -5326,7 +5337,7 @@ const BC = ({
     }
   );
 };
-zC.Item = OC;
+MC.Item = OC;
 const FC = "_RadioCardsGroup_95mfr_1", HC = "_RadioCardsGroupItem_95mfr_5", jC = "_RadioCardsGroupDescription_95mfr_33", LC = "_showRadio_95mfr_37", WC = "_RadioCardsGroupItemContent_95mfr_40", en = {
   RadioCardsGroup: FC,
   RadioCardsGroupItem: HC,
@@ -5385,28 +5396,28 @@ const qC = "_starButton_azi6g_1", KC = "_disabled_azi6g_17", GC = "_readOnly_azi
   const [p, k] = q(t || 0), [v, m] = q(0), C = e !== void 0 ? e : p, E = e !== void 0, b = x(
     (w) => {
       if (s || a) return;
-      const T = w + 1, z = T === C ? 0 : T;
-      E || k(z), o == null || o({ value: z });
+      const T = w + 1, M = T === C ? 0 : T;
+      E || k(M), o == null || o({ value: M });
     },
     [s, a, E, o, C]
   ), I = x(
     (w) => {
       if (s || a) return;
-      const T = w.currentTarget.getBoundingClientRect(), z = w.clientX - T.left, Q = T.width / n, J = Math.floor(z / Q), O = Math.max(0, Math.min(J, n - 1)) + 1;
+      const T = w.currentTarget.getBoundingClientRect(), M = w.clientX - T.left, Q = T.width / n, J = Math.floor(M / Q), O = Math.max(0, Math.min(J, n - 1)) + 1;
       O !== v && (m(O), i == null || i({ value: O }));
     },
     [s, a, n, v, i]
   ), S = x(() => {
     s || a || (m(0), i == null || i({ value: 0 }));
   }, [s, a, i]), B = (w) => {
-    const T = v > 0 ? w < v : w < C, z = v > 0 && w < v, Q = w < C;
+    const T = v > 0 ? w < v : w < C, M = v > 0 && w < v, Q = w < C;
     return /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: f(Re.starButton, {
           [Re.filled]: T,
-          [Re.hovered]: z,
+          [Re.hovered]: M,
           [Re.active]: Q,
           [Re.disabled]: s,
           [Re.readOnly]: a
@@ -5616,7 +5627,7 @@ const m1 = "_selectContent_183an_2", g1 = "_selectTrigger_183an_68", f1 = "_soft
   ) })
 ] });
 Ft.displayName = "Select";
-const S1 = "_sliderTrack_bq3k4_29", I1 = "_sliderTrackSize1_bq3k4_40", b1 = "_sliderTrackSize2_bq3k4_44", B1 = "_sliderTrackSize3_bq3k4_48", w1 = "_sliderRange_bq3k4_56", R1 = "_sliderRangeAccent_bq3k4_66", N1 = "_sliderRangeNeutral_bq3k4_69", x1 = "_sliderRangeHighContrastAccent_bq3k4_73", Q1 = "_sliderRangeHighContrastNeutral_bq3k4_77", T1 = "_sliderThumb_bq3k4_90", J1 = "_sliderThumbSize1_bq3k4_103", D1 = "_sliderThumbSize2_bq3k4_109", P1 = "_sliderThumbSize3_bq3k4_114", U1 = "_sliderContainer_bq3k4_126", M1 = "_markersContainer_bq3k4_136", z1 = "_marker_bq3k4_136", O1 = "_markerSize3_bq3k4_157", ve = {
+const S1 = "_sliderTrack_bq3k4_29", I1 = "_sliderTrackSize1_bq3k4_40", b1 = "_sliderTrackSize2_bq3k4_44", B1 = "_sliderTrackSize3_bq3k4_48", w1 = "_sliderRange_bq3k4_56", R1 = "_sliderRangeAccent_bq3k4_66", N1 = "_sliderRangeNeutral_bq3k4_69", x1 = "_sliderRangeHighContrastAccent_bq3k4_73", Q1 = "_sliderRangeHighContrastNeutral_bq3k4_77", T1 = "_sliderThumb_bq3k4_90", J1 = "_sliderThumbSize1_bq3k4_103", D1 = "_sliderThumbSize2_bq3k4_109", P1 = "_sliderThumbSize3_bq3k4_114", U1 = "_sliderContainer_bq3k4_126", z1 = "_markersContainer_bq3k4_136", M1 = "_marker_bq3k4_136", O1 = "_markerSize3_bq3k4_157", ve = {
   sliderTrack: S1,
   sliderTrackSize1: I1,
   sliderTrackSize2: b1,
@@ -5631,8 +5642,8 @@ const S1 = "_sliderTrack_bq3k4_29", I1 = "_sliderTrackSize1_bq3k4_40", b1 = "_sl
   sliderThumbSize2: D1,
   sliderThumbSize3: P1,
   sliderContainer: U1,
-  markersContainer: M1,
-  marker: z1,
+  markersContainer: z1,
+  marker: M1,
   markerSize3: O1
 }, St = ({
   className: n,
@@ -6017,12 +6028,12 @@ const G1 = "_tooltipTriggerWrapper_1hj63_1", X1 = "_newSetlistItem_1hj63_6", Y1
     delayDuration: a,
     skipDelayDuration: o,
     disableHoverableContent: i
-  }, children: /* @__PURE__ */ g(Mn, { ...{
+  }, children: /* @__PURE__ */ g(zn, { ...{
     defaultOpen: c,
     open: u,
     onOpenChange: h
   }, children: [
-    /* @__PURE__ */ r(zn, { asChild: !0, children: n }),
+    /* @__PURE__ */ r(Mn, { asChild: !0, children: n }),
     /* @__PURE__ */ r(Aa, { children: /* @__PURE__ */ r(Ey, { asChild: !0, children: /* @__PURE__ */ g(
       On,
       {
@@ -6249,15 +6260,15 @@ const Ni = ({
     t == null || t(N), l && i();
   }, A = () => {
     s == null || s(), l && i();
-  }, [p, k] = q(!1), [v, m] = q(!1), C = oe(null), E = oe(null), b = oe(null), I = 260, S = 4, B = a && s ? 1 : 0, w = a && !p, T = w ? n.slice(0, S) : n, z = 2750, Q = () => {
+  }, [p, k] = q(!1), [v, m] = q(!1), C = oe(null), E = oe(null), b = oe(null), I = 260, S = 4, B = a && s ? 1 : 0, w = a && !p, T = w ? n.slice(0, S) : n, M = 2750, Q = () => {
     a && (C.current && (clearTimeout(C.current), C.current = null), E.current && (clearTimeout(E.current), E.current = null), m(!1));
   }, J = () => {
     a && p && (C.current && clearTimeout(C.current), C.current = setTimeout(() => {
       C.current = null, m(!0), E.current = setTimeout(() => {
         E.current = null, k(!1), m(!1);
       }, I);
-    }, z));
-  }, M = (N) => {
+    }, M));
+  }, z = (N) => {
     a && (N.stopPropagation(), C.current && (clearTimeout(C.current), C.current = null), m(!1), k(!0));
   }, O = () => {
     a && k(!0);
@@ -6323,7 +6334,7 @@ const Ni = ({
                 s && (w ? /* @__PURE__ */ r(
                   Qy,
                   {
-                    onExpand: M,
+                    onExpand: z,
                     collapsed: a,
                     className: G.collapsedStackItem,
                     style: {
@@ -6374,11 +6385,11 @@ const Ni = ({
       )
     }
   );
-}, Py = "_root_ad96y_1", Uy = "_rootCollapsed_ad96y_13", My = "_desktopSidebar_ad96y_18", zy = "_content_ad96y_26", Oy = "_moisesIcon_ad96y_34", Fy = "_moisesIconHidden_ad96y_44", Hy = "_logoToggleContainer_ad96y_51", jy = "_logoToggleContainerCollapsed_ad96y_60", Ly = "_logoInContainer_ad96y_64", Wy = "_logoInContainerHidden_ad96y_70", Vy = "_toggleInContainer_ad96y_74", qy = "_toggleInContainerVisible_ad96y_81", Ky = "_toggleButton_ad96y_86", Gy = "_toggleButtonHidden_ad96y_92", Xy = "_mobileTopBar_ad96y_97", Yy = "_mobileTopBarOpen_ad96y_105", Zy = "_mobileTopBarWrapper_ad96y_109", _y = "_mobileTopBarAction_ad96y_114", $y = "_mobileDrawer_ad96y_122", ek = "_mobileDrawerOpen_ad96y_205", tk = "_mobileDrawerContent_ad96y_212", nk = "_mobileDrawerContentOpen_ad96y_225", sk = "_header_ad96y_238", rk = "_headerCollapsed_ad96y_248", re = {
+}, Py = "_root_ad96y_1", Uy = "_rootCollapsed_ad96y_13", zy = "_desktopSidebar_ad96y_18", My = "_content_ad96y_26", Oy = "_moisesIcon_ad96y_34", Fy = "_moisesIconHidden_ad96y_44", Hy = "_logoToggleContainer_ad96y_51", jy = "_logoToggleContainerCollapsed_ad96y_60", Ly = "_logoInContainer_ad96y_64", Wy = "_logoInContainerHidden_ad96y_70", Vy = "_toggleInContainer_ad96y_74", qy = "_toggleInContainerVisible_ad96y_81", Ky = "_toggleButton_ad96y_86", Gy = "_toggleButtonHidden_ad96y_92", Xy = "_mobileTopBar_ad96y_97", Yy = "_mobileTopBarOpen_ad96y_105", Zy = "_mobileTopBarWrapper_ad96y_109", _y = "_mobileTopBarAction_ad96y_114", $y = "_mobileDrawer_ad96y_122", ek = "_mobileDrawerOpen_ad96y_205", tk = "_mobileDrawerContent_ad96y_212", nk = "_mobileDrawerContentOpen_ad96y_225", sk = "_header_ad96y_238", rk = "_headerCollapsed_ad96y_248", re = {
   root: Py,
   rootCollapsed: Uy,
-  desktopSidebar: My,
-  content: zy,
+  desktopSidebar: zy,
+  content: My,
   moisesIcon: Oy,
   moisesIconHidden: Fy,
   logoToggleContainer: Hy,
@@ -7295,7 +7306,7 @@ const Rn = {
   onMountConcurrency: E,
   onClear: b
 }) => {
-  const [I, S] = q(!1), [B, w] = q("2"), [T, z] = q(B), { submitted: Q, handleSubmit: J } = Er(c), M = _(() => [
+  const [I, S] = q(!1), [B, w] = q("2"), [T, M] = q(B), { submitted: Q, handleSubmit: J } = Er(c), z = _(() => [
     { value: "2", label: i._("Presets") },
     { value: "1", label: i._("Custom") }
   ], []), O = (t ?? []).some(
@@ -7362,7 +7373,7 @@ const Rn = {
     if (B !== T) {
       S(!0);
       const V = setTimeout(() => {
-        z(B), S(!1);
+        M(B), S(!1);
       }, Rn.timeouts.animationDuration);
       return () => clearTimeout(V);
     }
@@ -7399,7 +7410,7 @@ const Rn = {
               O && /* @__PURE__ */ r(
                 Pn,
                 {
-                  items: M,
+                  items: z,
                   selectedType: B,
                   handleTypeChange: N,
                   size: "2"
@@ -7789,16 +7800,16 @@ const Kr = {
     }
     const w = B.value;
     c((T) => {
-      let z = [...T.selectedStems];
-      if (z.includes(w))
-        z = z.filter((Q) => Q !== w);
+      let M = [...T.selectedStems];
+      if (M.includes(w))
+        M = M.filter((Q) => Q !== w);
       else {
         const Q = Jk[w] || [];
-        z = z.filter(
+        M = M.filter(
           (J) => !Q.includes(J)
-        ), z.push(w);
+        ), M.push(w);
       }
-      return z.includes("other") && z.length === 1 ? { ...T, selectedStems: [] } : { ...T, selectedStems: z };
+      return M.includes("other") && M.length === 1 ? { ...T, selectedStems: [] } : { ...T, selectedStems: M };
     });
   }, I = (B) => {
     c((w) => ({
@@ -7810,7 +7821,7 @@ const Kr = {
     e && /* @__PURE__ */ g(y, { direction: "column", pb: "2", children: [
       /* @__PURE__ */ r(j, { size: "2", weight: "medium", mb: "2", children: n._("Basic Models") }),
       /* @__PURE__ */ r(
-        zs,
+        Ms,
         {
           items: E.filter((B) => B.category === "free").map((B) => ({
             name: B.name,
@@ -7824,7 +7835,7 @@ const Kr = {
       /* @__PURE__ */ r(j, { size: "2", weight: "medium", mt: "2", children: n._("Music Stems") })
     ] }),
     /* @__PURE__ */ r(
-      zs,
+      Ms,
       {
         items: E.filter((B) => B.category === "paid").filter((B) => t.some((w) => w.value === B.value)).map((B) => {
           var w;
@@ -8040,10 +8051,10 @@ const Kr = {
       }
     )
   ] })
-), Uk = "_TextField_127qa_1", Mk = "_size1_127qa_13", zk = "_size2_127qa_17", Ok = "_size3_127qa_21", Fk = "_size4_127qa_25", Hk = "_icon_127qa_30", jk = "_Disabled_127qa_38", Lk = "_ReadOnly_127qa_43", Wk = "_focusRing_127qa_54", Vk = "_errorText_127qa_54", qk = "_secondaryText_127qa_64", Kk = "_endSlot_127qa_72", ze = {
+), Uk = "_TextField_127qa_1", zk = "_size1_127qa_13", Mk = "_size2_127qa_17", Ok = "_size3_127qa_21", Fk = "_size4_127qa_25", Hk = "_icon_127qa_30", jk = "_Disabled_127qa_38", Lk = "_ReadOnly_127qa_43", Wk = "_focusRing_127qa_54", Vk = "_errorText_127qa_54", qk = "_secondaryText_127qa_64", Kk = "_endSlot_127qa_72", Me = {
   TextField: Uk,
-  size1: Mk,
-  size2: zk,
+  size1: zk,
+  size2: Mk,
   size3: Ok,
   size4: Fk,
   icon: Hk,
@@ -8071,7 +8082,7 @@ const Kr = {
   secondaryText: v,
   ...m
 }) => {
-  const C = A || (u ? /* @__PURE__ */ r(u, { width: 16, height: 16, className: ze.icon }) : null);
+  const C = A || (u ? /* @__PURE__ */ r(u, { width: 16, height: 16, className: Me.icon }) : null);
   return /* @__PURE__ */ g(y, { direction: "column", width: "100%", height: "100%", gap: "1", children: [
     s && /* @__PURE__ */ g(y, { align: "center", gap: "2", children: [
       /* @__PURE__ */ r(P, { size: c, weight: "medium", children: s }),
@@ -8084,19 +8095,19 @@ const Kr = {
         value: n,
         onChange: e,
         placeholder: t,
-        className: f(ze.TextField, o, {
-          [ze.Disabled]: i,
-          [ze.ReadOnly]: l,
-          [ze.focusRing]: h || k,
-          [ze.errorText]: k,
-          [ze[`size${c}`]]: c
+        className: f(Me.TextField, o, {
+          [Me.Disabled]: i,
+          [Me.ReadOnly]: l,
+          [Me.focusRing]: h || k,
+          [Me.errorText]: k,
+          [Me[`size${c}`]]: c
         }),
         readOnly: l,
         disabled: i,
         ...m,
         children: [
           C && /* @__PURE__ */ r(Ai, { children: C }),
-          p && /* @__PURE__ */ r("div", { className: ze.endSlot, children: p })
+          p && /* @__PURE__ */ r("div", { className: Me.endSlot, children: p })
         ]
       }
     ),
@@ -8105,8 +8116,8 @@ const Kr = {
       {
         size: "1",
         weight: "regular",
-        className: f(ze.secondaryText, {
-          [ze.errorText]: k
+        className: f(Me.secondaryText, {
+          [Me.errorText]: k
         }),
         children: v
       }
@@ -8951,7 +8962,7 @@ function UE({ maxTop: n, maxBottom: e, halfHeight: t, vScale: s, barMinHeight: a
   let i = Math.round(n * t * s), l = i + Math.round(e * t * s) || 1;
   return l < a && (l = a, o || (i = l / 2)), { topHeight: i, totalHeight: l };
 }
-function ME({ barAlign: n, halfHeight: e, topHeight: t, totalHeight: s, canvasHeight: a }) {
+function zE({ barAlign: n, halfHeight: e, topHeight: t, totalHeight: s, canvasHeight: a }) {
   return n === "top" ? 0 : n === "bottom" ? a - s : e - t;
 }
 function Xr(n, e, t) {
@@ -8971,11 +8982,11 @@ function Zr({ scrollLeft: n, totalWidth: e, numCanvases: t }) {
   const s = n / e, a = Math.floor(s * t);
   return [a - 1, a, a + 1];
 }
-function Mi(n) {
+function zi(n) {
   const e = n._cleanup;
   typeof e == "function" && e();
 }
-function zE(n) {
+function ME(n) {
   const e = de({ scrollLeft: n.scrollLeft, scrollWidth: n.scrollWidth, clientWidth: n.clientWidth }), t = Et(() => function(o) {
     const { scrollLeft: i, scrollWidth: l, clientWidth: c } = o;
     if (l === 0) return { startX: 0, endX: 1 };
@@ -8987,7 +8998,7 @@ function zE(n) {
     e.set({ scrollLeft: n.scrollLeft, scrollWidth: n.scrollWidth, clientWidth: n.clientWidth });
   };
   return n.addEventListener("scroll", a, { passive: !0 }), { scrollData: e, percentages: t, bounds: s, cleanup: () => {
-    n.removeEventListener("scroll", a), Mi(e);
+    n.removeEventListener("scroll", a), zi(e);
   } };
 }
 class OE extends gn {
@@ -9010,7 +9021,7 @@ class OE extends gn {
     }), this.wrapper.addEventListener("dblclick", (t) => {
       const s = this.wrapper.getBoundingClientRect(), [a, o] = Xr(s, t.clientX, t.clientY);
       this.emit("dblclick", a, o);
-    }), this.options.dragToSeek !== !0 && typeof this.options.dragToSeek != "object" || this.initDrag(), this.scrollStream = zE(this.scrollContainer);
+    }), this.options.dragToSeek !== !0 && typeof this.options.dragToSeek != "object" || this.initDrag(), this.scrollStream = ME(this.scrollContainer);
     const e = et(() => {
       const { startX: t, endX: s } = this.scrollStream.percentages.value, { left: a, right: o } = this.scrollStream.bounds.value;
       this.emit("scroll", t, s, a, o);
@@ -9038,29 +9049,29 @@ class OE extends gn {
         let k = p.clientX, v = p.clientY, m = !1;
         const C = Date.now(), E = t.getBoundingClientRect(), { left: b, top: I } = E, S = (Q) => {
           if (Q.defaultPrevented || c.size > 1 || u && Date.now() - C < i) return;
-          const J = Q.clientX, M = Q.clientY, O = J - k, U = M - v;
-          (m || Math.abs(O) > a || Math.abs(U) > a) && (Q.preventDefault(), Q.stopPropagation(), m || (l.set({ type: "start", x: k - b, y: v - I }), m = !0), l.set({ type: "move", x: J - b, y: M - I, deltaX: O, deltaY: U }), k = J, v = M);
+          const J = Q.clientX, z = Q.clientY, O = J - k, U = z - v;
+          (m || Math.abs(O) > a || Math.abs(U) > a) && (Q.preventDefault(), Q.stopPropagation(), m || (l.set({ type: "start", x: k - b, y: v - I }), m = !0), l.set({ type: "move", x: J - b, y: z - I, deltaX: O, deltaY: U }), k = J, v = z);
         }, B = (Q) => {
           if (c.delete(Q.pointerId), m) {
-            const J = Q.clientX, M = Q.clientY;
-            l.set({ type: "end", x: J - b, y: M - I });
+            const J = Q.clientX, z = Q.clientY;
+            l.set({ type: "end", x: J - b, y: z - I });
           }
           h();
         }, w = (Q) => {
           c.delete(Q.pointerId), Q.relatedTarget && Q.relatedTarget !== document.documentElement || B(Q);
         }, T = (Q) => {
           m && (Q.stopPropagation(), Q.preventDefault());
-        }, z = (Q) => {
+        }, M = (Q) => {
           Q.defaultPrevented || c.size > 1 || m && Q.preventDefault();
         };
-        document.addEventListener("pointermove", S), document.addEventListener("pointerup", B), document.addEventListener("pointerout", w), document.addEventListener("pointercancel", w), document.addEventListener("touchmove", z, { passive: !1 }), document.addEventListener("click", T, { capture: !0 }), h = () => {
-          document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", B), document.removeEventListener("pointerout", w), document.removeEventListener("pointercancel", w), document.removeEventListener("touchmove", z), setTimeout(() => {
+        document.addEventListener("pointermove", S), document.addEventListener("pointerup", B), document.addEventListener("pointerout", w), document.addEventListener("pointercancel", w), document.addEventListener("touchmove", M, { passive: !1 }), document.addEventListener("click", T, { capture: !0 }), h = () => {
+          document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", B), document.removeEventListener("pointerout", w), document.removeEventListener("pointercancel", w), document.removeEventListener("touchmove", M), setTimeout(() => {
             document.removeEventListener("click", T, { capture: !0 });
           }, 10);
         };
       };
       return t.addEventListener("pointerdown", A), { signal: l, cleanup: () => {
-        h(), t.removeEventListener("pointerdown", A), c.clear(), Mi(l);
+        h(), t.removeEventListener("pointerdown", A), c.clear(), zi(l);
       } };
     }(this.wrapper);
     const e = et(() => {
@@ -9221,15 +9232,15 @@ class OE extends gn {
       const I = m / 2, S = E.barWidth ? E.barWidth * b : 1, B = E.barGap ? E.barGap * b : E.barWidth ? S / 2 : 0, w = S + B || 1;
       return { halfHeight: I, barWidth: S, barGap: B, barRadius: E.barRadius || 0, barMinHeight: E.barMinHeight ? E.barMinHeight * b : 0, barIndexScale: C > 0 ? v / w / C : 0, barSpacing: w };
     }({ width: o, height: i, length: (e[0] || []).length, options: t, pixelRatio: this.getPixelRatio() }), k = function({ channelData: v, barIndexScale: m, barSpacing: C, barWidth: E, halfHeight: b, vScale: I, canvasHeight: S, barAlign: B, barMinHeight: w }) {
-      const T = v[0] || [], z = v[1] || T, Q = T.length, J = [];
-      let M = 0, O = 0, U = 0;
+      const T = v[0] || [], M = v[1] || T, Q = T.length, J = [];
+      let z = 0, O = 0, U = 0;
       for (let D = 0; D <= Q; D++) {
         const N = Math.round(D * m);
-        if (N > M) {
-          const { topHeight: V, totalHeight: R } = UE({ maxTop: O, maxBottom: U, halfHeight: b, vScale: I, barMinHeight: w, barAlign: B }), H = ME({ barAlign: B, halfHeight: b, topHeight: V, totalHeight: R, canvasHeight: S });
-          J.push({ x: M * C, y: H, width: E, height: R }), M = N, O = 0, U = 0;
+        if (N > z) {
+          const { topHeight: V, totalHeight: R } = UE({ maxTop: O, maxBottom: U, halfHeight: b, vScale: I, barMinHeight: w, barAlign: B }), H = zE({ barAlign: B, halfHeight: b, topHeight: V, totalHeight: R, canvasHeight: S });
+          J.push({ x: z * C, y: H, width: E, height: R }), z = N, O = 0, U = 0;
         }
-        const W = Math.abs(T[D] || 0), X = Math.abs(z[D] || 0);
+        const W = Math.abs(T[D] || 0), X = Math.abs(M[D] || 0);
         W > O && (O = W), X > U && (U = X);
       }
       return J;
@@ -9245,10 +9256,10 @@ class OE extends gn {
         const C = v.length, E = C ? u / C : 0, b = p, I = m === 0 ? -1 : 1, S = [{ x: 0, y: b }];
         let B = 0, w = 0;
         for (let T = 0; T <= C; T++) {
-          const z = Math.round(T * E);
-          if (z > B) {
+          const M = Math.round(T * E);
+          if (M > B) {
             const J = b + (Math.round(w * p * A) || 1) * I;
-            S.push({ x: B, y: J }), B = z, w = 0;
+            S.push({ x: B, y: J }), B = M, w = 0;
           }
           const Q = Math.abs(v[T] || 0);
           Q > w && (w = Q);
@@ -9306,8 +9317,8 @@ class OE extends gn {
       if (C = Yr(C, t), C <= 0) return;
       const E = function({ channelData: b, offset: I, clampedWidth: S, totalWidth: B }) {
         return b.map((w) => {
-          const T = Math.floor(I / B * w.length), z = Math.floor((I + S) / B * w.length);
-          return w.slice(T, z);
+          const T = Math.floor(I / B * w.length), M = Math.floor((I + S) / B * w.length);
+          return w.slice(T, M);
         });
       }({ channelData: e, offset: m, clampedWidth: C, totalWidth: u });
       this.renderSingleCanvas(E, t, C, a, m, o, i);
@@ -9558,8 +9569,8 @@ class un extends PE {
     super({ media: t, mediaControls: e.mediaControls, autoplay: e.autoplay, playbackRate: e.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, HE, e);
     const { state: s, actions: a } = function(l) {
       var c, u, h, A, p, k;
-      const v = (c = l == null ? void 0 : l.currentTime) !== null && c !== void 0 ? c : de(0), m = (u = l == null ? void 0 : l.duration) !== null && u !== void 0 ? u : de(0), C = (h = l == null ? void 0 : l.isPlaying) !== null && h !== void 0 ? h : de(!1), E = (A = l == null ? void 0 : l.isSeeking) !== null && A !== void 0 ? A : de(!1), b = (p = l == null ? void 0 : l.volume) !== null && p !== void 0 ? p : de(1), I = (k = l == null ? void 0 : l.playbackRate) !== null && k !== void 0 ? k : de(1), S = de(null), B = de(null), w = de(""), T = de(0), z = de(0), Q = Et(() => !C.value, [C]), J = Et(() => S.value !== null, [S]), M = Et(() => J.value && m.value > 0, [J, m]), O = Et(() => v.value, [v]), U = Et(() => m.value > 0 ? v.value / m.value : 0, [v, m]);
-      return { state: { currentTime: v, duration: m, isPlaying: C, isPaused: Q, isSeeking: E, volume: b, playbackRate: I, audioBuffer: S, peaks: B, url: w, zoom: T, scrollPosition: z, canPlay: J, isReady: M, progress: O, progressPercent: U }, actions: { setCurrentTime: (D) => {
+      const v = (c = l == null ? void 0 : l.currentTime) !== null && c !== void 0 ? c : de(0), m = (u = l == null ? void 0 : l.duration) !== null && u !== void 0 ? u : de(0), C = (h = l == null ? void 0 : l.isPlaying) !== null && h !== void 0 ? h : de(!1), E = (A = l == null ? void 0 : l.isSeeking) !== null && A !== void 0 ? A : de(!1), b = (p = l == null ? void 0 : l.volume) !== null && p !== void 0 ? p : de(1), I = (k = l == null ? void 0 : l.playbackRate) !== null && k !== void 0 ? k : de(1), S = de(null), B = de(null), w = de(""), T = de(0), M = de(0), Q = Et(() => !C.value, [C]), J = Et(() => S.value !== null, [S]), z = Et(() => J.value && m.value > 0, [J, m]), O = Et(() => v.value, [v]), U = Et(() => m.value > 0 ? v.value / m.value : 0, [v, m]);
+      return { state: { currentTime: v, duration: m, isPlaying: C, isPaused: Q, isSeeking: E, volume: b, playbackRate: I, audioBuffer: S, peaks: B, url: w, zoom: T, scrollPosition: M, canPlay: J, isReady: z, progress: O, progressPercent: U }, actions: { setCurrentTime: (D) => {
         const N = Math.max(0, Math.min(m.value || 1 / 0, D));
         v.set(N);
       }, setDuration: (D) => {
@@ -9583,7 +9594,7 @@ class un extends PE {
       }, setZoom: (D) => {
         T.set(Math.max(0, D));
       }, setScrollPosition: (D) => {
-        z.set(Math.max(0, D));
+        M.set(Math.max(0, D));
       } } };
     }({ isPlaying: this.isPlayingSignal, currentTime: this.currentTimeSignal, duration: this.durationSignal, volume: this.volumeSignal, playbackRate: this.playbackRateSignal, isSeeking: this.seekingSignal });
     this.wavesurferState = s, this.wavesurferActions = a, this.timer = new FE();
@@ -9900,7 +9911,7 @@ function LE(n, e) {
     };
   }, [n, e.plugins, ...o]), t;
 }
-const zi = /^on([A-Z])/, WE = (n) => zi.test(n);
+const Mi = /^on([A-Z])/, WE = (n) => Mi.test(n);
 function VE(n, e) {
   const t = _(() => Object.entries(e).flat(), [e]);
   ue(() => {
@@ -9908,7 +9919,7 @@ function VE(n, e) {
     const s = Object.entries(e);
     if (!s.length) return;
     const a = s.map(([o, i]) => {
-      const l = o.replace(zi, (c, u) => u.toLowerCase());
+      const l = o.replace(Mi, (c, u) => u.toLowerCase());
       return n.on(l, (...c) => i(n, ...c));
     });
     return () => {
@@ -9955,11 +9966,11 @@ function Oi({
   ue(() => {
     typeof navigator < "u" && w(/^((?!chrome|android).)*safari/i.test(navigator.userAgent));
   }, []);
-  const T = _(() => s, [s]), z = _(() => a ? !1 : !T || T && m, [T, m, a]), Q = oe(null), J = oe(null);
+  const T = _(() => s, [s]), M = _(() => a ? !1 : !T || T && m, [T, m, a]), Q = oe(null), J = oe(null);
   ue(() => {
     I || (!h || o) && S(!0);
   }, [h, o, I]);
-  const M = x(() => {
+  const z = x(() => {
     var R;
     J.current && ((R = J.current) == null || R.pause());
   }, []), O = x(() => {
@@ -10011,12 +10022,12 @@ function Oi({
     })));
   }, [u, t, c, v]), V = x(() => {
     var R, H, le;
-    (R = J.current) != null && R.isPlaying() ? M() : J.current && ((H = c == null ? void 0 : c.state) != null && H.active && c.state.active !== J.current && (c.state.active.pause(), c.setter((Qe) => ({
+    (R = J.current) != null && R.isPlaying() ? z() : J.current && ((H = c == null ? void 0 : c.state) != null && H.active && c.state.active !== J.current && (c.state.active.pause(), c.setter((Qe) => ({
       ...Qe,
       isPlaying: !1,
       active: null
     }))), (le = c == null ? void 0 : c.state) != null && le.active && c.state.active !== J.current && c.state.active.getCurrentTime && J.current.setTime(c.state.active.getCurrentTime()), O());
-  }, [O, M, c]);
+  }, [O, z, c]);
   return /* @__PURE__ */ g(
     y,
     {
@@ -10044,7 +10055,7 @@ function Oi({
           {
             width: "100%",
             style: {
-              display: z && E ? "block" : "none",
+              display: M && E ? "block" : "none",
               cursor: "pointer"
             },
             ref: Q,
@@ -10074,7 +10085,7 @@ function Oi({
           {
             width: "100%",
             style: {
-              display: z && !E ? "block" : "none",
+              display: M && !E ? "block" : "none",
               cursor: "pointer"
             },
             children: /* @__PURE__ */ r("span", { className: ys.waveform, children: /* @__PURE__ */ r(
@@ -10439,7 +10450,7 @@ const hS = "_footerVoiceForm_lsc2c_2", pS = {
     active: null,
     isPlaying: !1,
     id: "voice-form"
-  }), z = x(
+  }), M = x(
     (N) => {
       E(N);
       const W = n.find((X) => X.identifier === N);
@@ -10463,7 +10474,7 @@ const hS = "_footerVoiceForm_lsc2c_2", pS = {
       })), s(N);
     },
     [s, w]
-  ), M = _(
+  ), z = _(
     () => ({
       state: w,
       setter: T
@@ -10480,11 +10491,11 @@ const hS = "_footerVoiceForm_lsc2c_2", pS = {
       B();
       return;
     }
-    O && (z(O.identifier), a(), t((N) => {
+    O && (M(O.identifier), a(), t((N) => {
       var W;
       return ((W = N.selectedVoice) == null ? void 0 : W.identifier) === O.identifier ? N : { ...N, selectedVoice: O };
     })), U && (O ? B({ selectedVoice: O }) : B());
-  }, [o, B, O, z, a]);
+  }, [o, B, O, M, a]);
   return ue(() => {
     var N;
     if (w.isPlaying === !1)
@@ -10501,17 +10512,17 @@ const hS = "_footerVoiceForm_lsc2c_2", pS = {
       {
         voices: n,
         selectedId: C,
-        handleSelect: z,
+        handleSelect: M,
         playingItem: b,
         handleAvatarClick: Q,
         handleDetailsClick: J,
-        wavegroup: M,
+        wavegroup: z,
         setPlayingItem: I,
         style: { display: o ? "none" : "block" },
         i18n: i
       }
     ),
-    o && /* @__PURE__ */ r(aS, { item: O, wavegroup: M, i18n: i }),
+    o && /* @__PURE__ */ r(aS, { item: O, wavegroup: z, i18n: i }),
     /* @__PURE__ */ r(Ae, { className: pS.footerVoiceForm, children: /* @__PURE__ */ r(
       rs,
       {
@@ -10628,16 +10639,16 @@ export {
   JS as MetronomeForm,
   ns as MoreButton,
   Hv as MultiSelect,
-  zs as MultiSelectCards,
+  Ms as MultiSelectCards,
   Bi as PanControl,
   bS as Popover,
   yr as ProductsBrandPattern,
   pC as ProductsList,
   BC as ProfileMenu,
   bA as Progress,
-  zC as ProjectsList,
+  MC as ProjectsList,
   wA as Quote,
-  zA as Radio,
+  MA as Radio,
   VC as RadioCardsGroup,
   BS as RadioGroup,
   s1 as Rating,