@moises.ai/design-system 2.0.20 → 2.0.22

package/dist/{HiFiIcon-Cqax-r5l.js → HiFiIcon-DRMrdn4l.js}

@@ -7096,11 +7096,11 @@ const x3 = ({ width: o = 16, height: r = 16, className: C, ...l }) => /* @__PURE
     children: /* @__PURE__ */ c(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M7.99967 14.6663C11.6816 14.6663 14.6663 11.6816 14.6663 7.99967C14.6663 4.31778 11.6816 1.33301 7.99967 1.33301C4.31778 1.33301 1.33301 4.31778 1.33301 7.99967C1.33301 11.6816 4.31778 14.6663 7.99967 14.6663ZM7.91634 3.74967C7.36406 3.74967 6.91634 4.19739 6.91634 4.74967C6.91634 5.30196 7.36406 5.74967 7.91634 5.74967C8.46863 5.74967 8.91634 5.30196 8.91634 4.74967C8.91634 4.19739 8.46863 3.74967 7.91634 3.74967ZM7.41634 7.16634C7.1402 7.16634 6.91634 7.3902 6.91634 7.66634C6.91634 7.94248 7.1402 8.16634 7.41634 8.16634V11.2393C7.41634 11.5384 7.65885 11.7809 7.95801 11.7809C8.25716 11.7809 8.49967 11.5384 8.49967 11.2393V7.66634C8.49967 7.3902 8.27582 7.16634 7.99967 7.16634H7.41634Z",
         fill: "currentColor",
-        "fill-opacity": "0.25098"
+        fillOpacity: "0.25098"
       }
     )
   }

package/dist/icons.js

