@goliapkg/gds 1.0.10 → 1.4.2
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/README.md +10 -6
- package/dist/{avatar-By0U5Vts.js → avatar-l3SaMCmU.js} +10 -10
- package/dist/avatar-l3SaMCmU.js.map +1 -0
- package/dist/index.js +25 -25
- package/dist/l2-primitives/divider.d.ts +11 -2
- package/dist/l2-primitives/divider.d.ts.map +1 -1
- package/dist/l2-primitives/index.d.ts +1 -1
- package/dist/l2-primitives/index.d.ts.map +1 -1
- package/dist/l2-primitives/index.js +10 -10
- package/dist/l2-primitives/input.d.ts +6 -0
- package/dist/l2-primitives/input.d.ts.map +1 -1
- package/dist/l2-primitives/number-input.d.ts +4 -0
- package/dist/l2-primitives/number-input.d.ts.map +1 -1
- package/dist/{l2-primitives-BIiL8hFH.js → l2-primitives-Le0006ck.js} +105 -81
- package/dist/l2-primitives-Le0006ck.js.map +1 -0
- package/dist/l3-atoms/avatar-badge.d.ts +1 -0
- package/dist/l3-atoms/avatar-badge.d.ts.map +1 -1
- package/dist/l3-atoms/avatar.d.ts +2 -0
- package/dist/l3-atoms/avatar.d.ts.map +1 -1
- package/dist/l3-atoms/checkbox.d.ts +7 -0
- package/dist/l3-atoms/checkbox.d.ts.map +1 -1
- package/dist/l3-atoms/index.d.ts +4 -4
- package/dist/l3-atoms/index.d.ts.map +1 -1
- package/dist/l3-atoms/index.js +6 -6
- package/dist/l3-atoms/status-badge.d.ts +8 -0
- package/dist/l3-atoms/status-badge.d.ts.map +1 -1
- package/dist/l3-atoms/status-dot.d.ts +4 -0
- package/dist/l3-atoms/status-dot.d.ts.map +1 -1
- package/dist/l3-atoms/toggle-group.d.ts +16 -2
- package/dist/l3-atoms/toggle-group.d.ts.map +1 -1
- package/dist/{l3-atoms-CsN9IA9J.js → l3-atoms-BxDg3rXt.js} +196 -189
- package/dist/{l3-atoms-CsN9IA9J.js.map → l3-atoms-BxDg3rXt.js.map} +1 -1
- package/dist/l4-molecules/alert.d.ts +7 -1
- package/dist/l4-molecules/alert.d.ts.map +1 -1
- package/dist/l4-molecules/dialog.d.ts +8 -2
- package/dist/l4-molecules/dialog.d.ts.map +1 -1
- package/dist/l4-molecules/index.d.ts +3 -3
- package/dist/l4-molecules/index.d.ts.map +1 -1
- package/dist/l4-molecules/index.js +3 -3
- package/dist/l4-molecules/tabs.d.ts +1 -2
- package/dist/l4-molecules/tabs.d.ts.map +1 -1
- package/dist/{l4-molecules-DHsPjYhl.js → l4-molecules-DftsX-gO.js} +212 -205
- package/dist/l4-molecules-DftsX-gO.js.map +1 -0
- package/dist/l5-organisms/data-table/data-table-body.d.ts +31 -0
- package/dist/l5-organisms/data-table/data-table-body.d.ts.map +1 -0
- package/dist/l5-organisms/data-table/data-table-head.d.ts +22 -0
- package/dist/l5-organisms/data-table/data-table-head.d.ts.map +1 -0
- package/dist/l5-organisms/data-table/data-table-pagination.d.ts +13 -0
- package/dist/l5-organisms/data-table/data-table-pagination.d.ts.map +1 -0
- package/dist/l5-organisms/data-table/data-table-toolbar.d.ts +19 -0
- package/dist/l5-organisms/data-table/data-table-toolbar.d.ts.map +1 -0
- package/dist/l5-organisms/data-table/data-table-types.d.ts +88 -0
- package/dist/l5-organisms/data-table/data-table-types.d.ts.map +1 -0
- package/dist/l5-organisms/data-table/data-table-utils.d.ts +13 -0
- package/dist/l5-organisms/data-table/data-table-utils.d.ts.map +1 -0
- package/dist/l5-organisms/data-table/data-table.d.ts +6 -0
- package/dist/l5-organisms/data-table/data-table.d.ts.map +1 -0
- package/dist/l5-organisms/data-table/index.d.ts +4 -0
- package/dist/l5-organisms/data-table/index.d.ts.map +1 -0
- package/dist/l5-organisms/gantt-chart/gantt-chart-types.d.ts +52 -0
- package/dist/l5-organisms/gantt-chart/gantt-chart-types.d.ts.map +1 -0
- package/dist/l5-organisms/gantt-chart/gantt-chart-utils.d.ts +11 -0
- package/dist/l5-organisms/gantt-chart/gantt-chart-utils.d.ts.map +1 -0
- package/dist/l5-organisms/gantt-chart/gantt-chart.d.ts +3 -0
- package/dist/l5-organisms/gantt-chart/gantt-chart.d.ts.map +1 -0
- package/dist/l5-organisms/gantt-chart/index.d.ts +3 -0
- package/dist/l5-organisms/gantt-chart/index.d.ts.map +1 -0
- package/dist/l5-organisms/index.d.ts +4 -2
- package/dist/l5-organisms/index.d.ts.map +1 -1
- package/dist/l5-organisms/index.js +2 -2
- package/dist/l5-organisms/table.d.ts +12 -0
- package/dist/l5-organisms/table.d.ts.map +1 -1
- package/dist/{l5-organisms-z8mU4eoy.js → l5-organisms-Di1Bm_R6.js} +1352 -292
- package/dist/l5-organisms-Di1Bm_R6.js.map +1 -0
- package/dist/l6-charts/annotated-chart.d.ts +18 -0
- package/dist/l6-charts/annotated-chart.d.ts.map +1 -0
- package/dist/l6-charts/bullet-chart.d.ts +11 -0
- package/dist/l6-charts/bullet-chart.d.ts.map +1 -0
- package/dist/l6-charts/donut-gauge.d.ts +14 -0
- package/dist/l6-charts/donut-gauge.d.ts.map +1 -0
- package/dist/l6-charts/flame-chart.d.ts +13 -0
- package/dist/l6-charts/flame-chart.d.ts.map +1 -0
- package/dist/l6-charts/index.d.ts +12 -0
- package/dist/l6-charts/index.d.ts.map +1 -1
- package/dist/l6-charts/index.js +2 -2
- package/dist/l6-charts/realtime-chart.d.ts +13 -0
- package/dist/l6-charts/realtime-chart.d.ts.map +1 -0
- package/dist/l6-charts/waterfall-chart.d.ts +12 -0
- package/dist/l6-charts/waterfall-chart.d.ts.map +1 -0
- package/dist/l6-charts-Bn9RQLbe.js +2145 -0
- package/dist/l6-charts-Bn9RQLbe.js.map +1 -0
- package/dist/l7-patterns/index.js +1 -1
- package/dist/{l7-patterns-E9ls7Nw6.js → l7-patterns-BCpw0-CS.js} +4 -4
- package/dist/{l7-patterns-E9ls7Nw6.js.map → l7-patterns-BCpw0-CS.js.map} +1 -1
- package/dist/{resize-handle-CktEYqwi.js → resize-handle-ilSc7QRM.js} +6 -3
- package/dist/{resize-handle-CktEYqwi.js.map → resize-handle-ilSc7QRM.js.map} +1 -1
- package/dist/{spinner-D8Ti-TFe.js → spinner-N7UNjdsQ.js} +66 -23
- package/dist/spinner-N7UNjdsQ.js.map +1 -0
- package/package.json +1 -1
- package/dist/avatar-By0U5Vts.js.map +0 -1
- package/dist/l2-primitives-BIiL8hFH.js.map +0 -1
- package/dist/l4-molecules-DHsPjYhl.js.map +0 -1
- package/dist/l5-organisms/data-table.d.ts +0 -24
- package/dist/l5-organisms/data-table.d.ts.map +0 -1
- package/dist/l5-organisms-z8mU4eoy.js.map +0 -1
- package/dist/l6-charts-DYnr5B9X.js +0 -1743
- package/dist/l6-charts-DYnr5B9X.js.map +0 -1
- package/dist/spinner-D8Ti-TFe.js.map +0 -1
|
@@ -4,8 +4,8 @@ import { r as i } from "./motion-DUPegem-.js";
|
|
|
4
4
|
import { t as a } from "./badge-DTJq6AXr.js";
|
|
5
5
|
import { r as o, t as s } from "./textarea-BJCl_aH2.js";
|
|
6
6
|
import { t as c } from "./skeleton-C9FFZSYN.js";
|
|
7
|
-
import { t as l } from "./avatar-
|
|
8
|
-
import { n as u } from "./resize-handle-
|
|
7
|
+
import { t as l } from "./avatar-l3SaMCmU.js";
|
|
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
11
|
import { forwardRef as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
|
|
@@ -38,10 +38,10 @@ var x = (e) => Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void
|
|
|
38
38
|
function ee(e) {
|
|
39
39
|
return e.toLocaleString();
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function te(e) {
|
|
42
42
|
return 1 - (1 - e) ** 3;
|
|
43
43
|
}
|
|
44
|
-
var
|
|
44
|
+
var ne = p(function({ value: t, duration: n = 500, format: r = ee, className: i }, a) {
|
|
45
45
|
let [o, s] = v(t), c = _(t);
|
|
46
46
|
return h(() => {
|
|
47
47
|
let e = c.current;
|
|
@@ -52,7 +52,7 @@ var w = p(function({ value: t, duration: n = 500, format: r = ee, className: i }
|
|
|
52
52
|
let r = performance.now(), i;
|
|
53
53
|
function a(o) {
|
|
54
54
|
let c = o - r, l = Math.min(c / n, 1);
|
|
55
|
-
s(e + (t - e) *
|
|
55
|
+
s(e + (t - e) * te(l)), l < 1 && (i = requestAnimationFrame(a));
|
|
56
56
|
}
|
|
57
57
|
return i = requestAnimationFrame(a), () => cancelAnimationFrame(i);
|
|
58
58
|
}, [t, n]), /* @__PURE__ */ y("span", {
|
|
@@ -61,7 +61,7 @@ var w = p(function({ value: t, duration: n = 500, format: r = ee, className: i }
|
|
|
61
61
|
"data-component": "animated-number",
|
|
62
62
|
children: r(o)
|
|
63
63
|
});
|
|
64
|
-
}),
|
|
64
|
+
}), re = p(function({ count: t, maxCount: n = 99, className: r, ...i }, o) {
|
|
65
65
|
let s = t !== void 0 && t > 0;
|
|
66
66
|
return /* @__PURE__ */ b("span", {
|
|
67
67
|
className: e("relative inline-flex", r),
|
|
@@ -76,7 +76,7 @@ var w = p(function({ value: t, duration: n = 500, format: r = ee, className: i }
|
|
|
76
76
|
});
|
|
77
77
|
//#endregion
|
|
78
78
|
//#region src/l3-atoms/barcode.tsx
|
|
79
|
-
function
|
|
79
|
+
function ie(e) {
|
|
80
80
|
let t = [];
|
|
81
81
|
t.push(3, 1, 1, 1, 3, 1);
|
|
82
82
|
for (let n = 0; n < e.length; n++) {
|
|
@@ -85,8 +85,8 @@ function te(e) {
|
|
|
85
85
|
}
|
|
86
86
|
return t.push(3, 1, 1, 1, 3), t;
|
|
87
87
|
}
|
|
88
|
-
var
|
|
89
|
-
let c = g(() =>
|
|
88
|
+
var ae = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !0, color: a = "currentColor", className: o }, s) {
|
|
89
|
+
let c = g(() => ie(t), [t]), l = c.reduce((e, t) => e + t, 0), u = i ? r - 16 : r, d = n / l, f = 0, p = [];
|
|
90
90
|
for (let e = 0; e < c.length; e++) {
|
|
91
91
|
let t = c[e] * d;
|
|
92
92
|
e % 2 == 0 && p.push({
|
|
@@ -121,23 +121,23 @@ var ne = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
121
121
|
children: t
|
|
122
122
|
})]
|
|
123
123
|
});
|
|
124
|
-
}),
|
|
124
|
+
}), oe = {
|
|
125
125
|
default: "animate-pulse",
|
|
126
126
|
fast: "animate-pulse [animation-duration:0.5s]",
|
|
127
127
|
slow: "animate-pulse [animation-duration:3s]"
|
|
128
|
-
},
|
|
128
|
+
}, C = p(function({ active: t = !0, children: n, className: r, speed: i = "default", ...a }, o) {
|
|
129
129
|
return /* @__PURE__ */ y("span", {
|
|
130
|
-
className: e(t &&
|
|
130
|
+
className: e(t && oe[i], r),
|
|
131
131
|
"data-component": "blinking",
|
|
132
132
|
ref: o,
|
|
133
133
|
...a,
|
|
134
134
|
children: n
|
|
135
135
|
});
|
|
136
|
-
}),
|
|
136
|
+
}), se = {
|
|
137
137
|
default: "h-2 w-2",
|
|
138
138
|
lg: "h-3 w-3",
|
|
139
139
|
sm: "h-1.5 w-1.5"
|
|
140
|
-
},
|
|
140
|
+
}, ce = p(function({ className: t, color: n, count: r = 3, size: i = "default", ...a }, o) {
|
|
141
141
|
let s = Array.from({ length: r }, (e, t) => t);
|
|
142
142
|
return /* @__PURE__ */ y("div", {
|
|
143
143
|
className: e("inline-flex items-center gap-1", t),
|
|
@@ -146,14 +146,14 @@ var ne = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
146
146
|
role: "status",
|
|
147
147
|
...a,
|
|
148
148
|
children: s.map((t) => /* @__PURE__ */ y("span", {
|
|
149
|
-
className: e("animate-[bounce-dot_1.4s_ease-in-out_infinite] rounded-full bg-fg-muted",
|
|
149
|
+
className: e("animate-[bounce-dot_1.4s_ease-in-out_infinite] rounded-full bg-fg-muted", se[i]),
|
|
150
150
|
style: {
|
|
151
151
|
animationDelay: `${t * 160}ms`,
|
|
152
152
|
...n === void 0 ? {} : { backgroundColor: n }
|
|
153
153
|
}
|
|
154
154
|
}, t))
|
|
155
155
|
});
|
|
156
|
-
}),
|
|
156
|
+
}), le = p(function({ className: t, disabled: n = !1, onChange: r, options: i, selectAll: a = !1, value: o, ...s }, c) {
|
|
157
157
|
let l = i.length > 0 && i.every((e) => o.includes(e.value)), d = (e, t) => {
|
|
158
158
|
r(t ? [...o, e] : o.filter((t) => t !== e));
|
|
159
159
|
}, f = (e) => {
|
|
@@ -177,20 +177,20 @@ var ne = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
177
177
|
onChange: (t) => d(e.value, t)
|
|
178
178
|
}, e.value))]
|
|
179
179
|
});
|
|
180
|
-
}),
|
|
180
|
+
}), w = n("rounded-md", {
|
|
181
181
|
defaultVariants: { size: "default" },
|
|
182
182
|
variants: { size: {
|
|
183
183
|
default: "h-10 w-10",
|
|
184
184
|
lg: "h-14 w-14",
|
|
185
185
|
sm: "h-7 w-7"
|
|
186
186
|
} }
|
|
187
|
-
}),
|
|
187
|
+
}), T = p(function({ className: t, color: n, copyable: r = !1, label: a, size: o, ...s }, c) {
|
|
188
188
|
let [l, u] = v(!1), d = _(null), f = m(async () => {
|
|
189
189
|
r && (await navigator.clipboard.writeText(n), u(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => {
|
|
190
190
|
u(!1), d.current = null;
|
|
191
191
|
}, 2e3));
|
|
192
192
|
}, [n, r]), p = /* @__PURE__ */ y("span", {
|
|
193
|
-
className: e(
|
|
193
|
+
className: e(w({ size: o }), "block"),
|
|
194
194
|
style: { backgroundColor: n }
|
|
195
195
|
});
|
|
196
196
|
return /* @__PURE__ */ b("span", {
|
|
@@ -216,7 +216,7 @@ var ne = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
216
216
|
})
|
|
217
217
|
]
|
|
218
218
|
});
|
|
219
|
-
}),
|
|
219
|
+
}), ue = p(function({ text: t, label: n = "Copy", copiedLabel: i = "Copied!", variant: a = "default", size: o = "default", className: s }, c) {
|
|
220
220
|
let [l, u] = v(!1), d = _(null);
|
|
221
221
|
h(() => () => {
|
|
222
222
|
d.current !== null && clearTimeout(d.current);
|
|
@@ -256,14 +256,14 @@ var ne = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
256
256
|
}),
|
|
257
257
|
children: l ? i : n
|
|
258
258
|
});
|
|
259
|
-
}),
|
|
259
|
+
}), de = {
|
|
260
260
|
accent: "bg-accent text-accent-fg",
|
|
261
261
|
danger: "bg-danger text-white",
|
|
262
262
|
success: "bg-success text-white"
|
|
263
|
-
},
|
|
263
|
+
}, fe = p(function({ className: t, count: n, max: r = 99, variant: i = "danger", ...a }, o) {
|
|
264
264
|
let s = n > r ? `${r}+` : String(n);
|
|
265
265
|
return /* @__PURE__ */ y("span", {
|
|
266
|
-
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",
|
|
266
|
+
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", de[i], t),
|
|
267
267
|
"data-component": "count-badge",
|
|
268
268
|
"data-variant": i,
|
|
269
269
|
ref: o,
|
|
@@ -273,17 +273,17 @@ var ne = p(function({ value: t, width: n = 200, height: r = 60, showValue: i = !
|
|
|
273
273
|
});
|
|
274
274
|
//#endregion
|
|
275
275
|
//#region src/l3-atoms/count-up.tsx
|
|
276
|
-
function
|
|
276
|
+
function pe(e, t, n) {
|
|
277
277
|
let r = e.toFixed(t);
|
|
278
278
|
if (n === "") return r;
|
|
279
279
|
let [i, a] = r.split("."), o = i.replace(/\B(?=(\d{3})+(?!\d))/g, n);
|
|
280
280
|
return a === void 0 ? o : `${o}.${a}`;
|
|
281
281
|
}
|
|
282
|
-
function
|
|
282
|
+
function me(e) {
|
|
283
283
|
let t = e - 1;
|
|
284
284
|
return t * t * t + 1;
|
|
285
285
|
}
|
|
286
|
-
var
|
|
286
|
+
var he = p(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i, suffix: a, separator: o = ",", className: s }, c) {
|
|
287
287
|
let [l, u] = v(0);
|
|
288
288
|
return h(() => {
|
|
289
289
|
if (n <= 0) {
|
|
@@ -293,7 +293,7 @@ var D = p(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i, s
|
|
|
293
293
|
let e = performance.now(), r;
|
|
294
294
|
function i(a) {
|
|
295
295
|
let o = a - e, s = Math.min(o / n, 1);
|
|
296
|
-
u(
|
|
296
|
+
u(me(s) * t), s < 1 && (r = requestAnimationFrame(i));
|
|
297
297
|
}
|
|
298
298
|
return r = requestAnimationFrame(i), () => cancelAnimationFrame(r);
|
|
299
299
|
}, [t, n]), /* @__PURE__ */ b("span", {
|
|
@@ -302,14 +302,14 @@ var D = p(function({ value: t, duration: n = 1500, decimals: r = 0, prefix: i, s
|
|
|
302
302
|
"data-component": "count-up",
|
|
303
303
|
children: [
|
|
304
304
|
i ?? "",
|
|
305
|
-
|
|
305
|
+
pe(l, r, o),
|
|
306
306
|
a ?? ""
|
|
307
307
|
]
|
|
308
308
|
});
|
|
309
309
|
});
|
|
310
310
|
//#endregion
|
|
311
311
|
//#region src/l3-atoms/countdown.tsx
|
|
312
|
-
function
|
|
312
|
+
function E(e) {
|
|
313
313
|
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);
|
|
314
314
|
return {
|
|
315
315
|
days: Math.floor(t / 1e3 / 60 / 60 / 24),
|
|
@@ -319,15 +319,15 @@ function O(e) {
|
|
|
319
319
|
total: t
|
|
320
320
|
};
|
|
321
321
|
}
|
|
322
|
-
function
|
|
322
|
+
function D(e) {
|
|
323
323
|
return e.toString().padStart(2, "0");
|
|
324
324
|
}
|
|
325
|
-
var
|
|
326
|
-
let s = new Date(t).getTime(), [c, l] = v(() =>
|
|
325
|
+
var O = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds: i = !0, className: a }, o) {
|
|
326
|
+
let s = new Date(t).getTime(), [c, l] = v(() => E(s));
|
|
327
327
|
h(() => {
|
|
328
328
|
if (c.total <= 0) return;
|
|
329
329
|
let e = setInterval(() => {
|
|
330
|
-
let t =
|
|
330
|
+
let t = E(s);
|
|
331
331
|
l(t), t.total <= 0 && (clearInterval(e), n !== void 0 && n());
|
|
332
332
|
}, 1e3);
|
|
333
333
|
return () => clearInterval(e);
|
|
@@ -339,16 +339,16 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
339
339
|
let u = [];
|
|
340
340
|
return r && u.push({
|
|
341
341
|
label: "D",
|
|
342
|
-
value:
|
|
342
|
+
value: D(c.days)
|
|
343
343
|
}), u.push({
|
|
344
344
|
label: "H",
|
|
345
|
-
value:
|
|
345
|
+
value: D(c.hours)
|
|
346
346
|
}), u.push({
|
|
347
347
|
label: "M",
|
|
348
|
-
value:
|
|
348
|
+
value: D(c.minutes)
|
|
349
349
|
}), i && u.push({
|
|
350
350
|
label: "S",
|
|
351
|
-
value:
|
|
351
|
+
value: D(c.seconds)
|
|
352
352
|
}), /* @__PURE__ */ y("div", {
|
|
353
353
|
ref: o,
|
|
354
354
|
className: e("inline-flex items-center gap-1", a),
|
|
@@ -366,23 +366,23 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
366
366
|
})]
|
|
367
367
|
}, e.label))
|
|
368
368
|
});
|
|
369
|
-
}),
|
|
369
|
+
}), k = 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", {
|
|
370
370
|
defaultVariants: { variant: "default" },
|
|
371
371
|
variants: { variant: {
|
|
372
372
|
danger: "bg-danger animate-pulse",
|
|
373
373
|
default: "bg-accent"
|
|
374
374
|
} }
|
|
375
|
-
}),
|
|
375
|
+
}), A = p(function({ className: t, count: n, max: r = 99, variant: i, ...a }, o) {
|
|
376
376
|
if (n <= 0) return null;
|
|
377
377
|
let s = n > r ? `${r}+` : String(n);
|
|
378
378
|
return /* @__PURE__ */ y("span", {
|
|
379
|
-
className: e(
|
|
379
|
+
className: e(k({ variant: i }), t),
|
|
380
380
|
"data-component": "countdown-badge",
|
|
381
381
|
ref: o,
|
|
382
382
|
...a,
|
|
383
383
|
children: s
|
|
384
384
|
});
|
|
385
|
-
}),
|
|
385
|
+
}), j = p(function({ children: t, className: n, offset: r, smooth: i = !0, ...a }, o) {
|
|
386
386
|
let s = _(null), [c, l] = v({
|
|
387
387
|
x: 0,
|
|
388
388
|
y: 0
|
|
@@ -408,7 +408,7 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
408
408
|
children: t
|
|
409
409
|
})
|
|
410
410
|
});
|
|
411
|
-
}),
|
|
411
|
+
}), M = p(function({ className: t, inverted: n = !1, unit: r, value: i, ...a }, o) {
|
|
412
412
|
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}`;
|
|
413
413
|
return /* @__PURE__ */ y("span", {
|
|
414
414
|
className: e("inline-flex items-center gap-0.5 text-sm font-medium tabular-nums", l, t),
|
|
@@ -418,24 +418,24 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
418
418
|
...a,
|
|
419
419
|
children: u
|
|
420
420
|
});
|
|
421
|
-
}),
|
|
421
|
+
}), N = {
|
|
422
422
|
accent: "bg-accent shadow-[0_0_6px_var(--color-accent)]",
|
|
423
423
|
success: "bg-success shadow-[0_0_6px_var(--color-success)]",
|
|
424
424
|
warning: "bg-warning shadow-[0_0_6px_var(--color-warning)]",
|
|
425
425
|
danger: "bg-danger shadow-[0_0_6px_var(--color-danger)]"
|
|
426
|
-
},
|
|
426
|
+
}, P = {
|
|
427
427
|
sm: "h-1.5 w-1.5",
|
|
428
428
|
default: "h-2.5 w-2.5",
|
|
429
429
|
lg: "h-3.5 w-3.5"
|
|
430
|
-
},
|
|
430
|
+
}, F = p(function({ color: t = "accent", size: n = "default", className: r, ...i }, a) {
|
|
431
431
|
return /* @__PURE__ */ y("span", {
|
|
432
432
|
ref: a,
|
|
433
|
-
className: e("inline-block rounded-full",
|
|
433
|
+
className: e("inline-block rounded-full", N[t], P[n], r),
|
|
434
434
|
"data-component": "glow-dot",
|
|
435
435
|
"data-variant": t,
|
|
436
436
|
...i
|
|
437
437
|
});
|
|
438
|
-
}),
|
|
438
|
+
}), I = p(function({ children: t, className: n, from: r = "#6366f1", to: i = "#ec4899", ...a }, o) {
|
|
439
439
|
return /* @__PURE__ */ y("span", {
|
|
440
440
|
className: e("inline-block bg-clip-text text-transparent", n),
|
|
441
441
|
"data-component": "gradient-text",
|
|
@@ -444,7 +444,7 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
444
444
|
...a,
|
|
445
445
|
children: t
|
|
446
446
|
});
|
|
447
|
-
}),
|
|
447
|
+
}), L = p(function({ className: t, color: n = "var(--color-accent)", max: r = 100, showValue: i = !1, size: a = 32, value: o, ...s }, c) {
|
|
448
448
|
let l = r > 0 ? Math.min(Math.max(o / r, 0), 1) : 0;
|
|
449
449
|
return /* @__PURE__ */ y("div", {
|
|
450
450
|
className: e("inline-flex items-center justify-center rounded text-[10px] font-medium", t),
|
|
@@ -462,7 +462,7 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
462
462
|
children: o
|
|
463
463
|
})
|
|
464
464
|
});
|
|
465
|
-
}),
|
|
465
|
+
}), R = p(function({ className: t, keys: n, ...r }, i) {
|
|
466
466
|
return /* @__PURE__ */ y("span", {
|
|
467
467
|
className: e("inline-flex items-center gap-1", t),
|
|
468
468
|
"data-component": "hotkey",
|
|
@@ -476,17 +476,17 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
476
476
|
}), /* @__PURE__ */ y(o, { children: e })]
|
|
477
477
|
}, t))
|
|
478
478
|
});
|
|
479
|
-
}),
|
|
479
|
+
}), ge = {
|
|
480
480
|
bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
481
481
|
left: "right-full top-1/2 -translate-y-1/2 mr-2",
|
|
482
482
|
right: "left-full top-1/2 -translate-y-1/2 ml-2",
|
|
483
483
|
top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
|
|
484
|
-
},
|
|
484
|
+
}, _e = {
|
|
485
485
|
bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-bg-tertiary border-x-transparent border-t-transparent border-4",
|
|
486
486
|
left: "left-full top-1/2 -translate-y-1/2 border-l-bg-tertiary border-y-transparent border-r-transparent border-4",
|
|
487
487
|
right: "right-full top-1/2 -translate-y-1/2 border-r-bg-tertiary border-y-transparent border-l-transparent border-4",
|
|
488
488
|
top: "top-full left-1/2 -translate-x-1/2 border-t-bg-tertiary border-x-transparent border-b-transparent border-4"
|
|
489
|
-
},
|
|
489
|
+
}, z = p(function({ children: n, className: r, content: i, delay: a = 300, glass: o, interactive: s = !1, maxWidth: c, placement: l = "top", ...u }, d) {
|
|
490
490
|
let [f, p] = v(!1), h = _(void 0), g = _(void 0), x = m(() => {
|
|
491
491
|
clearTimeout(g.current), h.current = setTimeout(() => p(!0), a);
|
|
492
492
|
}, [a]), S = m(() => {
|
|
@@ -508,17 +508,17 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
508
508
|
maxWidth: c,
|
|
509
509
|
whiteSpace: "normal"
|
|
510
510
|
},
|
|
511
|
-
children: [/* @__PURE__ */ y("span", { className: e("absolute",
|
|
512
|
-
className: (
|
|
511
|
+
children: [/* @__PURE__ */ y("span", { className: e("absolute", _e[l]) }), /* @__PURE__ */ y("span", {
|
|
512
|
+
className: (ge[l], ""),
|
|
513
513
|
children: i
|
|
514
514
|
})]
|
|
515
515
|
})]
|
|
516
516
|
});
|
|
517
|
-
}),
|
|
517
|
+
}), ve = {
|
|
518
518
|
default: "h-4 w-4",
|
|
519
519
|
sm: "h-3.5 w-3.5"
|
|
520
|
-
},
|
|
521
|
-
return /* @__PURE__ */ y(
|
|
520
|
+
}, ye = p(function({ className: t, content: n, size: r = "default", ...i }, a) {
|
|
521
|
+
return /* @__PURE__ */ y(z, {
|
|
522
522
|
content: n,
|
|
523
523
|
ref: a,
|
|
524
524
|
...i,
|
|
@@ -526,7 +526,7 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
526
526
|
className: e("inline-flex cursor-help items-center text-fg-muted/60 hover:text-fg-muted", t),
|
|
527
527
|
"data-component": "info-tip",
|
|
528
528
|
children: /* @__PURE__ */ b("svg", {
|
|
529
|
-
className:
|
|
529
|
+
className: ve[r],
|
|
530
530
|
fill: "none",
|
|
531
531
|
stroke: "currentColor",
|
|
532
532
|
strokeWidth: "2",
|
|
@@ -539,7 +539,7 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
539
539
|
})
|
|
540
540
|
})
|
|
541
541
|
});
|
|
542
|
-
}),
|
|
542
|
+
}), be = p(function({ label: t, value: n, mono: r = !1, className: i, ...a }, o) {
|
|
543
543
|
return /* @__PURE__ */ b("div", {
|
|
544
544
|
ref: o,
|
|
545
545
|
className: e("inline-flex items-baseline gap-1.5 gds-text-body", i),
|
|
@@ -556,7 +556,7 @@ var A = p(function({ targetDate: t, onComplete: n, showDays: r = !0, showSeconds
|
|
|
556
556
|
});
|
|
557
557
|
//#endregion
|
|
558
558
|
//#region src/l3-atoms/keyboard-shortcut.tsx
|
|
559
|
-
function
|
|
559
|
+
function xe(e) {
|
|
560
560
|
let t = e.toLowerCase().split("+"), n = {
|
|
561
561
|
ctrl: !1,
|
|
562
562
|
meta: !1,
|
|
@@ -569,7 +569,7 @@ function ye(e) {
|
|
|
569
569
|
mainKey: r
|
|
570
570
|
};
|
|
571
571
|
}
|
|
572
|
-
function
|
|
572
|
+
function Se(e) {
|
|
573
573
|
return {
|
|
574
574
|
ctrl: "Ctrl",
|
|
575
575
|
meta: "⌘",
|
|
@@ -578,8 +578,8 @@ function be(e) {
|
|
|
578
578
|
alt: "Alt"
|
|
579
579
|
}[e.toLowerCase()] ?? e.toUpperCase();
|
|
580
580
|
}
|
|
581
|
-
var
|
|
582
|
-
let { modifiers: c, mainKey: l } =
|
|
581
|
+
var Ce = p(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1, className: a }, s) {
|
|
582
|
+
let { modifiers: c, mainKey: l } = xe(t), u = m((e) => {
|
|
583
583
|
i || e.ctrlKey === c.ctrl && e.metaKey === c.meta && e.shiftKey === c.shift && e.altKey === c.alt && e.key.toLowerCase() === l && (e.preventDefault(), n());
|
|
584
584
|
}, [
|
|
585
585
|
i,
|
|
@@ -591,14 +591,14 @@ var xe = p(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
591
591
|
n
|
|
592
592
|
]);
|
|
593
593
|
if (h(() => (window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u)), [u]), !r) return null;
|
|
594
|
-
let d = t.split("+").map((e, t) => /* @__PURE__ */ y(o, { children:
|
|
594
|
+
let d = t.split("+").map((e, t) => /* @__PURE__ */ y(o, { children: Se(e) }, t));
|
|
595
595
|
return /* @__PURE__ */ y("span", {
|
|
596
596
|
ref: s,
|
|
597
597
|
className: e("inline-flex items-center gap-1", a),
|
|
598
598
|
"data-component": "keyboard-shortcut",
|
|
599
599
|
children: d
|
|
600
600
|
});
|
|
601
|
-
}),
|
|
601
|
+
}), we = p(function({ className: t, label: n = "LIVE", ...r }, i) {
|
|
602
602
|
return /* @__PURE__ */ b("span", {
|
|
603
603
|
className: e("inline-flex items-center gap-1.5", t),
|
|
604
604
|
"data-component": "live-dot",
|
|
@@ -612,7 +612,7 @@ var xe = p(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
612
612
|
children: n
|
|
613
613
|
})]
|
|
614
614
|
});
|
|
615
|
-
}),
|
|
615
|
+
}), Te = p(function({ children: t, strength: n = .3, radius: r = 100, className: i }, a) {
|
|
616
616
|
let o = _(null), [s, c] = v({
|
|
617
617
|
x: 0,
|
|
618
618
|
y: 0
|
|
@@ -649,7 +649,7 @@ var xe = p(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
649
649
|
onMouseLeave: u,
|
|
650
650
|
children: t
|
|
651
651
|
});
|
|
652
|
-
}),
|
|
652
|
+
}), Ee = p(function({ children: t, speed: n = 30, direction: r = "left", pauseOnHover: i = !0, className: a }, o) {
|
|
653
653
|
let s = _(null), [c, l] = v(10);
|
|
654
654
|
h(() => {
|
|
655
655
|
if (s.current === null) return;
|
|
@@ -679,24 +679,24 @@ var xe = p(function({ keys: t, onTrigger: n, showBadge: r = !1, disabled: i = !1
|
|
|
679
679
|
})]
|
|
680
680
|
})
|
|
681
681
|
});
|
|
682
|
-
}),
|
|
682
|
+
}), B = n("overflow-hidden gds-radius-badge bg-bg-tertiary", {
|
|
683
683
|
defaultVariants: { size: "default" },
|
|
684
684
|
variants: { size: {
|
|
685
685
|
default: "h-2.5",
|
|
686
686
|
lg: "h-4",
|
|
687
687
|
sm: "h-1.5"
|
|
688
688
|
} }
|
|
689
|
-
}),
|
|
689
|
+
}), De = {
|
|
690
690
|
danger: "bg-danger",
|
|
691
691
|
default: "bg-accent",
|
|
692
692
|
success: "bg-success",
|
|
693
693
|
warning: "bg-warning"
|
|
694
694
|
};
|
|
695
|
-
function
|
|
695
|
+
function Oe(e) {
|
|
696
696
|
return e >= .8 ? "bg-danger" : e >= .6 ? "bg-warning" : e >= .4 ? "bg-accent" : "bg-success";
|
|
697
697
|
}
|
|
698
|
-
var
|
|
699
|
-
let d = r - i, f = d > 0 ? Math.max(0, Math.min(1, (s - i) / d)) : 0, p = c === "auto" ?
|
|
698
|
+
var ke = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValue: a = !0, size: o, value: s, variant: c = "auto", ...l }, u) {
|
|
699
|
+
let d = r - i, f = d > 0 ? Math.max(0, Math.min(1, (s - i) / d)) : 0, p = c === "auto" ? Oe(f) : De[c] ?? "bg-accent";
|
|
700
700
|
return /* @__PURE__ */ b("div", {
|
|
701
701
|
className: e("w-full", t),
|
|
702
702
|
"data-component": "meter",
|
|
@@ -716,7 +716,7 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
716
716
|
"aria-valuemax": r,
|
|
717
717
|
"aria-valuemin": i,
|
|
718
718
|
"aria-valuenow": s,
|
|
719
|
-
className:
|
|
719
|
+
className: B({ size: o }),
|
|
720
720
|
role: "meter",
|
|
721
721
|
children: /* @__PURE__ */ y("div", {
|
|
722
722
|
className: e("h-full gds-radius-badge transition-all duration-500", p),
|
|
@@ -724,7 +724,7 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
724
724
|
})
|
|
725
725
|
})]
|
|
726
726
|
});
|
|
727
|
-
}),
|
|
727
|
+
}), Ae = p(function({ className: t, label: n, online: r, ...i }, a) {
|
|
728
728
|
let o = r ? "bg-success" : "bg-fg-muted/40", s = n ?? (r ? "Online" : "Offline");
|
|
729
729
|
return /* @__PURE__ */ b("span", {
|
|
730
730
|
className: e("inline-flex items-center gds-gap-sm", t),
|
|
@@ -736,7 +736,7 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
736
736
|
children: s
|
|
737
737
|
})]
|
|
738
738
|
});
|
|
739
|
-
}),
|
|
739
|
+
}), je = p(function({ className: t, precision: n = 1, showSign: r = !1, value: i, ...a }, o) {
|
|
740
740
|
let s = i > 0, c = s ? "text-success" : i < 0 ? "text-danger" : "text-fg-muted", l = `${r && s ? "+" : ""}${i.toFixed(n)}%`;
|
|
741
741
|
return /* @__PURE__ */ y("span", {
|
|
742
742
|
className: e("inline-flex tabular-nums text-sm font-medium", c, t),
|
|
@@ -745,18 +745,18 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
745
745
|
...a,
|
|
746
746
|
children: l
|
|
747
747
|
});
|
|
748
|
-
}),
|
|
748
|
+
}), Me = {
|
|
749
749
|
default: "h-16 w-16 text-lg",
|
|
750
750
|
lg: "h-20 w-20 text-xl",
|
|
751
751
|
sm: "h-12 w-12 text-sm"
|
|
752
|
-
},
|
|
752
|
+
}, V = {
|
|
753
753
|
default: 3,
|
|
754
754
|
lg: 3.5,
|
|
755
755
|
sm: 2.5
|
|
756
|
-
},
|
|
756
|
+
}, Ne = p(function({ className: t, size: n = "default", value: r, ...i }, a) {
|
|
757
757
|
let o = Math.max(0, Math.min(100, r)), s = g(() => o >= 80 ? "text-success" : o >= 50 ? "text-warning" : "text-danger", [o]), c = 2 * Math.PI * 18, l = c - o / 100 * c;
|
|
758
758
|
return /* @__PURE__ */ b("div", {
|
|
759
|
-
className: e("relative inline-flex items-center justify-center select-none",
|
|
759
|
+
className: e("relative inline-flex items-center justify-center select-none", Me[n], t),
|
|
760
760
|
"data-component": "percentage-circle",
|
|
761
761
|
ref: a,
|
|
762
762
|
...i,
|
|
@@ -770,7 +770,7 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
770
770
|
fill: "none",
|
|
771
771
|
r: 18,
|
|
772
772
|
stroke: "currentColor",
|
|
773
|
-
strokeWidth:
|
|
773
|
+
strokeWidth: V[n]
|
|
774
774
|
}), /* @__PURE__ */ y("circle", {
|
|
775
775
|
className: e("transition-all duration-500", s),
|
|
776
776
|
cx: "20",
|
|
@@ -781,14 +781,14 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
781
781
|
strokeDasharray: c,
|
|
782
782
|
strokeDashoffset: l,
|
|
783
783
|
strokeLinecap: "round",
|
|
784
|
-
strokeWidth:
|
|
784
|
+
strokeWidth: V[n]
|
|
785
785
|
})]
|
|
786
786
|
}), /* @__PURE__ */ b("span", {
|
|
787
787
|
className: e("font-mono font-bold", s),
|
|
788
788
|
children: [o, "%"]
|
|
789
789
|
})]
|
|
790
790
|
});
|
|
791
|
-
}),
|
|
791
|
+
}), Pe = p(function({ className: t, currency: n = "¥", showSign: r = !1, value: i, ...a }, o) {
|
|
792
792
|
let s = i < 0, c = i > 0, l = s ? "text-danger" : c ? "text-success" : "text-fg", u = r && c ? "+" : "", d = Math.abs(i).toLocaleString();
|
|
793
793
|
return /* @__PURE__ */ b("span", {
|
|
794
794
|
className: e("tabular-nums", l, t),
|
|
@@ -801,13 +801,13 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
801
801
|
d
|
|
802
802
|
]
|
|
803
803
|
});
|
|
804
|
-
}),
|
|
804
|
+
}), Fe = {
|
|
805
805
|
accent: "stroke-accent",
|
|
806
806
|
danger: "stroke-danger",
|
|
807
807
|
success: "stroke-success",
|
|
808
808
|
warning: "stroke-warning"
|
|
809
|
-
},
|
|
810
|
-
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 =
|
|
809
|
+
}, Ie = p(function({ value: t, size: n = 64, strokeWidth: r = 4, showValue: i = !0, variant: a = "accent", className: o }, s) {
|
|
810
|
+
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 = Fe[a] ?? "stroke-accent";
|
|
811
811
|
return /* @__PURE__ */ b("svg", {
|
|
812
812
|
ref: s,
|
|
813
813
|
className: e("shrink-0", o),
|
|
@@ -850,7 +850,7 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
850
850
|
})
|
|
851
851
|
]
|
|
852
852
|
});
|
|
853
|
-
}),
|
|
853
|
+
}), Le = p(function({ className: t, size: n = 48, strokeWidth: r = 4, value: i, ...a }, o) {
|
|
854
854
|
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;
|
|
855
855
|
return /* @__PURE__ */ b("div", {
|
|
856
856
|
"aria-valuemax": 100,
|
|
@@ -890,16 +890,16 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
890
890
|
children: [s, "%"]
|
|
891
891
|
})]
|
|
892
892
|
});
|
|
893
|
-
}),
|
|
893
|
+
}), H = {
|
|
894
894
|
accent: "bg-accent",
|
|
895
895
|
danger: "bg-danger",
|
|
896
896
|
success: "bg-success",
|
|
897
897
|
warning: "bg-warning"
|
|
898
|
-
},
|
|
898
|
+
}, Re = {
|
|
899
899
|
default: "h-2.5 w-2.5",
|
|
900
900
|
lg: "h-3.5 w-3.5",
|
|
901
901
|
sm: "h-2 w-2"
|
|
902
|
-
},
|
|
902
|
+
}, ze = p(function({ className: t, color: n = "success", label: r, size: i = "default", ...a }, o) {
|
|
903
903
|
return /* @__PURE__ */ b("span", {
|
|
904
904
|
className: e("inline-flex items-center", r !== void 0 && "gds-gap-sm", t),
|
|
905
905
|
"data-component": "pulse-indicator",
|
|
@@ -907,13 +907,13 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
907
907
|
...a,
|
|
908
908
|
children: [/* @__PURE__ */ b("span", {
|
|
909
909
|
className: "relative inline-flex",
|
|
910
|
-
children: [/* @__PURE__ */ y("span", { className: e("rounded-full",
|
|
910
|
+
children: [/* @__PURE__ */ y("span", { className: e("rounded-full", H[n], Re[i]) }), /* @__PURE__ */ y("span", { className: e("absolute inset-0 animate-ping rounded-full opacity-50", H[n]) })]
|
|
911
911
|
}), r !== void 0 && /* @__PURE__ */ y("span", {
|
|
912
912
|
className: "gds-text-label text-fg-muted",
|
|
913
913
|
children: r
|
|
914
914
|
})]
|
|
915
915
|
});
|
|
916
|
-
}),
|
|
916
|
+
}), Be = p(function({ active: t = !0, className: n, color: r, count: i = 3, size: a = 80, ...o }, s) {
|
|
917
917
|
if (!t) return /* @__PURE__ */ y("div", {
|
|
918
918
|
className: e("relative inline-flex", n),
|
|
919
919
|
"data-component": "pulse-ring",
|
|
@@ -941,17 +941,17 @@ var De = p(function({ className: t, label: n, max: r = 100, min: i = 0, showValu
|
|
|
941
941
|
});
|
|
942
942
|
//#endregion
|
|
943
943
|
//#region src/l3-atoms/qr-code.tsx
|
|
944
|
-
function
|
|
944
|
+
function Ve(e) {
|
|
945
945
|
let t = 5381;
|
|
946
946
|
for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n) | 0;
|
|
947
947
|
return Math.abs(t);
|
|
948
948
|
}
|
|
949
|
-
function
|
|
949
|
+
function He(e) {
|
|
950
950
|
let t = e;
|
|
951
951
|
return () => (t = t * 1103515245 + 12345 & 2147483647, t / 2147483647);
|
|
952
952
|
}
|
|
953
|
-
var
|
|
954
|
-
function
|
|
953
|
+
var U = 21, W = 1;
|
|
954
|
+
function G(e, t) {
|
|
955
955
|
let n = [];
|
|
956
956
|
for (let r = 0; r < 7; r++) for (let i = 0; i < 7; i++) (r === 0 || r === 6 || i === 0 || i === 6 || r >= 2 && r <= 4 && i >= 2 && i <= 4) && n.push({
|
|
957
957
|
x: e + i,
|
|
@@ -959,12 +959,12 @@ function q(e, t) {
|
|
|
959
959
|
});
|
|
960
960
|
return n;
|
|
961
961
|
}
|
|
962
|
-
var
|
|
962
|
+
var Ue = p(function({ value: t, size: n = 128, color: r = "currentColor", bgColor: i = "transparent", className: a }, o) {
|
|
963
963
|
let s = g(() => {
|
|
964
964
|
let e = [];
|
|
965
|
-
e.push(...
|
|
966
|
-
let n =
|
|
967
|
-
for (let t = 0; t <
|
|
965
|
+
e.push(...G(0, 0)), e.push(...G(U - 7, 0)), e.push(...G(0, U - 7));
|
|
966
|
+
let n = He(Ve(t));
|
|
967
|
+
for (let t = 0; t < U; t++) for (let r = 0; r < U; r++) t < 8 && r < 8 || t < 8 && r >= U - 8 || t >= U - 8 && r < 8 || n() > .55 && e.push({
|
|
968
968
|
x: r,
|
|
969
969
|
y: t
|
|
970
970
|
});
|
|
@@ -974,25 +974,25 @@ var Ve = p(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
|
|
|
974
974
|
ref: o,
|
|
975
975
|
width: n,
|
|
976
976
|
height: n,
|
|
977
|
-
viewBox: `0 0 ${
|
|
977
|
+
viewBox: `0 0 ${U} ${U}`,
|
|
978
978
|
className: e("shrink-0", a),
|
|
979
979
|
"data-component": "qr-code",
|
|
980
980
|
"data-testid": "qr-code-svg",
|
|
981
981
|
role: "img",
|
|
982
982
|
"aria-label": `QR code for: ${t}`,
|
|
983
983
|
children: [/* @__PURE__ */ y("rect", {
|
|
984
|
-
width:
|
|
985
|
-
height:
|
|
984
|
+
width: U,
|
|
985
|
+
height: U,
|
|
986
986
|
fill: i
|
|
987
987
|
}), s.map((e, t) => /* @__PURE__ */ y("rect", {
|
|
988
988
|
x: e.x,
|
|
989
989
|
y: e.y,
|
|
990
|
-
width:
|
|
991
|
-
height:
|
|
990
|
+
width: W,
|
|
991
|
+
height: W,
|
|
992
992
|
fill: r
|
|
993
993
|
}, t))]
|
|
994
994
|
});
|
|
995
|
-
}),
|
|
995
|
+
}), K = n("inline-flex shrink-0 select-none items-center justify-center rounded-full transition-transform active:scale-95 hover:scale-105", {
|
|
996
996
|
defaultVariants: {
|
|
997
997
|
size: "default",
|
|
998
998
|
variant: "primary"
|
|
@@ -1008,11 +1008,11 @@ var Ve = p(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
|
|
|
1008
1008
|
sm: "h-9 w-9"
|
|
1009
1009
|
}
|
|
1010
1010
|
}
|
|
1011
|
-
}),
|
|
1011
|
+
}), We = p(function({ className: t, disabled: n, icon: r, label: a, onClick: o, size: s, variant: c, ...l }, u) {
|
|
1012
1012
|
return /* @__PURE__ */ b("div", {
|
|
1013
1013
|
className: "inline-flex flex-col items-center gap-1",
|
|
1014
1014
|
children: [/* @__PURE__ */ y("button", {
|
|
1015
|
-
className: e(
|
|
1015
|
+
className: e(K({
|
|
1016
1016
|
size: s,
|
|
1017
1017
|
variant: c
|
|
1018
1018
|
}), i, n === !0 && "pointer-events-none opacity-40", t),
|
|
@@ -1032,7 +1032,7 @@ var Ve = p(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
|
|
|
1032
1032
|
children: a
|
|
1033
1033
|
})]
|
|
1034
1034
|
});
|
|
1035
|
-
}),
|
|
1035
|
+
}), Ge = p(function({ className: t, direction: n = "vertical", disabled: r = !1, onChange: a, options: o, value: s, ...c }, l) {
|
|
1036
1036
|
return /* @__PURE__ */ y("div", {
|
|
1037
1037
|
className: e("flex gds-gap", n === "vertical" ? "flex-col" : "flex-row flex-wrap", t),
|
|
1038
1038
|
"data-component": "radio-group",
|
|
@@ -1058,14 +1058,14 @@ var Ve = p(function({ value: t, size: n = 128, color: r = "currentColor", bgColo
|
|
|
1058
1058
|
}, t.value);
|
|
1059
1059
|
})
|
|
1060
1060
|
});
|
|
1061
|
-
}),
|
|
1061
|
+
}), q = {
|
|
1062
1062
|
default: "gds-sq-xs",
|
|
1063
1063
|
lg: "gds-sq-sm",
|
|
1064
1064
|
sm: "gds-icon"
|
|
1065
1065
|
};
|
|
1066
|
-
function
|
|
1066
|
+
function J({ filled: t }) {
|
|
1067
1067
|
return /* @__PURE__ */ y("svg", {
|
|
1068
|
-
className: e(
|
|
1068
|
+
className: e(q.default, t ? "fill-warning text-warning" : "text-fg-muted/20"),
|
|
1069
1069
|
fill: t ? "currentColor" : "none",
|
|
1070
1070
|
stroke: "currentColor",
|
|
1071
1071
|
strokeWidth: 1.5,
|
|
@@ -1077,7 +1077,7 @@ function X({ filled: t }) {
|
|
|
1077
1077
|
})
|
|
1078
1078
|
});
|
|
1079
1079
|
}
|
|
1080
|
-
var
|
|
1080
|
+
var Ke = p(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, renderStar: o, size: s = "default", value: c, ...l }, u) {
|
|
1081
1081
|
let [d, f] = v(null), p = m(() => f(null), []);
|
|
1082
1082
|
return /* @__PURE__ */ y("div", {
|
|
1083
1083
|
className: e("inline-flex gds-gap-xs", t),
|
|
@@ -1089,16 +1089,16 @@ var We = p(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, r
|
|
|
1089
1089
|
children: Array.from({ length: n }, (t, n) => {
|
|
1090
1090
|
let l = n + 1, u = d === null ? l <= c : l <= d;
|
|
1091
1091
|
return a ? /* @__PURE__ */ y("span", {
|
|
1092
|
-
className:
|
|
1093
|
-
children: o === void 0 ? /* @__PURE__ */ y(
|
|
1092
|
+
className: q[s],
|
|
1093
|
+
children: o === void 0 ? /* @__PURE__ */ y(J, { filled: u }) : o(u, n)
|
|
1094
1094
|
}, n) : /* @__PURE__ */ y("button", {
|
|
1095
1095
|
className: e("transition-transform hover:scale-110", i),
|
|
1096
1096
|
onClick: () => r?.(l),
|
|
1097
1097
|
onMouseEnter: () => f(l),
|
|
1098
1098
|
type: "button",
|
|
1099
1099
|
children: /* @__PURE__ */ y("span", {
|
|
1100
|
-
className:
|
|
1101
|
-
children: o === void 0 ? /* @__PURE__ */ y(
|
|
1100
|
+
className: q[s],
|
|
1101
|
+
children: o === void 0 ? /* @__PURE__ */ y(J, { filled: u }) : o(u, n)
|
|
1102
1102
|
})
|
|
1103
1103
|
}, n);
|
|
1104
1104
|
})
|
|
@@ -1106,7 +1106,7 @@ var We = p(function({ className: t, max: n = 5, onChange: r, readonly: a = !1, r
|
|
|
1106
1106
|
});
|
|
1107
1107
|
//#endregion
|
|
1108
1108
|
//#region src/l3-atoms/relative-time.tsx
|
|
1109
|
-
function
|
|
1109
|
+
function Y(e) {
|
|
1110
1110
|
let t = e instanceof Date ? e : new Date(e), n = Date.now() - t.getTime(), r = Math.floor(n / 1e3);
|
|
1111
1111
|
if (r < 60) return "just now";
|
|
1112
1112
|
let i = Math.floor(r / 60);
|
|
@@ -1119,17 +1119,17 @@ function Z(e) {
|
|
|
1119
1119
|
let s = Math.floor(o / 30);
|
|
1120
1120
|
return s < 12 ? `${s}mo ago` : `${Math.floor(s / 12)}y ago`;
|
|
1121
1121
|
}
|
|
1122
|
-
function
|
|
1122
|
+
function qe(e) {
|
|
1123
1123
|
return e.toLocaleString();
|
|
1124
1124
|
}
|
|
1125
|
-
var
|
|
1126
|
-
let [o, s] = v(() =>
|
|
1127
|
-
h(() => (s(
|
|
1128
|
-
s(
|
|
1125
|
+
var Je = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
1126
|
+
let [o, s] = v(() => Y(n)), c = _(null);
|
|
1127
|
+
h(() => (s(Y(n)), c.current = setInterval(() => {
|
|
1128
|
+
s(Y(n));
|
|
1129
1129
|
}, 3e4), () => {
|
|
1130
1130
|
c.current !== null && clearInterval(c.current);
|
|
1131
1131
|
}), [n]);
|
|
1132
|
-
let l = n instanceof Date ? n : new Date(n), u =
|
|
1132
|
+
let l = n instanceof Date ? n : new Date(n), u = qe(l);
|
|
1133
1133
|
return /* @__PURE__ */ y("time", {
|
|
1134
1134
|
className: e("font-mono text-fg-muted", t),
|
|
1135
1135
|
"data-component": "relative-time",
|
|
@@ -1139,12 +1139,12 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1139
1139
|
...i,
|
|
1140
1140
|
children: r === void 0 ? o : `${r} ${o}`
|
|
1141
1141
|
});
|
|
1142
|
-
}),
|
|
1142
|
+
}), Ye = {
|
|
1143
1143
|
accent: "bg-accent text-accent-fg",
|
|
1144
1144
|
danger: "bg-danger text-white",
|
|
1145
1145
|
success: "bg-success text-white",
|
|
1146
1146
|
warning: "bg-warning text-white"
|
|
1147
|
-
},
|
|
1147
|
+
}, Xe = p(function({ children: t, label: n, variant: r = "accent", position: i = "top-right", className: a, ...o }, s) {
|
|
1148
1148
|
let c = i === "top-right";
|
|
1149
1149
|
return /* @__PURE__ */ b("div", {
|
|
1150
1150
|
ref: s,
|
|
@@ -1152,11 +1152,11 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1152
1152
|
"data-component": "ribbon",
|
|
1153
1153
|
...o,
|
|
1154
1154
|
children: [/* @__PURE__ */ y("div", {
|
|
1155
|
-
className: e("pointer-events-none absolute top-3 z-10 px-6 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm",
|
|
1155
|
+
className: e("pointer-events-none absolute top-3 z-10 px-6 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm", Ye[r], c ? "-right-6 rotate-45" : "-left-6 -rotate-45"),
|
|
1156
1156
|
children: n
|
|
1157
1157
|
}), t]
|
|
1158
1158
|
});
|
|
1159
|
-
}),
|
|
1159
|
+
}), Ze = p(function({ className: t, color: n, position: r = "top-right", text: i, ...a }, o) {
|
|
1160
1160
|
let s = r === "top-right";
|
|
1161
1161
|
return /* @__PURE__ */ y("div", {
|
|
1162
1162
|
className: e("absolute top-0 z-10 overflow-hidden", s ? "right-0" : "left-0", t),
|
|
@@ -1181,12 +1181,12 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1181
1181
|
children: i
|
|
1182
1182
|
})
|
|
1183
1183
|
});
|
|
1184
|
-
}),
|
|
1184
|
+
}), Qe = 0, $e = p(function({ children: t, color: n = "currentColor", disabled: r = !1, className: i }, a) {
|
|
1185
1185
|
let [o, s] = v([]), c = m((e) => {
|
|
1186
1186
|
if (r) return;
|
|
1187
1187
|
let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top, a = Math.max(t.width, t.height) * 2;
|
|
1188
1188
|
s((e) => [...e, {
|
|
1189
|
-
id:
|
|
1189
|
+
id: Qe++,
|
|
1190
1190
|
x: n,
|
|
1191
1191
|
y: i,
|
|
1192
1192
|
size: a
|
|
@@ -1211,7 +1211,7 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1211
1211
|
onAnimationEnd: () => l(e.id)
|
|
1212
1212
|
}, e.id))]
|
|
1213
1213
|
});
|
|
1214
|
-
}),
|
|
1214
|
+
}), et = p(function({ className: t, color: n, height: r = 3, ...i }, a) {
|
|
1215
1215
|
let [o, s] = v(0), c = m(() => {
|
|
1216
1216
|
let e = document.documentElement.scrollTop, t = document.documentElement.scrollHeight - document.documentElement.clientHeight;
|
|
1217
1217
|
t > 0 && s(e / t * 100);
|
|
@@ -1230,7 +1230,7 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1230
1230
|
}
|
|
1231
1231
|
})
|
|
1232
1232
|
});
|
|
1233
|
-
}),
|
|
1233
|
+
}), tt = p(function({ threshold: t = 300, smooth: n = !0, className: r }, a) {
|
|
1234
1234
|
let [o, s] = v(() => typeof window > "u" ? !1 : window.scrollY >= t);
|
|
1235
1235
|
return h(() => {
|
|
1236
1236
|
let e = () => s(window.scrollY >= t);
|
|
@@ -1257,10 +1257,10 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1257
1257
|
children: /* @__PURE__ */ y("path", { d: "M8 12V4M4 7l4-3 4 3" })
|
|
1258
1258
|
})
|
|
1259
1259
|
}) : null;
|
|
1260
|
-
}),
|
|
1260
|
+
}), nt = {
|
|
1261
1261
|
default: "px-3 py-1.5 text-xs",
|
|
1262
1262
|
sm: "px-2 py-1 text-[11px]"
|
|
1263
|
-
},
|
|
1263
|
+
}, rt = p(function({ options: n, value: r, onChange: a, size: o = "default", disabled: s, glass: c, className: l, ...u }, d) {
|
|
1264
1264
|
return /* @__PURE__ */ y("div", {
|
|
1265
1265
|
ref: d,
|
|
1266
1266
|
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),
|
|
@@ -1278,12 +1278,12 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1278
1278
|
onClick: () => {
|
|
1279
1279
|
n || a(t.value);
|
|
1280
1280
|
},
|
|
1281
|
-
className: e("gds-radius-button transition-all",
|
|
1281
|
+
className: e("gds-radius-button transition-all", nt[o ?? "default"], i, n ? "bg-bg font-medium text-fg gds-shadow-sm" : "text-fg-muted hover:text-fg"),
|
|
1282
1282
|
children: t.label
|
|
1283
1283
|
}, t.value);
|
|
1284
1284
|
})
|
|
1285
1285
|
});
|
|
1286
|
-
}),
|
|
1286
|
+
}), it = p(function({ className: t, description: n, keys: r, ...i }, a) {
|
|
1287
1287
|
return /* @__PURE__ */ b("span", {
|
|
1288
1288
|
className: e("inline-flex items-center gap-2", t),
|
|
1289
1289
|
"data-component": "shortcut-display",
|
|
@@ -1297,7 +1297,7 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1297
1297
|
children: n
|
|
1298
1298
|
})]
|
|
1299
1299
|
});
|
|
1300
|
-
}),
|
|
1300
|
+
}), at = {
|
|
1301
1301
|
"avatar-text": () => /* @__PURE__ */ b("div", {
|
|
1302
1302
|
className: "flex items-center gap-3",
|
|
1303
1303
|
children: [/* @__PURE__ */ y(c, { variant: "circle" }), /* @__PURE__ */ b("div", {
|
|
@@ -1336,8 +1336,8 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1336
1336
|
height: 36
|
|
1337
1337
|
})]
|
|
1338
1338
|
})
|
|
1339
|
-
},
|
|
1340
|
-
let a =
|
|
1339
|
+
}, ot = p(function({ className: t, count: n = 1, variant: r = "avatar-text" }, i) {
|
|
1340
|
+
let a = at[r];
|
|
1341
1341
|
return /* @__PURE__ */ y("div", {
|
|
1342
1342
|
ref: i,
|
|
1343
1343
|
className: e("flex flex-col gap-4", t),
|
|
@@ -1345,8 +1345,8 @@ var Ke = p(function({ className: t, date: n, prefix: r, ...i }, a) {
|
|
|
1345
1345
|
"data-variant": r,
|
|
1346
1346
|
children: Array.from({ length: n }, (e, t) => /* @__PURE__ */ y("div", { children: a() }, t))
|
|
1347
1347
|
});
|
|
1348
|
-
}),
|
|
1349
|
-
function
|
|
1348
|
+
}), st = "M12 0l3 9 9 3-9 3-3 9-3-9-9-3 9-3z";
|
|
1349
|
+
function ct(e, t) {
|
|
1350
1350
|
let n = 360 / t * e * Math.PI / 180, r = 70 + e % 3 * 15;
|
|
1351
1351
|
return {
|
|
1352
1352
|
position: "absolute",
|
|
@@ -1359,7 +1359,7 @@ function ot(e, t) {
|
|
|
1359
1359
|
opacity: 0
|
|
1360
1360
|
};
|
|
1361
1361
|
}
|
|
1362
|
-
var
|
|
1362
|
+
var lt = p(function({ children: t, active: n = !0, count: r = 3, color: i = "var(--gds-accent)", className: a }, o) {
|
|
1363
1363
|
let s = Array.from({ length: r }, (e, t) => t);
|
|
1364
1364
|
return /* @__PURE__ */ b("span", {
|
|
1365
1365
|
ref: o,
|
|
@@ -1370,19 +1370,19 @@ var st = p(function({ children: t, active: n = !0, count: r = 3, color: i = "var
|
|
|
1370
1370
|
n && s.map((e) => /* @__PURE__ */ y("svg", {
|
|
1371
1371
|
viewBox: "0 0 24 24",
|
|
1372
1372
|
fill: i,
|
|
1373
|
-
style:
|
|
1373
|
+
style: ct(e, r),
|
|
1374
1374
|
"aria-hidden": "true",
|
|
1375
|
-
children: /* @__PURE__ */ y("path", { d:
|
|
1375
|
+
children: /* @__PURE__ */ y("path", { d: st })
|
|
1376
1376
|
}, e)),
|
|
1377
1377
|
n && /* @__PURE__ */ y("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 " })
|
|
1378
1378
|
]
|
|
1379
1379
|
});
|
|
1380
|
-
}),
|
|
1380
|
+
}), ut = {
|
|
1381
1381
|
sm: 14,
|
|
1382
1382
|
default: 18,
|
|
1383
1383
|
lg: 24
|
|
1384
|
-
},
|
|
1385
|
-
function
|
|
1384
|
+
}, X = "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";
|
|
1385
|
+
function dt({ fill: e, s: t, color: n }) {
|
|
1386
1386
|
let r = `half-${Math.random().toString(36).slice(2, 8)}`;
|
|
1387
1387
|
return e === "full" ? /* @__PURE__ */ y("svg", {
|
|
1388
1388
|
width: t,
|
|
@@ -1391,7 +1391,7 @@ function lt({ fill: e, s: t, color: n }) {
|
|
|
1391
1391
|
fill: n,
|
|
1392
1392
|
stroke: n,
|
|
1393
1393
|
strokeWidth: 1,
|
|
1394
|
-
children: /* @__PURE__ */ y("path", { d:
|
|
1394
|
+
children: /* @__PURE__ */ y("path", { d: X })
|
|
1395
1395
|
}) : e === "half" ? /* @__PURE__ */ b("svg", {
|
|
1396
1396
|
width: t,
|
|
1397
1397
|
height: t,
|
|
@@ -1409,11 +1409,11 @@ function lt({ fill: e, s: t, color: n }) {
|
|
|
1409
1409
|
})
|
|
1410
1410
|
}) }),
|
|
1411
1411
|
/* @__PURE__ */ y("path", {
|
|
1412
|
-
d:
|
|
1412
|
+
d: X,
|
|
1413
1413
|
fill: "none"
|
|
1414
1414
|
}),
|
|
1415
1415
|
/* @__PURE__ */ y("path", {
|
|
1416
|
-
d:
|
|
1416
|
+
d: X,
|
|
1417
1417
|
fill: n,
|
|
1418
1418
|
clipPath: `url(#${r})`
|
|
1419
1419
|
})
|
|
@@ -1426,11 +1426,11 @@ function lt({ fill: e, s: t, color: n }) {
|
|
|
1426
1426
|
stroke: "currentColor",
|
|
1427
1427
|
strokeWidth: 1,
|
|
1428
1428
|
className: "text-fg-muted/30",
|
|
1429
|
-
children: /* @__PURE__ */ y("path", { d:
|
|
1429
|
+
children: /* @__PURE__ */ y("path", { d: X })
|
|
1430
1430
|
});
|
|
1431
1431
|
}
|
|
1432
|
-
var
|
|
1433
|
-
let s =
|
|
1432
|
+
var ft = p(function({ value: t, max: n = 5, size: r = "default", color: i = "currentColor", className: a }, o) {
|
|
1433
|
+
let s = ut[r], c = i === "currentColor" ? "var(--color-warning)" : i;
|
|
1434
1434
|
return /* @__PURE__ */ y("div", {
|
|
1435
1435
|
ref: o,
|
|
1436
1436
|
className: e("inline-flex items-center gap-0.5", a),
|
|
@@ -1439,24 +1439,24 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1439
1439
|
"aria-label": `${t} out of ${n} stars`,
|
|
1440
1440
|
children: Array.from({ length: n }, (e, n) => {
|
|
1441
1441
|
let r = t - n;
|
|
1442
|
-
return /* @__PURE__ */ y(
|
|
1442
|
+
return /* @__PURE__ */ y(dt, {
|
|
1443
1443
|
fill: r >= 1 ? "full" : r >= .5 ? "half" : "empty",
|
|
1444
1444
|
s,
|
|
1445
1445
|
color: c
|
|
1446
1446
|
}, n);
|
|
1447
1447
|
})
|
|
1448
1448
|
});
|
|
1449
|
-
}),
|
|
1449
|
+
}), Z = {
|
|
1450
1450
|
active: "bg-success/10 text-success",
|
|
1451
1451
|
draft: "bg-fg-muted/10 text-fg-muted",
|
|
1452
1452
|
error: "bg-danger/10 text-danger",
|
|
1453
1453
|
inactive: "bg-fg-muted/10 text-fg-muted",
|
|
1454
1454
|
pending: "bg-warning/10 text-warning",
|
|
1455
1455
|
warning: "bg-warning/10 text-warning"
|
|
1456
|
-
},
|
|
1456
|
+
}, pt = p(function({ className: n, glass: r, icon: i, label: a, size: o = "default", status: s, ...c }, l) {
|
|
1457
1457
|
let u = a ?? s;
|
|
1458
1458
|
return /* @__PURE__ */ b("span", {
|
|
1459
|
-
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",
|
|
1459
|
+
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", Z[s], t(r), r === !0 && "border border-white/10 bg-white/5", n),
|
|
1460
1460
|
"data-component": "status-badge",
|
|
1461
1461
|
"data-state": s,
|
|
1462
1462
|
ref: l,
|
|
@@ -1466,23 +1466,29 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1466
1466
|
children: i
|
|
1467
1467
|
}), u]
|
|
1468
1468
|
});
|
|
1469
|
-
}),
|
|
1469
|
+
}), mt = {
|
|
1470
|
+
status: Z,
|
|
1471
|
+
size: {
|
|
1472
|
+
default: "gds-pad-x-sm gds-pad-y-sm gds-text-body",
|
|
1473
|
+
sm: "gds-pad-x-sm py-px gds-text-caption"
|
|
1474
|
+
}
|
|
1475
|
+
}, Q = {
|
|
1470
1476
|
connected: "bg-success",
|
|
1471
1477
|
connecting: "bg-warning animate-pulse",
|
|
1472
1478
|
disconnected: "bg-danger"
|
|
1473
|
-
},
|
|
1479
|
+
}, ht = p(function({ className: t, label: n, status: r, ...i }, a) {
|
|
1474
1480
|
return /* @__PURE__ */ b("span", {
|
|
1475
1481
|
className: e("inline-flex items-center gds-gap-sm", t),
|
|
1476
1482
|
"data-component": "status-dot",
|
|
1477
1483
|
"data-state": r,
|
|
1478
1484
|
ref: a,
|
|
1479
1485
|
...i,
|
|
1480
|
-
children: [/* @__PURE__ */ y("span", { className: e("h-2 w-2 shrink-0 rounded-full",
|
|
1486
|
+
children: [/* @__PURE__ */ y("span", { className: e("h-2 w-2 shrink-0 rounded-full", Q[r]) }), n !== void 0 && /* @__PURE__ */ y("span", {
|
|
1481
1487
|
className: "gds-text-label text-fg-muted",
|
|
1482
1488
|
children: n
|
|
1483
1489
|
})]
|
|
1484
1490
|
});
|
|
1485
|
-
}),
|
|
1491
|
+
}), gt = { status: Q }, _t = p(function({ className: t, disabled: n = !1, items: r, onChange: i }, a) {
|
|
1486
1492
|
return /* @__PURE__ */ y("div", {
|
|
1487
1493
|
ref: a,
|
|
1488
1494
|
className: e("flex flex-col gap-3", t),
|
|
@@ -1506,25 +1512,25 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1506
1512
|
})]
|
|
1507
1513
|
}, e.id))
|
|
1508
1514
|
});
|
|
1509
|
-
}),
|
|
1515
|
+
}), vt = {
|
|
1510
1516
|
accent: "bg-accent/15 text-accent",
|
|
1511
1517
|
danger: "bg-danger/15 text-danger",
|
|
1512
1518
|
muted: "bg-fg-muted/10 text-fg-muted",
|
|
1513
1519
|
success: "bg-success/15 text-success",
|
|
1514
1520
|
warning: "bg-warning/15 text-warning"
|
|
1515
|
-
},
|
|
1521
|
+
}, yt = {
|
|
1516
1522
|
default: "px-1.5 py-0.5 text-[10px]",
|
|
1517
1523
|
sm: "px-1 py-px text-[9px]"
|
|
1518
|
-
},
|
|
1524
|
+
}, bt = p(function({ className: t, label: n, size: r = "default", variant: i = "accent", ...a }, o) {
|
|
1519
1525
|
return /* @__PURE__ */ y("span", {
|
|
1520
|
-
className: e("inline-flex select-none items-center rounded-full font-bold uppercase leading-none tracking-wider",
|
|
1526
|
+
className: e("inline-flex select-none items-center rounded-full font-bold uppercase leading-none tracking-wider", vt[i], yt[r], t),
|
|
1521
1527
|
"data-component": "text-badge",
|
|
1522
1528
|
"data-variant": i,
|
|
1523
1529
|
ref: o,
|
|
1524
1530
|
...a,
|
|
1525
1531
|
children: n
|
|
1526
1532
|
});
|
|
1527
|
-
}),
|
|
1533
|
+
}), xt = p(function({ children: t, className: n, effect: r, gradientFrom: i, gradientTo: a, style: o, ...s }, c) {
|
|
1528
1534
|
let l = i ?? "var(--gds-accent)", u = a ?? "var(--gds-success)";
|
|
1529
1535
|
return r === "gradient" ? /* @__PURE__ */ y("span", {
|
|
1530
1536
|
className: e("bg-clip-text text-transparent", n),
|
|
@@ -1557,7 +1563,7 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1557
1563
|
...s,
|
|
1558
1564
|
children: t
|
|
1559
1565
|
});
|
|
1560
|
-
}),
|
|
1566
|
+
}), St = p(function({ className: t, error: n, maxLength: r, onChange: i, value: a, ...o }, c) {
|
|
1561
1567
|
let l = a.length, u = r !== void 0 && l >= r * .9;
|
|
1562
1568
|
return /* @__PURE__ */ b("div", {
|
|
1563
1569
|
className: e("flex flex-col", t),
|
|
@@ -1574,20 +1580,20 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1574
1580
|
children: r === void 0 ? l : `${l} / ${r}`
|
|
1575
1581
|
})]
|
|
1576
1582
|
});
|
|
1577
|
-
}),
|
|
1583
|
+
}), Ct = {
|
|
1578
1584
|
default: "h-8 w-8",
|
|
1579
1585
|
sm: "h-6 w-6"
|
|
1580
|
-
},
|
|
1586
|
+
}, wt = {
|
|
1581
1587
|
default: 16,
|
|
1582
1588
|
sm: 14
|
|
1583
|
-
},
|
|
1584
|
-
let s = t === "dark", c =
|
|
1589
|
+
}, Tt = p(function({ mode: t, onChange: n, size: r = "default", className: a }, o) {
|
|
1590
|
+
let s = t === "dark", c = wt[r];
|
|
1585
1591
|
return /* @__PURE__ */ y("button", {
|
|
1586
1592
|
ref: o,
|
|
1587
1593
|
type: "button",
|
|
1588
1594
|
"aria-label": s ? "Switch to light mode" : "Switch to dark mode",
|
|
1589
1595
|
onClick: () => n(s ? "light" : "dark"),
|
|
1590
|
-
className: e("inline-flex items-center justify-center rounded-full text-fg-muted transition-colors hover:text-fg select-none",
|
|
1596
|
+
className: e("inline-flex items-center justify-center rounded-full text-fg-muted transition-colors hover:text-fg select-none", Ct[r], i, a),
|
|
1591
1597
|
"data-component": "theme-toggle",
|
|
1592
1598
|
"data-state": t,
|
|
1593
1599
|
children: s ? /* @__PURE__ */ b("svg", {
|
|
@@ -1616,10 +1622,11 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1616
1622
|
children: /* @__PURE__ */ y("path", { d: "M13.5 8.5a5.5 5.5 0 01-7-7A5.5 5.5 0 108 14a5.48 5.48 0 005.5-5.5z" })
|
|
1617
1623
|
})
|
|
1618
1624
|
});
|
|
1619
|
-
}),
|
|
1625
|
+
}), $ = { size: {
|
|
1626
|
+
sm: "px-2 py-1 text-[11px]",
|
|
1620
1627
|
default: "px-3 py-1.5 text-xs",
|
|
1621
|
-
|
|
1622
|
-
},
|
|
1628
|
+
lg: "px-4 py-2 text-sm"
|
|
1629
|
+
} }, Et = $, Dt = p(function({ items: t, value: n, onChange: r, exclusive: a, size: o = "default", disabled: s, className: c, ...l }, u) {
|
|
1623
1630
|
function d(e) {
|
|
1624
1631
|
if (a === !0) {
|
|
1625
1632
|
n.includes(e) || r([e]);
|
|
@@ -1638,7 +1645,7 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1638
1645
|
let c = n.includes(r.value), l = a === t.length - 1;
|
|
1639
1646
|
return /* @__PURE__ */ y("button", {
|
|
1640
1647
|
"aria-pressed": c,
|
|
1641
|
-
className: e("transition-colors",
|
|
1648
|
+
className: e("transition-colors", $.size[o ?? "default"], !l && "border-r border-border", i, c ? "bg-accent/10 text-accent" : "text-fg-muted hover:bg-bg-tertiary"),
|
|
1642
1649
|
disabled: s,
|
|
1643
1650
|
onClick: () => d(r.value),
|
|
1644
1651
|
type: "button",
|
|
@@ -1646,11 +1653,11 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1646
1653
|
}, r.value);
|
|
1647
1654
|
})
|
|
1648
1655
|
});
|
|
1649
|
-
}),
|
|
1656
|
+
}), Ot = {
|
|
1650
1657
|
sm: 12,
|
|
1651
1658
|
default: 16
|
|
1652
|
-
},
|
|
1653
|
-
let o =
|
|
1659
|
+
}, kt = p(function({ className: t, direction: n, size: r = "default", ...i }, a) {
|
|
1660
|
+
let o = Ot[r];
|
|
1654
1661
|
return /* @__PURE__ */ y("span", {
|
|
1655
1662
|
className: e("inline-flex", n === "up" ? "text-success" : n === "down" ? "text-danger" : "text-fg-muted", t),
|
|
1656
1663
|
"data-component": "trend-arrow",
|
|
@@ -1673,7 +1680,7 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1673
1680
|
]
|
|
1674
1681
|
})
|
|
1675
1682
|
});
|
|
1676
|
-
}),
|
|
1683
|
+
}), At = p(function({ className: t, items: n, max: r = 3, moreLabel: i, ...a }, o) {
|
|
1677
1684
|
let s = n.slice(0, r), c = n.length - r;
|
|
1678
1685
|
return /* @__PURE__ */ b("div", {
|
|
1679
1686
|
className: e("inline-flex flex-wrap items-center gds-gap-sm", t),
|
|
@@ -1685,7 +1692,7 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1685
1692
|
children: i === void 0 ? `+${c} more` : i(c)
|
|
1686
1693
|
})]
|
|
1687
1694
|
});
|
|
1688
|
-
}),
|
|
1695
|
+
}), jt = p(function({ text: t, speed: n = 50, delay: r = 0, cursor: i = !0, onComplete: a, className: o }, s) {
|
|
1689
1696
|
let [c, l] = v(0), [u, d] = v(r <= 0);
|
|
1690
1697
|
return h(() => {
|
|
1691
1698
|
if (r <= 0) return;
|
|
@@ -1718,17 +1725,17 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1718
1725
|
children: "|"
|
|
1719
1726
|
})]
|
|
1720
1727
|
});
|
|
1721
|
-
}),
|
|
1728
|
+
}), Mt = {
|
|
1722
1729
|
default: "text-accent",
|
|
1723
1730
|
gold: "text-warning",
|
|
1724
1731
|
official: "text-success"
|
|
1725
|
-
},
|
|
1732
|
+
}, Nt = {
|
|
1726
1733
|
default: 16,
|
|
1727
1734
|
sm: 12
|
|
1728
|
-
},
|
|
1729
|
-
let o =
|
|
1735
|
+
}, Pt = p(function({ className: t, size: n = "default", variant: r = "default", ...i }, a) {
|
|
1736
|
+
let o = Nt[n];
|
|
1730
1737
|
return /* @__PURE__ */ y("span", {
|
|
1731
|
-
className: e("inline-flex shrink-0 items-center",
|
|
1738
|
+
className: e("inline-flex shrink-0 items-center", Mt[r], t),
|
|
1732
1739
|
"data-component": "verified-badge",
|
|
1733
1740
|
"data-variant": r,
|
|
1734
1741
|
ref: a,
|
|
@@ -1741,7 +1748,7 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1741
1748
|
children: /* @__PURE__ */ y("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" })
|
|
1742
1749
|
})
|
|
1743
1750
|
});
|
|
1744
|
-
}),
|
|
1751
|
+
}), Ft = p(function({ value: t, onChange: n, min: r, max: a, step: o = 1, disabled: s = !1, className: c, ...l }, u) {
|
|
1745
1752
|
let d = r !== void 0 && t <= r, f = a !== void 0 && t >= a;
|
|
1746
1753
|
return /* @__PURE__ */ b("div", {
|
|
1747
1754
|
ref: u,
|
|
@@ -1769,7 +1776,7 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1769
1776
|
})
|
|
1770
1777
|
]
|
|
1771
1778
|
});
|
|
1772
|
-
}),
|
|
1779
|
+
}), It = p(function({ children: t, className: n, duration: r = 300, scale: i = 1.1, ...a }, o) {
|
|
1773
1780
|
return /* @__PURE__ */ y("div", {
|
|
1774
1781
|
className: e("overflow-hidden", n),
|
|
1775
1782
|
"data-component": "zoom-on-hover",
|
|
@@ -1789,6 +1796,6 @@ var ut = p(function({ value: t, max: n = 5, size: r = "default", color: i = "cur
|
|
|
1789
1796
|
});
|
|
1790
1797
|
});
|
|
1791
1798
|
//#endregion
|
|
1792
|
-
export {
|
|
1799
|
+
export { L as $, Ke as A, Ne as B, rt as C, Ze as D, $e as E, Be as F, Ee as G, Ae as H, ze as I, Ce as J, Te as K, Le as L, We as M, K as N, Xe as O, Ue as P, R as Q, Ie as R, it as S, et as T, ke as U, je as V, B as W, ye as X, be as Y, z as Z, pt as _, ne as _t, At as a, k as at, lt as b, $ as c, fe as ct, St as d, w as dt, I as et, xt as f, le as ft, gt as g, re as gt, ht as h, ae as ht, jt as i, A as it, Ge as j, Je as k, Et as l, ue as lt, _t as m, C as mt, Ft as n, M as nt, kt as o, O as ot, bt as p, ce as pt, we as q, Pt as r, j as rt, Dt as s, he as st, It as t, F as tt, Tt as u, T as ut, mt as v, S as vt, tt as w, ot as x, ft as y, Pe as z };
|
|
1793
1800
|
|
|
1794
|
-
//# sourceMappingURL=l3-atoms-
|
|
1801
|
+
//# sourceMappingURL=l3-atoms-BxDg3rXt.js.map
|