@moises.ai/design-system 1.0.26 → 1.0.28
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 +67 -58
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as H, jsxs as Be } from "react/jsx-runtime";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import B from "react";
|
|
4
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 Ee, 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 Is, a0 as Ms, 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 In, aX as Mn, 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";
|
|
@@ -51,7 +51,7 @@ function St(t, a) {
|
|
|
51
51
|
function fe(t) {
|
|
52
52
|
return typeof t == "object" && Object.keys(t).some((a) => Ae.includes(a));
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function K({ className: t, customProperties: a, ...r }) {
|
|
55
55
|
const s = Ce({ allowArbitraryValues: !0, className: t, ...r }), n = ro({ customProperties: a, ...r });
|
|
56
56
|
return [s, n];
|
|
57
57
|
}
|
|
@@ -125,7 +125,7 @@ function m(t, ...a) {
|
|
|
125
125
|
continue;
|
|
126
126
|
}
|
|
127
127
|
if (u.type === "string" || u.type === "enum | string") {
|
|
128
|
-
const f = u.type === "string" ? [] : u.values, [C, v] =
|
|
128
|
+
const f = u.type === "string" ? [] : u.values, [C, v] = K({ className: u.className, customProperties: u.customProperties, propValues: f, parseValue: u.parseValue, value: c });
|
|
129
129
|
s = ge(s, v), r = i(r, C);
|
|
130
130
|
continue;
|
|
131
131
|
}
|
|
@@ -190,8 +190,8 @@ function Se() {
|
|
|
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
|
-
|
|
193
|
+
const I = e.forwardRef((t, a) => e.useContext($e) === void 0 ? e.createElement(Fr, { delayDuration: 200 }, e.createElement(qr, { dir: "ltr" }, e.createElement(Mt, { ...t, ref: a }))) : e.createElement(He, { ...t, ref: a }));
|
|
194
|
+
I.displayName = "Theme";
|
|
195
195
|
const Mt = 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]);
|
|
@@ -201,15 +201,15 @@ const Mt = e.forwardRef((t, a) => {
|
|
|
201
201
|
e.useEffect(() => x(n), [n]);
|
|
202
202
|
const [k, z] = e.useState(o);
|
|
203
203
|
e.useEffect(() => z(o), [o]);
|
|
204
|
-
const [
|
|
204
|
+
const [W, D] = e.useState(l);
|
|
205
205
|
e.useEffect(() => D(l), [l]);
|
|
206
206
|
const [P, G] = e.useState(c);
|
|
207
|
-
return e.useEffect(() => G(c), [c]), e.createElement(He, { ...p, ref: a, isRoot: !0, hasBackground: u, appearance: f, accentColor: v, grayColor: T, panelBackground: k, radius:
|
|
207
|
+
return e.useEffect(() => G(c), [c]), e.createElement(He, { ...p, ref: a, isRoot: !0, hasBackground: u, appearance: f, accentColor: v, grayColor: T, panelBackground: k, radius: W, scaling: P, onAppearanceChange: C, onAccentColorChange: $, onGrayColorChange: x, onPanelBackgroundChange: z, onRadiusChange: D, onScalingChange: G });
|
|
208
208
|
});
|
|
209
209
|
Mt.displayName = "ThemeRoot";
|
|
210
210
|
const He = e.forwardRef((t, a) => {
|
|
211
|
-
const r = e.useContext($e), { 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, ...
|
|
212
|
-
return e.createElement($e.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, ...
|
|
211
|
+
const r = e.useContext($e), { 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, ...W } = t, D = s ? R : "div", P = u === "auto" ? Tt(c) : u, G = t.appearance === "light" || t.appearance === "dark", ie = o === void 0 ? n || G : o;
|
|
212
|
+
return e.createElement($e.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, ...W, className: i("radix-themes", { light: l === "light", dark: l === "dark" }, W.className) }));
|
|
213
213
|
});
|
|
214
214
|
He.displayName = "ThemeImpl";
|
|
215
215
|
const V = (t) => {
|
|
@@ -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(xe, { size: "5", mb: "3", trim: "start", ...t, asChild: !1, ref: a })));
|
|
@@ -280,16 +280,16 @@ const Ro = ["1", "2", "3", "4"], xo = ["classic", "solid", "soft", "surface", "o
|
|
|
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, Ne, 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) }));
|
|
@@ -343,8 +343,8 @@ var Fe = it;
|
|
|
343
343
|
Fe.dispatchDiscreteCustomEvent = cs;
|
|
344
344
|
Fe.Root = it;
|
|
345
345
|
const { useDirection: Zo } = ms, qe = "CheckboxGroup", [Wo, Ie] = Ee(qe, [ut, mt]), Xt = ut(), Qt = mt(), [Fo, qo] = Wo(qe), Yt = e.forwardRef((t, a) => {
|
|
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]),
|
|
347
|
-
return e.createElement(Fo, { scope: r, name: s, required: l, disabled: c, value: x, onItemCheck: z, onItemUncheck:
|
|
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]), W = e.useCallback((D) => k((P = []) => P.filter((G) => G !== D)), [k]);
|
|
347
|
+
return e.createElement(Fo, { scope: r, name: s, required: l, disabled: c, value: x, onItemCheck: z, onItemUncheck: W }, 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
|
});
|
|
349
349
|
Yt.displayName = qe;
|
|
350
350
|
const Jt = "CheckboxGroupItem", ea = e.forwardRef((t, a) => {
|
|
@@ -374,8 +374,8 @@ const rl = ["1", "2", "3"], sl = ["surface", "classic"], nl = { ...N, size: { ty
|
|
|
374
374
|
A.displayName = "Grid";
|
|
375
375
|
const na = 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: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z" })));
|
|
376
376
|
na.displayName = "ThickDividerHorizontalIcon";
|
|
377
|
-
const
|
|
378
|
-
|
|
377
|
+
const Z = 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: "M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z" })));
|
|
378
|
+
Z.displayName = "ThickCheckIcon";
|
|
379
379
|
const Ue = 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", { d: "M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z" })));
|
|
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" })));
|
|
@@ -387,7 +387,7 @@ const oa = "CheckboxCards", [cl] = Ee(oa, [Ie]), la = Ie(), [il, ul] = cl(oa), c
|
|
|
387
387
|
ca.displayName = "CheckboxCards.Root";
|
|
388
388
|
const ia = e.forwardRef(({ __scopeCheckboxCards: t, children: a, className: r, style: s, ...n }, o) => {
|
|
389
389
|
const l = ul("CheckboxCardsItem", t), c = la(t), { className: u } = m({ size: l == null ? void 0 : l.size, variant: "surface", highContrast: l == null ? void 0 : l.highContrast }, Ke);
|
|
390
|
-
return e.createElement("label", { className: i("rt-BaseCard", "rt-CheckboxCardsItem", r), style: s }, a, e.createElement(ra, { ...c, ...n, ref: o, className: i("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxCardCheckbox", u) }, e.createElement(sa, { ...c, asChild: !0, className: "rt-BaseCheckboxIndicator" }, e.createElement(
|
|
390
|
+
return e.createElement("label", { className: i("rt-BaseCard", "rt-CheckboxCardsItem", r), style: s }, a, e.createElement(ra, { ...c, ...n, ref: o, className: i("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxCardCheckbox", u) }, e.createElement(sa, { ...c, asChild: !0, className: "rt-BaseCheckboxIndicator" }, e.createElement(Z, null))));
|
|
391
391
|
});
|
|
392
392
|
ia.displayName = "CheckboxCards.Item";
|
|
393
393
|
const wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -406,7 +406,7 @@ const fa = e.forwardRef((t, a) => {
|
|
|
406
406
|
fa.displayName = "CheckboxGroup.Item";
|
|
407
407
|
const Ve = e.forwardRef(({ __scopeCheckboxGroup: t, ...a }, r) => {
|
|
408
408
|
const s = da("CheckboxGroupItemCheckbox", t), n = ma(t), { color: o, className: l } = m({ ...a, ...s }, de, h);
|
|
409
|
-
return e.createElement(ra, { ...n, "data-accent-color": o, ...a, ref: r, className: i("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxGroupItemCheckbox", l) }, e.createElement(sa, { ...n, asChild: !0, className: "rt-BaseCheckboxIndicator" }, e.createElement(
|
|
409
|
+
return e.createElement(ra, { ...n, "data-accent-color": o, ...a, ref: r, className: i("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxGroupItemCheckbox", l) }, e.createElement(sa, { ...n, asChild: !0, className: "rt-BaseCheckboxIndicator" }, e.createElement(Z, null)));
|
|
410
410
|
});
|
|
411
411
|
Ve.displayName = "CheckboxGroup.ItemCheckbox";
|
|
412
412
|
const Ri = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -415,7 +415,7 @@ const Ri = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
415
415
|
Root: pa
|
|
416
416
|
}, Symbol.toStringTag, { value: "Module" })), pl = e.forwardRef((t, a) => {
|
|
417
417
|
const { className: r, color: s, checked: n, defaultChecked: o, onCheckedChange: l, ...c } = m(t, Ke, h), [u, p] = je({ prop: n, defaultProp: o, onChange: l });
|
|
418
|
-
return e.createElement(dt, { "data-accent-color": s, ...c, defaultChecked: o, checked: u, onCheckedChange: p, asChild: !1, ref: a, className: i("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxRoot", r) }, e.createElement(pt, { asChild: !0, className: "rt-BaseCheckboxIndicator rt-CheckboxIndicator" }, e.createElement(u === "indeterminate" ? na :
|
|
418
|
+
return e.createElement(dt, { "data-accent-color": s, ...c, defaultChecked: o, checked: u, onCheckedChange: p, asChild: !1, ref: a, className: i("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxRoot", r) }, e.createElement(pt, { asChild: !0, className: "rt-BaseCheckboxIndicator rt-CheckboxIndicator" }, e.createElement(u === "indeterminate" ? na : Z, null)));
|
|
419
419
|
});
|
|
420
420
|
pl.displayName = "Checkbox";
|
|
421
421
|
const fl = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], hl = ["solid", "soft", "outline", "ghost"], Cl = { ...N, size: { type: "enum", className: "rt-r-size", values: fl, responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: hl, default: "soft" }, ...Re, ...ce, ...w, ...re, ...ae }, gl = e.forwardRef((t, a) => {
|
|
@@ -442,7 +442,7 @@ function xl(t) {
|
|
|
442
442
|
}
|
|
443
443
|
const J = h.m.values;
|
|
444
444
|
function Sl(t) {
|
|
445
|
-
const [a, r] =
|
|
445
|
+
const [a, r] = K({ className: "rt-r-m", customProperties: ["--margin"], propValues: J, value: t.m }), [s, n] = K({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: J, value: t.mx }), [o, l] = K({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: J, value: t.my }), [c, u] = K({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: J, value: t.mt }), [p, f] = K({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: J, value: t.mr }), [C, v] = K({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: J, value: t.mb }), [$, T] = K({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: J, value: t.ml });
|
|
446
446
|
return [i(a, s, o, c, p, C, $), ge(r, n, l, u, f, v, T)];
|
|
447
447
|
}
|
|
448
448
|
const se = e.forwardRef((t, a) => {
|
|
@@ -456,7 +456,7 @@ const Na = e.forwardRef(({ children: t, ...a }, r) => e.createElement(xs, { ...a
|
|
|
456
456
|
Na.displayName = "ContextMenu.Trigger";
|
|
457
457
|
const ya = e.createContext({}), ba = e.forwardRef((t, a) => {
|
|
458
458
|
const r = Se(), { size: s = j.size.default, variant: n = j.variant.default, highContrast: o = j.highContrast.default } = t, { className: l, children: c, color: u, container: p, forceMount: f, ...C } = m(t, j), 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) }));
|
|
@@ -472,12 +472,12 @@ const Ra = e.forwardRef(({ className: t, ...a }, r) => e.createElement(Ns, { ...
|
|
|
472
472
|
Ra.displayName = "ContextMenu.RadioGroup";
|
|
473
473
|
const xa = e.forwardRef((t, a) => {
|
|
474
474
|
const { children: r, className: s, color: n = ga.color.default, ...o } = t;
|
|
475
|
-
return e.createElement(ys, { ...o, asChild: !1, ref: a, "data-accent-color": n, className: i("rt-BaseMenuItem", "rt-BaseMenuRadioItem", "rt-ContextMenuItem", "rt-ContextMenuRadioItem", s) }, e.createElement(ve, null, r), e.createElement(Ct, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, e.createElement(
|
|
475
|
+
return e.createElement(ys, { ...o, asChild: !1, ref: a, "data-accent-color": n, className: i("rt-BaseMenuItem", "rt-BaseMenuRadioItem", "rt-ContextMenuItem", "rt-ContextMenuRadioItem", s) }, e.createElement(ve, null, r), e.createElement(Ct, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, e.createElement(Z, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })));
|
|
476
476
|
});
|
|
477
477
|
xa.displayName = "ContextMenu.RadioItem";
|
|
478
478
|
const Sa = e.forwardRef((t, a) => {
|
|
479
479
|
const { children: r, className: s, shortcut: n, color: o = Ca.color.default, ...l } = t;
|
|
480
|
-
return e.createElement(fs, { ...l, asChild: !1, ref: a, "data-accent-color": o, className: i("rt-BaseMenuItem", "rt-BaseMenuCheckboxItem", "rt-ContextMenuItem", "rt-ContextMenuCheckboxItem", s) }, e.createElement(ve, null, r), e.createElement(Ct, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, e.createElement(
|
|
480
|
+
return e.createElement(fs, { ...l, asChild: !1, ref: a, "data-accent-color": o, className: i("rt-BaseMenuItem", "rt-BaseMenuCheckboxItem", "rt-ContextMenuItem", "rt-ContextMenuCheckboxItem", s) }, e.createElement(ve, null, r), e.createElement(Ct, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, e.createElement(Z, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })), n && e.createElement("div", { className: "rt-BaseMenuShortcut rt-ContextMenuShortcut" }, n));
|
|
481
481
|
});
|
|
482
482
|
Sa.displayName = "ContextMenu.CheckboxItem";
|
|
483
483
|
const Ta = (t) => e.createElement(Es, { ...t });
|
|
@@ -489,7 +489,7 @@ const Ia = e.forwardRef((t, a) => {
|
|
|
489
489
|
Ia.displayName = "ContextMenu.SubTrigger";
|
|
490
490
|
const Ma = 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 }, j);
|
|
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
|
Ma.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) }));
|
|
@@ -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(Is, { className: "rt-BaseDialogOverlay rt-DialogOverlay" }, e.createElement("div", { className: "rt-BaseDialogScroll rt-DialogScroll" }, e.createElement("div", { className: `rt-BaseDialogScrollPadding rt-DialogScrollPadding ${o}` }, e.createElement(Ms, { ...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(xe, { 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 = Se(), { size: s = j.size.default, variant: n = j.variant.default, highContrast: o = j.highContrast.default } = t, { className: l, children: c, color: u, container: p, forceMount: f, ...C } = m(t, j), 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) }));
|
|
@@ -577,12 +577,12 @@ const Ua = e.forwardRef(({ className: t, ...a }, r) => e.createElement(js, { ...
|
|
|
577
577
|
Ua.displayName = "DropdownMenu.RadioGroup";
|
|
578
578
|
const Xa = e.forwardRef((t, a) => {
|
|
579
579
|
const { children: r, className: s, color: n = ga.color.default, ...o } = t;
|
|
580
|
-
return e.createElement(Os, { ...o, asChild: !1, ref: a, "data-accent-color": n, className: i("rt-BaseMenuItem", "rt-BaseMenuRadioItem", "rt-DropdownMenuItem", "rt-DropdownMenuRadioItem", s) }, r, e.createElement(vt, { className: "rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator" }, e.createElement(
|
|
580
|
+
return e.createElement(Os, { ...o, asChild: !1, ref: a, "data-accent-color": n, className: i("rt-BaseMenuItem", "rt-BaseMenuRadioItem", "rt-DropdownMenuItem", "rt-DropdownMenuRadioItem", s) }, r, e.createElement(vt, { className: "rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator" }, e.createElement(Z, { className: "rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon" })));
|
|
581
581
|
});
|
|
582
582
|
Xa.displayName = "DropdownMenu.RadioItem";
|
|
583
583
|
const Qa = e.forwardRef((t, a) => {
|
|
584
584
|
const { children: r, className: s, shortcut: n, color: o = Ca.color.default, ...l } = t;
|
|
585
|
-
return e.createElement(Bs, { ...l, asChild: !1, ref: a, "data-accent-color": o, className: i("rt-BaseMenuItem", "rt-BaseMenuCheckboxItem", "rt-DropdownMenuItem", "rt-DropdownMenuCheckboxItem", s) }, r, e.createElement(vt, { className: "rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator" }, e.createElement(
|
|
585
|
+
return e.createElement(Bs, { ...l, asChild: !1, ref: a, "data-accent-color": o, className: i("rt-BaseMenuItem", "rt-BaseMenuCheckboxItem", "rt-DropdownMenuItem", "rt-DropdownMenuCheckboxItem", s) }, r, e.createElement(vt, { className: "rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator" }, e.createElement(Z, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })), n && e.createElement("div", { className: "rt-BaseMenuShortcut rt-DropdownMenuShortcut" }, n));
|
|
586
586
|
});
|
|
587
587
|
Qa.displayName = "DropdownMenu.CheckboxItem";
|
|
588
588
|
const Ya = (t) => e.createElement(Zs, { ...t });
|
|
@@ -594,7 +594,7 @@ 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 }, j);
|
|
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) }));
|
|
@@ -626,7 +626,7 @@ 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
632
|
const Mi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -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 }, V(t)));
|
|
@@ -756,12 +756,12 @@ 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 = Se(), 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) => {
|
|
763
763
|
const { className: r, children: s, ...n } = t;
|
|
764
|
-
return e.createElement(hn, { ...n, asChild: !1, ref: a, className: i("rt-SelectItem", r) }, e.createElement(Cn, { className: "rt-SelectItemIndicator" }, e.createElement(
|
|
764
|
+
return e.createElement(hn, { ...n, asChild: !1, ref: a, className: i("rt-SelectItem", r) }, e.createElement(Cn, { className: "rt-SelectItemIndicator" }, e.createElement(Z, { className: "rt-SelectItemIndicatorIcon" })), e.createElement(gn, null, s));
|
|
765
765
|
});
|
|
766
766
|
br.displayName = "Select.Item";
|
|
767
767
|
const $r = e.forwardRef(({ className: t, ...a }, r) => e.createElement(fn, { ...a, asChild: !1, ref: r, className: i("rt-SelectGroup", t) }));
|
|
@@ -933,7 +933,7 @@ const ji = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
933
933
|
});
|
|
934
934
|
di.displayName = "ThemePanel";
|
|
935
935
|
const Ar = e.forwardRef((t, a) => {
|
|
936
|
-
const { open: r, onOpenChange: s, onAppearanceChange: n, ...o } = t, l = Se(), { appearance: c, onAppearanceChange: u, accentColor: p, onAccentColorChange: f, grayColor: C, onGrayColorChange: v, panelBackground: $, onPanelBackgroundChange: T, radius: x, onRadiusChange: k, scaling: z, onScalingChange:
|
|
936
|
+
const { open: r, onOpenChange: s, onAppearanceChange: n, ...o } = t, l = Se(), { appearance: c, onAppearanceChange: u, accentColor: p, onAccentColorChange: f, grayColor: C, onGrayColorChange: v, panelBackground: $, onPanelBackgroundChange: T, radius: x, onRadiusChange: k, scaling: z, onScalingChange: W } = l, D = n !== void 0, P = Vn(n), G = e.useCallback((d) => {
|
|
937
937
|
const g = pi();
|
|
938
938
|
if (c !== "inherit") {
|
|
939
939
|
u(d);
|
|
@@ -942,8 +942,8 @@ const Ar = e.forwardRef((t, a) => {
|
|
|
942
942
|
D ? P(d) : (st(d), fi(d)), g();
|
|
943
943
|
}, [c, u, D, P]), ie = Tt(p), rt = C === "auto" ? ie : C, [Hr, Me] = e.useState("idle");
|
|
944
944
|
async function Zr() {
|
|
945
|
-
const d = { appearance: c === b.appearance.default ? void 0 : c, accentColor: p === b.accentColor.default ? void 0 : p, grayColor: C === b.grayColor.default ? void 0 : C, panelBackground: $ === b.panelBackground.default ? void 0 : $, radius: x === b.radius.default ? void 0 : x, scaling: z === b.scaling.default ? void 0 : z }, g = Object.keys(d).filter((L) => d[L] !== void 0).map((L) => `${L}="${d[L]}"`).join(" "),
|
|
946
|
-
Me("copying"), await navigator.clipboard.writeText(
|
|
945
|
+
const d = { appearance: c === b.appearance.default ? void 0 : c, accentColor: p === b.accentColor.default ? void 0 : p, grayColor: C === b.grayColor.default ? void 0 : C, panelBackground: $ === b.panelBackground.default ? void 0 : $, radius: x === b.radius.default ? void 0 : x, scaling: z === b.scaling.default ? void 0 : z }, g = Object.keys(d).filter((L) => d[L] !== void 0).map((L) => `${L}="${d[L]}"`).join(" "), F = g ? `<Theme ${g}>` : "<Theme>";
|
|
946
|
+
Me("copying"), await navigator.clipboard.writeText(F), Me("copied"), setTimeout(() => Me("idle"), 2e3);
|
|
947
947
|
}
|
|
948
948
|
const [ke, st] = e.useState(c === "inherit" ? null : c), ye = `
|
|
949
949
|
[contenteditable],
|
|
@@ -957,30 +957,30 @@ const Ar = e.forwardRef((t, a) => {
|
|
|
957
957
|
return e.useEffect(() => {
|
|
958
958
|
function d(g) {
|
|
959
959
|
var O, X;
|
|
960
|
-
const
|
|
961
|
-
((X = g.key) == null ? void 0 : X.toUpperCase()) === "T" && !
|
|
960
|
+
const F = g.altKey || g.ctrlKey || g.shiftKey || g.metaKey, L = (O = document.activeElement) == null ? void 0 : O.closest(ye);
|
|
961
|
+
((X = g.key) == null ? void 0 : X.toUpperCase()) === "T" && !F && !L && s(!r);
|
|
962
962
|
}
|
|
963
963
|
return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
|
|
964
964
|
}, [s, r, ye]), e.useEffect(() => {
|
|
965
965
|
function d(g) {
|
|
966
966
|
var O, X;
|
|
967
|
-
const
|
|
968
|
-
((X = g.key) == null ? void 0 : X.toUpperCase()) === "D" && !
|
|
967
|
+
const F = g.altKey || g.ctrlKey || g.shiftKey || g.metaKey, L = (O = document.activeElement) == null ? void 0 : O.closest(ye);
|
|
968
|
+
((X = g.key) == null ? void 0 : X.toUpperCase()) === "D" && !F && !L && G(ke === "light" ? "dark" : "light");
|
|
969
969
|
}
|
|
970
970
|
return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
|
|
971
971
|
}, [G, ke, ye]), e.useEffect(() => {
|
|
972
972
|
const d = document.documentElement, g = document.body;
|
|
973
|
-
function
|
|
973
|
+
function F() {
|
|
974
974
|
const O = d.classList.contains("dark") || d.classList.contains("dark-theme") || g.classList.contains("dark") || g.classList.contains("dark-theme");
|
|
975
975
|
st(c === "inherit" ? O ? "dark" : "light" : c);
|
|
976
976
|
}
|
|
977
977
|
const L = new MutationObserver(function(O) {
|
|
978
978
|
O.forEach(function(X) {
|
|
979
|
-
X.attributeName === "class" &&
|
|
979
|
+
X.attributeName === "class" && F();
|
|
980
980
|
});
|
|
981
981
|
});
|
|
982
|
-
return
|
|
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(U, { flexGrow: "1", p: "5", position: "relative" }, e.createElement(U, { position: "absolute", top: "0", right: "0", m: "2" }, e.createElement(be, { 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(xe, { 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(A, { 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(be, { content: `${F(d)}${p === "gray" && rt !== "gray" ? ` (${F(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(A, { 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(be, { content: `${F(d)}${d === "auto" ? ` (${F(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(A, { 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: ke === d, onChange: (g) => G(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" }, F(d)))))), e.createElement(y, { id: "radius-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Radius"), e.createElement(A, { 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(U, { 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(U, { asChild: !0, pt: "2" }, e.createElement(y, { asChild: !0, size: "1", color: "gray" }, e.createElement("label", { htmlFor: `theme-panel-radius-${d}` }, F(d))))))), e.createElement(y, { id: "scaling-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Scaling"), e.createElement(A, { 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) => Z(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" }, F(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(A, { 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" }, F(d)))))), e.createElement(Zt, { mt: "5", style: { width: "100%" }, onClick: Zr }, Hr === "copied" ? "Copied" : "Copy Theme")))));
|
|
982
|
+
return F(), c === "inherit" && (L.observe(d, { attributes: !0 }), L.observe(g, { attributes: !0 })), () => L.disconnect();
|
|
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(U, { flexGrow: "1", p: "5", position: "relative" }, e.createElement(U, { position: "absolute", top: "0", right: "0", m: "2" }, e.createElement(be, { 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(xe, { 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(A, { 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(be, { content: `${q(d)}${p === "gray" && rt !== "gray" ? ` (${q(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(A, { 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(be, { content: `${q(d)}${d === "auto" ? ` (${q(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(A, { 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: ke === d, onChange: (g) => G(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" }, q(d)))))), e.createElement(y, { id: "radius-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Radius"), e.createElement(A, { 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(U, { 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(U, { asChild: !0, pt: "2" }, e.createElement(y, { asChild: !0, size: "1", color: "gray" }, e.createElement("label", { htmlFor: `theme-panel-radius-${d}` }, q(d))))))), e.createElement(y, { id: "scaling-title", as: "p", size: "2", weight: "medium", mt: "5" }, "Scaling"), e.createElement(A, { 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) => W(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" }, q(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(A, { 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" }, q(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() {
|
|
@@ -991,7 +991,7 @@ function pi() {
|
|
|
991
991
|
}, 1);
|
|
992
992
|
};
|
|
993
993
|
}
|
|
994
|
-
function
|
|
994
|
+
function q(t) {
|
|
995
995
|
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
996
996
|
}
|
|
997
997
|
function fi(t) {
|
|
@@ -1000,18 +1000,27 @@ 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" } }, be = 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
|
be.displayName = "Tooltip";
|
|
1006
|
-
const Oi = () => /* @__PURE__ */
|
|
1006
|
+
const Oi = () => /* @__PURE__ */ H("div", { children: "Header a b c d e f" }), Ai = ({ children: t, ...a }) => /* @__PURE__ */ H(
|
|
1007
|
+
I,
|
|
1008
|
+
{
|
|
1009
|
+
accentColor: "red",
|
|
1010
|
+
appearance: "dark",
|
|
1011
|
+
panelBackground: "solid",
|
|
1012
|
+
...a,
|
|
1013
|
+
children: t
|
|
1014
|
+
}
|
|
1015
|
+
), Hi = ({ name: t = "World", ...a }) => /* @__PURE__ */ H(Ut, { size: "2", style: { maxWidth: 300 }, ...a, children: /* @__PURE__ */ H(U, { p: "4", children: /* @__PURE__ */ Be(y, { size: "3", children: [
|
|
1007
1016
|
"Hello, ",
|
|
1008
1017
|
t,
|
|
1009
1018
|
"!"
|
|
1010
|
-
] }) }) }),
|
|
1011
|
-
/* @__PURE__ */
|
|
1019
|
+
] }) }) }), Zi = ({ ...t }) => /* @__PURE__ */ H(U, { p: "4", style: { maxWidth: 400 }, ...t, children: /* @__PURE__ */ Be(M, { gap: "3", align: "center", children: [
|
|
1020
|
+
/* @__PURE__ */ H(Vt, { fallback: /* @__PURE__ */ H(Zn, { width: "22", height: "22" }) }),
|
|
1012
1021
|
/* @__PURE__ */ Be(U, { children: [
|
|
1013
|
-
/* @__PURE__ */
|
|
1014
|
-
/* @__PURE__ */
|
|
1022
|
+
/* @__PURE__ */ H(y, { weight: "bold", children: "World Component" }),
|
|
1023
|
+
/* @__PURE__ */ H(y, { size: "2", color: "gray", children: "A sample component for our design system" })
|
|
1015
1024
|
] })
|
|
1016
1025
|
] }) });
|
|
1017
1026
|
export {
|
|
@@ -1036,11 +1045,11 @@ export {
|
|
|
1036
1045
|
Ti as Dialog,
|
|
1037
1046
|
Ii as DropdownMenu,
|
|
1038
1047
|
_l as Em,
|
|
1039
|
-
|
|
1048
|
+
M as Flex,
|
|
1040
1049
|
A as Grid,
|
|
1041
1050
|
Oi as Header,
|
|
1042
1051
|
xe as Heading,
|
|
1043
|
-
|
|
1052
|
+
Hi as Hello,
|
|
1044
1053
|
Mi as HoverCard,
|
|
1045
1054
|
nr as IconButton,
|
|
1046
1055
|
Hl as Inset,
|
|
@@ -1072,14 +1081,14 @@ export {
|
|
|
1072
1081
|
y as Text,
|
|
1073
1082
|
oi as TextArea,
|
|
1074
1083
|
ji as TextField,
|
|
1075
|
-
|
|
1084
|
+
Ai as Theme,
|
|
1076
1085
|
$e as ThemeContext,
|
|
1077
1086
|
di as ThemePanel,
|
|
1078
|
-
|
|
1087
|
+
Z as ThickCheckIcon,
|
|
1079
1088
|
Xe as ThickChevronRightIcon,
|
|
1080
1089
|
na as ThickDividerHorizontalIcon,
|
|
1081
1090
|
be as Tooltip,
|
|
1082
1091
|
Do as VisuallyHidden,
|
|
1083
|
-
|
|
1092
|
+
Zi as World,
|
|
1084
1093
|
Se as useThemeContext
|
|
1085
1094
|
};
|