@@ -1,4 +1,4 @@
-import { k as n, A as c, l as s, m as I, n as e, o as r, p as t, q as i, r as l, s as d, t as b, u as g, v as C, w as p, x as u, y as h, z as L, G as S, J as k, N as w, O as m, Q as B, T, X as A, B as D, Y as y, Z as f, f as R, _ as H, $ as M, a0 as P, a1 as F, a2 as x, a3 as V, a4 as v, a5 as E, a6 as z, a7 as N, a8 as O, a9 as G, aa as U, ab as W, ac as Q, ad as q, ae as K, af as J, ag as Z, ah as j, ai as X, aj as Y, ak as _, al as $, am as oo, an as ao, ao as no, ap as co, aq as so, ar as Io, as as eo, at as ro, au as to, av as io, aw as lo, ax as bo, ay as go, az as Co, aA as po, aB as uo, aC as ho, aD as Lo, aE as So, aF as ko, aG as wo, aH as mo, aI as Bo, aJ as To, aK as Ao, aL as Do, aM as yo, aN as fo, aO as Ro, aP as Ho, aQ as Mo, aR as Po, aS as Fo, aT as xo, aU as Vo, aV as vo, aW as Eo, aX as zo, C as No, aY as Oo, aZ as Go, a_ as Uo, a$ as Wo, b0 as Qo, b1 as qo, b2 as Ko, b3 as Jo, b4 as Zo, b5 as jo, b6 as Xo, b7 as Yo, b8 as _o, b9 as $o, ba as oa, bb as aa, bc as na, bd as ca, be as sa, bf as Ia, bg as ea, bh as ra, bi as ta, D as ia, bj as la, bk as da, bl as ba, bm as ga, bn as Ca, bo as pa, bp as ua, bq as ha, br as La, bs as Sa, bt as ka, bu as wa, e as ma, E as Ba, bv as Ta, bw as Aa, bx as Da, by as ya, bz as fa, bA as Ra, bB as Ha, bC as Ma, bD as Pa, bE as Fa, bF as xa, bG as Va, bH as va, bI as Ea, bJ as za, bK as Na, bL as Oa, bM as Ga, bN as Ua, bO as Wa, bP as Qa, bQ as qa, bR as Ka, bS as Ja, F as Za, bT as ja, bU as Xa, bV as Ya, bW as _a, bX as $a, bY as on, bZ as an, b_ as nn, b$ as cn, c0 as sn, c1 as In, c2 as en, c3 as rn, c4 as tn, c5 as ln, H as dn, c6 as bn, c7 as gn, c8 as Cn, c9 as pn, ca as un, cb as hn, h as Ln, cc as Sn, cd as kn, I as wn, ce as mn, K as Bn, cf as Tn, cg as An, ch as Dn, ci as yn, cj as fn, ck as Rn, cl as Hn, cm as Mn, cn as Pn, co as Fn, cp as xn, cq as Vn, cr as vn, cs as En, ct as zn, cu as Nn, cv as On, cw as Gn, cx as Un, cy as Wn, cz as Qn, cA as qn, L as Kn, cB as Jn, cC as Zn, cD as jn, cE as Xn, cF as Yn, cG as _n, cH as $n, cI as oc, cJ as ac, cK as nc, cL as cc, cM as sc, cN as Ic, cO as ec, j as rc, M as tc, cP as ic, cQ as lc, cR as dc, cS as bc, cT as gc, cU as Cc, P as pc, cV as uc, cW as hc, cX as Lc, g as Sc, cY as kc, cZ as wc, c_ as mc, c$ as Bc, d0 as Tc, d1 as Ac, a as Dc, d2 as yc, d3 as fc, d4 as Rc, d5 as Hc, d6 as Mc, d7 as Pc, d8 as Fc, R as xc, b as Vc, d9 as vc, da as Ec, db as zc, dc as Nc, dd as Oc, de as Gc, df as Uc, dg as Wc, dh as Qc, di as qc, dj as Kc, dk as Jc, dl as Zc, dm as jc, dn as Xc, dp as Yc, dq as _c, dr as $c, ds as os, dt as as, du as ns, dv as cs, dw as ss, dx as Is, dy as es, dz as rs, dA as ts, dB as is, c as ls, S as ds, dC as bs, dD as gs, dE as Cs, dF as ps, dG as us, dH as hs, dI as Ls, dJ as Ss, dK as ks, dL as ws, dM as ms, dN as Bs, dO as Ts, i as As, dP as Ds, dQ as ys, dR as fs, dS as Rs, dT as Hs, dU as Ms, dV as Ps, dW as Fs, dX as xs, dY as Vs, dZ as vs, d_ as Es, d$ as zs, e0 as Ns, e1 as Os, e2 as Gs, e3 as Us, e4 as Ws, e5 as Qs, e6 as qs, e7 as Ks, e8 as Js, e9 as Zs, ea as js, eb as Xs, ec as Ys, ed as _s, ee as $s, ef as oI, eg as aI, eh as nI, ei as cI, U as sI, ej as II, ek as eI, el as rI, em as tI, en as iI, eo as lI, ep as dI, eq as bI, V as gI, d as CI, er as pI, W as uI, es as hI, et as LI } from "./HiFiIcon-Cqax-r5l.js";
+import { k as n, A as c, l as s, m as I, n as e, o as r, p as t, q as i, r as l, s as d, t as b, u as g, v as C, w as p, x as u, y as h, z as L, G as S, J as k, N as w, O as m, Q as B, T, X as A, B as D, Y as y, Z as f, f as R, _ as H, $ as M, a0 as P, a1 as F, a2 as x, a3 as V, a4 as v, a5 as E, a6 as z, a7 as N, a8 as O, a9 as G, aa as U, ab as W, ac as Q, ad as q, ae as K, af as J, ag as Z, ah as j, ai as X, aj as Y, ak as _, al as $, am as oo, an as ao, ao as no, ap as co, aq as so, ar as Io, as as eo, at as ro, au as to, av as io, aw as lo, ax as bo, ay as go, az as Co, aA as po, aB as uo, aC as ho, aD as Lo, aE as So, aF as ko, aG as wo, aH as mo, aI as Bo, aJ as To, aK as Ao, aL as Do, aM as yo, aN as fo, aO as Ro, aP as Ho, aQ as Mo, aR as Po, aS as Fo, aT as xo, aU as Vo, aV as vo, aW as Eo, aX as zo, C as No, aY as Oo, aZ as Go, a_ as Uo, a$ as Wo, b0 as Qo, b1 as qo, b2 as Ko, b3 as Jo, b4 as Zo, b5 as jo, b6 as Xo, b7 as Yo, b8 as _o, b9 as $o, ba as oa, bb as aa, bc as na, bd as ca, be as sa, bf as Ia, bg as ea, bh as ra, bi as ta, D as ia, bj as la, bk as da, bl as ba, bm as ga, bn as Ca, bo as pa, bp as ua, bq as ha, br as La, bs as Sa, bt as ka, bu as wa, e as ma, E as Ba, bv as Ta, bw as Aa, bx as Da, by as ya, bz as fa, bA as Ra, bB as Ha, bC as Ma, bD as Pa, bE as Fa, bF as xa, bG as Va, bH as va, bI as Ea, bJ as za, bK as Na, bL as Oa, bM as Ga, bN as Ua, bO as Wa, bP as Qa, bQ as qa, bR as Ka, bS as Ja, F as Za, bT as ja, bU as Xa, bV as Ya, bW as _a, bX as $a, bY as on, bZ as an, b_ as nn, b$ as cn, c0 as sn, c1 as In, c2 as en, c3 as rn, c4 as tn, c5 as ln, H as dn, c6 as bn, c7 as gn, c8 as Cn, c9 as pn, ca as un, cb as hn, h as Ln, cc as Sn, cd as kn, I as wn, ce as mn, K as Bn, cf as Tn, cg as An, ch as Dn, ci as yn, cj as fn, ck as Rn, cl as Hn, cm as Mn, cn as Pn, co as Fn, cp as xn, cq as Vn, cr as vn, cs as En, ct as zn, cu as Nn, cv as On, cw as Gn, cx as Un, cy as Wn, cz as Qn, cA as qn, L as Kn, cB as Jn, cC as Zn, cD as jn, cE as Xn, cF as Yn, cG as _n, cH as $n, cI as oc, cJ as ac, cK as nc, cL as cc, cM as sc, cN as Ic, cO as ec, j as rc, M as tc, cP as ic, cQ as lc, cR as dc, cS as bc, cT as gc, cU as Cc, P as pc, cV as uc, cW as hc, cX as Lc, g as Sc, cY as kc, cZ as wc, c_ as mc, c$ as Bc, d0 as Tc, d1 as Ac, a as Dc, d2 as yc, d3 as fc, d4 as Rc, d5 as Hc, d6 as Mc, d7 as Pc, d8 as Fc, R as xc, b as Vc, d9 as vc, da as Ec, db as zc, dc as Nc, dd as Oc, de as Gc, df as Uc, dg as Wc, dh as Qc, di as qc, dj as Kc, dk as Jc, dl as Zc, dm as jc, dn as Xc, dp as Yc, dq as _c, dr as $c, ds as os, dt as as, du as ns, dv as cs, dw as ss, dx as Is, dy as es, dz as rs, dA as ts, dB as is, c as ls, S as ds, dC as bs, dD as gs, dE as Cs, dF as ps, dG as us, dH as hs, dI as Ls, dJ as Ss, dK as ks, dL as ws, dM as ms, dN as Bs, dO as Ts, i as As, dP as Ds, dQ as ys, dR as fs, dS as Rs, dT as Hs, dU as Ms, dV as Ps, dW as Fs, dX as xs, dY as Vs, dZ as vs, d_ as Es, d$ as zs, e0 as Ns, e1 as Os, e2 as Gs, e3 as Us, e4 as Ws, e5 as Qs, e6 as qs, e7 as Ks, e8 as Js, e9 as Zs, ea as js, eb as Xs, ec as Ys, ed as _s, ee as $s, ef as oI, eg as aI, eh as nI, ei as cI, U as sI, ej as II, ek as eI, el as rI, em as tI, en as iI, eo as lI, ep as dI, eq as bI, V as gI, d as CI, er as pI, W as uI, es as hI, et as LI } from "./HiFiIcon-DRMrdn4l.js";
 export {
   n as AccessibilityIcon,
   c as AcousticGuitarIcon,

package/dist/index.js

@@ -2,8 +2,8 @@
 import { jsx as d, jsxs as R, Fragment as tt } from "react/jsx-runtime";
 import * as t from "react";
 import te, { useState as qe, useRef as Ae, useCallback as j, useMemo as Be, memo as ls, useLayoutEffect as cs, useEffect as Ft } from "react";
-import { aj as wr, h as br, f as Qe, ak as is, c as Gt, d as Wt, a as Sr, g as Z, al as ds, P as G, i as k, u as pe, U as us, F as Er, am as ms, E as ps, an as fs, ao as hs, ap as gs, aq as vs, ar as ys, D as Cs, as as Ns, K as dt, at as ws, au as bs, av as W, aw as Kt, ax as Ss, ay as Es, az as xs, aA as Rs, aB as $s, aC as Ts, aD as _s, aE as Is, aF as Ps, aG as Ms, aH as As, aI as Bs, aJ as ks, aK as Ds, R as zs, aL as Os, aM as Ls, aN as xr, aO as Rr, aP as Pt, aQ as Mt, aR as Vs, aS as Hs, aT as Ut, aU as $r, aV as Tr, aW as js, aX as Fs, aY as Gs, aZ as Ws, a_ as Ks, a$ as Us, b0 as Ys, b1 as qs, b2 as Xs, b3 as Zs, b4 as Qs, b5 as Js, b6 as eo, b7 as to, b8 as ro, b9 as ao, ba as no, bb as so, bc as oo, bd as lo, be as co, bf as io, bg as uo, bh as mo, bi as po, bj as fo, bk as ho, bl as go, bm as vo, bn as yo, bo as Co, bp as No, bq as _r, br as Ir, bs as Pr, H as Mr, X as wo, Y as bo, bt as So, bu as Eo, bv as xo, bw as Ro, bx as $o, by as To, bz as Yt, bA as qt, bB as _o, bC as Xt, bD as Zt, bE as Io, bF as Po, bG as Mo, bH as Ao, bI as Bo, bJ as ko, bK as Do, bL as zo, bM as Oo, e as Lo, C as Vo } from "./index-DYB4fckE.js";
-import { ax as Ho, cb as jo, h as Qt, av as Fo } from "./HiFiIcon-Cqax-r5l.js";
+import { aj as wr, h as br, f as Qe, ak as is, c as Gt, d as Wt, a as Sr, g as Z, al as ds, P as G, i as k, u as pe, U as us, F as Er, am as ms, E as ps, an as fs, ao as hs, ap as gs, aq as vs, ar as ys, D as Cs, as as Ns, K as dt, at as ws, au as bs, av as W, aw as Kt, ax as Ss, ay as Es, az as xs, aA as Rs, aB as $s, aC as Ts, aD as _s, aE as Ps, aF as Is, aG as Ms, aH as As, aI as Bs, aJ as ks, aK as Ds, R as zs, aL as Os, aM as Ls, aN as xr, aO as Rr, aP as It, aQ as Mt, aR as Vs, aS as Hs, aT as Ut, aU as $r, aV as Tr, aW as js, aX as Fs, aY as Gs, aZ as Ws, a_ as Ks, a$ as Us, b0 as Ys, b1 as qs, b2 as Xs, b3 as Zs, b4 as Qs, b5 as Js, b6 as eo, b7 as to, b8 as ro, b9 as ao, ba as no, bb as so, bc as oo, bd as lo, be as co, bf as io, bg as uo, bh as mo, bi as po, bj as fo, bk as ho, bl as go, bm as vo, bn as yo, bo as Co, bp as No, bq as _r, br as Pr, bs as Ir, H as Mr, X as wo, Y as bo, bt as So, bu as Eo, bv as xo, bw as Ro, bx as $o, by as To, bz as Yt, bA as qt, bB as _o, bC as Xt, bD as Zt, bE as Po, bF as Io, bG as Mo, bH as Ao, bI as Bo, bJ as ko, bK as Do, bL as zo, bM as Oo, e as Lo, C as Vo } from "./index-DYB4fckE.js";
+import { ax as Ho, cb as jo, h as Qt, av as Fo } from "./HiFiIcon-DRMrdn4l.js";
 import * as Ar from "react-dom";
 function Go(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -27,7 +27,7 @@ var Wo = [" ", "Enter", "ArrowUp", "ArrowDown"], Ko = [" ", "Enter"], xe = "Sele
     disabled: g,
     required: b,
     form: E
-  } = e, h = gt(r), [C, w] = t.useState(null), [v, y] = t.useState(null), [N, P] = t.useState(!1), re = br(u), [V, Q] = Qe({
+  } = e, h = gt(r), [C, w] = t.useState(null), [v, y] = t.useState(null), [N, I] = t.useState(!1), re = br(u), [V, Q] = Qe({
     prop: n,
     defaultProp: s ?? !1,
     onChange: o,
@@ -48,7 +48,7 @@ var Wo = [" ", "Enter", "ArrowUp", "ArrowDown"], Ko = [" ", "Enter"], xe = "Sele
       valueNode: v,
       onValueNodeChange: y,
       valueNodeHasChildren: N,
-      onValueNodeHasChildrenChange: P,
+      onValueNodeHasChildrenChange: I,
       contentId: Wt(),
       value: se,
       onValueChange: T,
@@ -206,7 +206,7 @@ var le = 10, [jr, he] = ke(Re), Jo = "SelectContentImpl", el = vs("SelectContent
       avoidCollisions: C,
       //
       ...w
-    } = e, v = fe(Re, a), [y, N] = t.useState(null), [P, re] = t.useState(null), V = Z(r, (x) => N(x)), [Q, se] = t.useState(null), [T, _] = t.useState(
+    } = e, v = fe(Re, a), [y, N] = t.useState(null), [I, re] = t.useState(null), V = Z(r, (x) => N(x)), [Q, se] = t.useState(null), [T, _] = t.useState(
       null
     ), D = ht(a), [K, ee] = t.useState(!1), J = t.useRef(!1);
     t.useEffect(() => {
@@ -216,9 +216,9 @@ var le = 10, [jr, he] = ke(Re), Jo = "SelectContentImpl", el = vs("SelectContent
       (x) => {
         const [L, ...ae] = D().map((B) => B.ref.current), [z] = ae.slice(-1), A = document.activeElement;
         for (const B of x)
-          if (B === A || (B == null || B.scrollIntoView({ block: "nearest" }), B === L && P && (P.scrollTop = 0), B === z && P && (P.scrollTop = P.scrollHeight), B == null || B.focus(), document.activeElement !== A)) return;
+          if (B === A || (B == null || B.scrollIntoView({ block: "nearest" }), B === L && I && (I.scrollTop = 0), B === z && I && (I.scrollTop = I.scrollHeight), B == null || B.focus(), document.activeElement !== A)) return;
       },
-      [D, P]
+      [D, I]
     ), U = t.useCallback(
       () => O([Q, y]),
       [O, Q, y]
@@ -258,7 +258,7 @@ var le = 10, [jr, he] = ke(Re), Jo = "SelectContentImpl", el = vs("SelectContent
         (v.value !== void 0 && v.value === L || z) && (se(x), z && (J.current = !0));
       },
       [v.value]
-    ), bt = t.useCallback(() => y == null ? void 0 : y.focus(), [y]), Ie = t.useCallback(
+    ), bt = t.useCallback(() => y == null ? void 0 : y.focus(), [y]), Pe = t.useCallback(
       (x, L, ae) => {
         const z = !J.current && !ae;
         (v.value !== void 0 && v.value === L || z) && _(x);
@@ -281,12 +281,12 @@ var le = 10, [jr, he] = ke(Re), Jo = "SelectContentImpl", el = vs("SelectContent
       {
         scope: a,
         content: y,
-        viewport: P,
+        viewport: I,
         onViewportChange: re,
         itemRefCallback: wt,
         selectedItem: Q,
         onItemLeave: bt,
-        itemTextRefCallback: Ie,
+        itemTextRefCallback: Pe,
         focusSelectedItem: U,
         selectedItemText: T,
         position: n,
@@ -377,8 +377,8 @@ var tl = "SelectItemAlignedPosition", Gr = t.forwardRef((e, r) => {
         ]);
         c.style.minWidth = ve + "px", c.style.right = xt + "px";
       }
-      const _ = g(), D = window.innerHeight - le * 2, K = h.scrollHeight, ee = window.getComputedStyle(u), J = parseInt(ee.borderTopWidth, 10), O = parseInt(ee.paddingTop, 10), U = parseInt(ee.borderBottomWidth, 10), Y = parseInt(ee.paddingBottom, 10), oe = J + O + K + Y + U, Nt = Math.min(C.offsetHeight * 5, oe), st = window.getComputedStyle(h), wt = parseInt(st.paddingTop, 10), bt = parseInt(st.paddingBottom, 10), Ie = V.top + V.height / 2 - le, ot = D - Ie, Le = C.offsetHeight / 2, x = C.offsetTop + Le, L = J + O + x, ae = oe - L;
-      if (L <= Ie) {
+      const _ = g(), D = window.innerHeight - le * 2, K = h.scrollHeight, ee = window.getComputedStyle(u), J = parseInt(ee.borderTopWidth, 10), O = parseInt(ee.paddingTop, 10), U = parseInt(ee.borderBottomWidth, 10), Y = parseInt(ee.paddingBottom, 10), oe = J + O + K + Y + U, Nt = Math.min(C.offsetHeight * 5, oe), st = window.getComputedStyle(h), wt = parseInt(st.paddingTop, 10), bt = parseInt(st.paddingBottom, 10), Pe = V.top + V.height / 2 - le, ot = D - Pe, Le = C.offsetHeight / 2, x = C.offsetTop + Le, L = J + O + x, ae = oe - L;
+      if (L <= Pe) {
         const A = _.length > 0 && C === _[_.length - 1].ref.current;
         c.style.bottom = "0px";
         const B = u.clientHeight - h.offsetTop - h.offsetHeight, ge = Math.max(
@@ -391,11 +391,11 @@ var tl = "SelectItemAlignedPosition", Gr = t.forwardRef((e, r) => {
         const A = _.length > 0 && C === _[0].ref.current;
         c.style.top = "0px";
         const ge = Math.max(
-          Ie,
+          Pe,
           J + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (A ? wt : 0) + Le
         ) + ae;
-        c.style.height = ge + "px", h.scrollTop = L - Ie + h.offsetTop;
+        c.style.height = ge + "px", h.scrollTop = L - Pe + h.offsetTop;
       }
       c.style.margin = `${le}px 0`, c.style.minHeight = Nt + "px", c.style.maxHeight = D + "px", n == null || n(), requestAnimationFrame(() => b.current = !0);
     }
@@ -412,9 +412,9 @@ var tl = "SelectItemAlignedPosition", Gr = t.forwardRef((e, r) => {
     n
   ]);
   pe(() => y(), [y]);
-  const [N, P] = t.useState();
+  const [N, I] = t.useState();
   pe(() => {
-    u && P(window.getComputedStyle(u).zIndex);
+    u && I(window.getComputedStyle(u).zIndex);
   }, [u]);
   const re = t.useCallback(
     (V) => {
@@ -838,7 +838,7 @@ var pl = Br, fl = Dr, hl = Or, gl = Lr, vl = Vr, yl = Hr, Cl = Wr, Nl = Ur, wl =
       inverted: b = !1,
       form: E,
       ...h
-    } = e, C = t.useRef(/* @__PURE__ */ new Set()), w = t.useRef(0), y = l === "horizontal" ? _l : Il, [N = [], P] = Qe({
+    } = e, C = t.useRef(/* @__PURE__ */ new Set()), w = t.useRef(0), y = l === "horizontal" ? _l : Pl, [N = [], I] = Qe({
       prop: f,
       defaultProp: u,
       onChange: (_) => {
@@ -859,7 +859,7 @@ var pl = Br, fl = Dr, hl = Or, gl = Lr, vl = Vr, yl = Hr, Cl = Wr, Nl = Ur, wl =
     }
     function T(_, D, { commit: K } = { commit: !1 }) {
       const ee = Ll(o), J = Vl(Math.round((_ - n) / o) * o + n, ee), O = dt(J, [n, s]);
-      P((U = []) => {
+      I((U = []) => {
         const Y = Al(U, O, D);
         if (Ol(Y, i * o)) {
           w.current = Y.indexOf(O);
@@ -932,7 +932,7 @@ var [ma, pa] = da(De, {
       ...f
     } = e, [p, g] = t.useState(null), b = Z(r, (y) => g(y)), E = t.useRef(void 0), h = br(s), C = h === "ltr", w = C && !o || !C && o;
     function v(y) {
-      const N = E.current || p.getBoundingClientRect(), P = [0, N.width], V = er(P, w ? [a, n] : [n, a]);
+      const N = E.current || p.getBoundingClientRect(), I = [0, N.width], V = er(I, w ? [a, n] : [n, a]);
       return E.current = N, V(y - N.left);
     }
     return /* @__PURE__ */ d(
@@ -966,15 +966,15 @@ var [ma, pa] = da(De, {
               E.current = void 0, i == null || i();
             },
             onStepKeyDown: (y) => {
-              const P = ia[w ? "from-left" : "from-right"].includes(y.key);
-              u == null || u({ event: y, direction: P ? -1 : 1 });
+              const I = ia[w ? "from-left" : "from-right"].includes(y.key);
+              u == null || u({ event: y, direction: I ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Il = t.forwardRef(
+), Pl = t.forwardRef(
   (e, r) => {
     const {
       min: a,
@@ -1105,9 +1105,9 @@ var Vt = "SliderThumb", ya = t.forwardRef(
       () => n ? a().findIndex((c) => c.ref.current === n) : -1,
       [a, n]
     );
-    return /* @__PURE__ */ d(Pl, { ...e, ref: o, index: l });
+    return /* @__PURE__ */ d(Il, { ...e, ref: o, index: l });
   }
-), Pl = t.forwardRef(
+), Il = t.forwardRef(
   (e, r) => {
     const { __scopeSlider: a, index: n, name: s, ...o } = e, l = vt(Vt, a), c = pa(Vt, a), [i, u] = t.useState(null), f = Z(r, (v) => u(v)), p = i ? l.form || !!i.closest("form") : !0, g = bs(i), b = l.values[n], E = b === void 0 ? 0 : Na(b, l.min, l.max), h = Bl(n, l.values.length), C = g == null ? void 0 : g[c.size], w = C ? Dl(C, E, c.direction) : 0;
     return t.useEffect(() => {
@@ -1402,16 +1402,16 @@ function tc(e) {
       return "gray";
   }
 }
-const rc = ["none", "small", "medium", "large", "full"], ie = { radius: { type: "enum", values: rc, default: void 0 } }, ne = { hasBackground: { default: !0 }, appearance: { default: "inherit" }, accentColor: { default: "indigo" }, grayColor: { default: "auto" }, panelBackground: { default: "translucent" }, radius: { default: "medium" }, scaling: { default: "100%" } }, Pe = () => {
+const rc = ["none", "small", "medium", "large", "full"], ie = { radius: { type: "enum", values: rc, default: void 0 } }, ne = { hasBackground: { default: !0 }, appearance: { default: "inherit" }, accentColor: { default: "indigo" }, grayColor: { default: "auto" }, panelBackground: { default: "translucent" }, radius: { default: "medium" }, scaling: { default: "100%" } }, Ie = () => {
 }, mt = t.createContext(void 0);
-function Ia() {
+function Pa() {
   const e = t.useContext(mt);
   if (e === void 0) throw new Error("`useThemeContext` must be used within a `Theme`");
   return e;
 }
-const de = t.forwardRef((e, r) => t.useContext(mt) === void 0 ? t.createElement(Kt, { delayDuration: 200 }, t.createElement(Ss, { dir: "ltr" }, t.createElement(Pa, { ...e, ref: r }))) : t.createElement(nr, { ...e, ref: r }));
+const de = t.forwardRef((e, r) => t.useContext(mt) === void 0 ? t.createElement(Kt, { delayDuration: 200 }, t.createElement(Ss, { dir: "ltr" }, t.createElement(Ia, { ...e, ref: r }))) : t.createElement(nr, { ...e, ref: r }));
 de.displayName = "Theme";
-const Pa = t.forwardRef((e, r) => {
+const Ia = t.forwardRef((e, r) => {
   const { appearance: a = ne.appearance.default, accentColor: n = ne.accentColor.default, grayColor: s = ne.grayColor.default, panelBackground: o = ne.panelBackground.default, radius: l = ne.radius.default, scaling: c = ne.scaling.default, hasBackground: i = ne.hasBackground.default, ...u } = e, [f, p] = t.useState(a);
   t.useEffect(() => p(a), [a]);
   const [g, b] = t.useState(n);
@@ -1422,19 +1422,19 @@ const Pa = t.forwardRef((e, r) => {
   t.useEffect(() => w(o), [o]);
   const [v, y] = t.useState(l);
   t.useEffect(() => y(l), [l]);
-  const [N, P] = t.useState(c);
-  return t.useEffect(() => P(c), [c]), t.createElement(nr, { ...u, ref: r, isRoot: !0, hasBackground: i, appearance: f, accentColor: g, grayColor: E, panelBackground: C, radius: v, scaling: N, onAppearanceChange: p, onAccentColorChange: b, onGrayColorChange: h, onPanelBackgroundChange: w, onRadiusChange: y, onScalingChange: P });
+  const [N, I] = t.useState(c);
+  return t.useEffect(() => I(c), [c]), t.createElement(nr, { ...u, ref: r, isRoot: !0, hasBackground: i, appearance: f, accentColor: g, grayColor: E, panelBackground: C, radius: v, scaling: N, onAppearanceChange: p, onAccentColorChange: b, onGrayColorChange: h, onPanelBackgroundChange: w, onRadiusChange: y, onScalingChange: I });
 });
-Pa.displayName = "ThemeRoot";
+Ia.displayName = "ThemeRoot";
 const nr = t.forwardRef((e, r) => {
-  const a = t.useContext(mt), { asChild: n, isRoot: s, hasBackground: o, appearance: l = (a == null ? void 0 : a.appearance) ?? ne.appearance.default, accentColor: c = (a == null ? void 0 : a.accentColor) ?? ne.accentColor.default, grayColor: i = (a == null ? void 0 : a.resolvedGrayColor) ?? ne.grayColor.default, panelBackground: u = (a == null ? void 0 : a.panelBackground) ?? ne.panelBackground.default, radius: f = (a == null ? void 0 : a.radius) ?? ne.radius.default, scaling: p = (a == null ? void 0 : a.scaling) ?? ne.scaling.default, onAppearanceChange: g = Pe, onAccentColorChange: b = Pe, onGrayColorChange: E = Pe, onPanelBackgroundChange: h = Pe, onRadiusChange: C = Pe, onScalingChange: w = Pe, ...v } = e, y = n ? W : "div", N = i === "auto" ? tc(c) : i, P = e.appearance === "light" || e.appearance === "dark", re = o === void 0 ? s || P : o;
+  const a = t.useContext(mt), { asChild: n, isRoot: s, hasBackground: o, appearance: l = (a == null ? void 0 : a.appearance) ?? ne.appearance.default, accentColor: c = (a == null ? void 0 : a.accentColor) ?? ne.accentColor.default, grayColor: i = (a == null ? void 0 : a.resolvedGrayColor) ?? ne.grayColor.default, panelBackground: u = (a == null ? void 0 : a.panelBackground) ?? ne.panelBackground.default, radius: f = (a == null ? void 0 : a.radius) ?? ne.radius.default, scaling: p = (a == null ? void 0 : a.scaling) ?? ne.scaling.default, onAppearanceChange: g = Ie, onAccentColorChange: b = Ie, onGrayColorChange: E = Ie, onPanelBackgroundChange: h = Ie, onRadiusChange: C = Ie, onScalingChange: w = Ie, ...v } = e, y = n ? W : "div", N = i === "auto" ? tc(c) : i, I = e.appearance === "light" || e.appearance === "dark", re = o === void 0 ? s || I : o;
   return t.createElement(mt.Provider, { value: t.useMemo(() => ({ appearance: l, accentColor: c, grayColor: i, resolvedGrayColor: N, panelBackground: u, radius: f, scaling: p, onAppearanceChange: g, onAccentColorChange: b, onGrayColorChange: E, onPanelBackgroundChange: h, onRadiusChange: C, onScalingChange: w }), [l, c, i, N, u, f, p, g, b, E, h, C, w]) }, t.createElement(y, { "data-is-root-theme": s ? "true" : "false", "data-accent-color": c, "data-gray-color": N, "data-has-background": re ? "true" : "false", "data-panel-background": u, "data-radius": f, "data-scaling": p, ref: r, ...v, className: m("radix-themes", { light: l === "light", dark: l === "dark" }, v.className) }));
 });
 nr.displayName = "ThemeImpl";
 const ue = (e) => {
   if (!t.isValidElement(e)) throw Error(`Expected a single React Element child, but got: ${t.Children.toArray(e).map((r) => typeof r == "object" && "type" in r && typeof r.type == "string" ? r.type : typeof r).join(", ")}`);
   return e;
-}, Ma = (e) => t.createElement(Is, { ...e });
+}, Ma = (e) => t.createElement(Ps, { ...e });
 Ma.displayName = "AlertDialog.Root";
 const Aa = t.forwardRef(({ children: e, ...r }, a) => t.createElement(Ms, { ...r, ref: a, asChild: !0 }, ue(e)));
 Aa.displayName = "AlertDialog.Trigger";
@@ -1443,7 +1443,7 @@ const Ba = t.forwardRef(({ align: e, ...r }, a) => {
   return t.createElement(Rs, { container: i, forceMount: c }, t.createElement(de, { asChild: !0 }, t.createElement($s, { className: "rt-BaseDialogOverlay rt-AlertDialogOverlay" }, t.createElement("div", { className: "rt-BaseDialogScroll rt-AlertDialogScroll" }, t.createElement("div", { className: `rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${o}` }, t.createElement(Ts, { ...u, ref: a, className: m("rt-BaseDialogContent", "rt-AlertDialogContent", l) }))))));
 });
 Ba.displayName = "AlertDialog.Content";
-const ka = t.forwardRef((e, r) => t.createElement(Ps, { asChild: !0 }, t.createElement(ar, { size: "5", mb: "3", trim: "start", ...e, asChild: !1, ref: r })));
+const ka = t.forwardRef((e, r) => t.createElement(Is, { asChild: !0 }, t.createElement(ar, { size: "5", mb: "3", trim: "start", ...e, asChild: !1, ref: r })));
 ka.displayName = "AlertDialog.Title";
 const Da = t.forwardRef((e, r) => t.createElement(_s, { asChild: !0 }, t.createElement(F, { as: "p", size: "3", ...e, asChild: !1, ref: r })));
 Da.displayName = "AlertDialog.Description";
@@ -1499,16 +1499,16 @@ const vc = ["1", "2", "3", "4"], yc = ["classic", "solid", "soft", "surface", "o
 function xc(e) {
   return e === "between" ? "space-between" : e;
 }
-const I = t.forwardRef((e, r) => {
+const P = t.forwardRef((e, r) => {
   const { className: a, asChild: n, as: s = "div", ...o } = S(e, ja, rt, $);
   return t.createElement(n ? or : s, { ...o, ref: r, className: m("rt-Flex", a) });
 });
-I.displayName = "Flex";
+P.displayName = "Flex";
 const Rc = ["1", "2", "3"], $c = { size: { type: "enum", className: "rt-r-size", values: Rc, default: "2", responsive: !0 }, loading: { type: "boolean", default: !0 } }, Fa = t.forwardRef((e, r) => {
   const { className: a, children: n, loading: s, ...o } = S(e, $c, $);
   if (!s) return n;
   const l = t.createElement("span", { ...o, ref: r, className: m("rt-Spinner", a) }, t.createElement("span", { className: "rt-SpinnerLeaf" }), t.createElement("span", { className: "rt-SpinnerLeaf" }), t.createElement("span", { className: "rt-SpinnerLeaf" }), t.createElement("span", { className: "rt-SpinnerLeaf" }), t.createElement("span", { className: "rt-SpinnerLeaf" }), t.createElement("span", { className: "rt-SpinnerLeaf" }), t.createElement("span", { className: "rt-SpinnerLeaf" }), t.createElement("span", { className: "rt-SpinnerLeaf" }));
-  return n === void 0 ? l : t.createElement(I, { asChild: !0, position: "relative", align: "center", justify: "center" }, t.createElement("span", null, t.createElement("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0 }, n), t.createElement(I, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, t.createElement("span", null, l))));
+  return n === void 0 ? l : t.createElement(P, { asChild: !0, position: "relative", align: "center", justify: "center" }, t.createElement("span", null, t.createElement("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0 }, n), t.createElement(P, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, t.createElement("span", null, l))));
 });
 Fa.displayName = "Spinner";
 const Tc = zs;
@@ -1518,7 +1518,7 @@ function Ga(e, r) {
 function _c(e) {
   return e === "3" ? "3" : "2";
 }
-function Ic(e) {
+function Pc(e) {
   switch (e) {
     case "1":
       return "1";
@@ -1531,12 +1531,12 @@ function Ic(e) {
 }
 const lr = t.forwardRef((e, r) => {
   const { size: a = fr.size.default } = e, { className: n, children: s, asChild: o, color: l, radius: c, disabled: i = e.loading, ...u } = S(e, fr, $), f = o ? W : "button";
-  return t.createElement(f, { "data-disabled": i || void 0, "data-accent-color": l, "data-radius": c, ...u, ref: r, className: m("rt-reset", "rt-BaseButton", n), disabled: i }, e.loading ? t.createElement(t.Fragment, null, t.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, s), t.createElement(Tc, null, s), t.createElement(I, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, t.createElement("span", null, t.createElement(Fa, { size: Ga(a, Ic) })))) : s);
+  return t.createElement(f, { "data-disabled": i || void 0, "data-accent-color": l, "data-radius": c, ...u, ref: r, className: m("rt-reset", "rt-BaseButton", n), disabled: i }, e.loading ? t.createElement(t.Fragment, null, t.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, s), t.createElement(Tc, null, s), t.createElement(P, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, t.createElement("span", null, t.createElement(Fa, { size: Ga(a, Pc) })))) : s);
 });
 lr.displayName = "BaseButton";
 const cr = t.forwardRef(({ className: e, ...r }, a) => t.createElement(lr, { ...r, ref: a, className: m("rt-Button", e) }));
 cr.displayName = "Button";
-const Pc = ["1", "2", "3"], Mc = ["soft", "surface", "outline"], hr = { ...M, size: { type: "enum", className: "rt-r-size", values: Pc, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Mc, default: "soft" }, ...Oe, ...q }, Wa = t.createContext({}), Ka = t.forwardRef((e, r) => {
+const Ic = ["1", "2", "3"], Mc = ["soft", "surface", "outline"], hr = { ...M, size: { type: "enum", className: "rt-r-size", values: Ic, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Mc, default: "soft" }, ...Oe, ...q }, Wa = t.createContext({}), Ka = t.forwardRef((e, r) => {
   const { size: a = hr.size.default } = e, { asChild: n, children: s, className: o, color: l, ...c } = S(e, hr, $), i = n ? W : "div";
   return t.createElement(i, { "data-accent-color": l, ...c, className: m("rt-CalloutRoot", o), ref: r }, t.createElement(Wa.Provider, { value: t.useMemo(() => ({ size: a }), [a]) }, s));
 });
@@ -1607,7 +1607,7 @@ function li(e) {
 }
 const Ct = t.forwardRef((e, r) => {
   const { rest: a, ...n } = oi(e), [s, o] = li(n), { asChild: l, children: c, className: i, style: u, type: f, scrollHideDelay: p = f !== "scroll" ? 0 : void 0, dir: g, size: b = He.size.default, radius: E = He.radius.default, scrollbars: h = He.scrollbars.default, ...C } = a;
-  return t.createElement(xr, { type: f, scrollHideDelay: p, className: m("rt-ScrollAreaRoot", s, i), style: et(o, u), asChild: l }, sr({ asChild: l, children: c }, (w) => t.createElement(t.Fragment, null, t.createElement(Rr, { ...C, ref: r, className: "rt-ScrollAreaViewport" }, w), t.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), h !== "vertical" ? t.createElement(Pt, { "data-radius": E, orientation: "horizontal", className: m("rt-ScrollAreaScrollbar", Je({ className: "rt-r-size", value: b, propValues: He.size.values })) }, t.createElement(Mt, { className: "rt-ScrollAreaThumb" })) : null, h !== "horizontal" ? t.createElement(Pt, { "data-radius": E, orientation: "vertical", className: m("rt-ScrollAreaScrollbar", Je({ className: "rt-r-size", value: b, propValues: He.size.values })) }, t.createElement(Mt, { className: "rt-ScrollAreaThumb" })) : null, h === "both" ? t.createElement(Vs, { className: "rt-ScrollAreaCorner" }) : null)));
+  return t.createElement(xr, { type: f, scrollHideDelay: p, className: m("rt-ScrollAreaRoot", s, i), style: et(o, u), asChild: l }, sr({ asChild: l, children: c }, (w) => t.createElement(t.Fragment, null, t.createElement(Rr, { ...C, ref: r, className: "rt-ScrollAreaViewport" }, w), t.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), h !== "vertical" ? t.createElement(It, { "data-radius": E, orientation: "horizontal", className: m("rt-ScrollAreaScrollbar", Je({ className: "rt-r-size", value: b, propValues: He.size.values })) }, t.createElement(Mt, { className: "rt-ScrollAreaThumb" })) : null, h !== "horizontal" ? t.createElement(It, { "data-radius": E, orientation: "vertical", className: m("rt-ScrollAreaScrollbar", Je({ className: "rt-r-size", value: b, propValues: He.size.values })) }, t.createElement(Mt, { className: "rt-ScrollAreaThumb" })) : null, h === "both" ? t.createElement(Vs, { className: "rt-ScrollAreaCorner" }) : null)));
 });
 Ct.displayName = "ScrollArea";
 const ci = ["1", "2"], ii = ["solid", "soft"], Ue = { size: { type: "enum", className: "rt-r-size", values: ci, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: ii, default: "solid" }, ...H, ...q }, di = { ...M, ...H }, ui = { ...H }, mi = { ...H }, en = (e) => t.createElement(Ys, { ...e });
@@ -1615,7 +1615,7 @@ en.displayName = "ContextMenu.Root";
 const tn = t.forwardRef(({ children: e, ...r }, a) => t.createElement(Js, { ...r, ref: a, asChild: !0 }, ue(e)));
 tn.displayName = "ContextMenu.Trigger";
 const rn = t.createContext({}), an = t.forwardRef((e, r) => {
-  const a = Ia(), { size: n = Ue.size.default, variant: s = Ue.variant.default, highContrast: o = Ue.highContrast.default } = e, { className: l, children: c, color: i, container: u, forceMount: f, ...p } = S(e, Ue), g = i || a.accentColor;
+  const a = Pa(), { size: n = Ue.size.default, variant: s = Ue.variant.default, highContrast: o = Ue.highContrast.default } = e, { className: l, children: c, color: i, container: u, forceMount: f, ...p } = S(e, Ue), g = i || a.accentColor;
   return t.createElement(Tr, { container: u, forceMount: f }, t.createElement(de, { asChild: !0 }, t.createElement(js, { "data-accent-color": g, alignOffset: -Number(n) * 4, collisionPadding: 10, ...p, asChild: !1, ref: r, className: m("rt-PopperContent", "rt-BaseMenuContent", "rt-ContextMenuContent", l) }, t.createElement(Ct, { type: "auto" }, t.createElement("div", { className: m("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, t.createElement(rn.Provider, { value: t.useMemo(() => ({ size: n, variant: s, color: g, highContrast: o }), [n, s, g, o]) }, c))))));
 });
 an.displayName = "ContextMenu.Content";
@@ -1752,7 +1752,7 @@ const tm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Content: $n,
   Root: xn,
   Trigger: Rn
-}, Symbol.toStringTag, { value: "Module" })), Ii = ["1", "2", "3"], Pi = ["classic", "surface", "soft"], Mi = { size: { type: "enum", className: "rt-r-size", values: Ii, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Pi, default: "surface" }, ...H, ...q, ...ie, duration: { type: "string" } }, Ai = t.forwardRef((e, r) => {
+}, Symbol.toStringTag, { value: "Module" })), Pi = ["1", "2", "3"], Ii = ["classic", "surface", "soft"], Mi = { size: { type: "enum", className: "rt-r-size", values: Pi, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Ii, default: "surface" }, ...H, ...q, ...ie, duration: { type: "string" } }, Ai = t.forwardRef((e, r) => {
   const { className: a, style: n, color: s, radius: o, duration: l, ...c } = S(e, Mi, $);
   return t.createElement(Co, { "data-accent-color": s, "data-radius": o, ref: r, className: m("rt-ProgressRoot", a), style: et({ "--progress-duration": "value" in c ? void 0 : l, "--progress-value": "value" in c ? c.value : void 0, "--progress-max": "max" in c ? c.max : void 0 }, n), ...c, asChild: !1 }, t.createElement(No, { className: "rt-ProgressIndicator" }));
 });
@@ -1762,14 +1762,14 @@ const Bi = { ...M, ..._e, ...Te }, ki = t.forwardRef((e, r) => {
   return t.createElement(o, { ...s, ref: r, className: m("rt-Quote", n) });
 });
 ki.displayName = "Quote";
-const Di = ["1", "2", "3"], zi = ["surface", "classic"], Oi = { ...M, size: { type: "enum", className: "rt-r-size", values: Di, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: zi, default: "surface" }, ...H, ...q, columns: { ...pt.columns, default: "repeat(auto-fit, minmax(160px, 1fr))" }, gap: { ...pt.gap, default: "4" } }, In = t.forwardRef((e, r) => {
+const Di = ["1", "2", "3"], zi = ["surface", "classic"], Oi = { ...M, size: { type: "enum", className: "rt-r-size", values: Di, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: zi, default: "surface" }, ...H, ...q, columns: { ...pt.columns, default: "repeat(auto-fit, minmax(160px, 1fr))" }, gap: { ...pt.gap, default: "4" } }, Pn = t.forwardRef((e, r) => {
   const { className: a, color: n, ...s } = S(e, Oi, $);
   return t.createElement(Xa, { asChild: !0 }, t.createElement(_r, { "data-accent-color": n, ...s, ref: r, className: m("rt-RadioCardsRoot", a) }));
 });
-In.displayName = "RadioCards.Root";
-const Pn = t.forwardRef(({ className: e, ...r }, a) => t.createElement(Ir, { ...r, asChild: !1, ref: a, className: m("rt-reset", "rt-BaseCard", "rt-RadioCardsItem", e) }));
-Pn.displayName = "RadioCards.Item";
-const Li = ["1", "2", "3"], Vi = ["classic", "surface", "soft"], Ye = { ...M, size: { type: "enum", className: "rt-r-size", values: Li, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Vi, default: "surface" }, ...H, ...q }, Mn = "RadioGroup", [Hi] = Gt(Mn, [Pr]), An = Pr(), [ji, Bn] = Hi(Mn), kn = t.forwardRef(({ color: e = Ye.color.default, highContrast: r = Ye.highContrast.default, size: a = Ye.size.default, variant: n = Ye.variant.default, ...s }, o) => {
+Pn.displayName = "RadioCards.Root";
+const In = t.forwardRef(({ className: e, ...r }, a) => t.createElement(Pr, { ...r, asChild: !1, ref: a, className: m("rt-reset", "rt-BaseCard", "rt-RadioCardsItem", e) }));
+In.displayName = "RadioCards.Item";
+const Li = ["1", "2", "3"], Vi = ["classic", "surface", "soft"], Ye = { ...M, size: { type: "enum", className: "rt-r-size", values: Li, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Vi, default: "surface" }, ...H, ...q }, Mn = "RadioGroup", [Hi] = Gt(Mn, [Ir]), An = Ir(), [ji, Bn] = Hi(Mn), kn = t.forwardRef(({ color: e = Ye.color.default, highContrast: r = Ye.highContrast.default, size: a = Ye.size.default, variant: n = Ye.variant.default, ...s }, o) => {
   const { __scopeRadioGroup: l, className: c, ...i } = S(s, $), u = An(l);
   return t.createElement(ji, { scope: l, color: e, highContrast: r, size: a, variant: n }, t.createElement(_r, { ...u, ...i, ref: o, className: m("rt-RadioGroupRoot", c) }));
 });
@@ -1781,7 +1781,7 @@ const Dn = t.forwardRef((e, r) => {
 Dn.displayName = "RadioGroup.Item";
 const Ht = t.forwardRef(({ __scopeRadioGroup: e, ...r }, a) => {
   const n = Bn("RadioGroupItemRadio", e), s = An(e), { color: o, className: l } = S({ ...r, ...n }, Ye, $);
-  return t.createElement(Ir, { ...s, "data-accent-color": o, ...r, asChild: !1, ref: a, className: m("rt-reset", "rt-BaseRadioRoot", l) });
+  return t.createElement(Pr, { ...s, "data-accent-color": o, ...r, asChild: !1, ref: a, className: m("rt-reset", "rt-BaseRadioRoot", l) });
 });
 Ht.displayName = "RadioGroup.ItemRadio";
 const rm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -1822,8 +1822,8 @@ const Vn = t.forwardRef((e, r) => {
 });
 Vn.displayName = "Select.Trigger";
 const Hn = t.forwardRef((e, r) => {
-  const a = t.useContext(dr), { className: n, children: s, color: o, container: l, ...c } = S({ size: a == null ? void 0 : a.size, ...e }, { size: ir.size }, sd), i = Ia(), u = o || i.accentColor;
-  return t.createElement(vl, { container: l }, t.createElement(de, { asChild: !0 }, t.createElement(yl, { "data-accent-color": u, sideOffset: 4, ...c, asChild: !1, ref: r, className: m({ "rt-PopperContent": c.position === "popper" }, "rt-SelectContent", n) }, t.createElement(xr, { type: "auto", className: "rt-ScrollAreaRoot" }, t.createElement(Cl, { asChild: !0, className: "rt-SelectViewport" }, t.createElement(Rr, { className: "rt-ScrollAreaViewport", style: { overflowY: void 0 } }, s)), t.createElement(Pt, { className: "rt-ScrollAreaScrollbar rt-r-size-1", orientation: "vertical" }, t.createElement(Mt, { className: "rt-ScrollAreaThumb" }))))));
+  const a = t.useContext(dr), { className: n, children: s, color: o, container: l, ...c } = S({ size: a == null ? void 0 : a.size, ...e }, { size: ir.size }, sd), i = Pa(), u = o || i.accentColor;
+  return t.createElement(vl, { container: l }, t.createElement(de, { asChild: !0 }, t.createElement(yl, { "data-accent-color": u, sideOffset: 4, ...c, asChild: !1, ref: r, className: m({ "rt-PopperContent": c.position === "popper" }, "rt-SelectContent", n) }, t.createElement(xr, { type: "auto", className: "rt-ScrollAreaRoot" }, t.createElement(Cl, { asChild: !0, className: "rt-SelectViewport" }, t.createElement(Rr, { className: "rt-ScrollAreaViewport", style: { overflowY: void 0 } }, s)), t.createElement(It, { className: "rt-ScrollAreaScrollbar rt-r-size-1", orientation: "vertical" }, t.createElement(Mt, { className: "rt-ScrollAreaThumb" }))))));
 });
 Hn.displayName = "Select.Content";
 const jn = t.forwardRef((e, r) => {
@@ -1863,8 +1863,8 @@ const Nd = ["1", "2"], wd = ["nowrap", "wrap", "wrap-reverse"], bd = ["start", "
 function _d(e) {
   return { baseline: "baseline", start: "top", center: "middle", end: "bottom" }[e];
 }
-const Id = ["start", "center", "end"], ur = { justify: { type: "enum", className: "rt-r-ta", values: Id, parseValue: Pd, responsive: !0 }, ...X, ...Ze };
-function Pd(e) {
+const Pd = ["start", "center", "end"], ur = { justify: { type: "enum", className: "rt-r-ta", values: Pd, parseValue: Id, responsive: !0 }, ...X, ...Ze };
+function Id(e) {
   return { start: "left", center: "center", end: "right" }[e];
 }
 const Gn = t.forwardRef((e, r) => {
@@ -2014,8 +2014,8 @@ const om = ({ children: e, ...r }) => /* @__PURE__ */ d(
 }, lm = ({ onChangeValue: e, volume: r, disabled: a }) => {
   const [n, s] = qe(!1), o = Ae(), l = Ae(0), c = j((N) => {
     if (N < 1e-3) return -1 / 0;
-    const P = 20 * Math.log10(N);
-    return P < -60 ? -60 : P;
+    const I = 20 * Math.log10(N);
+    return I < -60 ? -60 : I;
   }, []), i = j((N) => N === -1 / 0 || N <= -60 ? 0 : Math.pow(10, N / 20), []), u = Be(() => {
     const N = c(r);
     return N === -1 / 0 ? -60 : Math.max(-60, Math.min(6, N));
@@ -2158,9 +2158,9 @@ const om = ({ children: e, ...r }) => /* @__PURE__ */ d(
       return null;
   }
 }, cm = ls(
-  ({ trigger: e, options: r, className: a, ...n }) => /* @__PURE__ */ R(Io, { children: [
+  ({ trigger: e, options: r, className: a, ...n }) => /* @__PURE__ */ R(Po, { children: [
     /* @__PURE__ */ d(
-      Po,
+      Io,
       {
         asChild: !0,
         className: ce.dropdownMenuTrigger,
@@ -2198,7 +2198,7 @@ const om = ({ children: e, ...r }) => /* @__PURE__ */ d(
 os.displayName = "HeaderPanel.Button";
 const mr = te.forwardRef(
   ({ title: e, children: r, className: a, ...n }, s) => /* @__PURE__ */ R(
-    I,
+    P,
     {
       ref: s,
       gap: "4",
@@ -2212,7 +2212,7 @@ const mr = te.forwardRef(
       ...n,
       children: [
         /* @__PURE__ */ d(F, { size: "4", weight: "bold", children: e }),
-        /* @__PURE__ */ d(I, { gap: "3", children: r })
+        /* @__PURE__ */ d(P, { gap: "3", children: r })
       ]
     }
   )
@@ -2227,15 +2227,15 @@ const im = mr, nu = "_listCardsItem_1toab_1", su = "_listCardsAvatar_1toab_20",
 }, cu = ({ className: e, image: r, name: a, description: n, id: s, ...o }) => {
   const l = r && (r != null && r.startsWith("url(")) ? r == null ? void 0 : r.substring(4, (r == null ? void 0 : r.length) - 1).replace(/"/g, "") : r;
   return /* @__PURE__ */ d(
-    Pn,
+    In,
     {
       value: s,
       className: m(e, lt.listCardsItem),
       style: { "--color-surface": "transparent" },
       ...o,
-      children: /* @__PURE__ */ R(I, { gap: "2", children: [
+      children: /* @__PURE__ */ R(P, { gap: "2", children: [
         /* @__PURE__ */ d(La, { src: l, className: lt.listCardsAvatar }),
-        /* @__PURE__ */ R(I, { direction: "column", justify: "center", gap: "1", children: [
+        /* @__PURE__ */ R(P, { direction: "column", justify: "center", gap: "1", children: [
           /* @__PURE__ */ d(F, { as: "div", size: "2", className: lt.listCardsItemText, children: a }),
           /* @__PURE__ */ d(F, { as: "div", size: "1", className: lt.listCardsItemDescription, children: n })
         ] })
@@ -2243,7 +2243,7 @@ const im = mr, nu = "_listCardsItem_1toab_1", su = "_listCardsAvatar_1toab_20",
     }
   );
 }, iu = ({ items: e, value: r, onSelect: a, className: n, ...s }) => /* @__PURE__ */ d($e, { height: "100%", width: "100%", overflow: "auto", children: /* @__PURE__ */ d(
-  In,
+  Pn,
   {
     defaultValue: r,
     onValueChange: a,
@@ -2279,7 +2279,7 @@ const du = "_customCard_n323n_11", uu = "_selected_n323n_20", mu = "_disabled_n3
         [_t.selected]: o,
         [_t.disabled]: l
       }),
-      children: /* @__PURE__ */ R(I, { align: "start", direction: "column", height: "70px", justify: "between", children: [
+      children: /* @__PURE__ */ R(P, { align: "start", direction: "column", height: "70px", justify: "between", children: [
         e.icon && /* @__PURE__ */ d(
           $e,
           {
@@ -2312,7 +2312,7 @@ const du = "_customCard_n323n_11", uu = "_selected_n323n_20", mu = "_disabled_n3
   className: n,
   disabled: s = !1,
   ...o
-}) => /* @__PURE__ */ d($e, { height: "100%", width: "100%", overflow: "auto", children: /* @__PURE__ */ d(I, { className: n, ...o, gap: "3", wrap: "wrap", children: e.map((l) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ d($e, { height: "100%", width: "100%", overflow: "auto", children: /* @__PURE__ */ d(P, { className: n, ...o, gap: "3", wrap: "wrap", children: e.map((l) => /* @__PURE__ */ d(
   pu,
   {
     item: l,
@@ -2330,7 +2330,7 @@ const hu = ({
   handleTypeChange: n,
   items: s,
   ...o
-}) => /* @__PURE__ */ d(I, { padding: "1", width: "100%", children: /* @__PURE__ */ d(
+}) => /* @__PURE__ */ d(P, { padding: "1", width: "100%", children: /* @__PURE__ */ d(
   zn,
   {
     size: a,
@@ -2363,12 +2363,12 @@ const gu = ({
     },
     className: s,
     ...o,
-    children: /* @__PURE__ */ R(I, { align: "center", width: "100%", gap: "2", justify: "between", children: [
-      /* @__PURE__ */ R(I, { align: "center", gap: "2", children: [
+    children: /* @__PURE__ */ R(P, { align: "center", width: "100%", gap: "2", justify: "between", children: [
+      /* @__PURE__ */ R(P, { align: "center", gap: "2", children: [
         /* @__PURE__ */ d(Ua, { children: /* @__PURE__ */ d(jo, {}) }),
         /* @__PURE__ */ d(Ya, { children: r })
       ] }),
-      /* @__PURE__ */ d(I, { children: a && /* @__PURE__ */ d(cr, { size: "1", variant: "solid", color: "gray", onClick: n, children: a }) })
+      /* @__PURE__ */ d(P, { children: a && /* @__PURE__ */ d(cr, { size: "1", variant: "solid", color: "gray", onClick: n, children: a }) })
     ] })
   }
 );
@@ -2376,7 +2376,7 @@ gu.displayName = "MessageWithAction";
 const vu = ({
   className: e,
   title: r,
-  handleModelChange: a,
+  onChange: a,
   defaultValue: n,
   items: s,
   info: o,
@@ -2384,11 +2384,11 @@ const vu = ({
   variant: c = "soft",
   ...i
 }) => /* @__PURE__ */ R($e, { width: "100%", children: [
-  r && /* @__PURE__ */ R(I, { mb: "2", alignItems: "center", gap: "2", children: [
+  r && /* @__PURE__ */ R(P, { mb: "2", align: "center", gap: "2", children: [
     /* @__PURE__ */ d(F, { size: "1", weight: "bold", children: r }),
     o && /* @__PURE__ */ d(nt, { content: o, children: /* @__PURE__ */ d(Qt, {}) })
   ] }),
-  /* @__PURE__ */ d(I, { direction: "column", children: /* @__PURE__ */ R(
+  /* @__PURE__ */ d(P, { direction: "column", children: /* @__PURE__ */ R(
     Ln,
     {
       onValueChange: a,
@@ -2431,7 +2431,7 @@ function je(e, r, a) {
     };
   }, [e, a]);
 }
-const Fe = 10, Ge = 10, Ee = 9.5, It = -Math.PI / 2, vr = 0.01, yr = -1, Cr = 1, Su = ({ className: e, value: r, onChange: a, disabled: n }) => {
+const Fe = 10, Ge = 10, Ee = 9.5, Pt = -Math.PI / 2, vr = 0.01, yr = -1, Cr = 1, Su = ({ className: e, value: r, onChange: a, disabled: n }) => {
   const s = Ae(null), [o, l] = qe(!1), c = Ae(), [i, u] = qe(!1), [f, p] = qe(0), g = Ae(null), b = j(() => {
     clearTimeout(c.current), l(!0);
   }, []), E = j(() => {
@@ -2487,8 +2487,8 @@ const Fe = 10, Ge = 10, Ee = 9.5, It = -Math.PI / 2, vr = 0.01, yr = -1, Cr = 1,
     [a]
   );
   je("mousedown", C, s), je("mousemove", w), je("mouseup", v), je("mouseleave", v);
-  const { arcPath: N, pointerRotation: P, arcColor: re, pointerColor: V } = Be(() => {
-    const T = It + r * Math.PI, _ = Fe + Ee * Math.cos(It), D = Ge + Ee * Math.sin(It), K = Fe + Ee * Math.cos(T), ee = Ge + Ee * Math.sin(T), J = 0, O = r > 0 ? 1 : 0;
+  const { arcPath: N, pointerRotation: I, arcColor: re, pointerColor: V } = Be(() => {
+    const T = Pt + r * Math.PI, _ = Fe + Ee * Math.cos(Pt), D = Ge + Ee * Math.sin(Pt), K = Fe + Ee * Math.cos(T), ee = Ge + Ee * Math.sin(T), J = 0, O = r > 0 ? 1 : 0;
     return {
       arcPath: `M ${_.toFixed(3)} ${D.toFixed(3)}
                 A ${Ee} ${Ee} 0 ${J} ${O}
@@ -2547,7 +2547,7 @@ const Fe = 10, Ge = 10, Ee = 9.5, It = -Math.PI / 2, vr = 0.01, yr = -1, Cr = 1,
           /* @__PURE__ */ d(
             "g",
             {
-              transform: `rotate(${P} ${Fe} ${Ge})`,
+              transform: `rotate(${I} ${Fe} ${Ge})`,
               children: /* @__PURE__ */ d(
                 "path",
                 {
@@ -2594,7 +2594,7 @@ const Eu = "_Button_a8hpw_1", xu = "_ButtonColorGray_a8hpw_6", Ru = "_ButtonColo
   loading: u,
   ...f
 }) => /* @__PURE__ */ R(
-  I,
+  P,
   {
     gap: "4",
     align: "center",
@@ -2607,7 +2607,7 @@ const Eu = "_Button_a8hpw_1", xu = "_ButtonColorGray_a8hpw_6", Ru = "_ButtonColo
     className: r,
     ...f,
     children: [
-      e && /* @__PURE__ */ d(I, { width: "100%", children: e }),
+      e && /* @__PURE__ */ d(P, { width: "100%", children: e }),
       /* @__PURE__ */ R(
         cr,
         {
@@ -2637,9 +2637,9 @@ const Eu = "_Button_a8hpw_1", xu = "_ButtonColorGray_a8hpw_6", Ru = "_ButtonColo
   }
 );
 _u.displayName = "FooterPanel";
-const Iu = "_sliderTrack_1pzz0_29", Pu = "_sliderRange_1pzz0_44", Mu = "_sliderThumb_1pzz0_63", Au = "_sliderContainer_1pzz0_83", it = {
-  sliderTrack: Iu,
-  sliderRange: Pu,
+const Pu = "_sliderTrack_1pzz0_29", Iu = "_sliderRange_1pzz0_44", Mu = "_sliderThumb_1pzz0_63", Au = "_sliderContainer_1pzz0_83", it = {
+  sliderTrack: Pu,
+  sliderRange: Iu,
   sliderThumb: Mu,
   sliderContainer: Au
 }, Bu = ({
@@ -2655,8 +2655,8 @@ const Iu = "_sliderTrack_1pzz0_29", Pu = "_sliderRange_1pzz0_44", Mu = "_sliderT
   disabled: u = !1,
   ...f
 }) => /* @__PURE__ */ R($e, { width: "100%", children: [
-  r && /* @__PURE__ */ R(I, { mb: "2", justify: "between", align: "center", children: [
-    /* @__PURE__ */ R(I, { align: "center", gap: "2", children: [
+  r && /* @__PURE__ */ R(P, { mb: "2", justify: "between", align: "center", children: [
+    /* @__PURE__ */ R(P, { align: "center", gap: "2", children: [
       /* @__PURE__ */ d(F, { size: "2", weight: "medium", style: { color: "var(--white)" }, children: r }),
       o && /* @__PURE__ */ d(nt, { content: o, children: /* @__PURE__ */ d(Qt, {}) })
     ] }),
@@ -2670,7 +2670,7 @@ const Iu = "_sliderTrack_1pzz0_29", Pu = "_sliderRange_1pzz0_44", Mu = "_sliderT
       }
     )
   ] }),
-  /* @__PURE__ */ d(I, { direction: "column", children: /* @__PURE__ */ d(
+  /* @__PURE__ */ d(P, { direction: "column", children: /* @__PURE__ */ d(
     wa,
     {
       min: l,
@@ -2681,7 +2681,7 @@ const Iu = "_sliderTrack_1pzz0_29", Pu = "_sliderRange_1pzz0_44", Mu = "_sliderT
       disabled: u,
       className: e,
       ...f,
-      children: /* @__PURE__ */ d(I, { className: it.sliderContainer, children: /* @__PURE__ */ R(ba, { className: it.sliderTrack, children: [
+      children: /* @__PURE__ */ d(P, { className: it.sliderContainer, children: /* @__PURE__ */ R(ba, { className: it.sliderTrack, children: [
         /* @__PURE__ */ d(Sa, { className: it.sliderRange }),
         /* @__PURE__ */ d(Ea, { className: it.sliderThumb })
       ] }) })
@@ -2699,12 +2699,12 @@ const ku = "_textArea_18l7y_1", Nr = {
   info: s,
   className: o,
   ...l
-}) => /* @__PURE__ */ R(I, { direction: "column", width: "100%", height: "100%", children: [
-  n && /* @__PURE__ */ R(I, { mb: "2", align: "center", gap: "2", children: [
+}) => /* @__PURE__ */ R(P, { direction: "column", width: "100%", height: "100%", children: [
+  n && /* @__PURE__ */ R(P, { mb: "2", align: "center", gap: "2", children: [
     /* @__PURE__ */ d(F, { size: "2", weight: "regular", children: n }),
     s && /* @__PURE__ */ d(nt, { content: s, children: /* @__PURE__ */ d(Qt, {}) })
   ] }),
-  /* @__PURE__ */ d(I, { className: Nr.fullSize, style: { flex: 1 }, children: /* @__PURE__ */ d(
+  /* @__PURE__ */ d(P, { className: Nr.fullSize, style: { flex: 1 }, children: /* @__PURE__ */ d(
     ts,
     {
       variant: "soft",
@@ -2728,7 +2728,7 @@ const zu = "_sectionExpander_t40ea_1", Ou = "_sectionExpanderHeader_t40ea_6", Lu
 }, Fu = ({ title: e, children: r, className: a, ...n }) => {
   const [s, o] = qe(!1);
   return /* @__PURE__ */ R(
-    I,
+    P,
     {
       width: "100%",
       direction: "column",
@@ -2736,7 +2736,7 @@ const zu = "_sectionExpander_t40ea_1", Ou = "_sectionExpanderHeader_t40ea_6", Lu
       ...n,
       children: [
         /* @__PURE__ */ R(
-          I,
+          P,
           {
             className: Me.sectionExpanderHeader,
             align: "center",
@@ -2744,7 +2744,7 @@ const zu = "_sectionExpander_t40ea_1", Ou = "_sectionExpanderHeader_t40ea_6", Lu
             onClick: () => o(!s),
             children: [
               /* @__PURE__ */ d(jt, { style: { width: "100%" } }),
-              /* @__PURE__ */ R(I, { align: "center", justify: "center", width: "100%", gap: "1", px: "4", children: [
+              /* @__PURE__ */ R(P, { align: "center", justify: "center", width: "100%", gap: "1", px: "4", children: [
                 /* @__PURE__ */ d(
                   F,
                   {
@@ -2791,7 +2791,7 @@ export {
   Ju as Dialog,
   cm as DropdownMenu,
   fi as Em,
-  I as Flex,
+  P as Flex,
   _u as FooterPanel,
   Xa as Grid,
   im as HeaderPanel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",