@moises.ai/design-system 2.0.4 → 2.0.5
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 +573 -537
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as h, jsxs as _, Fragment as Ea } from "react/jsx-runtime";
|
|
2
2
|
import * as e from "react";
|
|
3
|
-
import
|
|
4
|
-
import { S as $, P as
|
|
5
|
-
import { C as
|
|
6
|
-
function
|
|
3
|
+
import R, { useState as Ra, useRef as Sa, useCallback as W, useMemo as pe, memo as xa } from "react";
|
|
4
|
+
import { S as $, P as Be, a as Ta, A as Ma, C as Pa, b as za, O as Ia, c as ka, D as _a, R as Ba, T as Aa, d as Da, e as Va, f as ja, F as Oa, I as La, g as Ga, u as Ha, h as Fa, i as Wa, j as Ae, V as De, k as Ne, l as he, m as qa, n as Ka, o as Ce, p as Ve, q as je, r as Za, G as Qa, s as Ya, L as Xa, t as Ja, v as Ua, w as er, x as tr, y as ar, z as rr, B as sr, E as nr, H as or, J as lr, K as cr, M as ir, N as ur, Q as mr, U as dr, W as pr, X as fr, Y as gr, Z as vr, _ as Nr, $ as hr, a0 as yr, a1 as Cr, a2 as $r, a3 as br, a4 as wr, a5 as Er, a6 as Rr, a7 as Sr, a8 as Oe, a9 as xr, aa as Tr, ab as Le, ac as Mr, ad as Pr, ae as zr, af as Ir, ag as kr, ah as _r, ai as Br, aj as Ar, ak as Dr, al as Vr, am as jr, an as Or, ao as Lr, ap as Gr, aq as Ge, ar as He, as as Fe, at as We, au as Hr, av as Fr, aw as Wr, ax as qr, ay as Kr, az as Zr, aA as qe, aB as Ke, aC as Qr, aD as Ze, aE as Qe, aF as Yr, aG as Xr, aH as Jr, aI as Ur, aJ as es, aK as ts, aL as as, aM as rs, aN as ss } from "./index-Cz-U2WeV.js";
|
|
5
|
+
import { C as ns } from "./react-icons.esm-oPXFAjzR.js";
|
|
6
|
+
function os(t) {
|
|
7
7
|
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
|
|
8
8
|
}
|
|
9
|
-
var
|
|
9
|
+
var Ye = { exports: {} };
|
|
10
10
|
/*!
|
|
11
11
|
Copyright (c) 2018 Jed Watson.
|
|
12
12
|
Licensed under the MIT License (MIT), see
|
|
@@ -41,31 +41,31 @@ var Qe = { exports: {} };
|
|
|
41
41
|
}
|
|
42
42
|
t.exports ? (r.default = r, t.exports = r) : window.classNames = r;
|
|
43
43
|
})();
|
|
44
|
-
})(
|
|
45
|
-
var
|
|
46
|
-
const u = /* @__PURE__ */
|
|
47
|
-
function
|
|
44
|
+
})(Ye);
|
|
45
|
+
var ls = Ye.exports;
|
|
46
|
+
const u = /* @__PURE__ */ os(ls), N = { asChild: { type: "boolean" } }, w = { width: { type: "string", className: "rt-r-w", customProperties: ["--width"], responsive: !0 }, minWidth: { type: "string", className: "rt-r-min-w", customProperties: ["--min-width"], responsive: !0 }, maxWidth: { type: "string", className: "rt-r-max-w", customProperties: ["--max-width"], responsive: !0 } }, Z = { height: { type: "string", className: "rt-r-h", customProperties: ["--height"], responsive: !0 }, minHeight: { type: "string", className: "rt-r-min-h", customProperties: ["--min-height"], responsive: !0 }, maxHeight: { type: "string", className: "rt-r-max-h", customProperties: ["--max-height"], responsive: !0 } }, cs = ["1", "2", "3", "4"], Xe = { ...N, align: { type: "enum", className: "rt-r-align", values: ["start", "center"], default: "center" }, size: { type: "enum", className: "rt-r-size", values: cs, default: "3", responsive: !0 }, width: w.width, minWidth: w.minWidth, maxWidth: { ...w.maxWidth, default: "600px" }, ...Z }, Je = ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"], C = { color: { type: "enum", values: Je, default: void 0 } }, se = { color: { type: "enum", values: Je, default: "" } }, E = { highContrast: { type: "boolean", className: "rt-high-contrast", default: void 0 } }, is = ["normal", "start", "end", "both"], $e = { trim: { type: "enum", className: "rt-r-lt", values: is, responsive: !0 } }, us = ["left", "center", "right"], Ue = { align: { type: "enum", className: "rt-r-ta", values: us, responsive: !0 } }, ms = ["wrap", "nowrap", "pretty", "balance"], H = { wrap: { type: "enum", className: "rt-r-tw", values: ms, responsive: !0 } }, F = { truncate: { type: "boolean", className: "rt-truncate" } }, ds = ["light", "regular", "medium", "bold"], me = { weight: { type: "enum", className: "rt-r-weight", values: ds, responsive: !0 } }, ps = ["h1", "h2", "h3", "h4", "h5", "h6"], fs = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], gs = { as: { type: "enum", values: ps, default: "h1" }, ...N, size: { type: "enum", className: "rt-r-size", values: fs, default: "6", responsive: !0 }, ...me, ...Ue, ...$e, ...F, ...H, ...C, ...E }, be = ["initial", "xs", "sm", "md", "lg", "xl"];
|
|
47
|
+
function et(t, a) {
|
|
48
48
|
return Object.prototype.hasOwnProperty.call(t, a);
|
|
49
49
|
}
|
|
50
|
-
function
|
|
50
|
+
function ee(t) {
|
|
51
51
|
return typeof t == "object" && Object.keys(t).some((a) => be.includes(a));
|
|
52
52
|
}
|
|
53
53
|
function k({ className: t, customProperties: a, ...r }) {
|
|
54
|
-
const n =
|
|
54
|
+
const n = ae({ allowArbitraryValues: !0, className: t, ...r }), s = vs({ customProperties: a, ...r });
|
|
55
55
|
return [n, s];
|
|
56
56
|
}
|
|
57
|
-
function
|
|
57
|
+
function ae({ allowArbitraryValues: t, value: a, className: r, propValues: n, parseValue: s = (o) => o }) {
|
|
58
58
|
const o = [];
|
|
59
59
|
if (a) {
|
|
60
|
-
if (typeof a == "string" && n.includes(a)) return
|
|
61
|
-
if (
|
|
60
|
+
if (typeof a == "string" && n.includes(a)) return Ie(r, a, s);
|
|
61
|
+
if (ee(a)) {
|
|
62
62
|
const l = a;
|
|
63
63
|
for (const c in l) {
|
|
64
|
-
if (!
|
|
64
|
+
if (!et(l, c) || !be.includes(c)) continue;
|
|
65
65
|
const i = l[c];
|
|
66
66
|
if (i !== void 0) {
|
|
67
67
|
if (n.includes(i)) {
|
|
68
|
-
const d =
|
|
68
|
+
const d = Ie(r, i, s), p = c === "initial" ? d : `${c}:${d}`;
|
|
69
69
|
o.push(p);
|
|
70
70
|
} else if (t) {
|
|
71
71
|
const d = c === "initial" ? r : `${c}:${r}`;
|
|
@@ -78,17 +78,17 @@ function te({ allowArbitraryValues: t, value: a, className: r, propValues: n, pa
|
|
|
78
78
|
if (t) return r;
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
|
-
function
|
|
81
|
+
function Ie(t, a, r) {
|
|
82
82
|
const n = t ? "-" : "", s = r(a), o = s == null ? void 0 : s.startsWith("-"), l = o ? "-" : "", c = o ? s == null ? void 0 : s.substring(1) : s;
|
|
83
83
|
return `${l}${t}${n}${c}`;
|
|
84
84
|
}
|
|
85
|
-
function
|
|
85
|
+
function vs({ customProperties: t, value: a, propValues: r, parseValue: n = (s) => s }) {
|
|
86
86
|
let s = {};
|
|
87
87
|
if (!(!a || typeof a == "string" && r.includes(a))) {
|
|
88
|
-
if (typeof a == "string" && (s = Object.fromEntries(t.map((o) => [o, a]))),
|
|
88
|
+
if (typeof a == "string" && (s = Object.fromEntries(t.map((o) => [o, a]))), ee(a)) {
|
|
89
89
|
const o = a;
|
|
90
90
|
for (const l in o) {
|
|
91
|
-
if (!
|
|
91
|
+
if (!et(o, l) || !be.includes(l)) continue;
|
|
92
92
|
const c = o[l];
|
|
93
93
|
if (!r.includes(c)) for (const i of t) s = { [l === "initial" ? i : `${i}-${l}`]: c, ...s };
|
|
94
94
|
}
|
|
@@ -100,32 +100,32 @@ function ds({ customProperties: t, value: a, propValues: r, parseValue: n = (s)
|
|
|
100
100
|
return s;
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
function
|
|
103
|
+
function re(...t) {
|
|
104
104
|
let a = {};
|
|
105
105
|
for (const r of t) r && (a = { ...a, ...r });
|
|
106
106
|
return Object.keys(a).length ? a : void 0;
|
|
107
107
|
}
|
|
108
|
-
function
|
|
108
|
+
function Ns(...t) {
|
|
109
109
|
return Object.assign({}, ...t);
|
|
110
110
|
}
|
|
111
111
|
function m(t, ...a) {
|
|
112
112
|
let r, n;
|
|
113
|
-
const s = { ...t }, o =
|
|
113
|
+
const s = { ...t }, o = Ns(...a);
|
|
114
114
|
for (const l in o) {
|
|
115
115
|
let c = s[l];
|
|
116
116
|
const i = o[l];
|
|
117
|
-
if (i.default !== void 0 && c === void 0 && (c = i.default), i.type === "enum" && ![i.default, ...i.values].includes(c) && !
|
|
117
|
+
if (i.default !== void 0 && c === void 0 && (c = i.default), i.type === "enum" && ![i.default, ...i.values].includes(c) && !ee(c) && (c = i.default), s[l] = c, "className" in i && i.className) {
|
|
118
118
|
delete s[l];
|
|
119
119
|
const d = "responsive" in i;
|
|
120
|
-
if (!c ||
|
|
121
|
-
if (
|
|
122
|
-
const p =
|
|
120
|
+
if (!c || ee(c) && !d) continue;
|
|
121
|
+
if (ee(c) && (i.default !== void 0 && c.initial === void 0 && (c.initial = i.default), i.type === "enum" && ([i.default, ...i.values].includes(c.initial) || (c.initial = i.default))), i.type === "enum") {
|
|
122
|
+
const p = ae({ allowArbitraryValues: !1, value: c, className: i.className, propValues: i.values, parseValue: i.parseValue });
|
|
123
123
|
r = u(r, p);
|
|
124
124
|
continue;
|
|
125
125
|
}
|
|
126
126
|
if (i.type === "string" || i.type === "enum | string") {
|
|
127
|
-
const p = i.type === "string" ? [] : i.values, [v,
|
|
128
|
-
n =
|
|
127
|
+
const p = i.type === "string" ? [] : i.values, [v, y] = k({ className: i.className, customProperties: i.customProperties, propValues: p, parseValue: i.parseValue, value: c });
|
|
128
|
+
n = re(n, y), r = u(r, v);
|
|
129
129
|
continue;
|
|
130
130
|
}
|
|
131
131
|
if (i.type === "boolean" && c) {
|
|
@@ -134,19 +134,19 @@ function m(t, ...a) {
|
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
return s.className = u(r, t.className), s.style =
|
|
137
|
+
return s.className = u(r, t.className), s.style = re(n, t.style), s;
|
|
138
138
|
}
|
|
139
|
-
const
|
|
140
|
-
const { children: r, className: n, asChild: s, as: o = "h1", color: l, ...c } = m(t,
|
|
139
|
+
const D = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], f = { m: { type: "enum | string", values: D, responsive: !0, className: "rt-r-m", customProperties: ["--m"] }, mx: { type: "enum | string", values: D, responsive: !0, className: "rt-r-mx", customProperties: ["--ml", "--mr"] }, my: { type: "enum | string", values: D, responsive: !0, className: "rt-r-my", customProperties: ["--mt", "--mb"] }, mt: { type: "enum | string", values: D, responsive: !0, className: "rt-r-mt", customProperties: ["--mt"] }, mr: { type: "enum | string", values: D, responsive: !0, className: "rt-r-mr", customProperties: ["--mr"] }, mb: { type: "enum | string", values: D, responsive: !0, className: "rt-r-mb", customProperties: ["--mb"] }, ml: { type: "enum | string", values: D, responsive: !0, className: "rt-r-ml", customProperties: ["--ml"] } }, we = e.forwardRef((t, a) => {
|
|
140
|
+
const { children: r, className: n, asChild: s, as: o = "h1", color: l, ...c } = m(t, gs, f);
|
|
141
141
|
return e.createElement($, { "data-accent-color": l, ...c, ref: a, className: u("rt-Heading", n) }, s ? r : e.createElement(o, null, r));
|
|
142
142
|
});
|
|
143
143
|
we.displayName = "Heading";
|
|
144
|
-
const
|
|
145
|
-
const { children: r, className: n, asChild: s, as: o = "span", color: l, ...c } = m(t,
|
|
144
|
+
const hs = ["span", "div", "label", "p"], ys = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], Cs = { as: { type: "enum", values: hs, default: "span" }, ...N, size: { type: "enum", className: "rt-r-size", values: ys, responsive: !0 }, ...me, ...Ue, ...$e, ...F, ...H, ...C, ...E }, B = e.forwardRef((t, a) => {
|
|
145
|
+
const { children: r, className: n, asChild: s, as: o = "span", color: l, ...c } = m(t, Cs, f);
|
|
146
146
|
return e.createElement($, { "data-accent-color": l, ...c, ref: a, className: u("rt-Text", n) }, s ? r : e.createElement(o, null, r));
|
|
147
147
|
});
|
|
148
|
-
|
|
149
|
-
function
|
|
148
|
+
B.displayName = "Text";
|
|
149
|
+
function $s(t) {
|
|
150
150
|
switch (t) {
|
|
151
151
|
case "tomato":
|
|
152
152
|
case "red":
|
|
@@ -182,120 +182,120 @@ function Ns(t) {
|
|
|
182
182
|
return "gray";
|
|
183
183
|
}
|
|
184
184
|
}
|
|
185
|
-
const
|
|
186
|
-
},
|
|
187
|
-
function
|
|
188
|
-
const t = e.useContext(
|
|
185
|
+
const bs = ["none", "small", "medium", "large", "full"], M = { radius: { type: "enum", values: bs, default: void 0 } }, x = { hasBackground: { default: !0 }, appearance: { default: "inherit" }, accentColor: { default: "indigo" }, grayColor: { default: "auto" }, panelBackground: { default: "translucent" }, radius: { default: "medium" }, scaling: { default: "100%" } }, q = () => {
|
|
186
|
+
}, ue = e.createContext(void 0);
|
|
187
|
+
function tt() {
|
|
188
|
+
const t = e.useContext(ue);
|
|
189
189
|
if (t === void 0) throw new Error("`useThemeContext` must be used within a `Theme`");
|
|
190
190
|
return t;
|
|
191
191
|
}
|
|
192
|
-
const P = e.forwardRef((t, a) => e.useContext(
|
|
192
|
+
const P = e.forwardRef((t, a) => e.useContext(ue) === void 0 ? e.createElement(Be, { delayDuration: 200 }, e.createElement(Ta, { dir: "ltr" }, e.createElement(at, { ...t, ref: a }))) : e.createElement(Ee, { ...t, ref: a }));
|
|
193
193
|
P.displayName = "Theme";
|
|
194
|
-
const
|
|
195
|
-
const { appearance: r =
|
|
194
|
+
const at = e.forwardRef((t, a) => {
|
|
195
|
+
const { appearance: r = x.appearance.default, accentColor: n = x.accentColor.default, grayColor: s = x.grayColor.default, panelBackground: o = x.panelBackground.default, radius: l = x.radius.default, scaling: c = x.scaling.default, hasBackground: i = x.hasBackground.default, ...d } = t, [p, v] = e.useState(r);
|
|
196
196
|
e.useEffect(() => v(r), [r]);
|
|
197
|
-
const [
|
|
197
|
+
const [y, b] = e.useState(n);
|
|
198
198
|
e.useEffect(() => b(n), [n]);
|
|
199
|
-
const [
|
|
199
|
+
const [S, g] = e.useState(s);
|
|
200
200
|
e.useEffect(() => g(s), [s]);
|
|
201
|
-
const [z,
|
|
202
|
-
e.useEffect(() =>
|
|
203
|
-
const [
|
|
204
|
-
e.useEffect(() =>
|
|
205
|
-
const [
|
|
206
|
-
return e.useEffect(() =>
|
|
207
|
-
});
|
|
208
|
-
|
|
201
|
+
const [z, A] = e.useState(o);
|
|
202
|
+
e.useEffect(() => A(o), [o]);
|
|
203
|
+
const [le, ce] = e.useState(l);
|
|
204
|
+
e.useEffect(() => ce(l), [l]);
|
|
205
|
+
const [Q, ie] = e.useState(c);
|
|
206
|
+
return e.useEffect(() => ie(c), [c]), e.createElement(Ee, { ...d, ref: a, isRoot: !0, hasBackground: i, appearance: p, accentColor: y, grayColor: S, panelBackground: z, radius: le, scaling: Q, onAppearanceChange: v, onAccentColorChange: b, onGrayColorChange: g, onPanelBackgroundChange: A, onRadiusChange: ce, onScalingChange: ie });
|
|
207
|
+
});
|
|
208
|
+
at.displayName = "ThemeRoot";
|
|
209
209
|
const Ee = e.forwardRef((t, a) => {
|
|
210
|
-
const r = e.useContext(
|
|
211
|
-
return e.createElement(
|
|
210
|
+
const r = e.useContext(ue), { asChild: n, isRoot: s, hasBackground: o, appearance: l = (r == null ? void 0 : r.appearance) ?? x.appearance.default, accentColor: c = (r == null ? void 0 : r.accentColor) ?? x.accentColor.default, grayColor: i = (r == null ? void 0 : r.resolvedGrayColor) ?? x.grayColor.default, panelBackground: d = (r == null ? void 0 : r.panelBackground) ?? x.panelBackground.default, radius: p = (r == null ? void 0 : r.radius) ?? x.radius.default, scaling: v = (r == null ? void 0 : r.scaling) ?? x.scaling.default, onAppearanceChange: y = q, onAccentColorChange: b = q, onGrayColorChange: S = q, onPanelBackgroundChange: g = q, onRadiusChange: z = q, onScalingChange: A = q, ...le } = t, ce = n ? $ : "div", Q = i === "auto" ? $s(c) : i, ie = t.appearance === "light" || t.appearance === "dark", wa = o === void 0 ? s || ie : o;
|
|
211
|
+
return e.createElement(ue.Provider, { value: e.useMemo(() => ({ appearance: l, accentColor: c, grayColor: i, resolvedGrayColor: Q, panelBackground: d, radius: p, scaling: v, onAppearanceChange: y, onAccentColorChange: b, onGrayColorChange: S, onPanelBackgroundChange: g, onRadiusChange: z, onScalingChange: A }), [l, c, i, Q, d, p, v, y, b, S, g, z, A]) }, e.createElement(ce, { "data-is-root-theme": s ? "true" : "false", "data-accent-color": c, "data-gray-color": Q, "data-has-background": wa ? "true" : "false", "data-panel-background": d, "data-radius": p, "data-scaling": v, ref: a, ...le, className: u("radix-themes", { light: l === "light", dark: l === "dark" }, le.className) }));
|
|
212
212
|
});
|
|
213
213
|
Ee.displayName = "ThemeImpl";
|
|
214
214
|
const I = (t) => {
|
|
215
215
|
if (!e.isValidElement(t)) throw Error(`Expected a single React Element child, but got: ${e.Children.toArray(t).map((a) => typeof a == "object" && "type" in a && typeof a.type == "string" ? a.type : typeof a).join(", ")}`);
|
|
216
216
|
return t;
|
|
217
|
-
},
|
|
218
|
-
|
|
219
|
-
const
|
|
220
|
-
|
|
221
|
-
const
|
|
222
|
-
const { align: n, ...s } =
|
|
223
|
-
return e.createElement(
|
|
224
|
-
});
|
|
225
|
-
|
|
226
|
-
const
|
|
227
|
-
|
|
228
|
-
const
|
|
229
|
-
|
|
230
|
-
const
|
|
231
|
-
|
|
232
|
-
const
|
|
233
|
-
|
|
234
|
-
const
|
|
217
|
+
}, rt = (t) => e.createElement(Ba, { ...t });
|
|
218
|
+
rt.displayName = "AlertDialog.Root";
|
|
219
|
+
const st = e.forwardRef(({ children: t, ...a }, r) => e.createElement(Da, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
220
|
+
st.displayName = "AlertDialog.Trigger";
|
|
221
|
+
const nt = e.forwardRef(({ align: t, ...a }, r) => {
|
|
222
|
+
const { align: n, ...s } = Xe, { className: o } = m({ align: t }, { align: n }), { className: l, forceMount: c, container: i, ...d } = m(a, s);
|
|
223
|
+
return e.createElement(za, { container: i, forceMount: c }, e.createElement(P, { asChild: !0 }, e.createElement(Ia, { className: "rt-BaseDialogOverlay rt-AlertDialogOverlay" }, e.createElement("div", { className: "rt-BaseDialogScroll rt-AlertDialogScroll" }, e.createElement("div", { className: `rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${o}` }, e.createElement(ka, { ...d, ref: r, className: u("rt-BaseDialogContent", "rt-AlertDialogContent", l) }))))));
|
|
224
|
+
});
|
|
225
|
+
nt.displayName = "AlertDialog.Content";
|
|
226
|
+
const ot = e.forwardRef((t, a) => e.createElement(Aa, { asChild: !0 }, e.createElement(we, { size: "5", mb: "3", trim: "start", ...t, asChild: !1, ref: a })));
|
|
227
|
+
ot.displayName = "AlertDialog.Title";
|
|
228
|
+
const lt = e.forwardRef((t, a) => e.createElement(_a, { asChild: !0 }, e.createElement(B, { as: "p", size: "3", ...t, asChild: !1, ref: a })));
|
|
229
|
+
lt.displayName = "AlertDialog.Description";
|
|
230
|
+
const ct = e.forwardRef(({ children: t, ...a }, r) => e.createElement(Ma, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
231
|
+
ct.displayName = "AlertDialog.Action";
|
|
232
|
+
const it = e.forwardRef(({ children: t, ...a }, r) => e.createElement(Pa, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
233
|
+
it.displayName = "AlertDialog.Cancel";
|
|
234
|
+
const Pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
235
235
|
__proto__: null,
|
|
236
|
-
Action:
|
|
237
|
-
Cancel:
|
|
238
|
-
Content:
|
|
239
|
-
Description:
|
|
240
|
-
Root:
|
|
241
|
-
Title:
|
|
242
|
-
Trigger:
|
|
243
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
236
|
+
Action: ct,
|
|
237
|
+
Cancel: it,
|
|
238
|
+
Content: nt,
|
|
239
|
+
Description: lt,
|
|
240
|
+
Root: rt,
|
|
241
|
+
Title: ot,
|
|
242
|
+
Trigger: st
|
|
243
|
+
}, Symbol.toStringTag, { value: "Module" })), zl = Va, ws = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], Es = ["solid", "soft"], Rs = { ...N, size: { type: "enum", className: "rt-r-size", values: ws, default: "3", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Es, default: "soft" }, ...se, ...E, ...M, fallback: { type: "ReactNode", required: !0 } };
|
|
244
244
|
function Re(t, a) {
|
|
245
245
|
const { asChild: r, children: n } = t;
|
|
246
246
|
if (!r) return typeof a == "function" ? a(n) : a;
|
|
247
247
|
const s = e.Children.only(n);
|
|
248
248
|
return e.cloneElement(s, { children: typeof a == "function" ? a(s.props.children) : a });
|
|
249
249
|
}
|
|
250
|
-
const
|
|
251
|
-
const { asChild: r, children: n, className: s, style: o, color: l, radius: c, ...i } = m(t,
|
|
252
|
-
return e.createElement(
|
|
250
|
+
const Ss = e.forwardRef((t, a) => {
|
|
251
|
+
const { asChild: r, children: n, className: s, style: o, color: l, radius: c, ...i } = m(t, Rs, f);
|
|
252
|
+
return e.createElement(ja, { "data-accent-color": l, "data-radius": c, className: u("rt-reset", "rt-AvatarRoot", s), style: o, asChild: r }, Re({ asChild: r, children: n }, e.createElement(ut, { ref: a, ...i })));
|
|
253
253
|
});
|
|
254
|
-
|
|
255
|
-
const
|
|
254
|
+
Ss.displayName = "Avatar";
|
|
255
|
+
const ut = e.forwardRef(({ fallback: t, ...a }, r) => {
|
|
256
256
|
const [n, s] = e.useState("idle");
|
|
257
|
-
return e.createElement(e.Fragment, null, n === "idle" || n === "loading" ? e.createElement("span", { className: "rt-AvatarFallback" }) : null, n === "error" ? e.createElement(
|
|
257
|
+
return e.createElement(e.Fragment, null, n === "idle" || n === "loading" ? e.createElement("span", { className: "rt-AvatarFallback" }) : null, n === "error" ? e.createElement(Oa, { className: u("rt-AvatarFallback", { "rt-one-letter": typeof t == "string" && t.length === 1, "rt-two-letters": typeof t == "string" && t.length === 2 }), delayMs: 0 }, t) : null, e.createElement(La, { ref: r, className: "rt-AvatarImage", ...a, onLoadingStatusChange: (o) => {
|
|
258
258
|
var l;
|
|
259
259
|
(l = a.onLoadingStatusChange) == null || l.call(a, o), s(o);
|
|
260
260
|
} }));
|
|
261
261
|
});
|
|
262
|
-
|
|
263
|
-
const
|
|
264
|
-
const { asChild: r, className: n, color: s, radius: o, ...l } = m(t,
|
|
262
|
+
ut.displayName = "AvatarImpl";
|
|
263
|
+
const xs = ["1", "2", "3"], Ts = ["solid", "soft", "surface", "outline"], Ms = { ...N, size: { type: "enum", className: "rt-r-size", values: xs, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Ts, default: "soft" }, ...se, ...E, ...M }, Ps = e.forwardRef((t, a) => {
|
|
264
|
+
const { asChild: r, className: n, color: s, radius: o, ...l } = m(t, Ms, f), c = r ? $ : "span";
|
|
265
265
|
return e.createElement(c, { "data-accent-color": s, "data-radius": o, ...l, ref: a, className: u("rt-reset", "rt-Badge", n) });
|
|
266
266
|
});
|
|
267
|
-
|
|
268
|
-
const
|
|
267
|
+
Ps.displayName = "Badge";
|
|
268
|
+
const zs = e.forwardRef((t, a) => {
|
|
269
269
|
const { asChild: r, children: n, className: s, ...o } = t, l = r ? $ : "blockquote";
|
|
270
|
-
return e.createElement(
|
|
270
|
+
return e.createElement(B, { asChild: !0, ...o, ref: a, className: u("rt-Blockquote", s) }, e.createElement(l, null, n));
|
|
271
271
|
});
|
|
272
|
-
|
|
273
|
-
const Se = $,
|
|
274
|
-
const { className: r, asChild: n, as: s = "div", ...o } = m(t,
|
|
272
|
+
zs.displayName = "Blockquote";
|
|
273
|
+
const Se = $, Is = ["div", "span"], ks = ["none", "inline", "inline-block", "block", "contents"], _s = { as: { type: "enum", values: Is, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: ks, responsive: !0 } }, V = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], te = { p: { type: "enum | string", className: "rt-r-p", customProperties: ["--p"], values: V, responsive: !0 }, px: { type: "enum | string", className: "rt-r-px", customProperties: ["--pl", "--pr"], values: V, responsive: !0 }, py: { type: "enum | string", className: "rt-r-py", customProperties: ["--pt", "--pb"], values: V, responsive: !0 }, pt: { type: "enum | string", className: "rt-r-pt", customProperties: ["--pt"], values: V, responsive: !0 }, pr: { type: "enum | string", className: "rt-r-pr", customProperties: ["--pr"], values: V, responsive: !0 }, pb: { type: "enum | string", className: "rt-r-pb", customProperties: ["--pb"], values: V, responsive: !0 }, pl: { type: "enum | string", className: "rt-r-pl", customProperties: ["--pl"], values: V, responsive: !0 } }, fe = ["visible", "hidden", "clip", "scroll", "auto"], Bs = ["static", "relative", "absolute", "fixed", "sticky"], Y = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9"], As = ["0", "1"], Ds = ["0", "1"], ne = { ...te, ...w, ...Z, position: { type: "enum", className: "rt-r-position", values: Bs, responsive: !0 }, inset: { type: "enum | string", className: "rt-r-inset", customProperties: ["--inset"], values: Y, responsive: !0 }, top: { type: "enum | string", className: "rt-r-top", customProperties: ["--top"], values: Y, responsive: !0 }, right: { type: "enum | string", className: "rt-r-right", customProperties: ["--right"], values: Y, responsive: !0 }, bottom: { type: "enum | string", className: "rt-r-bottom", customProperties: ["--bottom"], values: Y, responsive: !0 }, left: { type: "enum | string", className: "rt-r-left", customProperties: ["--left"], values: Y, responsive: !0 }, overflow: { type: "enum", className: "rt-r-overflow", values: fe, responsive: !0 }, overflowX: { type: "enum", className: "rt-r-ox", values: fe, responsive: !0 }, overflowY: { type: "enum", className: "rt-r-oy", values: fe, responsive: !0 }, flexBasis: { type: "string", className: "rt-r-fb", customProperties: ["--flex-basis"], responsive: !0 }, flexShrink: { type: "enum | string", className: "rt-r-fs", customProperties: ["--flex-shrink"], values: As, responsive: !0 }, flexGrow: { type: "enum | string", className: "rt-r-fg", customProperties: ["--flex-grow"], values: Ds, responsive: !0 }, gridArea: { type: "string", className: "rt-r-ga", customProperties: ["--grid-area"], responsive: !0 }, gridColumn: { type: "string", className: "rt-r-gc", customProperties: ["--grid-column"], responsive: !0 }, gridColumnStart: { type: "string", className: "rt-r-gcs", customProperties: ["--grid-column-start"], responsive: !0 }, gridColumnEnd: { type: "string", className: "rt-r-gce", customProperties: ["--grid-column-end"], responsive: !0 }, gridRow: { type: "string", className: "rt-r-gr", customProperties: ["--grid-row"], responsive: !0 }, gridRowStart: { type: "string", className: "rt-r-grs", customProperties: ["--grid-row-start"], responsive: !0 }, gridRowEnd: { type: "string", className: "rt-r-gre", customProperties: ["--grid-row-end"], responsive: !0 } }, mt = e.forwardRef((t, a) => {
|
|
274
|
+
const { className: r, asChild: n, as: s = "div", ...o } = m(t, _s, ne, f);
|
|
275
275
|
return e.createElement(n ? Se : s, { ...o, ref: a, className: u("rt-Box", r) });
|
|
276
276
|
});
|
|
277
|
-
|
|
278
|
-
const
|
|
279
|
-
function
|
|
277
|
+
mt.displayName = "Box";
|
|
278
|
+
const Vs = ["1", "2", "3", "4"], js = ["classic", "solid", "soft", "surface", "outline", "ghost"], ke = { ...N, size: { type: "enum", className: "rt-r-size", values: Vs, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: js, default: "solid" }, ...se, ...E, ...M, loading: { type: "boolean", className: "rt-loading", default: !1 } }, ge = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], dt = { gap: { type: "enum | string", className: "rt-r-gap", customProperties: ["--gap"], values: ge, responsive: !0 }, gapX: { type: "enum | string", className: "rt-r-cg", customProperties: ["--column-gap"], values: ge, responsive: !0 }, gapY: { type: "enum | string", className: "rt-r-rg", customProperties: ["--row-gap"], values: ge, responsive: !0 } }, Os = ["div", "span"], Ls = ["none", "inline-flex", "flex"], Gs = ["row", "column", "row-reverse", "column-reverse"], Hs = ["start", "center", "end", "baseline", "stretch"], Fs = ["start", "center", "end", "between"], Ws = ["nowrap", "wrap", "wrap-reverse"], pt = { as: { type: "enum", values: Os, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: Ls, responsive: !0 }, direction: { type: "enum", className: "rt-r-fd", values: Gs, responsive: !0 }, align: { type: "enum", className: "rt-r-ai", values: Hs, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: Fs, parseValue: qs, responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: Ws, responsive: !0 }, ...dt };
|
|
279
|
+
function qs(t) {
|
|
280
280
|
return t === "between" ? "space-between" : t;
|
|
281
281
|
}
|
|
282
|
-
const
|
|
283
|
-
const { className: r, asChild: n, as: s = "div", ...o } = m(t,
|
|
282
|
+
const K = e.forwardRef((t, a) => {
|
|
283
|
+
const { className: r, asChild: n, as: s = "div", ...o } = m(t, pt, ne, f);
|
|
284
284
|
return e.createElement(n ? Se : s, { ...o, ref: a, className: u("rt-Flex", r) });
|
|
285
285
|
});
|
|
286
|
-
|
|
287
|
-
const
|
|
288
|
-
const { className: r, children: n, loading: s, ...o } = m(t,
|
|
286
|
+
K.displayName = "Flex";
|
|
287
|
+
const Ks = ["1", "2", "3"], Zs = { size: { type: "enum", className: "rt-r-size", values: Ks, default: "2", responsive: !0 }, loading: { type: "boolean", default: !0 } }, ft = e.forwardRef((t, a) => {
|
|
288
|
+
const { className: r, children: n, loading: s, ...o } = m(t, Zs, f);
|
|
289
289
|
if (!s) return n;
|
|
290
290
|
const l = e.createElement("span", { ...o, ref: a, className: u("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" }));
|
|
291
|
-
return n === void 0 ? l : e.createElement(
|
|
291
|
+
return n === void 0 ? l : e.createElement(K, { 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 }, n), e.createElement(K, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, e.createElement("span", null, l))));
|
|
292
292
|
});
|
|
293
|
-
|
|
294
|
-
const
|
|
295
|
-
function
|
|
293
|
+
ft.displayName = "Spinner";
|
|
294
|
+
const Qs = Ga;
|
|
295
|
+
function Ys(t, a) {
|
|
296
296
|
if (t !== void 0) return typeof t == "string" ? a(t) : Object.fromEntries(Object.entries(t).map(([r, n]) => [r, a(n)]));
|
|
297
297
|
}
|
|
298
|
-
function
|
|
298
|
+
function Xs(t) {
|
|
299
299
|
switch (t) {
|
|
300
300
|
case "1":
|
|
301
301
|
return "1";
|
|
@@ -307,473 +307,475 @@ function Ks(t) {
|
|
|
307
307
|
}
|
|
308
308
|
}
|
|
309
309
|
const xe = e.forwardRef((t, a) => {
|
|
310
|
-
const { size: r =
|
|
311
|
-
return e.createElement(p, { "data-disabled": i || void 0, "data-accent-color": l, "data-radius": c, ...d, ref: a, className: u("rt-reset", "rt-BaseButton", n), disabled: i }, t.loading ? e.createElement(e.Fragment, null, e.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, s), e.createElement(
|
|
310
|
+
const { size: r = ke.size.default } = t, { className: n, children: s, asChild: o, color: l, radius: c, disabled: i = t.loading, ...d } = m(t, ke, f), p = o ? $ : "button";
|
|
311
|
+
return e.createElement(p, { "data-disabled": i || void 0, "data-accent-color": l, "data-radius": c, ...d, ref: a, className: u("rt-reset", "rt-BaseButton", n), disabled: i }, t.loading ? e.createElement(e.Fragment, null, e.createElement("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0 }, s), e.createElement(Qs, null, s), e.createElement(K, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, e.createElement("span", null, e.createElement(ft, { size: Ys(r, Xs) })))) : s);
|
|
312
312
|
});
|
|
313
313
|
xe.displayName = "BaseButton";
|
|
314
|
-
const
|
|
315
|
-
|
|
316
|
-
const
|
|
317
|
-
const { asChild: r, className: n, ...s } = m(t,
|
|
314
|
+
const Js = e.forwardRef(({ className: t, ...a }, r) => e.createElement(xe, { ...a, ref: r, className: u("rt-Button", t) }));
|
|
315
|
+
Js.displayName = "Button";
|
|
316
|
+
const Us = ["1", "2", "3", "4", "5"], en = ["surface", "classic", "ghost"], tn = { ...N, size: { type: "enum", className: "rt-r-size", values: Us, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: en, default: "surface" } }, an = e.forwardRef((t, a) => {
|
|
317
|
+
const { asChild: r, className: n, ...s } = m(t, tn, f), o = r ? $ : "div";
|
|
318
318
|
return e.createElement(o, { ref: a, ...s, className: u("rt-reset", "rt-BaseCard", "rt-Card", n) });
|
|
319
319
|
});
|
|
320
|
-
|
|
321
|
-
const
|
|
322
|
-
function
|
|
323
|
-
return
|
|
320
|
+
an.displayName = "Card";
|
|
321
|
+
const rn = ["div", "span"], sn = ["none", "inline-grid", "grid"], nn = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], on = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], ln = ["row", "column", "dense", "row-dense", "column-dense"], cn = ["start", "center", "end", "baseline", "stretch"], un = ["start", "center", "end", "between"], gt = { as: { type: "enum", values: rn, default: "div" }, ...N, display: { type: "enum", className: "rt-r-display", values: sn, responsive: !0 }, areas: { type: "string", className: "rt-r-gta", customProperties: ["--grid-template-areas"], responsive: !0 }, columns: { type: "enum | string", className: "rt-r-gtc", customProperties: ["--grid-template-columns"], values: nn, parseValue: _e, responsive: !0 }, rows: { type: "enum | string", className: "rt-r-gtr", customProperties: ["--grid-template-rows"], values: on, parseValue: _e, responsive: !0 }, flow: { type: "enum", className: "rt-r-gaf", values: ln, responsive: !0 }, align: { type: "enum", className: "rt-r-ai", values: cn, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: un, parseValue: mn, responsive: !0 }, ...dt };
|
|
322
|
+
function _e(t) {
|
|
323
|
+
return gt.columns.values.includes(t) ? t : t != null && t.match(/^\d+$/) ? `repeat(${t}, minmax(0, 1fr))` : t;
|
|
324
324
|
}
|
|
325
|
-
function
|
|
325
|
+
function mn(t) {
|
|
326
326
|
return t === "between" ? "space-between" : t;
|
|
327
327
|
}
|
|
328
|
-
const
|
|
329
|
-
const { className: r, asChild: n, as: s = "div", ...o } = m(t,
|
|
328
|
+
const dn = ["1", "2", "3"], pn = ["classic", "surface", "soft"], fn = { size: { type: "enum", className: "rt-r-size", values: dn, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: pn, default: "surface" }, ...C, ...E }, gn = e.forwardRef((t, a) => {
|
|
329
|
+
const { className: r, asChild: n, as: s = "div", ...o } = m(t, gt, ne, f);
|
|
330
330
|
return e.createElement(n ? Se : s, { ...o, ref: a, className: u("rt-Grid", r) });
|
|
331
331
|
});
|
|
332
|
-
|
|
333
|
-
const
|
|
334
|
-
|
|
335
|
-
const
|
|
336
|
-
|
|
337
|
-
const
|
|
338
|
-
|
|
339
|
-
const
|
|
340
|
-
|
|
341
|
-
const
|
|
342
|
-
const { className: r, color: n, checked: s, defaultChecked: o, onCheckedChange: l, ...c } = m(t,
|
|
343
|
-
return e.createElement(
|
|
344
|
-
});
|
|
345
|
-
|
|
346
|
-
const
|
|
347
|
-
const { asChild: r, className: n, color: s, ...o } = m(t,
|
|
332
|
+
gn.displayName = "Grid";
|
|
333
|
+
const vt = R.forwardRef((t, a) => R.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...t, ref: a }, R.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" })));
|
|
334
|
+
vt.displayName = "ThickDividerHorizontalIcon";
|
|
335
|
+
const oe = R.forwardRef((t, a) => R.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...t, ref: a }, R.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" })));
|
|
336
|
+
oe.displayName = "ThickCheckIcon";
|
|
337
|
+
const Nt = R.forwardRef((t, a) => R.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...t, ref: a }, R.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" })));
|
|
338
|
+
Nt.displayName = "ChevronDownIcon";
|
|
339
|
+
const ht = R.forwardRef((t, a) => R.createElement("svg", { width: "9", height: "9", viewBox: "0 0 9 9", fill: "currentcolor", xmlns: "http://www.w3.org/2000/svg", ...t, ref: a }, R.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" })));
|
|
340
|
+
ht.displayName = "ThickChevronRightIcon";
|
|
341
|
+
const vn = e.forwardRef((t, a) => {
|
|
342
|
+
const { className: r, color: n, checked: s, defaultChecked: o, onCheckedChange: l, ...c } = m(t, fn, f), [i, d] = Ha({ prop: s, defaultProp: o, onChange: l });
|
|
343
|
+
return e.createElement(Fa, { "data-accent-color": n, ...c, defaultChecked: o, checked: i, onCheckedChange: d, asChild: !1, ref: a, className: u("rt-reset", "rt-BaseCheckboxRoot", "rt-CheckboxRoot", r) }, e.createElement(Wa, { asChild: !0, className: "rt-BaseCheckboxIndicator rt-CheckboxIndicator" }, e.createElement(i === "indeterminate" ? vt : oe, null)));
|
|
344
|
+
});
|
|
345
|
+
vn.displayName = "Checkbox";
|
|
346
|
+
const Nn = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], hn = ["solid", "soft", "outline", "ghost"], yn = { ...N, size: { type: "enum", className: "rt-r-size", values: Nn, responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: hn, default: "soft" }, ...me, ...se, ...E, ...F, ...H }, Cn = e.forwardRef((t, a) => {
|
|
347
|
+
const { asChild: r, className: n, color: s, ...o } = m(t, yn, f), l = t.variant === "ghost" ? s || void 0 : s, c = r ? $ : "code";
|
|
348
348
|
return e.createElement(c, { "data-accent-color": l, ...o, ref: a, className: u("rt-reset", "rt-Code", n) });
|
|
349
349
|
});
|
|
350
|
-
|
|
351
|
-
const
|
|
352
|
-
function
|
|
350
|
+
Cn.displayName = "Code";
|
|
351
|
+
const $n = ["1", "2", "3", "4"], bn = ["none", "initial"], wn = ["left", "center", "right"], En = { ...N, size: { type: "enum", className: "rt-r-size", values: $n, default: "4", responsive: !0 }, display: { type: "enum", className: "rt-r-display", values: bn, parseValue: Rn, responsive: !0 }, align: { type: "enum", className: "rt-r-ai", values: wn, parseValue: Sn, responsive: !0 } };
|
|
352
|
+
function Rn(t) {
|
|
353
353
|
return t === "initial" ? "flex" : t;
|
|
354
354
|
}
|
|
355
|
-
function
|
|
355
|
+
function Sn(t) {
|
|
356
356
|
return t === "left" ? "start" : t === "right" ? "end" : t;
|
|
357
357
|
}
|
|
358
|
-
const
|
|
359
|
-
const { asChild: i, children: d, className: p, ...v } = m(l,
|
|
360
|
-
return e.createElement(
|
|
358
|
+
const xn = e.forwardRef(({ width: t, minWidth: a, maxWidth: r, height: n, minHeight: s, maxHeight: o, ...l }, c) => {
|
|
359
|
+
const { asChild: i, children: d, className: p, ...v } = m(l, En, ne, f), { className: y, style: b } = m({ width: t, minWidth: a, maxWidth: r, height: n, minHeight: s, maxHeight: o }, w, Z), S = i ? $ : "div";
|
|
360
|
+
return e.createElement(S, { ...v, ref: c, className: u("rt-Container", p) }, Re({ asChild: i, children: d }, (g) => e.createElement("div", { className: u("rt-ContainerInner", y), style: b }, g)));
|
|
361
361
|
});
|
|
362
|
-
|
|
363
|
-
const
|
|
364
|
-
function
|
|
362
|
+
xn.displayName = "Container";
|
|
363
|
+
const Tn = ["1", "2", "3"], X = { ...N, size: { values: Tn, default: "1" }, ...M, scrollbars: { default: "both" } };
|
|
364
|
+
function Mn(t) {
|
|
365
365
|
const { m: a, mx: r, my: n, mt: s, mr: o, mb: l, ml: c, ...i } = t;
|
|
366
366
|
return { m: a, mx: r, my: n, mt: s, mr: o, mb: l, ml: c, rest: i };
|
|
367
367
|
}
|
|
368
|
-
const
|
|
369
|
-
function
|
|
370
|
-
const [a, r] = k({ className: "rt-r-m", customProperties: ["--margin"], propValues:
|
|
371
|
-
return [u(a, n, o, c, d, v, b),
|
|
368
|
+
const j = f.m.values;
|
|
369
|
+
function Pn(t) {
|
|
370
|
+
const [a, r] = k({ className: "rt-r-m", customProperties: ["--margin"], propValues: j, value: t.m }), [n, s] = 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, i] = k({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: j, value: t.mt }), [d, p] = k({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: j, value: t.mr }), [v, y] = k({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: j, value: t.mb }), [b, S] = k({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: j, value: t.ml });
|
|
371
|
+
return [u(a, n, o, c, d, v, b), re(r, s, l, i, p, y, S)];
|
|
372
372
|
}
|
|
373
373
|
const de = e.forwardRef((t, a) => {
|
|
374
|
-
const { rest: r, ...n } =
|
|
375
|
-
return e.createElement(
|
|
374
|
+
const { rest: r, ...n } = Mn(t), [s, o] = Pn(n), { asChild: l, children: c, className: i, style: d, type: p, scrollHideDelay: v = p !== "scroll" ? 0 : void 0, dir: y, size: b = X.size.default, radius: S = X.radius.default, scrollbars: g = X.scrollbars.default, ...z } = r;
|
|
375
|
+
return e.createElement(Ae, { type: p, scrollHideDelay: v, className: u("rt-ScrollAreaRoot", s, i), style: re(o, d), asChild: l }, Re({ asChild: l, children: c }, (A) => e.createElement(e.Fragment, null, e.createElement(De, { ...z, ref: a, className: "rt-ScrollAreaViewport" }, A), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), g !== "vertical" ? e.createElement(Ne, { "data-radius": S, orientation: "horizontal", className: u("rt-ScrollAreaScrollbar", ae({ className: "rt-r-size", value: b, propValues: X.size.values })) }, e.createElement(he, { className: "rt-ScrollAreaThumb" })) : null, g !== "horizontal" ? e.createElement(Ne, { "data-radius": S, orientation: "vertical", className: u("rt-ScrollAreaScrollbar", ae({ className: "rt-r-size", value: b, propValues: X.size.values })) }, e.createElement(he, { className: "rt-ScrollAreaThumb" })) : null, g === "both" ? e.createElement(qa, { className: "rt-ScrollAreaCorner" }) : null)));
|
|
376
376
|
});
|
|
377
377
|
de.displayName = "ScrollArea";
|
|
378
|
-
const
|
|
379
|
-
|
|
380
|
-
const
|
|
381
|
-
|
|
382
|
-
const
|
|
383
|
-
const r =
|
|
384
|
-
return e.createElement(
|
|
385
|
-
});
|
|
386
|
-
|
|
387
|
-
const
|
|
388
|
-
|
|
389
|
-
const
|
|
390
|
-
const { className: r, children: n, color: s =
|
|
391
|
-
return e.createElement(
|
|
392
|
-
});
|
|
393
|
-
|
|
394
|
-
const
|
|
395
|
-
|
|
396
|
-
const
|
|
397
|
-
|
|
398
|
-
const St = e.forwardRef((t, a) => {
|
|
399
|
-
const { children: r, className: n, color: s = zn.color.default, ...o } = t;
|
|
400
|
-
return e.createElement(Qa, { ...o, asChild: !1, ref: a, "data-accent-color": s, className: u("rt-BaseMenuItem", "rt-BaseMenuRadioItem", "rt-ContextMenuItem", "rt-ContextMenuRadioItem", n) }, e.createElement(Ce, null, r), e.createElement(De, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, e.createElement(ne, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })));
|
|
401
|
-
});
|
|
402
|
-
St.displayName = "ContextMenu.RadioItem";
|
|
378
|
+
const zn = ["1", "2"], In = ["solid", "soft"], J = { size: { type: "enum", className: "rt-r-size", values: zn, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: In, default: "solid" }, ...C, ...E }, kn = { ...N, ...C }, _n = { ...C }, Bn = { ...C }, yt = (t) => e.createElement(er, { ...t });
|
|
379
|
+
yt.displayName = "ContextMenu.Root";
|
|
380
|
+
const Ct = e.forwardRef(({ children: t, ...a }, r) => e.createElement(nr, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
381
|
+
Ct.displayName = "ContextMenu.Trigger";
|
|
382
|
+
const $t = e.createContext({}), bt = e.forwardRef((t, a) => {
|
|
383
|
+
const r = tt(), { size: n = J.size.default, variant: s = J.variant.default, highContrast: o = J.highContrast.default } = t, { className: l, children: c, color: i, container: d, forceMount: p, ...v } = m(t, J), y = i || r.accentColor;
|
|
384
|
+
return e.createElement(je, { container: d, forceMount: p }, e.createElement(P, { asChild: !0 }, e.createElement(Za, { "data-accent-color": y, alignOffset: -Number(n) * 4, collisionPadding: 10, ...v, asChild: !1, ref: a, className: u("rt-PopperContent", "rt-BaseMenuContent", "rt-ContextMenuContent", l) }, e.createElement(de, { type: "auto" }, e.createElement("div", { className: u("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, e.createElement($t.Provider, { value: e.useMemo(() => ({ size: n, variant: s, color: y, highContrast: o }), [n, s, y, o]) }, c))))));
|
|
385
|
+
});
|
|
386
|
+
bt.displayName = "ContextMenu.Content";
|
|
387
|
+
const wt = e.forwardRef(({ className: t, ...a }, r) => e.createElement(Xa, { ...a, asChild: !1, ref: r, className: u("rt-BaseMenuLabel", "rt-ContextMenuLabel", t) }));
|
|
388
|
+
wt.displayName = "ContextMenu.Label";
|
|
389
|
+
const Et = e.forwardRef((t, a) => {
|
|
390
|
+
const { className: r, children: n, color: s = kn.color.default, shortcut: o, ...l } = t;
|
|
391
|
+
return e.createElement(Ya, { "data-accent-color": s, ...l, ref: a, className: u("rt-reset", "rt-BaseMenuItem", "rt-ContextMenuItem", r) }, e.createElement(Ce, null, n), o && e.createElement("div", { className: "rt-BaseMenuShortcut rt-ContextMenuShortcut" }, o));
|
|
392
|
+
});
|
|
393
|
+
Et.displayName = "ContextMenu.Item";
|
|
394
|
+
const Rt = e.forwardRef(({ className: t, ...a }, r) => e.createElement(Qa, { ...a, asChild: !1, ref: r, className: u("rt-BaseMenuGroup", "rt-ContextMenuGroup", t) }));
|
|
395
|
+
Rt.displayName = "ContextMenu.Group";
|
|
396
|
+
const St = e.forwardRef(({ className: t, ...a }, r) => e.createElement(Ja, { ...a, asChild: !1, ref: r, className: u("rt-BaseMenuRadioGroup", "rt-ContextMenuRadioGroup", t) }));
|
|
397
|
+
St.displayName = "ContextMenu.RadioGroup";
|
|
403
398
|
const xt = e.forwardRef((t, a) => {
|
|
404
|
-
const { children: r, className: n,
|
|
405
|
-
return e.createElement(
|
|
399
|
+
const { children: r, className: n, color: s = Bn.color.default, ...o } = t;
|
|
400
|
+
return e.createElement(Ua, { ...o, asChild: !1, ref: a, "data-accent-color": s, className: u("rt-BaseMenuItem", "rt-BaseMenuRadioItem", "rt-ContextMenuItem", "rt-ContextMenuRadioItem", n) }, e.createElement(Ce, null, r), e.createElement(Ve, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, e.createElement(oe, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })));
|
|
406
401
|
});
|
|
407
|
-
xt.displayName = "ContextMenu.
|
|
408
|
-
const Tt = (t) =>
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
const { className: r, children: n, ...s } = t;
|
|
412
|
-
return e.createElement(er, { ...s, asChild: !1, ref: a, className: u("rt-BaseMenuItem", "rt-BaseMenuSubTrigger", "rt-ContextMenuItem", "rt-ContextMenuSubTrigger", r) }, n, e.createElement("div", { className: "rt-BaseMenuShortcut rt-ContextMenuShortcut" }, e.createElement(Nt, { className: "rt-BaseMenuSubTriggerIcon rt-ContextMenuSubTriggerIcon" })));
|
|
402
|
+
xt.displayName = "ContextMenu.RadioItem";
|
|
403
|
+
const Tt = e.forwardRef((t, a) => {
|
|
404
|
+
const { children: r, className: n, shortcut: s, color: o = _n.color.default, ...l } = t;
|
|
405
|
+
return e.createElement(Ka, { ...l, asChild: !1, ref: a, "data-accent-color": o, className: u("rt-BaseMenuItem", "rt-BaseMenuCheckboxItem", "rt-ContextMenuItem", "rt-ContextMenuCheckboxItem", n) }, e.createElement(Ce, null, r), e.createElement(Ve, { className: "rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator" }, e.createElement(oe, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })), s && e.createElement("div", { className: "rt-BaseMenuShortcut rt-ContextMenuShortcut" }, s));
|
|
413
406
|
});
|
|
414
|
-
|
|
407
|
+
Tt.displayName = "ContextMenu.CheckboxItem";
|
|
408
|
+
const Mt = (t) => e.createElement(ar, { ...t });
|
|
409
|
+
Mt.displayName = "ContextMenu.Sub";
|
|
415
410
|
const Pt = e.forwardRef((t, a) => {
|
|
416
|
-
const {
|
|
417
|
-
return e.createElement(
|
|
411
|
+
const { className: r, children: n, ...s } = t;
|
|
412
|
+
return e.createElement(sr, { ...s, asChild: !1, ref: a, className: u("rt-BaseMenuItem", "rt-BaseMenuSubTrigger", "rt-ContextMenuItem", "rt-ContextMenuSubTrigger", r) }, n, e.createElement("div", { className: "rt-BaseMenuShortcut rt-ContextMenuShortcut" }, e.createElement(ht, { className: "rt-BaseMenuSubTriggerIcon rt-ContextMenuSubTriggerIcon" })));
|
|
418
413
|
});
|
|
419
|
-
Pt.displayName = "ContextMenu.
|
|
420
|
-
const zt = e.forwardRef((
|
|
421
|
-
|
|
422
|
-
|
|
414
|
+
Pt.displayName = "ContextMenu.SubTrigger";
|
|
415
|
+
const zt = e.forwardRef((t, a) => {
|
|
416
|
+
const { size: r, variant: n, color: s, highContrast: o } = e.useContext($t), { className: l, children: c, container: i, forceMount: d, ...p } = m({ size: r, variant: n, color: s, highContrast: o, ...t }, J);
|
|
417
|
+
return e.createElement(je, { container: i, forceMount: d }, e.createElement(P, { asChild: !0 }, e.createElement(rr, { "data-accent-color": s, alignOffset: -Number(r) * 4, sideOffset: 1, collisionPadding: 10, ...p, asChild: !1, ref: a, className: u("rt-PopperContent", "rt-BaseMenuContent", "rt-BaseMenuSubContent", "rt-ContextMenuContent", "rt-ContextMenuSubContent", l) }, e.createElement(de, { type: "auto" }, e.createElement("div", { className: u("rt-BaseMenuViewport", "rt-ContextMenuViewport") }, c)))));
|
|
418
|
+
});
|
|
419
|
+
zt.displayName = "ContextMenu.SubContent";
|
|
420
|
+
const It = e.forwardRef(({ className: t, ...a }, r) => e.createElement(tr, { ...a, asChild: !1, ref: r, className: u("rt-BaseMenuSeparator", "rt-ContextMenuSeparator", t) }));
|
|
421
|
+
It.displayName = "ContextMenu.Separator";
|
|
422
|
+
const Il = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
423
423
|
__proto__: null,
|
|
424
|
-
CheckboxItem:
|
|
425
|
-
Content:
|
|
426
|
-
Group:
|
|
427
|
-
Item:
|
|
428
|
-
Label:
|
|
429
|
-
RadioGroup:
|
|
430
|
-
RadioItem:
|
|
431
|
-
Root:
|
|
432
|
-
Separator:
|
|
433
|
-
Sub:
|
|
434
|
-
SubContent:
|
|
435
|
-
SubTrigger:
|
|
436
|
-
Trigger:
|
|
437
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
438
|
-
|
|
439
|
-
const
|
|
440
|
-
|
|
441
|
-
const
|
|
442
|
-
const { align: n, ...s } =
|
|
443
|
-
return e.createElement(
|
|
444
|
-
});
|
|
445
|
-
|
|
446
|
-
const
|
|
447
|
-
|
|
448
|
-
const
|
|
449
|
-
|
|
450
|
-
const
|
|
451
|
-
|
|
452
|
-
const
|
|
424
|
+
CheckboxItem: Tt,
|
|
425
|
+
Content: bt,
|
|
426
|
+
Group: Rt,
|
|
427
|
+
Item: Et,
|
|
428
|
+
Label: wt,
|
|
429
|
+
RadioGroup: St,
|
|
430
|
+
RadioItem: xt,
|
|
431
|
+
Root: yt,
|
|
432
|
+
Separator: It,
|
|
433
|
+
Sub: Mt,
|
|
434
|
+
SubContent: zt,
|
|
435
|
+
SubTrigger: Pt,
|
|
436
|
+
Trigger: Ct
|
|
437
|
+
}, Symbol.toStringTag, { value: "Module" })), kt = (t) => e.createElement(mr, { ...t, modal: !0 });
|
|
438
|
+
kt.displayName = "Dialog.Root";
|
|
439
|
+
const _t = e.forwardRef(({ children: t, ...a }, r) => e.createElement(pr, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
440
|
+
_t.displayName = "Dialog.Trigger";
|
|
441
|
+
const Bt = e.forwardRef(({ align: t, ...a }, r) => {
|
|
442
|
+
const { align: n, ...s } = Xe, { className: o } = m({ align: t }, { align: n }), { className: l, forceMount: c, container: i, ...d } = m(a, s);
|
|
443
|
+
return e.createElement(lr, { container: i, forceMount: c }, e.createElement(P, { asChild: !0 }, e.createElement(cr, { className: "rt-BaseDialogOverlay rt-DialogOverlay" }, e.createElement("div", { className: "rt-BaseDialogScroll rt-DialogScroll" }, e.createElement("div", { className: `rt-BaseDialogScrollPadding rt-DialogScrollPadding ${o}` }, e.createElement(ir, { ...d, ref: r, className: u("rt-BaseDialogContent", "rt-DialogContent", l) }))))));
|
|
444
|
+
});
|
|
445
|
+
Bt.displayName = "Dialog.Content";
|
|
446
|
+
const At = e.forwardRef((t, a) => e.createElement(dr, { asChild: !0 }, e.createElement(we, { size: "5", mb: "3", trim: "start", ...t, asChild: !1, ref: a })));
|
|
447
|
+
At.displayName = "Dialog.Title";
|
|
448
|
+
const Dt = e.forwardRef((t, a) => e.createElement(ur, { asChild: !0 }, e.createElement(B, { as: "p", size: "3", ...t, asChild: !1, ref: a })));
|
|
449
|
+
Dt.displayName = "Dialog.Description";
|
|
450
|
+
const Vt = e.forwardRef(({ children: t, ...a }, r) => e.createElement(or, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
451
|
+
Vt.displayName = "Dialog.Close";
|
|
452
|
+
const kl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
453
453
|
__proto__: null,
|
|
454
|
-
Close:
|
|
455
|
-
Content:
|
|
456
|
-
Description:
|
|
457
|
-
Root:
|
|
458
|
-
Title:
|
|
459
|
-
Trigger:
|
|
460
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
461
|
-
const { asChild: r, className: n, ...s } = m(t,
|
|
454
|
+
Close: Vt,
|
|
455
|
+
Content: Bt,
|
|
456
|
+
Description: Dt,
|
|
457
|
+
Root: kt,
|
|
458
|
+
Title: At,
|
|
459
|
+
Trigger: _t
|
|
460
|
+
}, Symbol.toStringTag, { value: "Module" })), An = { ...N, ...F, ...H }, Dn = e.forwardRef((t, a) => {
|
|
461
|
+
const { asChild: r, className: n, ...s } = m(t, An), o = r ? $ : "em";
|
|
462
462
|
return e.createElement(o, { ...s, ref: a, className: u("rt-Em", n) });
|
|
463
463
|
});
|
|
464
|
-
|
|
465
|
-
const
|
|
466
|
-
|
|
467
|
-
const
|
|
468
|
-
|
|
469
|
-
const
|
|
470
|
-
const { className: r, forceMount: n, container: s, ...o } = m(t,
|
|
471
|
-
return e.createElement(
|
|
464
|
+
Dn.displayName = "Em";
|
|
465
|
+
const Vn = ["1", "2", "3"], jn = { ...N, size: { type: "enum", className: "rt-r-size", values: Vn, default: "2", responsive: !0 }, width: w.width, minWidth: w.minWidth, maxWidth: { ...w.maxWidth, default: "480px" }, ...Z }, jt = (t) => e.createElement(vr, { closeDelay: 150, openDelay: 200, ...t });
|
|
466
|
+
jt.displayName = "HoverCard.Root";
|
|
467
|
+
const Ot = e.forwardRef(({ children: t, className: a, ...r }, n) => e.createElement(Nr, { ref: n, className: u("rt-HoverCardTrigger", a), ...r, asChild: !0 }, I(t)));
|
|
468
|
+
Ot.displayName = "HoverCard.Trigger";
|
|
469
|
+
const Lt = e.forwardRef((t, a) => {
|
|
470
|
+
const { className: r, forceMount: n, container: s, ...o } = m(t, jn);
|
|
471
|
+
return e.createElement(fr, { container: s, forceMount: n }, e.createElement(P, { asChild: !0 }, e.createElement(gr, { align: "start", sideOffset: 8, collisionPadding: 10, ...o, ref: a, className: u("rt-PopperContent", "rt-HoverCardContent", r) })));
|
|
472
472
|
});
|
|
473
|
-
|
|
474
|
-
const
|
|
473
|
+
Lt.displayName = "HoverCard.Content";
|
|
474
|
+
const _l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
475
475
|
__proto__: null,
|
|
476
|
-
Content:
|
|
477
|
-
Root:
|
|
478
|
-
Trigger:
|
|
479
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
480
|
-
|
|
481
|
-
const
|
|
482
|
-
function
|
|
476
|
+
Content: Lt,
|
|
477
|
+
Root: jt,
|
|
478
|
+
Trigger: Ot
|
|
479
|
+
}, Symbol.toStringTag, { value: "Module" })), Gt = e.forwardRef(({ className: t, ...a }, r) => e.createElement(xe, { ...a, ref: r, className: u("rt-IconButton", t) }));
|
|
480
|
+
Gt.displayName = "IconButton";
|
|
481
|
+
const On = ["all", "x", "y", "top", "bottom", "left", "right"], Ln = ["border-box", "padding-box"], O = ["current", "0"], Gn = { ...N, side: { type: "enum", className: "rt-r-side", values: On, default: "all", responsive: !0 }, clip: { type: "enum", className: "rt-r-clip", values: Ln, default: "border-box", responsive: !0 }, p: { type: "enum", className: "rt-r-p", values: O, parseValue: L, responsive: !0 }, px: { type: "enum", className: "rt-r-px", values: O, parseValue: L, responsive: !0 }, py: { type: "enum", className: "rt-r-py", values: O, parseValue: L, responsive: !0 }, pt: { type: "enum", className: "rt-r-pt", values: O, parseValue: L, responsive: !0 }, pr: { type: "enum", className: "rt-r-pr", values: O, parseValue: L, responsive: !0 }, pb: { type: "enum", className: "rt-r-pb", values: O, parseValue: L, responsive: !0 }, pl: { type: "enum", className: "rt-r-pl", values: O, parseValue: L, responsive: !0 } };
|
|
482
|
+
function L(t) {
|
|
483
483
|
return t === "current" ? "inset" : t;
|
|
484
484
|
}
|
|
485
|
-
const
|
|
486
|
-
const { asChild: r, className: n, ...s } = m(t,
|
|
485
|
+
const Hn = e.forwardRef((t, a) => {
|
|
486
|
+
const { asChild: r, className: n, ...s } = m(t, Gn, f), o = r ? $ : "div";
|
|
487
487
|
return e.createElement(o, { ...s, ref: a, className: u("rt-Inset", n) });
|
|
488
488
|
});
|
|
489
|
-
|
|
490
|
-
const
|
|
491
|
-
const { asChild: r, className: n, ...s } = m(t,
|
|
489
|
+
Hn.displayName = "Inset";
|
|
490
|
+
const Fn = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], Wn = { ...N, size: { type: "enum", className: "rt-r-size", values: Fn, responsive: !0 } }, qn = e.forwardRef((t, a) => {
|
|
491
|
+
const { asChild: r, className: n, ...s } = m(t, Wn, f), o = r ? $ : "kbd";
|
|
492
492
|
return e.createElement(o, { ...s, ref: a, className: u("rt-reset", "rt-Kbd", n) });
|
|
493
493
|
});
|
|
494
|
-
|
|
495
|
-
const
|
|
496
|
-
const { children: r, className: n, color: s, asChild: o, ...l } = m(t,
|
|
497
|
-
return e.createElement(
|
|
498
|
-
});
|
|
499
|
-
|
|
500
|
-
const
|
|
501
|
-
|
|
502
|
-
const
|
|
503
|
-
|
|
504
|
-
const
|
|
505
|
-
const { className: r, forceMount: n, container: s, ...o } = m(t,
|
|
506
|
-
return e.createElement(
|
|
507
|
-
});
|
|
508
|
-
|
|
509
|
-
const
|
|
510
|
-
|
|
511
|
-
const
|
|
512
|
-
|
|
513
|
-
const
|
|
494
|
+
qn.displayName = "Kbd";
|
|
495
|
+
const Kn = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], Zn = ["auto", "always", "hover", "none"], Qn = { ...N, size: { type: "enum", className: "rt-r-size", values: Kn, responsive: !0 }, ...me, ...$e, ...F, ...H, underline: { type: "enum", className: "rt-underline", values: Zn, default: "auto" }, ...se, ...E }, Yn = e.forwardRef((t, a) => {
|
|
496
|
+
const { children: r, className: n, color: s, asChild: o, ...l } = m(t, Qn);
|
|
497
|
+
return e.createElement(B, { ...l, "data-accent-color": s, ref: a, asChild: !0, className: u("rt-reset", "rt-Link", n) }, o ? r : e.createElement("a", null, r));
|
|
498
|
+
});
|
|
499
|
+
Yn.displayName = "Link";
|
|
500
|
+
const Xn = ["1", "2", "3", "4"], Jn = { ...N, size: { type: "enum", className: "rt-r-size", values: Xn, default: "2", responsive: !0 }, width: w.width, minWidth: w.minWidth, maxWidth: { ...w.maxWidth, default: "480px" }, ...Z }, Ht = (t) => e.createElement(br, { ...t });
|
|
501
|
+
Ht.displayName = "Popover.Root";
|
|
502
|
+
const Ft = e.forwardRef(({ children: t, ...a }, r) => e.createElement(wr, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
503
|
+
Ft.displayName = "Popover.Trigger";
|
|
504
|
+
const Wt = e.forwardRef((t, a) => {
|
|
505
|
+
const { className: r, forceMount: n, container: s, ...o } = m(t, Jn);
|
|
506
|
+
return e.createElement(Cr, { container: s, forceMount: n }, e.createElement(P, { asChild: !0 }, e.createElement($r, { align: "start", sideOffset: 8, collisionPadding: 10, ...o, ref: a, className: u("rt-PopperContent", "rt-PopoverContent", r) })));
|
|
507
|
+
});
|
|
508
|
+
Wt.displayName = "Popover.Content";
|
|
509
|
+
const qt = e.forwardRef(({ children: t, ...a }, r) => e.createElement(yr, { ...a, ref: r, asChild: !0 }, I(t)));
|
|
510
|
+
qt.displayName = "Popover.Close";
|
|
511
|
+
const Kt = e.forwardRef(({ children: t, ...a }, r) => e.createElement(hr, { ...a, ref: r }));
|
|
512
|
+
Kt.displayName = "Popover.Anchor";
|
|
513
|
+
const Bl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
514
514
|
__proto__: null,
|
|
515
|
-
Anchor:
|
|
516
|
-
Close:
|
|
517
|
-
Content:
|
|
518
|
-
Root:
|
|
519
|
-
Trigger:
|
|
520
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
521
|
-
const { className: r, style: n, color: s, radius: o, duration: l, ...c } = m(t,
|
|
522
|
-
return e.createElement(
|
|
523
|
-
});
|
|
524
|
-
|
|
525
|
-
const
|
|
526
|
-
const { asChild: r, className: n, ...s } = m(t,
|
|
515
|
+
Anchor: Kt,
|
|
516
|
+
Close: qt,
|
|
517
|
+
Content: Wt,
|
|
518
|
+
Root: Ht,
|
|
519
|
+
Trigger: Ft
|
|
520
|
+
}, Symbol.toStringTag, { value: "Module" })), Un = ["1", "2", "3"], eo = ["classic", "surface", "soft"], to = { size: { type: "enum", className: "rt-r-size", values: Un, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: eo, default: "surface" }, ...C, ...E, ...M, duration: { type: "string" } }, ao = e.forwardRef((t, a) => {
|
|
521
|
+
const { className: r, style: n, color: s, radius: o, duration: l, ...c } = m(t, to, f);
|
|
522
|
+
return e.createElement(Er, { "data-accent-color": s, "data-radius": o, ref: a, className: u("rt-ProgressRoot", r), style: re({ "--progress-duration": "value" in c ? void 0 : l, "--progress-value": "value" in c ? c.value : void 0, "--progress-max": "max" in c ? c.max : void 0 }, n), ...c, asChild: !1 }, e.createElement(Rr, { className: "rt-ProgressIndicator" }));
|
|
523
|
+
});
|
|
524
|
+
ao.displayName = "Progress";
|
|
525
|
+
const ro = { ...N, ...F, ...H }, so = e.forwardRef((t, a) => {
|
|
526
|
+
const { asChild: r, className: n, ...s } = m(t, ro), o = r ? $ : "q";
|
|
527
527
|
return e.createElement(o, { ...s, ref: a, className: u("rt-Quote", n) });
|
|
528
528
|
});
|
|
529
|
-
|
|
530
|
-
const
|
|
531
|
-
const { __scopeRadioGroup: l, className: c, ...i } = m(s, f), d =
|
|
532
|
-
return e.createElement(
|
|
529
|
+
so.displayName = "Quote";
|
|
530
|
+
const no = ["1", "2", "3"], oo = ["classic", "surface", "soft"], U = { ...N, size: { type: "enum", className: "rt-r-size", values: no, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: oo, default: "surface" }, ...C, ...E }, Zt = "RadioGroup", [lo] = Sr(Zt, [Oe]), Qt = Oe(), [co, Yt] = lo(Zt), Xt = e.forwardRef(({ color: t = U.color.default, highContrast: a = U.highContrast.default, size: r = U.size.default, variant: n = U.variant.default, ...s }, o) => {
|
|
531
|
+
const { __scopeRadioGroup: l, className: c, ...i } = m(s, f), d = Qt(l);
|
|
532
|
+
return e.createElement(co, { scope: l, color: t, highContrast: a, size: r, variant: n }, e.createElement(xr, { ...d, ...i, ref: o, className: u("rt-RadioGroupRoot", c) }));
|
|
533
533
|
});
|
|
534
|
-
|
|
535
|
-
const
|
|
536
|
-
const { __scopeRadioGroup: r, children: n, className: s, style: o, ...l } = t, { size: c } =
|
|
537
|
-
return n ? e.createElement(
|
|
534
|
+
Xt.displayName = "RadioGroup.Root";
|
|
535
|
+
const Jt = e.forwardRef((t, a) => {
|
|
536
|
+
const { __scopeRadioGroup: r, children: n, className: s, style: o, ...l } = t, { size: c } = Yt("RadioGroupItem", r);
|
|
537
|
+
return n ? e.createElement(B, { as: "label", size: c, className: u("rt-RadioGroupItem", s), style: o }, e.createElement(ye, { __scopeRadioGroup: r, ...l, ref: a }), n && e.createElement("span", { className: "rt-RadioGroupItemInner" }, n)) : e.createElement(ye, { __scopeRadioGroup: r, ...l, ref: a, className: s, style: o });
|
|
538
538
|
});
|
|
539
|
-
|
|
539
|
+
Jt.displayName = "RadioGroup.Item";
|
|
540
540
|
const ye = e.forwardRef(({ __scopeRadioGroup: t, ...a }, r) => {
|
|
541
|
-
const n =
|
|
542
|
-
return e.createElement(
|
|
541
|
+
const n = Yt("RadioGroupItemRadio", t), s = Qt(t), { color: o, className: l } = m({ ...a, ...n }, U, f);
|
|
542
|
+
return e.createElement(Tr, { ...s, "data-accent-color": o, ...a, asChild: !1, ref: r, className: u("rt-reset", "rt-BaseRadioRoot", l) });
|
|
543
543
|
});
|
|
544
544
|
ye.displayName = "RadioGroup.ItemRadio";
|
|
545
|
-
const
|
|
545
|
+
const Al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
546
546
|
__proto__: null,
|
|
547
|
-
Item:
|
|
548
|
-
Root:
|
|
549
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
550
|
-
const r = e.useRef(null), { className: n, color: s, onChange: o, onValueChange: l, ...c } = m(t,
|
|
551
|
-
return e.createElement("input", { type: "radio", "data-accent-color": s, ...c, onChange:
|
|
552
|
-
});
|
|
553
|
-
|
|
554
|
-
const
|
|
555
|
-
function
|
|
547
|
+
Item: Jt,
|
|
548
|
+
Root: Xt
|
|
549
|
+
}, Symbol.toStringTag, { value: "Module" })), io = ["1", "2", "3"], uo = ["classic", "surface", "soft"], mo = { size: { type: "enum", className: "rt-r-size", values: io, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: uo, default: "surface" }, ...C, ...E }, po = e.forwardRef((t, a) => {
|
|
550
|
+
const r = e.useRef(null), { className: n, color: s, onChange: o, onValueChange: l, ...c } = m(t, mo, f);
|
|
551
|
+
return e.createElement("input", { type: "radio", "data-accent-color": s, ...c, onChange: Mr(o, (i) => l == null ? void 0 : l(i.currentTarget.value)), ref: Le(r, a), className: u("rt-reset", "rt-BaseRadioRoot", "rt-RadioRoot", n) });
|
|
552
|
+
});
|
|
553
|
+
po.displayName = "Radio";
|
|
554
|
+
const fo = ["1", "2", "3", "4"], go = ["none", "initial"], vo = { ...N, size: { type: "enum", className: "rt-r-size", values: fo, default: "3", responsive: !0 }, display: { type: "enum", className: "rt-r-display", values: go, parseValue: No, responsive: !0 } };
|
|
555
|
+
function No(t) {
|
|
556
556
|
return t === "initial" ? "block" : t;
|
|
557
557
|
}
|
|
558
|
-
const
|
|
559
|
-
const { asChild: r, className: n, ...s } = m(t,
|
|
558
|
+
const ho = e.forwardRef((t, a) => {
|
|
559
|
+
const { asChild: r, className: n, ...s } = m(t, vo, ne, f), o = r ? $ : "section";
|
|
560
560
|
return e.createElement(o, { ...s, ref: a, className: u("rt-Section", n) });
|
|
561
561
|
});
|
|
562
|
-
|
|
563
|
-
const
|
|
562
|
+
ho.displayName = "Section";
|
|
563
|
+
const yo = ["1", "2", "3"], Te = { size: { type: "enum", className: "rt-r-size", values: yo, default: "2", responsive: !0 } }, Co = ["classic", "surface", "soft", "ghost"], $o = { variant: { type: "enum", className: "rt-variant", values: Co, default: "surface" }, ...C, ...M, placeholder: { type: "string" } }, bo = ["solid", "soft"], wo = { variant: { type: "enum", className: "rt-variant", values: bo, default: "solid" }, ...C, ...E }, Me = e.createContext({}), Ut = (t) => {
|
|
564
564
|
const { children: a, size: r = Te.size.default, ...n } = t;
|
|
565
|
-
return e.createElement(
|
|
565
|
+
return e.createElement(Vr, { ...n }, e.createElement(Me.Provider, { value: e.useMemo(() => ({ size: r }), [r]) }, a));
|
|
566
566
|
};
|
|
567
|
-
|
|
568
|
-
const Ut = e.forwardRef((t, a) => {
|
|
569
|
-
const r = e.useContext(Me), { children: n, className: s, color: o, radius: l, placeholder: c, ...i } = m({ size: r == null ? void 0 : r.size, ...t }, { size: Te.size }, No, f);
|
|
570
|
-
return e.createElement(Ar, { asChild: !0 }, e.createElement("button", { "data-accent-color": o, "data-radius": l, ...i, ref: a, className: u("rt-reset", "rt-SelectTrigger", s) }, e.createElement("span", { className: "rt-SelectTriggerInner" }, e.createElement(Dr, { placeholder: c }, n)), e.createElement(Vr, { asChild: !0 }, e.createElement(vt, { className: "rt-SelectIcon" }))));
|
|
571
|
-
});
|
|
572
|
-
Ut.displayName = "Select.Trigger";
|
|
567
|
+
Ut.displayName = "Select.Root";
|
|
573
568
|
const ea = e.forwardRef((t, a) => {
|
|
574
|
-
const r = e.useContext(Me), {
|
|
575
|
-
return e.createElement(
|
|
569
|
+
const r = e.useContext(Me), { children: n, className: s, color: o, radius: l, placeholder: c, ...i } = m({ size: r == null ? void 0 : r.size, ...t }, { size: Te.size }, $o, f);
|
|
570
|
+
return e.createElement(Or, { asChild: !0 }, e.createElement("button", { "data-accent-color": o, "data-radius": l, ...i, ref: a, className: u("rt-reset", "rt-SelectTrigger", s) }, e.createElement("span", { className: "rt-SelectTriggerInner" }, e.createElement(Lr, { placeholder: c }, n)), e.createElement(Gr, { asChild: !0 }, e.createElement(Nt, { className: "rt-SelectIcon" }))));
|
|
576
571
|
});
|
|
577
|
-
ea.displayName = "Select.
|
|
572
|
+
ea.displayName = "Select.Trigger";
|
|
578
573
|
const ta = e.forwardRef((t, a) => {
|
|
574
|
+
const r = e.useContext(Me), { className: n, children: s, color: o, container: l, ...c } = m({ size: r == null ? void 0 : r.size, ...t }, { size: Te.size }, wo), i = tt(), d = o || i.accentColor;
|
|
575
|
+
return e.createElement(Pr, { container: l }, e.createElement(P, { asChild: !0 }, e.createElement(zr, { "data-accent-color": d, sideOffset: 4, ...c, asChild: !1, ref: a, className: u({ "rt-PopperContent": c.position === "popper" }, "rt-SelectContent", n) }, e.createElement(Ae, { type: "auto", className: "rt-ScrollAreaRoot" }, e.createElement(Ir, { asChild: !0, className: "rt-SelectViewport" }, e.createElement(De, { className: "rt-ScrollAreaViewport", style: { overflowY: void 0 } }, s)), e.createElement(Ne, { className: "rt-ScrollAreaScrollbar rt-r-size-1", orientation: "vertical" }, e.createElement(he, { className: "rt-ScrollAreaThumb" }))))));
|
|
576
|
+
});
|
|
577
|
+
ta.displayName = "Select.Content";
|
|
578
|
+
const aa = e.forwardRef((t, a) => {
|
|
579
579
|
const { className: r, children: n, ...s } = t;
|
|
580
|
-
return e.createElement(
|
|
581
|
-
});
|
|
582
|
-
|
|
583
|
-
const
|
|
584
|
-
|
|
585
|
-
const
|
|
586
|
-
|
|
587
|
-
const
|
|
588
|
-
|
|
589
|
-
const
|
|
580
|
+
return e.createElement(_r, { ...s, asChild: !1, ref: a, className: u("rt-SelectItem", r) }, e.createElement(Br, { className: "rt-SelectItemIndicator" }, e.createElement(oe, { className: "rt-SelectItemIndicatorIcon" })), e.createElement(Ar, null, n));
|
|
581
|
+
});
|
|
582
|
+
aa.displayName = "Select.Item";
|
|
583
|
+
const ra = e.forwardRef(({ className: t, ...a }, r) => e.createElement(kr, { ...a, asChild: !1, ref: r, className: u("rt-SelectGroup", t) }));
|
|
584
|
+
ra.displayName = "Select.Group";
|
|
585
|
+
const sa = e.forwardRef(({ className: t, ...a }, r) => e.createElement(Dr, { ...a, asChild: !1, ref: r, className: u("rt-SelectLabel", t) }));
|
|
586
|
+
sa.displayName = "Select.Label";
|
|
587
|
+
const na = e.forwardRef(({ className: t, ...a }, r) => e.createElement(jr, { ...a, asChild: !1, ref: r, className: u("rt-SelectSeparator", t) }));
|
|
588
|
+
na.displayName = "Select.Separator";
|
|
589
|
+
const Dl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
590
590
|
__proto__: null,
|
|
591
|
-
Content:
|
|
592
|
-
Group:
|
|
593
|
-
Item:
|
|
594
|
-
Label:
|
|
595
|
-
Root:
|
|
596
|
-
Separator:
|
|
597
|
-
Trigger:
|
|
598
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
599
|
-
const { className: r, color: n, decorative: s, ...o } = m(t,
|
|
591
|
+
Content: ta,
|
|
592
|
+
Group: ra,
|
|
593
|
+
Item: aa,
|
|
594
|
+
Label: sa,
|
|
595
|
+
Root: Ut,
|
|
596
|
+
Separator: na,
|
|
597
|
+
Trigger: ea
|
|
598
|
+
}, Symbol.toStringTag, { value: "Module" })), Eo = ["horizontal", "vertical"], Ro = ["1", "2", "3", "4"], So = { orientation: { type: "enum", className: "rt-r-orientation", values: Eo, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: Ro, default: "1", responsive: !0 }, color: { ...C.color, default: "gray" }, decorative: { type: "boolean", default: !0 } }, xo = e.forwardRef((t, a) => {
|
|
599
|
+
const { className: r, color: n, decorative: s, ...o } = m(t, So, f);
|
|
600
600
|
return e.createElement("span", { "data-accent-color": n, role: s ? void 0 : "separator", ...o, ref: a, className: u("rt-Separator", r) });
|
|
601
601
|
});
|
|
602
|
-
|
|
603
|
-
const
|
|
604
|
-
const { children: r, className: n, loading: s, ...o } = m(t,
|
|
602
|
+
xo.displayName = "Separator";
|
|
603
|
+
const To = parseFloat(e.version) >= 19 || "", Mo = { loading: { type: "boolean", default: !0 }, ...w, ...Z }, Po = e.forwardRef((t, a) => {
|
|
604
|
+
const { children: r, className: n, loading: s, ...o } = m(t, Mo, f);
|
|
605
605
|
if (!s) return r;
|
|
606
606
|
const l = e.isValidElement(r) ? $ : "span";
|
|
607
|
-
return e.createElement(l, { ref: a, "aria-hidden": !0, className: u("rt-Skeleton", n), "data-inline-skeleton": e.isValidElement(r) ? void 0 : !0, tabIndex: -1, inert:
|
|
607
|
+
return e.createElement(l, { ref: a, "aria-hidden": !0, className: u("rt-Skeleton", n), "data-inline-skeleton": e.isValidElement(r) ? void 0 : !0, tabIndex: -1, inert: To, ...o }, r);
|
|
608
608
|
});
|
|
609
|
-
|
|
610
|
-
const
|
|
611
|
-
const { className: r, color: n, radius: s, tabIndex: o, ...l } = m(t,
|
|
612
|
-
return e.createElement(
|
|
609
|
+
Po.displayName = "Skeleton";
|
|
610
|
+
const zo = ["1", "2", "3"], Io = ["classic", "surface", "soft"], ko = { size: { type: "enum", className: "rt-r-size", values: zo, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Io, default: "surface" }, ...C, ...E, ...M }, _o = e.forwardRef((t, a) => {
|
|
611
|
+
const { className: r, color: n, radius: s, tabIndex: o, ...l } = m(t, ko, f);
|
|
612
|
+
return e.createElement(Ge, { "data-accent-color": n, "data-radius": s, ref: a, ...l, asChild: !1, className: u("rt-SliderRoot", r) }, e.createElement(He, { className: "rt-SliderTrack" }, e.createElement(Fe, { className: u("rt-SliderRange", { "rt-high-contrast": t.highContrast }), "data-inverted": l.inverted ? "" : void 0 })), (l.value ?? l.defaultValue ?? []).map((c, i) => e.createElement(We, { key: i, className: "rt-SliderThumb", ...o !== void 0 ? { tabIndex: o } : void 0 })));
|
|
613
613
|
});
|
|
614
|
-
|
|
615
|
-
const
|
|
616
|
-
const { asChild: r, className: n, ...s } = m(t,
|
|
614
|
+
_o.displayName = "Slider";
|
|
615
|
+
const Bo = { ...N, ...F, ...H }, Ao = e.forwardRef((t, a) => {
|
|
616
|
+
const { asChild: r, className: n, ...s } = m(t, Bo), o = r ? $ : "strong";
|
|
617
617
|
return e.createElement(o, { ...s, ref: a, className: u("rt-Strong", n) });
|
|
618
618
|
});
|
|
619
|
-
|
|
620
|
-
const
|
|
621
|
-
const { className: r, color: n, radius: s, ...o } = m(t,
|
|
622
|
-
return e.createElement(
|
|
619
|
+
Ao.displayName = "Strong";
|
|
620
|
+
const Do = ["1", "2", "3"], Vo = ["classic", "surface", "soft"], jo = { size: { type: "enum", className: "rt-r-size", values: Do, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Vo, default: "surface" }, ...C, ...E, ...M }, Oo = e.forwardRef((t, a) => {
|
|
621
|
+
const { className: r, color: n, radius: s, ...o } = m(t, jo, f);
|
|
622
|
+
return e.createElement(Hr, { "data-accent-color": n, "data-radius": s, ...o, asChild: !1, ref: a, className: u("rt-reset", "rt-SwitchRoot", r) }, e.createElement(Fr, { className: u("rt-SwitchThumb", { "rt-high-contrast": t.highContrast }) }));
|
|
623
623
|
});
|
|
624
|
-
|
|
625
|
-
const
|
|
626
|
-
function
|
|
624
|
+
Oo.displayName = "Switch";
|
|
625
|
+
const Lo = ["1", "2"], Go = ["nowrap", "wrap", "wrap-reverse"], Ho = ["start", "center", "end"], Fo = { size: { type: "enum", className: "rt-r-size", values: Lo, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: Go, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: Ho, responsive: !0 }, ...C, ...E }, Wo = ["1", "2", "3"], qo = ["surface", "ghost"], Ko = ["auto", "fixed"], ve = { size: { type: "enum", className: "rt-r-size", values: Wo, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: qo, default: "ghost" }, layout: { type: "enum", className: "rt-r-tl", values: Ko, responsive: !0 } }, Zo = ["start", "center", "end", "baseline"], Qo = { align: { type: "enum", className: "rt-r-va", values: Zo, parseValue: Yo, responsive: !0 } };
|
|
626
|
+
function Yo(t) {
|
|
627
627
|
return { baseline: "baseline", start: "top", center: "middle", end: "bottom" }[t];
|
|
628
628
|
}
|
|
629
|
-
const
|
|
630
|
-
function
|
|
629
|
+
const Xo = ["start", "center", "end"], Pe = { justify: { type: "enum", className: "rt-r-ta", values: Xo, parseValue: Jo, responsive: !0 }, ...w, ...te };
|
|
630
|
+
function Jo(t) {
|
|
631
631
|
return { start: "left", center: "center", end: "right" }[t];
|
|
632
632
|
}
|
|
633
|
-
const
|
|
634
|
-
const { layout: r, ...n } = ve, { className: s, children: o, layout: l, ...c } = m(t, n, f), i =
|
|
633
|
+
const oa = e.forwardRef((t, a) => {
|
|
634
|
+
const { layout: r, ...n } = ve, { className: s, children: o, layout: l, ...c } = m(t, n, f), i = ae({ value: l, className: ve.layout.className, propValues: ve.layout.values });
|
|
635
635
|
return e.createElement("div", { ref: a, className: u("rt-TableRoot", s), ...c }, e.createElement(de, null, e.createElement("table", { className: u("rt-TableRootTable", i) }, o)));
|
|
636
636
|
});
|
|
637
|
-
|
|
638
|
-
const
|
|
639
|
-
|
|
640
|
-
const
|
|
641
|
-
|
|
642
|
-
const
|
|
643
|
-
const { className: r, ...n } = m(t,
|
|
637
|
+
oa.displayName = "Table.Root";
|
|
638
|
+
const la = e.forwardRef(({ className: t, ...a }, r) => e.createElement("thead", { ...a, ref: r, className: u("rt-TableHeader", t) }));
|
|
639
|
+
la.displayName = "Table.Header";
|
|
640
|
+
const ca = e.forwardRef(({ className: t, ...a }, r) => e.createElement("tbody", { ...a, ref: r, className: u("rt-TableBody", t) }));
|
|
641
|
+
ca.displayName = "Table.Body";
|
|
642
|
+
const ia = e.forwardRef((t, a) => {
|
|
643
|
+
const { className: r, ...n } = m(t, Qo);
|
|
644
644
|
return e.createElement("tr", { ...n, ref: a, className: u("rt-TableRow", r) });
|
|
645
645
|
});
|
|
646
|
-
|
|
647
|
-
const
|
|
646
|
+
ia.displayName = "Table.Row";
|
|
647
|
+
const ua = e.forwardRef((t, a) => {
|
|
648
648
|
const { className: r, ...n } = m(t, Pe);
|
|
649
649
|
return e.createElement("td", { className: u("rt-TableCell", r), ref: a, ...n });
|
|
650
650
|
});
|
|
651
|
-
|
|
652
|
-
const
|
|
651
|
+
ua.displayName = "Table.Cell";
|
|
652
|
+
const ma = e.forwardRef((t, a) => {
|
|
653
653
|
const { className: r, ...n } = m(t, Pe);
|
|
654
654
|
return e.createElement("th", { className: u("rt-TableCell", "rt-TableColumnHeaderCell", r), scope: "col", ref: a, ...n });
|
|
655
655
|
});
|
|
656
|
-
|
|
657
|
-
const
|
|
656
|
+
ma.displayName = "Table.ColumnHeaderCell";
|
|
657
|
+
const da = e.forwardRef((t, a) => {
|
|
658
658
|
const { className: r, ...n } = m(t, Pe);
|
|
659
659
|
return e.createElement("th", { className: u("rt-TableCell", "rt-TableRowHeaderCell", r), scope: "row", ref: a, ...n });
|
|
660
660
|
});
|
|
661
|
-
|
|
662
|
-
const
|
|
661
|
+
da.displayName = "Table.RowHeaderCell";
|
|
662
|
+
const Vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
663
663
|
__proto__: null,
|
|
664
|
-
Body:
|
|
665
|
-
Cell:
|
|
666
|
-
ColumnHeaderCell:
|
|
667
|
-
Header:
|
|
668
|
-
Root:
|
|
669
|
-
Row:
|
|
670
|
-
RowHeaderCell:
|
|
671
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
664
|
+
Body: ca,
|
|
665
|
+
Cell: ua,
|
|
666
|
+
ColumnHeaderCell: ma,
|
|
667
|
+
Header: la,
|
|
668
|
+
Root: oa,
|
|
669
|
+
Row: ia,
|
|
670
|
+
RowHeaderCell: da
|
|
671
|
+
}, Symbol.toStringTag, { value: "Module" })), pa = e.forwardRef((t, a) => {
|
|
672
672
|
const { className: r, ...n } = m(t, f);
|
|
673
|
-
return e.createElement(
|
|
674
|
-
});
|
|
675
|
-
da.displayName = "Tabs.Root";
|
|
676
|
-
const pa = e.forwardRef((t, a) => {
|
|
677
|
-
const { className: r, color: n, ...s } = m(t, Oo, f);
|
|
678
|
-
return e.createElement(Gr, { "data-accent-color": n, ...s, asChild: !1, ref: a, className: u("rt-BaseTabList", "rt-TabsList", r) });
|
|
673
|
+
return e.createElement(Kr, { ...n, ref: a, className: u("rt-TabsRoot", r) });
|
|
679
674
|
});
|
|
680
|
-
pa.displayName = "Tabs.
|
|
675
|
+
pa.displayName = "Tabs.Root";
|
|
681
676
|
const fa = e.forwardRef((t, a) => {
|
|
682
|
-
const { className: r,
|
|
683
|
-
return e.createElement(
|
|
677
|
+
const { className: r, color: n, ...s } = m(t, Fo, f);
|
|
678
|
+
return e.createElement(qr, { "data-accent-color": n, ...s, asChild: !1, ref: a, className: u("rt-BaseTabList", "rt-TabsList", r) });
|
|
684
679
|
});
|
|
685
|
-
fa.displayName = "Tabs.
|
|
680
|
+
fa.displayName = "Tabs.List";
|
|
686
681
|
const ga = e.forwardRef((t, a) => {
|
|
682
|
+
const { className: r, children: n, ...s } = t;
|
|
683
|
+
return e.createElement(Zr, { ...s, asChild: !1, ref: a, className: u("rt-reset", "rt-BaseTabListTrigger", "rt-TabsTrigger", r) }, e.createElement("span", { className: "rt-BaseTabListTriggerInner rt-TabsTriggerInner" }, n), e.createElement("span", { className: "rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden" }, n));
|
|
684
|
+
});
|
|
685
|
+
ga.displayName = "Tabs.Trigger";
|
|
686
|
+
const va = e.forwardRef((t, a) => {
|
|
687
687
|
const { className: r, ...n } = m(t, f);
|
|
688
|
-
return e.createElement(
|
|
688
|
+
return e.createElement(Wr, { ...n, ref: a, className: u("rt-TabsContent", r) });
|
|
689
689
|
});
|
|
690
|
-
|
|
691
|
-
const
|
|
690
|
+
va.displayName = "Tabs.Content";
|
|
691
|
+
const jl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
692
692
|
__proto__: null,
|
|
693
|
-
Content:
|
|
694
|
-
List:
|
|
695
|
-
Root:
|
|
696
|
-
Trigger:
|
|
697
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
698
|
-
const { className: r, color: n, radius: s, style: o, ...l } = m(t,
|
|
693
|
+
Content: va,
|
|
694
|
+
List: fa,
|
|
695
|
+
Root: pa,
|
|
696
|
+
Trigger: ga
|
|
697
|
+
}, Symbol.toStringTag, { value: "Module" })), Uo = ["1", "2", "3"], el = ["classic", "surface", "soft"], tl = ["none", "vertical", "horizontal", "both"], al = { size: { type: "enum", className: "rt-r-size", values: Uo, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: el, default: "surface" }, resize: { type: "enum", className: "rt-r-resize", values: tl, responsive: !0 }, ...C, ...M }, rl = e.forwardRef((t, a) => {
|
|
698
|
+
const { className: r, color: n, radius: s, style: o, ...l } = m(t, al, f);
|
|
699
699
|
return e.createElement("div", { "data-accent-color": n, "data-radius": s, className: u("rt-TextAreaRoot", r), style: o }, e.createElement("textarea", { className: "rt-reset rt-TextAreaInput", ref: a, ...l }));
|
|
700
700
|
});
|
|
701
|
-
|
|
702
|
-
const
|
|
703
|
-
const r = e.useRef(null), { children: n, className: s, color: o, radius: l, style: c, ...i } = m(t,
|
|
701
|
+
rl.displayName = "TextArea";
|
|
702
|
+
const sl = ["1", "2", "3"], nl = ["classic", "surface", "soft"], ol = { size: { type: "enum", className: "rt-r-size", values: sl, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: nl, default: "surface" }, ...C, ...M }, ll = ["left", "right"], cl = { side: { type: "enum", values: ll }, ...C, gap: pt.gap, px: te.px, pl: te.pl, pr: te.pr }, Na = e.forwardRef((t, a) => {
|
|
703
|
+
const r = e.useRef(null), { children: n, className: s, color: o, radius: l, style: c, ...i } = m(t, ol, f);
|
|
704
704
|
return e.createElement("div", { "data-accent-color": o, "data-radius": l, style: c, className: u("rt-TextFieldRoot", s), onPointerDown: (d) => {
|
|
705
705
|
const p = d.target;
|
|
706
706
|
if (p.closest("input, button, a")) return;
|
|
707
707
|
const v = r.current;
|
|
708
708
|
if (!v) return;
|
|
709
|
-
const
|
|
709
|
+
const y = p.closest(`
|
|
710
710
|
.rt-TextFieldSlot[data-side='right'],
|
|
711
711
|
.rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
|
|
712
712
|
`) ? v.value.length : 0;
|
|
713
713
|
requestAnimationFrame(() => {
|
|
714
714
|
try {
|
|
715
|
-
v.setSelectionRange(
|
|
715
|
+
v.setSelectionRange(y, y);
|
|
716
716
|
} catch {
|
|
717
717
|
}
|
|
718
718
|
v.focus();
|
|
719
719
|
});
|
|
720
|
-
} }, e.createElement("input", { spellCheck: "false", ...i, ref:
|
|
720
|
+
} }, e.createElement("input", { spellCheck: "false", ...i, ref: Le(r, a), className: "rt-reset rt-TextFieldInput" }), n);
|
|
721
721
|
});
|
|
722
|
-
|
|
723
|
-
const
|
|
724
|
-
const { className: r, color: n, side: s, ...o } = m(t,
|
|
722
|
+
Na.displayName = "TextField.Root";
|
|
723
|
+
const ha = e.forwardRef((t, a) => {
|
|
724
|
+
const { className: r, color: n, side: s, ...o } = m(t, cl);
|
|
725
725
|
return e.createElement("div", { "data-accent-color": n, "data-side": s, ...o, ref: a, className: u("rt-TextFieldSlot", r) });
|
|
726
726
|
});
|
|
727
|
-
|
|
728
|
-
const
|
|
727
|
+
ha.displayName = "TextField.Slot";
|
|
728
|
+
const Ol = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
729
729
|
__proto__: null,
|
|
730
|
-
Root:
|
|
731
|
-
Slot:
|
|
732
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
733
|
-
const { children: r, className: n, open: s, defaultOpen: o, onOpenChange: l, delayDuration: c, disableHoverableContent: i, content: d, container: p, forceMount: v, ...
|
|
734
|
-
return e.createElement(
|
|
735
|
-
});
|
|
736
|
-
|
|
737
|
-
const
|
|
730
|
+
Root: Na,
|
|
731
|
+
Slot: ha
|
|
732
|
+
}, Symbol.toStringTag, { value: "Module" })), il = { content: { type: "ReactNode", required: !0 }, width: w.width, minWidth: w.minWidth, maxWidth: { ...w.maxWidth, default: "360px" } }, ya = e.forwardRef((t, a) => {
|
|
733
|
+
const { children: r, className: n, open: s, defaultOpen: o, onOpenChange: l, delayDuration: c, disableHoverableContent: i, content: d, container: p, forceMount: v, ...y } = m(t, il), b = { open: s, defaultOpen: o, onOpenChange: l, delayDuration: c, disableHoverableContent: i };
|
|
734
|
+
return e.createElement(qe, { ...b }, e.createElement(Ke, { asChild: !0 }, r), e.createElement(Qr, { container: p, forceMount: v }, e.createElement(P, { asChild: !0 }, e.createElement(Ze, { sideOffset: 4, collisionPadding: 10, ...y, asChild: !1, ref: a, className: u("rt-TooltipContent", n) }, e.createElement(B, { as: "p", className: "rt-TooltipText", size: "1" }, d), e.createElement(Qe, { className: "rt-TooltipArrow" })))));
|
|
735
|
+
});
|
|
736
|
+
ya.displayName = "Tooltip";
|
|
737
|
+
const Ca = ({
|
|
738
738
|
onClick: t,
|
|
739
739
|
className: a,
|
|
740
740
|
children: r,
|
|
741
741
|
variant: n = "ghost",
|
|
742
742
|
color: s = "gray",
|
|
743
743
|
disabled: o,
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
744
|
+
size: l = "1",
|
|
745
|
+
...c
|
|
746
|
+
}) => /* @__PURE__ */ h(
|
|
747
|
+
Gt,
|
|
747
748
|
{
|
|
748
749
|
onClick: t,
|
|
749
750
|
className: u(a),
|
|
750
751
|
variant: n,
|
|
751
752
|
disabled: o,
|
|
752
753
|
color: s,
|
|
753
|
-
|
|
754
|
+
size: l,
|
|
755
|
+
...c,
|
|
754
756
|
children: r
|
|
755
757
|
}
|
|
756
758
|
);
|
|
757
|
-
|
|
758
|
-
const
|
|
759
|
+
Ca.displayName = "IconButton";
|
|
760
|
+
const Ll = ({ children: t, ...a }) => /* @__PURE__ */ h(
|
|
759
761
|
P,
|
|
760
762
|
{
|
|
761
|
-
accentColor: "
|
|
763
|
+
accentColor: "cyan",
|
|
762
764
|
appearance: "dark",
|
|
763
765
|
panelBackground: "solid",
|
|
764
766
|
...a,
|
|
765
767
|
children: t
|
|
766
768
|
}
|
|
767
|
-
),
|
|
768
|
-
sliderRoot:
|
|
769
|
-
sliderTrack:
|
|
770
|
-
sliderRange:
|
|
771
|
-
sliderThumb:
|
|
772
|
-
tooltipContent:
|
|
773
|
-
tooltipArrow:
|
|
774
|
-
sliderContainer:
|
|
775
|
-
},
|
|
776
|
-
const [n, s] =
|
|
769
|
+
), ul = "_sliderRoot_1fv47_23", ml = "_sliderTrack_1fv47_31", dl = "_sliderRange_1fv47_46", pl = "_sliderThumb_1fv47_65", fl = "_tooltipContent_1fv47_85", gl = "_tooltipArrow_1fv47_99", vl = "_sliderContainer_1fv47_114", G = {
|
|
770
|
+
sliderRoot: ul,
|
|
771
|
+
sliderTrack: ml,
|
|
772
|
+
sliderRange: dl,
|
|
773
|
+
sliderThumb: pl,
|
|
774
|
+
tooltipContent: fl,
|
|
775
|
+
tooltipArrow: gl,
|
|
776
|
+
sliderContainer: vl
|
|
777
|
+
}, Gl = ({ onChangeValue: t, volume: a, disabled: r }) => {
|
|
778
|
+
const [n, s] = Ra(!1), o = Sa(), l = W((g) => {
|
|
777
779
|
if (g < 1e-3) return -1 / 0;
|
|
778
780
|
const z = 20 * Math.log10(g);
|
|
779
781
|
return z < -60 ? -60 : z;
|
|
@@ -786,7 +788,7 @@ const jl = ({ children: t, ...a }) => /* @__PURE__ */ y(
|
|
|
786
788
|
o.current = setTimeout(() => {
|
|
787
789
|
s(!1);
|
|
788
790
|
}, 300);
|
|
789
|
-
}, []),
|
|
791
|
+
}, []), y = W(
|
|
790
792
|
(g) => {
|
|
791
793
|
(g.key === "ArrowUp" || g.key === "ArrowDown") && p(), (g.key === "ArrowLeft" || g.key === "ArrowRight") && (g.preventDefault(), g.stopPropagation());
|
|
792
794
|
},
|
|
@@ -796,17 +798,17 @@ const jl = ({ children: t, ...a }) => /* @__PURE__ */ y(
|
|
|
796
798
|
t(g.map(c));
|
|
797
799
|
},
|
|
798
800
|
[t, c]
|
|
799
|
-
),
|
|
800
|
-
() => /* @__PURE__ */
|
|
801
|
+
), S = pe(
|
|
802
|
+
() => /* @__PURE__ */ _(Ea, { children: [
|
|
801
803
|
d ? "-∞ dB" : `${i.toFixed(1)} dB`,
|
|
802
|
-
/* @__PURE__ */
|
|
804
|
+
/* @__PURE__ */ h(Qe, { className: G.tooltipArrow })
|
|
803
805
|
] }),
|
|
804
806
|
[i, d]
|
|
805
807
|
);
|
|
806
|
-
return /* @__PURE__ */
|
|
807
|
-
|
|
808
|
+
return /* @__PURE__ */ h(
|
|
809
|
+
Ge,
|
|
808
810
|
{
|
|
809
|
-
className:
|
|
811
|
+
className: G.sliderRoot,
|
|
810
812
|
min: -60,
|
|
811
813
|
max: 6,
|
|
812
814
|
step: 0.1,
|
|
@@ -815,41 +817,41 @@ const jl = ({ children: t, ...a }) => /* @__PURE__ */ y(
|
|
|
815
817
|
onMouseEnter: p,
|
|
816
818
|
onMouseLeave: v,
|
|
817
819
|
disabled: r,
|
|
818
|
-
children: /* @__PURE__ */
|
|
820
|
+
children: /* @__PURE__ */ _(
|
|
819
821
|
"div",
|
|
820
822
|
{
|
|
821
|
-
className:
|
|
823
|
+
className: G.sliderContainer,
|
|
822
824
|
onMouseEnter: p,
|
|
823
825
|
onMouseLeave: v,
|
|
824
826
|
children: [
|
|
825
|
-
/* @__PURE__ */
|
|
826
|
-
|
|
827
|
+
/* @__PURE__ */ h(
|
|
828
|
+
He,
|
|
827
829
|
{
|
|
828
|
-
className:
|
|
830
|
+
className: G.sliderTrack,
|
|
829
831
|
onMouseEnter: p,
|
|
830
832
|
onMouseLeave: v,
|
|
831
|
-
children: /* @__PURE__ */
|
|
833
|
+
children: /* @__PURE__ */ h(Fe, { className: G.sliderRange })
|
|
832
834
|
}
|
|
833
835
|
),
|
|
834
|
-
/* @__PURE__ */
|
|
835
|
-
/* @__PURE__ */
|
|
836
|
-
|
|
836
|
+
/* @__PURE__ */ h(Be, { delayDuration: 200, children: /* @__PURE__ */ _(qe, { open: n, children: [
|
|
837
|
+
/* @__PURE__ */ h(Ke, { asChild: !0, children: /* @__PURE__ */ h(
|
|
838
|
+
We,
|
|
837
839
|
{
|
|
838
|
-
className:
|
|
840
|
+
className: G.sliderThumb,
|
|
839
841
|
onPointerDown: p,
|
|
840
842
|
onMouseEnter: p,
|
|
841
843
|
onMouseLeave: v,
|
|
842
|
-
onKeyDown:
|
|
844
|
+
onKeyDown: y
|
|
843
845
|
}
|
|
844
846
|
) }),
|
|
845
|
-
/* @__PURE__ */
|
|
846
|
-
|
|
847
|
+
/* @__PURE__ */ h(
|
|
848
|
+
Ze,
|
|
847
849
|
{
|
|
848
|
-
className:
|
|
850
|
+
className: G.tooltipContent,
|
|
849
851
|
side: "bottom",
|
|
850
852
|
align: "center",
|
|
851
853
|
sideOffset: 10,
|
|
852
|
-
children:
|
|
854
|
+
children: S
|
|
853
855
|
}
|
|
854
856
|
)
|
|
855
857
|
] }) })
|
|
@@ -858,30 +860,30 @@ const jl = ({ children: t, ...a }) => /* @__PURE__ */ y(
|
|
|
858
860
|
)
|
|
859
861
|
}
|
|
860
862
|
);
|
|
861
|
-
},
|
|
862
|
-
dropdownMenuContent:
|
|
863
|
-
dropdownMenuSubContent:
|
|
864
|
-
dropdownMenuItem:
|
|
865
|
-
dropdownMenuSeparator:
|
|
866
|
-
rightSlot:
|
|
867
|
-
dropdownMenuSub:
|
|
868
|
-
dropdownMenuSubTrigger:
|
|
869
|
-
dropdownMenuLabel:
|
|
870
|
-
dropdownMenuTrigger:
|
|
871
|
-
},
|
|
863
|
+
}, Nl = "_dropdownMenuContent_1139i_2", hl = "_dropdownMenuSubContent_1139i_2", yl = "_dropdownMenuItem_1139i_11", Cl = "_dropdownMenuSeparator_1139i_29", $l = "_rightSlot_1139i_35", bl = "_dropdownMenuSub_1139i_2", wl = "_dropdownMenuSubTrigger_1139i_51", El = "_dropdownMenuLabel_1139i_78", Rl = "_dropdownMenuTrigger_1139i_86", T = {
|
|
864
|
+
dropdownMenuContent: Nl,
|
|
865
|
+
dropdownMenuSubContent: hl,
|
|
866
|
+
dropdownMenuItem: yl,
|
|
867
|
+
dropdownMenuSeparator: Cl,
|
|
868
|
+
rightSlot: $l,
|
|
869
|
+
dropdownMenuSub: bl,
|
|
870
|
+
dropdownMenuSubTrigger: wl,
|
|
871
|
+
dropdownMenuLabel: El,
|
|
872
|
+
dropdownMenuTrigger: Rl
|
|
873
|
+
}, $a = (t) => {
|
|
872
874
|
var a;
|
|
873
875
|
switch (t.type) {
|
|
874
876
|
case "separator":
|
|
875
|
-
return /* @__PURE__ */
|
|
876
|
-
|
|
877
|
+
return /* @__PURE__ */ h(
|
|
878
|
+
ss,
|
|
877
879
|
{
|
|
878
880
|
className: T.dropdownMenuSeparator
|
|
879
881
|
},
|
|
880
882
|
t.key
|
|
881
883
|
);
|
|
882
884
|
case "label":
|
|
883
|
-
return /* @__PURE__ */
|
|
884
|
-
|
|
885
|
+
return /* @__PURE__ */ h(
|
|
886
|
+
rs,
|
|
885
887
|
{
|
|
886
888
|
className: T.dropdownMenuLabel,
|
|
887
889
|
children: t.label
|
|
@@ -889,35 +891,35 @@ const jl = ({ children: t, ...a }) => /* @__PURE__ */ y(
|
|
|
889
891
|
t.key
|
|
890
892
|
);
|
|
891
893
|
case "sub":
|
|
892
|
-
return /* @__PURE__ */
|
|
893
|
-
/* @__PURE__ */
|
|
894
|
-
|
|
894
|
+
return /* @__PURE__ */ _(es, { className: T.dropdownMenuSub, children: [
|
|
895
|
+
/* @__PURE__ */ _(
|
|
896
|
+
ts,
|
|
895
897
|
{
|
|
896
898
|
className: T.dropdownMenuSubTrigger,
|
|
897
899
|
children: [
|
|
898
900
|
t.label,
|
|
899
|
-
/* @__PURE__ */
|
|
901
|
+
/* @__PURE__ */ h("div", { className: T.rightSlot, children: /* @__PURE__ */ h(ns, {}) })
|
|
900
902
|
]
|
|
901
903
|
}
|
|
902
904
|
),
|
|
903
|
-
/* @__PURE__ */
|
|
904
|
-
|
|
905
|
+
/* @__PURE__ */ h(
|
|
906
|
+
as,
|
|
905
907
|
{
|
|
906
908
|
className: T.dropdownMenuSubContent,
|
|
907
|
-
children: (a = t == null ? void 0 : t.children) == null ? void 0 : a.map((r) =>
|
|
909
|
+
children: (a = t == null ? void 0 : t.children) == null ? void 0 : a.map((r) => $a(r))
|
|
908
910
|
}
|
|
909
911
|
)
|
|
910
912
|
] }, t.key);
|
|
911
913
|
case "item":
|
|
912
|
-
return /* @__PURE__ */
|
|
913
|
-
|
|
914
|
+
return /* @__PURE__ */ _(
|
|
915
|
+
Ur,
|
|
914
916
|
{
|
|
915
917
|
className: T.dropdownMenuItem,
|
|
916
918
|
onSelect: t.onClick,
|
|
917
919
|
disabled: t.disabled,
|
|
918
920
|
children: [
|
|
919
921
|
t.label,
|
|
920
|
-
t.keybinding && /* @__PURE__ */
|
|
922
|
+
t.keybinding && /* @__PURE__ */ h("div", { className: T.rightSlot, children: t.keybinding })
|
|
921
923
|
]
|
|
922
924
|
},
|
|
923
925
|
t.key
|
|
@@ -925,18 +927,18 @@ const jl = ({ children: t, ...a }) => /* @__PURE__ */ y(
|
|
|
925
927
|
default:
|
|
926
928
|
return null;
|
|
927
929
|
}
|
|
928
|
-
},
|
|
929
|
-
({ trigger: t, options: a, className: r, ...n }) => /* @__PURE__ */
|
|
930
|
-
/* @__PURE__ */
|
|
931
|
-
|
|
930
|
+
}, Hl = xa(
|
|
931
|
+
({ trigger: t, options: a, className: r, ...n }) => /* @__PURE__ */ h(mt, { children: /* @__PURE__ */ _(Yr, { children: [
|
|
932
|
+
/* @__PURE__ */ h(
|
|
933
|
+
Xr,
|
|
932
934
|
{
|
|
933
935
|
asChild: !0,
|
|
934
936
|
className: T.dropdownMenuTrigger,
|
|
935
937
|
children: t
|
|
936
938
|
}
|
|
937
939
|
),
|
|
938
|
-
/* @__PURE__ */
|
|
939
|
-
|
|
940
|
+
/* @__PURE__ */ h(
|
|
941
|
+
Jr,
|
|
940
942
|
{
|
|
941
943
|
className: u(T.dropdownMenuContent, r),
|
|
942
944
|
side: n.side,
|
|
@@ -946,55 +948,89 @@ const jl = ({ children: t, ...a }) => /* @__PURE__ */ y(
|
|
|
946
948
|
onCloseAutoFocus: (s) => {
|
|
947
949
|
s.preventDefault();
|
|
948
950
|
},
|
|
949
|
-
children: a == null ? void 0 : a.map((s) =>
|
|
951
|
+
children: a == null ? void 0 : a.map((s) => $a(s))
|
|
950
952
|
}
|
|
951
953
|
)
|
|
952
954
|
] }) })
|
|
955
|
+
), ba = R.forwardRef(
|
|
956
|
+
({ children: t, onClick: a, title: r, className: n, ...s }, o) => /* @__PURE__ */ h(
|
|
957
|
+
Ca,
|
|
958
|
+
{
|
|
959
|
+
ref: o,
|
|
960
|
+
variant: "ghost",
|
|
961
|
+
className: n,
|
|
962
|
+
...s,
|
|
963
|
+
onClick: a,
|
|
964
|
+
children: r ? /* @__PURE__ */ h(ya, { content: r, children: t }) : t
|
|
965
|
+
}
|
|
966
|
+
)
|
|
967
|
+
);
|
|
968
|
+
ba.displayName = "HeaderPanel.Button";
|
|
969
|
+
const ze = R.forwardRef(
|
|
970
|
+
({ title: t, children: a, className: r, ...n }, s) => /* @__PURE__ */ _(
|
|
971
|
+
K,
|
|
972
|
+
{
|
|
973
|
+
ref: s,
|
|
974
|
+
gap: "4",
|
|
975
|
+
align: "center",
|
|
976
|
+
justify: "between",
|
|
977
|
+
className: r,
|
|
978
|
+
...n,
|
|
979
|
+
children: [
|
|
980
|
+
/* @__PURE__ */ h(B, { size: "4", weight: "bold", children: t }),
|
|
981
|
+
/* @__PURE__ */ h(K, { gap: "3", children: a })
|
|
982
|
+
]
|
|
983
|
+
}
|
|
984
|
+
)
|
|
953
985
|
);
|
|
986
|
+
ze.displayName = "HeaderPanel";
|
|
987
|
+
ze.Button = ba;
|
|
988
|
+
const Fl = ze;
|
|
954
989
|
export {
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
990
|
+
Pl as AlertDialog,
|
|
991
|
+
zl as AspectRatio,
|
|
992
|
+
Ss as Avatar,
|
|
993
|
+
Ps as Badge,
|
|
994
|
+
zs as Blockquote,
|
|
995
|
+
mt as Box,
|
|
996
|
+
Js as Button,
|
|
997
|
+
an as Card,
|
|
998
|
+
vn as Checkbox,
|
|
999
|
+
Cn as Code,
|
|
1000
|
+
xn as Container,
|
|
1001
|
+
Il as ContextMenu,
|
|
1002
|
+
kl as Dialog,
|
|
1003
|
+
Hl as DropdownMenu,
|
|
1004
|
+
Dn as Em,
|
|
1005
|
+
K as Flex,
|
|
1006
|
+
gn as Grid,
|
|
1007
|
+
Fl as HeaderPanel,
|
|
972
1008
|
we as Heading,
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
1009
|
+
Gl as HorizontalVolume,
|
|
1010
|
+
_l as HoverCard,
|
|
1011
|
+
Ca as IconButton,
|
|
1012
|
+
Hn as Inset,
|
|
1013
|
+
qn as Kbd,
|
|
1014
|
+
Yn as Link,
|
|
1015
|
+
Bl as Popover,
|
|
1016
|
+
ao as Progress,
|
|
1017
|
+
so as Quote,
|
|
1018
|
+
po as Radio,
|
|
1019
|
+
Al as RadioGroup,
|
|
984
1020
|
de as ScrollArea,
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1021
|
+
ho as Section,
|
|
1022
|
+
Dl as Select,
|
|
1023
|
+
xo as Separator,
|
|
1024
|
+
Po as Skeleton,
|
|
1025
|
+
_o as Slider,
|
|
1026
|
+
ft as Spinner,
|
|
1027
|
+
Ao as Strong,
|
|
1028
|
+
Oo as Switch,
|
|
1029
|
+
Vl as Table,
|
|
1030
|
+
jl as Tabs,
|
|
1031
|
+
B as Text,
|
|
1032
|
+
rl as TextArea,
|
|
1033
|
+
Ol as TextField,
|
|
1034
|
+
Ll as Theme,
|
|
1035
|
+
ya as Tooltip
|
|
1000
1036
|
};
|