@moises.ai/design-system 1.0.29 → 1.0.30
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.
- package/dist/index.js +54 -55
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _, jsxs as Ee } from "react/jsx-runtime";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import B from "react";
|
|
4
|
-
import { R as Wr, S as R, P as Fr, a as qr, A as Kr, C as Ur, b as Xr, O as Qr, c as Yr, D as Jr, d as es, T as ts, e as as, f as rs, g as ss, F as ns, I as os, h as ve, i as ls, j as it, k as cs, l as Re, m as ut, n as mt, u as is, o as us, p as dt, q as pt, r as ms, s as je, t as ds, v as ft, V as ht, w as De, x as _e, y as ps, z as fs, B as Ct, E as gt, G as hs, H as Cs, J as gs, L as vs, K as Ns, M as ys, N as bs, Q as $s, U as Es, W as ws, X as Rs, Y as xs, Z as Ss, _ as Ts, $ as
|
|
4
|
+
import { R as Wr, S as R, P as Fr, a as qr, A as Kr, C as Ur, b as Xr, O as Qr, c as Yr, D as Jr, d as es, T as ts, e as as, f as rs, g as ss, F as ns, I as os, h as ve, i as ls, j as it, k as cs, l as Re, m as ut, n as mt, u as is, o as us, p as dt, q as pt, r as ms, s as je, t as ds, v as ft, V as ht, w as De, x as _e, y as ps, z as fs, B as Ct, E as gt, G as hs, H as Cs, J as gs, L as vs, K as Ns, M as ys, N as bs, Q as $s, U as Es, W as ws, X as Rs, Y as xs, Z as Ss, _ as Ts, $ as Ms, a0 as Is, a1 as ks, a2 as zs, a3 as Ps, a4 as Ls, a5 as Bs, a6 as vt, a7 as Nt, a8 as Ds, a9 as _s, aa as Vs, ab as Gs, ac as js, ad as Os, ae as As, af as Hs, ag as Zs, ah as Ws, ai as Fs, aj as qs, ak as Ks, al as Us, am as Xs, an as Qs, ao as Ys, ap as Js, aq as en, ar as tn, as as an, at as rn, au as sn, av as nn, aw as on, ax as yt, ay as bt, az as $t, aA as Et, aB as ln, aC as cn, aD as un, aE as mn, aF as dn, aG as pn, aH as fn, aI as hn, aJ as Cn, aK as gn, aL as vn, aM as Nn, aN as yn, aO as bn, aP as $n, aQ as En, aR as wn, aS as Rn, aT as xn, aU as Sn, aV as Tn, aW as Mn, aX as In, aY as kn, aZ as zn, a_ as Pn, a$ as Ln, b0 as Bn, b1 as Dn, b2 as _n, b3 as Vn, b4 as Gn, b5 as jn, b6 as On, b7 as An, b8 as Hn } from "./index-BIjOAs1j.js";
|
|
5
5
|
import { G as Zn } from "./react-icons.esm-DrgObs82.js";
|
|
6
6
|
function Wn(t) {
|
|
7
7
|
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
|
|
@@ -183,16 +183,16 @@ function Tt(t) {
|
|
|
183
183
|
return "gray";
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
const
|
|
186
|
+
const Mt = ["none", "small", "medium", "large", "full"], V = { radius: { type: "enum", values: Mt, default: void 0 } }, co = ["solid", "translucent"], io = ["90%", "95%", "100%", "105%", "110%"], b = { hasBackground: { default: !0 }, appearance: { default: "inherit" }, accentColor: { values: Oe, default: "indigo" }, grayColor: { values: Un, default: "auto" }, panelBackground: { values: co, default: "translucent" }, radius: { values: Mt, default: "medium" }, scaling: { values: io, default: "100%" } }, ne = () => {
|
|
187
187
|
}, we = e.createContext(void 0);
|
|
188
188
|
function Te() {
|
|
189
189
|
const t = e.useContext(we);
|
|
190
190
|
if (t === void 0) throw new Error("`useThemeContext` must be used within a `Theme`");
|
|
191
191
|
return t;
|
|
192
192
|
}
|
|
193
|
-
const
|
|
194
|
-
|
|
195
|
-
const
|
|
193
|
+
const I = e.forwardRef((t, a) => e.useContext(we) === void 0 ? e.createElement(Fr, { delayDuration: 200 }, e.createElement(qr, { dir: "ltr" }, e.createElement(It, { ...t, ref: a }))) : e.createElement(He, { ...t, ref: a }));
|
|
194
|
+
I.displayName = "Theme";
|
|
195
|
+
const It = e.forwardRef((t, a) => {
|
|
196
196
|
const { appearance: r = b.appearance.default, accentColor: s = b.accentColor.default, grayColor: n = b.grayColor.default, panelBackground: o = b.panelBackground.default, radius: l = b.radius.default, scaling: c = b.scaling.default, hasBackground: u = b.hasBackground.default, ...p } = t, [f, C] = e.useState(r);
|
|
197
197
|
e.useEffect(() => C(r), [r]);
|
|
198
198
|
const [v, $] = e.useState(s);
|
|
@@ -206,7 +206,7 @@ const Mt = e.forwardRef((t, a) => {
|
|
|
206
206
|
const [P, j] = e.useState(c);
|
|
207
207
|
return e.useEffect(() => j(c), [c]), e.createElement(He, { ...p, ref: a, isRoot: !0, hasBackground: u, appearance: f, accentColor: v, grayColor: T, panelBackground: k, radius: F, scaling: P, onAppearanceChange: C, onAccentColorChange: $, onGrayColorChange: x, onPanelBackgroundChange: z, onRadiusChange: D, onScalingChange: j });
|
|
208
208
|
});
|
|
209
|
-
|
|
209
|
+
It.displayName = "ThemeRoot";
|
|
210
210
|
const He = e.forwardRef((t, a) => {
|
|
211
211
|
const r = e.useContext(we), { asChild: s, isRoot: n, hasBackground: o, appearance: l = (r == null ? void 0 : r.appearance) ?? b.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? b.accentColor.default, grayColor: u = (r == null ? void 0 : r.resolvedGrayColor) ?? b.grayColor.default, panelBackground: p = (r == null ? void 0 : r.panelBackground) ?? b.panelBackground.default, radius: f = (r == null ? void 0 : r.radius) ?? b.radius.default, scaling: C = (r == null ? void 0 : r.scaling) ?? b.scaling.default, onAppearanceChange: v = ne, onAccentColorChange: $ = ne, onGrayColorChange: T = ne, onPanelBackgroundChange: x = ne, onRadiusChange: k = ne, onScalingChange: z = ne, ...F } = t, D = s ? R : "div", P = u === "auto" ? Tt(c) : u, j = t.appearance === "light" || t.appearance === "dark", ie = o === void 0 ? n || j : o;
|
|
212
212
|
return e.createElement(we.Provider, { value: e.useMemo(() => ({ appearance: l, accentColor: c, grayColor: u, resolvedGrayColor: P, panelBackground: p, radius: f, scaling: C, onAppearanceChange: v, onAccentColorChange: $, onGrayColorChange: T, onPanelBackgroundChange: x, onRadiusChange: k, onScalingChange: z }), [l, c, u, P, p, f, C, v, $, T, x, k, z]) }, e.createElement(D, { "data-is-root-theme": n ? "true" : "false", "data-accent-color": c, "data-gray-color": P, "data-has-background": ie ? "true" : "false", "data-panel-background": p, "data-radius": f, "data-scaling": C, ref: a, ...F, className: i("radix-themes", { light: l === "light", dark: l === "dark" }, F.className) }));
|
|
@@ -221,7 +221,7 @@ const zt = e.forwardRef(({ children: t, ...a }, r) => e.createElement(as, { ...a
|
|
|
221
221
|
zt.displayName = "AlertDialog.Trigger";
|
|
222
222
|
const Pt = e.forwardRef(({ align: t, ...a }, r) => {
|
|
223
223
|
const { align: s, ...n } = Rt, { className: o } = m({ align: t }, { align: s }), { className: l, forceMount: c, container: u, ...p } = m(a, n);
|
|
224
|
-
return e.createElement(Xr, { container: u, forceMount: c }, e.createElement(
|
|
224
|
+
return e.createElement(Xr, { container: u, forceMount: c }, e.createElement(I, { asChild: !0 }, e.createElement(Qr, { className: "rt-BaseDialogOverlay rt-AlertDialogOverlay" }, e.createElement("div", { className: "rt-BaseDialogScroll rt-AlertDialogScroll" }, e.createElement("div", { className: `rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${o}` }, e.createElement(Yr, { ...p, ref: r, className: i("rt-BaseDialogContent", "rt-AlertDialogContent", l) }))))));
|
|
225
225
|
});
|
|
226
226
|
Pt.displayName = "AlertDialog.Content";
|
|
227
227
|
const Lt = e.forwardRef((t, a) => e.createElement(ts, { asChild: !0 }, e.createElement(Ne, { size: "5", mb: "3", trim: "start", ...t, asChild: !1, ref: a })));
|
|
@@ -242,7 +242,7 @@ const yi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
242
242
|
Title: Lt,
|
|
243
243
|
Trigger: zt
|
|
244
244
|
}, Symbol.toStringTag, { value: "Module" })), bi = rs, uo = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], mo = ["solid", "soft"], po = { ...N, size: { type: "enum", className: "rt-r-size", values: uo, default: "3", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: mo, default: "soft" }, ...ce, ...w, ...V, fallback: { type: "ReactNode", required: !0 } };
|
|
245
|
-
function
|
|
245
|
+
function Me(t, a) {
|
|
246
246
|
const { asChild: r, children: s } = t;
|
|
247
247
|
if (!r) return typeof a == "function" ? a(s) : a;
|
|
248
248
|
const n = e.Children.only(s);
|
|
@@ -250,7 +250,7 @@ function Ie(t, a) {
|
|
|
250
250
|
}
|
|
251
251
|
const Vt = e.forwardRef((t, a) => {
|
|
252
252
|
const { asChild: r, children: s, className: n, style: o, color: l, radius: c, ...u } = m(t, po, h);
|
|
253
|
-
return e.createElement(ss, { "data-accent-color": l, "data-radius": c, className: i("rt-reset", "rt-AvatarRoot", n), style: o, asChild: r },
|
|
253
|
+
return e.createElement(ss, { "data-accent-color": l, "data-radius": c, className: i("rt-reset", "rt-AvatarRoot", n), style: o, asChild: r }, Me({ asChild: r, children: s }, e.createElement(Gt, { ref: a, ...u })));
|
|
254
254
|
});
|
|
255
255
|
Vt.displayName = "Avatar";
|
|
256
256
|
const Gt = e.forwardRef(({ fallback: t, ...a }, r) => {
|
|
@@ -276,20 +276,20 @@ const Ze = R, $i = ve, No = ["div", "span"], yo = ["none", "inline", "inline-blo
|
|
|
276
276
|
return e.createElement(s ? Ze : n, { ...o, ref: a, className: i("rt-Box", r) });
|
|
277
277
|
});
|
|
278
278
|
Z.displayName = "Box";
|
|
279
|
-
const Ro = ["1", "2", "3", "4"], xo = ["classic", "solid", "soft", "surface", "outline", "ghost"], ot = { ...N, size: { type: "enum", className: "rt-r-size", values: Ro, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: xo, default: "solid" }, ...ce, ...w, ...V, loading: { type: "boolean", className: "rt-loading", default: !1 } }, Le = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], jt = { gap: { type: "enum | string", className: "rt-r-gap", customProperties: ["--gap"], values: Le, responsive: !0 }, gapX: { type: "enum | string", className: "rt-r-cg", customProperties: ["--column-gap"], values: Le, responsive: !0 }, gapY: { type: "enum | string", className: "rt-r-rg", customProperties: ["--row-gap"], values: Le, responsive: !0 } }, So = ["div", "span"], To = ["none", "inline-flex", "flex"],
|
|
279
|
+
const Ro = ["1", "2", "3", "4"], xo = ["classic", "solid", "soft", "surface", "outline", "ghost"], ot = { ...N, size: { type: "enum", className: "rt-r-size", values: Ro, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: xo, default: "solid" }, ...ce, ...w, ...V, loading: { type: "boolean", className: "rt-loading", default: !1 } }, Le = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], jt = { gap: { type: "enum | string", className: "rt-r-gap", customProperties: ["--gap"], values: Le, responsive: !0 }, gapX: { type: "enum | string", className: "rt-r-cg", customProperties: ["--column-gap"], values: Le, responsive: !0 }, gapY: { type: "enum | string", className: "rt-r-rg", customProperties: ["--row-gap"], values: Le, responsive: !0 } }, So = ["div", "span"], To = ["none", "inline-flex", "flex"], Mo = ["row", "column", "row-reverse", "column-reverse"], Io = ["start", "center", "end", "baseline", "stretch"], ko = ["start", "center", "end", "between"], zo = ["nowrap", "wrap", "wrap-reverse"], Ot = { as: { type: "enum", values: So, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: To, responsive: !0 }, direction: { type: "enum", className: "rt-r-fd", values: Mo, responsive: !0 }, align: { type: "enum", className: "rt-r-ai", values: Io, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: ko, parseValue: Po, responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: zo, responsive: !0 }, ...jt };
|
|
280
280
|
function Po(t) {
|
|
281
281
|
return t === "between" ? "space-between" : t;
|
|
282
282
|
}
|
|
283
|
-
const
|
|
283
|
+
const M = e.forwardRef((t, a) => {
|
|
284
284
|
const { className: r, asChild: s, as: n = "div", ...o } = m(t, Ot, ye, h);
|
|
285
285
|
return e.createElement(s ? Ze : n, { ...o, ref: a, className: i("rt-Flex", r) });
|
|
286
286
|
});
|
|
287
|
-
|
|
287
|
+
M.displayName = "Flex";
|
|
288
288
|
const Lo = ["1", "2", "3"], Bo = { size: { type: "enum", className: "rt-r-size", values: Lo, default: "2", responsive: !0 }, loading: { type: "boolean", default: !0 } }, At = e.forwardRef((t, a) => {
|
|
289
289
|
const { className: r, children: s, loading: n, ...o } = m(t, Bo, h);
|
|
290
290
|
if (!n) return s;
|
|
291
291
|
const l = e.createElement("span", { ...o, ref: a, className: i("rt-Spinner", r) }, e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }));
|
|
292
|
-
return s === void 0 ? l : e.createElement(
|
|
292
|
+
return s === void 0 ? l : e.createElement(M, { asChild: !0, position: "relative", align: "center", justify: "center" }, e.createElement("span", null, e.createElement("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0 }, s), e.createElement(M, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, e.createElement("span", null, l))));
|
|
293
293
|
});
|
|
294
294
|
At.displayName = "Spinner";
|
|
295
295
|
const Do = ls;
|
|
@@ -312,7 +312,7 @@ function Vo(t) {
|
|
|
312
312
|
}
|
|
313
313
|
const We = e.forwardRef((t, a) => {
|
|
314
314
|
const { size: r = ot.size.default } = t, { className: s, children: n, asChild: o, color: l, radius: c, disabled: u = t.loading, ...p } = m(t, ot, h), f = o ? R : "button";
|
|
315
|
-
return e.createElement(f, { "data-disabled": u || void 0, "data-accent-color": l, "data-radius": c, ...p, ref: a, className: i("rt-reset", "rt-BaseButton", s), disabled: u }, t.loading ? e.createElement(e.Fragment, null, e.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, n), e.createElement(Do, null, n), e.createElement(
|
|
315
|
+
return e.createElement(f, { "data-disabled": u || void 0, "data-accent-color": l, "data-radius": c, ...p, ref: a, className: i("rt-reset", "rt-BaseButton", s), disabled: u }, t.loading ? e.createElement(e.Fragment, null, e.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, n), e.createElement(Do, null, n), e.createElement(M, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, e.createElement("span", null, e.createElement(At, { size: Ht(r, Vo) })))) : n);
|
|
316
316
|
});
|
|
317
317
|
We.displayName = "BaseButton";
|
|
318
318
|
const Zt = e.forwardRef(({ className: t, ...a }, r) => e.createElement(We, { ...a, ref: r, className: i("rt-Button", t) }));
|
|
@@ -342,7 +342,7 @@ Ut.displayName = "Card";
|
|
|
342
342
|
var Fe = it;
|
|
343
343
|
Fe.dispatchDiscreteCustomEvent = cs;
|
|
344
344
|
Fe.Root = it;
|
|
345
|
-
const { useDirection: Zo } = ms, qe = "CheckboxGroup", [Wo,
|
|
345
|
+
const { useDirection: Zo } = ms, qe = "CheckboxGroup", [Wo, Ie] = Re(qe, [ut, mt]), Xt = ut(), Qt = mt(), [Fo, qo] = Wo(qe), Yt = e.forwardRef((t, a) => {
|
|
346
346
|
const { __scopeCheckboxGroup: r, name: s, defaultValue: n, value: o, required: l = !1, disabled: c = !1, orientation: u, dir: p, loop: f = !0, onValueChange: C, ...v } = t, $ = Xt(r), T = Zo(p), [x = [], k] = je({ prop: o, defaultProp: n, onChange: C }), z = e.useCallback((D) => k((P = []) => [...P, D]), [k]), F = e.useCallback((D) => k((P = []) => P.filter((j) => j !== D)), [k]);
|
|
347
347
|
return e.createElement(Fo, { scope: r, name: s, required: l, disabled: c, value: x, onItemCheck: z, onItemUncheck: F }, e.createElement(ds, { asChild: !0, ...$, orientation: u, dir: T, loop: f }, e.createElement(Fe.div, { role: "group", "data-disabled": c ? "" : void 0, dir: T, ...v, ref: a })));
|
|
348
348
|
});
|
|
@@ -380,7 +380,7 @@ const Ue = B.forwardRef((t, a) => B.createElement("svg", { width: "9", height: "
|
|
|
380
380
|
Ue.displayName = "ChevronDownIcon";
|
|
381
381
|
const Xe = B.forwardRef((t, a) => B.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...t, ref: a }, B.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z" })));
|
|
382
382
|
Xe.displayName = "ThickChevronRightIcon";
|
|
383
|
-
const oa = "CheckboxCards", [cl] = Re(oa, [
|
|
383
|
+
const oa = "CheckboxCards", [cl] = Re(oa, [Ie]), la = Ie(), [il, ul] = cl(oa), ca = e.forwardRef((t, a) => {
|
|
384
384
|
const { __scopeCheckboxCards: r, className: s, color: n, ...o } = m(t, nl, h), l = la(r);
|
|
385
385
|
return e.createElement(il, { scope: r, size: t.size, highContrast: t.highContrast }, e.createElement(H, { asChild: !0 }, e.createElement(aa, { ...l, "data-accent-color": n, ...o, ref: a, className: i("rt-CheckboxCardsRoot", s) })));
|
|
386
386
|
});
|
|
@@ -394,7 +394,7 @@ const wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
394
394
|
__proto__: null,
|
|
395
395
|
Item: ia,
|
|
396
396
|
Root: ca
|
|
397
|
-
}, Symbol.toStringTag, { value: "Module" })), de = { ...N, ...Ke }, ua = "CheckboxGroup", [ml] = Re(ua, [
|
|
397
|
+
}, Symbol.toStringTag, { value: "Module" })), de = { ...N, ...Ke }, ua = "CheckboxGroup", [ml] = Re(ua, [Ie]), ma = Ie(), [dl, da] = ml(ua), pa = e.forwardRef(({ color: t = de.color.default, highContrast: a = de.highContrast.default, size: r = de.size.default, variant: s = de.variant.default, ...n }, o) => {
|
|
398
398
|
const { __scopeCheckboxGroup: l, className: c, ...u } = m(n, h), p = ma(l);
|
|
399
399
|
return e.createElement(dl, { scope: l, color: t, size: r, highContrast: a, variant: s }, e.createElement(aa, { ...p, ...u, ref: o, className: i("rt-CheckboxGroupRoot", c) }));
|
|
400
400
|
});
|
|
@@ -432,7 +432,7 @@ function El(t) {
|
|
|
432
432
|
}
|
|
433
433
|
const wl = e.forwardRef(({ width: t, minWidth: a, maxWidth: r, height: s, minHeight: n, maxHeight: o, ...l }, c) => {
|
|
434
434
|
const { asChild: u, children: p, className: f, ...C } = m(l, bl, ye, h), { className: v, style: $ } = m({ width: t, minWidth: a, maxWidth: r, height: s, minHeight: n, maxHeight: o }, S, le), T = u ? R : "div";
|
|
435
|
-
return e.createElement(T, { ...C, ref: c, className: i("rt-Container", f) },
|
|
435
|
+
return e.createElement(T, { ...C, ref: c, className: i("rt-Container", f) }, Me({ asChild: u, children: p }, (x) => e.createElement("div", { className: i("rt-ContainerInner", v), style: $ }, x)));
|
|
436
436
|
});
|
|
437
437
|
wl.displayName = "Container";
|
|
438
438
|
const Rl = ["1", "2", "3"], me = { ...N, size: { values: Rl, default: "1" }, ...V, scrollbars: { default: "both" } };
|
|
@@ -447,16 +447,16 @@ function Sl(t) {
|
|
|
447
447
|
}
|
|
448
448
|
const se = e.forwardRef((t, a) => {
|
|
449
449
|
const { rest: r, ...s } = xl(t), [n, o] = Sl(s), { asChild: l, children: c, className: u, style: p, type: f, scrollHideDelay: C = f !== "scroll" ? 0 : void 0, dir: v, size: $ = me.size.default, radius: T = me.radius.default, scrollbars: x = me.scrollbars.default, ...k } = r;
|
|
450
|
-
return e.createElement(ft, { type: f, scrollHideDelay: C, className: i("rt-ScrollAreaRoot", n, u), style: ge(o, p), asChild: l },
|
|
450
|
+
return e.createElement(ft, { type: f, scrollHideDelay: C, className: i("rt-ScrollAreaRoot", n, u), style: ge(o, p), asChild: l }, Me({ asChild: l, children: c }, (z) => e.createElement(e.Fragment, null, e.createElement(ht, { ...k, ref: a, className: "rt-ScrollAreaViewport" }, z), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), x !== "vertical" ? e.createElement(De, { "data-radius": T, orientation: "horizontal", className: i("rt-ScrollAreaScrollbar", Ce({ className: "rt-r-size", value: $, propValues: me.size.values })) }, e.createElement(_e, { className: "rt-ScrollAreaThumb" })) : null, x !== "horizontal" ? e.createElement(De, { "data-radius": T, orientation: "vertical", className: i("rt-ScrollAreaScrollbar", Ce({ className: "rt-r-size", value: $, propValues: me.size.values })) }, e.createElement(_e, { className: "rt-ScrollAreaThumb" })) : null, x === "both" ? e.createElement(ps, { className: "rt-ScrollAreaCorner" }) : null)));
|
|
451
451
|
});
|
|
452
452
|
se.displayName = "ScrollArea";
|
|
453
|
-
const Tl = ["1", "2"],
|
|
453
|
+
const Tl = ["1", "2"], Ml = ["solid", "soft"], O = { size: { type: "enum", className: "rt-r-size", values: Tl, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Ml, default: "solid" }, ...E, ...w }, ha = { ...N, ...E }, Ca = { ...E }, ga = { ...E }, va = (t) => e.createElement(bs, { ...t });
|
|
454
454
|
va.displayName = "ContextMenu.Root";
|
|
455
455
|
const Na = e.forwardRef(({ children: t, ...a }, r) => e.createElement(xs, { ...a, ref: r, asChild: !0 }, G(t)));
|
|
456
456
|
Na.displayName = "ContextMenu.Trigger";
|
|
457
457
|
const ya = e.createContext({}), ba = e.forwardRef((t, a) => {
|
|
458
458
|
const r = Te(), { size: s = O.size.default, variant: n = O.variant.default, highContrast: o = O.highContrast.default } = t, { className: l, children: c, color: u, container: p, forceMount: f, ...C } = m(t, O), v = u || r.accentColor;
|
|
459
|
-
return e.createElement(gt, { container: p, forceMount: f }, e.createElement(
|
|
459
|
+
return e.createElement(gt, { container: p, forceMount: f }, e.createElement(I, { asChild: !0 }, e.createElement(hs, { "data-accent-color": v, alignOffset: -Number(s) * 4, collisionPadding: 10, ...C, asChild: !1, ref: a, className: i("rt-PopperContent", "rt-BaseMenuContent", "rt-ContextMenuContent", l) }, e.createElement(se, { type: "auto" }, e.createElement("div", { className: i("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, e.createElement(ya.Provider, { value: e.useMemo(() => ({ size: s, variant: n, color: v, highContrast: o }), [s, n, v, o]) }, c))))));
|
|
460
460
|
});
|
|
461
461
|
ba.displayName = "ContextMenu.Content";
|
|
462
462
|
const $a = e.forwardRef(({ className: t, ...a }, r) => e.createElement(vs, { ...a, asChild: !1, ref: r, className: i("rt-BaseMenuLabel", "rt-ContextMenuLabel", t) }));
|
|
@@ -482,16 +482,16 @@ const Sa = e.forwardRef((t, a) => {
|
|
|
482
482
|
Sa.displayName = "ContextMenu.CheckboxItem";
|
|
483
483
|
const Ta = (t) => e.createElement(Es, { ...t });
|
|
484
484
|
Ta.displayName = "ContextMenu.Sub";
|
|
485
|
-
const
|
|
485
|
+
const Ma = e.forwardRef((t, a) => {
|
|
486
486
|
const { className: r, children: s, ...n } = t;
|
|
487
487
|
return e.createElement(Rs, { ...n, asChild: !1, ref: a, className: i("rt-BaseMenuItem", "rt-BaseMenuSubTrigger", "rt-ContextMenuItem", "rt-ContextMenuSubTrigger", r) }, s, e.createElement("div", { className: "rt-BaseMenuShortcut rt-ContextMenuShortcut" }, e.createElement(Xe, { className: "rt-BaseMenuSubTriggerIcon rt-ContextMenuSubTriggerIcon" })));
|
|
488
488
|
});
|
|
489
|
-
|
|
490
|
-
const
|
|
489
|
+
Ma.displayName = "ContextMenu.SubTrigger";
|
|
490
|
+
const Ia = e.forwardRef((t, a) => {
|
|
491
491
|
const { size: r, variant: s, color: n, highContrast: o } = e.useContext(ya), { className: l, children: c, container: u, forceMount: p, ...f } = m({ size: r, variant: s, color: n, highContrast: o, ...t }, O);
|
|
492
|
-
return e.createElement(gt, { container: u, forceMount: p }, e.createElement(
|
|
492
|
+
return e.createElement(gt, { container: u, forceMount: p }, e.createElement(I, { asChild: !0 }, e.createElement(ws, { "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", l) }, e.createElement(se, { type: "auto" }, e.createElement("div", { className: i("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, c)))));
|
|
493
493
|
});
|
|
494
|
-
|
|
494
|
+
Ia.displayName = "ContextMenu.SubContent";
|
|
495
495
|
const ka = e.forwardRef(({ className: t, ...a }, r) => e.createElement($s, { ...a, asChild: !1, ref: r, className: i("rt-BaseMenuSeparator", "rt-ContextMenuSeparator", t) }));
|
|
496
496
|
ka.displayName = "ContextMenu.Separator";
|
|
497
497
|
const xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -506,10 +506,10 @@ const xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
506
506
|
Root: va,
|
|
507
507
|
Separator: ka,
|
|
508
508
|
Sub: Ta,
|
|
509
|
-
SubContent:
|
|
510
|
-
SubTrigger:
|
|
509
|
+
SubContent: Ia,
|
|
510
|
+
SubTrigger: Ma,
|
|
511
511
|
Trigger: Na
|
|
512
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
512
|
+
}, Symbol.toStringTag, { value: "Module" })), Il = ["start", "center", "end", "baseline", "stretch"], kl = ["horizontal", "vertical"], zl = ["1", "2", "3"], Pl = { orientation: { type: "enum", className: "rt-r-orientation", values: kl, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: zl, default: "2", responsive: !0 }, trim: { ...xe.trim, className: "rt-r-trim" } }, Ll = { align: { type: "enum", className: "rt-r-ai", values: Il, responsive: !0 } }, Bl = { ...S, ...E, ...w }, za = e.forwardRef((t, a) => {
|
|
513
513
|
const { className: r, ...s } = m(t, Pl, h);
|
|
514
514
|
return e.createElement(y, { asChild: !0 }, e.createElement("dl", { ...s, ref: a, className: i("rt-DataListRoot", r) }));
|
|
515
515
|
});
|
|
@@ -538,7 +538,7 @@ const _a = e.forwardRef(({ children: t, ...a }, r) => e.createElement(Ls, { ...a
|
|
|
538
538
|
_a.displayName = "Dialog.Trigger";
|
|
539
539
|
const Va = e.forwardRef(({ align: t, ...a }, r) => {
|
|
540
540
|
const { align: s, ...n } = Rt, { className: o } = m({ align: t }, { align: s }), { className: l, forceMount: c, container: u, ...p } = m(a, n);
|
|
541
|
-
return e.createElement(Ts, { container: u, forceMount: c }, e.createElement(
|
|
541
|
+
return e.createElement(Ts, { container: u, forceMount: c }, e.createElement(I, { asChild: !0 }, e.createElement(Ms, { className: "rt-BaseDialogOverlay rt-DialogOverlay" }, e.createElement("div", { className: "rt-BaseDialogScroll rt-DialogScroll" }, e.createElement("div", { className: `rt-BaseDialogScrollPadding rt-DialogScrollPadding ${o}` }, e.createElement(Is, { ...p, ref: r, className: i("rt-BaseDialogContent", "rt-DialogContent", l) }))))));
|
|
542
542
|
});
|
|
543
543
|
Va.displayName = "Dialog.Content";
|
|
544
544
|
const Ga = e.forwardRef((t, a) => e.createElement(Ps, { asChild: !0 }, e.createElement(Ne, { size: "5", mb: "3", trim: "start", ...t, asChild: !1, ref: a })));
|
|
@@ -561,7 +561,7 @@ const Ha = e.forwardRef(({ children: t, ...a }, r) => e.createElement(qs, { ...a
|
|
|
561
561
|
Ha.displayName = "DropdownMenu.Trigger";
|
|
562
562
|
const Za = e.createContext({}), Wa = e.forwardRef((t, a) => {
|
|
563
563
|
const r = Te(), { size: s = O.size.default, variant: n = O.variant.default, highContrast: o = O.highContrast.default } = t, { className: l, children: c, color: u, container: p, forceMount: f, ...C } = m(t, O), v = u || r.accentColor;
|
|
564
|
-
return e.createElement(Nt, { container: p, forceMount: f }, e.createElement(
|
|
564
|
+
return e.createElement(Nt, { container: p, forceMount: f }, e.createElement(I, { asChild: !0 }, e.createElement(Ds, { "data-accent-color": v, align: "start", sideOffset: 4, collisionPadding: 10, ...C, asChild: !1, ref: a, className: i("rt-PopperContent", "rt-BaseMenuContent", "rt-DropdownMenuContent", l) }, e.createElement(se, { type: "auto" }, e.createElement("div", { className: i("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, e.createElement(Za.Provider, { value: e.useMemo(() => ({ size: s, variant: n, color: v, highContrast: o }), [s, n, v, o]) }, c))))));
|
|
565
565
|
});
|
|
566
566
|
Wa.displayName = "DropdownMenu.Content";
|
|
567
567
|
const Fa = e.forwardRef(({ className: t, ...a }, r) => e.createElement(Gs, { ...a, asChild: !1, ref: r, className: i("rt-BaseMenuLabel", "rt-DropdownMenuLabel", t) }));
|
|
@@ -594,12 +594,12 @@ const Ja = e.forwardRef((t, a) => {
|
|
|
594
594
|
Ja.displayName = "DropdownMenu.SubTrigger";
|
|
595
595
|
const er = e.forwardRef((t, a) => {
|
|
596
596
|
const { size: r, variant: s, color: n, highContrast: o } = e.useContext(Za), { className: l, children: c, container: u, forceMount: p, ...f } = m({ size: r, variant: s, color: n, highContrast: o, ...t }, O);
|
|
597
|
-
return e.createElement(Nt, { container: u, forceMount: p }, e.createElement(
|
|
597
|
+
return e.createElement(Nt, { container: u, forceMount: p }, e.createElement(I, { asChild: !0 }, e.createElement(Ws, { "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-DropdownMenuContent", "rt-DropdownMenuSubContent", l) }, e.createElement(se, { type: "auto" }, e.createElement("div", { className: i("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, c)))));
|
|
598
598
|
});
|
|
599
599
|
er.displayName = "DropdownMenu.SubContent";
|
|
600
600
|
const tr = e.forwardRef(({ className: t, ...a }, r) => e.createElement(Hs, { ...a, asChild: !1, ref: r, className: i("rt-BaseMenuSeparator", "rt-DropdownMenuSeparator", t) }));
|
|
601
601
|
tr.displayName = "DropdownMenu.Separator";
|
|
602
|
-
const
|
|
602
|
+
const Mi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
603
603
|
__proto__: null,
|
|
604
604
|
CheckboxItem: Qa,
|
|
605
605
|
Content: Wa,
|
|
@@ -626,10 +626,10 @@ const rr = e.forwardRef(({ children: t, className: a, ...r }, s) => e.createElem
|
|
|
626
626
|
rr.displayName = "HoverCard.Trigger";
|
|
627
627
|
const sr = e.forwardRef((t, a) => {
|
|
628
628
|
const { className: r, forceMount: s, container: n, ...o } = m(t, Gl);
|
|
629
|
-
return e.createElement(Ks, { container: n, forceMount: s }, e.createElement(
|
|
629
|
+
return e.createElement(Ks, { container: n, forceMount: s }, e.createElement(I, { asChild: !0 }, e.createElement(Us, { align: "start", sideOffset: 8, collisionPadding: 10, ...o, ref: a, className: i("rt-PopperContent", "rt-HoverCardContent", r) })));
|
|
630
630
|
});
|
|
631
631
|
sr.displayName = "HoverCard.Content";
|
|
632
|
-
const
|
|
632
|
+
const Ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
633
633
|
__proto__: null,
|
|
634
634
|
Content: sr,
|
|
635
635
|
Root: ar,
|
|
@@ -661,7 +661,7 @@ const Ye = e.forwardRef(({ children: t, ...a }, r) => e.createElement(rn, { ...a
|
|
|
661
661
|
Ye.displayName = "Popover.Trigger";
|
|
662
662
|
const Je = e.forwardRef((t, a) => {
|
|
663
663
|
const { className: r, forceMount: s, container: n, ...o } = m(t, Ql);
|
|
664
|
-
return e.createElement(en, { container: n, forceMount: s }, e.createElement(
|
|
664
|
+
return e.createElement(en, { container: n, forceMount: s }, e.createElement(I, { asChild: !0 }, e.createElement(tn, { align: "start", sideOffset: 8, collisionPadding: 10, ...o, ref: a, className: i("rt-PopperContent", "rt-PopoverContent", r) })));
|
|
665
665
|
});
|
|
666
666
|
Je.displayName = "Popover.Content";
|
|
667
667
|
const lr = e.forwardRef(({ children: t, ...a }, r) => e.createElement(Js, { ...a, ref: r, asChild: !0 }, G(t)));
|
|
@@ -756,7 +756,7 @@ const Nr = e.forwardRef((t, a) => {
|
|
|
756
756
|
Nr.displayName = "Select.Trigger";
|
|
757
757
|
const yr = e.forwardRef((t, a) => {
|
|
758
758
|
const r = e.useContext(tt), { className: s, children: n, color: o, container: l, ...c } = m({ size: r == null ? void 0 : r.size, ...t }, { size: et.size }, Tc), u = Te(), p = o || u.accentColor;
|
|
759
|
-
return e.createElement(mn, { container: l }, e.createElement(
|
|
759
|
+
return e.createElement(mn, { container: l }, e.createElement(I, { asChild: !0 }, e.createElement(dn, { "data-accent-color": p, sideOffset: 4, ...c, asChild: !1, ref: a, className: i({ "rt-PopperContent": c.position === "popper" }, "rt-SelectContent", s) }, e.createElement(ft, { type: "auto", className: "rt-ScrollAreaRoot" }, e.createElement(pn, { asChild: !0, className: "rt-SelectViewport" }, e.createElement(ht, { className: "rt-ScrollAreaViewport", style: { overflowY: void 0 } }, n)), e.createElement(De, { className: "rt-ScrollAreaScrollbar rt-r-size-1", orientation: "vertical" }, e.createElement(_e, { className: "rt-ScrollAreaThumb" }))))));
|
|
760
760
|
});
|
|
761
761
|
yr.displayName = "Select.Content";
|
|
762
762
|
const br = e.forwardRef((t, a) => {
|
|
@@ -779,7 +779,7 @@ const Di = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
779
779
|
Root: vr,
|
|
780
780
|
Separator: wr,
|
|
781
781
|
Trigger: Nr
|
|
782
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
782
|
+
}, Symbol.toStringTag, { value: "Module" })), Mc = ["horizontal", "vertical"], Ic = ["1", "2", "3", "4"], kc = { orientation: { type: "enum", className: "rt-r-orientation", values: Mc, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: Ic, default: "1", responsive: !0 }, color: { ...E.color, default: "gray" }, decorative: { type: "boolean", default: !0 } }, zc = e.forwardRef((t, a) => {
|
|
783
783
|
const { className: r, color: s, decorative: n, ...o } = m(t, kc, h);
|
|
784
784
|
return e.createElement("span", { "data-accent-color": s, role: n ? void 0 : "separator", ...o, ref: a, className: i("rt-Separator", r) });
|
|
785
785
|
});
|
|
@@ -803,7 +803,7 @@ const Gc = { ...N, ...re, ...ae }, jc = e.forwardRef((t, a) => {
|
|
|
803
803
|
jc.displayName = "Strong";
|
|
804
804
|
const Oc = ["1", "2", "3"], Ac = ["classic", "surface", "soft"], Hc = { size: { type: "enum", className: "rt-r-size", values: Oc, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Ac, default: "surface" }, ...E, ...w, ...V }, Zc = e.forwardRef((t, a) => {
|
|
805
805
|
const { className: r, color: s, radius: n, ...o } = m(t, Hc, h);
|
|
806
|
-
return e.createElement(Tn, { "data-accent-color": s, "data-radius": n, ...o, asChild: !1, ref: a, className: i("rt-reset", "rt-SwitchRoot", r) }, e.createElement(
|
|
806
|
+
return e.createElement(Tn, { "data-accent-color": s, "data-radius": n, ...o, asChild: !1, ref: a, className: i("rt-reset", "rt-SwitchRoot", r) }, e.createElement(Mn, { className: i("rt-SwitchThumb", { "rt-high-contrast": t.highContrast }) }));
|
|
807
807
|
});
|
|
808
808
|
Zc.displayName = "Switch";
|
|
809
809
|
const Wc = ["1", "2"], Fc = ["nowrap", "wrap", "wrap-reverse"], qc = ["start", "center", "end"], xr = { size: { type: "enum", className: "rt-r-size", values: Wc, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: Fc, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: qc, responsive: !0 }, ...E, ...w }, Sr = e.forwardRef((t, a) => {
|
|
@@ -813,7 +813,7 @@ const Wc = ["1", "2"], Fc = ["nowrap", "wrap", "wrap-reverse"], qc = ["start", "
|
|
|
813
813
|
Sr.displayName = "TabNav.Root";
|
|
814
814
|
const Tr = e.forwardRef((t, a) => {
|
|
815
815
|
const { asChild: r, children: s, className: n, ...o } = t;
|
|
816
|
-
return e.createElement(
|
|
816
|
+
return e.createElement(In, { className: "rt-TabNavItem" }, e.createElement(kn, { ...o, ref: a, className: i("rt-reset", "rt-BaseTabListTrigger", "rt-TabNavLink", n), onSelect: void 0, asChild: r }, Me({ asChild: r, children: s }, (l) => e.createElement(e.Fragment, null, e.createElement("span", { className: "rt-BaseTabListTriggerInner rt-TabNavLinkInner" }, l), e.createElement("span", { className: "rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden" }, l)))));
|
|
817
817
|
});
|
|
818
818
|
Tr.displayName = "TabNav.Link";
|
|
819
819
|
const _i = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -828,13 +828,13 @@ const ei = ["start", "center", "end"], at = { justify: { type: "enum", className
|
|
|
828
828
|
function ti(t) {
|
|
829
829
|
return { start: "left", center: "center", end: "right" }[t];
|
|
830
830
|
}
|
|
831
|
-
const
|
|
831
|
+
const Mr = e.forwardRef((t, a) => {
|
|
832
832
|
const { layout: r, ...s } = Be, { className: n, children: o, layout: l, ...c } = m(t, s, h), u = Ce({ value: l, className: Be.layout.className, propValues: Be.layout.values });
|
|
833
833
|
return e.createElement("div", { ref: a, className: i("rt-TableRoot", n), ...c }, e.createElement(se, null, e.createElement("table", { className: i("rt-TableRootTable", u) }, o)));
|
|
834
834
|
});
|
|
835
|
-
|
|
836
|
-
const
|
|
837
|
-
|
|
835
|
+
Mr.displayName = "Table.Root";
|
|
836
|
+
const Ir = e.forwardRef(({ className: t, ...a }, r) => e.createElement("thead", { ...a, ref: r, className: i("rt-TableHeader", t) }));
|
|
837
|
+
Ir.displayName = "Table.Header";
|
|
838
838
|
const kr = e.forwardRef(({ className: t, ...a }, r) => e.createElement("tbody", { ...a, ref: r, className: i("rt-TableBody", t) }));
|
|
839
839
|
kr.displayName = "Table.Body";
|
|
840
840
|
const zr = e.forwardRef((t, a) => {
|
|
@@ -862,8 +862,8 @@ const Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
862
862
|
Body: kr,
|
|
863
863
|
Cell: Pr,
|
|
864
864
|
ColumnHeaderCell: Lr,
|
|
865
|
-
Header:
|
|
866
|
-
Root:
|
|
865
|
+
Header: Ir,
|
|
866
|
+
Root: Mr,
|
|
867
867
|
Row: zr,
|
|
868
868
|
RowHeaderCell: Br
|
|
869
869
|
}, Symbol.toStringTag, { value: "Module" })), Dr = e.forwardRef((t, a) => {
|
|
@@ -980,7 +980,7 @@ const Ar = e.forwardRef((t, a) => {
|
|
|
980
980
|
});
|
|
981
981
|
});
|
|
982
982
|
return q(), c === "inherit" && (L.observe(d, { attributes: !0 }), L.observe(g, { attributes: !0 })), () => L.disconnect();
|
|
983
|
-
}, [c]), e.createElement(M, { asChild: !0, radius: "medium", scaling: "100%" }, e.createElement(I, { direction: "column", position: "fixed", top: "0", right: "0", mr: "4", mt: "4", inert: r ? void 0 : Rr, ...o, ref: a, style: { zIndex: 9999, overflow: "hidden", maxHeight: "calc(100vh - var(--space-4) - var(--space-4))", borderRadius: "var(--radius-4)", backgroundColor: "var(--color-panel-solid)", transformOrigin: "top center", transitionProperty: "transform, box-shadow", transitionDuration: "200ms", transitionTimingFunction: r ? "ease-out" : "ease-in", transform: r ? "none" : "translateX(105%)", boxShadow: r ? "var(--shadow-5)" : "var(--shadow-2)", ...t.style } }, e.createElement(se, null, e.createElement(Z, { flexGrow: "1", p: "5", position: "relative" }, e.createElement(Z, { position: "absolute", top: "0", right: "0", m: "2" }, e.createElement($e, { content: "Press T to show/hide the Theme Panel", side: "bottom", sideOffset: 6 }, e.createElement(or, { asChild: !0, size: "3", tabIndex: 0, className: "rt-ThemePanelShortcut" }, e.createElement("button", { onClick: () => s(!r) }, "T")))), e.createElement(Ne, { size: "5", trim: "both", as: "h3", mb: "5" }, "Theme"), e.createElement(y, { id: "accent-color-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Accent color"), e.createElement(H, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "accent-color-title" }, b.accentColor.values.map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelSwatch", style: { backgroundColor: `var(--${d}-9)` } }, e.createElement($e, { content: `${K(d)}${p === "gray" && rt !== "gray" ? ` (${K(rt)})` : ""}` }, e.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "accentColor", value: d, checked: p === d, onChange: (g) => f(g.target.value) }))))), e.createElement(I, { asChild: !0, align: "center", justify: "between" }, e.createElement(y, { as: "p", id: "gray-color-title", size: "2", weight: "medium", mt: "5" }, "Gray color")), e.createElement(H, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "gray-color-title" }, b.grayColor.values.map((d) => e.createElement(I, { key: d, asChild: !0, align: "center", justify: "center" }, e.createElement("label", { className: "rt-ThemePanelSwatch", style: { backgroundColor: d === "auto" ? `var(--${ie}-9)` : d === "gray" ? "var(--gray-9)" : `var(--${d}-9)`, filter: d === "gray" ? "saturate(0)" : void 0 } }, e.createElement($e, { content: `${K(d)}${d === "auto" ? ` (${K(ie)})` : ""}` }, e.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "grayColor", value: d, checked: C === d, onChange: (g) => v(g.target.value) })))))), e.createElement(y, { id: "appearance-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Appearance"), e.createElement(H, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "appearance-title" }, ["light", "dark"].map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "appearance", value: d, checked: ze === d, onChange: (g) => j(g.target.value) }), e.createElement(I, { align: "center", justify: "center", height: "32px", gap: "2" }, d === "light" ? e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, e.createElement("path", { d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, e.createElement("path", { d: "M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), e.createElement(y, { size: "1", weight: "medium" }, K(d)))))), e.createElement(y, { id: "radius-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Radius"), e.createElement(H, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "radius-title" }, b.radius.values.map((d) => e.createElement(I, { key: d, direction: "column", align: "center" }, e.createElement("label", { className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "radius", id: `theme-panel-radius-${d}`, value: d, checked: x === d, onChange: (g) => k(g.target.value) }), e.createElement(M, { asChild: !0, radius: d }, e.createElement(Z, { m: "3", width: "32px", height: "32px", style: { borderTopLeftRadius: d === "full" ? "80%" : "var(--radius-5)", backgroundImage: "linear-gradient(to bottom right, var(--accent-3), var(--accent-4))", borderTop: "2px solid var(--accent-a8)", borderLeft: "2px solid var(--accent-a8)" } }))), e.createElement(Z, { asChild: !0, pt: "2" }, e.createElement(y, { asChild: !0, size: "1", color: "gray" }, e.createElement("label", { htmlFor: `theme-panel-radius-${d}` }, K(d))))))), e.createElement(y, { id: "scaling-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Scaling"), e.createElement(H, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "scaling-title" }, b.scaling.values.map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "scaling", value: d, checked: z === d, onChange: (g) => F(g.target.value) }), e.createElement(I, { align: "center", justify: "center", height: "32px" }, e.createElement(M, { asChild: !0, scaling: d }, e.createElement(I, { align: "center", justify: "center" }, e.createElement(y, { size: "1", weight: "medium" }, K(d)))))))), e.createElement(I, { mt: "5", align: "center", gap: "2" }, e.createElement(y, { id: "panel-background-title", as: "p", size: "2", weight: "medium" }, "Panel background"), e.createElement(Qe, null, e.createElement(Ye, null, e.createElement(nr, { size: "1", variant: "ghost", color: "gray" }, e.createElement(Fn, { label: "Learn more about panel background options" }, e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, e.createElement("path", { d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z", fillRule: "evenodd", clipRule: "evenodd" }))))), e.createElement(Je, { size: "1", style: { maxWidth: 220 }, side: "top", align: "center" }, e.createElement(y, { as: "p", size: "2" }, "Whether Card and Table panels are translucent, showing some of the background behind them.")))), e.createElement(H, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "panel-background-title" }, b.panelBackground.values.map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "panelBackground", value: d, checked: $ === d, onChange: (g) => T(g.target.value) }), e.createElement(I, { align: "center", justify: "center", height: "32px", gap: "2" }, d === "solid" ? e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, e.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, e.createElement("path", { opacity: ".05", d: "M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".1", d: "M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".15", d: "M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".2", d: "M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".25", d: "M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".3", d: "M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".35", d: "M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".4", d: "M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".45", d: "M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".5", d: "M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), e.createElement(y, { size: "1", weight: "medium" }, K(d)))))), e.createElement(Zt, { mt: "5", style: { width: "100%" }, onClick: Zr }, Hr === "copied" ? "Copied" : "Copy Theme")))));
|
|
983
|
+
}, [c]), e.createElement(I, { asChild: !0, radius: "medium", scaling: "100%" }, e.createElement(M, { direction: "column", position: "fixed", top: "0", right: "0", mr: "4", mt: "4", inert: r ? void 0 : Rr, ...o, ref: a, style: { zIndex: 9999, overflow: "hidden", maxHeight: "calc(100vh - var(--space-4) - var(--space-4))", borderRadius: "var(--radius-4)", backgroundColor: "var(--color-panel-solid)", transformOrigin: "top center", transitionProperty: "transform, box-shadow", transitionDuration: "200ms", transitionTimingFunction: r ? "ease-out" : "ease-in", transform: r ? "none" : "translateX(105%)", boxShadow: r ? "var(--shadow-5)" : "var(--shadow-2)", ...t.style } }, e.createElement(se, null, e.createElement(Z, { flexGrow: "1", p: "5", position: "relative" }, e.createElement(Z, { position: "absolute", top: "0", right: "0", m: "2" }, e.createElement($e, { content: "Press T to show/hide the Theme Panel", side: "bottom", sideOffset: 6 }, e.createElement(or, { asChild: !0, size: "3", tabIndex: 0, className: "rt-ThemePanelShortcut" }, e.createElement("button", { onClick: () => s(!r) }, "T")))), e.createElement(Ne, { size: "5", trim: "both", as: "h3", mb: "5" }, "Theme"), e.createElement(y, { id: "accent-color-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Accent color"), e.createElement(H, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "accent-color-title" }, b.accentColor.values.map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelSwatch", style: { backgroundColor: `var(--${d}-9)` } }, e.createElement($e, { content: `${K(d)}${p === "gray" && rt !== "gray" ? ` (${K(rt)})` : ""}` }, e.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "accentColor", value: d, checked: p === d, onChange: (g) => f(g.target.value) }))))), e.createElement(M, { asChild: !0, align: "center", justify: "between" }, e.createElement(y, { as: "p", id: "gray-color-title", size: "2", weight: "medium", mt: "5" }, "Gray color")), e.createElement(H, { columns: "10", gap: "2", mt: "3", role: "group", "aria-labelledby": "gray-color-title" }, b.grayColor.values.map((d) => e.createElement(M, { key: d, asChild: !0, align: "center", justify: "center" }, e.createElement("label", { className: "rt-ThemePanelSwatch", style: { backgroundColor: d === "auto" ? `var(--${ie}-9)` : d === "gray" ? "var(--gray-9)" : `var(--${d}-9)`, filter: d === "gray" ? "saturate(0)" : void 0 } }, e.createElement($e, { content: `${K(d)}${d === "auto" ? ` (${K(ie)})` : ""}` }, e.createElement("input", { className: "rt-ThemePanelSwatchInput", type: "radio", name: "grayColor", value: d, checked: C === d, onChange: (g) => v(g.target.value) })))))), e.createElement(y, { id: "appearance-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Appearance"), e.createElement(H, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "appearance-title" }, ["light", "dark"].map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "appearance", value: d, checked: ze === d, onChange: (g) => j(g.target.value) }), e.createElement(M, { align: "center", justify: "center", height: "32px", gap: "2" }, d === "light" ? e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, e.createElement("path", { d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -1px" } }, e.createElement("path", { d: "M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), e.createElement(y, { size: "1", weight: "medium" }, K(d)))))), e.createElement(y, { id: "radius-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Radius"), e.createElement(H, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "radius-title" }, b.radius.values.map((d) => e.createElement(M, { key: d, direction: "column", align: "center" }, e.createElement("label", { className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "radius", id: `theme-panel-radius-${d}`, value: d, checked: x === d, onChange: (g) => k(g.target.value) }), e.createElement(I, { asChild: !0, radius: d }, e.createElement(Z, { m: "3", width: "32px", height: "32px", style: { borderTopLeftRadius: d === "full" ? "80%" : "var(--radius-5)", backgroundImage: "linear-gradient(to bottom right, var(--accent-3), var(--accent-4))", borderTop: "2px solid var(--accent-a8)", borderLeft: "2px solid var(--accent-a8)" } }))), e.createElement(Z, { asChild: !0, pt: "2" }, e.createElement(y, { asChild: !0, size: "1", color: "gray" }, e.createElement("label", { htmlFor: `theme-panel-radius-${d}` }, K(d))))))), e.createElement(y, { id: "scaling-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Scaling"), e.createElement(H, { columns: "5", gap: "2", mt: "3", role: "group", "aria-labelledby": "scaling-title" }, b.scaling.values.map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "scaling", value: d, checked: z === d, onChange: (g) => F(g.target.value) }), e.createElement(M, { align: "center", justify: "center", height: "32px" }, e.createElement(I, { asChild: !0, scaling: d }, e.createElement(M, { align: "center", justify: "center" }, e.createElement(y, { size: "1", weight: "medium" }, K(d)))))))), e.createElement(M, { mt: "5", align: "center", gap: "2" }, e.createElement(y, { id: "panel-background-title", as: "p", size: "2", weight: "medium" }, "Panel background"), e.createElement(Qe, null, e.createElement(Ye, null, e.createElement(nr, { size: "1", variant: "ghost", color: "gray" }, e.createElement(Fn, { label: "Learn more about panel background options" }, e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, e.createElement("path", { d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z", fillRule: "evenodd", clipRule: "evenodd" }))))), e.createElement(Je, { size: "1", style: { maxWidth: 220 }, side: "top", align: "center" }, e.createElement(y, { as: "p", size: "2" }, "Whether Card and Table panels are translucent, showing some of the background behind them.")))), e.createElement(H, { columns: "2", gap: "2", mt: "3", role: "group", "aria-labelledby": "panel-background-title" }, b.panelBackground.values.map((d) => e.createElement("label", { key: d, className: "rt-ThemePanelRadioCard" }, e.createElement("input", { className: "rt-ThemePanelRadioCardInput", type: "radio", name: "panelBackground", value: d, checked: $ === d, onChange: (g) => T(g.target.value) }), e.createElement(M, { align: "center", justify: "center", height: "32px", gap: "2" }, d === "solid" ? e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, e.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })) : e.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { margin: "0 -2px" } }, e.createElement("path", { opacity: ".05", d: "M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".1", d: "M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".15", d: "M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".2", d: "M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".25", d: "M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".3", d: "M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".35", d: "M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".4", d: "M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".45", d: "M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { opacity: ".5", d: "M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }), e.createElement("path", { d: "M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })), e.createElement(y, { size: "1", weight: "medium" }, K(d)))))), e.createElement(Zt, { mt: "5", style: { width: "100%" }, onClick: Zr }, Hr === "copied" ? "Copied" : "Copy Theme")))));
|
|
984
984
|
});
|
|
985
985
|
Ar.displayName = "ThemePanelImpl";
|
|
986
986
|
function pi() {
|
|
@@ -1000,14 +1000,14 @@ function fi(t) {
|
|
|
1000
1000
|
}
|
|
1001
1001
|
const hi = { content: { type: "ReactNode", required: !0 }, width: S.width, minWidth: S.minWidth, maxWidth: { ...S.maxWidth, default: "360px" } }, $e = e.forwardRef((t, a) => {
|
|
1002
1002
|
const { children: r, className: s, open: n, defaultOpen: o, onOpenChange: l, delayDuration: c, disableHoverableContent: u, content: p, container: f, forceMount: C, ...v } = m(t, hi), $ = { open: n, defaultOpen: o, onOpenChange: l, delayDuration: c, disableHoverableContent: u };
|
|
1003
|
-
return e.createElement(Gn, { ...$ }, e.createElement(jn, { asChild: !0 }, r), e.createElement(On, { container: f, forceMount: C }, e.createElement(
|
|
1003
|
+
return e.createElement(Gn, { ...$ }, e.createElement(jn, { asChild: !0 }, r), e.createElement(On, { container: f, forceMount: C }, e.createElement(I, { asChild: !0 }, e.createElement(An, { sideOffset: 4, collisionPadding: 10, ...v, asChild: !1, ref: a, className: i("rt-TooltipContent", s) }, e.createElement(y, { as: "p", className: "rt-TooltipText", size: "1" }, p), e.createElement(Hn, { className: "rt-TooltipArrow" })))));
|
|
1004
1004
|
});
|
|
1005
1005
|
$e.displayName = "Tooltip";
|
|
1006
|
-
const Oi = ({ title: t, children: a, ...r }) => /* @__PURE__ */ _(Z, { asChild: !0, children: /* @__PURE__ */ _("header", { children: /* @__PURE__ */ Ee(
|
|
1006
|
+
const Oi = ({ title: t, children: a, ...r }) => /* @__PURE__ */ _(Z, { asChild: !0, children: /* @__PURE__ */ _("header", { children: /* @__PURE__ */ Ee(M, { align: "center", justify: "between", py: "4", px: "6", ...r, children: [
|
|
1007
1007
|
/* @__PURE__ */ _(Ne, { size: "5", children: t }),
|
|
1008
1008
|
a
|
|
1009
1009
|
] }) }) }), Ai = ({ children: t, ...a }) => /* @__PURE__ */ _(
|
|
1010
|
-
|
|
1010
|
+
I,
|
|
1011
1011
|
{
|
|
1012
1012
|
accentColor: "red",
|
|
1013
1013
|
appearance: "dark",
|
|
@@ -1019,7 +1019,7 @@ const Oi = ({ title: t, children: a, ...r }) => /* @__PURE__ */ _(Z, { asChild:
|
|
|
1019
1019
|
"Hello, ",
|
|
1020
1020
|
t,
|
|
1021
1021
|
"!"
|
|
1022
|
-
] }) }) }), Zi = ({ ...t }) => /* @__PURE__ */ _(Z, { p: "4", style: { maxWidth: 400 }, ...t, children: /* @__PURE__ */ Ee(
|
|
1022
|
+
] }) }) }), Zi = ({ ...t }) => /* @__PURE__ */ _(Z, { p: "4", style: { maxWidth: 400 }, ...t, children: /* @__PURE__ */ Ee(M, { gap: "3", align: "center", children: [
|
|
1023
1023
|
/* @__PURE__ */ _(Vt, { fallback: /* @__PURE__ */ _(Zn, { width: "22", height: "22" }) }),
|
|
1024
1024
|
/* @__PURE__ */ Ee(Z, { children: [
|
|
1025
1025
|
/* @__PURE__ */ _(y, { weight: "bold", children: "World Component" }),
|
|
@@ -1046,15 +1046,14 @@ export {
|
|
|
1046
1046
|
xi as ContextMenu,
|
|
1047
1047
|
Si as DataList,
|
|
1048
1048
|
Ti as Dialog,
|
|
1049
|
-
|
|
1049
|
+
Mi as DropdownMenu,
|
|
1050
1050
|
_l as Em,
|
|
1051
|
-
|
|
1051
|
+
M as Flex,
|
|
1052
1052
|
H as Grid,
|
|
1053
1053
|
Oi as Header,
|
|
1054
1054
|
Ne as Heading,
|
|
1055
1055
|
Hi as Hello,
|
|
1056
|
-
|
|
1057
|
-
nr as IconButton,
|
|
1056
|
+
Ii as HoverCard,
|
|
1058
1057
|
Hl as Inset,
|
|
1059
1058
|
or as Kbd,
|
|
1060
1059
|
Ul as Link,
|