@goliapkg/gds 1.0.9 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{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/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-DXTNnybm.js → l4-molecules-8C6E6Ndl.js} +212 -202
- package/dist/l4-molecules-8C6E6Ndl.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-Aou_NiQo.js +2139 -0
- package/dist/l6-charts-Aou_NiQo.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-DXTNnybm.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";
|
|
@@ -516,13 +516,13 @@ var ee = {
|
|
|
516
516
|
}, de = x(function({ children: n, glass: r, padding: i = "default", loading: a, className: o }, s) {
|
|
517
517
|
return a === !0 ? /* @__PURE__ */ O("div", {
|
|
518
518
|
ref: s,
|
|
519
|
-
className: e("gds-ctx animate-pulse gds-radius-card border border-border bg-bg-tertiary", I[i], o),
|
|
519
|
+
className: e("gds-ctx flex flex-col gds-gap animate-pulse gds-radius-card border border-border bg-bg-tertiary", I[i], o),
|
|
520
520
|
"data-component": "card",
|
|
521
521
|
"data-state": "loading",
|
|
522
522
|
children: /* @__PURE__ */ O("div", { className: "h-20" })
|
|
523
523
|
}) : /* @__PURE__ */ O("div", {
|
|
524
524
|
ref: s,
|
|
525
|
-
className: e("gds-ctx gds-radius-card border", r ? e(t(r), "border-white/10 bg-bg/60") : "border-border bg-surface", I[i], o),
|
|
525
|
+
className: e("gds-ctx flex flex-col gds-gap gds-radius-card border", r ? e(t(r), "border-white/10 bg-bg/60") : "border-border bg-surface", I[i], o),
|
|
526
526
|
"data-component": "card",
|
|
527
527
|
children: n
|
|
528
528
|
});
|
|
@@ -545,15 +545,15 @@ function fe({ title: t, description: n, action: r, className: i }) {
|
|
|
545
545
|
})]
|
|
546
546
|
});
|
|
547
547
|
}
|
|
548
|
-
function pe({ children:
|
|
548
|
+
function pe({ children: e, className: t }) {
|
|
549
549
|
return /* @__PURE__ */ O("div", {
|
|
550
|
-
className:
|
|
551
|
-
children:
|
|
550
|
+
className: t,
|
|
551
|
+
children: e
|
|
552
552
|
});
|
|
553
553
|
}
|
|
554
554
|
function me({ children: t, className: n }) {
|
|
555
555
|
return /* @__PURE__ */ O("div", {
|
|
556
|
-
className: e("
|
|
556
|
+
className: e("flex items-center gds-gap-sm border-t border-border pt-3", n),
|
|
557
557
|
children: t
|
|
558
558
|
});
|
|
559
559
|
}
|
|
@@ -586,24 +586,24 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
586
586
|
})
|
|
587
587
|
]
|
|
588
588
|
});
|
|
589
|
-
}),
|
|
589
|
+
}), ge = {
|
|
590
590
|
valid: "bg-success/15 text-success border-success/20",
|
|
591
591
|
expiring: "bg-warning/15 text-warning border-warning/20",
|
|
592
592
|
expired: "bg-danger/15 text-danger border-danger/20"
|
|
593
|
-
},
|
|
593
|
+
}, L = {
|
|
594
594
|
valid: "🔒",
|
|
595
595
|
expiring: "⚠️",
|
|
596
596
|
expired: "❌"
|
|
597
|
-
},
|
|
597
|
+
}, _e = x(function({ className: t, domain: n, expiresAt: r, status: i, ...a }, o) {
|
|
598
598
|
return /* @__PURE__ */ k("div", {
|
|
599
|
-
className: e("inline-flex items-center gap-2 rounded-md border px-2.5 py-1.5",
|
|
599
|
+
className: e("inline-flex items-center gap-2 rounded-md border px-2.5 py-1.5", ge[i], t),
|
|
600
600
|
"data-component": "cert-badge",
|
|
601
601
|
ref: o,
|
|
602
602
|
...a,
|
|
603
603
|
children: [
|
|
604
604
|
/* @__PURE__ */ O("span", {
|
|
605
605
|
className: "text-xs",
|
|
606
|
-
children:
|
|
606
|
+
children: L[i]
|
|
607
607
|
}),
|
|
608
608
|
/* @__PURE__ */ O("span", {
|
|
609
609
|
className: "gds-text-label font-medium",
|
|
@@ -615,7 +615,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
615
615
|
})
|
|
616
616
|
]
|
|
617
617
|
});
|
|
618
|
-
}),
|
|
618
|
+
}), ve = x(function({ options: t, value: n, onChange: r, exclusive: a = !1, className: o, ...s }, c) {
|
|
619
619
|
function l(e) {
|
|
620
620
|
if (a) {
|
|
621
621
|
r(n.includes(e) ? [] : [e]);
|
|
@@ -638,7 +638,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
638
638
|
})
|
|
639
639
|
}, t.value))
|
|
640
640
|
});
|
|
641
|
-
}),
|
|
641
|
+
}), ye = x(function({ code: n, language: r, showLineNumbers: a = !0, maxHeight: o, glass: s, className: c }, l) {
|
|
642
642
|
let [u, d] = E(!1), f = S(() => {
|
|
643
643
|
navigator.clipboard.writeText(n).then(() => {
|
|
644
644
|
d(!0), setTimeout(() => d(!1), 1500);
|
|
@@ -711,7 +711,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
711
711
|
})
|
|
712
712
|
})]
|
|
713
713
|
});
|
|
714
|
-
}),
|
|
714
|
+
}), be = x(function({ code: n, language: r, copyable: i = !0, showLineNumbers: a = !0, glass: o, className: s }, c) {
|
|
715
715
|
let [l, u] = E(!1), d = n.split("\n"), f = S(() => {
|
|
716
716
|
navigator.clipboard.writeText(n).then(() => {
|
|
717
717
|
u(!0), setTimeout(() => u(!1), 2e3);
|
|
@@ -778,7 +778,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
778
778
|
})
|
|
779
779
|
]
|
|
780
780
|
});
|
|
781
|
-
}),
|
|
781
|
+
}), xe = x(function({ trigger: t, children: n, defaultOpen: r = !1, open: i, onOpenChange: a, className: o }, s) {
|
|
782
782
|
let [c, l] = E(r), u = i !== void 0, d = u ? i : c;
|
|
783
783
|
function f() {
|
|
784
784
|
let e = !d;
|
|
@@ -800,7 +800,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
800
800
|
children: d ? n : null
|
|
801
801
|
})]
|
|
802
802
|
});
|
|
803
|
-
}),
|
|
803
|
+
}), Se = [
|
|
804
804
|
"#ef4444",
|
|
805
805
|
"#f97316",
|
|
806
806
|
"#eab308",
|
|
@@ -811,12 +811,12 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
811
811
|
"#ec4899",
|
|
812
812
|
"#64748b",
|
|
813
813
|
"#ffffff"
|
|
814
|
-
],
|
|
815
|
-
let l = r ??
|
|
814
|
+
], Ce = /^#[0-9a-fA-F]{6}$/, we = x(function({ value: t, onChange: n, presets: r, showInput: a = !0, disabled: o = !1, className: s }, c) {
|
|
815
|
+
let l = r ?? Se, [u, d] = E(t), f = S((e) => {
|
|
816
816
|
o || (n(e), d(e));
|
|
817
817
|
}, [o, n]), p = S((e) => {
|
|
818
818
|
let t = e.startsWith("#") ? e : `#${e}`;
|
|
819
|
-
d(t),
|
|
819
|
+
d(t), Ce.test(t) && n(t);
|
|
820
820
|
}, [n]);
|
|
821
821
|
return /* @__PURE__ */ k("div", {
|
|
822
822
|
ref: c,
|
|
@@ -866,7 +866,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
|
|
|
866
866
|
});
|
|
867
867
|
//#endregion
|
|
868
868
|
//#region src/l4-molecules/combobox-list.tsx
|
|
869
|
-
function
|
|
869
|
+
function Te({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onSelect: o, query: s, searchPlaceholder: c, searchRef: l, setHighlightedIndex: u, value: d }) {
|
|
870
870
|
let f = S((e) => {
|
|
871
871
|
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
872
|
e.preventDefault();
|
|
@@ -912,7 +912,7 @@ function we({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onS
|
|
|
912
912
|
}
|
|
913
913
|
//#endregion
|
|
914
914
|
//#region src/l4-molecules/combobox.tsx
|
|
915
|
-
function
|
|
915
|
+
function Ee({ open: t }) {
|
|
916
916
|
return /* @__PURE__ */ O("svg", {
|
|
917
917
|
className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
|
|
918
918
|
fill: "none",
|
|
@@ -924,7 +924,7 @@ function Te({ open: t }) {
|
|
|
924
924
|
children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
|
|
925
925
|
});
|
|
926
926
|
}
|
|
927
|
-
var
|
|
927
|
+
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
928
|
let [p, m] = E(!1), [h, g] = E(""), [v, y] = E(0), x = T(null), C = T(null), D = f ?? x, A = w(() => {
|
|
929
929
|
if (h === "") return c;
|
|
930
930
|
let e = h.toLowerCase();
|
|
@@ -953,8 +953,8 @@ var Ee = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, o
|
|
|
953
953
|
children: [/* @__PURE__ */ O("span", {
|
|
954
954
|
className: e(j === void 0 ? "text-fg-muted" : "text-fg"),
|
|
955
955
|
children: j === void 0 ? l : j.label
|
|
956
|
-
}), /* @__PURE__ */ O(
|
|
957
|
-
}), p && /* @__PURE__ */ O(
|
|
956
|
+
}), /* @__PURE__ */ O(Ee, { open: p })]
|
|
957
|
+
}), p && /* @__PURE__ */ O(Te, {
|
|
958
958
|
filtered: A,
|
|
959
959
|
glass: o,
|
|
960
960
|
highlightedIndex: v,
|
|
@@ -970,7 +970,7 @@ var Ee = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, o
|
|
|
970
970
|
});
|
|
971
971
|
//#endregion
|
|
972
972
|
//#region src/l4-molecules/command-menu.tsx
|
|
973
|
-
function
|
|
973
|
+
function Oe({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type a command...", glass: o, className: s }) {
|
|
974
974
|
let [c, l] = E(""), [u, d] = E(0), f = w(() => {
|
|
975
975
|
if (c === "") return n;
|
|
976
976
|
let e = c.toLowerCase();
|
|
@@ -1049,12 +1049,13 @@ function De({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type
|
|
|
1049
1049
|
}
|
|
1050
1050
|
//#endregion
|
|
1051
1051
|
//#region src/l4-molecules/dialog.tsx
|
|
1052
|
-
var
|
|
1052
|
+
var ke = {
|
|
1053
1053
|
sm: "max-w-sm",
|
|
1054
|
+
md: "max-w-lg",
|
|
1054
1055
|
default: "max-w-lg",
|
|
1055
1056
|
lg: "max-w-2xl",
|
|
1056
1057
|
xl: "max-w-4xl"
|
|
1057
|
-
},
|
|
1058
|
+
}, R = x(function({ open: n, onClose: r, title: i, description: a, children: o, glass: s, width: c = "default", className: l }, d) {
|
|
1058
1059
|
let f = v(n);
|
|
1059
1060
|
return y(n), _(n, r), n ? u(/* @__PURE__ */ O("div", {
|
|
1060
1061
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
|
|
@@ -1067,7 +1068,7 @@ var Oe = {
|
|
|
1067
1068
|
ref: (e) => {
|
|
1068
1069
|
f.current = e, typeof d == "function" ? d(e) : d != null && (d.current = e);
|
|
1069
1070
|
},
|
|
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",
|
|
1071
|
+
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
1072
|
children: [(i !== void 0 || a !== void 0) && /* @__PURE__ */ k("div", {
|
|
1072
1073
|
className: "flex items-start justify-between gds-gap border-b border-border gds-pad-x-lg gds-pad-y-lg",
|
|
1073
1074
|
children: [/* @__PURE__ */ k("div", {
|
|
@@ -1101,8 +1102,17 @@ var Oe = {
|
|
|
1101
1102
|
})]
|
|
1102
1103
|
})
|
|
1103
1104
|
})) : null;
|
|
1104
|
-
})
|
|
1105
|
-
|
|
1105
|
+
});
|
|
1106
|
+
function Ae({ children: t, className: n }) {
|
|
1107
|
+
return /* @__PURE__ */ O("div", {
|
|
1108
|
+
className: e("flex items-center justify-end gds-gap-sm border-t border-border gds-pad-x-lg gds-pad-y", n),
|
|
1109
|
+
children: t
|
|
1110
|
+
});
|
|
1111
|
+
}
|
|
1112
|
+
//#endregion
|
|
1113
|
+
//#region src/l4-molecules/confirm-dialog.tsx
|
|
1114
|
+
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) {
|
|
1115
|
+
return /* @__PURE__ */ O(R, {
|
|
1106
1116
|
className: t,
|
|
1107
1117
|
onClose: o,
|
|
1108
1118
|
open: c,
|
|
@@ -1137,7 +1147,7 @@ var Oe = {
|
|
|
1137
1147
|
});
|
|
1138
1148
|
//#endregion
|
|
1139
1149
|
//#region src/l4-molecules/context-menu.tsx
|
|
1140
|
-
function
|
|
1150
|
+
function Me({ trigger: t, items: n, onSelect: r, className: i }) {
|
|
1141
1151
|
let [a, o] = E(!1), [s, c] = E({
|
|
1142
1152
|
x: 0,
|
|
1143
1153
|
y: 0
|
|
@@ -1188,7 +1198,7 @@ function Ae({ trigger: t, items: n, onSelect: r, className: i }) {
|
|
|
1188
1198
|
}
|
|
1189
1199
|
//#endregion
|
|
1190
1200
|
//#region src/l4-molecules/copy-field.tsx
|
|
1191
|
-
var
|
|
1201
|
+
var Ne = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
1192
1202
|
let [o, s] = E(!1), [c, l] = E(!1), u = T(null);
|
|
1193
1203
|
C(() => () => {
|
|
1194
1204
|
u.current !== null && clearTimeout(u.current);
|
|
@@ -1241,7 +1251,7 @@ var je = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
|
1241
1251
|
})]
|
|
1242
1252
|
})]
|
|
1243
1253
|
});
|
|
1244
|
-
}),
|
|
1254
|
+
}), Pe = x(function({ children: t, value: n, feedback: r = "Copied!", className: a }, o) {
|
|
1245
1255
|
let [s, c] = E(!1), l = T(null), u = S(() => {
|
|
1246
1256
|
navigator.clipboard.writeText(n).then(() => {
|
|
1247
1257
|
c(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => {
|
|
@@ -1264,7 +1274,7 @@ var je = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
|
1264
1274
|
children: r
|
|
1265
1275
|
})]
|
|
1266
1276
|
});
|
|
1267
|
-
}),
|
|
1277
|
+
}), Fe = x(function({ amount: t, change: n, className: r, currency: i = "¥", period: a, ...o }, s) {
|
|
1268
1278
|
let c = t.toLocaleString();
|
|
1269
1279
|
return /* @__PURE__ */ k("div", {
|
|
1270
1280
|
className: e("flex items-baseline gds-gap", r),
|
|
@@ -1293,15 +1303,15 @@ var je = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
|
|
|
1293
1303
|
});
|
|
1294
1304
|
//#endregion
|
|
1295
1305
|
//#region src/l4-molecules/currency-input.tsx
|
|
1296
|
-
function
|
|
1306
|
+
function Ie(e, t) {
|
|
1297
1307
|
return new Intl.NumberFormat(t).format(e);
|
|
1298
1308
|
}
|
|
1299
|
-
function
|
|
1309
|
+
function Le(e, t, n) {
|
|
1300
1310
|
let r = e;
|
|
1301
1311
|
return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
|
|
1302
1312
|
}
|
|
1303
|
-
var
|
|
1304
|
-
let [p, m] = E(!1), [h, g] = E(""), _ = t === null ? "" :
|
|
1313
|
+
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) {
|
|
1314
|
+
let [p, m] = E(!1), [h, g] = E(""), _ = t === null ? "" : Ie(t, a), v = S(() => {
|
|
1305
1315
|
m(!0), g(t === null ? "" : String(t));
|
|
1306
1316
|
}, [t]), y = S(() => {
|
|
1307
1317
|
m(!1);
|
|
@@ -1315,7 +1325,7 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1315
1325
|
n(null);
|
|
1316
1326
|
return;
|
|
1317
1327
|
}
|
|
1318
|
-
n(
|
|
1328
|
+
n(Le(t, o, s));
|
|
1319
1329
|
}, [
|
|
1320
1330
|
h,
|
|
1321
1331
|
s,
|
|
@@ -1346,11 +1356,11 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1346
1356
|
"aria-label": "Currency amount"
|
|
1347
1357
|
})]
|
|
1348
1358
|
});
|
|
1349
|
-
}),
|
|
1359
|
+
}), ze = {
|
|
1350
1360
|
down: "text-danger",
|
|
1351
1361
|
neutral: "text-fg-muted",
|
|
1352
1362
|
up: "text-success"
|
|
1353
|
-
},
|
|
1363
|
+
}, Be = x(function({ title: n, value: r, change: i, changeType: a = "neutral", icon: o, footer: s, glass: c, className: l }, u) {
|
|
1354
1364
|
return /* @__PURE__ */ k("div", {
|
|
1355
1365
|
ref: u,
|
|
1356
1366
|
className: e("gds-ctx gds-radius border border-border/40 bg-surface gds-pad select-none", c === !0 && t(c), l),
|
|
@@ -1371,7 +1381,7 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1371
1381
|
children: r
|
|
1372
1382
|
}),
|
|
1373
1383
|
i !== void 0 && /* @__PURE__ */ k("div", {
|
|
1374
|
-
className: e("mt-1 flex items-center gap-1 text-[11px]",
|
|
1384
|
+
className: e("mt-1 flex items-center gap-1 text-[11px]", ze[a]),
|
|
1375
1385
|
children: [
|
|
1376
1386
|
a === "up" && /* @__PURE__ */ k("svg", {
|
|
1377
1387
|
width: "12",
|
|
@@ -1407,7 +1417,7 @@ var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
|
|
|
1407
1417
|
});
|
|
1408
1418
|
//#endregion
|
|
1409
1419
|
//#region src/l4-molecules/date-display.tsx
|
|
1410
|
-
function
|
|
1420
|
+
function z(e) {
|
|
1411
1421
|
let t = Math.floor(e / 1e3);
|
|
1412
1422
|
if (t < 60) return "just now";
|
|
1413
1423
|
let n = Math.floor(t / 60);
|
|
@@ -1415,13 +1425,13 @@ function B(e) {
|
|
|
1415
1425
|
let r = Math.floor(n / 60);
|
|
1416
1426
|
return r < 24 ? `${r}h ago` : r < 48 ? "yesterday" : `${Math.floor(r / 24)} days ago`;
|
|
1417
1427
|
}
|
|
1418
|
-
function
|
|
1428
|
+
function B(e) {
|
|
1419
1429
|
return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
|
|
1420
1430
|
}
|
|
1421
|
-
var
|
|
1431
|
+
var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", className: r }, i) {
|
|
1422
1432
|
let a = w(() => {
|
|
1423
1433
|
let e = t instanceof Date ? t : new Date(t), r = Date.now() - e.getTime();
|
|
1424
|
-
return n === "relative" ?
|
|
1434
|
+
return n === "relative" ? z(r) : n === "absolute" ? B(e) : r < Ve ? z(r) : B(e);
|
|
1425
1435
|
}, [t, n]), o = t instanceof Date ? t : new Date(t);
|
|
1426
1436
|
return /* @__PURE__ */ O("span", {
|
|
1427
1437
|
ref: i,
|
|
@@ -1430,7 +1440,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1430
1440
|
title: o.toISOString(),
|
|
1431
1441
|
children: a
|
|
1432
1442
|
});
|
|
1433
|
-
}),
|
|
1443
|
+
}), Ue = x(function({ className: t, disabled: n = !1, endDate: r, error: i = !1, onChange: a, placeholder: o, startDate: s }, c) {
|
|
1434
1444
|
return /* @__PURE__ */ k("div", {
|
|
1435
1445
|
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
1446
|
"data-component": "date-range-input",
|
|
@@ -1466,7 +1476,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1466
1476
|
})
|
|
1467
1477
|
]
|
|
1468
1478
|
});
|
|
1469
|
-
}),
|
|
1479
|
+
}), We = x(function({ children: t, title: n, className: r }, i) {
|
|
1470
1480
|
return /* @__PURE__ */ k("div", {
|
|
1471
1481
|
ref: i,
|
|
1472
1482
|
className: e("space-y-0.5", r),
|
|
@@ -1479,7 +1489,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1479
1489
|
children: t
|
|
1480
1490
|
})]
|
|
1481
1491
|
});
|
|
1482
|
-
}),
|
|
1492
|
+
}), Ge = x(function({ className: n, glass: r = !0, items: i, onSelect: a, ...o }, s) {
|
|
1483
1493
|
let [c, l] = E(null);
|
|
1484
1494
|
return /* @__PURE__ */ O("div", {
|
|
1485
1495
|
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 +1523,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1513
1523
|
}, t.id);
|
|
1514
1524
|
})
|
|
1515
1525
|
});
|
|
1516
|
-
}),
|
|
1526
|
+
}), Ke = x(function({ label: t, progress: n, complete: r = !1, onClick: a, disabled: o = !1, className: s }, c) {
|
|
1517
1527
|
let l = n !== void 0 && !r, u = o || l;
|
|
1518
1528
|
return /* @__PURE__ */ k("button", {
|
|
1519
1529
|
ref: c,
|
|
@@ -1561,12 +1571,12 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1561
1571
|
}), /* @__PURE__ */ O("span", { children: t })] })
|
|
1562
1572
|
]
|
|
1563
1573
|
});
|
|
1564
|
-
}),
|
|
1574
|
+
}), qe = {
|
|
1565
1575
|
sm: "h-[30vh]",
|
|
1566
1576
|
default: "h-[50vh]",
|
|
1567
1577
|
lg: "h-[75vh]",
|
|
1568
1578
|
full: "h-screen"
|
|
1569
|
-
},
|
|
1579
|
+
}, Je = x(function({ open: n, onClose: r, title: i, children: a, height: o = "default", glass: s, className: c }, l) {
|
|
1570
1580
|
let u = v(n);
|
|
1571
1581
|
return y(n), _(n, r), n ? /* @__PURE__ */ O("div", {
|
|
1572
1582
|
className: "fixed inset-0 z-50 bg-black/50",
|
|
@@ -1577,7 +1587,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1577
1587
|
"data-state": "open",
|
|
1578
1588
|
children: /* @__PURE__ */ k("div", {
|
|
1579
1589
|
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",
|
|
1590
|
+
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
1591
|
children: [
|
|
1582
1592
|
/* @__PURE__ */ O("div", {
|
|
1583
1593
|
className: "flex justify-center py-2",
|
|
@@ -1615,7 +1625,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1615
1625
|
]
|
|
1616
1626
|
})
|
|
1617
1627
|
}) : null;
|
|
1618
|
-
}),
|
|
1628
|
+
}), Ye = x(function({ onDrop: n, accept: r, active: a, children: o, glass: s, className: c }, l) {
|
|
1619
1629
|
let [u, d] = E(!1), f = a === !0 || u, p = S((e) => {
|
|
1620
1630
|
e.preventDefault(), d(!0);
|
|
1621
1631
|
}, []), m = S((e) => {
|
|
@@ -1642,7 +1652,7 @@ var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", classN
|
|
|
1642
1652
|
});
|
|
1643
1653
|
//#endregion
|
|
1644
1654
|
//#region src/l4-molecules/dropdown.tsx
|
|
1645
|
-
function
|
|
1655
|
+
function Xe({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, className: c }) {
|
|
1646
1656
|
let [l, u] = E(!1), d = T(null);
|
|
1647
1657
|
return b(d, l, () => u(!1)), _(l, () => u(!1)), /* @__PURE__ */ k("div", {
|
|
1648
1658
|
ref: d,
|
|
@@ -1683,7 +1693,7 @@ function Je({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, c
|
|
|
1683
1693
|
}
|
|
1684
1694
|
//#endregion
|
|
1685
1695
|
//#region src/l4-molecules/editable.tsx
|
|
1686
|
-
var
|
|
1696
|
+
var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", disabled: a, className: o }, s) {
|
|
1687
1697
|
let [c, l] = E(!1), [u, d] = E(t), f = T(null), p = S(() => {
|
|
1688
1698
|
a !== !0 && (d(t), l(!0));
|
|
1689
1699
|
}, [a, t]), m = S(() => {
|
|
@@ -1719,7 +1729,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1719
1729
|
tabIndex: a === !0 ? -1 : 0,
|
|
1720
1730
|
children: _ ? r : t
|
|
1721
1731
|
});
|
|
1722
|
-
}),
|
|
1732
|
+
}), Qe = [
|
|
1723
1733
|
{
|
|
1724
1734
|
name: "Smileys",
|
|
1725
1735
|
emojis: [
|
|
@@ -1788,7 +1798,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1788
1798
|
"✅"
|
|
1789
1799
|
]
|
|
1790
1800
|
}
|
|
1791
|
-
],
|
|
1801
|
+
], $e = x(function({ onSelect: t, categories: n = Qe, columns: r = 8, glass: i = !1, className: a, ...o }, s) {
|
|
1792
1802
|
let [c, l] = E(0), [u, d] = E(""), f = w(() => u === "" ? n[c]?.emojis ?? [] : n.flatMap((e) => e.emojis), [
|
|
1793
1803
|
u,
|
|
1794
1804
|
c,
|
|
@@ -1826,7 +1836,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1826
1836
|
})
|
|
1827
1837
|
]
|
|
1828
1838
|
});
|
|
1829
|
-
}),
|
|
1839
|
+
}), et = x(function({ message: t, icon: n, action: r, className: i }, a) {
|
|
1830
1840
|
return /* @__PURE__ */ k("div", {
|
|
1831
1841
|
ref: a,
|
|
1832
1842
|
className: e("flex flex-col items-center justify-center gap-2 py-6 select-none", i),
|
|
@@ -1846,7 +1856,7 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1846
1856
|
})
|
|
1847
1857
|
]
|
|
1848
1858
|
});
|
|
1849
|
-
}),
|
|
1859
|
+
}), tt = x(function({ query: t, suggestions: n, className: r }, i) {
|
|
1850
1860
|
return /* @__PURE__ */ k("div", {
|
|
1851
1861
|
ref: i,
|
|
1852
1862
|
className: e("flex flex-col items-center justify-center py-12 text-center select-none", r),
|
|
@@ -1886,29 +1896,29 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1886
1896
|
})
|
|
1887
1897
|
]
|
|
1888
1898
|
});
|
|
1889
|
-
}),
|
|
1899
|
+
}), nt = {
|
|
1890
1900
|
production: "bg-success/15 text-success",
|
|
1891
1901
|
staging: "bg-warning/15 text-warning",
|
|
1892
1902
|
development: "bg-accent/15 text-accent",
|
|
1893
1903
|
local: "bg-bg-tertiary text-fg-muted"
|
|
1894
|
-
},
|
|
1904
|
+
}, rt = {
|
|
1895
1905
|
production: "bg-success",
|
|
1896
1906
|
staging: "bg-warning",
|
|
1897
1907
|
development: "bg-accent",
|
|
1898
1908
|
local: "bg-fg-muted"
|
|
1899
|
-
},
|
|
1909
|
+
}, it = x(function({ className: t, env: n, showDot: r = !0, ...i }, a) {
|
|
1900
1910
|
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",
|
|
1911
|
+
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
1912
|
"data-component": "environment-badge",
|
|
1903
1913
|
ref: a,
|
|
1904
1914
|
...i,
|
|
1905
|
-
children: [r && /* @__PURE__ */ O("span", { className: e("h-1.5 w-1.5 rounded-full",
|
|
1915
|
+
children: [r && /* @__PURE__ */ O("span", { className: e("h-1.5 w-1.5 rounded-full", rt[n]) }), n]
|
|
1906
1916
|
});
|
|
1907
|
-
}),
|
|
1917
|
+
}), at = {
|
|
1908
1918
|
1: "grid-cols-1",
|
|
1909
1919
|
2: "grid-cols-1 md:grid-cols-2",
|
|
1910
1920
|
3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
|
|
1911
|
-
},
|
|
1921
|
+
}, ot = x(function({ children: t, columns: n = 1, title: r, description: i, className: a }, o) {
|
|
1912
1922
|
return /* @__PURE__ */ k("fieldset", {
|
|
1913
1923
|
ref: o,
|
|
1914
1924
|
className: e("space-y-4", a),
|
|
@@ -1920,11 +1930,11 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1920
1930
|
className: "mt-0.5 gds-text-body text-fg-muted",
|
|
1921
1931
|
children: i
|
|
1922
1932
|
})] }), /* @__PURE__ */ O("div", {
|
|
1923
|
-
className: e("grid gds-gap",
|
|
1933
|
+
className: e("grid gds-gap", at[n]),
|
|
1924
1934
|
children: t
|
|
1925
1935
|
})]
|
|
1926
1936
|
});
|
|
1927
|
-
}),
|
|
1937
|
+
}), st = x(function({ children: t, legend: n, disabled: r = !1, className: i }, a) {
|
|
1928
1938
|
return /* @__PURE__ */ k("fieldset", {
|
|
1929
1939
|
ref: a,
|
|
1930
1940
|
className: e("gds-radius border border-border gds-pad", r && "cursor-not-allowed opacity-50", i),
|
|
@@ -1938,10 +1948,10 @@ var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
|
|
|
1938
1948
|
});
|
|
1939
1949
|
//#endregion
|
|
1940
1950
|
//#region src/l4-molecules/file-upload.tsx
|
|
1941
|
-
function
|
|
1951
|
+
function ct(e, t) {
|
|
1942
1952
|
return t === void 0 ? e : e.filter((e) => e.size <= t);
|
|
1943
1953
|
}
|
|
1944
|
-
function
|
|
1954
|
+
function lt() {
|
|
1945
1955
|
return /* @__PURE__ */ k("svg", {
|
|
1946
1956
|
className: "h-8 w-8 text-fg-muted/40",
|
|
1947
1957
|
fill: "none",
|
|
@@ -1962,9 +1972,9 @@ function st() {
|
|
|
1962
1972
|
]
|
|
1963
1973
|
});
|
|
1964
1974
|
}
|
|
1965
|
-
var
|
|
1975
|
+
var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, glass: o, maxSize: s, multiple: c = !1, onFiles: l }, u) {
|
|
1966
1976
|
let [d, f] = E(!1), [p, m] = E([]), h = T(null), g = S((e) => {
|
|
1967
|
-
let t =
|
|
1977
|
+
let t = ct(Array.from(e), s);
|
|
1968
1978
|
m(t), l(t);
|
|
1969
1979
|
}, [s, l]), _ = S(() => {
|
|
1970
1980
|
a || h.current?.click();
|
|
@@ -1994,7 +2004,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
1994
2004
|
ref: h,
|
|
1995
2005
|
type: "file"
|
|
1996
2006
|
}), r === void 0 ? /* @__PURE__ */ k(D, { children: [
|
|
1997
|
-
/* @__PURE__ */ O(
|
|
2007
|
+
/* @__PURE__ */ O(lt, {}),
|
|
1998
2008
|
/* @__PURE__ */ O("div", {
|
|
1999
2009
|
className: "text-sm text-fg-muted",
|
|
2000
2010
|
children: "Drop files here or click to browse"
|
|
@@ -2010,7 +2020,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2010
2020
|
})
|
|
2011
2021
|
] }) : r]
|
|
2012
2022
|
});
|
|
2013
|
-
}),
|
|
2023
|
+
}), dt = x(function({ className: t, filters: n, onChange: r, onClear: a, ...o }, s) {
|
|
2014
2024
|
let c = n.some((e) => e.active);
|
|
2015
2025
|
return /* @__PURE__ */ k("div", {
|
|
2016
2026
|
className: e("flex flex-wrap items-center gds-gap", t),
|
|
@@ -2032,7 +2042,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2032
2042
|
children: "Clear all"
|
|
2033
2043
|
})]
|
|
2034
2044
|
});
|
|
2035
|
-
}),
|
|
2045
|
+
}), ft = x(function({ className: t, disabled: n, loading: i, onCancel: a, onReset: o, onSave: s, saveLabel: c = "Save", ...l }, u) {
|
|
2036
2046
|
return /* @__PURE__ */ k("div", {
|
|
2037
2047
|
className: e("flex items-center justify-end gds-gap", t),
|
|
2038
2048
|
"data-component": "form-actions",
|
|
@@ -2062,7 +2072,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2062
2072
|
})
|
|
2063
2073
|
]
|
|
2064
2074
|
});
|
|
2065
|
-
}),
|
|
2075
|
+
}), pt = x(function({ children: t, className: n, error: r, helperText: i, label: a, required: o, ...c }, l) {
|
|
2066
2076
|
let u = r !== void 0 && r !== "";
|
|
2067
2077
|
return /* @__PURE__ */ k("div", {
|
|
2068
2078
|
className: e("flex flex-col gds-gap-sm", n),
|
|
@@ -2086,7 +2096,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2086
2096
|
})
|
|
2087
2097
|
]
|
|
2088
2098
|
});
|
|
2089
|
-
}),
|
|
2099
|
+
}), V = n(e("inline-flex select-none items-center justify-center font-medium gds-glass transition-colors", i), {
|
|
2090
2100
|
variants: {
|
|
2091
2101
|
variant: {
|
|
2092
2102
|
default: "border border-border/30 bg-bg/50 text-fg hover:bg-bg/70",
|
|
@@ -2102,10 +2112,10 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2102
2112
|
variant: "default",
|
|
2103
2113
|
size: "default"
|
|
2104
2114
|
}
|
|
2105
|
-
}),
|
|
2115
|
+
}), mt = x(function({ children: t, className: n, size: r, variant: i, ...a }, o) {
|
|
2106
2116
|
return /* @__PURE__ */ O("button", {
|
|
2107
2117
|
ref: o,
|
|
2108
|
-
className: e(
|
|
2118
|
+
className: e(V({
|
|
2109
2119
|
size: r,
|
|
2110
2120
|
variant: i
|
|
2111
2121
|
}), n),
|
|
@@ -2113,26 +2123,26 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2113
2123
|
...a,
|
|
2114
2124
|
children: t
|
|
2115
2125
|
});
|
|
2116
|
-
}),
|
|
2126
|
+
}), H = n("gds-ctx gds-radius border bg-bg/60", {
|
|
2117
2127
|
variants: { blur: {
|
|
2118
2128
|
sm: "gds-glass-sm border-border/25",
|
|
2119
2129
|
default: "gds-glass border-border/20",
|
|
2120
2130
|
lg: "gds-glass-lg border-border/15"
|
|
2121
2131
|
} },
|
|
2122
2132
|
defaultVariants: { blur: "default" }
|
|
2123
|
-
}),
|
|
2133
|
+
}), ht = x(function({ blur: t, children: n, className: r }, i) {
|
|
2124
2134
|
return /* @__PURE__ */ O("div", {
|
|
2125
2135
|
ref: i,
|
|
2126
|
-
className: e(
|
|
2136
|
+
className: e(H({ blur: t }), r),
|
|
2127
2137
|
"data-component": "glass-card",
|
|
2128
2138
|
children: n
|
|
2129
2139
|
});
|
|
2130
|
-
}),
|
|
2140
|
+
}), gt = {
|
|
2131
2141
|
bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
2132
2142
|
left: "right-full top-1/2 -translate-y-1/2 mr-2",
|
|
2133
2143
|
right: "left-full top-1/2 -translate-y-1/2 ml-2",
|
|
2134
2144
|
top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
|
|
2135
|
-
},
|
|
2145
|
+
}, _t = x(function({ trigger: t, children: n, delay: r = 300, placement: i = "bottom", className: a, ...o }, s) {
|
|
2136
2146
|
let [c, l] = E(!1), u = T(void 0), d = T(void 0), f = S(() => {
|
|
2137
2147
|
clearTimeout(d.current), u.current = setTimeout(() => l(!0), r);
|
|
2138
2148
|
}, [r]), p = S(() => {
|
|
@@ -2147,13 +2157,13 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2147
2157
|
onMouseLeave: p,
|
|
2148
2158
|
...o,
|
|
2149
2159
|
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",
|
|
2160
|
+
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
2161
|
onMouseEnter: f,
|
|
2152
2162
|
onMouseLeave: p,
|
|
2153
2163
|
children: n
|
|
2154
2164
|
})]
|
|
2155
2165
|
});
|
|
2156
|
-
}),
|
|
2166
|
+
}), vt = x(function({ label: t, value: n, icon: r, className: i }, a) {
|
|
2157
2167
|
return /* @__PURE__ */ k("div", {
|
|
2158
2168
|
ref: a,
|
|
2159
2169
|
className: e("flex items-center gap-2 gds-text-body select-none", i),
|
|
@@ -2173,7 +2183,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2173
2183
|
})
|
|
2174
2184
|
]
|
|
2175
2185
|
});
|
|
2176
|
-
}),
|
|
2186
|
+
}), yt = x(function({ prefix: t, suffix: n, error: r, disabled: i, className: a, children: o, ...s }, c) {
|
|
2177
2187
|
return /* @__PURE__ */ k("div", {
|
|
2178
2188
|
ref: c,
|
|
2179
2189
|
"data-component": "input-group",
|
|
@@ -2191,7 +2201,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2191
2201
|
})
|
|
2192
2202
|
]
|
|
2193
2203
|
});
|
|
2194
|
-
}),
|
|
2204
|
+
}), bt = x(function({ buttonLabel: t, className: n, disabled: r = !1, onChange: i, onSubmit: a, placeholder: o, value: s, ...c }, l) {
|
|
2195
2205
|
return /* @__PURE__ */ k("div", {
|
|
2196
2206
|
className: e("inline-flex items-center overflow-hidden rounded-md border border-border", n),
|
|
2197
2207
|
"data-component": "input-with-button",
|
|
@@ -2215,7 +2225,7 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2215
2225
|
children: t
|
|
2216
2226
|
})]
|
|
2217
2227
|
});
|
|
2218
|
-
}),
|
|
2228
|
+
}), xt = x(function({ items: t, columns: n = 1, className: r }, i) {
|
|
2219
2229
|
return /* @__PURE__ */ O("div", {
|
|
2220
2230
|
ref: i,
|
|
2221
2231
|
className: e("grid gap-x-8 gap-y-2", n === 2 ? "grid-cols-2" : "grid-cols-1", r),
|
|
@@ -2231,20 +2241,20 @@ var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
|
|
|
2231
2241
|
})]
|
|
2232
2242
|
}, e.key))
|
|
2233
2243
|
});
|
|
2234
|
-
}),
|
|
2244
|
+
}), St = x(function({ items: t, columns: n = 1, striped: r, className: i }, a) {
|
|
2235
2245
|
let o = n === 2;
|
|
2236
2246
|
return /* @__PURE__ */ O("div", {
|
|
2237
2247
|
ref: a,
|
|
2238
2248
|
className: e("gds-text-body", o && "grid grid-cols-2 gap-x-6", i),
|
|
2239
2249
|
"data-component": "kv-table",
|
|
2240
2250
|
"data-variant": o ? "2col" : "1col",
|
|
2241
|
-
children: t.map((e, t) => /* @__PURE__ */ O(
|
|
2251
|
+
children: t.map((e, t) => /* @__PURE__ */ O(Ct, {
|
|
2242
2252
|
item: e,
|
|
2243
2253
|
striped: r === !0 && t % 2 == 1
|
|
2244
2254
|
}, e.key))
|
|
2245
2255
|
});
|
|
2246
2256
|
});
|
|
2247
|
-
function
|
|
2257
|
+
function Ct({ item: t, striped: n }) {
|
|
2248
2258
|
let [r, i] = E(!1);
|
|
2249
2259
|
return /* @__PURE__ */ k("div", {
|
|
2250
2260
|
className: e("group flex items-baseline justify-between gap-4 gds-pad-x gds-pad-y-sm", n && "bg-bg-tertiary/40"),
|
|
@@ -2267,7 +2277,7 @@ function xt({ item: t, striped: n }) {
|
|
|
2267
2277
|
}
|
|
2268
2278
|
//#endregion
|
|
2269
2279
|
//#region src/l4-molecules/link-preview.tsx
|
|
2270
|
-
var
|
|
2280
|
+
var wt = x(function({ title: n, url: r, description: i, domain: a, image: o, glass: s, className: c }, l) {
|
|
2271
2281
|
return /* @__PURE__ */ k("a", {
|
|
2272
2282
|
ref: l,
|
|
2273
2283
|
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 +2307,7 @@ var St = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
|
|
|
2297
2307
|
src: o
|
|
2298
2308
|
})]
|
|
2299
2309
|
});
|
|
2300
|
-
}),
|
|
2310
|
+
}), Tt = x(function({ visible: n, message: r, glass: i = !0, className: a }, o) {
|
|
2301
2311
|
return n ? /* @__PURE__ */ k("div", {
|
|
2302
2312
|
ref: o,
|
|
2303
2313
|
className: e("absolute inset-0 z-10 flex flex-col items-center justify-center", i === !0 ? t(!0) : "bg-bg/80", a),
|
|
@@ -2307,7 +2317,7 @@ var St = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
|
|
|
2307
2317
|
children: r
|
|
2308
2318
|
})]
|
|
2309
2319
|
}) : null;
|
|
2310
|
-
}),
|
|
2320
|
+
}), Et = x(function({ align: t = "top", children: n, className: r, media: i, reverse: a = !1 }, o) {
|
|
2311
2321
|
return /* @__PURE__ */ k("div", {
|
|
2312
2322
|
ref: o,
|
|
2313
2323
|
className: e("flex gds-gap", t === "center" && "items-center", t === "top" && "items-start", a === !0 && "flex-row-reverse", r),
|
|
@@ -2323,7 +2333,7 @@ var St = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
|
|
|
2323
2333
|
});
|
|
2324
2334
|
//#endregion
|
|
2325
2335
|
//#region src/l4-molecules/mention-list.tsx
|
|
2326
|
-
function
|
|
2336
|
+
function Dt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
|
|
2327
2337
|
return /* @__PURE__ */ O("div", {
|
|
2328
2338
|
className: "absolute left-0 right-0 top-full z-50 mt-1 gds-radius-popover border border-border bg-surface shadow-lg",
|
|
2329
2339
|
role: "listbox",
|
|
@@ -2345,7 +2355,7 @@ function Tt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
|
|
|
2345
2355
|
}
|
|
2346
2356
|
//#endregion
|
|
2347
2357
|
//#region src/l4-molecules/mention-input.tsx
|
|
2348
|
-
var
|
|
2358
|
+
var Ot = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", placeholder: o, disabled: s, className: c }, l) {
|
|
2349
2359
|
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
2360
|
let t = e.lastIndexOf(a);
|
|
2351
2361
|
return t < 0 || t > 0 && e[t - 1] !== " " || e.slice(t + a.length).includes(" ") ? -1 : t;
|
|
@@ -2393,19 +2403,19 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2393
2403
|
placeholder: o,
|
|
2394
2404
|
disabled: s,
|
|
2395
2405
|
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(
|
|
2406
|
+
}), u && _.length > 0 && /* @__PURE__ */ O(Dt, {
|
|
2397
2407
|
filtered: _,
|
|
2398
2408
|
highlightedIndex: m,
|
|
2399
2409
|
onSelect: b,
|
|
2400
2410
|
trigger: a
|
|
2401
2411
|
})]
|
|
2402
2412
|
});
|
|
2403
|
-
}),
|
|
2413
|
+
}), kt = {
|
|
2404
2414
|
default: "text-fg",
|
|
2405
2415
|
success: "text-success",
|
|
2406
2416
|
warning: "text-warning",
|
|
2407
2417
|
danger: "text-danger"
|
|
2408
|
-
},
|
|
2418
|
+
}, At = x(function({ metrics: t, className: n }, r) {
|
|
2409
2419
|
return /* @__PURE__ */ O("div", {
|
|
2410
2420
|
ref: r,
|
|
2411
2421
|
className: e("flex items-center gds-gap gds-text-body select-none", n),
|
|
@@ -2416,7 +2426,7 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2416
2426
|
className: "text-fg-muted",
|
|
2417
2427
|
children: t.label
|
|
2418
2428
|
}), /* @__PURE__ */ k("span", {
|
|
2419
|
-
className: e("font-semibold",
|
|
2429
|
+
className: e("font-semibold", kt[t.variant ?? "default"]),
|
|
2420
2430
|
children: [t.value, t.unit !== void 0 && /* @__PURE__ */ O("span", {
|
|
2421
2431
|
className: "ml-0.5 font-normal text-fg-muted",
|
|
2422
2432
|
children: t.unit
|
|
@@ -2424,19 +2434,19 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2424
2434
|
})]
|
|
2425
2435
|
}, t.label))
|
|
2426
2436
|
});
|
|
2427
|
-
}),
|
|
2437
|
+
}), jt = {
|
|
2428
2438
|
default: "text-fg",
|
|
2429
2439
|
success: "text-success",
|
|
2430
2440
|
warning: "text-warning",
|
|
2431
2441
|
danger: "text-danger"
|
|
2432
|
-
},
|
|
2442
|
+
}, Mt = x(function({ className: t, label: n, unit: r, value: i, variant: a = "default", ...o }, s) {
|
|
2433
2443
|
return /* @__PURE__ */ k("div", {
|
|
2434
2444
|
className: e("flex flex-col items-center gds-pad gds-radius bg-surface", t),
|
|
2435
2445
|
"data-component": "metric-tile",
|
|
2436
2446
|
ref: s,
|
|
2437
2447
|
...o,
|
|
2438
2448
|
children: [/* @__PURE__ */ k("span", {
|
|
2439
|
-
className: e("text-lg font-bold tabular-nums",
|
|
2449
|
+
className: e("text-lg font-bold tabular-nums", jt[a]),
|
|
2440
2450
|
children: [i, r !== void 0 && /* @__PURE__ */ O("span", {
|
|
2441
2451
|
className: "ml-0.5 text-xs font-normal text-fg-muted",
|
|
2442
2452
|
children: r
|
|
@@ -2449,7 +2459,7 @@ var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
|
|
|
2449
2459
|
});
|
|
2450
2460
|
//#endregion
|
|
2451
2461
|
//#region src/l4-molecules/multi-select-list.tsx
|
|
2452
|
-
function
|
|
2462
|
+
function Nt() {
|
|
2453
2463
|
return /* @__PURE__ */ O("svg", {
|
|
2454
2464
|
className: "h-3.5 w-3.5 text-accent",
|
|
2455
2465
|
fill: "none",
|
|
@@ -2461,7 +2471,7 @@ function jt() {
|
|
|
2461
2471
|
children: /* @__PURE__ */ O("path", { d: "M3.5 8l3 3 6-6" })
|
|
2462
2472
|
});
|
|
2463
2473
|
}
|
|
2464
|
-
function
|
|
2474
|
+
function Pt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery: o, searchRef: s, value: c }) {
|
|
2465
2475
|
return /* @__PURE__ */ k("div", {
|
|
2466
2476
|
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
2477
|
children: [/* @__PURE__ */ O("div", {
|
|
@@ -2487,7 +2497,7 @@ function Mt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery
|
|
|
2487
2497
|
type: "button",
|
|
2488
2498
|
children: [/* @__PURE__ */ O("span", {
|
|
2489
2499
|
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(
|
|
2500
|
+
children: n && /* @__PURE__ */ O(Nt, {})
|
|
2491
2501
|
}), t.label]
|
|
2492
2502
|
}, t.value);
|
|
2493
2503
|
})]
|
|
@@ -2496,7 +2506,7 @@ function Mt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery
|
|
|
2496
2506
|
}
|
|
2497
2507
|
//#endregion
|
|
2498
2508
|
//#region src/l4-molecules/multi-select.tsx
|
|
2499
|
-
function
|
|
2509
|
+
function Ft({ open: t }) {
|
|
2500
2510
|
return /* @__PURE__ */ O("svg", {
|
|
2501
2511
|
className: e("h-3 w-3 shrink-0 text-fg-muted transition-transform", t && "rotate-180"),
|
|
2502
2512
|
fill: "none",
|
|
@@ -2508,7 +2518,7 @@ function Nt({ open: t }) {
|
|
|
2508
2518
|
children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
|
|
2509
2519
|
});
|
|
2510
2520
|
}
|
|
2511
|
-
var
|
|
2521
|
+
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
2522
|
let [p, m] = E(!1), [h, g] = E(""), v = T(null), y = T(null), x = f ?? v, C = w(() => {
|
|
2513
2523
|
if (h === "") return l;
|
|
2514
2524
|
let e = h.toLowerCase();
|
|
@@ -2554,8 +2564,8 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2554
2564
|
]
|
|
2555
2565
|
})
|
|
2556
2566
|
]
|
|
2557
|
-
}), /* @__PURE__ */ O(
|
|
2558
|
-
}), p && /* @__PURE__ */ O(
|
|
2567
|
+
}), /* @__PURE__ */ O(Ft, { open: p })]
|
|
2568
|
+
}), p && /* @__PURE__ */ O(Pt, {
|
|
2559
2569
|
filtered: C,
|
|
2560
2570
|
glass: o,
|
|
2561
2571
|
onSearchChange: g,
|
|
@@ -2565,7 +2575,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2565
2575
|
value: d
|
|
2566
2576
|
})]
|
|
2567
2577
|
});
|
|
2568
|
-
}),
|
|
2578
|
+
}), Lt = x(function({ icon: t, label: n, active: r, badge: i, onClick: a, collapsed: o, className: s }, c) {
|
|
2569
2579
|
return /* @__PURE__ */ k("button", {
|
|
2570
2580
|
ref: c,
|
|
2571
2581
|
type: "button",
|
|
@@ -2589,7 +2599,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2589
2599
|
})
|
|
2590
2600
|
]
|
|
2591
2601
|
});
|
|
2592
|
-
}),
|
|
2602
|
+
}), Rt = x(function({ unread: t, onClick: n, className: r }, a) {
|
|
2593
2603
|
return /* @__PURE__ */ k("button", {
|
|
2594
2604
|
ref: a,
|
|
2595
2605
|
type: "button",
|
|
@@ -2613,10 +2623,10 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2613
2623
|
children: t > 99 ? "99+" : t
|
|
2614
2624
|
})]
|
|
2615
2625
|
});
|
|
2616
|
-
}),
|
|
2626
|
+
}), zt = {
|
|
2617
2627
|
danger: "bg-danger text-white",
|
|
2618
2628
|
accent: "bg-accent text-accent-fg"
|
|
2619
|
-
},
|
|
2629
|
+
}, Bt = x(function({ children: t, count: n = 0, max: r = 99, variant: i = "danger", className: a, ...o }, s) {
|
|
2620
2630
|
let c = n > 0, l = n > r ? `${r}+` : String(n);
|
|
2621
2631
|
return /* @__PURE__ */ k("div", {
|
|
2622
2632
|
ref: s,
|
|
@@ -2624,11 +2634,11 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2624
2634
|
"data-component": "notification-dot",
|
|
2625
2635
|
...o,
|
|
2626
2636
|
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",
|
|
2637
|
+
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
2638
|
children: l
|
|
2629
2639
|
})]
|
|
2630
2640
|
});
|
|
2631
|
-
}),
|
|
2641
|
+
}), Vt = x(function({ items: t, onSelect: n, className: r, ...a }, o) {
|
|
2632
2642
|
let [s, c] = E(!1), l = T(null);
|
|
2633
2643
|
return b(l, s, () => c(!1)), _(s, () => c(!1)), /* @__PURE__ */ k("div", {
|
|
2634
2644
|
ref: g(o, l),
|
|
@@ -2654,7 +2664,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2654
2664
|
}, t.id))
|
|
2655
2665
|
})]
|
|
2656
2666
|
});
|
|
2657
|
-
}),
|
|
2667
|
+
}), 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
2668
|
return /* @__PURE__ */ k("nav", {
|
|
2659
2669
|
ref: a,
|
|
2660
2670
|
className: e("flex w-full items-center justify-between", r),
|
|
@@ -2663,7 +2673,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2663
2673
|
children: [/* @__PURE__ */ O("div", { children: t !== void 0 && /* @__PURE__ */ k("a", {
|
|
2664
2674
|
href: t.href,
|
|
2665
2675
|
onClick: t.onClick,
|
|
2666
|
-
className:
|
|
2676
|
+
className: U,
|
|
2667
2677
|
children: [/* @__PURE__ */ O("svg", {
|
|
2668
2678
|
width: "14",
|
|
2669
2679
|
height: "14",
|
|
@@ -2678,7 +2688,7 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2678
2688
|
}) }), /* @__PURE__ */ O("div", { children: n !== void 0 && /* @__PURE__ */ k("a", {
|
|
2679
2689
|
href: n.href,
|
|
2680
2690
|
onClick: n.onClick,
|
|
2681
|
-
className:
|
|
2691
|
+
className: U,
|
|
2682
2692
|
children: [n.label, /* @__PURE__ */ O("svg", {
|
|
2683
2693
|
width: "14",
|
|
2684
2694
|
height: "14",
|
|
@@ -2695,16 +2705,16 @@ var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
2695
2705
|
});
|
|
2696
2706
|
//#endregion
|
|
2697
2707
|
//#region src/l4-molecules/pagination.tsx
|
|
2698
|
-
function
|
|
2708
|
+
function W(e, t) {
|
|
2699
2709
|
let n = [];
|
|
2700
2710
|
for (let r = e; r <= t; r++) n.push(r);
|
|
2701
2711
|
return n;
|
|
2702
2712
|
}
|
|
2703
|
-
var
|
|
2713
|
+
var Ut = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1, className: o, ...s }, c) {
|
|
2704
2714
|
let l = w(() => {
|
|
2705
2715
|
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 =
|
|
2716
|
+
if (e <= a + 3 + 2) return W(1, e);
|
|
2717
|
+
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
2718
|
return o && l.push("dots-l"), l.push(...c), s && l.push("dots-r"), l.push(e), l;
|
|
2709
2719
|
}, [
|
|
2710
2720
|
t,
|
|
@@ -2763,7 +2773,7 @@ var Vt = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1,
|
|
|
2763
2773
|
});
|
|
2764
2774
|
//#endregion
|
|
2765
2775
|
//#region src/l4-molecules/panel.tsx
|
|
2766
|
-
function
|
|
2776
|
+
function Wt({ open: t }) {
|
|
2767
2777
|
return /* @__PURE__ */ O("svg", {
|
|
2768
2778
|
className: e("h-3.5 w-3.5 shrink-0 text-fg-muted transition-transform duration-200", t && "rotate-90"),
|
|
2769
2779
|
fill: "none",
|
|
@@ -2774,7 +2784,7 @@ function Ht({ open: t }) {
|
|
|
2774
2784
|
children: /* @__PURE__ */ O("path", { d: "M9 5l7 7-7 7" })
|
|
2775
2785
|
});
|
|
2776
2786
|
}
|
|
2777
|
-
var
|
|
2787
|
+
var Gt = x(function({ children: n, className: r, collapsible: a = !0, defaultOpen: o = !0, glass: s, headerAction: c, title: l, ...u }, d) {
|
|
2778
2788
|
let [f, p] = E(o), m = a ? f : !0;
|
|
2779
2789
|
return /* @__PURE__ */ k("div", {
|
|
2780
2790
|
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 +2798,7 @@ var Ut = x(function({ children: n, className: r, collapsible: a = !0, defaultOpe
|
|
|
2788
2798
|
className: e("flex flex-1 items-center gap-2 text-left text-sm font-medium text-fg", i),
|
|
2789
2799
|
onClick: () => p((e) => !e),
|
|
2790
2800
|
type: "button",
|
|
2791
|
-
children: [/* @__PURE__ */ O(
|
|
2801
|
+
children: [/* @__PURE__ */ O(Wt, { open: m }), /* @__PURE__ */ O("span", { children: l })]
|
|
2792
2802
|
}) : /* @__PURE__ */ O("span", {
|
|
2793
2803
|
className: "flex-1 text-sm font-medium text-fg",
|
|
2794
2804
|
children: l
|
|
@@ -2804,12 +2814,12 @@ var Ut = x(function({ children: n, className: r, collapsible: a = !0, defaultOpe
|
|
|
2804
2814
|
});
|
|
2805
2815
|
//#endregion
|
|
2806
2816
|
//#region src/l4-molecules/password-input.tsx
|
|
2807
|
-
function
|
|
2817
|
+
function Kt(e) {
|
|
2808
2818
|
if (e.length === 0) return "none";
|
|
2809
2819
|
let t = 0;
|
|
2810
2820
|
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
2821
|
}
|
|
2812
|
-
var
|
|
2822
|
+
var G = {
|
|
2813
2823
|
weak: {
|
|
2814
2824
|
label: "Weak",
|
|
2815
2825
|
value: 33,
|
|
@@ -2825,7 +2835,7 @@ var K = {
|
|
|
2825
2835
|
value: 100,
|
|
2826
2836
|
variant: "success"
|
|
2827
2837
|
}
|
|
2828
|
-
},
|
|
2838
|
+
}, qt = /* @__PURE__ */ k("svg", {
|
|
2829
2839
|
viewBox: "0 0 24 24",
|
|
2830
2840
|
fill: "none",
|
|
2831
2841
|
stroke: "currentColor",
|
|
@@ -2837,7 +2847,7 @@ var K = {
|
|
|
2837
2847
|
cy: "12",
|
|
2838
2848
|
r: "3"
|
|
2839
2849
|
})]
|
|
2840
|
-
}),
|
|
2850
|
+
}), Jt = /* @__PURE__ */ k("svg", {
|
|
2841
2851
|
viewBox: "0 0 24 24",
|
|
2842
2852
|
fill: "none",
|
|
2843
2853
|
stroke: "currentColor",
|
|
@@ -2850,14 +2860,14 @@ var K = {
|
|
|
2850
2860
|
x2: "23",
|
|
2851
2861
|
y2: "23"
|
|
2852
2862
|
})]
|
|
2853
|
-
}),
|
|
2854
|
-
let [a, s] = E(!1), c = typeof r.value == "string" ? r.value : "", u = n ?
|
|
2863
|
+
}), Yt = x(function({ className: t, showStrength: n = !1, ...r }, i) {
|
|
2864
|
+
let [a, s] = E(!1), c = typeof r.value == "string" ? r.value : "", u = n ? Kt(c) : "none", d = /* @__PURE__ */ O("button", {
|
|
2855
2865
|
"aria-label": a ? "Hide password" : "Show password",
|
|
2856
2866
|
className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
|
|
2857
2867
|
onClick: () => s((e) => !e),
|
|
2858
2868
|
tabIndex: -1,
|
|
2859
2869
|
type: "button",
|
|
2860
|
-
children: a ?
|
|
2870
|
+
children: a ? Jt : qt
|
|
2861
2871
|
});
|
|
2862
2872
|
return /* @__PURE__ */ k("div", {
|
|
2863
2873
|
className: e("flex flex-col gap-1.5", t),
|
|
@@ -2871,15 +2881,15 @@ var K = {
|
|
|
2871
2881
|
className: "flex items-center gap-2",
|
|
2872
2882
|
children: [/* @__PURE__ */ O(l, {
|
|
2873
2883
|
size: "sm",
|
|
2874
|
-
value:
|
|
2875
|
-
variant:
|
|
2884
|
+
value: G[u].value,
|
|
2885
|
+
variant: G[u].variant
|
|
2876
2886
|
}), /* @__PURE__ */ O("span", {
|
|
2877
2887
|
className: "shrink-0 text-[10px] text-fg-muted select-none",
|
|
2878
|
-
children:
|
|
2888
|
+
children: G[u].label
|
|
2879
2889
|
})]
|
|
2880
2890
|
})]
|
|
2881
2891
|
});
|
|
2882
|
-
}),
|
|
2892
|
+
}), Xt = [
|
|
2883
2893
|
{
|
|
2884
2894
|
code: "+1",
|
|
2885
2895
|
label: "US",
|
|
@@ -2905,8 +2915,8 @@ var K = {
|
|
|
2905
2915
|
label: "KR",
|
|
2906
2916
|
flag: "🇰🇷"
|
|
2907
2917
|
}
|
|
2908
|
-
],
|
|
2909
|
-
let d = a ??
|
|
2918
|
+
], 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) {
|
|
2919
|
+
let d = a ?? Xt, [f, p] = E(r), [m, h] = E(!1), g = T(null);
|
|
2910
2920
|
b(g, m, () => h(!1));
|
|
2911
2921
|
let _ = d.find((e) => e.code === f) ?? d[0], v = S((e) => {
|
|
2912
2922
|
p(e), h(!1);
|
|
@@ -2961,7 +2971,7 @@ var K = {
|
|
|
2961
2971
|
"aria-label": "Phone number"
|
|
2962
2972
|
})]
|
|
2963
2973
|
});
|
|
2964
|
-
}),
|
|
2974
|
+
}), 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
2975
|
let [p, m] = E(() => Array.from({ length: a }, () => "")), h = u !== void 0, g = T([]), _ = S((e) => (t) => {
|
|
2966
2976
|
g.current[e] = t;
|
|
2967
2977
|
}, []), v = S((e) => {
|
|
@@ -3052,7 +3062,7 @@ var K = {
|
|
|
3052
3062
|
value: o && D[a] !== void 0 && D[a] !== "" ? "•" : D[a] ?? ""
|
|
3053
3063
|
}, a))
|
|
3054
3064
|
});
|
|
3055
|
-
}),
|
|
3065
|
+
}), $t = {
|
|
3056
3066
|
bottom: {
|
|
3057
3067
|
center: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
3058
3068
|
end: "top-full right-0 mt-2",
|
|
@@ -3073,7 +3083,7 @@ var K = {
|
|
|
3073
3083
|
end: "bottom-full right-0 mb-2",
|
|
3074
3084
|
start: "bottom-full left-0 mb-2"
|
|
3075
3085
|
}
|
|
3076
|
-
},
|
|
3086
|
+
}, en = x(function({ align: t = "start", className: n, content: r, placement: i = "bottom", trigger: a, ...o }, s) {
|
|
3077
3087
|
let [c, l] = E(!1), u = T(null);
|
|
3078
3088
|
return b(u, c, () => l(!1)), _(c, () => l(!1)), /* @__PURE__ */ k("div", {
|
|
3079
3089
|
className: e("relative inline-flex", n),
|
|
@@ -3092,11 +3102,11 @@ var K = {
|
|
|
3092
3102
|
tabIndex: 0,
|
|
3093
3103
|
children: a
|
|
3094
3104
|
}), 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",
|
|
3105
|
+
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
3106
|
children: r
|
|
3097
3107
|
})]
|
|
3098
3108
|
});
|
|
3099
|
-
}),
|
|
3109
|
+
}), tn = x(function({ className: t, icon: n, label: r, trend: i, value: a, ...o }, s) {
|
|
3100
3110
|
let c = i !== void 0 && i > 0 ? "text-success" : i !== void 0 && i < 0 ? "text-danger" : "text-fg-muted";
|
|
3101
3111
|
return /* @__PURE__ */ k("div", {
|
|
3102
3112
|
className: e("inline-flex items-center gap-3 select-none", t),
|
|
@@ -3127,14 +3137,14 @@ var K = {
|
|
|
3127
3137
|
})]
|
|
3128
3138
|
})]
|
|
3129
3139
|
});
|
|
3130
|
-
}),
|
|
3140
|
+
}), nn = {
|
|
3131
3141
|
1: "grid-cols-1",
|
|
3132
3142
|
2: "grid-cols-2",
|
|
3133
3143
|
3: "grid-cols-3"
|
|
3134
|
-
},
|
|
3144
|
+
}, rn = x(function({ options: n, value: r, onChange: i, columns: a = 1, disabled: o, glass: s, className: c }, l) {
|
|
3135
3145
|
return /* @__PURE__ */ O("div", {
|
|
3136
3146
|
ref: l,
|
|
3137
|
-
className: e("grid gds-gap",
|
|
3147
|
+
className: e("grid gds-gap", nn[a], c),
|
|
3138
3148
|
"data-component": "radio-card",
|
|
3139
3149
|
role: "radiogroup",
|
|
3140
3150
|
children: n.map((n) => {
|
|
@@ -3172,7 +3182,7 @@ var K = {
|
|
|
3172
3182
|
}, n.value);
|
|
3173
3183
|
})
|
|
3174
3184
|
});
|
|
3175
|
-
}),
|
|
3185
|
+
}), an = /* @__PURE__ */ k("svg", {
|
|
3176
3186
|
viewBox: "0 0 24 24",
|
|
3177
3187
|
fill: "none",
|
|
3178
3188
|
stroke: "currentColor",
|
|
@@ -3189,7 +3199,7 @@ var K = {
|
|
|
3189
3199
|
x2: "16.65",
|
|
3190
3200
|
y2: "16.65"
|
|
3191
3201
|
})]
|
|
3192
|
-
}),
|
|
3202
|
+
}), on = /* @__PURE__ */ k("svg", {
|
|
3193
3203
|
viewBox: "0 0 24 24",
|
|
3194
3204
|
fill: "none",
|
|
3195
3205
|
stroke: "currentColor",
|
|
@@ -3207,14 +3217,14 @@ var K = {
|
|
|
3207
3217
|
x2: "18",
|
|
3208
3218
|
y2: "18"
|
|
3209
3219
|
})]
|
|
3210
|
-
}),
|
|
3211
|
-
let p = a ? /* @__PURE__ */ O(c, { size: "sm" }) :
|
|
3220
|
+
}), 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) {
|
|
3221
|
+
let p = a ? /* @__PURE__ */ O(c, { size: "sm" }) : an, m = n && d.length > 0 ? /* @__PURE__ */ O("button", {
|
|
3212
3222
|
"aria-label": "Clear search",
|
|
3213
3223
|
className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
|
|
3214
3224
|
onClick: () => s(""),
|
|
3215
3225
|
tabIndex: -1,
|
|
3216
3226
|
type: "button",
|
|
3217
|
-
children:
|
|
3227
|
+
children: on
|
|
3218
3228
|
}) : void 0;
|
|
3219
3229
|
return /* @__PURE__ */ O(o, {
|
|
3220
3230
|
className: e(t),
|
|
@@ -3232,7 +3242,7 @@ var K = {
|
|
|
3232
3242
|
type: "search",
|
|
3233
3243
|
value: d
|
|
3234
3244
|
});
|
|
3235
|
-
}),
|
|
3245
|
+
}), 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
3246
|
compoundVariants: [{
|
|
3237
3247
|
error: !0,
|
|
3238
3248
|
className: "focus-visible:ring-danger"
|
|
@@ -3251,13 +3261,13 @@ var K = {
|
|
|
3251
3261
|
error: !1,
|
|
3252
3262
|
inputSize: "default"
|
|
3253
3263
|
}
|
|
3254
|
-
}),
|
|
3264
|
+
}), cn = x(function({ error: n, inputSize: r, glass: i, className: a, children: o, ...s }, c) {
|
|
3255
3265
|
return /* @__PURE__ */ k("div", {
|
|
3256
3266
|
className: "relative",
|
|
3257
3267
|
"data-component": "select",
|
|
3258
3268
|
children: [/* @__PURE__ */ O("select", {
|
|
3259
3269
|
ref: c,
|
|
3260
|
-
className: e(
|
|
3270
|
+
className: e(K({
|
|
3261
3271
|
error: n,
|
|
3262
3272
|
inputSize: r
|
|
3263
3273
|
}), t(i), a),
|
|
@@ -3278,7 +3288,7 @@ var K = {
|
|
|
3278
3288
|
})
|
|
3279
3289
|
})]
|
|
3280
3290
|
});
|
|
3281
|
-
}),
|
|
3291
|
+
}), 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
3292
|
let f = v(n);
|
|
3283
3293
|
if (y(n), _(n, r), !n) return null;
|
|
3284
3294
|
let p = a === "right", m = { width: typeof l == "number" ? `${l}px` : l };
|
|
@@ -3326,7 +3336,7 @@ var K = {
|
|
|
3326
3336
|
})]
|
|
3327
3337
|
})
|
|
3328
3338
|
});
|
|
3329
|
-
}),
|
|
3339
|
+
}), 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
3340
|
return /* @__PURE__ */ k("div", {
|
|
3331
3341
|
ref: u,
|
|
3332
3342
|
className: e("flex flex-col gap-1.5", c),
|
|
@@ -3349,7 +3359,7 @@ var K = {
|
|
|
3349
3359
|
step: o
|
|
3350
3360
|
})]
|
|
3351
3361
|
});
|
|
3352
|
-
}),
|
|
3362
|
+
}), dn = x(function({ label: t, direction: n, onSort: r, className: a }, o) {
|
|
3353
3363
|
return /* @__PURE__ */ O("th", {
|
|
3354
3364
|
ref: o,
|
|
3355
3365
|
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 +3397,15 @@ var K = {
|
|
|
3387
3397
|
]
|
|
3388
3398
|
})
|
|
3389
3399
|
});
|
|
3390
|
-
}),
|
|
3400
|
+
}), q = {
|
|
3391
3401
|
primary: "bg-accent text-accent-fg hover:bg-accent/90",
|
|
3392
3402
|
secondary: "bg-bg-secondary text-fg border border-border hover:bg-bg-tertiary",
|
|
3393
3403
|
danger: "bg-danger text-white hover:bg-danger/90"
|
|
3394
|
-
},
|
|
3404
|
+
}, fn = {
|
|
3395
3405
|
primary: "border-l-white/20",
|
|
3396
3406
|
secondary: "border-l-border",
|
|
3397
3407
|
danger: "border-l-white/20"
|
|
3398
|
-
},
|
|
3408
|
+
}, J = {
|
|
3399
3409
|
sm: {
|
|
3400
3410
|
main: "px-2.5 py-1 text-xs",
|
|
3401
3411
|
trigger: "px-1.5 py-1"
|
|
@@ -3408,7 +3418,7 @@ var K = {
|
|
|
3408
3418
|
main: "px-4 py-2 text-sm",
|
|
3409
3419
|
trigger: "px-2.5 py-2"
|
|
3410
3420
|
}
|
|
3411
|
-
},
|
|
3421
|
+
}, pn = x(function({ children: t, variant: n = "primary", size: r = "default", items: a, onSelect: o, onClick: s, disabled: c, className: l, ...u }, d) {
|
|
3412
3422
|
let [f, p] = E(!1), m = T(null);
|
|
3413
3423
|
b(m, f, () => p(!1)), _(f, () => p(!1));
|
|
3414
3424
|
let h = n ?? "primary", v = r ?? "default";
|
|
@@ -3425,14 +3435,14 @@ var K = {
|
|
|
3425
3435
|
type: "button",
|
|
3426
3436
|
disabled: c,
|
|
3427
3437
|
onClick: s,
|
|
3428
|
-
className: e("inline-flex select-none items-center font-medium transition-colors rounded-l-md",
|
|
3438
|
+
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
3439
|
children: t
|
|
3430
3440
|
}), /* @__PURE__ */ O("button", {
|
|
3431
3441
|
type: "button",
|
|
3432
3442
|
disabled: c,
|
|
3433
3443
|
onClick: () => p((e) => !e),
|
|
3434
3444
|
"aria-label": "More actions",
|
|
3435
|
-
className: e("inline-flex select-none items-center border-l font-medium transition-colors rounded-r-md",
|
|
3445
|
+
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
3446
|
children: /* @__PURE__ */ O("svg", {
|
|
3437
3447
|
width: "12",
|
|
3438
3448
|
height: "12",
|
|
@@ -3457,13 +3467,13 @@ var K = {
|
|
|
3457
3467
|
}, t.id))
|
|
3458
3468
|
})]
|
|
3459
3469
|
});
|
|
3460
|
-
}),
|
|
3470
|
+
}), Y = [
|
|
3461
3471
|
"var(--color-accent)",
|
|
3462
3472
|
"var(--color-success)",
|
|
3463
3473
|
"var(--color-warning)",
|
|
3464
3474
|
"var(--color-danger)",
|
|
3465
3475
|
"var(--color-fg-muted)"
|
|
3466
|
-
],
|
|
3476
|
+
], mn = x(function({ segments: t, showLabels: n = !0, className: r }, i) {
|
|
3467
3477
|
let a = t.reduce((e, t) => e + t.value, 0);
|
|
3468
3478
|
return /* @__PURE__ */ k("div", {
|
|
3469
3479
|
ref: i,
|
|
@@ -3474,7 +3484,7 @@ var K = {
|
|
|
3474
3484
|
children: t.map((e, t) => {
|
|
3475
3485
|
let n = a > 0 ? e.value / a * 100 : 0;
|
|
3476
3486
|
if (n <= 0) return null;
|
|
3477
|
-
let r = e.color ??
|
|
3487
|
+
let r = e.color ?? Y[t % Y.length];
|
|
3478
3488
|
return /* @__PURE__ */ O("div", {
|
|
3479
3489
|
className: "transition-all duration-300",
|
|
3480
3490
|
style: {
|
|
@@ -3492,7 +3502,7 @@ var K = {
|
|
|
3492
3502
|
children: [
|
|
3493
3503
|
/* @__PURE__ */ O("div", {
|
|
3494
3504
|
className: "h-2 w-2 rounded-full",
|
|
3495
|
-
style: { backgroundColor: e.color ??
|
|
3505
|
+
style: { backgroundColor: e.color ?? Y[t % Y.length] }
|
|
3496
3506
|
}),
|
|
3497
3507
|
/* @__PURE__ */ O("span", { children: e.label }),
|
|
3498
3508
|
/* @__PURE__ */ k("span", {
|
|
@@ -3504,7 +3514,7 @@ var K = {
|
|
|
3504
3514
|
})
|
|
3505
3515
|
})]
|
|
3506
3516
|
});
|
|
3507
|
-
}),
|
|
3517
|
+
}), hn = x(function({ className: t, highlight: n = "none", left: r, right: i, ...a }, o) {
|
|
3508
3518
|
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
3519
|
return /* @__PURE__ */ k("div", {
|
|
3510
3520
|
className: e("flex items-center gds-gap", t),
|
|
@@ -3538,7 +3548,7 @@ var K = {
|
|
|
3538
3548
|
})
|
|
3539
3549
|
]
|
|
3540
3550
|
});
|
|
3541
|
-
}),
|
|
3551
|
+
}), gn = x(function({ items: t, className: n }, r) {
|
|
3542
3552
|
return /* @__PURE__ */ O("div", {
|
|
3543
3553
|
ref: r,
|
|
3544
3554
|
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 +3558,7 @@ var K = {
|
|
|
3548
3558
|
children: [t > 0 && /* @__PURE__ */ O("span", { className: "mx-2 h-3 w-px bg-border" }), /* @__PURE__ */ O("span", { children: e })]
|
|
3549
3559
|
}, t))
|
|
3550
3560
|
});
|
|
3551
|
-
}),
|
|
3561
|
+
}), X = n(e("relative inline-flex items-center border-b-2 transition-colors", i), {
|
|
3552
3562
|
variants: {
|
|
3553
3563
|
size: {
|
|
3554
3564
|
default: "gds-pad-x gds-pad-y text-sm",
|
|
@@ -3576,7 +3586,7 @@ function Z({ tabs: n, active: r, onChange: i, glass: a, size: o = "default", cla
|
|
|
3576
3586
|
role: "tab",
|
|
3577
3587
|
"aria-selected": t,
|
|
3578
3588
|
onClick: () => i(e.id),
|
|
3579
|
-
className:
|
|
3589
|
+
className: X({
|
|
3580
3590
|
size: o,
|
|
3581
3591
|
active: t
|
|
3582
3592
|
}),
|
|
@@ -3590,7 +3600,7 @@ function Z({ tabs: n, active: r, onChange: i, glass: a, size: o = "default", cla
|
|
|
3590
3600
|
}
|
|
3591
3601
|
//#endregion
|
|
3592
3602
|
//#region src/l4-molecules/tab-group.tsx
|
|
3593
|
-
function
|
|
3603
|
+
function _n({ tabs: n, defaultTab: r, glass: i, className: a }) {
|
|
3594
3604
|
let [o, s] = E(r ?? (n.length > 0 ? n[0].id : "")), c = n.map((e) => ({
|
|
3595
3605
|
id: e.id,
|
|
3596
3606
|
label: e.label
|
|
@@ -3614,7 +3624,7 @@ function gn({ tabs: n, defaultTab: r, glass: i, className: a }) {
|
|
|
3614
3624
|
}
|
|
3615
3625
|
//#endregion
|
|
3616
3626
|
//#region src/l4-molecules/tag-input.tsx
|
|
3617
|
-
function
|
|
3627
|
+
function vn() {
|
|
3618
3628
|
return /* @__PURE__ */ O("svg", {
|
|
3619
3629
|
className: "h-3 w-3",
|
|
3620
3630
|
fill: "none",
|
|
@@ -3628,7 +3638,7 @@ function _n() {
|
|
|
3628
3638
|
})
|
|
3629
3639
|
});
|
|
3630
3640
|
}
|
|
3631
|
-
var
|
|
3641
|
+
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
3642
|
let [f, p] = E(""), [m, h] = E(!1), g = T(null), _ = d ?? g, v = o !== void 0 && l.length >= o, y = S((e) => {
|
|
3633
3643
|
let t = e.trim();
|
|
3634
3644
|
t !== "" && (l.includes(t) || v || (s([...l, t]), p("")));
|
|
@@ -3662,7 +3672,7 @@ var vn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, m
|
|
|
3662
3672
|
},
|
|
3663
3673
|
tabIndex: -1,
|
|
3664
3674
|
type: "button",
|
|
3665
|
-
children: /* @__PURE__ */ O(
|
|
3675
|
+
children: /* @__PURE__ */ O(vn, {})
|
|
3666
3676
|
})]
|
|
3667
3677
|
}, t)), !v && /* @__PURE__ */ O("input", {
|
|
3668
3678
|
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 +3694,7 @@ var vn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, m
|
|
|
3684
3694
|
function Q(e) {
|
|
3685
3695
|
return e < 10 ? `0${e}` : `${e}`;
|
|
3686
3696
|
}
|
|
3687
|
-
function
|
|
3697
|
+
function bn({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o, selectedHour: s, selectedMinute: c }) {
|
|
3688
3698
|
return /* @__PURE__ */ k("div", {
|
|
3689
3699
|
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
3700
|
children: [/* @__PURE__ */ k("div", {
|
|
@@ -3716,7 +3726,7 @@ function yn({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o,
|
|
|
3716
3726
|
}
|
|
3717
3727
|
//#endregion
|
|
3718
3728
|
//#region src/l4-molecules/time-picker.tsx
|
|
3719
|
-
function
|
|
3729
|
+
function xn({ open: t }) {
|
|
3720
3730
|
return /* @__PURE__ */ O("svg", {
|
|
3721
3731
|
className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
|
|
3722
3732
|
fill: "none",
|
|
@@ -3728,7 +3738,7 @@ function $({ open: t }) {
|
|
|
3728
3738
|
children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
|
|
3729
3739
|
});
|
|
3730
3740
|
}
|
|
3731
|
-
var
|
|
3741
|
+
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
3742
|
let [f, p] = E(!1), m = T(null), h = d ?? m, g = w(() => Array.from({ length: 24 }, (e, t) => t), []), v = w(() => {
|
|
3733
3743
|
let e = Math.max(1, Math.min(60, s)), t = [], n = 0;
|
|
3734
3744
|
for (; n < 60;) t.push(n), n += e;
|
|
@@ -3764,8 +3774,8 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3764
3774
|
children: [/* @__PURE__ */ O("span", {
|
|
3765
3775
|
className: e(u === null ? "text-fg-muted" : "text-fg"),
|
|
3766
3776
|
children: u ?? l
|
|
3767
|
-
}), /* @__PURE__ */ O(
|
|
3768
|
-
}), f && /* @__PURE__ */ O(
|
|
3777
|
+
}), /* @__PURE__ */ O(xn, { open: f })]
|
|
3778
|
+
}), f && /* @__PURE__ */ O(bn, {
|
|
3769
3779
|
glass: o,
|
|
3770
3780
|
hours: g,
|
|
3771
3781
|
minutes: v,
|
|
@@ -3775,12 +3785,12 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3775
3785
|
selectedMinute: x
|
|
3776
3786
|
})]
|
|
3777
3787
|
});
|
|
3778
|
-
}),
|
|
3788
|
+
}), Cn = {
|
|
3779
3789
|
default: "bg-fg-muted/40",
|
|
3780
3790
|
success: "bg-success",
|
|
3781
3791
|
warning: "bg-warning",
|
|
3782
3792
|
danger: "bg-danger"
|
|
3783
|
-
},
|
|
3793
|
+
}, wn = x(function({ children: t, className: n, icon: r, last: i = !1, variant: a = "default", ...o }, s) {
|
|
3784
3794
|
return /* @__PURE__ */ k("div", {
|
|
3785
3795
|
className: e("relative flex gap-3", n),
|
|
3786
3796
|
"data-component": "timeline-entry",
|
|
@@ -3788,7 +3798,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3788
3798
|
...o,
|
|
3789
3799
|
children: [/* @__PURE__ */ k("div", {
|
|
3790
3800
|
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",
|
|
3801
|
+
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
3802
|
className: "flex h-5 w-5 shrink-0 items-center justify-center",
|
|
3793
3803
|
children: r
|
|
3794
3804
|
}), !i && /* @__PURE__ */ O("span", { className: "mt-1 w-px flex-1 bg-border" })]
|
|
@@ -3797,7 +3807,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3797
3807
|
children: t
|
|
3798
3808
|
})]
|
|
3799
3809
|
});
|
|
3800
|
-
}),
|
|
3810
|
+
}), Tn = x(function({ label: t, description: n, checked: r, onChange: i, disabled: a, className: o, ...s }, c) {
|
|
3801
3811
|
return /* @__PURE__ */ k("div", {
|
|
3802
3812
|
ref: c,
|
|
3803
3813
|
className: e("flex items-center justify-between gap-4", o),
|
|
@@ -3818,7 +3828,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3818
3828
|
disabled: a
|
|
3819
3829
|
})]
|
|
3820
3830
|
});
|
|
3821
|
-
}),
|
|
3831
|
+
}), En = x(function({ children: n, variant: r = "default", glass: i, className: a }, o) {
|
|
3822
3832
|
return /* @__PURE__ */ O("div", {
|
|
3823
3833
|
ref: o,
|
|
3824
3834
|
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 +3837,13 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3827
3837
|
role: "toolbar",
|
|
3828
3838
|
children: n
|
|
3829
3839
|
});
|
|
3830
|
-
}),
|
|
3840
|
+
}), Dn = x(function(e, t) {
|
|
3831
3841
|
return /* @__PURE__ */ O("div", {
|
|
3832
3842
|
ref: t,
|
|
3833
3843
|
className: "h-4 w-px bg-border/50",
|
|
3834
3844
|
"data-component": "toolbar-separator"
|
|
3835
3845
|
});
|
|
3836
|
-
}),
|
|
3846
|
+
}), On = x(function({ children: t, className: n, ...r }, i) {
|
|
3837
3847
|
return /* @__PURE__ */ O("div", {
|
|
3838
3848
|
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
3849
|
"data-component": "toolbar-group",
|
|
@@ -3842,12 +3852,12 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3842
3852
|
...r,
|
|
3843
3853
|
children: t
|
|
3844
3854
|
});
|
|
3845
|
-
}),
|
|
3855
|
+
}), $ = {
|
|
3846
3856
|
away: "bg-warning",
|
|
3847
3857
|
busy: "bg-danger",
|
|
3848
3858
|
offline: "bg-fg-muted/40",
|
|
3849
3859
|
online: "bg-success"
|
|
3850
|
-
},
|
|
3860
|
+
}, kn = x(function({ name: n, avatar: r, role: i, department: a, email: o, status: s, glass: c, className: l, children: u }, d) {
|
|
3851
3861
|
let f = (n ?? "").split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
|
|
3852
3862
|
return /* @__PURE__ */ k("div", {
|
|
3853
3863
|
ref: d,
|
|
@@ -3863,7 +3873,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3863
3873
|
src: r,
|
|
3864
3874
|
alt: n,
|
|
3865
3875
|
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",
|
|
3876
|
+
}), 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
3877
|
}),
|
|
3868
3878
|
/* @__PURE__ */ k("div", {
|
|
3869
3879
|
className: "flex min-w-0 flex-col gap-0.5",
|
|
@@ -3911,7 +3921,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3911
3921
|
u
|
|
3912
3922
|
]
|
|
3913
3923
|
});
|
|
3914
|
-
}),
|
|
3924
|
+
}), An = x(function({ avatar: t, className: n, name: r, role: i, size: a = "default", ...o }, s) {
|
|
3915
3925
|
let c = a === "sm" ? "sm" : "default", l = a === "sm" ? "text-xs" : "text-sm";
|
|
3916
3926
|
return /* @__PURE__ */ k("div", {
|
|
3917
3927
|
className: e("inline-flex items-center gap-2 select-none", n),
|
|
@@ -3933,7 +3943,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3933
3943
|
})]
|
|
3934
3944
|
})]
|
|
3935
3945
|
});
|
|
3936
|
-
}),
|
|
3946
|
+
}), jn = x(function({ name: t, avatar: n, role: r, items: i, onSelect: a, className: o }, s) {
|
|
3937
3947
|
let [c, l] = E(!1), u = t.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
|
|
3938
3948
|
return /* @__PURE__ */ k("div", {
|
|
3939
3949
|
ref: s,
|
|
@@ -3974,7 +3984,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
3974
3984
|
}, t.id))]
|
|
3975
3985
|
})]
|
|
3976
3986
|
});
|
|
3977
|
-
}),
|
|
3987
|
+
}), Mn = x(function({ className: t, latest: n, version: r, ...i }, a) {
|
|
3978
3988
|
let o = n !== void 0 && n !== r;
|
|
3979
3989
|
return /* @__PURE__ */ k("span", {
|
|
3980
3990
|
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 +4012,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
4002
4012
|
})
|
|
4003
4013
|
]
|
|
4004
4014
|
});
|
|
4005
|
-
}),
|
|
4015
|
+
}), Nn = x(function({ children: t, text: n, opacity: r = .1, className: i }, a) {
|
|
4006
4016
|
return /* @__PURE__ */ k("div", {
|
|
4007
4017
|
ref: a,
|
|
4008
4018
|
className: e("relative overflow-hidden", i),
|
|
@@ -4020,7 +4030,7 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
4020
4030
|
})
|
|
4021
4031
|
})]
|
|
4022
4032
|
});
|
|
4023
|
-
}),
|
|
4033
|
+
}), Pn = x(function({ steps: t, currentStep: n, onStepChange: r, className: i, ...a }, o) {
|
|
4024
4034
|
let [s, c] = E(0), l = n ?? s;
|
|
4025
4035
|
function u(e) {
|
|
4026
4036
|
r === void 0 ? c(e) : r(e);
|
|
@@ -4055,6 +4065,6 @@ var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
|
|
|
4055
4065
|
});
|
|
4056
4066
|
});
|
|
4057
4067
|
//#endregion
|
|
4058
|
-
export {
|
|
4068
|
+
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
4069
|
|
|
4060
|
-
//# sourceMappingURL=l4-molecules-
|
|
4070
|
+
//# sourceMappingURL=l4-molecules-8C6E6Ndl.js.map
|