@moises.ai/design-system 2.0.7 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +84 -76
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as m, jsxs as E, Fragment as La } from "react/jsx-runtime";
2
2
  import * as t from "react";
3
3
  import x, { useState as Oa, useRef as Ha, useCallback as F, useMemo as ge, memo as Ga } from "react";
4
- import { S as $, P as je, a as Fa, A as Wa, C as qa, b as Ka, O as Za, c as Qa, D as Ya, R as Ua, T as Xa, d as Ja, e as er, f as tr, F as ar, I as rr, g as sr, u as Le, h as nr, i as lr, j as Oe, V as He, k as ye, l as Ce, m as or, n as cr, o as be, p as Ge, q as Fe, r as ir, G as ur, s as dr, L as mr, t as pr, v as fr, w as gr, x as hr, y as vr, z as Nr, B as yr, E as Cr, H as $r, J as br, K as wr, M as Er, N as Rr, Q as Sr, U as xr, W as Tr, X as Mr, Y as zr, Z as Pr, _ as Ir, $ as kr, a0 as _r, a1 as Br, a2 as Ar, a3 as Vr, a4 as Dr, a5 as jr, a6 as Lr, a7 as We, a8 as qe, a9 as Or, aa as Ke, ab as Ze, ac as Hr, ad as Gr, ae as Fr, af as Wr, ag as qr, ah as Kr, ai as Zr, aj as Qr, ak as Yr, al as Ur, am as Xr, an as Jr, ao as es, ap as ts, aq as as, ar as rs, as as Qe, at as Ye, au as Ue, av as Xe, aw as ss, ax as ns, ay as ls, az as os, aA as cs, aB as is, aC as Je, aD as et, aE as us, aF as tt, aG as at, aH as ds, aI as ms, aJ as ps, aK as fs, aL as gs, aM as hs, aN as vs, aO as Ns, aP as ys } from "./index-CsjBionl.js";
4
+ import { S as $, P as je, a as Fa, A as Wa, C as qa, b as Ka, O as Za, c as Qa, D as Ya, R as Ua, T as Xa, d as Ja, e as er, f as tr, F as ar, I as rr, g as sr, u as Le, h as nr, i as lr, j as Oe, V as He, k as ye, l as Ce, m as or, n as cr, o as be, p as Ge, q as Fe, r as ir, G as ur, s as dr, L as mr, t as pr, v as fr, w as gr, x as vr, y as hr, z as Nr, B as yr, E as Cr, H as $r, J as br, K as wr, M as Er, N as Rr, Q as Sr, U as xr, W as Tr, X as Mr, Y as zr, Z as Pr, _ as Ir, $ as kr, a0 as _r, a1 as Br, a2 as Ar, a3 as Vr, a4 as Dr, a5 as jr, a6 as Lr, a7 as We, a8 as qe, a9 as Or, aa as Ke, ab as Ze, ac as Hr, ad as Gr, ae as Fr, af as Wr, ag as qr, ah as Kr, ai as Zr, aj as Qr, ak as Yr, al as Ur, am as Xr, an as Jr, ao as es, ap as ts, aq as as, ar as rs, as as Qe, at as Ye, au as Ue, av as Xe, aw as ss, ax as ns, ay as ls, az as os, aA as cs, aB as is, aC as Je, aD as et, aE as us, aF as tt, aG as at, aH as ds, aI as ms, aJ as ps, aK as fs, aL as gs, aM as vs, aN as hs, aO as Ns, aP as ys } from "./index-CsjBionl.js";
5
5
  import { C as Cs, I as rt } from "./react-icons.esm-CDVTF3xl.js";
