@goliapkg/gds 1.6.1 → 2.0.0
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/{gesture-irjS0hVM.js → gesture-I79dlTuS.js} +1 -1
- package/dist/{gesture-irjS0hVM.js.map → gesture-I79dlTuS.js.map} +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +26 -26
- package/dist/l0-tokens/color-derive.d.ts +4 -0
- package/dist/l0-tokens/color-derive.d.ts.map +1 -1
- package/dist/l0-tokens/index.js +1 -1
- package/dist/l0-tokens/motion-system.d.ts +1 -0
- package/dist/l0-tokens/motion-system.d.ts.map +1 -1
- package/dist/l0-tokens/shadow-system.d.ts.map +1 -1
- package/dist/l1-systems/index.d.ts +2 -2
- package/dist/l1-systems/index.d.ts.map +1 -1
- package/dist/l1-systems/index.js +9 -9
- package/dist/l1-systems/theme.d.ts +28 -0
- package/dist/l1-systems/theme.d.ts.map +1 -1
- package/dist/l2-primitives/focus-ring.d.ts +9 -3
- package/dist/l2-primitives/focus-ring.d.ts.map +1 -1
- package/dist/l2-primitives/glow-effect.d.ts +8 -2
- package/dist/l2-primitives/glow-effect.d.ts.map +1 -1
- package/dist/l2-primitives/gradient-border.d.ts +8 -2
- package/dist/l2-primitives/gradient-border.d.ts.map +1 -1
- package/dist/l2-primitives/index.js +2 -2
- package/dist/l2-primitives/input.d.ts +16 -0
- package/dist/l2-primitives/input.d.ts.map +1 -1
- package/dist/l2-primitives/loading.d.ts +21 -6
- package/dist/l2-primitives/loading.d.ts.map +1 -1
- package/dist/l2-primitives/truncate.d.ts +8 -2
- package/dist/l2-primitives/truncate.d.ts.map +1 -1
- package/dist/{l2-primitives-Le0006ck.js → l2-primitives-DdQHMJRE.js} +57 -40
- package/dist/l2-primitives-DdQHMJRE.js.map +1 -0
- package/dist/l3-atoms/glow-dot.d.ts +4 -0
- package/dist/l3-atoms/glow-dot.d.ts.map +1 -1
- package/dist/l3-atoms/index.js +6 -6
- package/dist/{l3-atoms-LtIFAn9Y.js → l3-atoms-BGwlQvjl.js} +152 -189
- package/dist/l3-atoms-BGwlQvjl.js.map +1 -0
- package/dist/l4-molecules/accordion.d.ts.map +1 -1
- package/dist/l4-molecules/card.d.ts +9 -6
- package/dist/l4-molecules/card.d.ts.map +1 -1
- package/dist/l4-molecules/combobox-list.d.ts +4 -1
- package/dist/l4-molecules/combobox-list.d.ts.map +1 -1
- package/dist/l4-molecules/combobox.d.ts +5 -0
- package/dist/l4-molecules/combobox.d.ts.map +1 -1
- package/dist/l4-molecules/email-composer-field.d.ts +38 -0
- package/dist/l4-molecules/email-composer-field.d.ts.map +1 -0
- package/dist/l4-molecules/index.d.ts +6 -0
- package/dist/l4-molecules/index.d.ts.map +1 -1
- package/dist/l4-molecules/index.js +4 -4
- package/dist/l4-molecules/tab-group.d.ts +5 -1
- package/dist/l4-molecules/tab-group.d.ts.map +1 -1
- package/dist/l4-molecules/tabs.d.ts +4 -1
- package/dist/l4-molecules/tabs.d.ts.map +1 -1
- package/dist/l4-molecules/toast-provider.d.ts +10 -0
- package/dist/l4-molecules/toast-provider.d.ts.map +1 -0
- package/dist/l4-molecules/toast-store.d.ts +42 -0
- package/dist/l4-molecules/toast-store.d.ts.map +1 -0
- package/dist/{l4-molecules-Bnt38HxY.js → l4-molecules-HRbUopGS.js} +1400 -1211
- package/dist/l4-molecules-HRbUopGS.js.map +1 -0
- package/dist/l5-organisms/command-palette-list.d.ts +3 -1
- package/dist/l5-organisms/command-palette-list.d.ts.map +1 -1
- package/dist/l5-organisms/command-palette.d.ts +10 -1
- package/dist/l5-organisms/command-palette.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table-toolbar.d.ts +4 -1
- package/dist/l5-organisms/data-table/data-table-toolbar.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table-types.d.ts +7 -1
- package/dist/l5-organisms/data-table/data-table-types.d.ts.map +1 -1
- package/dist/l5-organisms/data-table/data-table.d.ts.map +1 -1
- package/dist/l5-organisms/email-composer.d.ts +118 -0
- package/dist/l5-organisms/email-composer.d.ts.map +1 -0
- package/dist/l5-organisms/email-thread.d.ts +85 -0
- package/dist/l5-organisms/email-thread.d.ts.map +1 -0
- package/dist/l5-organisms/index.d.ts +6 -0
- package/dist/l5-organisms/index.d.ts.map +1 -1
- package/dist/l5-organisms/index.js +2 -2
- package/dist/l5-organisms/markdown-preview.d.ts +6 -0
- package/dist/l5-organisms/markdown-preview.d.ts.map +1 -1
- package/dist/l5-organisms/rich-text-editor.d.ts +56 -0
- package/dist/l5-organisms/rich-text-editor.d.ts.map +1 -0
- package/dist/{l5-organisms-C7LXv0jT.js → l5-organisms-BA62NsFK.js} +2474 -1269
- package/dist/l5-organisms-BA62NsFK.js.map +1 -0
- package/dist/l6-charts/index.js +1 -1
- package/dist/{l6-charts-DPMj1m0E.js → l6-charts-DzRRfX8J.js} +1 -1
- package/dist/{l6-charts-DPMj1m0E.js.map → l6-charts-DzRRfX8J.js.map} +1 -1
- package/dist/l7-patterns/admin-layout.d.ts +6 -0
- package/dist/l7-patterns/admin-layout.d.ts.map +1 -1
- package/dist/l7-patterns/app-shell.d.ts +44 -0
- package/dist/l7-patterns/app-shell.d.ts.map +1 -0
- package/dist/l7-patterns/inbox-layout.d.ts +50 -3
- package/dist/l7-patterns/inbox-layout.d.ts.map +1 -1
- package/dist/l7-patterns/index.d.ts +6 -2
- package/dist/l7-patterns/index.d.ts.map +1 -1
- package/dist/l7-patterns/index.js +2 -2
- package/dist/l7-patterns/panel-group.d.ts +42 -0
- package/dist/l7-patterns/panel-group.d.ts.map +1 -0
- package/dist/l7-patterns/settings-layout.d.ts +6 -1
- package/dist/l7-patterns/settings-layout.d.ts.map +1 -1
- package/dist/l7-patterns/sidebar.d.ts +14 -0
- package/dist/l7-patterns/sidebar.d.ts.map +1 -1
- package/dist/{l7-patterns-8fc4b3eE.js → l7-patterns-Dn7X2pQC.js} +847 -544
- package/dist/l7-patterns-Dn7X2pQC.js.map +1 -0
- package/dist/loading-dots-Dz79qOGY.js +62 -0
- package/dist/loading-dots-Dz79qOGY.js.map +1 -0
- package/dist/sanitize-BF45M9xp.js +33 -0
- package/dist/sanitize-BF45M9xp.js.map +1 -0
- package/dist/{scales-C80FTPsL.js → scales-DlVrSOA2.js} +103 -96
- package/dist/scales-DlVrSOA2.js.map +1 -0
- package/dist/spinner-DyrwL4JQ.js +201 -0
- package/dist/spinner-DyrwL4JQ.js.map +1 -0
- package/dist/stepper-DKJuH1ws.js +199 -0
- package/dist/stepper-DKJuH1ws.js.map +1 -0
- package/dist/theme.css +1 -0
- package/dist/toast-DTuqMdrj.js +614 -0
- package/dist/toast-DTuqMdrj.js.map +1 -0
- package/dist/tokens.css +5 -0
- package/dist/{use-theme-C0aWVw70.js → use-theme-BI1t0nvJ.js} +59 -34
- package/dist/use-theme-BI1t0nvJ.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +3 -2
- package/dist/utils/sanitize.d.ts +7 -0
- package/dist/utils/sanitize.d.ts.map +1 -0
- package/dist/utils/tiptap.d.ts +12 -0
- package/dist/utils/tiptap.d.ts.map +1 -0
- package/package.json +42 -3
- package/dist/l2-primitives-Le0006ck.js.map +0 -1
- package/dist/l3-atoms-LtIFAn9Y.js.map +0 -1
- package/dist/l4-molecules-Bnt38HxY.js.map +0 -1
- package/dist/l5-organisms-C7LXv0jT.js.map +0 -1
- package/dist/l7-patterns-8fc4b3eE.js.map +0 -1
- package/dist/loading-dots-fB4X_Zh0.js +0 -24
- package/dist/loading-dots-fB4X_Zh0.js.map +0 -1
- package/dist/scales-C80FTPsL.js.map +0 -1
- package/dist/spinner-N7UNjdsQ.js +0 -144
- package/dist/spinner-N7UNjdsQ.js.map +0 -1
- package/dist/stepper-DWJfv7TA.js +0 -140
- package/dist/stepper-DWJfv7TA.js.map +0 -1
- package/dist/toast-DN5xANLM.js +0 -442
- package/dist/toast-DN5xANLM.js.map +0 -1
- package/dist/use-theme-C0aWVw70.js.map +0 -1
|
@@ -8,7 +8,8 @@ import { t as l } from "./avatar-l3SaMCmU.js";
|
|
|
8
8
|
import { n as u } from "./resize-handle-ilSc7QRM.js";
|
|
9
9
|
import { t as d } from "./switch-DC85Os9r.js";
|
|
10
10
|
import { r as f } from "./dom-17XgfxMq.js";
|
|
11
|
-
import {
|
|
11
|
+
import { n as p } from "./loading-dots-Dz79qOGY.js";
|
|
12
|
+
import { Children as ee, forwardRef as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
|
|
12
13
|
import { jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
13
14
|
//#region src/l3-atoms/animated-border.tsx
|
|
14
15
|
var S = {
|
|
@@ -16,7 +17,7 @@ var S = {
|
|
|
16
17
|
gradient: "border-0 bg-gradient-to-r from-accent via-success to-accent bg-[length:200%_100%] animate-[gradient-shift_3s_ease_infinite] p-[2px]",
|
|
17
18
|
pulse: "border-2 border-accent animate-[border-pulse_2s_ease-in-out_infinite]"
|
|
18
19
|
};
|
|
19
|
-
function
|
|
20
|
+
function C({ children: t, className: n, variant: r = "gradient" }) {
|
|
20
21
|
return r === "gradient" ? /* @__PURE__ */ b("div", {
|
|
21
22
|
className: e("rounded-lg", S.gradient, n),
|
|
22
23
|
"data-component": "animated-border",
|
|
@@ -32,7 +33,7 @@ function ee({ children: t, className: n, variant: r = "gradient" }) {
|
|
|
32
33
|
}
|
|
33
34
|
//#endregion
|
|
34
35
|
//#region src/l3-atoms/animated-counter.tsx
|
|
35
|
-
var
|
|
36
|
+
var w = (e) => Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void 0, { maximumFractionDigits: 2 }), T = m(function({ className: t, duration: n = 500, format: r = w, prefix: i, suffix: a, value: o, ...s }, c) {
|
|
36
37
|
let [l, u] = y(o), d = v(o), f = v(0);
|
|
37
38
|
return g(() => {
|
|
38
39
|
let e = d.current, t = o;
|
|
@@ -56,13 +57,13 @@ var C = (e) => Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void
|
|
|
56
57
|
});
|
|
57
58
|
//#endregion
|
|
58
59
|
//#region src/l3-atoms/animated-number.tsx
|
|
59
|
-
function
|
|
60
|
+
function te(e) {
|
|
60
61
|
return e.toLocaleString();
|
|
61
62
|
}
|
|
62
|
-
function
|
|
63
|
+
function ne(e) {
|
|
63
64
|
return 1 - (1 - e) ** 3;
|
|
64
65
|
}
|
|
65
|
-
var
|
|
66
|
+
var re = m(function({ value: t, duration: n = 500, format: r = te, className: i }, a) {
|
|
66
67
|
let [o, s] = y(t), c = v(t);
|
|
67
68
|
return g(() => {
|
|
68
69
|
let e = c.current;
|
|
@@ -73,7 +74,7 @@ var ne = m(function({ value: t, duration: n = 500, format: r = T, className: i }
|
|
|
73
74
|
let r = performance.now(), i;
|
|
74
75
|
function a(o) {
|
|
75
76
|
let c = o - r, l = Math.min(c / n, 1);
|
|
76
|
-
s(e + (t - e) *
|
|
77
|
+
s(e + (t - e) * ne(l)), l < 1 && (i = requestAnimationFrame(a));
|
|
77
78
|
}
|
|
78
79
|
return i = requestAnimationFrame(a), () => cancelAnimationFrame(i);
|
|
79
80
|
}, [t, n]), /* @__PURE__ */ b("span", {
|
|
@@ -82,7 +83,7 @@ var ne = m(function({ value: t, duration: n = 500, format: r = T, className: i }
|
|
|
82
83
|
"data-component": "animated-number",
|
|
83
84
|
children: r(o)
|
|
84
85
|
});
|
|
85
|
-
}),
|
|
86
|
+
}), ie = m(function({ count: t, maxCount: n = 99, className: r, ...i }, o) {
|
|
86
87
|
let s = t !== void 0 && t > 0;
|
|
87
88
|
return /* @__PURE__ */ x("span", {
|
|
88
89
|
className: e("relative inline-flex", r),
|
|
@@ -97,7 +98,7 @@ var ne = m(function({ value: t, duration: n = 500, format: r = T, className: i }
|
|
|
97
98
|
});
|
|
98
99
|
//#endregion
|
|
99
100
|
//#region src/l3-atoms/barcode.tsx
|
|
100
|
-
function
|
|
101
|
+
function ae(e) {
|
|
101
102
|
let t = [];
|
|
102
103
|
t.push(3, 1, 1, 1, 3, 1);
|
|
103
104
|
for (let n = 0; n < e.length; n++) {
|
|
@@ -106,8 +107,8 @@ function ie(e) {
|
|
|
106
107
|
}
|
|
107
108
|
return t.push(3, 1, 1, 1, 3), t;
|
|
108
109
|
}
|
|
109
|
-
var
|
|
110
|
-
let c = _(() =>
|
|
110
|
+
var oe = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !0, color: a = "currentColor", className: o }, s) {
|
|
111
|
+
let c = _(() => ae(t), [t]), l = c.reduce((e, t) => e + t, 0), u = i ? r - 16 : r, d = n / l, f = 0, p = [];
|
|
111
112
|
for (let e = 0; e < c.length; e++) {
|
|
112
113
|
let t = c[e] * d;
|
|
113
114
|
e % 2 == 0 && p.push({
|
|
@@ -142,23 +143,23 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
142
143
|
children: t
|
|
143
144
|
})]
|
|
144
145
|
});
|
|
145
|
-
}),
|
|
146
|
+
}), se = {
|
|
146
147
|
default: "animate-pulse",
|
|
147
148
|
fast: "animate-pulse [animation-duration:0.5s]",
|
|
148
149
|
slow: "animate-pulse [animation-duration:3s]"
|
|
149
|
-
},
|
|
150
|
+
}, ce = m(function({ active: t = !0, children: n, className: r, speed: i = "default", ...a }, o) {
|
|
150
151
|
return /* @__PURE__ */ b("span", {
|
|
151
|
-
className: e(t &&
|
|
152
|
+
className: e(t && se[i], r),
|
|
152
153
|
"data-component": "blinking",
|
|
153
154
|
ref: o,
|
|
154
155
|
...a,
|
|
155
156
|
children: n
|
|
156
157
|
});
|
|
157
|
-
}),
|
|
158
|
+
}), le = {
|
|
158
159
|
default: "h-2 w-2",
|
|
159
160
|
lg: "h-3 w-3",
|
|
160
161
|
sm: "h-1.5 w-1.5"
|
|
161
|
-
},
|
|
162
|
+
}, ue = m(function({ className: t, color: n, count: r = 3, size: i = "default", ...a }, o) {
|
|
162
163
|
let s = Array.from({ length: r }, (e, t) => t);
|
|
163
164
|
return /* @__PURE__ */ b("div", {
|
|
164
165
|
className: e("inline-flex items-center gap-1", t),
|
|
@@ -167,14 +168,14 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
167
168
|
role: "status",
|
|
168
169
|
...a,
|
|
169
170
|
children: s.map((t) => /* @__PURE__ */ b("span", {
|
|
170
|
-
className: e("animate-[bounce-dot_1.4s_ease-in-out_infinite] rounded-full bg-fg-muted",
|
|
171
|
+
className: e("animate-[bounce-dot_1.4s_ease-in-out_infinite] rounded-full bg-fg-muted", le[i]),
|
|
171
172
|
style: {
|
|
172
173
|
animationDelay: `${t * 160}ms`,
|
|
173
174
|
...n === void 0 ? {} : { backgroundColor: n }
|
|
174
175
|
}
|
|
175
176
|
}, t))
|
|
176
177
|
});
|
|
177
|
-
}),
|
|
178
|
+
}), de = m(function({ className: t, disabled: n = !1, onChange: r, options: i, selectAll: a = !1, value: o, ...s }, c) {
|
|
178
179
|
let l = i.length > 0 && i.every((e) => o.includes(e.value)), d = (e, t) => {
|
|
179
180
|
r(t ? [...o, e] : o.filter((t) => t !== e));
|
|
180
181
|
}, f = (e) => {
|
|
@@ -205,7 +206,7 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
205
206
|
lg: "h-14 w-14",
|
|
206
207
|
sm: "h-7 w-7"
|
|
207
208
|
} }
|
|
208
|
-
}),
|
|
209
|
+
}), fe = m(function({ className: t, color: n, copyable: r = !1, label: a, size: o, ...s }, c) {
|
|
209
210
|
let [l, u] = y(!1), d = v(null), f = h(async () => {
|
|
210
211
|
r && (await navigator.clipboard.writeText(n), u(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => {
|
|
211
212
|
u(!1), d.current = null;
|
|
@@ -237,7 +238,7 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
237
238
|
})
|
|
238
239
|
]
|
|
239
240
|
});
|
|
240
|
-
}),
|
|
241
|
+
}), pe = m(function({ text: t, label: n = "Copy", copiedLabel: i = "Copied!", variant: a = "default", size: o = "default", className: s }, c) {
|
|
241
242
|
let [l, u] = y(!1), d = v(null);
|
|
242
243
|
g(() => () => {
|
|
243
244
|
d.current !== null && clearTimeout(d.current);
|
|
@@ -277,14 +278,14 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
277
278
|
}),
|
|
278
279
|
children: l ? i : n
|
|
279
280
|
});
|
|
280
|
-
}),
|
|
281
|
+
}), me = {
|
|
281
282
|
accent: "bg-accent text-accent-fg",
|
|
282
283
|
danger: "bg-danger text-white",
|
|
283
284
|
success: "bg-success text-white"
|
|
284
|
-
},
|
|
285
|
+
}, he = m(function({ className: t, count: n, max: r = 99, variant: i = "danger", ...a }, o) {
|
|
285
286
|
let s = n > r ? `${r}+` : String(n);
|
|
286
287
|
return /* @__PURE__ */ b("span", {
|
|
287
|
-
className: e("inline-flex min-w-5 select-none items-center justify-center rounded-full px-1.5 py-0.5 text-[10px] font-bold leading-none",
|
|
288
|
+
className: e("inline-flex min-w-5 select-none items-center justify-center rounded-full px-1.5 py-0.5 text-[10px] font-bold leading-none", me[i], t),
|
|
288
289
|
"data-component": "count-badge",
|
|
289
290
|
"data-variant": i,
|
|
290
291
|
ref: o,
|
|
@@ -294,17 +295,17 @@ var ae = m(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
294
295
|
});
|
|
295
296
|
//#endregion
|
|
296
297
|
//#region src/l3-atoms/count-up.tsx
|
|
297
|
-
function
|
|
298
|
+
function ge(e, t, n) {
|
|
298
299
|
let r = e.toFixed(t);
|
|
299
300
|
if (n === "") return r;
|
|
300
301
|
let [i, a] = r.split("."), o = i.replace(/\B(?=(\d{3})+(?!\d))/g, n);
|
|
301
302
|
return a === void 0 ? o : `${o}.${a}`;
|
|
302
303
|
}
|
|
303
|
-
function
|
|
304
|
+
function D(e) {
|
|
304
305
|
let t = e - 1;
|
|
305
306
|
return t * t * t + 1;
|
|
306
307
|
}
|
|
307
|
-
var
|
|
308
|
+
var O = m(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i, suffix: a, separator: o = ",", className: s }, c) {
|
|
308
309
|
let [l, u] = y(0);
|
|
309
310
|
return g(() => {
|
|
310
311
|
if (n <= 0) {
|
|
@@ -314,7 +315,7 @@ var _e = m(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i,
|
|
|
314
315
|
let e = performance.now(), r;
|
|
315
316
|
function i(a) {
|
|
316
317
|
let o = a - e, s = Math.min(o / n, 1);
|
|
317
|
-
u(
|
|
318
|
+
u(D(s) * t), s < 1 && (r = requestAnimationFrame(i));
|
|
318
319
|
}
|
|
319
320
|
return r = requestAnimationFrame(i), () => cancelAnimationFrame(r);
|
|
320
321
|
}, [t, n]), /* @__PURE__ */ x("span", {
|
|
@@ -323,14 +324,14 @@ var _e = m(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i,
|
|
|
323
324
|
"data-component": "count-up",
|
|
324
325
|
children: [
|
|
325
326
|
i ?? "",
|
|
326
|
-
|
|
327
|
+
ge(l, r, o),
|
|
327
328
|
a ?? ""
|
|
328
329
|
]
|
|
329
330
|
});
|
|
330
331
|
});
|
|
331
332
|
//#endregion
|
|
332
333
|
//#region src/l3-atoms/countdown.tsx
|
|
333
|
-
function
|
|
334
|
+
function k(e) {
|
|
334
335
|
let t = Math.max(0, e - Date.now()), n = Math.floor(t / 1e3 % 60), r = Math.floor(t / 1e3 / 60 % 60), i = Math.floor(t / 1e3 / 60 / 60 % 24);
|
|
335
336
|
return {
|
|
336
337
|
days: Math.floor(t / 1e3 / 60 / 60 / 24),
|
|
@@ -340,15 +341,15 @@ function D(e) {
|
|
|
340
341
|
total: t
|
|
341
342
|
};
|
|
342
343
|
}
|
|
343
|
-
function
|
|
344
|
+
function A(e) {
|
|
344
345
|
return e.toString().padStart(2, "0");
|
|
345
346
|
}
|
|
346
|
-
var
|
|
347
|
-
let s = new Date(t).getTime(), [c, l] = y(() =>
|
|
347
|
+
var j = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds: i = !0, className: a }, o) {
|
|
348
|
+
let s = new Date(t).getTime(), [c, l] = y(() => k(s));
|
|
348
349
|
g(() => {
|
|
349
350
|
if (c.total <= 0) return;
|
|
350
351
|
let e = setInterval(() => {
|
|
351
|
-
let t =
|
|
352
|
+
let t = k(s);
|
|
352
353
|
l(t), t.total <= 0 && (clearInterval(e), n !== void 0 && n());
|
|
353
354
|
}, 1e3);
|
|
354
355
|
return () => clearInterval(e);
|
|
@@ -360,16 +361,16 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
360
361
|
let u = [];
|
|
361
362
|
return r && u.push({
|
|
362
363
|
label: "D",
|
|
363
|
-
value:
|
|
364
|
+
value: A(c.days)
|
|
364
365
|
}), u.push({
|
|
365
366
|
label: "H",
|
|
366
|
-
value:
|
|
367
|
+
value: A(c.hours)
|
|
367
368
|
}), u.push({
|
|
368
369
|
label: "M",
|
|
369
|
-
value:
|
|
370
|
+
value: A(c.minutes)
|
|
370
371
|
}), i && u.push({
|
|
371
372
|
label: "S",
|
|
372
|
-
value:
|
|
373
|
+
value: A(c.seconds)
|
|
373
374
|
}), /* @__PURE__ */ b("div", {
|
|
374
375
|
ref: o,
|
|
375
376
|
className: e("inline-flex items-center gap-1", a),
|
|
@@ -387,23 +388,23 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
387
388
|
})]
|
|
388
389
|
}, e.label))
|
|
389
390
|
});
|
|
390
|
-
}),
|
|
391
|
+
}), M = n("inline-flex select-none items-center justify-center rounded-full text-[10px] font-bold text-accent-fg min-w-[18px] h-[18px] px-1", {
|
|
391
392
|
defaultVariants: { variant: "default" },
|
|
392
393
|
variants: { variant: {
|
|
393
394
|
danger: "bg-danger animate-pulse",
|
|
394
395
|
default: "bg-accent"
|
|
395
396
|
} }
|
|
396
|
-
}),
|
|
397
|
+
}), N = m(function({ className: t, count: n, max: r = 99, variant: i, ...a }, o) {
|
|
397
398
|
if (n <= 0) return null;
|
|
398
399
|
let s = n > r ? `${r}+` : String(n);
|
|
399
400
|
return /* @__PURE__ */ b("span", {
|
|
400
|
-
className: e(
|
|
401
|
+
className: e(M({ variant: i }), t),
|
|
401
402
|
"data-component": "countdown-badge",
|
|
402
403
|
ref: o,
|
|
403
404
|
...a,
|
|
404
405
|
children: s
|
|
405
406
|
});
|
|
406
|
-
}),
|
|
407
|
+
}), P = m(function({ children: t, className: n, offset: r, smooth: i = !0, ...a }, o) {
|
|
407
408
|
let s = v(null), [c, l] = y({
|
|
408
409
|
x: 0,
|
|
409
410
|
y: 0
|
|
@@ -429,7 +430,7 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
429
430
|
children: t
|
|
430
431
|
})
|
|
431
432
|
});
|
|
432
|
-
}),
|
|
433
|
+
}), F = m(function({ className: t, inverted: n = !1, unit: r, value: i, ...a }, o) {
|
|
433
434
|
let s = i > 0, c = i < 0, l = (n ? c : s) ? "text-success" : (n ? s : c) ? "text-danger" : "text-fg-muted", u = `${s ? "↑" : c ? "↓" : ""}${s ? "+" : ""}${i}${r === void 0 ? "" : r}`;
|
|
434
435
|
return /* @__PURE__ */ b("span", {
|
|
435
436
|
className: e("inline-flex items-center gap-0.5 text-sm font-medium tabular-nums", l, t),
|
|
@@ -439,22 +440,22 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
439
440
|
...a,
|
|
440
441
|
children: u
|
|
441
442
|
});
|
|
442
|
-
}),
|
|
443
|
+
}), I = {
|
|
443
444
|
accent: "bg-accent shadow-[0_0_6px_var(--color-accent)]",
|
|
444
445
|
success: "bg-success shadow-[0_0_6px_var(--color-success)]",
|
|
445
446
|
warning: "bg-warning shadow-[0_0_6px_var(--color-warning)]",
|
|
446
447
|
danger: "bg-danger shadow-[0_0_6px_var(--color-danger)]"
|
|
447
|
-
},
|
|
448
|
+
}, L = {
|
|
448
449
|
sm: "h-1.5 w-1.5",
|
|
449
450
|
default: "h-2.5 w-2.5",
|
|
450
451
|
lg: "h-3.5 w-3.5"
|
|
451
|
-
},
|
|
452
|
+
}, _e = m(function({ color: t = "accent", pulse: n, size: r = "default", className: i, ...a }, o) {
|
|
452
453
|
return /* @__PURE__ */ b("span", {
|
|
453
|
-
ref:
|
|
454
|
-
className: e("inline-block rounded-full",
|
|
454
|
+
ref: o,
|
|
455
|
+
className: e("inline-block rounded-full", I[t], L[r], n === !0 && "animate-pulse", i),
|
|
455
456
|
"data-component": "glow-dot",
|
|
456
457
|
"data-variant": t,
|
|
457
|
-
...
|
|
458
|
+
...a
|
|
458
459
|
});
|
|
459
460
|
}), ve = m(function({ children: t, className: n, from: r = "#6366f1", to: i = "#ec4899", ...a }, o) {
|
|
460
461
|
return /* @__PURE__ */ b("span", {
|
|
@@ -498,48 +499,10 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
498
499
|
}, t))
|
|
499
500
|
});
|
|
500
501
|
}), xe = {
|
|
501
|
-
bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
502
|
-
left: "right-full top-1/2 -translate-y-1/2 mr-2",
|
|
503
|
-
right: "left-full top-1/2 -translate-y-1/2 ml-2",
|
|
504
|
-
top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
|
|
505
|
-
}, Se = {
|
|
506
|
-
bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-bg-tertiary border-x-transparent border-t-transparent border-4",
|
|
507
|
-
left: "left-full top-1/2 -translate-y-1/2 border-l-bg-tertiary border-y-transparent border-r-transparent border-4",
|
|
508
|
-
right: "right-full top-1/2 -translate-y-1/2 border-r-bg-tertiary border-y-transparent border-l-transparent border-4",
|
|
509
|
-
top: "top-full left-1/2 -translate-x-1/2 border-t-bg-tertiary border-x-transparent border-b-transparent border-4"
|
|
510
|
-
}, L = m(function({ children: n, className: r, content: i, delay: a = 300, glass: o, interactive: s = !1, maxWidth: c, placement: l = "top", ...u }, d) {
|
|
511
|
-
let [f, p] = y(!1), m = v(void 0), g = v(void 0), _ = h(() => {
|
|
512
|
-
clearTimeout(g.current), m.current = setTimeout(() => p(!0), a);
|
|
513
|
-
}, [a]), S = h(() => {
|
|
514
|
-
clearTimeout(m.current), s ? g.current = setTimeout(() => p(!1), 150) : p(!1);
|
|
515
|
-
}, [s]);
|
|
516
|
-
return /* @__PURE__ */ x("div", {
|
|
517
|
-
className: e("relative inline-flex", r),
|
|
518
|
-
"data-component": "tooltip",
|
|
519
|
-
"data-state": f ? "open" : "closed",
|
|
520
|
-
onMouseEnter: _,
|
|
521
|
-
onMouseLeave: S,
|
|
522
|
-
ref: d,
|
|
523
|
-
...u,
|
|
524
|
-
children: [n, f && /* @__PURE__ */ x("div", {
|
|
525
|
-
className: e("pointer-events-none absolute z-50 animate-popup whitespace-nowrap gds-radius-tooltip gds-pad-x-sm gds-pad-y-sm gds-text-label text-fg", s && "pointer-events-auto", o === !0 ? t(o) : "bg-bg-tertiary", o === !0 && "border border-white/10"),
|
|
526
|
-
onMouseEnter: s ? _ : void 0,
|
|
527
|
-
onMouseLeave: s ? S : void 0,
|
|
528
|
-
style: c === void 0 ? void 0 : {
|
|
529
|
-
maxWidth: c,
|
|
530
|
-
whiteSpace: "normal"
|
|
531
|
-
},
|
|
532
|
-
children: [/* @__PURE__ */ b("span", { className: e("absolute", Se[l]) }), /* @__PURE__ */ b("span", {
|
|
533
|
-
className: (xe[l], ""),
|
|
534
|
-
children: i
|
|
535
|
-
})]
|
|
536
|
-
})]
|
|
537
|
-
});
|
|
538
|
-
}), Ce = {
|
|
539
502
|
default: "h-4 w-4",
|
|
540
503
|
sm: "h-3.5 w-3.5"
|
|
541
|
-
},
|
|
542
|
-
return /* @__PURE__ */ b(
|
|
504
|
+
}, Se = m(function({ className: t, content: n, size: r = "default", ...i }, a) {
|
|
505
|
+
return /* @__PURE__ */ b(p, {
|
|
543
506
|
content: n,
|
|
544
507
|
ref: a,
|
|
545
508
|
...i,
|
|
@@ -547,7 +510,7 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
547
510
|
className: e("inline-flex cursor-help items-center text-fg-muted/60 hover:text-fg-muted", t),
|
|
548
511
|
"data-component": "info-tip",
|
|
549
512
|
children: /* @__PURE__ */ x("svg", {
|
|
550
|
-
className:
|
|
513
|
+
className: xe[r],
|
|
551
514
|
fill: "none",
|
|
552
515
|
stroke: "currentColor",
|
|
553
516
|
strokeWidth: "2",
|
|
@@ -560,7 +523,7 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
560
523
|
})
|
|
561
524
|
})
|
|
562
525
|
});
|
|
563
|
-
}),
|
|
526
|
+
}), Ce = m(function({ label: t, value: n, mono: r = !1, className: i, ...a }, o) {
|
|
564
527
|
return /* @__PURE__ */ x("div", {
|
|
565
528
|
ref: o,
|
|
566
529
|
className: e("inline-flex items-baseline gap-1.5 gds-text-body", i),
|
|
@@ -577,7 +540,7 @@ var k = m(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
577
540
|
});
|
|
578
541
|
//#endregion
|
|
579
542
|
//#region src/l3-atoms/keyboard-shortcut.tsx
|
|
580
|
-
function
|
|
543
|
+
function we(e) {
|
|
581
544
|
let t = e.toLowerCase().split("+"), n = {
|
|
582
545
|
ctrl: !1,
|
|
583
546
|
meta: !1,
|
|
@@ -590,7 +553,7 @@ function Ee(e) {
|
|
|
590
553
|
mainKey: r
|
|
591
554
|
};
|
|
592
555
|
}
|
|
593
|
-
function
|
|
556
|
+
function Te(e) {
|
|
594
557
|
return {
|
|
595
558
|
ctrl: "Ctrl",
|
|
596
559
|
meta: "⌘",
|
|
@@ -599,8 +562,8 @@ function De(e) {
|
|
|
599
562
|
alt: "Alt"
|
|
600
563
|
}[e.toLowerCase()] ?? e.toUpperCase();
|
|
601
564
|
}
|
|
602
|
-
var
|
|
603
|
-
let { modifiers: c, mainKey: l } =
|
|
565
|
+
var Ee = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1, className: a }, s) {
|
|
566
|
+
let { modifiers: c, mainKey: l } = we(t), u = h((e) => {
|
|
604
567
|
i || e.ctrlKey === c.ctrl && e.metaKey === c.meta && e.shiftKey === c.shift && e.altKey === c.alt && e.key.toLowerCase() === l && (e.preventDefault(), n());
|
|
605
568
|
}, [
|
|
606
569
|
i,
|
|
@@ -612,14 +575,14 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
612
575
|
n
|
|
613
576
|
]);
|
|
614
577
|
if (g(() => (window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u)), [u]), !r) return null;
|
|
615
|
-
let d = t.split("+").map((e, t) => /* @__PURE__ */ b(o, { children:
|
|
578
|
+
let d = t.split("+").map((e, t) => /* @__PURE__ */ b(o, { children: Te(e) }, t));
|
|
616
579
|
return /* @__PURE__ */ b("span", {
|
|
617
580
|
ref: s,
|
|
618
581
|
className: e("inline-flex items-center gap-1", a),
|
|
619
582
|
"data-component": "keyboard-shortcut",
|
|
620
583
|
children: d
|
|
621
584
|
});
|
|
622
|
-
}),
|
|
585
|
+
}), De = m(function({ className: t, label: n = "LIVE", ...r }, i) {
|
|
623
586
|
return /* @__PURE__ */ x("span", {
|
|
624
587
|
className: e("inline-flex items-center gap-1.5", t),
|
|
625
588
|
"data-component": "live-dot",
|
|
@@ -633,7 +596,7 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
633
596
|
children: n
|
|
634
597
|
})]
|
|
635
598
|
});
|
|
636
|
-
}),
|
|
599
|
+
}), Oe = m(function({ children: t, strength: n = .3, radius: r = 100, className: i }, a) {
|
|
637
600
|
let o = v(null), [s, c] = y({
|
|
638
601
|
x: 0,
|
|
639
602
|
y: 0
|
|
@@ -670,7 +633,7 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
670
633
|
onMouseLeave: u,
|
|
671
634
|
children: t
|
|
672
635
|
});
|
|
673
|
-
}),
|
|
636
|
+
}), ke = m(function({ children: t, speed: n = 30, direction: r = "left", pauseOnHover: i = !0, className: a }, o) {
|
|
674
637
|
let s = v(null), [c, l] = y(10);
|
|
675
638
|
g(() => {
|
|
676
639
|
if (s.current === null) return;
|
|
@@ -707,17 +670,17 @@ var Oe = m(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
707
670
|
lg: "h-4",
|
|
708
671
|
sm: "h-1.5"
|
|
709
672
|
} }
|
|
710
|
-
}),
|
|
673
|
+
}), Ae = {
|
|
711
674
|
danger: "bg-danger",
|
|
712
675
|
default: "bg-accent",
|
|
713
676
|
success: "bg-success",
|
|
714
677
|
warning: "bg-warning"
|
|
715
678
|
};
|
|
716
|
-
function
|
|
679
|
+
function je(e) {
|
|
717
680
|
return e >= .8 ? "bg-danger" : e >= .6 ? "bg-warning" : e >= .4 ? "bg-accent" : "bg-success";
|
|
718
681
|
}
|
|
719
|
-
var
|
|
720
|
-
let d = r - i, f = d > 0 ? Math.max(0, Math.min(1, (s - i) / d)) : 0, p = c === "auto" ?
|
|
682
|
+
var Me = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValue: a = !0, size: o, value: s, variant: c = "auto", ...l }, u) {
|
|
683
|
+
let d = r - i, f = d > 0 ? Math.max(0, Math.min(1, (s - i) / d)) : 0, p = c === "auto" ? je(f) : Ae[c] ?? "bg-accent";
|
|
721
684
|
return /* @__PURE__ */ x("div", {
|
|
722
685
|
className: e("w-full", t),
|
|
723
686
|
"data-component": "meter",
|
|
@@ -745,7 +708,7 @@ var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
745
708
|
})
|
|
746
709
|
})]
|
|
747
710
|
});
|
|
748
|
-
}),
|
|
711
|
+
}), Ne = m(function({ className: t, format: n = String, value: r }, i) {
|
|
749
712
|
let a = _(() => n(r).split(""), [r, n]);
|
|
750
713
|
return /* @__PURE__ */ b("span", {
|
|
751
714
|
className: e("inline-flex items-center tabular-nums select-none", t),
|
|
@@ -760,7 +723,7 @@ var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
760
723
|
})
|
|
761
724
|
}, `${t}-slot`) : /* @__PURE__ */ b("span", { children: e }, `${t}-static`))
|
|
762
725
|
});
|
|
763
|
-
}),
|
|
726
|
+
}), Pe = m(function({ className: t, label: n, online: r, ...i }, a) {
|
|
764
727
|
let o = r ? "bg-success" : "bg-fg-muted/40", s = n ?? (r ? "Online" : "Offline");
|
|
765
728
|
return /* @__PURE__ */ x("span", {
|
|
766
729
|
className: e("inline-flex items-center gds-gap-sm", t),
|
|
@@ -775,7 +738,7 @@ var Pe = m(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
775
738
|
});
|
|
776
739
|
//#endregion
|
|
777
740
|
//#region src/l3-atoms/orbit.tsx
|
|
778
|
-
function
|
|
741
|
+
function Fe({ children: t, className: n, duration: r = 10, radius: i = 100 }) {
|
|
779
742
|
let a = t.length;
|
|
780
743
|
return /* @__PURE__ */ b("div", {
|
|
781
744
|
className: e("relative select-none", n),
|
|
@@ -805,7 +768,7 @@ function Le({ children: t, className: n, duration: r = 10, radius: i = 100 }) {
|
|
|
805
768
|
}
|
|
806
769
|
//#endregion
|
|
807
770
|
//#region src/l3-atoms/percentage.tsx
|
|
808
|
-
var
|
|
771
|
+
var Ie = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i, ...a }, o) {
|
|
809
772
|
let s = i > 0, c = s ? "text-success" : i < 0 ? "text-danger" : "text-fg-muted", l = `${r && s ? "+" : ""}${i.toFixed(n)}%`;
|
|
810
773
|
return /* @__PURE__ */ b("span", {
|
|
811
774
|
className: e("inline-flex tabular-nums text-sm font-medium", c, t),
|
|
@@ -814,7 +777,7 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
814
777
|
...a,
|
|
815
778
|
children: l
|
|
816
779
|
});
|
|
817
|
-
}),
|
|
780
|
+
}), Le = {
|
|
818
781
|
default: "h-16 w-16 text-lg",
|
|
819
782
|
lg: "h-20 w-20 text-xl",
|
|
820
783
|
sm: "h-12 w-12 text-sm"
|
|
@@ -822,10 +785,10 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
822
785
|
default: 3,
|
|
823
786
|
lg: 3.5,
|
|
824
787
|
sm: 2.5
|
|
825
|
-
},
|
|
788
|
+
}, Re = m(function({ className: t, size: n = "default", value: r, ...i }, a) {
|
|
826
789
|
let o = Math.max(0, Math.min(100, r)), s = _(() => o >= 80 ? "text-success" : o >= 50 ? "text-warning" : "text-danger", [o]), c = 2 * Math.PI * 18, l = c - o / 100 * c;
|
|
827
790
|
return /* @__PURE__ */ x("div", {
|
|
828
|
-
className: e("relative inline-flex items-center justify-center select-none",
|
|
791
|
+
className: e("relative inline-flex items-center justify-center select-none", Le[n], t),
|
|
829
792
|
"data-component": "percentage-circle",
|
|
830
793
|
ref: a,
|
|
831
794
|
...i,
|
|
@@ -857,7 +820,7 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
857
820
|
children: [o, "%"]
|
|
858
821
|
})]
|
|
859
822
|
});
|
|
860
|
-
}),
|
|
823
|
+
}), ze = m(function({ className: t, currency: n = "¥", showSign: r = !1, value: i, ...a }, o) {
|
|
861
824
|
let s = i < 0, c = i > 0, l = s ? "text-danger" : c ? "text-success" : "text-fg", u = r && c ? "+" : "", d = Math.abs(i).toLocaleString();
|
|
862
825
|
return /* @__PURE__ */ x("span", {
|
|
863
826
|
className: e("tabular-nums", l, t),
|
|
@@ -870,13 +833,13 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
870
833
|
d
|
|
871
834
|
]
|
|
872
835
|
});
|
|
873
|
-
}),
|
|
836
|
+
}), Be = {
|
|
874
837
|
accent: "stroke-accent",
|
|
875
838
|
danger: "stroke-danger",
|
|
876
839
|
success: "stroke-success",
|
|
877
840
|
warning: "stroke-warning"
|
|
878
|
-
},
|
|
879
|
-
let c = (n - r) / 2, l = 2 * Math.PI * c, u = Math.max(0, Math.min(100, t)), d = l * (1 - u / 100), f = n / 2, p =
|
|
841
|
+
}, Ve = m(function({ value: t, size: n = 64, strokeWidth: r = 4, showValue: i = !0, variant: a = "accent", className: o }, s) {
|
|
842
|
+
let c = (n - r) / 2, l = 2 * Math.PI * c, u = Math.max(0, Math.min(100, t)), d = l * (1 - u / 100), f = n / 2, p = Be[a] ?? "stroke-accent";
|
|
880
843
|
return /* @__PURE__ */ x("svg", {
|
|
881
844
|
ref: s,
|
|
882
845
|
className: e("shrink-0", o),
|
|
@@ -919,7 +882,7 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
919
882
|
})
|
|
920
883
|
]
|
|
921
884
|
});
|
|
922
|
-
}),
|
|
885
|
+
}), He = m(function({ className: t, size: n = 48, strokeWidth: r = 4, value: i, ...a }, o) {
|
|
923
886
|
let s = Math.max(0, Math.min(100, i)), c = (n - r) / 2, l = 2 * Math.PI * c, u = l * (1 - s / 100), d = n / 2;
|
|
924
887
|
return /* @__PURE__ */ x("div", {
|
|
925
888
|
"aria-valuemax": 100,
|
|
@@ -964,11 +927,11 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
964
927
|
danger: "bg-danger",
|
|
965
928
|
success: "bg-success",
|
|
966
929
|
warning: "bg-warning"
|
|
967
|
-
},
|
|
930
|
+
}, Ue = {
|
|
968
931
|
default: "h-2.5 w-2.5",
|
|
969
932
|
lg: "h-3.5 w-3.5",
|
|
970
933
|
sm: "h-2 w-2"
|
|
971
|
-
},
|
|
934
|
+
}, We = m(function({ className: t, color: n = "success", label: r, size: i = "default", ...a }, o) {
|
|
972
935
|
return /* @__PURE__ */ x("span", {
|
|
973
936
|
className: e("inline-flex items-center", r !== void 0 && "gds-gap-sm", t),
|
|
974
937
|
"data-component": "pulse-indicator",
|
|
@@ -976,13 +939,13 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
976
939
|
...a,
|
|
977
940
|
children: [/* @__PURE__ */ x("span", {
|
|
978
941
|
className: "relative inline-flex",
|
|
979
|
-
children: [/* @__PURE__ */ b("span", { className: e("rounded-full", B[n],
|
|
942
|
+
children: [/* @__PURE__ */ b("span", { className: e("rounded-full", B[n], Ue[i]) }), /* @__PURE__ */ b("span", { className: e("absolute inset-0 animate-ping rounded-full opacity-50", B[n]) })]
|
|
980
943
|
}), r !== void 0 && /* @__PURE__ */ b("span", {
|
|
981
944
|
className: "gds-text-label text-fg-muted",
|
|
982
945
|
children: r
|
|
983
946
|
})]
|
|
984
947
|
});
|
|
985
|
-
}),
|
|
948
|
+
}), Ge = m(function({ active: t = !0, className: n, color: r, count: i = 3, size: a = 80, ...o }, s) {
|
|
986
949
|
if (!t) return /* @__PURE__ */ b("div", {
|
|
987
950
|
className: e("relative inline-flex", n),
|
|
988
951
|
"data-component": "pulse-ring",
|
|
@@ -1010,12 +973,12 @@ var Re = m(function({ className: t, precision: n = 1, showSign: r = !1, value: i
|
|
|
1010
973
|
});
|
|
1011
974
|
//#endregion
|
|
1012
975
|
//#region src/l3-atoms/qr-code.tsx
|
|
1013
|
-
function
|
|
976
|
+
function Ke(e) {
|
|
1014
977
|
let t = 5381;
|
|
1015
978
|
for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n) | 0;
|
|
1016
979
|
return Math.abs(t);
|
|
1017
980
|
}
|
|
1018
|
-
function
|
|
981
|
+
function qe(e) {
|
|
1019
982
|
let t = e;
|
|
1020
983
|
return () => (t = t * 1103515245 + 12345 & 2147483647, t / 2147483647);
|
|
1021
984
|
}
|
|
@@ -1028,11 +991,11 @@ function U(e, t) {
|
|
|
1028
991
|
});
|
|
1029
992
|
return n;
|
|
1030
993
|
}
|
|
1031
|
-
var
|
|
994
|
+
var Je = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColor: i = "transparent", className: a }, o) {
|
|
1032
995
|
let s = _(() => {
|
|
1033
996
|
let e = [];
|
|
1034
997
|
e.push(...U(0, 0)), e.push(...U(V - 7, 0)), e.push(...U(0, V - 7));
|
|
1035
|
-
let n =
|
|
998
|
+
let n = qe(Ke(t));
|
|
1036
999
|
for (let t = 0; t < V; t++) for (let r = 0; r < V; r++) t < 8 && r < 8 || t < 8 && r >= V - 8 || t >= V - 8 && r < 8 || n() > .55 && e.push({
|
|
1037
1000
|
x: r,
|
|
1038
1001
|
y: t
|
|
@@ -1077,7 +1040,7 @@ var Xe = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
|
|
|
1077
1040
|
sm: "h-9 w-9"
|
|
1078
1041
|
}
|
|
1079
1042
|
}
|
|
1080
|
-
}),
|
|
1043
|
+
}), Ye = m(function({ className: t, disabled: n, icon: r, label: a, onClick: o, size: s, variant: c, ...l }, u) {
|
|
1081
1044
|
return /* @__PURE__ */ x("div", {
|
|
1082
1045
|
className: "inline-flex flex-col items-center gap-1",
|
|
1083
1046
|
children: [/* @__PURE__ */ b("button", {
|
|
@@ -1101,7 +1064,7 @@ var Xe = m(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
|
|
|
1101
1064
|
children: a
|
|
1102
1065
|
})]
|
|
1103
1066
|
});
|
|
1104
|
-
}),
|
|
1067
|
+
}), Xe = m(function({ className: t, direction: n = "vertical", disabled: r = !1, onChange: a, options: o, value: s, ...c }, l) {
|
|
1105
1068
|
return /* @__PURE__ */ b("div", {
|
|
1106
1069
|
className: e("flex gds-gap", n === "vertical" ? "flex-col" : "flex-row flex-wrap", t),
|
|
1107
1070
|
"data-component": "radio-group",
|
|
@@ -1146,7 +1109,7 @@ function K({ filled: t }) {
|
|
|
1146
1109
|
})
|
|
1147
1110
|
});
|
|
1148
1111
|
}
|
|
1149
|
-
var
|
|
1112
|
+
var Ze = m(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, renderStar: o, size: s = "default", value: c, ...l }, u) {
|
|
1150
1113
|
let [d, f] = y(null), p = h(() => f(null), []);
|
|
1151
1114
|
return /* @__PURE__ */ b("div", {
|
|
1152
1115
|
className: e("inline-flex gds-gap-xs", t),
|
|
@@ -1188,17 +1151,17 @@ function q(e) {
|
|
|
1188
1151
|
let s = Math.floor(o / 30);
|
|
1189
1152
|
return s < 12 ? `${s}mo ago` : `${Math.floor(s / 12)}y ago`;
|
|
1190
1153
|
}
|
|
1191
|
-
function
|
|
1154
|
+
function Qe(e) {
|
|
1192
1155
|
return e.toLocaleString();
|
|
1193
1156
|
}
|
|
1194
|
-
var
|
|
1157
|
+
var $e = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
1195
1158
|
let [o, s] = y(() => q(n)), c = v(null);
|
|
1196
1159
|
g(() => (s(q(n)), c.current = setInterval(() => {
|
|
1197
1160
|
s(q(n));
|
|
1198
1161
|
}, 3e4), () => {
|
|
1199
1162
|
c.current !== null && clearInterval(c.current);
|
|
1200
1163
|
}), [n]);
|
|
1201
|
-
let l = n instanceof Date ? n : new Date(n), u =
|
|
1164
|
+
let l = n instanceof Date ? n : new Date(n), u = Qe(l);
|
|
1202
1165
|
return /* @__PURE__ */ b("time", {
|
|
1203
1166
|
className: e("font-mono text-fg-muted", t),
|
|
1204
1167
|
"data-component": "relative-time",
|
|
@@ -1208,12 +1171,12 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1208
1171
|
...i,
|
|
1209
1172
|
children: r === void 0 ? o : `${r} ${o}`
|
|
1210
1173
|
});
|
|
1211
|
-
}),
|
|
1174
|
+
}), et = {
|
|
1212
1175
|
accent: "bg-accent text-accent-fg",
|
|
1213
1176
|
danger: "bg-danger text-white",
|
|
1214
1177
|
success: "bg-success text-white",
|
|
1215
1178
|
warning: "bg-warning text-white"
|
|
1216
|
-
},
|
|
1179
|
+
}, tt = m(function({ children: t, label: n, variant: r = "accent", position: i = "top-right", className: a, ...o }, s) {
|
|
1217
1180
|
let c = i === "top-right";
|
|
1218
1181
|
return /* @__PURE__ */ x("div", {
|
|
1219
1182
|
ref: s,
|
|
@@ -1221,11 +1184,11 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1221
1184
|
"data-component": "ribbon",
|
|
1222
1185
|
...o,
|
|
1223
1186
|
children: [/* @__PURE__ */ b("div", {
|
|
1224
|
-
className: e("pointer-events-none absolute top-3 z-10 px-6 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm",
|
|
1187
|
+
className: e("pointer-events-none absolute top-3 z-10 px-6 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm", et[r], c ? "-right-6 rotate-45" : "-left-6 -rotate-45"),
|
|
1225
1188
|
children: n
|
|
1226
1189
|
}), t]
|
|
1227
1190
|
});
|
|
1228
|
-
}),
|
|
1191
|
+
}), nt = m(function({ className: t, color: n, position: r = "top-right", text: i, ...a }, o) {
|
|
1229
1192
|
let s = r === "top-right";
|
|
1230
1193
|
return /* @__PURE__ */ b("div", {
|
|
1231
1194
|
className: e("absolute top-0 z-10 overflow-hidden", s ? "right-0" : "left-0", t),
|
|
@@ -1250,12 +1213,12 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1250
1213
|
children: i
|
|
1251
1214
|
})
|
|
1252
1215
|
});
|
|
1253
|
-
}),
|
|
1216
|
+
}), rt = 0, it = m(function({ children: t, color: n = "currentColor", disabled: r = !1, className: i }, a) {
|
|
1254
1217
|
let [o, s] = y([]), c = h((e) => {
|
|
1255
1218
|
if (r) return;
|
|
1256
1219
|
let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top, a = Math.max(t.width, t.height) * 2;
|
|
1257
1220
|
s((e) => [...e, {
|
|
1258
|
-
id:
|
|
1221
|
+
id: rt++,
|
|
1259
1222
|
x: n,
|
|
1260
1223
|
y: i,
|
|
1261
1224
|
size: a
|
|
@@ -1280,7 +1243,7 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1280
1243
|
onAnimationEnd: () => l(e.id)
|
|
1281
1244
|
}, e.id))]
|
|
1282
1245
|
});
|
|
1283
|
-
}),
|
|
1246
|
+
}), at = m(function({ className: t, color: n, height: r = 3, ...i }, a) {
|
|
1284
1247
|
let [o, s] = y(0), c = h(() => {
|
|
1285
1248
|
let e = document.documentElement.scrollTop, t = document.documentElement.scrollHeight - document.documentElement.clientHeight;
|
|
1286
1249
|
t > 0 && s(e / t * 100);
|
|
@@ -1299,7 +1262,7 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1299
1262
|
}
|
|
1300
1263
|
})
|
|
1301
1264
|
});
|
|
1302
|
-
}),
|
|
1265
|
+
}), ot = m(function({ threshold: t = 300, smooth: n = !0, className: r }, a) {
|
|
1303
1266
|
let [o, s] = y(() => typeof window > "u" ? !1 : window.scrollY >= t);
|
|
1304
1267
|
return g(() => {
|
|
1305
1268
|
let e = () => s(window.scrollY >= t);
|
|
@@ -1326,10 +1289,10 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1326
1289
|
children: /* @__PURE__ */ b("path", { d: "M8 12V4M4 7l4-3 4 3" })
|
|
1327
1290
|
})
|
|
1328
1291
|
}) : null;
|
|
1329
|
-
}),
|
|
1292
|
+
}), st = {
|
|
1330
1293
|
default: "px-3 py-1.5 text-xs",
|
|
1331
1294
|
sm: "px-2 py-1 text-[11px]"
|
|
1332
|
-
},
|
|
1295
|
+
}, ct = m(function({ options: n, value: r, onChange: a, size: o = "default", disabled: s, glass: c, className: l, ...u }, d) {
|
|
1333
1296
|
return /* @__PURE__ */ b("div", {
|
|
1334
1297
|
ref: d,
|
|
1335
1298
|
className: e("inline-flex select-none gds-radius-button bg-bg-tertiary p-0.5", c === !0 && t(c), s === !0 && "pointer-events-none opacity-50", l),
|
|
@@ -1347,12 +1310,12 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1347
1310
|
onClick: () => {
|
|
1348
1311
|
n || a(t.value);
|
|
1349
1312
|
},
|
|
1350
|
-
className: e("gds-radius-button transition-all",
|
|
1313
|
+
className: e("gds-radius-button transition-all", st[o ?? "default"], i, n ? "bg-bg font-medium text-fg gds-shadow-sm" : "text-fg-muted hover:text-fg"),
|
|
1351
1314
|
children: t.label
|
|
1352
1315
|
}, t.value);
|
|
1353
1316
|
})
|
|
1354
1317
|
});
|
|
1355
|
-
}),
|
|
1318
|
+
}), lt = m(function({ className: t, description: n, keys: r, ...i }, a) {
|
|
1356
1319
|
return /* @__PURE__ */ x("span", {
|
|
1357
1320
|
className: e("inline-flex items-center gap-2", t),
|
|
1358
1321
|
"data-component": "shortcut-display",
|
|
@@ -1366,7 +1329,7 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1366
1329
|
children: n
|
|
1367
1330
|
})]
|
|
1368
1331
|
});
|
|
1369
|
-
}),
|
|
1332
|
+
}), ut = {
|
|
1370
1333
|
"avatar-text": () => /* @__PURE__ */ x("div", {
|
|
1371
1334
|
className: "flex items-center gap-3",
|
|
1372
1335
|
children: [/* @__PURE__ */ b(c, { variant: "circle" }), /* @__PURE__ */ x("div", {
|
|
@@ -1405,8 +1368,8 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1405
1368
|
height: 36
|
|
1406
1369
|
})]
|
|
1407
1370
|
})
|
|
1408
|
-
},
|
|
1409
|
-
let a =
|
|
1371
|
+
}, dt = m(function({ className: t, count: n = 1, variant: r = "avatar-text" }, i) {
|
|
1372
|
+
let a = ut[r];
|
|
1410
1373
|
return /* @__PURE__ */ b("div", {
|
|
1411
1374
|
ref: i,
|
|
1412
1375
|
className: e("flex flex-col gap-4", t),
|
|
@@ -1414,8 +1377,8 @@ var tt = m(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1414
1377
|
"data-variant": r,
|
|
1415
1378
|
children: Array.from({ length: n }, (e, t) => /* @__PURE__ */ b("div", { children: a() }, t))
|
|
1416
1379
|
});
|
|
1417
|
-
}),
|
|
1418
|
-
function
|
|
1380
|
+
}), ft = "M12 0l3 9 9 3-9 3-3 9-3-9-9-3 9-3z";
|
|
1381
|
+
function pt(e, t) {
|
|
1419
1382
|
let n = 360 / t * e * Math.PI / 180, r = 70 + e % 3 * 15;
|
|
1420
1383
|
return {
|
|
1421
1384
|
position: "absolute",
|
|
@@ -1428,7 +1391,7 @@ function ht(e, t) {
|
|
|
1428
1391
|
opacity: 0
|
|
1429
1392
|
};
|
|
1430
1393
|
}
|
|
1431
|
-
var
|
|
1394
|
+
var mt = m(function({ children: t, active: n = !0, count: r = 3, color: i = "var(--gds-accent)", className: a }, o) {
|
|
1432
1395
|
let s = Array.from({ length: r }, (e, t) => t);
|
|
1433
1396
|
return /* @__PURE__ */ x("span", {
|
|
1434
1397
|
ref: o,
|
|
@@ -1439,25 +1402,25 @@ var gt = m(function({ children: t, active: n = !0, count: r = 3, color: i = "var
|
|
|
1439
1402
|
n && s.map((e) => /* @__PURE__ */ b("svg", {
|
|
1440
1403
|
viewBox: "0 0 24 24",
|
|
1441
1404
|
fill: i,
|
|
1442
|
-
style:
|
|
1405
|
+
style: pt(e, r),
|
|
1443
1406
|
"aria-hidden": "true",
|
|
1444
|
-
children: /* @__PURE__ */ b("path", { d:
|
|
1407
|
+
children: /* @__PURE__ */ b("path", { d: ft })
|
|
1445
1408
|
}, e)),
|
|
1446
1409
|
n && /* @__PURE__ */ b("style", { children: "\n @keyframes gds-sparkle {\n 0%, 100% { opacity: 0; transform: scale(0) rotate(0deg); }\n 50% { opacity: 1; transform: scale(1) rotate(180deg); }\n }\n " })
|
|
1447
1410
|
]
|
|
1448
1411
|
});
|
|
1449
|
-
}),
|
|
1412
|
+
}), ht = {
|
|
1450
1413
|
fade: "animate-[stagger-fade_0.4s_ease_both]",
|
|
1451
1414
|
scale: "animate-[stagger-scale_0.4s_ease_both]",
|
|
1452
1415
|
"slide-up": "animate-[stagger-slide-up_0.4s_ease_both]"
|
|
1453
1416
|
};
|
|
1454
|
-
function
|
|
1455
|
-
let a =
|
|
1417
|
+
function gt({ animation: t = "fade", children: n, className: r, delay: i = 80 }) {
|
|
1418
|
+
let a = ee.toArray(n);
|
|
1456
1419
|
return /* @__PURE__ */ b("div", {
|
|
1457
1420
|
className: e("", r),
|
|
1458
1421
|
"data-component": "stagger",
|
|
1459
1422
|
children: a.map((e, n) => /* @__PURE__ */ b("div", {
|
|
1460
|
-
className:
|
|
1423
|
+
className: ht[t],
|
|
1461
1424
|
style: { animationDelay: `${n * i}ms` },
|
|
1462
1425
|
children: e
|
|
1463
1426
|
}, n))
|
|
@@ -1465,12 +1428,12 @@ function vt({ animation: t = "fade", children: n, className: r, delay: i = 80 })
|
|
|
1465
1428
|
}
|
|
1466
1429
|
//#endregion
|
|
1467
1430
|
//#region src/l3-atoms/star-rating.tsx
|
|
1468
|
-
var
|
|
1431
|
+
var _t = {
|
|
1469
1432
|
sm: 14,
|
|
1470
1433
|
default: 18,
|
|
1471
1434
|
lg: 24
|
|
1472
1435
|
}, J = "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z";
|
|
1473
|
-
function
|
|
1436
|
+
function vt({ fill: e, s: t, color: n }) {
|
|
1474
1437
|
let r = `half-${Math.random().toString(36).slice(2, 8)}`;
|
|
1475
1438
|
return e === "full" ? /* @__PURE__ */ b("svg", {
|
|
1476
1439
|
width: t,
|
|
@@ -1517,8 +1480,8 @@ function bt({ fill: e, s: t, color: n }) {
|
|
|
1517
1480
|
children: /* @__PURE__ */ b("path", { d: J })
|
|
1518
1481
|
});
|
|
1519
1482
|
}
|
|
1520
|
-
var
|
|
1521
|
-
let s =
|
|
1483
|
+
var yt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "currentColor", className: a }, o) {
|
|
1484
|
+
let s = _t[r], c = i === "currentColor" ? "var(--color-warning)" : i;
|
|
1522
1485
|
return /* @__PURE__ */ b("div", {
|
|
1523
1486
|
ref: o,
|
|
1524
1487
|
className: e("inline-flex items-center gap-0.5", a),
|
|
@@ -1527,7 +1490,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1527
1490
|
"aria-label": `${t} out of ${n} stars`,
|
|
1528
1491
|
children: Array.from({ length: n }, (e, n) => {
|
|
1529
1492
|
let r = t - n;
|
|
1530
|
-
return /* @__PURE__ */ b(
|
|
1493
|
+
return /* @__PURE__ */ b(vt, {
|
|
1531
1494
|
fill: r >= 1 ? "full" : r >= .5 ? "half" : "empty",
|
|
1532
1495
|
s,
|
|
1533
1496
|
color: c
|
|
@@ -1541,7 +1504,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1541
1504
|
inactive: "bg-fg-muted/10 text-fg-muted",
|
|
1542
1505
|
pending: "bg-warning/10 text-warning",
|
|
1543
1506
|
warning: "bg-warning/10 text-warning"
|
|
1544
|
-
},
|
|
1507
|
+
}, bt = m(function({ className: n, glass: r, icon: i, label: a, size: o = "default", status: s, ...c }, l) {
|
|
1545
1508
|
let u = a ?? s;
|
|
1546
1509
|
return /* @__PURE__ */ x("span", {
|
|
1547
1510
|
className: e("inline-flex select-none items-center gds-gap-xs gds-radius-badge font-medium", o === "sm" ? "gds-pad-x-sm py-px gds-text-caption" : "gds-pad-x-sm gds-pad-y-sm gds-text-body", Y[s], t(r), r === !0 && "border border-white/10 bg-white/5", n),
|
|
@@ -1554,7 +1517,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1554
1517
|
children: i
|
|
1555
1518
|
}), u]
|
|
1556
1519
|
});
|
|
1557
|
-
}),
|
|
1520
|
+
}), xt = {
|
|
1558
1521
|
status: Y,
|
|
1559
1522
|
size: {
|
|
1560
1523
|
default: "gds-pad-x-sm gds-pad-y-sm gds-text-body",
|
|
@@ -1564,7 +1527,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1564
1527
|
connected: "bg-success",
|
|
1565
1528
|
connecting: "bg-warning animate-pulse",
|
|
1566
1529
|
disconnected: "bg-danger"
|
|
1567
|
-
},
|
|
1530
|
+
}, St = m(function({ className: t, label: n, status: r, ...i }, a) {
|
|
1568
1531
|
return /* @__PURE__ */ x("span", {
|
|
1569
1532
|
className: e("inline-flex items-center gds-gap-sm", t),
|
|
1570
1533
|
"data-component": "status-dot",
|
|
@@ -1576,7 +1539,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1576
1539
|
children: n
|
|
1577
1540
|
})]
|
|
1578
1541
|
});
|
|
1579
|
-
}),
|
|
1542
|
+
}), Ct = { status: X }, wt = m(function({ className: t, disabled: n = !1, items: r, onChange: i }, a) {
|
|
1580
1543
|
return /* @__PURE__ */ b("div", {
|
|
1581
1544
|
ref: a,
|
|
1582
1545
|
className: e("flex flex-col gap-3", t),
|
|
@@ -1600,25 +1563,25 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1600
1563
|
})]
|
|
1601
1564
|
}, e.id))
|
|
1602
1565
|
});
|
|
1603
|
-
}),
|
|
1566
|
+
}), Tt = {
|
|
1604
1567
|
accent: "bg-accent/15 text-accent",
|
|
1605
1568
|
danger: "bg-danger/15 text-danger",
|
|
1606
1569
|
muted: "bg-fg-muted/10 text-fg-muted",
|
|
1607
1570
|
success: "bg-success/15 text-success",
|
|
1608
1571
|
warning: "bg-warning/15 text-warning"
|
|
1609
|
-
},
|
|
1572
|
+
}, Et = {
|
|
1610
1573
|
default: "px-1.5 py-0.5 text-[10px]",
|
|
1611
1574
|
sm: "px-1 py-px text-[9px]"
|
|
1612
|
-
},
|
|
1575
|
+
}, Dt = m(function({ className: t, label: n, size: r = "default", variant: i = "accent", ...a }, o) {
|
|
1613
1576
|
return /* @__PURE__ */ b("span", {
|
|
1614
|
-
className: e("inline-flex select-none items-center rounded-full font-bold uppercase leading-none tracking-wider",
|
|
1577
|
+
className: e("inline-flex select-none items-center rounded-full font-bold uppercase leading-none tracking-wider", Tt[i], Et[r], t),
|
|
1615
1578
|
"data-component": "text-badge",
|
|
1616
1579
|
"data-variant": i,
|
|
1617
1580
|
ref: o,
|
|
1618
1581
|
...a,
|
|
1619
1582
|
children: n
|
|
1620
1583
|
});
|
|
1621
|
-
}),
|
|
1584
|
+
}), Ot = m(function({ children: t, className: n, effect: r, gradientFrom: i, gradientTo: a, style: o, ...s }, c) {
|
|
1622
1585
|
let l = i ?? "var(--gds-accent)", u = a ?? "var(--gds-success)";
|
|
1623
1586
|
return r === "gradient" ? /* @__PURE__ */ b("span", {
|
|
1624
1587
|
className: e("bg-clip-text text-transparent", n),
|
|
@@ -1651,7 +1614,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1651
1614
|
...s,
|
|
1652
1615
|
children: t
|
|
1653
1616
|
});
|
|
1654
|
-
}),
|
|
1617
|
+
}), kt = m(function({ className: t, error: n, maxLength: r, onChange: i, value: a, ...o }, c) {
|
|
1655
1618
|
let l = a.length, u = r !== void 0 && l >= r * .9;
|
|
1656
1619
|
return /* @__PURE__ */ x("div", {
|
|
1657
1620
|
className: e("flex flex-col", t),
|
|
@@ -1668,20 +1631,20 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1668
1631
|
children: r === void 0 ? l : `${l} / ${r}`
|
|
1669
1632
|
})]
|
|
1670
1633
|
});
|
|
1671
|
-
}),
|
|
1634
|
+
}), At = {
|
|
1672
1635
|
default: "h-8 w-8",
|
|
1673
1636
|
sm: "h-6 w-6"
|
|
1674
|
-
},
|
|
1637
|
+
}, jt = {
|
|
1675
1638
|
default: 16,
|
|
1676
1639
|
sm: 14
|
|
1677
|
-
},
|
|
1678
|
-
let s = t === "dark", c =
|
|
1640
|
+
}, Mt = m(function({ mode: t, onChange: n, size: r = "default", className: a }, o) {
|
|
1641
|
+
let s = t === "dark", c = jt[r];
|
|
1679
1642
|
return /* @__PURE__ */ b("button", {
|
|
1680
1643
|
ref: o,
|
|
1681
1644
|
type: "button",
|
|
1682
1645
|
"aria-label": s ? "Switch to light mode" : "Switch to dark mode",
|
|
1683
1646
|
onClick: () => n(s ? "light" : "dark"),
|
|
1684
|
-
className: e("inline-flex items-center justify-center rounded-full text-fg-muted transition-colors hover:text-fg select-none",
|
|
1647
|
+
className: e("inline-flex items-center justify-center rounded-full text-fg-muted transition-colors hover:text-fg select-none", At[r], i, a),
|
|
1685
1648
|
"data-component": "theme-toggle",
|
|
1686
1649
|
"data-state": t,
|
|
1687
1650
|
children: s ? /* @__PURE__ */ x("svg", {
|
|
@@ -1714,7 +1677,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1714
1677
|
sm: "px-2 py-1 text-[11px]",
|
|
1715
1678
|
default: "px-3 py-1.5 text-xs",
|
|
1716
1679
|
lg: "px-4 py-2 text-sm"
|
|
1717
|
-
} },
|
|
1680
|
+
} }, Nt = Z, Pt = m(function({ items: t, value: n, onChange: r, exclusive: a, size: o = "default", disabled: s, className: c, ...l }, u) {
|
|
1718
1681
|
function d(e) {
|
|
1719
1682
|
if (a === !0) {
|
|
1720
1683
|
n.includes(e) || r([e]);
|
|
@@ -1741,11 +1704,11 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1741
1704
|
}, r.value);
|
|
1742
1705
|
})
|
|
1743
1706
|
});
|
|
1744
|
-
}),
|
|
1707
|
+
}), Q = {
|
|
1745
1708
|
sm: 12,
|
|
1746
1709
|
default: 16
|
|
1747
|
-
},
|
|
1748
|
-
let o =
|
|
1710
|
+
}, Ft = m(function({ className: t, direction: n, size: r = "default", ...i }, a) {
|
|
1711
|
+
let o = Q[r];
|
|
1749
1712
|
return /* @__PURE__ */ b("span", {
|
|
1750
1713
|
className: e("inline-flex", n === "up" ? "text-success" : n === "down" ? "text-danger" : "text-fg-muted", t),
|
|
1751
1714
|
"data-component": "trend-arrow",
|
|
@@ -1771,7 +1734,7 @@ var xt = m(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1771
1734
|
});
|
|
1772
1735
|
//#endregion
|
|
1773
1736
|
//#region src/l3-atoms/trend-indicator.tsx
|
|
1774
|
-
function
|
|
1737
|
+
function It({ className: t, inverse: n = !1, label: r, value: i }) {
|
|
1775
1738
|
let a = i > 0, o = i < 0, s = i === 0 ? "text-fg-muted" : a ? n ? "text-danger" : "text-success" : n ? "text-success" : "text-danger", c = a ? "▲" : o ? "▼" : "─", l = a ? "+" : "";
|
|
1776
1739
|
return /* @__PURE__ */ x("span", {
|
|
1777
1740
|
className: e("inline-flex items-center gap-1 text-sm font-medium select-none", s, t),
|
|
@@ -1795,7 +1758,7 @@ function Rt({ className: t, inverse: n = !1, label: r, value: i }) {
|
|
|
1795
1758
|
}
|
|
1796
1759
|
//#endregion
|
|
1797
1760
|
//#region src/l3-atoms/truncated-list.tsx
|
|
1798
|
-
var
|
|
1761
|
+
var Lt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a }, o) {
|
|
1799
1762
|
let s = n.slice(0, r), c = n.length - r;
|
|
1800
1763
|
return /* @__PURE__ */ x("div", {
|
|
1801
1764
|
className: e("inline-flex flex-wrap items-center gds-gap-sm", t),
|
|
@@ -1807,7 +1770,7 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
|
|
|
1807
1770
|
children: i === void 0 ? `+${c} more` : i(c)
|
|
1808
1771
|
})]
|
|
1809
1772
|
});
|
|
1810
|
-
}),
|
|
1773
|
+
}), Rt = m(function({ text: t, speed: n = 50, delay: r = 0, cursor: i = !0, onComplete: a, className: o }, s) {
|
|
1811
1774
|
let [c, l] = y(0), [u, d] = y(r <= 0);
|
|
1812
1775
|
return g(() => {
|
|
1813
1776
|
if (r <= 0) return;
|
|
@@ -1840,17 +1803,17 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
|
|
|
1840
1803
|
children: "|"
|
|
1841
1804
|
})]
|
|
1842
1805
|
});
|
|
1843
|
-
}),
|
|
1806
|
+
}), zt = {
|
|
1844
1807
|
default: "text-accent",
|
|
1845
1808
|
gold: "text-warning",
|
|
1846
1809
|
official: "text-success"
|
|
1847
|
-
},
|
|
1810
|
+
}, Bt = {
|
|
1848
1811
|
default: 16,
|
|
1849
1812
|
sm: 12
|
|
1850
|
-
},
|
|
1851
|
-
let o =
|
|
1813
|
+
}, Vt = m(function({ className: t, size: n = "default", variant: r = "default", ...i }, a) {
|
|
1814
|
+
let o = Bt[n];
|
|
1852
1815
|
return /* @__PURE__ */ b("span", {
|
|
1853
|
-
className: e("inline-flex shrink-0 items-center",
|
|
1816
|
+
className: e("inline-flex shrink-0 items-center", zt[r], t),
|
|
1854
1817
|
"data-component": "verified-badge",
|
|
1855
1818
|
"data-variant": r,
|
|
1856
1819
|
ref: a,
|
|
@@ -1863,7 +1826,7 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
|
|
|
1863
1826
|
children: /* @__PURE__ */ b("path", { d: "M12 1l3.09 2.26L19 3.27l.01 3.91L22 10.18 19.82 13l.18 3.91-3.91 1.01L13.09 21 12 23l-3.09-2.26L5 21.73l-.01-3.91L2 14.82 4.18 12l-.18-3.91 3.91-1.01L10.91 4 12 1zm-1.5 12.5l5-5-1.41-1.41L10.5 10.67 8.41 8.59 7 10l3.5 3.5z" })
|
|
1864
1827
|
})
|
|
1865
1828
|
});
|
|
1866
|
-
}),
|
|
1829
|
+
}), Ht = m(function({ value: t, onChange: n, min: r, max: a, step: o = 1, disabled: s = !1, className: c, ...l }, u) {
|
|
1867
1830
|
let d = r !== void 0 && t <= r, f = a !== void 0 && t >= a;
|
|
1868
1831
|
return /* @__PURE__ */ x("div", {
|
|
1869
1832
|
ref: u,
|
|
@@ -1892,7 +1855,7 @@ var zt = m(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a },
|
|
|
1892
1855
|
]
|
|
1893
1856
|
});
|
|
1894
1857
|
}), $ = 10;
|
|
1895
|
-
function
|
|
1858
|
+
function Ut({ className: t, onChange: n, value: r }) {
|
|
1896
1859
|
let i = Math.round(r / 100 * $), a = h((e) => {
|
|
1897
1860
|
n(Math.round((e + 1) / $ * 100));
|
|
1898
1861
|
}, [n]);
|
|
@@ -1908,7 +1871,7 @@ function Gt({ className: t, onChange: n, value: r }) {
|
|
|
1908
1871
|
}
|
|
1909
1872
|
//#endregion
|
|
1910
1873
|
//#region src/l3-atoms/zoom-on-hover.tsx
|
|
1911
|
-
var
|
|
1874
|
+
var Wt = m(function({ children: t, className: n, duration: r = 300, scale: i = 1.1, ...a }, o) {
|
|
1912
1875
|
return /* @__PURE__ */ b("div", {
|
|
1913
1876
|
className: e("overflow-hidden", n),
|
|
1914
1877
|
"data-component": "zoom-on-hover",
|
|
@@ -1928,6 +1891,6 @@ var Kt = m(function({ children: t, className: n, duration: r = 300, scale: i = 1
|
|
|
1928
1891
|
});
|
|
1929
1892
|
});
|
|
1930
1893
|
//#endregion
|
|
1931
|
-
export {
|
|
1894
|
+
export { Ee as $, nt as A, He as B, mt as C, C as Ct, ot as D, ct as E, Ye as F, Fe as G, ze as H, W as I, Me as J, Pe as K, Je as L, $e as M, Ze as N, at as O, Xe as P, De as Q, Ge as R, gt as S, T as St, lt as T, Re as U, Ve as V, Ie as W, ke as X, R as Y, Oe as Z, St as _, ue as _t, Rt as a, _e as at, xt as b, ie as bt, Ft as c, N as ct, Nt as d, O as dt, Ce as et, Mt as f, he as ft, wt as g, de as gt, Dt as h, E as ht, Vt as i, ve as it, tt as j, it as k, Pt as l, M as lt, Ot as m, fe as mt, Ut as n, be as nt, Lt as o, F as ot, kt as p, pe as pt, Ne as q, Ht as r, ye as rt, It as s, P as st, Wt as t, Se as tt, Z as u, j as ut, Ct as v, ce as vt, dt as w, yt as x, re as xt, bt as y, oe as yt, We as z };
|
|
1932
1895
|
|
|
1933
|
-
//# sourceMappingURL=l3-atoms-
|
|
1896
|
+
//# sourceMappingURL=l3-atoms-BGwlQvjl.js.map
|