@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
|
@@ -2,10 +2,10 @@ import { r as e, t } from "./glass-CQTlX7IO.js";
|
|
|
2
2
|
import { r as n, t as r } from "./button-avu-rQU4.js";
|
|
3
3
|
import { r as i } from "./motion-DUPegem-.js";
|
|
4
4
|
import { t as a } from "./icon-button-YatlVZnz.js";
|
|
5
|
-
import { i as o, r as s, t as c } from "./spinner-
|
|
5
|
+
import { i as o, r as s, t as c } from "./spinner-N7UNjdsQ.js";
|
|
6
6
|
import { t as l } from "./progress-wAKN3Czz.js";
|
|
7
7
|
import { t as u } from "./portal-Bbl6F_Wj.js";
|
|
8
|
-
import { t as d } from "./avatar-
|
|
8
|
+
import { t as d } from "./avatar-l3SaMCmU.js";
|
|
9
9
|
import { i as f, r as p, t as m } from "./switch-DC85Os9r.js";
|
|
10
10
|
import { n as h, r as g } from "./dom-17XgfxMq.js";
|
|
11
11
|
import { n as _, r as v, s as y, t as b } from "./hooks-BE-_EmDI.js";
|
|
@@ -166,19 +166,19 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
|
|
|
166
166
|
r: "6.5"
|
|
167
167
|
}), /* @__PURE__ */ O("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
|
|
168
168
|
})
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
let l = i ?? "default";
|
|
169
|
+
}, F = x(function({ children: n, title: r, variant: i = "default", onClose: a, glass: o, className: s, ...c }, l) {
|
|
170
|
+
let u = i ?? "default";
|
|
172
171
|
return /* @__PURE__ */ k("div", {
|
|
172
|
+
ref: l,
|
|
173
173
|
className: e(N({ variant: i }), o === !0 && t(o), s),
|
|
174
174
|
"data-component": "alert",
|
|
175
|
-
"data-variant":
|
|
175
|
+
"data-variant": u,
|
|
176
176
|
role: "alert",
|
|
177
177
|
...c,
|
|
178
178
|
children: [
|
|
179
179
|
/* @__PURE__ */ O("span", {
|
|
180
180
|
className: "mt-px shrink-0",
|
|
181
|
-
children: P[
|
|
181
|
+
children: P[u]
|
|
182
182
|
}),
|
|
183
183
|
/* @__PURE__ */ k("div", {
|
|
184
184
|
className: "min-w-0 flex-1",
|
|
@@ -208,10 +208,7 @@ function F({ children: n, title: r, variant: i = "default", onClose: a, glass: o
|
|
|
208
208
|
})
|
|
209
209
|
]
|
|
210
210
|
});
|
|
211
|
-
}
|
|
212
|
-
//#endregion
|
|
213
|
-
//#region src/l4-molecules/banner.tsx
|
|
214
|
-
var ee = {
|
|
211
|
+
}), ee = {
|
|
215
212
|
danger: "bg-danger/10 text-danger",
|
|
216
213
|
info: "bg-accent/10 text-accent",
|
|
217
214
|
success: "bg-success/10 text-success",
|
|
@@ -586,24 +583,24 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
586
583
|
})
|
|
587
584
|
]
|
|
588
585
|
});
|
|
589
|
-
}),
|
|
586
|
+
}), ge = {
|
|
590
587
|
valid: "bg-success/15 text-success border-success/20",
|
|
591
588
|
expiring: "bg-warning/15 text-warning border-warning/20",
|
|
592
589
|
expired: "bg-danger/15 text-danger border-danger/20"
|
|
593
|
-
},
|
|
590
|
+
}, L = {
|
|
594
591
|
valid: "🔒",
|
|
595
592
|
expiring: "⚠️",
|
|
596
593
|
expired: "❌"
|
|
597
|
-
},
|
|
594
|
+
}, _e = x(function({ className: t, domain: n, expiresAt: r, status: i, ...a }, o) {
|
|
598
595
|
return /* @__PURE__ */ k("div", {
|
|
599
|
-
className: e("inline-flex items-center gap-2 rounded-md border px-2.5 py-1.5",
|
|
596
|
+
className: e("inline-flex items-center gap-2 rounded-md border px-2.5 py-1.5", ge[i], t),
|
|
600
597
|
"data-component": "cert-badge",
|
|
601
598
|
ref: o,
|
|
602
599
|
...a,
|
|
603
600
|
children: [
|
|
604
601
|
/* @__PURE__ */ O("span", {
|
|
605
602
|
className: "text-xs",
|
|
606
|
-
children:
|
|
603
|
+
children: L[i]
|
|
607
604
|
}),
|
|
608
605
|
/* @__PURE__ */ O("span", {
|
|
609
606
|
className: "gds-text-label font-medium",
|
|
@@ -615,7 +612,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
615
612
|
})
|
|
616
613
|
]
|
|
617
614
|
});
|
|
618
|
-
}),
|
|
615
|
+
}), ve = x(function({ options: t, value: n, onChange: r, exclusive: a = !1, className: o, ...s }, c) {
|
|
619
616
|
function l(e) {
|
|
620
617
|
if (a) {
|
|
621
618
|
r(n.includes(e) ? [] : [e]);
|
|
@@ -638,7 +635,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
638
635
|
})
|
|
639
636
|
}, t.value))
|
|
640
637
|
});
|
|
641
|
-
}),
|
|
638
|
+
}), ye = x(function({ code: n, language: r, showLineNumbers: a = !0, maxHeight: o, glass: s, className: c }, l) {
|
|
642
639
|
let [u, d] = E(!1), f = S(() => {
|
|
643
640
|
navigator.clipboard.writeText(n).then(() => {
|
|
644
641
|
d(!0), setTimeout(() => d(!1), 1500);
|
|
@@ -711,7 +708,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
711
708
|
})
|
|
712
709
|
})]
|
|
713
710
|
});
|
|
714
|
-
}),
|
|
711
|
+
}), be = x(function({ code: n, language: r, copyable: i = !0, showLineNumbers: a = !0, glass: o, className: s }, c) {
|
|
715
712
|
let [l, u] = E(!1), d = n.split("\n"), f = S(() => {
|
|
716
713
|
navigator.clipboard.writeText(n).then(() => {
|
|
717
714
|
u(!0), setTimeout(() => u(!1), 2e3);
|
|
@@ -778,7 +775,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
778
775
|
})
|
|
779
776
|
]
|
|
780
777
|
});
|
|
781
|
-
}),
|
|
778
|
+
}), xe = x(function({ trigger: t, children: n, defaultOpen: r = !1, open: i, onOpenChange: a, className: o }, s) {
|
|
782
779
|
let [c, l] = E(r), u = i !== void 0, d = u ? i : c;
|
|
783
780
|
function f() {
|
|
784
781
|
let e = !d;
|
|
@@ -800,7 +797,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
800
797
|
children: d ? n : null
|
|
801
798
|
})]
|
|
802
799
|
});
|
|
803
|
-
}),
|
|
800
|
+
}), Se = [
|
|
804
801
|
"#ef4444",
|
|
805
802
|
"#f97316",
|
|
806
803
|
"#eab308",
|
|
@@ -811,12 +808,12 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
811
808
|
"#ec4899",
|
|
812
809
|
"#64748b",
|
|
813
810
|
"#ffffff"
|
|
814
|
-
],
|
|
815
|
-
let l = r ??
|
|
811
|
+
], Ce = /^#[0-9a-fA-F]{6}$/, we = x(function({ value: t, onChange: n, presets: r, showInput: a = !0, disabled: o = !1, className: s }, c) {
|
|
812
|
+
let l = r ?? Se, [u, d] = E(t), f = S((e) => {
|
|
816
813
|
o || (n(e), d(e));
|
|
817
814
|
}, [o, n]), p = S((e) => {
|
|
818
815
|
let t = e.startsWith("#") ? e : `#${e}`;
|
|
819
|
-
d(t),
|
|
816
|
+
d(t), Ce.test(t) && n(t);
|
|
820
817
|
}, [n]);
|
|
821
818
|
return /* @__PURE__ */ k("div", {
|
|
822
819
|
ref: c,
|
|
@@ -866,7 +863,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
866
863
|
});
|
|
867
864
|
//#endregion
|
|
868
865
|
//#region src/l4-molecules/combobox-list.tsx
|
|
869
|
-
function
|
|
866
|
+
function Te({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onSelect: o, query: s, searchPlaceholder: c, searchRef: l, setHighlightedIndex: u, value: d }) {
|
|
870
867
|
let f = S((e) => {
|
|
871
868
|
if (e.key === "ArrowDown" && (e.preventDefault(), u(i >= n.length - 1 ? 0 : i + 1)), e.key === "ArrowUp" && (e.preventDefault(), u(i <= 0 ? n.length - 1 : i - 1)), e.key === "Enter") {
|
|
872
869
|
e.preventDefault();
|
|
@@ -912,7 +909,7 @@ function we({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onS
|
|
|
912
909
|
}
|
|
913
910
|
//#endregion
|
|
914
911
|
//#region src/l4-molecules/combobox.tsx
|
|
915
|
-
function
|
|
912
|
+
function Ee({ open: t }) {
|
|
916
913
|
return /* @__PURE__ */ O("svg", {
|
|
917
914
|
className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
|
|
918
915
|
fill: "none",
|
|
@@ -924,7 +921,7 @@ function Te({ open: t }) {
|
|
|
924
921
|
children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
|
|
925
922
|
});
|
|
926
923
|
}
|
|
927
|
-
var
|
|
924
|
+
var De = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, onChange: s, options: c, placeholder: l = "Select...", searchPlaceholder: u = "Search...", value: d }, f) {
|
|
928
925
|
let [p, m] = E(!1), [h, g] = E(""), [v, y] = E(0), x = T(null), C = T(null), D = f ?? x, A = w(() => {
|
|
929
926
|
if (h === "") return c;
|
|
930
927
|
let e = h.toLowerCase();
|
|
@@ -953,8 +950,8 @@ var Ee = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, o
|
|
|
953
950
|
children: [/* @__PURE__ */ O("span", {
|
|
954
951
|
className: e(j === void 0 ? "text-fg-muted" : "text-fg"),
|
|
955
952
|
children: j === void 0 ? l : j.label
|
|
956
|
-
}), /* @__PURE__ */ O(
|
|
957
|
-
}), p && /* @__PURE__ */ O(
|
|
953
|
+
}), /* @__PURE__ */ O(Ee, { open: p })]
|
|
954
|
+
}), p && /* @__PURE__ */ O(Te, {
|
|
958
955
|
filtered: A,
|
|
959
956
|
glass: o,
|
|
960
957
|
highlightedIndex: v,
|
|
@@ -970,7 +967,7 @@ var Ee = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, o
|
|
|
970
967
|
});
|
|
971
968
|
//#endregion
|
|
972
969
|
//#region src/l4-molecules/command-menu.tsx
|
|
973
|
-
function
|
|
970
|
+
function Oe({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type a command...", glass: o, className: s }) {
|
|
974
971
|
let [c, l] = E(""), [u, d] = E(0), f = w(() => {
|
|
975
972
|
if (c === "") return n;
|
|
976
973
|
let e = c.toLowerCase();
|
|
@@ -1049,12 +1046,13 @@ function De({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type
|
|
|
1049
1046
|
}
|
|
1050
1047
|
//#endregion
|
|
1051
1048
|
//#region src/l4-molecules/dialog.tsx
|
|
1052
|
-
var
|
|
1049
|
+
var ke = {
|
|
1053
1050
|
sm: "max-w-sm",
|
|
1051
|
+
md: "max-w-lg",
|
|
1054
1052
|
default: "max-w-lg",
|
|
1055
1053
|
lg: "max-w-2xl",
|
|
1056
1054
|
xl: "max-w-4xl"
|
|
1057
|
-
},
|
|
1055
|
+
}, R = x(function({ open: n, onClose: r, title: i, description: a, children: o, glass: s, width: c = "default", className: l }, d) {
|
|
1058
1056
|
let f = v(n);
|
|
1059
1057
|
return y(n), _(n, r), n ? u(/* @__PURE__ */ O("div", {
|
|
1060
1058
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
|
|
@@ -1067,7 +1065,7 @@ var Oe = {
|
|
|
1067
1065
|
ref: (e) => {
|
|
1068
1066
|
f.current = e, typeof d == "function" ? d(e) : d != null && (d.current = e);
|
|
1069
1067
|
},
|
|
1070
|
-
className: e("gds-ctx w-full animate-popup gds-radius-card border gds-shadow-xl", s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface",
|
|
1068
|
+
className: e("gds-ctx w-full animate-popup gds-radius-card border gds-shadow-xl", s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", ke[c], l),
|
|
1071
1069
|
children: [(i !== void 0 || a !== void 0) && /* @__PURE__ */ k("div", {
|
|
1072
1070
|
className: "flex items-start justify-between gds-gap border-b border-border gds-pad-x-lg gds-pad-y-lg",
|
|
1073
1071
|
children: [/* @__PURE__ */ k("div", {
|
|
@@ -1101,8 +1099,17 @@ var Oe = {
|
|
|
1101
1099
|
})]
|
|
1102
1100
|
})
|
|
1103
1101
|
})) : null;
|
|
1104
|
-
})
|
|
1105
|
-
|
|
1102
|
+
});
|
|
1103
|
+
function Ae({ children: t, className: n }) {
|
|
1104
|
+
return /* @__PURE__ */ O("div", {
|
|
1105
|
+
className: e("flex items-center justify-end gds-gap-sm border-t border-border gds-pad-x-lg gds-pad-y", n),
|
|
1106
|
+
children: t
|
|
1107
|
+
});
|
|
1108
|
+
}
|
|
1109
|
+
//#endregion
|
|
1110
|
+
//#region src/l4-molecules/confirm-dialog.tsx
|
|
1111
|
+
var je = x(function({ cancelLabel: e = "Cancel", className: t, confirmLabel: n = "Confirm", loading: i = !1, message: a, onClose: o, onConfirm: s, open: c, title: l = "Confirm", variant: u = "default" }, d) {
|
|
1112
|
+
return /* @__PURE__ */ O(R, {
|
|
1106
1113
|
className: t,
|
|
1107
1114
|
onClose: o,
|
|
1108
1115
|
open: c,
|
|
@@ -1137,7 +1144,7 @@ var Oe = {
|
|
|
1137
1144
|
});
|
|
1138
1145
|
//#endregion
|
|
1139
1146
|
//#region src/l4-molecules/context-menu.tsx
|
|
1140
|
-
function
|
|
1147
|
+
function Me({ trigger: t, items: n, onSelect: r, className: i }) {
|
|
1141
1148
|
let [a, o] = E(!1), [s, c] = E({
|
|
1142
1149
|
x: 0,
|
|
1143
1150
|
y: 0
|
|
@@ -1188,7 +1195,7 @@ function Ae({ trigger: t, items: n, onSelect: r, className: i }) {
|
|
|
1188
1195
|
}
|
|
1189
1196
|
//#endregion
|
|
1190
1197
|
//#region src/l4-molecules/copy-field.tsx
|
|
1191
|
-
var
|
|
1198
|
+
var Ne = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
1192
1199
|
let [o, s] = E(!1), [c, l] = E(!1), u = T(null);
|
|
1193
1200
|
C(() => () => {
|
|
1194
1201
|
u.current !== null && clearTimeout(u.current);
|
|
@@ -1241,7 +1248,7 @@ var je = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
|
1241
1248
|
})]
|
|
1242
1249
|
})]
|
|
1243
1250
|
});
|
|
1244
|
-
}),
|
|
1251
|
+
}), Pe = x(function({ children: t, value: n, feedback: r = "Copied!", className: a }, o) {
|
|
1245
1252
|
let [s, c] = E(!1), l = T(null), u = S(() => {
|
|
1246
1253
|
navigator.clipboard.writeText(n).then(() => {
|
|
1247
1254
|
c(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => {
|
|
@@ -1264,7 +1271,7 @@ var je = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
|
1264
1271
|
children: r
|
|
1265
1272
|
})]
|
|
1266
1273
|
});
|
|
1267
|
-
}),
|
|
1274
|
+
}), Fe = x(function({ amount: t, change: n, className: r, currency: i = "¥", period: a, ...o }, s) {
|
|
1268
1275
|
let c = t.toLocaleString();
|
|
1269
1276
|
return /* @__PURE__ */ k("div", {
|
|
1270
1277
|
className: e("flex items-baseline gds-gap", r),
|
|
@@ -1293,15 +1300,15 @@ var je = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
|
1293
1300
|
});
|
|
1294
1301
|
//#endregion
|
|
1295
1302
|
//#region src/l4-molecules/currency-input.tsx
|
|
1296
|
-
function
|
|
1303
|
+
function Ie(e, t) {
|
|
1297
1304
|
return new Intl.NumberFormat(t).format(e);
|
|
1298
1305
|
}
|
|
1299
|
-
function
|
|
1306
|
+
function Le(e, t, n) {
|
|
1300
1307
|
let r = e;
|
|
1301
1308
|
return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
|
|
1302
1309
|
}
|
|
1303
|
-
var
|
|
1304
|
-
let [p, m] = E(!1), [h, g] = E(""), _ = t === null ? "" :
|
|
1310
|
+
var Re = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja-JP", min: o, max: s, disabled: c = !1, error: l = !1, placeholder: u = "0", className: d }, f) {
|
|
1311
|
+
let [p, m] = E(!1), [h, g] = E(""), _ = t === null ? "" : Ie(t, a), v = S(() => {
|
|
1305
1312
|
m(!0), g(t === null ? "" : String(t));
|
|
1306
1313
|
}, [t]), y = S(() => {
|
|
1307
1314
|
m(!1);
|
|
@@ -1315,7 +1322,7 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1315
1322
|
n(null);
|
|
1316
1323
|
return;
|
|
1317
1324
|
}
|
|
1318
|
-
n(
|
|
1325
|
+
n(Le(t, o, s));
|
|
1319
1326
|
}, [
|
|
1320
1327
|
h,
|
|
1321
1328
|
s,
|
|
@@ -1346,11 +1353,11 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1346
1353
|
"aria-label": "Currency amount"
|
|
1347
1354
|
})]
|
|
1348
1355
|
});
|
|
1349
|
-
}),
|
|
1356
|
+
}), ze = {
|
|
1350
1357
|
down: "text-danger",
|
|
1351
1358
|
neutral: "text-fg-muted",
|
|
1352
1359
|
up: "text-success"
|
|
1353
|
-
},
|
|
1360
|
+
}, Be = x(function({ title: n, value: r, change: i, changeType: a = "neutral", icon: o, footer: s, glass: c, className: l }, u) {
|
|
1354
1361
|
return /* @__PURE__ */ k("div", {
|
|
1355
1362
|
ref: u,
|
|
1356
1363
|
className: e("gds-ctx gds-radius border border-border/40 bg-surface gds-pad select-none", c === !0 && t(c), l),
|
|
@@ -1371,7 +1378,7 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1371
1378
|
children: r
|
|
1372
1379
|
}),
|
|
1373
1380
|
i !== void 0 && /* @__PURE__ */ k("div", {
|
|
1374
|
-
className: e("mt-1 flex items-center gap-1 text-[11px]",
|
|
1381
|
+
className: e("mt-1 flex items-center gap-1 text-[11px]", ze[a]),
|
|
1375
1382
|
children: [
|
|
1376
1383
|
a === "up" && /* @__PURE__ */ k("svg", {
|
|
1377
1384
|
width: "12",
|
|
@@ -1407,7 +1414,7 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1407
1414
|
});
|
|
1408
1415
|
//#endregion
|
|
1409
1416
|
//#region src/l4-molecules/date-display.tsx
|
|
1410
|
-
function
|
|
1417
|
+
function z(e) {
|
|
1411
1418
|
let t = Math.floor(e / 1e3);
|
|
1412
1419
|
if (t < 60) return "just now";
|
|
1413
1420
|
let n = Math.floor(t / 60);
|
|
@@ -1415,13 +1422,13 @@ function B(e) {
|
|
|
1415
1422
|
let r = Math.floor(n / 60);
|
|
1416
1423
|
return r < 24 ? `${r}h ago` : r < 48 ? "yesterday" : `${Math.floor(r / 24)} days ago`;
|
|
1417
1424
|
}
|
|
1418
|
-
function
|
|
1425
|
+
function B(e) {
|
|
1419
1426
|
return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
|
|
1420
1427
|
}
|
|
1421
|
-
var
|
|
1428
|
+
var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", className: r }, i) {
|
|
1422
1429
|
let a = w(() => {
|
|
1423
1430
|
let e = t instanceof Date ? t : new Date(t), r = Date.now() - e.getTime();
|
|
1424
|
-
return n === "relative" ?
|
|
1431
|
+
return n === "relative" ? z(r) : n === "absolute" ? B(e) : r < Ve ? z(r) : B(e);
|
|
1425
1432
|
}, [t, n]), o = t instanceof Date ? t : new Date(t);
|
|
1426
1433
|
return /* @__PURE__ */ O("span", {
|
|
1427
1434
|
ref: i,
|
|
@@ -1430,7 +1437,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1430
1437
|
title: o.toISOString(),
|
|
1431
1438
|
children: a
|
|
1432
1439
|
});
|
|
1433
|
-
}),
|
|
1440
|
+
}), Ue = x(function({ className: t, disabled: n = !1, endDate: r, error: i = !1, onChange: a, placeholder: o, startDate: s }, c) {
|
|
1434
1441
|
return /* @__PURE__ */ k("div", {
|
|
1435
1442
|
className: e("flex items-center gds-radius-input border bg-bg transition-colors", i ? "border-danger" : "border-border hover:border-border-strong", n && "cursor-not-allowed opacity-50", t),
|
|
1436
1443
|
"data-component": "date-range-input",
|
|
@@ -1466,7 +1473,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1466
1473
|
})
|
|
1467
1474
|
]
|
|
1468
1475
|
});
|
|
1469
|
-
}),
|
|
1476
|
+
}), We = x(function({ children: t, title: n, className: r }, i) {
|
|
1470
1477
|
return /* @__PURE__ */ k("div", {
|
|
1471
1478
|
ref: i,
|
|
1472
1479
|
className: e("space-y-0.5", r),
|
|
@@ -1479,7 +1486,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1479
1486
|
children: t
|
|
1480
1487
|
})]
|
|
1481
1488
|
});
|
|
1482
|
-
}),
|
|
1489
|
+
}), Ge = x(function({ className: n, glass: r = !0, items: i, onSelect: a, ...o }, s) {
|
|
1483
1490
|
let [c, l] = E(null);
|
|
1484
1491
|
return /* @__PURE__ */ O("div", {
|
|
1485
1492
|
className: e("inline-flex items-end gap-1 gds-radius-card p-2", "border border-white/[0.06] bg-bg-secondary/80", t(r === !0 ? !0 : void 0), r === !0 && "border-white/10", n),
|
|
@@ -1513,7 +1520,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1513
1520
|
}, t.id);
|
|
1514
1521
|
})
|
|
1515
1522
|
});
|
|
1516
|
-
}),
|
|
1523
|
+
}), Ke = x(function({ label: t, progress: n, complete: r = !1, onClick: a, disabled: o = !1, className: s }, c) {
|
|
1517
1524
|
let l = n !== void 0 && !r, u = o || l;
|
|
1518
1525
|
return /* @__PURE__ */ k("button", {
|
|
1519
1526
|
ref: c,
|
|
@@ -1561,12 +1568,12 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1561
1568
|
}), /* @__PURE__ */ O("span", { children: t })] })
|
|
1562
1569
|
]
|
|
1563
1570
|
});
|
|
1564
|
-
}),
|
|
1571
|
+
}), qe = {
|
|
1565
1572
|
sm: "h-[30vh]",
|
|
1566
1573
|
default: "h-[50vh]",
|
|
1567
1574
|
lg: "h-[75vh]",
|
|
1568
1575
|
full: "h-screen"
|
|
1569
|
-
},
|
|
1576
|
+
}, Je = x(function({ open: n, onClose: r, title: i, children: a, height: o = "default", glass: s, className: c }, l) {
|
|
1570
1577
|
let u = v(n);
|
|
1571
1578
|
return y(n), _(n, r), n ? /* @__PURE__ */ O("div", {
|
|
1572
1579
|
className: "fixed inset-0 z-50 bg-black/50",
|
|
@@ -1577,7 +1584,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1577
1584
|
"data-state": "open",
|
|
1578
1585
|
children: /* @__PURE__ */ k("div", {
|
|
1579
1586
|
ref: g(l, u),
|
|
1580
|
-
className: e("gds-ctx fixed inset-x-0 bottom-0 flex flex-col rounded-t-xl border-t transition-transform duration-200",
|
|
1587
|
+
className: e("gds-ctx fixed inset-x-0 bottom-0 flex flex-col rounded-t-xl border-t transition-transform duration-200", qe[o], s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", c),
|
|
1581
1588
|
children: [
|
|
1582
1589
|
/* @__PURE__ */ O("div", {
|
|
1583
1590
|
className: "flex justify-center py-2",
|
|
@@ -1615,7 +1622,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1615
1622
|
]
|
|
1616
1623
|
})
|
|
1617
1624
|
}) : null;
|
|
1618
|
-
}),
|
|
1625
|
+
}), Ye = x(function({ onDrop: n, accept: r, active: a, children: o, glass: s, className: c }, l) {
|
|
1619
1626
|
let [u, d] = E(!1), f = a === !0 || u, p = S((e) => {
|
|
1620
1627
|
e.preventDefault(), d(!0);
|
|
1621
1628
|
}, []), m = S((e) => {
|
|
@@ -1642,7 +1649,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1642
1649
|
});
|
|
1643
1650
|
//#endregion
|
|
1644
1651
|
//#region src/l4-molecules/dropdown.tsx
|
|
1645
|
-
function
|
|
1652
|
+
function Xe({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, className: c }) {
|
|
1646
1653
|
let [l, u] = E(!1), d = T(null);
|
|
1647
1654
|
return b(d, l, () => u(!1)), _(l, () => u(!1)), /* @__PURE__ */ k("div", {
|
|
1648
1655
|
ref: d,
|
|
@@ -1683,7 +1690,7 @@ function Je({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, c
|
|
|
1683
1690
|
}
|
|
1684
1691
|
//#endregion
|
|
1685
1692
|
//#region src/l4-molecules/editable.tsx
|
|
1686
|
-
var
|
|
1693
|
+
var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", disabled: a, className: o }, s) {
|
|
1687
1694
|
let [c, l] = E(!1), [u, d] = E(t), f = T(null), p = S(() => {
|
|
1688
1695
|
a !== !0 && (d(t), l(!0));
|
|
1689
1696
|
}, [a, t]), m = S(() => {
|
|
@@ -1719,7 +1726,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1719
1726
|
tabIndex: a === !0 ? -1 : 0,
|
|
1720
1727
|
children: _ ? r : t
|
|
1721
1728
|
});
|
|
1722
|
-
}),
|
|
1729
|
+
}), Qe = [
|
|
1723
1730
|
{
|
|
1724
1731
|
name: "Smileys",
|
|
1725
1732
|
emojis: [
|
|
@@ -1788,7 +1795,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1788
1795
|
"✅"
|
|
1789
1796
|
]
|
|
1790
1797
|
}
|
|
1791
|
-
],
|
|
1798
|
+
], $e = x(function({ onSelect: t, categories: n = Qe, columns: r = 8, glass: i = !1, className: a, ...o }, s) {
|
|
1792
1799
|
let [c, l] = E(0), [u, d] = E(""), f = w(() => u === "" ? n[c]?.emojis ?? [] : n.flatMap((e) => e.emojis), [
|
|
1793
1800
|
u,
|
|
1794
1801
|
c,
|
|
@@ -1826,7 +1833,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1826
1833
|
})
|
|
1827
1834
|
]
|
|
1828
1835
|
});
|
|
1829
|
-
}),
|
|
1836
|
+
}), et = x(function({ message: t, icon: n, action: r, className: i }, a) {
|
|
1830
1837
|
return /* @__PURE__ */ k("div", {
|
|
1831
1838
|
ref: a,
|
|
1832
1839
|
className: e("flex flex-col items-center justify-center gap-2 py-6 select-none", i),
|
|
@@ -1846,7 +1853,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1846
1853
|
})
|
|
1847
1854
|
]
|
|
1848
1855
|
});
|
|
1849
|
-
}),
|
|
1856
|
+
}), tt = x(function({ query: t, suggestions: n, className: r }, i) {
|
|
1850
1857
|
return /* @__PURE__ */ k("div", {
|
|
1851
1858
|
ref: i,
|
|
1852
1859
|
className: e("flex flex-col items-center justify-center py-12 text-center select-none", r),
|
|
@@ -1886,29 +1893,29 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1886
1893
|
})
|
|
1887
1894
|
]
|
|
1888
1895
|
});
|
|
1889
|
-
}),
|
|
1896
|
+
}), nt = {
|
|
1890
1897
|
production: "bg-success/15 text-success",
|
|
1891
1898
|
staging: "bg-warning/15 text-warning",
|
|
1892
1899
|
development: "bg-accent/15 text-accent",
|
|
1893
1900
|
local: "bg-bg-tertiary text-fg-muted"
|
|
1894
|
-
},
|
|
1901
|
+
}, rt = {
|
|
1895
1902
|
production: "bg-success",
|
|
1896
1903
|
staging: "bg-warning",
|
|
1897
1904
|
development: "bg-accent",
|
|
1898
1905
|
local: "bg-fg-muted"
|
|
1899
|
-
},
|
|
1906
|
+
}, it = x(function({ className: t, env: n, showDot: r = !0, ...i }, a) {
|
|
1900
1907
|
return /* @__PURE__ */ k("span", {
|
|
1901
|
-
className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium",
|
|
1908
|
+
className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", nt[n], t),
|
|
1902
1909
|
"data-component": "environment-badge",
|
|
1903
1910
|
ref: a,
|
|
1904
1911
|
...i,
|
|
1905
|
-
children: [r && /* @__PURE__ */ O("span", { className: e("h-1.5 w-1.5 rounded-full",
|
|
1912
|
+
children: [r && /* @__PURE__ */ O("span", { className: e("h-1.5 w-1.5 rounded-full", rt[n]) }), n]
|
|
1906
1913
|
});
|
|
1907
|
-
}),
|
|
1914
|
+
}), at = {
|
|
1908
1915
|
1: "grid-cols-1",
|
|
1909
1916
|
2: "grid-cols-1 md:grid-cols-2",
|
|
1910
1917
|
3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
|
|
1911
|
-
},
|
|
1918
|
+
}, ot = x(function({ children: t, columns: n = 1, title: r, description: i, className: a }, o) {
|
|
1912
1919
|
return /* @__PURE__ */ k("fieldset", {
|
|
1913
1920
|
ref: o,
|
|
1914
1921
|
className: e("space-y-4", a),
|
|
@@ -1920,11 +1927,11 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1920
1927
|
className: "mt-0.5 gds-text-body text-fg-muted",
|
|
1921
1928
|
children: i
|
|
1922
1929
|
})] }), /* @__PURE__ */ O("div", {
|
|
1923
|
-
className: e("grid gds-gap",
|
|
1930
|
+
className: e("grid gds-gap", at[n]),
|
|
1924
1931
|
children: t
|
|
1925
1932
|
})]
|
|
1926
1933
|
});
|
|
1927
|
-
}),
|
|
1934
|
+
}), st = x(function({ children: t, legend: n, disabled: r = !1, className: i }, a) {
|
|
1928
1935
|
return /* @__PURE__ */ k("fieldset", {
|
|
1929
1936
|
ref: a,
|
|
1930
1937
|
className: e("gds-radius border border-border gds-pad", r && "cursor-not-allowed opacity-50", i),
|
|
@@ -1938,10 +1945,10 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1938
1945
|
});
|
|
1939
1946
|
//#endregion
|
|
1940
1947
|
//#region src/l4-molecules/file-upload.tsx
|
|
1941
|
-
function
|
|
1948
|
+
function ct(e, t) {
|
|
1942
1949
|
return t === void 0 ? e : e.filter((e) => e.size <= t);
|
|
1943
1950
|
}
|
|
1944
|
-
function
|
|
1951
|
+
function lt() {
|
|
1945
1952
|
return /* @__PURE__ */ k("svg", {
|
|
1946
1953
|
className: "h-8 w-8 text-fg-muted/40",
|
|
1947
1954
|
fill: "none",
|
|
@@ -1962,9 +1969,9 @@ function st() {
|
|
|
1962
1969
|
]
|
|
1963
1970
|
});
|
|
1964
1971
|
}
|
|
1965
|
-
var
|
|
1972
|
+
var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, glass: o, maxSize: s, multiple: c = !1, onFiles: l }, u) {
|
|
1966
1973
|
let [d, f] = E(!1), [p, m] = E([]), h = T(null), g = S((e) => {
|
|
1967
|
-
let t =
|
|
1974
|
+
let t = ct(Array.from(e), s);
|
|
1968
1975
|
m(t), l(t);
|
|
1969
1976
|
}, [s, l]), _ = S(() => {
|
|
1970
1977
|
a || h.current?.click();
|
|
@@ -1994,7 +2001,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
1994
2001
|
ref: h,
|
|
1995
2002
|
type: "file"
|
|
1996
2003
|
}), r === void 0 ? /* @__PURE__ */ k(D, { children: [
|
|
1997
|
-
/* @__PURE__ */ O(
|
|
2004
|
+
/* @__PURE__ */ O(lt, {}),
|
|
1998
2005
|
/* @__PURE__ */ O("div", {
|
|
1999
2006
|
className: "text-sm text-fg-muted",
|
|
2000
2007
|
children: "Drop files here or click to browse"
|
|
@@ -2010,7 +2017,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2010
2017
|
})
|
|
2011
2018
|
] }) : r]
|
|
2012
2019
|
});
|
|
2013
|
-
}),
|
|
2020
|
+
}), dt = x(function({ className: t, filters: n, onChange: r, onClear: a, ...o }, s) {
|
|
2014
2021
|
let c = n.some((e) => e.active);
|
|
2015
2022
|
return /* @__PURE__ */ k("div", {
|
|
2016
2023
|
className: e("flex flex-wrap items-center gds-gap", t),
|
|
@@ -2032,7 +2039,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2032
2039
|
children: "Clear all"
|
|
2033
2040
|
})]
|
|
2034
2041
|
});
|
|
2035
|
-
}),
|
|
2042
|
+
}), ft = x(function({ className: t, disabled: n, loading: i, onCancel: a, onReset: o, onSave: s, saveLabel: c = "Save", ...l }, u) {
|
|
2036
2043
|
return /* @__PURE__ */ k("div", {
|
|
2037
2044
|
className: e("flex items-center justify-end gds-gap", t),
|
|
2038
2045
|
"data-component": "form-actions",
|
|
@@ -2062,7 +2069,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2062
2069
|
})
|
|
2063
2070
|
]
|
|
2064
2071
|
});
|
|
2065
|
-
}),
|
|
2072
|
+
}), pt = x(function({ children: t, className: n, error: r, helperText: i, label: a, required: o, ...c }, l) {
|
|
2066
2073
|
let u = r !== void 0 && r !== "";
|
|
2067
2074
|
return /* @__PURE__ */ k("div", {
|
|
2068
2075
|
className: e("flex flex-col gds-gap-sm", n),
|
|
@@ -2086,7 +2093,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2086
2093
|
})
|
|
2087
2094
|
]
|
|
2088
2095
|
});
|
|
2089
|
-
}),
|
|
2096
|
+
}), V = n(e("inline-flex select-none items-center justify-center font-medium gds-glass transition-colors", i), {
|
|
2090
2097
|
variants: {
|
|
2091
2098
|
variant: {
|
|
2092
2099
|
default: "border border-border/30 bg-bg/50 text-fg hover:bg-bg/70",
|
|
@@ -2102,10 +2109,10 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2102
2109
|
variant: "default",
|
|
2103
2110
|
size: "default"
|
|
2104
2111
|
}
|
|
2105
|
-
}),
|
|
2112
|
+
}), mt = x(function({ children: t, className: n, size: r, variant: i, ...a }, o) {
|
|
2106
2113
|
return /* @__PURE__ */ O("button", {
|
|
2107
2114
|
ref: o,
|
|
2108
|
-
className: e(
|
|
2115
|
+
className: e(V({
|
|
2109
2116
|
size: r,
|
|
2110
2117
|
variant: i
|
|
2111
2118
|
}), n),
|
|
@@ -2113,26 +2120,26 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2113
2120
|
...a,
|
|
2114
2121
|
children: t
|
|
2115
2122
|
});
|
|
2116
|
-
}),
|
|
2123
|
+
}), H = n("gds-ctx gds-radius border bg-bg/60", {
|
|
2117
2124
|
variants: { blur: {
|
|
2118
2125
|
sm: "gds-glass-sm border-border/25",
|
|
2119
2126
|
default: "gds-glass border-border/20",
|
|
2120
2127
|
lg: "gds-glass-lg border-border/15"
|
|
2121
2128
|
} },
|
|
2122
2129
|
defaultVariants: { blur: "default" }
|
|
2123
|
-
}),
|
|
2130
|
+
}), ht = x(function({ blur: t, children: n, className: r }, i) {
|
|
2124
2131
|
return /* @__PURE__ */ O("div", {
|
|
2125
2132
|
ref: i,
|
|
2126
|
-
className: e(
|
|
2133
|
+
className: e(H({ blur: t }), r),
|
|
2127
2134
|
"data-component": "glass-card",
|
|
2128
2135
|
children: n
|
|
2129
2136
|
});
|
|
2130
|
-
}),
|
|
2137
|
+
}), gt = {
|
|
2131
2138
|
bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
2132
2139
|
left: "right-full top-1/2 -translate-y-1/2 mr-2",
|
|
2133
2140
|
right: "left-full top-1/2 -translate-y-1/2 ml-2",
|
|
2134
2141
|
top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
|
|
2135
|
-
},
|
|
2142
|
+
}, _t = x(function({ trigger: t, children: n, delay: r = 300, placement: i = "bottom", className: a, ...o }, s) {
|
|
2136
2143
|
let [c, l] = E(!1), u = T(void 0), d = T(void 0), f = S(() => {
|
|
2137
2144
|
clearTimeout(d.current), u.current = setTimeout(() => l(!0), r);
|
|
2138
2145
|
}, [r]), p = S(() => {
|
|
@@ -2147,13 +2154,13 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2147
2154
|
onMouseLeave: p,
|
|
2148
2155
|
...o,
|
|
2149
2156
|
children: [t, c && /* @__PURE__ */ O("div", {
|
|
2150
|
-
className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg",
|
|
2157
|
+
className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", gt[i]),
|
|
2151
2158
|
onMouseEnter: f,
|
|
2152
2159
|
onMouseLeave: p,
|
|
2153
2160
|
children: n
|
|
2154
2161
|
})]
|
|
2155
2162
|
});
|
|
2156
|
-
}),
|
|
2163
|
+
}), vt = x(function({ label: t, value: n, icon: r, className: i }, a) {
|
|
2157
2164
|
return /* @__PURE__ */ k("div", {
|
|
2158
2165
|
ref: a,
|
|
2159
2166
|
className: e("flex items-center gap-2 gds-text-body select-none", i),
|
|
@@ -2173,7 +2180,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2173
2180
|
})
|
|
2174
2181
|
]
|
|
2175
2182
|
});
|
|
2176
|
-
}),
|
|
2183
|
+
}), yt = x(function({ prefix: t, suffix: n, error: r, disabled: i, className: a, children: o, ...s }, c) {
|
|
2177
2184
|
return /* @__PURE__ */ k("div", {
|
|
2178
2185
|
ref: c,
|
|
2179
2186
|
"data-component": "input-group",
|
|
@@ -2191,7 +2198,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2191
2198
|
})
|
|
2192
2199
|
]
|
|
2193
2200
|
});
|
|
2194
|
-
}),
|
|
2201
|
+
}), bt = x(function({ buttonLabel: t, className: n, disabled: r = !1, onChange: i, onSubmit: a, placeholder: o, value: s, ...c }, l) {
|
|
2195
2202
|
return /* @__PURE__ */ k("div", {
|
|
2196
2203
|
className: e("inline-flex items-center overflow-hidden rounded-md border border-border", n),
|
|
2197
2204
|
"data-component": "input-with-button",
|
|
@@ -2215,7 +2222,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2215
2222
|
children: t
|
|
2216
2223
|
})]
|
|
2217
2224
|
});
|
|
2218
|
-
}),
|
|
2225
|
+
}), xt = x(function({ items: t, columns: n = 1, className: r }, i) {
|
|
2219
2226
|
return /* @__PURE__ */ O("div", {
|
|
2220
2227
|
ref: i,
|
|
2221
2228
|
className: e("grid gap-x-8 gap-y-2", n === 2 ? "grid-cols-2" : "grid-cols-1", r),
|
|
@@ -2231,20 +2238,20 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2231
2238
|
})]
|
|
2232
2239
|
}, e.key))
|
|
2233
2240
|
});
|
|
2234
|
-
}),
|
|
2241
|
+
}), St = x(function({ items: t, columns: n = 1, striped: r, className: i }, a) {
|
|
2235
2242
|
let o = n === 2;
|
|
2236
2243
|
return /* @__PURE__ */ O("div", {
|
|
2237
2244
|
ref: a,
|
|
2238
2245
|
className: e("gds-text-body", o && "grid grid-cols-2 gap-x-6", i),
|
|
2239
2246
|
"data-component": "kv-table",
|
|
2240
2247
|
"data-variant": o ? "2col" : "1col",
|
|
2241
|
-
children: t.map((e, t) => /* @__PURE__ */ O(
|
|
2248
|
+
children: t.map((e, t) => /* @__PURE__ */ O(Ct, {
|
|
2242
2249
|
item: e,
|
|
2243
2250
|
striped: r === !0 && t % 2 == 1
|
|
2244
2251
|
}, e.key))
|
|
2245
2252
|
});
|
|
2246
2253
|
});
|
|
2247
|
-
function
|
|
2254
|
+
function Ct({ item: t, striped: n }) {
|
|
2248
2255
|
let [r, i] = E(!1);
|
|
2249
2256
|
return /* @__PURE__ */ k("div", {
|
|
2250
2257
|
className: e("group flex items-baseline justify-between gap-4 gds-pad-x gds-pad-y-sm", n && "bg-bg-tertiary/40"),
|
|
@@ -2267,7 +2274,7 @@ function xt({ item: t, striped: n }) {
|
|
|
2267
2274
|
}
|
|
2268
2275
|
//#endregion
|
|
2269
2276
|
//#region src/l4-molecules/link-preview.tsx
|
|
2270
|
-
var
|
|
2277
|
+
var wt = x(function({ title: n, url: r, description: i, domain: a, image: o, glass: s, className: c }, l) {
|
|
2271
2278
|
return /* @__PURE__ */ k("a", {
|
|
2272
2279
|
ref: l,
|
|
2273
2280
|
className: e("flex gds-gap gds-radius border-l-4 border-accent bg-bg-secondary gds-pad transition-colors select-none hover:bg-bg-tertiary", s === !0 && t(s), c),
|
|
@@ -2297,7 +2304,7 @@ var St = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
|
|
|
2297
2304
|
src: o
|
|
2298
2305
|
})]
|
|
2299
2306
|
});
|
|
2300
|
-
}),
|
|
2307
|
+
}), Tt = x(function({ visible: n, message: r, glass: i = !0, className: a }, o) {
|
|
2301
2308
|
return n ? /* @__PURE__ */ k("div", {
|
|
2302
2309
|
ref: o,
|
|
2303
2310
|
className: e("absolute inset-0 z-10 flex flex-col items-center justify-center", i === !0 ? t(!0) : "bg-bg/80", a),
|
|
@@ -2307,7 +2314,7 @@ var St = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
|
|
|
2307
2314
|
children: r
|
|
2308
2315
|
})]
|
|
2309
2316
|
}) : null;
|
|
2310
|
-
}),
|
|
2317
|
+
}), Et = x(function({ align: t = "top", children: n, className: r, media: i, reverse: a = !1 }, o) {
|
|
2311
2318
|
return /* @__PURE__ */ k("div", {
|
|
2312
2319
|
ref: o,
|
|
2313
2320
|
className: e("flex gds-gap", t === "center" && "items-center", t === "top" && "items-start", a === !0 && "flex-row-reverse", r),
|
|
@@ -2323,7 +2330,7 @@ var St = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
|
|
|
2323
2330
|
});
|
|
2324
2331
|
//#endregion
|
|
2325
2332
|
//#region src/l4-molecules/mention-list.tsx
|
|
2326
|
-
function
|
|
2333
|
+
function Dt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
|
|
2327
2334
|
return /* @__PURE__ */ O("div", {
|
|
2328
2335
|
className: "absolute left-0 right-0 top-full z-50 mt-1 gds-radius-popover border border-border bg-surface shadow-lg",
|
|
2329
2336
|
role: "listbox",
|
|
@@ -2345,7 +2352,7 @@ function Tt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
|
|
|
2345
2352
|
}
|
|
2346
2353
|
//#endregion
|
|
2347
2354
|
//#region src/l4-molecules/mention-input.tsx
|
|
2348
|
-
var
|
|
2355
|
+
var Ot = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", placeholder: o, disabled: s, className: c }, l) {
|
|
2349
2356
|
let [u, d] = E(!1), [f, p] = E(""), [m, h] = E(0), g = T(null), _ = r.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())), v = S((e) => {
|
|
2350
2357
|
let t = e.lastIndexOf(a);
|
|
2351
2358
|
return t < 0 || t > 0 && e[t - 1] !== " " || e.slice(t + a.length).includes(" ") ? -1 : t;
|
|
@@ -2393,19 +2400,19 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2393
2400
|
placeholder: o,
|
|
2394
2401
|
disabled: s,
|
|
2395
2402
|
className: e("w-full gds-radius-button border border-border bg-bg-secondary px-3 py-2 text-sm text-fg", "placeholder:text-fg-muted/50", s === !0 && "pointer-events-none opacity-50", i, c)
|
|
2396
|
-
}), u && _.length > 0 && /* @__PURE__ */ O(
|
|
2403
|
+
}), u && _.length > 0 && /* @__PURE__ */ O(Dt, {
|
|
2397
2404
|
filtered: _,
|
|
2398
2405
|
highlightedIndex: m,
|
|
2399
2406
|
onSelect: b,
|
|
2400
2407
|
trigger: a
|
|
2401
2408
|
})]
|
|
2402
2409
|
});
|
|
2403
|
-
}),
|
|
2410
|
+
}), kt = {
|
|
2404
2411
|
default: "text-fg",
|
|
2405
2412
|
success: "text-success",
|
|
2406
2413
|
warning: "text-warning",
|
|
2407
2414
|
danger: "text-danger"
|
|
2408
|
-
},
|
|
2415
|
+
}, At = x(function({ metrics: t, className: n }, r) {
|
|
2409
2416
|
return /* @__PURE__ */ O("div", {
|
|
2410
2417
|
ref: r,
|
|
2411
2418
|
className: e("flex items-center gds-gap gds-text-body select-none", n),
|
|
@@ -2416,7 +2423,7 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2416
2423
|
className: "text-fg-muted",
|
|
2417
2424
|
children: t.label
|
|
2418
2425
|
}), /* @__PURE__ */ k("span", {
|
|
2419
|
-
className: e("font-semibold",
|
|
2426
|
+
className: e("font-semibold", kt[t.variant ?? "default"]),
|
|
2420
2427
|
children: [t.value, t.unit !== void 0 && /* @__PURE__ */ O("span", {
|
|
2421
2428
|
className: "ml-0.5 font-normal text-fg-muted",
|
|
2422
2429
|
children: t.unit
|
|
@@ -2424,19 +2431,19 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2424
2431
|
})]
|
|
2425
2432
|
}, t.label))
|
|
2426
2433
|
});
|
|
2427
|
-
}),
|
|
2434
|
+
}), jt = {
|
|
2428
2435
|
default: "text-fg",
|
|
2429
2436
|
success: "text-success",
|
|
2430
2437
|
warning: "text-warning",
|
|
2431
2438
|
danger: "text-danger"
|
|
2432
|
-
},
|
|
2439
|
+
}, Mt = x(function({ className: t, label: n, unit: r, value: i, variant: a = "default", ...o }, s) {
|
|
2433
2440
|
return /* @__PURE__ */ k("div", {
|
|
2434
2441
|
className: e("flex flex-col items-center gds-pad gds-radius bg-surface", t),
|
|
2435
2442
|
"data-component": "metric-tile",
|
|
2436
2443
|
ref: s,
|
|
2437
2444
|
...o,
|
|
2438
2445
|
children: [/* @__PURE__ */ k("span", {
|
|
2439
|
-
className: e("text-lg font-bold tabular-nums",
|
|
2446
|
+
className: e("text-lg font-bold tabular-nums", jt[a]),
|
|
2440
2447
|
children: [i, r !== void 0 && /* @__PURE__ */ O("span", {
|
|
2441
2448
|
className: "ml-0.5 text-xs font-normal text-fg-muted",
|
|
2442
2449
|
children: r
|
|
@@ -2449,7 +2456,7 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2449
2456
|
});
|
|
2450
2457
|
//#endregion
|
|
2451
2458
|
//#region src/l4-molecules/multi-select-list.tsx
|
|
2452
|
-
function
|
|
2459
|
+
function Nt() {
|
|
2453
2460
|
return /* @__PURE__ */ O("svg", {
|
|
2454
2461
|
className: "h-3.5 w-3.5 text-accent",
|
|
2455
2462
|
fill: "none",
|
|
@@ -2461,7 +2468,7 @@ function jt() {
|
|
|
2461
2468
|
children: /* @__PURE__ */ O("path", { d: "M3.5 8l3 3 6-6" })
|
|
2462
2469
|
});
|
|
2463
2470
|
}
|
|
2464
|
-
function
|
|
2471
|
+
function Pt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery: o, searchRef: s, value: c }) {
|
|
2465
2472
|
return /* @__PURE__ */ k("div", {
|
|
2466
2473
|
className: e("absolute left-0 right-0 z-50 mt-1 animate-popup gds-radius-popover border gds-shadow-lg", r ? e(t(r), "border-white/10 bg-bg/60") : "border-border bg-surface"),
|
|
2467
2474
|
children: [/* @__PURE__ */ O("div", {
|
|
@@ -2487,7 +2494,7 @@ function Mt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery
|
|
|
2487
2494
|
type: "button",
|
|
2488
2495
|
children: [/* @__PURE__ */ O("span", {
|
|
2489
2496
|
className: e("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors", n ? "border-accent bg-accent/10" : "border-border"),
|
|
2490
|
-
children: n && /* @__PURE__ */ O(
|
|
2497
|
+
children: n && /* @__PURE__ */ O(Nt, {})
|
|
2491
2498
|
}), t.label]
|
|
2492
2499
|
}, t.value);
|
|
2493
2500
|
})]
|
|
@@ -2496,7 +2503,7 @@ function Mt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery
|
|
|
2496
2503
|
}
|
|
2497
2504
|
//#endregion
|
|
2498
2505
|
//#region src/l4-molecules/multi-select.tsx
|
|
2499
|
-
function
|
|
2506
|
+
function Ft({ open: t }) {
|
|
2500
2507
|
return /* @__PURE__ */ O("svg", {
|
|
2501
2508
|
className: e("h-3 w-3 shrink-0 text-fg-muted transition-transform", t && "rotate-180"),
|
|
2502
2509
|
fill: "none",
|
|
@@ -2508,7 +2515,7 @@ function Nt({ open: t }) {
|
|
|
2508
2515
|
children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
|
|
2509
2516
|
});
|
|
2510
2517
|
}
|
|
2511
|
-
var
|
|
2518
|
+
var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, maxDisplay: s = 3, onChange: c, options: l, placeholder: u = "Select...", value: d }, f) {
|
|
2512
2519
|
let [p, m] = E(!1), [h, g] = E(""), v = T(null), y = T(null), x = f ?? v, C = w(() => {
|
|
2513
2520
|
if (h === "") return l;
|
|
2514
2521
|
let e = h.toLowerCase();
|
|
@@ -2554,8 +2561,8 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2554
2561
|
]
|
|
2555
2562
|
})
|
|
2556
2563
|
]
|
|
2557
|
-
}), /* @__PURE__ */ O(
|
|
2558
|
-
}), p && /* @__PURE__ */ O(
|
|
2564
|
+
}), /* @__PURE__ */ O(Ft, { open: p })]
|
|
2565
|
+
}), p && /* @__PURE__ */ O(Pt, {
|
|
2559
2566
|
filtered: C,
|
|
2560
2567
|
glass: o,
|
|
2561
2568
|
onSearchChange: g,
|
|
@@ -2565,7 +2572,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2565
2572
|
value: d
|
|
2566
2573
|
})]
|
|
2567
2574
|
});
|
|
2568
|
-
}),
|
|
2575
|
+
}), Lt = x(function({ icon: t, label: n, active: r, badge: i, onClick: a, collapsed: o, className: s }, c) {
|
|
2569
2576
|
return /* @__PURE__ */ k("button", {
|
|
2570
2577
|
ref: c,
|
|
2571
2578
|
type: "button",
|
|
@@ -2589,7 +2596,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2589
2596
|
})
|
|
2590
2597
|
]
|
|
2591
2598
|
});
|
|
2592
|
-
}),
|
|
2599
|
+
}), Rt = x(function({ unread: t, onClick: n, className: r }, a) {
|
|
2593
2600
|
return /* @__PURE__ */ k("button", {
|
|
2594
2601
|
ref: a,
|
|
2595
2602
|
type: "button",
|
|
@@ -2613,10 +2620,10 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2613
2620
|
children: t > 99 ? "99+" : t
|
|
2614
2621
|
})]
|
|
2615
2622
|
});
|
|
2616
|
-
}),
|
|
2623
|
+
}), zt = {
|
|
2617
2624
|
danger: "bg-danger text-white",
|
|
2618
2625
|
accent: "bg-accent text-accent-fg"
|
|
2619
|
-
},
|
|
2626
|
+
}, Bt = x(function({ children: t, count: n = 0, max: r = 99, variant: i = "danger", className: a, ...o }, s) {
|
|
2620
2627
|
let c = n > 0, l = n > r ? `${r}+` : String(n);
|
|
2621
2628
|
return /* @__PURE__ */ k("div", {
|
|
2622
2629
|
ref: s,
|
|
@@ -2624,11 +2631,11 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2624
2631
|
"data-component": "notification-dot",
|
|
2625
2632
|
...o,
|
|
2626
2633
|
children: [t, c && /* @__PURE__ */ O("span", {
|
|
2627
|
-
className: e("absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold leading-none",
|
|
2634
|
+
className: e("absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold leading-none", zt[i]),
|
|
2628
2635
|
children: l
|
|
2629
2636
|
})]
|
|
2630
2637
|
});
|
|
2631
|
-
}),
|
|
2638
|
+
}), Vt = x(function({ items: t, onSelect: n, className: r, ...a }, o) {
|
|
2632
2639
|
let [s, c] = E(!1), l = T(null);
|
|
2633
2640
|
return b(l, s, () => c(!1)), _(s, () => c(!1)), /* @__PURE__ */ k("div", {
|
|
2634
2641
|
ref: g(o, l),
|
|
@@ -2654,7 +2661,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2654
2661
|
}, t.id))
|
|
2655
2662
|
})]
|
|
2656
2663
|
});
|
|
2657
|
-
}),
|
|
2664
|
+
}), U = e("flex items-center gap-1.5 gds-radius-button gds-pad-x gds-pad-y gds-text-body text-fg-muted hover:text-fg transition-colors", i), Ht = x(function({ prev: t, next: n, className: r, ...i }, a) {
|
|
2658
2665
|
return /* @__PURE__ */ k("nav", {
|
|
2659
2666
|
ref: a,
|
|
2660
2667
|
className: e("flex w-full items-center justify-between", r),
|
|
@@ -2663,7 +2670,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2663
2670
|
children: [/* @__PURE__ */ O("div", { children: t !== void 0 && /* @__PURE__ */ k("a", {
|
|
2664
2671
|
href: t.href,
|
|
2665
2672
|
onClick: t.onClick,
|
|
2666
|
-
className:
|
|
2673
|
+
className: U,
|
|
2667
2674
|
children: [/* @__PURE__ */ O("svg", {
|
|
2668
2675
|
width: "14",
|
|
2669
2676
|
height: "14",
|
|
@@ -2678,7 +2685,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2678
2685
|
}) }), /* @__PURE__ */ O("div", { children: n !== void 0 && /* @__PURE__ */ k("a", {
|
|
2679
2686
|
href: n.href,
|
|
2680
2687
|
onClick: n.onClick,
|
|
2681
|
-
className:
|
|
2688
|
+
className: U,
|
|
2682
2689
|
children: [n.label, /* @__PURE__ */ O("svg", {
|
|
2683
2690
|
width: "14",
|
|
2684
2691
|
height: "14",
|
|
@@ -2695,16 +2702,16 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2695
2702
|
});
|
|
2696
2703
|
//#endregion
|
|
2697
2704
|
//#region src/l4-molecules/pagination.tsx
|
|
2698
|
-
function
|
|
2705
|
+
function W(e, t) {
|
|
2699
2706
|
let n = [];
|
|
2700
2707
|
for (let r = e; r <= t; r++) n.push(r);
|
|
2701
2708
|
return n;
|
|
2702
2709
|
}
|
|
2703
|
-
var
|
|
2710
|
+
var Ut = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1, className: o, ...s }, c) {
|
|
2704
2711
|
let l = w(() => {
|
|
2705
2712
|
let e = n;
|
|
2706
|
-
if (e <= a + 3 + 2) return
|
|
2707
|
-
let r = Math.max(t - a, 2), i = Math.min(t + a, e - 1), o = r > 2, s = i < e - 1, c =
|
|
2713
|
+
if (e <= a + 3 + 2) return W(1, e);
|
|
2714
|
+
let r = Math.max(t - a, 2), i = Math.min(t + a, e - 1), o = r > 2, s = i < e - 1, c = W(r, i), l = [1];
|
|
2708
2715
|
return o && l.push("dots-l"), l.push(...c), s && l.push("dots-r"), l.push(e), l;
|
|
2709
2716
|
}, [
|
|
2710
2717
|
t,
|
|
@@ -2763,7 +2770,7 @@ var Vt = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1,
|
|
|
2763
2770
|
});
|
|
2764
2771
|
//#endregion
|
|
2765
2772
|
//#region src/l4-molecules/panel.tsx
|
|
2766
|
-
function
|
|
2773
|
+
function Wt({ open: t }) {
|
|
2767
2774
|
return /* @__PURE__ */ O("svg", {
|
|
2768
2775
|
className: e("h-3.5 w-3.5 shrink-0 text-fg-muted transition-transform duration-200", t && "rotate-90"),
|
|
2769
2776
|
fill: "none",
|
|
@@ -2774,7 +2781,7 @@ function Ht({ open: t }) {
|
|
|
2774
2781
|
children: /* @__PURE__ */ O("path", { d: "M9 5l7 7-7 7" })
|
|
2775
2782
|
});
|
|
2776
2783
|
}
|
|
2777
|
-
var
|
|
2784
|
+
var Gt = x(function({ children: n, className: r, collapsible: a = !0, defaultOpen: o = !0, glass: s, headerAction: c, title: l, ...u }, d) {
|
|
2778
2785
|
let [f, p] = E(o), m = a ? f : !0;
|
|
2779
2786
|
return /* @__PURE__ */ k("div", {
|
|
2780
2787
|
className: e("gds-ctx gds-radius-popover border border-border bg-surface", t(s), s === !0 && "border-white/10 bg-white/5", r),
|
|
@@ -2788,7 +2795,7 @@ var Ut = x(function({ children: n, className: r, collapsible: a = !0, defaultOpe
|
|
|
2788
2795
|
className: e("flex flex-1 items-center gap-2 text-left text-sm font-medium text-fg", i),
|
|
2789
2796
|
onClick: () => p((e) => !e),
|
|
2790
2797
|
type: "button",
|
|
2791
|
-
children: [/* @__PURE__ */ O(
|
|
2798
|
+
children: [/* @__PURE__ */ O(Wt, { open: m }), /* @__PURE__ */ O("span", { children: l })]
|
|
2792
2799
|
}) : /* @__PURE__ */ O("span", {
|
|
2793
2800
|
className: "flex-1 text-sm font-medium text-fg",
|
|
2794
2801
|
children: l
|
|
@@ -2804,12 +2811,12 @@ var Ut = x(function({ children: n, className: r, collapsible: a = !0, defaultOpe
|
|
|
2804
2811
|
});
|
|
2805
2812
|
//#endregion
|
|
2806
2813
|
//#region src/l4-molecules/password-input.tsx
|
|
2807
|
-
function
|
|
2814
|
+
function Kt(e) {
|
|
2808
2815
|
if (e.length === 0) return "none";
|
|
2809
2816
|
let t = 0;
|
|
2810
2817
|
return e.length >= 8 && (t += 1), /[a-z]/.test(e) && /[A-Z]/.test(e) && (t += 1), /\d/.test(e) && (t += 1), /[^a-zA-Z0-9]/.test(e) && (t += 1), t <= 1 ? "weak" : t <= 2 ? "fair" : "strong";
|
|
2811
2818
|
}
|
|
2812
|
-
var
|
|
2819
|
+
var G = {
|
|
2813
2820
|
weak: {
|
|
2814
2821
|
label: "Weak",
|
|
2815
2822
|
value: 33,
|
|
@@ -2825,7 +2832,7 @@ var K = {
|
|
|
2825
2832
|
value: 100,
|
|
2826
2833
|
variant: "success"
|
|
2827
2834
|
}
|
|
2828
|
-
},
|
|
2835
|
+
}, qt = /* @__PURE__ */ k("svg", {
|
|
2829
2836
|
viewBox: "0 0 24 24",
|
|
2830
2837
|
fill: "none",
|
|
2831
2838
|
stroke: "currentColor",
|
|
@@ -2837,7 +2844,7 @@ var K = {
|
|
|
2837
2844
|
cy: "12",
|
|
2838
2845
|
r: "3"
|
|
2839
2846
|
})]
|
|
2840
|
-
}),
|
|
2847
|
+
}), Jt = /* @__PURE__ */ k("svg", {
|
|
2841
2848
|
viewBox: "0 0 24 24",
|
|
2842
2849
|
fill: "none",
|
|
2843
2850
|
stroke: "currentColor",
|
|
@@ -2850,14 +2857,14 @@ var K = {
|
|
|
2850
2857
|
x2: "23",
|
|
2851
2858
|
y2: "23"
|
|
2852
2859
|
})]
|
|
2853
|
-
}),
|
|
2854
|
-
let [a, s] = E(!1), c = typeof r.value == "string" ? r.value : "", u = n ?
|
|
2860
|
+
}), Yt = x(function({ className: t, showStrength: n = !1, ...r }, i) {
|
|
2861
|
+
let [a, s] = E(!1), c = typeof r.value == "string" ? r.value : "", u = n ? Kt(c) : "none", d = /* @__PURE__ */ O("button", {
|
|
2855
2862
|
"aria-label": a ? "Hide password" : "Show password",
|
|
2856
2863
|
className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
|
|
2857
2864
|
onClick: () => s((e) => !e),
|
|
2858
2865
|
tabIndex: -1,
|
|
2859
2866
|
type: "button",
|
|
2860
|
-
children: a ?
|
|
2867
|
+
children: a ? Jt : qt
|
|
2861
2868
|
});
|
|
2862
2869
|
return /* @__PURE__ */ k("div", {
|
|
2863
2870
|
className: e("flex flex-col gap-1.5", t),
|
|
@@ -2871,15 +2878,15 @@ var K = {
|
|
|
2871
2878
|
className: "flex items-center gap-2",
|
|
2872
2879
|
children: [/* @__PURE__ */ O(l, {
|
|
2873
2880
|
size: "sm",
|
|
2874
|
-
value:
|
|
2875
|
-
variant:
|
|
2881
|
+
value: G[u].value,
|
|
2882
|
+
variant: G[u].variant
|
|
2876
2883
|
}), /* @__PURE__ */ O("span", {
|
|
2877
2884
|
className: "shrink-0 text-[10px] text-fg-muted select-none",
|
|
2878
|
-
children:
|
|
2885
|
+
children: G[u].label
|
|
2879
2886
|
})]
|
|
2880
2887
|
})]
|
|
2881
2888
|
});
|
|
2882
|
-
}),
|
|
2889
|
+
}), Xt = [
|
|
2883
2890
|
{
|
|
2884
2891
|
code: "+1",
|
|
2885
2892
|
label: "US",
|
|
@@ -2905,8 +2912,8 @@ var K = {
|
|
|
2905
2912
|
label: "KR",
|
|
2906
2913
|
flag: "🇰🇷"
|
|
2907
2914
|
}
|
|
2908
|
-
],
|
|
2909
|
-
let d = a ??
|
|
2915
|
+
], Zt = x(function({ value: t, onChange: n, defaultCountry: r = "+81", countries: a, disabled: o = !1, error: s = !1, placeholder: c = "Phone number", className: l }, u) {
|
|
2916
|
+
let d = a ?? Xt, [f, p] = E(r), [m, h] = E(!1), g = T(null);
|
|
2910
2917
|
b(g, m, () => h(!1));
|
|
2911
2918
|
let _ = d.find((e) => e.code === f) ?? d[0], v = S((e) => {
|
|
2912
2919
|
p(e), h(!1);
|
|
@@ -2961,7 +2968,7 @@ var K = {
|
|
|
2961
2968
|
"aria-label": "Phone number"
|
|
2962
2969
|
})]
|
|
2963
2970
|
});
|
|
2964
|
-
}),
|
|
2971
|
+
}), Qt = x(function({ className: t, disabled: n = !1, error: r = !1, length: a = 4, mask: o = !1, numeric: s = !1, onChange: c, onComplete: l, value: u, ...d }, f) {
|
|
2965
2972
|
let [p, m] = E(() => Array.from({ length: a }, () => "")), h = u !== void 0, g = T([]), _ = S((e) => (t) => {
|
|
2966
2973
|
g.current[e] = t;
|
|
2967
2974
|
}, []), v = S((e) => {
|
|
@@ -3052,7 +3059,7 @@ var K = {
|
|
|
3052
3059
|
value: o && D[a] !== void 0 && D[a] !== "" ? "•" : D[a] ?? ""
|
|
3053
3060
|
}, a))
|
|
3054
3061
|
});
|
|
3055
|
-
}),
|
|
3062
|
+
}), $t = {
|
|
3056
3063
|
bottom: {
|
|
3057
3064
|
center: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
3058
3065
|
end: "top-full right-0 mt-2",
|
|
@@ -3073,7 +3080,7 @@ var K = {
|
|
|
3073
3080
|
end: "bottom-full right-0 mb-2",
|
|
3074
3081
|
start: "bottom-full left-0 mb-2"
|
|
3075
3082
|
}
|
|
3076
|
-
},
|
|
3083
|
+
}, en = x(function({ align: t = "start", className: n, content: r, placement: i = "bottom", trigger: a, ...o }, s) {
|
|
3077
3084
|
let [c, l] = E(!1), u = T(null);
|
|
3078
3085
|
return b(u, c, () => l(!1)), _(c, () => l(!1)), /* @__PURE__ */ k("div", {
|
|
3079
3086
|
className: e("relative inline-flex", n),
|
|
@@ -3092,11 +3099,11 @@ var K = {
|
|
|
3092
3099
|
tabIndex: 0,
|
|
3093
3100
|
children: a
|
|
3094
3101
|
}), c && /* @__PURE__ */ O("div", {
|
|
3095
|
-
className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg",
|
|
3102
|
+
className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", $t[i]?.[t]),
|
|
3096
3103
|
children: r
|
|
3097
3104
|
})]
|
|
3098
3105
|
});
|
|
3099
|
-
}),
|
|
3106
|
+
}), tn = x(function({ className: t, icon: n, label: r, trend: i, value: a, ...o }, s) {
|
|
3100
3107
|
let c = i !== void 0 && i > 0 ? "text-success" : i !== void 0 && i < 0 ? "text-danger" : "text-fg-muted";
|
|
3101
3108
|
return /* @__PURE__ */ k("div", {
|
|
3102
3109
|
className: e("inline-flex items-center gap-3 select-none", t),
|
|
@@ -3127,14 +3134,14 @@ var K = {
|
|
|
3127
3134
|
})]
|
|
3128
3135
|
})]
|
|
3129
3136
|
});
|
|
3130
|
-
}),
|
|
3137
|
+
}), nn = {
|
|
3131
3138
|
1: "grid-cols-1",
|
|
3132
3139
|
2: "grid-cols-2",
|
|
3133
3140
|
3: "grid-cols-3"
|
|
3134
|
-
},
|
|
3141
|
+
}, rn = x(function({ options: n, value: r, onChange: i, columns: a = 1, disabled: o, glass: s, className: c }, l) {
|
|
3135
3142
|
return /* @__PURE__ */ O("div", {
|
|
3136
3143
|
ref: l,
|
|
3137
|
-
className: e("grid gds-gap",
|
|
3144
|
+
className: e("grid gds-gap", nn[a], c),
|
|
3138
3145
|
"data-component": "radio-card",
|
|
3139
3146
|
role: "radiogroup",
|
|
3140
3147
|
children: n.map((n) => {
|
|
@@ -3172,7 +3179,7 @@ var K = {
|
|
|
3172
3179
|
}, n.value);
|
|
3173
3180
|
})
|
|
3174
3181
|
});
|
|
3175
|
-
}),
|
|
3182
|
+
}), an = /* @__PURE__ */ k("svg", {
|
|
3176
3183
|
viewBox: "0 0 24 24",
|
|
3177
3184
|
fill: "none",
|
|
3178
3185
|
stroke: "currentColor",
|
|
@@ -3189,7 +3196,7 @@ var K = {
|
|
|
3189
3196
|
x2: "16.65",
|
|
3190
3197
|
y2: "16.65"
|
|
3191
3198
|
})]
|
|
3192
|
-
}),
|
|
3199
|
+
}), on = /* @__PURE__ */ k("svg", {
|
|
3193
3200
|
viewBox: "0 0 24 24",
|
|
3194
3201
|
fill: "none",
|
|
3195
3202
|
stroke: "currentColor",
|
|
@@ -3207,14 +3214,14 @@ var K = {
|
|
|
3207
3214
|
x2: "18",
|
|
3208
3215
|
y2: "18"
|
|
3209
3216
|
})]
|
|
3210
|
-
}),
|
|
3211
|
-
let p = a ? /* @__PURE__ */ O(c, { size: "sm" }) :
|
|
3217
|
+
}), sn = x(function({ className: t, clearable: n = !0, disabled: r = !1, inputSize: i, loading: a = !1, onChange: s, onSearch: l, placeholder: u = "Search...", value: d }, f) {
|
|
3218
|
+
let p = a ? /* @__PURE__ */ O(c, { size: "sm" }) : an, m = n && d.length > 0 ? /* @__PURE__ */ O("button", {
|
|
3212
3219
|
"aria-label": "Clear search",
|
|
3213
3220
|
className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
|
|
3214
3221
|
onClick: () => s(""),
|
|
3215
3222
|
tabIndex: -1,
|
|
3216
3223
|
type: "button",
|
|
3217
|
-
children:
|
|
3224
|
+
children: on
|
|
3218
3225
|
}) : void 0;
|
|
3219
3226
|
return /* @__PURE__ */ O(o, {
|
|
3220
3227
|
className: e(t),
|
|
@@ -3232,7 +3239,7 @@ var K = {
|
|
|
3232
3239
|
type: "search",
|
|
3233
3240
|
value: d
|
|
3234
3241
|
});
|
|
3235
|
-
}),
|
|
3242
|
+
}), K = n(e("w-full appearance-none gds-radius-popover border bg-transparent pr-8 text-fg transition-colors", "placeholder:text-fg-muted", i), {
|
|
3236
3243
|
compoundVariants: [{
|
|
3237
3244
|
error: !0,
|
|
3238
3245
|
className: "focus-visible:ring-danger"
|
|
@@ -3251,13 +3258,13 @@ var K = {
|
|
|
3251
3258
|
error: !1,
|
|
3252
3259
|
inputSize: "default"
|
|
3253
3260
|
}
|
|
3254
|
-
}),
|
|
3261
|
+
}), cn = x(function({ error: n, inputSize: r, glass: i, className: a, children: o, ...s }, c) {
|
|
3255
3262
|
return /* @__PURE__ */ k("div", {
|
|
3256
3263
|
className: "relative",
|
|
3257
3264
|
"data-component": "select",
|
|
3258
3265
|
children: [/* @__PURE__ */ O("select", {
|
|
3259
3266
|
ref: c,
|
|
3260
|
-
className: e(
|
|
3267
|
+
className: e(K({
|
|
3261
3268
|
error: n,
|
|
3262
3269
|
inputSize: r
|
|
3263
3270
|
}), t(i), a),
|
|
@@ -3278,7 +3285,7 @@ var K = {
|
|
|
3278
3285
|
})
|
|
3279
3286
|
})]
|
|
3280
3287
|
});
|
|
3281
|
-
}),
|
|
3288
|
+
}), ln = x(function({ open: n, onClose: r, children: i, side: a = "right", title: o, description: s, glass: c, width: l = 320, className: u }, d) {
|
|
3282
3289
|
let f = v(n);
|
|
3283
3290
|
if (y(n), _(n, r), !n) return null;
|
|
3284
3291
|
let p = a === "right", m = { width: typeof l == "number" ? `${l}px` : l };
|
|
@@ -3326,7 +3333,7 @@ var K = {
|
|
|
3326
3333
|
})]
|
|
3327
3334
|
})
|
|
3328
3335
|
});
|
|
3329
|
-
}),
|
|
3336
|
+
}), un = x(function({ label: t, value: n, onChange: r, min: i = 0, max: a = 100, step: o = 1, unit: s, className: c, ...l }, u) {
|
|
3330
3337
|
return /* @__PURE__ */ k("div", {
|
|
3331
3338
|
ref: u,
|
|
3332
3339
|
className: e("flex flex-col gap-1.5", c),
|
|
@@ -3349,7 +3356,7 @@ var K = {
|
|
|
3349
3356
|
step: o
|
|
3350
3357
|
})]
|
|
3351
3358
|
});
|
|
3352
|
-
}),
|
|
3359
|
+
}), dn = x(function({ label: t, direction: n, onSort: r, className: a }, o) {
|
|
3353
3360
|
return /* @__PURE__ */ O("th", {
|
|
3354
3361
|
ref: o,
|
|
3355
3362
|
className: e("px-3 py-2 text-left text-xs font-medium transition-colors select-none", i, n === null ? "text-fg-muted" : "text-accent", "cursor-pointer hover:text-accent", a),
|
|
@@ -3387,15 +3394,15 @@ var K = {
|
|
|
3387
3394
|
]
|
|
3388
3395
|
})
|
|
3389
3396
|
});
|
|
3390
|
-
}),
|
|
3397
|
+
}), q = {
|
|
3391
3398
|
primary: "bg-accent text-accent-fg hover:bg-accent/90",
|
|
3392
3399
|
secondary: "bg-bg-secondary text-fg border border-border hover:bg-bg-tertiary",
|
|
3393
3400
|
danger: "bg-danger text-white hover:bg-danger/90"
|
|
3394
|
-
},
|
|
3401
|
+
}, fn = {
|
|
3395
3402
|
primary: "border-l-white/20",
|
|
3396
3403
|
secondary: "border-l-border",
|
|
3397
3404
|
danger: "border-l-white/20"
|
|
3398
|
-
},
|
|
3405
|
+
}, J = {
|
|
3399
3406
|
sm: {
|
|
3400
3407
|
main: "px-2.5 py-1 text-xs",
|
|
3401
3408
|
trigger: "px-1.5 py-1"
|
|
@@ -3408,7 +3415,7 @@ var K = {
|
|
|
3408
3415
|
main: "px-4 py-2 text-sm",
|
|
3409
3416
|
trigger: "px-2.5 py-2"
|
|
3410
3417
|
}
|
|
3411
|
-
},
|
|
3418
|
+
}, pn = x(function({ children: t, variant: n = "primary", size: r = "default", items: a, onSelect: o, onClick: s, disabled: c, className: l, ...u }, d) {
|
|
3412
3419
|
let [f, p] = E(!1), m = T(null);
|
|
3413
3420
|
b(m, f, () => p(!1)), _(f, () => p(!1));
|
|
3414
3421
|
let h = n ?? "primary", v = r ?? "default";
|
|
@@ -3425,14 +3432,14 @@ var K = {
|
|
|
3425
3432
|
type: "button",
|
|
3426
3433
|
disabled: c,
|
|
3427
3434
|
onClick: s,
|
|
3428
|
-
className: e("inline-flex select-none items-center font-medium transition-colors rounded-l-md",
|
|
3435
|
+
className: e("inline-flex select-none items-center font-medium transition-colors rounded-l-md", q[h], J[v].main, i, c === !0 && "pointer-events-none opacity-50"),
|
|
3429
3436
|
children: t
|
|
3430
3437
|
}), /* @__PURE__ */ O("button", {
|
|
3431
3438
|
type: "button",
|
|
3432
3439
|
disabled: c,
|
|
3433
3440
|
onClick: () => p((e) => !e),
|
|
3434
3441
|
"aria-label": "More actions",
|
|
3435
|
-
className: e("inline-flex select-none items-center border-l font-medium transition-colors rounded-r-md",
|
|
3442
|
+
className: e("inline-flex select-none items-center border-l font-medium transition-colors rounded-r-md", q[h], fn[h], J[v].trigger, i, c === !0 && "pointer-events-none opacity-50"),
|
|
3436
3443
|
children: /* @__PURE__ */ O("svg", {
|
|
3437
3444
|
width: "12",
|
|
3438
3445
|
height: "12",
|
|
@@ -3457,13 +3464,13 @@ var K = {
|
|
|
3457
3464
|
}, t.id))
|
|
3458
3465
|
})]
|
|
3459
3466
|
});
|
|
3460
|
-
}),
|
|
3467
|
+
}), Y = [
|
|
3461
3468
|
"var(--color-accent)",
|
|
3462
3469
|
"var(--color-success)",
|
|
3463
3470
|
"var(--color-warning)",
|
|
3464
3471
|
"var(--color-danger)",
|
|
3465
3472
|
"var(--color-fg-muted)"
|
|
3466
|
-
],
|
|
3473
|
+
], mn = x(function({ segments: t, showLabels: n = !0, className: r }, i) {
|
|
3467
3474
|
let a = t.reduce((e, t) => e + t.value, 0);
|
|
3468
3475
|
return /* @__PURE__ */ k("div", {
|
|
3469
3476
|
ref: i,
|
|
@@ -3474,7 +3481,7 @@ var K = {
|
|
|
3474
3481
|
children: t.map((e, t) => {
|
|
3475
3482
|
let n = a > 0 ? e.value / a * 100 : 0;
|
|
3476
3483
|
if (n <= 0) return null;
|
|
3477
|
-
let r = e.color ??
|
|
3484
|
+
let r = e.color ?? Y[t % Y.length];
|
|
3478
3485
|
return /* @__PURE__ */ O("div", {
|
|
3479
3486
|
className: "transition-all duration-300",
|
|
3480
3487
|
style: {
|
|
@@ -3492,7 +3499,7 @@ var K = {
|
|
|
3492
3499
|
children: [
|
|
3493
3500
|
/* @__PURE__ */ O("div", {
|
|
3494
3501
|
className: "h-2 w-2 rounded-full",
|
|
3495
|
-
style: { backgroundColor: e.color ??
|
|
3502
|
+
style: { backgroundColor: e.color ?? Y[t % Y.length] }
|
|
3496
3503
|
}),
|
|
3497
3504
|
/* @__PURE__ */ O("span", { children: e.label }),
|
|
3498
3505
|
/* @__PURE__ */ k("span", {
|
|
@@ -3504,7 +3511,7 @@ var K = {
|
|
|
3504
3511
|
})
|
|
3505
3512
|
})]
|
|
3506
3513
|
});
|
|
3507
|
-
}),
|
|
3514
|
+
}), hn = x(function({ className: t, highlight: n = "none", left: r, right: i, ...a }, o) {
|
|
3508
3515
|
let s = (t) => e("flex flex-1 flex-col items-center rounded-lg border border-border p-3", n === t && "border-accent bg-accent/5");
|
|
3509
3516
|
return /* @__PURE__ */ k("div", {
|
|
3510
3517
|
className: e("flex items-center gds-gap", t),
|
|
@@ -3538,7 +3545,7 @@ var K = {
|
|
|
3538
3545
|
})
|
|
3539
3546
|
]
|
|
3540
3547
|
});
|
|
3541
|
-
}),
|
|
3548
|
+
}), gn = x(function({ items: t, className: n }, r) {
|
|
3542
3549
|
return /* @__PURE__ */ O("div", {
|
|
3543
3550
|
ref: r,
|
|
3544
3551
|
className: e("flex h-7 items-center border-t border-border bg-surface px-3 text-xs text-fg-muted select-none", n),
|
|
@@ -3548,7 +3555,7 @@ var K = {
|
|
|
3548
3555
|
children: [t > 0 && /* @__PURE__ */ O("span", { className: "mx-2 h-3 w-px bg-border" }), /* @__PURE__ */ O("span", { children: e })]
|
|
3549
3556
|
}, t))
|
|
3550
3557
|
});
|
|
3551
|
-
}),
|
|
3558
|
+
}), X = n(e("relative inline-flex items-center border-b-2 transition-colors", i), {
|
|
3552
3559
|
variants: {
|
|
3553
3560
|
size: {
|
|
3554
3561
|
default: "gds-pad-x gds-pad-y text-sm",
|
|
@@ -3576,7 +3583,7 @@ function Z({ tabs: n, active: r, onChange: i, glass: a, size: o = "default", cla
|
|
|
3576
3583
|
role: "tab",
|
|
3577
3584
|
"aria-selected": t,
|
|
3578
3585
|
onClick: () => i(e.id),
|
|
3579
|
-
className:
|
|
3586
|
+
className: X({
|
|
3580
3587
|
size: o,
|
|
3581
3588
|
active: t
|
|
3582
3589
|
}),
|
|
@@ -3590,7 +3597,7 @@ function Z({ tabs: n, active: r, onChange: i, glass: a, size: o = "default", cla
|
|
|
3590
3597
|
}
|
|
3591
3598
|
//#endregion
|
|
3592
3599
|
//#region src/l4-molecules/tab-group.tsx
|
|
3593
|
-
function
|
|
3600
|
+
function _n({ tabs: n, defaultTab: r, glass: i, className: a }) {
|
|
3594
3601
|
let [o, s] = E(r ?? (n.length > 0 ? n[0].id : "")), c = n.map((e) => ({
|
|
3595
3602
|
id: e.id,
|
|
3596
3603
|
label: e.label
|
|
@@ -3614,7 +3621,7 @@ function gn({ tabs: n, defaultTab: r, glass: i, className: a }) {
|
|
|
3614
3621
|
}
|
|
3615
3622
|
//#endregion
|
|
3616
3623
|
//#region src/l4-molecules/tag-input.tsx
|
|
3617
|
-
function
|
|
3624
|
+
function vn() {
|
|
3618
3625
|
return /* @__PURE__ */ O("svg", {
|
|
3619
3626
|
className: "h-3 w-3",
|
|
3620
3627
|
fill: "none",
|
|
@@ -3628,7 +3635,7 @@ function _n() {
|
|
|
3628
3635
|
})
|
|
3629
3636
|
});
|
|
3630
3637
|
}
|
|
3631
|
-
var
|
|
3638
|
+
var yn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, maxTags: o, onChange: s, placeholder: c, value: l, ...u }, d) {
|
|
3632
3639
|
let [f, p] = E(""), [m, h] = E(!1), g = T(null), _ = d ?? g, v = o !== void 0 && l.length >= o, y = S((e) => {
|
|
3633
3640
|
let t = e.trim();
|
|
3634
3641
|
t !== "" && (l.includes(t) || v || (s([...l, t]), p("")));
|
|
@@ -3662,7 +3669,7 @@ var vn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, m
|
|
|
3662
3669
|
},
|
|
3663
3670
|
tabIndex: -1,
|
|
3664
3671
|
type: "button",
|
|
3665
|
-
children: /* @__PURE__ */ O(
|
|
3672
|
+
children: /* @__PURE__ */ O(vn, {})
|
|
3666
3673
|
})]
|
|
3667
3674
|
}, t)), !v && /* @__PURE__ */ O("input", {
|
|
3668
3675
|
className: "min-w-[60px] flex-1 border-none bg-transparent text-fg outline-none gds-text-body placeholder:text-fg-muted/50 disabled:cursor-not-allowed",
|
|
@@ -3684,7 +3691,7 @@ var vn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, m
|
|
|
3684
3691
|
function Q(e) {
|
|
3685
3692
|
return e < 10 ? `0${e}` : `${e}`;
|
|
3686
3693
|
}
|
|
3687
|
-
function
|
|
3694
|
+
function bn({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o, selectedHour: s, selectedMinute: c }) {
|
|
3688
3695
|
return /* @__PURE__ */ k("div", {
|
|
3689
3696
|
className: e("absolute left-0 right-0 z-50 mt-1 flex animate-popup gds-radius-popover border gds-shadow-lg", n ? e(t(n), "border-white/10 bg-bg/60") : "border-border bg-surface"),
|
|
3690
3697
|
children: [/* @__PURE__ */ k("div", {
|
|
@@ -3716,7 +3723,7 @@ function yn({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o,
|
|
|
3716
3723
|
}
|
|
3717
3724
|
//#endregion
|
|
3718
3725
|
//#region src/l4-molecules/time-picker.tsx
|
|
3719
|
-
function
|
|
3726
|
+
function xn({ open: t }) {
|
|
3720
3727
|
return /* @__PURE__ */ O("svg", {
|
|
3721
3728
|
className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
|
|
3722
3729
|
fill: "none",
|
|
@@ -3728,7 +3735,7 @@ function $({ open: t }) {
|
|
|
3728
3735
|
children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
|
|
3729
3736
|
});
|
|
3730
3737
|
}
|
|
3731
|
-
var
|
|
3738
|
+
var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, minuteStep: s = 15, onChange: c, placeholder: l = "Select time", value: u }, d) {
|
|
3732
3739
|
let [f, p] = E(!1), m = T(null), h = d ?? m, g = w(() => Array.from({ length: 24 }, (e, t) => t), []), v = w(() => {
|
|
3733
3740
|
let e = Math.max(1, Math.min(60, s)), t = [], n = 0;
|
|
3734
3741
|
for (; n < 60;) t.push(n), n += e;
|
|
@@ -3764,8 +3771,8 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3764
3771
|
children: [/* @__PURE__ */ O("span", {
|
|
3765
3772
|
className: e(u === null ? "text-fg-muted" : "text-fg"),
|
|
3766
3773
|
children: u ?? l
|
|
3767
|
-
}), /* @__PURE__ */ O(
|
|
3768
|
-
}), f && /* @__PURE__ */ O(
|
|
3774
|
+
}), /* @__PURE__ */ O(xn, { open: f })]
|
|
3775
|
+
}), f && /* @__PURE__ */ O(bn, {
|
|
3769
3776
|
glass: o,
|
|
3770
3777
|
hours: g,
|
|
3771
3778
|
minutes: v,
|
|
@@ -3775,12 +3782,12 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3775
3782
|
selectedMinute: x
|
|
3776
3783
|
})]
|
|
3777
3784
|
});
|
|
3778
|
-
}),
|
|
3785
|
+
}), Cn = {
|
|
3779
3786
|
default: "bg-fg-muted/40",
|
|
3780
3787
|
success: "bg-success",
|
|
3781
3788
|
warning: "bg-warning",
|
|
3782
3789
|
danger: "bg-danger"
|
|
3783
|
-
},
|
|
3790
|
+
}, wn = x(function({ children: t, className: n, icon: r, last: i = !1, variant: a = "default", ...o }, s) {
|
|
3784
3791
|
return /* @__PURE__ */ k("div", {
|
|
3785
3792
|
className: e("relative flex gap-3", n),
|
|
3786
3793
|
"data-component": "timeline-entry",
|
|
@@ -3788,7 +3795,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3788
3795
|
...o,
|
|
3789
3796
|
children: [/* @__PURE__ */ k("div", {
|
|
3790
3797
|
className: "flex flex-col items-center",
|
|
3791
|
-
children: [r === void 0 ? /* @__PURE__ */ O("span", { className: e("mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full",
|
|
3798
|
+
children: [r === void 0 ? /* @__PURE__ */ O("span", { className: e("mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full", Cn[a]) }) : /* @__PURE__ */ O("span", {
|
|
3792
3799
|
className: "flex h-5 w-5 shrink-0 items-center justify-center",
|
|
3793
3800
|
children: r
|
|
3794
3801
|
}), !i && /* @__PURE__ */ O("span", { className: "mt-1 w-px flex-1 bg-border" })]
|
|
@@ -3797,7 +3804,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3797
3804
|
children: t
|
|
3798
3805
|
})]
|
|
3799
3806
|
});
|
|
3800
|
-
}),
|
|
3807
|
+
}), Tn = x(function({ label: t, description: n, checked: r, onChange: i, disabled: a, className: o, ...s }, c) {
|
|
3801
3808
|
return /* @__PURE__ */ k("div", {
|
|
3802
3809
|
ref: c,
|
|
3803
3810
|
className: e("flex items-center justify-between gap-4", o),
|
|
@@ -3818,7 +3825,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3818
3825
|
disabled: a
|
|
3819
3826
|
})]
|
|
3820
3827
|
});
|
|
3821
|
-
}),
|
|
3828
|
+
}), En = x(function({ children: n, variant: r = "default", glass: i, className: a }, o) {
|
|
3822
3829
|
return /* @__PURE__ */ O("div", {
|
|
3823
3830
|
ref: o,
|
|
3824
3831
|
className: e("flex items-center gds-gap px-3 py-2 select-none", r === "floating" ? "gds-radius border border-border bg-surface shadow-md" : "border-b border-border bg-bg", i === !0 && t(i), a),
|
|
@@ -3827,13 +3834,13 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3827
3834
|
role: "toolbar",
|
|
3828
3835
|
children: n
|
|
3829
3836
|
});
|
|
3830
|
-
}),
|
|
3837
|
+
}), Dn = x(function(e, t) {
|
|
3831
3838
|
return /* @__PURE__ */ O("div", {
|
|
3832
3839
|
ref: t,
|
|
3833
3840
|
className: "h-4 w-px bg-border/50",
|
|
3834
3841
|
"data-component": "toolbar-separator"
|
|
3835
3842
|
});
|
|
3836
|
-
}),
|
|
3843
|
+
}), On = x(function({ children: t, className: n, ...r }, i) {
|
|
3837
3844
|
return /* @__PURE__ */ O("div", {
|
|
3838
3845
|
className: e("inline-flex items-center overflow-hidden rounded-md border border-border", "[&>*]:rounded-none [&>*]:border-0 [&>*]:border-r [&>*]:border-border [&>*:last-child]:border-r-0", n),
|
|
3839
3846
|
"data-component": "toolbar-group",
|
|
@@ -3842,12 +3849,12 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3842
3849
|
...r,
|
|
3843
3850
|
children: t
|
|
3844
3851
|
});
|
|
3845
|
-
}),
|
|
3852
|
+
}), $ = {
|
|
3846
3853
|
away: "bg-warning",
|
|
3847
3854
|
busy: "bg-danger",
|
|
3848
3855
|
offline: "bg-fg-muted/40",
|
|
3849
3856
|
online: "bg-success"
|
|
3850
|
-
},
|
|
3857
|
+
}, kn = x(function({ name: n, avatar: r, role: i, department: a, email: o, status: s, glass: c, className: l, children: u }, d) {
|
|
3851
3858
|
let f = (n ?? "").split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
|
|
3852
3859
|
return /* @__PURE__ */ k("div", {
|
|
3853
3860
|
ref: d,
|
|
@@ -3863,7 +3870,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3863
3870
|
src: r,
|
|
3864
3871
|
alt: n,
|
|
3865
3872
|
className: "h-9 w-9 rounded-full object-cover"
|
|
3866
|
-
}), s !== void 0 && /* @__PURE__ */ O("span", { className: e("absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-surface",
|
|
3873
|
+
}), s !== void 0 && /* @__PURE__ */ O("span", { className: e("absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-surface", $[s]) })]
|
|
3867
3874
|
}),
|
|
3868
3875
|
/* @__PURE__ */ k("div", {
|
|
3869
3876
|
className: "flex min-w-0 flex-col gap-0.5",
|
|
@@ -3911,7 +3918,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3911
3918
|
u
|
|
3912
3919
|
]
|
|
3913
3920
|
});
|
|
3914
|
-
}),
|
|
3921
|
+
}), An = x(function({ avatar: t, className: n, name: r, role: i, size: a = "default", ...o }, s) {
|
|
3915
3922
|
let c = a === "sm" ? "sm" : "default", l = a === "sm" ? "text-xs" : "text-sm";
|
|
3916
3923
|
return /* @__PURE__ */ k("div", {
|
|
3917
3924
|
className: e("inline-flex items-center gap-2 select-none", n),
|
|
@@ -3933,7 +3940,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3933
3940
|
})]
|
|
3934
3941
|
})]
|
|
3935
3942
|
});
|
|
3936
|
-
}),
|
|
3943
|
+
}), jn = x(function({ name: t, avatar: n, role: r, items: i, onSelect: a, className: o }, s) {
|
|
3937
3944
|
let [c, l] = E(!1), u = t.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
|
|
3938
3945
|
return /* @__PURE__ */ k("div", {
|
|
3939
3946
|
ref: s,
|
|
@@ -3974,7 +3981,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3974
3981
|
}, t.id))]
|
|
3975
3982
|
})]
|
|
3976
3983
|
});
|
|
3977
|
-
}),
|
|
3984
|
+
}), Mn = x(function({ className: t, latest: n, version: r, ...i }, a) {
|
|
3978
3985
|
let o = n !== void 0 && n !== r;
|
|
3979
3986
|
return /* @__PURE__ */ k("span", {
|
|
3980
3987
|
className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium tabular-nums", o ? "bg-warning/15 text-warning" : "bg-surface text-fg-muted", t),
|
|
@@ -4002,7 +4009,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
4002
4009
|
})
|
|
4003
4010
|
]
|
|
4004
4011
|
});
|
|
4005
|
-
}),
|
|
4012
|
+
}), Nn = x(function({ children: t, text: n, opacity: r = .1, className: i }, a) {
|
|
4006
4013
|
return /* @__PURE__ */ k("div", {
|
|
4007
4014
|
ref: a,
|
|
4008
4015
|
className: e("relative overflow-hidden", i),
|
|
@@ -4020,7 +4027,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
4020
4027
|
})
|
|
4021
4028
|
})]
|
|
4022
4029
|
});
|
|
4023
|
-
}),
|
|
4030
|
+
}), Pn = x(function({ steps: t, currentStep: n, onStepChange: r, className: i, ...a }, o) {
|
|
4024
4031
|
let [s, c] = E(0), l = n ?? s;
|
|
4025
4032
|
function u(e) {
|
|
4026
4033
|
r === void 0 ? c(e) : r(e);
|
|
@@ -4055,6 +4062,6 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
4055
4062
|
});
|
|
4056
4063
|
});
|
|
4057
4064
|
//#endregion
|
|
4058
|
-
export {
|
|
4065
|
+
export { ht as $, Qt as A, Ae as At, It as B, de as Bt, ln as C, Re as Ct, rn as D, Me as Dt, sn as E, Ne as Et, Ht as F, be as Ft, Tt as G, se as Gt, At as H, me as Ht, Vt as I, ye as It, xt as J, ne as Jt, wt as K, ae as Kt, Bt as L, ve as Lt, Yt as M, De as Mt, Gt as N, we as Nt, tn as O, je as Ot, Ut as P, xe as Pt, _t as Q, A as Qt, Rt as R, _e as Rt, un as S, Be as St, K as T, Pe as Tt, Ot as U, fe as Ut, Mt as V, pe as Vt, Et as W, ue as Wt, yt as X, N as Xt, bt as Y, F as Yt, vt as Z, M as Zt, gn as _, Ke as _t, An as a, dt as at, pn as b, Ue as bt, En as c, ot as ct, wn as d, et as dt, H as et, Sn as f, $e as ft, X as g, Je as gt, Z as h, Ye as ht, jn as i, ft as it, Zt as j, Oe as jt, en as k, R as kt, Dn as l, it as lt, _n as m, Xe as mt, Nn as n, V as nt, kn as o, ut as ot, yn as p, Ze as pt, St as q, re as qt, Mn as r, pt as rt, On as s, st, Pn as t, mt as tt, Tn as u, tt as ut, hn as v, Ge as vt, cn as w, Fe as wt, dn as x, He as xt, mn as y, We as yt, Lt as z, he as zt };
|
|
4059
4066
|
|
|
4060
|
-
//# sourceMappingURL=l4-molecules-
|
|
4067
|
+
//# sourceMappingURL=l4-molecules-DftsX-gO.js.map
|