6
6
  function $s(e) {
7
7
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -124,8 +124,8 @@ function d(e, ...a) {
124
124
  continue;
125
125
  }
126
126
  if (u.type === "string" || u.type === "enum | string") {
127
- const f = u.type === "string" ? [] : u.values, [h, y] = A({ className: u.className, customProperties: u.customProperties, propValues: f, parseValue: u.parseValue, value: c });
128
- s = ne(s, y), r = i(r, h);
127
+ const f = u.type === "string" ? [] : u.values, [v, y] = A({ className: u.className, customProperties: u.customProperties, propValues: f, parseValue: u.parseValue, value: c });
128
+ s = ne(s, y), r = i(r, v);
129
129
  continue;
130
130
  }
131
131
  if (u.type === "boolean" && c) {
@@ -192,23 +192,23 @@ function it() {
192
192
  const k = t.forwardRef((e, a) => t.useContext(de) === void 0 ? t.createElement(je, { delayDuration: 200 }, t.createElement(Fa, { dir: "ltr" }, t.createElement(ut, { ...e, ref: a }))) : t.createElement(Se, { ...e, ref: a }));
193
193
  k.displayName = "Theme";
194
194
  const ut = t.forwardRef((e, a) => {
195
- const { appearance: r = M.appearance.default, accentColor: s = M.accentColor.default, grayColor: n = M.grayColor.default, panelBackground: l = M.panelBackground.default, radius: o = M.radius.default, scaling: c = M.scaling.default, hasBackground: u = M.hasBackground.default, ...p } = e, [f, h] = t.useState(r);
196
- t.useEffect(() => h(r), [r]);
195
+ const { appearance: r = M.appearance.default, accentColor: s = M.accentColor.default, grayColor: n = M.grayColor.default, panelBackground: l = M.panelBackground.default, radius: o = M.radius.default, scaling: c = M.scaling.default, hasBackground: u = M.hasBackground.default, ...p } = e, [f, v] = t.useState(r);
196
+ t.useEffect(() => v(r), [r]);
197
197
  const [y, w] = t.useState(s);
198
198
  t.useEffect(() => w(s), [s]);
199
- const [T, v] = t.useState(n);
200
- t.useEffect(() => v(n), [n]);
199
+ const [T, h] = t.useState(n);
200
+ t.useEffect(() => h(n), [n]);
201
201
  const [_, V] = t.useState(l);
202
202
  t.useEffect(() => V(l), [l]);
203
203
  const [ce, ie] = t.useState(o);
204
204
  t.useEffect(() => ie(o), [o]);
205
205
  const [U, ue] = t.useState(c);
206
- return t.useEffect(() => ue(c), [c]), t.createElement(Se, { ...p, ref: a, isRoot: !0, hasBackground: u, appearance: f, accentColor: y, grayColor: T, panelBackground: _, radius: ce, scaling: U, onAppearanceChange: h, onAccentColorChange: w, onGrayColorChange: v, onPanelBackgroundChange: V, onRadiusChange: ie, onScalingChange: ue });
206
+ return t.useEffect(() => ue(c), [c]), t.createElement(Se, { ...p, ref: a, isRoot: !0, hasBackground: u, appearance: f, accentColor: y, grayColor: T, panelBackground: _, radius: ce, scaling: U, onAppearanceChange: v, onAccentColorChange: w, onGrayColorChange: h, onPanelBackgroundChange: V, onRadiusChange: ie, onScalingChange: ue });
207
207
  });
208
208
  ut.displayName = "ThemeRoot";
209
209
  const Se = t.forwardRef((e, a) => {
210
- const r = t.useContext(de), { asChild: s, isRoot: n, hasBackground: l, appearance: o = (r == null ? void 0 : r.appearance) ?? M.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? M.accentColor.default, grayColor: u = (r == null ? void 0 : r.resolvedGrayColor) ?? M.grayColor.default, panelBackground: p = (r == null ? void 0 : r.panelBackground) ?? M.panelBackground.default, radius: f = (r == null ? void 0 : r.radius) ?? M.radius.default, scaling: h = (r == null ? void 0 : r.scaling) ?? M.scaling.default, onAppearanceChange: y = K, onAccentColorChange: w = K, onGrayColorChange: T = K, onPanelBackgroundChange: v = K, onRadiusChange: _ = K, onScalingChange: V = K, ...ce } = e, ie = s ? $ : "div", U = u === "auto" ? As(c) : u, ue = e.appearance === "light" || e.appearance === "dark", ja = l === void 0 ? n || ue : l;
211
- return t.createElement(de.Provider, { value: t.useMemo(() => ({ appearance: o, accentColor: c, grayColor: u, resolvedGrayColor: U, panelBackground: p, radius: f, scaling: h, onAppearanceChange: y, onAccentColorChange: w, onGrayColorChange: T, onPanelBackgroundChange: v, onRadiusChange: _, onScalingChange: V }), [o, c, u, U, p, f, h, y, w, T, v, _, V]) }, t.createElement(ie, { "data-is-root-theme": n ? "true" : "false", "data-accent-color": c, "data-gray-color": U, "data-has-background": ja ? "true" : "false", "data-panel-background": p, "data-radius": f, "data-scaling": h, ref: a, ...ce, className: i("radix-themes", { light: o === "light", dark: o === "dark" }, ce.className) }));
210
+ const r = t.useContext(de), { asChild: s, isRoot: n, hasBackground: l, appearance: o = (r == null ? void 0 : r.appearance) ?? M.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? M.accentColor.default, grayColor: u = (r == null ? void 0 : r.resolvedGrayColor) ?? M.grayColor.default, panelBackground: p = (r == null ? void 0 : r.panelBackground) ?? M.panelBackground.default, radius: f = (r == null ? void 0 : r.radius) ?? M.radius.default, scaling: v = (r == null ? void 0 : r.scaling) ?? M.scaling.default, onAppearanceChange: y = K, onAccentColorChange: w = K, onGrayColorChange: T = K, onPanelBackgroundChange: h = K, onRadiusChange: _ = K, onScalingChange: V = K, ...ce } = e, ie = s ? $ : "div", U = u === "auto" ? As(c) : u, ue = e.appearance === "light" || e.appearance === "dark", ja = l === void 0 ? n || ue : l;
211
+ return t.createElement(de.Provider, { value: t.useMemo(() => ({ appearance: o, accentColor: c, grayColor: u, resolvedGrayColor: U, panelBackground: p, radius: f, scaling: v, onAppearanceChange: y, onAccentColorChange: w, onGrayColorChange: T, onPanelBackgroundChange: h, onRadiusChange: _, onScalingChange: V }), [o, c, u, U, p, f, v, y, w, T, h, _, V]) }, t.createElement(ie, { "data-is-root-theme": n ? "true" : "false", "data-accent-color": c, "data-gray-color": U, "data-has-background": ja ? "true" : "false", "data-panel-background": p, "data-radius": f, "data-scaling": v, ref: a, ...ce, className: i("radix-themes", { light: o === "light", dark: o === "dark" }, ce.className) }));
212
212
  });
213
213
  Se.displayName = "ThemeImpl";
214
214
  const B = (e) => {
@@ -227,14 +227,14 @@ const ft = t.forwardRef((e, a) => t.createElement(Xa, { asChild: !0 }, t.createE
227
227
  ft.displayName = "AlertDialog.Title";
228
228
  const gt = t.forwardRef((e, a) => t.createElement(Ya, { asChild: !0 }, t.createElement(z, { as: "p", size: "3", ...e, asChild: !1, ref: a })));
229
229
  gt.displayName = "AlertDialog.Description";
230
- const ht = t.forwardRef(({ children: e, ...a }, r) => t.createElement(Wa, { ...a, ref: r, asChild: !0 }, B(e)));
231
- ht.displayName = "AlertDialog.Action";
232
- const vt = t.forwardRef(({ children: e, ...a }, r) => t.createElement(qa, { ...a, ref: r, asChild: !0 }, B(e)));
233
- vt.displayName = "AlertDialog.Cancel";
230
+ const vt = t.forwardRef(({ children: e, ...a }, r) => t.createElement(Wa, { ...a, ref: r, asChild: !0 }, B(e)));
231
+ vt.displayName = "AlertDialog.Action";
232
+ const ht = t.forwardRef(({ children: e, ...a }, r) => t.createElement(qa, { ...a, ref: r, asChild: !0 }, B(e)));
233
+ ht.displayName = "AlertDialog.Cancel";
234
234
  const sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
235
235
  __proto__: null,
236
- Action: ht,
237
- Cancel: vt,
236
+ Action: vt,
237
+ Cancel: ht,
238
238
  Content: pt,
239
239
  Description: gt,
240
240
  Root: dt,
@@ -270,12 +270,12 @@ const Ws = t.forwardRef((e, a) => {
270
270
  return t.createElement(z, { asChild: !0, ...l, ref: a, className: i("rt-Blockquote", n) }, t.createElement(o, null, s));
271
271
  });
272
272
  Ws.displayName = "Blockquote";
273
- const Te = $, qs = ["div", "span"], Ks = ["none", "inline", "inline-block", "block", "contents"], Zs = { as: { type: "enum", values: qs, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: Ks, responsive: !0 } }, j = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], re = { p: { type: "enum | string", className: "rt-r-p", customProperties: ["--p"], values: j, responsive: !0 }, px: { type: "enum | string", className: "rt-r-px", customProperties: ["--pl", "--pr"], values: j, responsive: !0 }, py: { type: "enum | string", className: "rt-r-py", customProperties: ["--pt", "--pb"], values: j, responsive: !0 }, pt: { type: "enum | string", className: "rt-r-pt", customProperties: ["--pt"], values: j, responsive: !0 }, pr: { type: "enum | string", className: "rt-r-pr", customProperties: ["--pr"], values: j, responsive: !0 }, pb: { type: "enum | string", className: "rt-r-pb", customProperties: ["--pb"], values: j, responsive: !0 }, pl: { type: "enum | string", className: "rt-r-pl", customProperties: ["--pl"], values: j, responsive: !0 } }, he = ["visible", "hidden", "clip", "scroll", "auto"], Qs = ["static", "relative", "absolute", "fixed", "sticky"], X = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], Ys = ["0", "1"], Us = ["0", "1"], le = { ...re, ...R, ...Z, position: { type: "enum", className: "rt-r-position", values: Qs, responsive: !0 }, inset: { type: "enum | string", className: "rt-r-inset", customProperties: ["--inset"], values: X, responsive: !0 }, top: { type: "enum | string", className: "rt-r-top", customProperties: ["--top"], values: X, responsive: !0 }, right: { type: "enum | string", className: "rt-r-right", customProperties: ["--right"], values: X, responsive: !0 }, bottom: { type: "enum | string", className: "rt-r-bottom", customProperties: ["--bottom"], values: X, responsive: !0 }, left: { type: "enum | string", className: "rt-r-left", customProperties: ["--left"], values: X, responsive: !0 }, overflow: { type: "enum", className: "rt-r-overflow", values: he, responsive: !0 }, overflowX: { type: "enum", className: "rt-r-ox", values: he, responsive: !0 }, overflowY: { type: "enum", className: "rt-r-oy", values: he, responsive: !0 }, flexBasis: { type: "string", className: "rt-r-fb", customProperties: ["--flex-basis"], responsive: !0 }, flexShrink: { type: "enum | string", className: "rt-r-fs", customProperties: ["--flex-shrink"], values: Ys, responsive: !0 }, flexGrow: { type: "enum | string", className: "rt-r-fg", customProperties: ["--flex-grow"], values: Us, responsive: !0 }, gridArea: { type: "string", className: "rt-r-ga", customProperties: ["--grid-area"], responsive: !0 }, gridColumn: { type: "string", className: "rt-r-gc", customProperties: ["--grid-column"], responsive: !0 }, gridColumnStart: { type: "string", className: "rt-r-gcs", customProperties: ["--grid-column-start"], responsive: !0 }, gridColumnEnd: { type: "string", className: "rt-r-gce", customProperties: ["--grid-column-end"], responsive: !0 }, gridRow: { type: "string", className: "rt-r-gr", customProperties: ["--grid-row"], responsive: !0 }, gridRowStart: { type: "string", className: "rt-r-grs", customProperties: ["--grid-row-start"], responsive: !0 }, gridRowEnd: { type: "string", className: "rt-r-gre", customProperties: ["--grid-row-end"], responsive: !0 } }, Y = t.forwardRef((e, a) => {
273
+ const Te = $, qs = ["div", "span"], Ks = ["none", "inline", "inline-block", "block", "contents"], Zs = { as: { type: "enum", values: qs, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: Ks, responsive: !0 } }, j = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], re = { p: { type: "enum | string", className: "rt-r-p", customProperties: ["--p"], values: j, responsive: !0 }, px: { type: "enum | string", className: "rt-r-px", customProperties: ["--pl", "--pr"], values: j, responsive: !0 }, py: { type: "enum | string", className: "rt-r-py", customProperties: ["--pt", "--pb"], values: j, responsive: !0 }, pt: { type: "enum | string", className: "rt-r-pt", customProperties: ["--pt"], values: j, responsive: !0 }, pr: { type: "enum | string", className: "rt-r-pr", customProperties: ["--pr"], values: j, responsive: !0 }, pb: { type: "enum | string", className: "rt-r-pb", customProperties: ["--pb"], values: j, responsive: !0 }, pl: { type: "enum | string", className: "rt-r-pl", customProperties: ["--pl"], values: j, responsive: !0 } }, ve = ["visible", "hidden", "clip", "scroll", "auto"], Qs = ["static", "relative", "absolute", "fixed", "sticky"], X = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], Ys = ["0", "1"], Us = ["0", "1"], le = { ...re, ...R, ...Z, position: { type: "enum", className: "rt-r-position", values: Qs, responsive: !0 }, inset: { type: "enum | string", className: "rt-r-inset", customProperties: ["--inset"], values: X, responsive: !0 }, top: { type: "enum | string", className: "rt-r-top", customProperties: ["--top"], values: X, responsive: !0 }, right: { type: "enum | string", className: "rt-r-right", customProperties: ["--right"], values: X, responsive: !0 }, bottom: { type: "enum | string", className: "rt-r-bottom", customProperties: ["--bottom"], values: X, responsive: !0 }, left: { type: "enum | string", className: "rt-r-left", customProperties: ["--left"], values: X, responsive: !0 }, overflow: { type: "enum", className: "rt-r-overflow", values: ve, responsive: !0 }, overflowX: { type: "enum", className: "rt-r-ox", values: ve, responsive: !0 }, overflowY: { type: "enum", className: "rt-r-oy", values: ve, responsive: !0 }, flexBasis: { type: "string", className: "rt-r-fb", customProperties: ["--flex-basis"], responsive: !0 }, flexShrink: { type: "enum | string", className: "rt-r-fs", customProperties: ["--flex-shrink"], values: Ys, responsive: !0 }, flexGrow: { type: "enum | string", className: "rt-r-fg", customProperties: ["--flex-grow"], values: Us, responsive: !0 }, gridArea: { type: "string", className: "rt-r-ga", customProperties: ["--grid-area"], responsive: !0 }, gridColumn: { type: "string", className: "rt-r-gc", customProperties: ["--grid-column"], responsive: !0 }, gridColumnStart: { type: "string", className: "rt-r-gcs", customProperties: ["--grid-column-start"], responsive: !0 }, gridColumnEnd: { type: "string", className: "rt-r-gce", customProperties: ["--grid-column-end"], responsive: !0 }, gridRow: { type: "string", className: "rt-r-gr", customProperties: ["--grid-row"], responsive: !0 }, gridRowStart: { type: "string", className: "rt-r-grs", customProperties: ["--grid-row-start"], responsive: !0 }, gridRowEnd: { type: "string", className: "rt-r-gre", customProperties: ["--grid-row-end"], responsive: !0 } }, Y = t.forwardRef((e, a) => {
274
274
  const { className: r, asChild: s, as: n = "div", ...l } = d(e, Zs, le, g);
275
275
  return t.createElement(s ? Te : n, { ...l, ref: a, className: i("rt-Box", r) });
276
276
  });
277
277
  Y.displayName = "Box";
278
- const Xs = ["1", "2", "3", "4"], Js = ["classic", "solid", "soft", "surface", "outline", "ghost"], Ae = { ...N, size: { type: "enum", className: "rt-r-size", values: Xs, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Js, default: "solid" }, ...Q, ...b, ...P, loading: { type: "boolean", className: "rt-loading", default: !1 } }, ve = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], Ct = { gap: { type: "enum | string", className: "rt-r-gap", customProperties: ["--gap"], values: ve, responsive: !0 }, gapX: { type: "enum | string", className: "rt-r-cg", customProperties: ["--column-gap"], values: ve, responsive: !0 }, gapY: { type: "enum | string", className: "rt-r-rg", customProperties: ["--row-gap"], values: ve, responsive: !0 } }, en = ["div", "span"], tn = ["none", "inline-flex", "flex"], an = ["row", "column", "row-reverse", "column-reverse"], rn = ["start", "center", "end", "baseline", "stretch"], sn = ["start", "center", "end", "between"], nn = ["nowrap", "wrap", "wrap-reverse"], $t = { as: { type: "enum", values: en, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: tn, responsive: !0 }, direction: { type: "enum", className: "rt-r-fd", values: an, responsive: !0 }, align: { type: "enum", className: "rt-r-ai", values: rn, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: sn, parseValue: ln, responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: nn, responsive: !0 }, ...Ct };
278
+ const Xs = ["1", "2", "3", "4"], Js = ["classic", "solid", "soft", "surface", "outline", "ghost"], Ae = { ...N, size: { type: "enum", className: "rt-r-size", values: Xs, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Js, default: "solid" }, ...Q, ...b, ...P, loading: { type: "boolean", className: "rt-loading", default: !1 } }, he = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], Ct = { gap: { type: "enum | string", className: "rt-r-gap", customProperties: ["--gap"], values: he, responsive: !0 }, gapX: { type: "enum | string", className: "rt-r-cg", customProperties: ["--column-gap"], values: he, responsive: !0 }, gapY: { type: "enum | string", className: "rt-r-rg", customProperties: ["--row-gap"], values: he, responsive: !0 } }, en = ["div", "span"], tn = ["none", "inline-flex", "flex"], an = ["row", "column", "row-reverse", "column-reverse"], rn = ["start", "center", "end", "baseline", "stretch"], sn = ["start", "center", "end", "between"], nn = ["nowrap", "wrap", "wrap-reverse"], $t = { as: { type: "enum", values: en, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: tn, responsive: !0 }, direction: { type: "enum", className: "rt-r-fd", values: an, responsive: !0 }, align: { type: "enum", className: "rt-r-ai", values: rn, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: sn, parseValue: ln, responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: nn, responsive: !0 }, ...Ct };
279
279
  function ln(e) {
280
280
  return e === "between" ? "space-between" : e;
281
281
  }
@@ -328,8 +328,8 @@ const Tt = t.forwardRef(({ className: e, ...a }, r) => {
328
328
  return t.createElement(z, { as: "p", size: wt(s, dn), ...a, asChild: !1, ref: r, className: i("rt-CalloutText", e) });
329
329
  });
330
330
  Tt.displayName = "Callout.Text";
331
- const gn = ["1", "2", "3", "4", "5"], hn = ["surface", "classic", "ghost"], vn = { ...N, size: { type: "enum", className: "rt-r-size", values: gn, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: hn, default: "surface" } }, Mt = t.forwardRef((e, a) => {
332
- const { asChild: r, className: s, ...n } = d(e, vn, g), l = r ? $ : "div";
331
+ const gn = ["1", "2", "3", "4", "5"], vn = ["surface", "classic", "ghost"], hn = { ...N, size: { type: "enum", className: "rt-r-size", values: gn, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: vn, default: "surface" } }, Mt = t.forwardRef((e, a) => {
332
+ const { asChild: r, className: s, ...n } = d(e, hn, g), l = r ? $ : "div";
333
333
  return t.createElement(l, { ref: a, ...n, className: i("rt-reset", "rt-BaseCard", "rt-Card", s) });
334
334
  });
335
335
  Mt.displayName = "Card";
@@ -371,8 +371,8 @@ function jn(e) {
371
371
  return e === "left" ? "start" : e === "right" ? "end" : e;
372
372
  }
373
373
  const Ln = t.forwardRef(({ width: e, minWidth: a, maxWidth: r, height: s, minHeight: n, maxHeight: l, ...o }, c) => {
374
- const { asChild: u, children: p, className: f, ...h } = d(o, Vn, le, g), { className: y, style: w } = d({ width: e, minWidth: a, maxWidth: r, height: s, minHeight: n, maxHeight: l }, R, Z), T = u ? $ : "div";
375
- return t.createElement(T, { ...h, ref: c, className: i("rt-Container", f) }, xe({ asChild: u, children: p }, (v) => t.createElement("div", { className: i("rt-ContainerInner", y), style: w }, v)));
374
+ const { asChild: u, children: p, className: f, ...v } = d(o, Vn, le, g), { className: y, style: w } = d({ width: e, minWidth: a, maxWidth: r, height: s, minHeight: n, maxHeight: l }, R, Z), T = u ? $ : "div";
375
+ return t.createElement(T, { ...v, ref: c, className: i("rt-Container", f) }, xe({ asChild: u, children: p }, (h) => t.createElement("div", { className: i("rt-ContainerInner", y), style: w }, h)));
376
376
  });
377
377
  Ln.displayName = "Container";
378
378
  const On = ["1", "2", "3"], J = { ...N, size: { values: On, default: "1" }, ...P, scrollbars: { default: "both" } };
@@ -382,12 +382,12 @@ function Hn(e) {
382
382
  }
383
383
  const L = g.m.values;
384
384
  function Gn(e) {
385
- const [a, r] = A({ className: "rt-r-m", customProperties: ["--margin"], propValues: L, value: e.m }), [s, n] = A({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: L, value: e.mx }), [l, o] = A({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: L, value: e.my }), [c, u] = A({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: L, value: e.mt }), [p, f] = A({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: L, value: e.mr }), [h, y] = A({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: L, value: e.mb }), [w, T] = A({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: L, value: e.ml });
386
- return [i(a, s, l, c, p, h, w), ne(r, n, o, u, f, y, T)];
385
+ const [a, r] = A({ className: "rt-r-m", customProperties: ["--margin"], propValues: L, value: e.m }), [s, n] = A({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: L, value: e.mx }), [l, o] = A({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: L, value: e.my }), [c, u] = A({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: L, value: e.mt }), [p, f] = A({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: L, value: e.mr }), [v, y] = A({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: L, value: e.mb }), [w, T] = A({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: L, value: e.ml });
386
+ return [i(a, s, l, c, p, v, w), ne(r, n, o, u, f, y, T)];
387
387
  }
388
388
  const fe = t.forwardRef((e, a) => {
389
- const { rest: r, ...s } = Hn(e), [n, l] = Gn(s), { asChild: o, children: c, className: u, style: p, type: f, scrollHideDelay: h = f !== "scroll" ? 0 : void 0, dir: y, size: w = J.size.default, radius: T = J.radius.default, scrollbars: v = J.scrollbars.default, ..._ } = r;
390
- return t.createElement(Oe, { type: f, scrollHideDelay: h, className: i("rt-ScrollAreaRoot", n, u), style: ne(l, p), asChild: o }, xe({ asChild: o, children: c }, (V) => t.createElement(t.Fragment, null, t.createElement(He, { ..._, ref: a, className: "rt-ScrollAreaViewport" }, V), t.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), v !== "vertical" ? t.createElement(ye, { "data-radius": T, orientation: "horizontal", className: i("rt-ScrollAreaScrollbar", se({ className: "rt-r-size", value: w, propValues: J.size.values })) }, t.createElement(Ce, { className: "rt-ScrollAreaThumb" })) : null, v !== "horizontal" ? t.createElement(ye, { "data-radius": T, orientation: "vertical", className: i("rt-ScrollAreaScrollbar", se({ className: "rt-r-size", value: w, propValues: J.size.values })) }, t.createElement(Ce, { className: "rt-ScrollAreaThumb" })) : null, v === "both" ? t.createElement(or, { className: "rt-ScrollAreaCorner" }) : null)));
389
+ const { rest: r, ...s } = Hn(e), [n, l] = Gn(s), { asChild: o, children: c, className: u, style: p, type: f, scrollHideDelay: v = f !== "scroll" ? 0 : void 0, dir: y, size: w = J.size.default, radius: T = J.radius.default, scrollbars: h = J.scrollbars.default, ..._ } = r;
390
+ return t.createElement(Oe, { type: f, scrollHideDelay: v, className: i("rt-ScrollAreaRoot", n, u), style: ne(l, p), asChild: o }, xe({ asChild: o, children: c }, (V) => t.createElement(t.Fragment, null, t.createElement(He, { ..._, ref: a, className: "rt-ScrollAreaViewport" }, V), t.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), h !== "vertical" ? t.createElement(ye, { "data-radius": T, orientation: "horizontal", className: i("rt-ScrollAreaScrollbar", se({ className: "rt-r-size", value: w, propValues: J.size.values })) }, t.createElement(Ce, { className: "rt-ScrollAreaThumb" })) : null, h !== "horizontal" ? t.createElement(ye, { "data-radius": T, orientation: "vertical", className: i("rt-ScrollAreaScrollbar", se({ className: "rt-r-size", value: w, propValues: J.size.values })) }, t.createElement(Ce, { className: "rt-ScrollAreaThumb" })) : null, h === "both" ? t.createElement(or, { className: "rt-ScrollAreaCorner" }) : null)));
391
391
  });
392
392
  fe.displayName = "ScrollArea";
393
393
  const Fn = ["1", "2"], Wn = ["solid", "soft"], ee = { size: { type: "enum", className: "rt-r-size", values: Fn, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Wn, default: "solid" }, ...C, ...b }, qn = { ...N, ...C }, Kn = { ...C }, Zn = { ...C }, _t = (e) => t.createElement(gr, { ...e });
@@ -395,8 +395,8 @@ _t.displayName = "ContextMenu.Root";
395
395
  const Bt = t.forwardRef(({ children: e, ...a }, r) => t.createElement(Cr, { ...a, ref: r, asChild: !0 }, B(e)));
396
396
  Bt.displayName = "ContextMenu.Trigger";
397
397
  const At = t.createContext({}), Vt = t.forwardRef((e, a) => {
398
- const r = it(), { size: s = ee.size.default, variant: n = ee.variant.default, highContrast: l = ee.highContrast.default } = e, { className: o, children: c, color: u, container: p, forceMount: f, ...h } = d(e, ee), y = u || r.accentColor;
399
- return t.createElement(Fe, { container: p, forceMount: f }, t.createElement(k, { asChild: !0 }, t.createElement(ir, { "data-accent-color": y, alignOffset: -Number(s) * 4, collisionPadding: 10, ...h, asChild: !1, ref: a, className: i("rt-PopperContent", "rt-BaseMenuContent", "rt-ContextMenuContent", o) }, t.createElement(fe, { type: "auto" }, t.createElement("div", { className: i("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, t.createElement(At.Provider, { value: t.useMemo(() => ({ size: s, variant: n, color: y, highContrast: l }), [s, n, y, l]) }, c))))));
398
+ const r = it(), { size: s = ee.size.default, variant: n = ee.variant.default, highContrast: l = ee.highContrast.default } = e, { className: o, children: c, color: u, container: p, forceMount: f, ...v } = d(e, ee), y = u || r.accentColor;
399
+ return t.createElement(Fe, { container: p, forceMount: f }, t.createElement(k, { asChild: !0 }, t.createElement(ir, { "data-accent-color": y, alignOffset: -Number(s) * 4, collisionPadding: 10, ...v, asChild: !1, ref: a, className: i("rt-PopperContent", "rt-BaseMenuContent", "rt-ContextMenuContent", o) }, t.createElement(fe, { type: "auto" }, t.createElement("div", { className: i("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, t.createElement(At.Provider, { value: t.useMemo(() => ({ size: s, variant: n, color: y, highContrast: l }), [s, n, y, l]) }, c))))));
400
400
  });
401
401
  Vt.displayName = "ContextMenu.Content";
402
402
  const Dt = t.forwardRef(({ className: e, ...a }, r) => t.createElement(mr, { ...a, asChild: !1, ref: r, className: i("rt-BaseMenuLabel", "rt-ContextMenuLabel", e) }));
@@ -420,7 +420,7 @@ const Gt = t.forwardRef((e, a) => {
420
420
  return t.createElement(cr, { ...o, asChild: !1, ref: a, "data-accent-color": l, className: i("rt-BaseMenuItem", "rt-BaseMenuCheckboxItem", "rt-ContextMenuItem", "rt-ContextMenuCheckboxItem", s) }, t.createElement(be, null, r), t.createElement(Ge, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, t.createElement(oe, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })), n && t.createElement("div", { className: "rt-BaseMenuShortcut rt-ContextMenuShortcut" }, n));
421
421
  });
422
422
  Gt.displayName = "ContextMenu.CheckboxItem";
423
- const Ft = (e) => t.createElement(vr, { ...e });
423
+ const Ft = (e) => t.createElement(hr, { ...e });
424
424
  Ft.displayName = "ContextMenu.Sub";
425
425
  const Wt = t.forwardRef((e, a) => {
426
426
  const { className: r, children: s, ...n } = e;
@@ -432,7 +432,7 @@ const qt = t.forwardRef((e, a) => {
432
432
  return t.createElement(Fe, { container: u, forceMount: p }, t.createElement(k, { asChild: !0 }, t.createElement(Nr, { "data-accent-color": n, alignOffset: -Number(r) * 4, sideOffset: 1, collisionPadding: 10, ...f, asChild: !1, ref: a, className: i("rt-PopperContent", "rt-BaseMenuContent", "rt-BaseMenuSubContent", "rt-ContextMenuContent", "rt-ContextMenuSubContent", o) }, t.createElement(fe, { type: "auto" }, t.createElement("div", { className: i("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, c)))));
433
433
  });
434
434
  qt.displayName = "ContextMenu.SubContent";
435
- const Kt = t.forwardRef(({ className: e, ...a }, r) => t.createElement(hr, { ...a, asChild: !1, ref: r, className: i("rt-BaseMenuSeparator", "rt-ContextMenuSeparator", e) }));
435
+ const Kt = t.forwardRef(({ className: e, ...a }, r) => t.createElement(vr, { ...a, asChild: !1, ref: r, className: i("rt-BaseMenuSeparator", "rt-ContextMenuSeparator", e) }));
436
436
  Kt.displayName = "ContextMenu.Separator";
437
437
  const lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
438
438
  __proto__: null,
@@ -537,11 +537,11 @@ const ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
537
537
  return t.createElement(jr, { "data-accent-color": n, "data-radius": l, ref: a, className: i("rt-ProgressRoot", r), style: ne({ "--progress-duration": "value" in c ? void 0 : o, "--progress-value": "value" in c ? c.value : void 0, "--progress-max": "max" in c ? c.max : void 0 }, s), ...c, asChild: !1 }, t.createElement(Lr, { className: "rt-ProgressIndicator" }));
538
538
  });
539
539
  gl.displayName = "Progress";
540
- const hl = { ...N, ...q, ...W }, vl = t.forwardRef((e, a) => {
541
- const { asChild: r, className: s, ...n } = d(e, hl), l = r ? $ : "q";
540
+ const vl = { ...N, ...q, ...W }, hl = t.forwardRef((e, a) => {
541
+ const { asChild: r, className: s, ...n } = d(e, vl), l = r ? $ : "q";
542
542
  return t.createElement(l, { ...n, ref: a, className: i("rt-Quote", s) });
543
543
  });
544
- vl.displayName = "Quote";
544
+ hl.displayName = "Quote";
545
545
  const Nl = ["1", "2", "3"], yl = ["surface", "classic"], Cl = { ...N, size: { type: "enum", className: "rt-r-size", values: Nl, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: yl, default: "surface" }, ...C, ...b, columns: { ...me.columns, default: "repeat(auto-fit, minmax(160px, 1fr))" }, gap: { ...me.gap, default: "4" } }, ia = t.forwardRef((e, a) => {
546
546
  const { className: r, color: s, ...n } = d(e, Cl, g);
547
547
  return t.createElement(zt, { asChild: !0 }, t.createElement(We, { "data-accent-color": s, ...n, ref: a, className: i("rt-RadioCardsRoot", r) }));
@@ -573,15 +573,15 @@ const uc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
573
573
  return t.createElement("input", { type: "radio", "data-accent-color": n, ...c, onChange: Hr(l, (u) => o == null ? void 0 : o(u.currentTarget.value)), ref: Ze(r, a), className: i("rt-reset", "rt-BaseRadioRoot", "rt-RadioRoot", s) });
574
574
  });
575
575
  Tl.displayName = "Radio";
576
- const Ml = ["1", "2", "3"], zl = ["surface", "classic"], Pl = { disabled: { type: "boolean", className: "disabled", default: !1 }, size: { type: "enum", className: "rt-r-size", values: Ml, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: zl, default: "surface" }, ...P }, ha = t.forwardRef((e, a) => {
576
+ const Ml = ["1", "2", "3"], zl = ["surface", "classic"], Pl = { disabled: { type: "boolean", className: "disabled", default: !1 }, size: { type: "enum", className: "rt-r-size", values: Ml, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: zl, default: "surface" }, ...P }, va = t.forwardRef((e, a) => {
577
577
  const { className: r, children: s, radius: n, value: l, defaultValue: o, onValueChange: c, ...u } = d(e, Pl, g), [p, f] = Le({ prop: l, onChange: c, defaultProp: o });
578
- return t.createElement(Gr, { "data-disabled": e.disabled || void 0, "data-radius": n, ref: a, className: i("rt-SegmentedControlRoot", r), onValueChange: (h) => {
579
- h && f(h);
578
+ return t.createElement(Gr, { "data-disabled": e.disabled || void 0, "data-radius": n, ref: a, className: i("rt-SegmentedControlRoot", r), onValueChange: (v) => {
579
+ v && f(v);
580
580
  }, ...u, type: "single", value: p, asChild: !1, disabled: !!e.disabled }, s, t.createElement("div", { className: "rt-SegmentedControlIndicator" }));
581
581
  });
582
- ha.displayName = "SegmentedControl.Root";
583
- const va = t.forwardRef(({ children: e, className: a, ...r }, s) => t.createElement(Fr, { ref: s, className: i("rt-reset", "rt-SegmentedControlItem", a), ...r, disabled: !1, asChild: !1 }, t.createElement("span", { className: "rt-SegmentedControlItemSeparator" }), t.createElement("span", { className: "rt-SegmentedControlItemLabel" }, t.createElement("span", { className: "rt-SegmentedControlItemLabelActive" }, e), t.createElement("span", { className: "rt-SegmentedControlItemLabelInactive", "aria-hidden": !0 }, e))));
584
- va.displayName = "SegmentedControl.Item";
582
+ va.displayName = "SegmentedControl.Root";
583
+ const ha = t.forwardRef(({ children: e, className: a, ...r }, s) => t.createElement(Fr, { ref: s, className: i("rt-reset", "rt-SegmentedControlItem", a), ...r, disabled: !1, asChild: !1 }, t.createElement("span", { className: "rt-SegmentedControlItemSeparator" }), t.createElement("span", { className: "rt-SegmentedControlItemLabel" }, t.createElement("span", { className: "rt-SegmentedControlItemLabelActive" }, e), t.createElement("span", { className: "rt-SegmentedControlItemLabelInactive", "aria-hidden": !0 }, e))));
584
+ ha.displayName = "SegmentedControl.Item";
585
585
  const Il = ["1", "2", "3", "4"], kl = ["none", "initial"], _l = { ...N, size: { type: "enum", className: "rt-r-size", values: Il, default: "3", responsive: !0 }, display: { type: "enum", className: "rt-r-display", values: kl, parseValue: Bl, responsive: !0 } };
586
586
  function Bl(e) {
587
587
  return e === "initial" ? "block" : e;
@@ -644,8 +644,8 @@ const ro = ["1", "2", "3"], so = ["classic", "surface", "soft"], no = { size: {
644
644
  return t.createElement(ss, { "data-accent-color": s, "data-radius": n, ...l, asChild: !1, ref: a, className: i("rt-reset", "rt-SwitchRoot", r) }, t.createElement(ns, { className: i("rt-SwitchThumb", { "rt-high-contrast": e.highContrast }) }));
645
645
  });
646
646
  lo.displayName = "Switch";
647
- const oo = ["1", "2"], co = ["nowrap", "wrap", "wrap-reverse"], io = ["start", "center", "end"], uo = { size: { type: "enum", className: "rt-r-size", values: oo, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: co, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: io, responsive: !0 }, ...C, ...b }, mo = ["1", "2", "3"], po = ["surface", "ghost"], fo = ["auto", "fixed"], Ne = { size: { type: "enum", className: "rt-r-size", values: mo, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: po, default: "ghost" }, layout: { type: "enum", className: "rt-r-tl", values: fo, responsive: !0 } }, go = ["start", "center", "end", "baseline"], ho = { align: { type: "enum", className: "rt-r-va", values: go, parseValue: vo, responsive: !0 } };
648
- function vo(e) {
647
+ const oo = ["1", "2"], co = ["nowrap", "wrap", "wrap-reverse"], io = ["start", "center", "end"], uo = { size: { type: "enum", className: "rt-r-size", values: oo, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: co, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: io, responsive: !0 }, ...C, ...b }, mo = ["1", "2", "3"], po = ["surface", "ghost"], fo = ["auto", "fixed"], Ne = { size: { type: "enum", className: "rt-r-size", values: mo, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: po, default: "ghost" }, layout: { type: "enum", className: "rt-r-tl", values: fo, responsive: !0 } }, go = ["start", "center", "end", "baseline"], vo = { align: { type: "enum", className: "rt-r-va", values: go, parseValue: ho, responsive: !0 } };
648
+ function ho(e) {
649
649
  return { baseline: "baseline", start: "top", center: "middle", end: "bottom" }[e];
650
650
  }
651
651
  const No = ["start", "center", "end"], Ie = { justify: { type: "enum", className: "rt-r-ta", values: No, parseValue: yo, responsive: !0 }, ...R, ...re };
@@ -662,7 +662,7 @@ Ea.displayName = "Table.Header";
662
662
  const Ra = t.forwardRef(({ className: e, ...a }, r) => t.createElement("tbody", { ...a, ref: r, className: i("rt-TableBody", e) }));
663
663
  Ra.displayName = "Table.Body";
664
664
  const Sa = t.forwardRef((e, a) => {
665
- const { className: r, ...s } = d(e, ho);
665
+ const { className: r, ...s } = d(e, vo);
666
666
  return t.createElement("tr", { ...s, ref: a, className: i("rt-TableRow", r) });
667
667
  });
668
668
  Sa.displayName = "Table.Row";
@@ -726,18 +726,18 @@ const Ro = ["1", "2", "3"], So = ["classic", "surface", "soft"], xo = { size: {
726
726
  return t.createElement("div", { "data-accent-color": l, "data-radius": o, style: c, className: i("rt-TextFieldRoot", n), onPointerDown: (p) => {
727
727
  const f = p.target;
728
728
  if (f.closest("input, button, a")) return;
729
- const h = r.current;
730
- if (!h) return;
729
+ const v = r.current;
730
+ if (!v) return;
731
731
  const y = f.closest(`
732
732
  .rt-TextFieldSlot[data-side='right'],
733
733
  .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
734
- `) ? h.value.length : 0;
734
+ `) ? v.value.length : 0;
735
735
  requestAnimationFrame(() => {
736
736
  try {
737
- h.setSelectionRange(y, y);
737
+ v.setSelectionRange(y, y);
738
738
  } catch {
739
739
  }
740
- h.focus();
740
+ v.focus();
741
741
  });
742
742
  } }, t.createElement("input", { spellCheck: "false", ...u, ref: Ze(r, a), className: "rt-reset rt-TextFieldInput" }), s);
743
743
  });
@@ -752,8 +752,8 @@ const pc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
752
752
  Root: _a,
753
753
  Slot: Ba
754
754
  }, Symbol.toStringTag, { value: "Module" })), zo = { content: { type: "ReactNode", required: !0 }, width: R.width, minWidth: R.minWidth, maxWidth: { ...R.maxWidth, default: "360px" } }, ke = t.forwardRef((e, a) => {
755
- const { children: r, className: s, open: n, defaultOpen: l, onOpenChange: o, delayDuration: c, disableHoverableContent: u, content: p, container: f, forceMount: h, ...y } = d(e, zo), w = { open: n, defaultOpen: l, onOpenChange: o, delayDuration: c, disableHoverableContent: u };
756
- return t.createElement(Je, { ...w }, t.createElement(et, { asChild: !0 }, r), t.createElement(us, { container: f, forceMount: h }, t.createElement(k, { asChild: !0 }, t.createElement(tt, { sideOffset: 4, collisionPadding: 10, ...y, asChild: !1, ref: a, className: i("rt-TooltipContent", s) }, t.createElement(z, { as: "p", className: "rt-TooltipText", size: "1" }, p), t.createElement(at, { className: "rt-TooltipArrow" })))));
755
+ const { children: r, className: s, open: n, defaultOpen: l, onOpenChange: o, delayDuration: c, disableHoverableContent: u, content: p, container: f, forceMount: v, ...y } = d(e, zo), w = { open: n, defaultOpen: l, onOpenChange: o, delayDuration: c, disableHoverableContent: u };
756
+ return t.createElement(Je, { ...w }, t.createElement(et, { asChild: !0 }, r), t.createElement(us, { container: f, forceMount: v }, t.createElement(k, { asChild: !0 }, t.createElement(tt, { sideOffset: 4, collisionPadding: 10, ...y, asChild: !1, ref: a, className: i("rt-TooltipContent", s) }, t.createElement(z, { as: "p", className: "rt-TooltipText", size: "1" }, p), t.createElement(at, { className: "rt-TooltipArrow" })))));
757
757
  });
758
758
  ke.displayName = "Tooltip";
759
759
  const Aa = ({
@@ -797,27 +797,27 @@ const fc = ({ children: e, ...a }) => /* @__PURE__ */ m(
797
797
  tooltipArrow: Ao,
798
798
  sliderContainer: Vo
799
799
  }, gc = ({ onChangeValue: e, volume: a, disabled: r }) => {
800
- const [s, n] = Oa(!1), l = Ha(), o = F((v) => {
801
- if (v < 1e-3) return -1 / 0;
802
- const _ = 20 * Math.log10(v);
800
+ const [s, n] = Oa(!1), l = Ha(), o = F((h) => {
801
+ if (h < 1e-3) return -1 / 0;
802
+ const _ = 20 * Math.log10(h);
803
803
  return _ < -60 ? -60 : _;
804
- }, []), c = F((v) => v === -1 / 0 || v <= -60 ? 0 : Math.pow(10, v / 20), []), u = ge(() => {
805
- const v = o(a);
806
- return v === -1 / 0 ? -60 : Math.max(-60, Math.min(6, v));
804
+ }, []), c = F((h) => h === -1 / 0 || h <= -60 ? 0 : Math.pow(10, h / 20), []), u = ge(() => {
805
+ const h = o(a);
806
+ return h === -1 / 0 ? -60 : Math.max(-60, Math.min(6, h));
807
807
  }, [a, o]), p = ge(() => a < 1e-3, [a]), f = F(() => {
808
808
  clearTimeout(l.current), n(!0);
809
- }, []), h = F(() => {
809
+ }, []), v = F(() => {
810
810
  l.current = setTimeout(() => {
811
811
  n(!1);
812
812
  }, 300);
813
813
  }, []), y = F(
814
- (v) => {
815
- (v.key === "ArrowUp" || v.key === "ArrowDown") && f(), (v.key === "ArrowLeft" || v.key === "ArrowRight") && (v.preventDefault(), v.stopPropagation());
814
+ (h) => {
815
+ (h.key === "ArrowUp" || h.key === "ArrowDown") && f(), (h.key === "ArrowLeft" || h.key === "ArrowRight") && (h.preventDefault(), h.stopPropagation());
816
816
  },
817
817
  [f]
818
818
  ), w = F(
819
- (v) => {
820
- e(v.map(c));
819
+ (h) => {
820
+ e(h.map(c));
821
821
  },
822
822
  [e, c]
823
823
  ), T = ge(
@@ -837,21 +837,21 @@ const fc = ({ children: e, ...a }) => /* @__PURE__ */ m(
837
837
  value: [p ? -60 : u],
838
838
  onValueChange: w,
839
839
  onMouseEnter: f,
840
- onMouseLeave: h,
840
+ onMouseLeave: v,
841
841
  disabled: r,
842
842
  children: /* @__PURE__ */ E(
843
843
  "div",
844
844
  {
845
845
  className: G.sliderContainer,
846
846
  onMouseEnter: f,
847
- onMouseLeave: h,
847
+ onMouseLeave: v,
848
848
  children: [
849
849
  /* @__PURE__ */ m(
850
850
  Ye,
851
851
  {
852
852
  className: G.sliderTrack,
853
853
  onMouseEnter: f,
854
- onMouseLeave: h,
854
+ onMouseLeave: v,
855
855
  children: /* @__PURE__ */ m(Ue, { className: G.sliderRange })
856
856
  }
857
857
  ),
@@ -862,7 +862,7 @@ const fc = ({ children: e, ...a }) => /* @__PURE__ */ m(
862
862
  className: G.sliderThumb,
863
863
  onPointerDown: f,
864
864
  onMouseEnter: f,
865
- onMouseLeave: h,
865
+ onMouseLeave: v,
866
866
  onKeyDown: y
867
867
  }
868
868
  ) }),
@@ -915,7 +915,7 @@ const fc = ({ children: e, ...a }) => /* @__PURE__ */ m(
915
915
  case "sub":
916
916
  return /* @__PURE__ */ E(gs, { className: I.dropdownMenuSub, children: [
917
917
  /* @__PURE__ */ E(
918
- hs,
918
+ vs,
919
919
  {
920
920
  className: I.dropdownMenuSubTrigger,
921
921
  children: [
@@ -925,7 +925,7 @@ const fc = ({ children: e, ...a }) => /* @__PURE__ */ m(
925
925
  }
926
926
  ),
927
927
  /* @__PURE__ */ m(
928
- vs,
928
+ hs,
929
929
  {
930
930
  className: I.dropdownMenuSubContent,
931
931
  children: (a = e == null ? void 0 : e.children) == null ? void 0 : a.map((r) => Va(r))
@@ -949,7 +949,7 @@ const fc = ({ children: e, ...a }) => /* @__PURE__ */ m(
949
949
  default:
950
950
  return null;
951
951
  }
952
- }, hc = Ga(
952
+ }, vc = Ga(
953
953
  ({ trigger: e, options: a, className: r, ...s }) => /* @__PURE__ */ E(ds, { children: [
954
954
  /* @__PURE__ */ m(
955
955
  ms,
@@ -1007,7 +1007,7 @@ const _e = x.forwardRef(
1007
1007
  );
1008
1008
  _e.displayName = "HeaderPanel";
1009
1009
  _e.Button = Da;
1010
- const vc = _e, Ko = ({ className: e, image: a, name: r, description: s, id: n, ...l }) => {
1010
+ const hc = _e, Ko = ({ className: e, image: a, name: r, description: s, id: n, ...l }) => {
1011
1011
  const o = a && (a != null && a.startsWith("url(")) ? a == null ? void 0 : a.substring(4, (a == null ? void 0 : a.length) - 1).replace(/"/g, "") : a;
1012
1012
  return /* @__PURE__ */ m(
1013
1013
  ua,
@@ -1048,8 +1048,8 @@ const vc = _e, Ko = ({ className: e, image: a, name: r, description: s, id: n, .
1048
1048
  Zo.displayName = "ListCards";
1049
1049
  const Qo = ({ item: e, value: a, onSelect: r }) => {
1050
1050
  const s = F(() => {
1051
- r && r(e.id);
1052
- }, [r, e.id]), n = a == null ? void 0 : a.includes(e.id);
1051
+ r && r(e.value);
1052
+ }, [r, e.value]), n = a == null ? void 0 : a.includes(e.value);
1053
1053
  return /* @__PURE__ */ m(Y, { width: "calc(50% - 6px)", children: /* @__PURE__ */ m(
1054
1054
  Mt,
1055
1055
  {
@@ -1073,7 +1073,15 @@ const Qo = ({ item: e, value: a, onSelect: r }) => {
1073
1073
  onSelect: r,
1074
1074
  className: s,
1075
1075
  ...n
1076
- }) => /* @__PURE__ */ m(Y, { height: "100%", width: "100%", overflow: "auto", children: /* @__PURE__ */ m(S, { className: s, ...n, gap: "3", wrap: "wrap", children: e.map((l) => /* @__PURE__ */ m(Qo, { item: l, value: a, onSelect: r }, l.id)) }) });
1076
+ }) => /* @__PURE__ */ m(Y, { height: "100%", width: "100%", overflow: "auto", children: /* @__PURE__ */ m(S, { className: s, ...n, gap: "3", wrap: "wrap", children: e.map((l) => /* @__PURE__ */ m(
1077
+ Qo,
1078
+ {
1079
+ item: l,
1080
+ value: a,
1081
+ onSelect: r
1082
+ },
1083
+ l.value
1084
+ )) }) });
1077
1085
  Yo.displayName = "MultiSelectCards";
1078
1086
  const Uo = ({
1079
1087
  className: e,
@@ -1089,7 +1097,7 @@ const Uo = ({
1089
1097
  width: "100%",
1090
1098
  className: "custom-segmented-control-container",
1091
1099
  children: /* @__PURE__ */ m(
1092
- ha,
1100
+ va,
1093
1101
  {
1094
1102
  size: r,
1095
1103
  value: a,
@@ -1097,7 +1105,7 @@ const Uo = ({
1097
1105
  variant: "surface",
1098
1106
  className: `custom-segmented-control ${e || ""}`,
1099
1107
  ...l,
1100
- children: n.map((o) => /* @__PURE__ */ m(va, { value: o.value, children: o.label }, o.value))
1108
+ children: n.map((o) => /* @__PURE__ */ m(ha, { value: o.value, children: o.label }, o.value))
1101
1109
  }
1102
1110
  )
1103
1111
  }
@@ -1172,11 +1180,11 @@ export {
1172
1180
  Ln as Container,
1173
1181
  lc as ContextMenu,
1174
1182
  oc as Dialog,
1175
- hc as DropdownMenu,
1183
+ vc as DropdownMenu,
1176
1184
  Yn as Em,
1177
1185
  S as Flex,
1178
1186
  zt as Grid,
1179
- vc as HeaderPanel,
1187
+ hc as HeaderPanel,
1180
1188
  Re as Heading,
1181
1189
  gc as HorizontalVolume,
1182
1190
  cc as HoverCard,
@@ -1189,7 +1197,7 @@ export {
1189
1197
  Yo as MultiSelectCards,
1190
1198
  ic as Popover,
1191
1199
  gl as Progress,
1192
- vl as Quote,
1200
+ hl as Quote,
1193
1201
  Tl as Radio,
1194
1202
  uc as RadioGroup,
1195
1203
  fe as ScrollArea,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moises.ai/design-system",
3
- "version": "2.0.7",
3
+ "version": "2.0.8",
4
4
  "description": "Design System package based on @radix-ui/themes with custom defaults",
5
5
  "private": false,
6
6
  "type": "module",