@lettuceai/crisp 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/InlineMarkdown.d.ts +15 -0
- package/dist/components/Tooltip.d.ts +7 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/index.js +702 -615
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4,8 +4,8 @@ import { AlertTriangle as T, ArrowDown as E, ArrowLeft as D, ArrowUp as O, Arrow
|
|
|
4
4
|
import { clsx as Ne } from "clsx";
|
|
5
5
|
import { twMerge as Pe } from "tailwind-merge";
|
|
6
6
|
import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { createPortal as Fe } from "react-dom";
|
|
8
|
+
import { Area as Ie, AreaChart as Le, Bar as Re, BarChart as ze, CartesianGrid as Be, Cell as Ve, Line as He, LineChart as Ue, ResponsiveContainer as We, Tooltip as Ge, XAxis as Ke, YAxis as qe } from "recharts";
|
|
9
9
|
import Je from "react-markdown";
|
|
10
10
|
import Ye from "remark-gfm";
|
|
11
11
|
import { Toaster as Xe, toast as Ze } from "sonner";
|
|
@@ -716,55 +716,88 @@ function Ot() {
|
|
|
716
716
|
}
|
|
717
717
|
//#endregion
|
|
718
718
|
//#region src/components/Tooltip.tsx
|
|
719
|
-
var kt = {
|
|
720
|
-
top: "
|
|
721
|
-
bottom: "
|
|
722
|
-
left: "
|
|
723
|
-
right: "
|
|
724
|
-
}
|
|
719
|
+
var kt = 8, At = {
|
|
720
|
+
top: "-translate-x-1/2 -translate-y-full",
|
|
721
|
+
bottom: "-translate-x-1/2",
|
|
722
|
+
left: "-translate-x-full -translate-y-1/2",
|
|
723
|
+
right: "-translate-y-1/2"
|
|
724
|
+
};
|
|
725
|
+
function jt(e, t, n) {
|
|
726
|
+
let r = n ? n.left : 0, i = n ? n.top : 0;
|
|
727
|
+
switch (e) {
|
|
728
|
+
case "top": return {
|
|
729
|
+
left: t.left + t.width / 2 - r,
|
|
730
|
+
top: t.top - kt - i
|
|
731
|
+
};
|
|
732
|
+
case "bottom": return {
|
|
733
|
+
left: t.left + t.width / 2 - r,
|
|
734
|
+
top: t.bottom + kt - i
|
|
735
|
+
};
|
|
736
|
+
case "left": return {
|
|
737
|
+
left: t.left - kt - r,
|
|
738
|
+
top: t.top + t.height / 2 - i
|
|
739
|
+
};
|
|
740
|
+
case "right": return {
|
|
741
|
+
left: t.right + kt - r,
|
|
742
|
+
top: t.top + t.height / 2 - i
|
|
743
|
+
};
|
|
744
|
+
}
|
|
745
|
+
}
|
|
746
|
+
var Mt = {
|
|
725
747
|
top: { y: 4 },
|
|
726
748
|
bottom: { y: -4 },
|
|
727
749
|
left: { x: 4 },
|
|
728
750
|
right: { x: -4 }
|
|
729
751
|
};
|
|
730
|
-
function
|
|
731
|
-
let [s, c] = m(!1), d = p(null),
|
|
732
|
-
i || (
|
|
733
|
-
},
|
|
734
|
-
|
|
752
|
+
function Nt({ content: e, placement: t = "top", delay: r = 300, disabled: i = !1, className: a, children: o }) {
|
|
753
|
+
let [s, c] = m(!1), [d, f] = m(null), h = p(null), _ = p(null), v = Et(), b = u(), x = () => {
|
|
754
|
+
i || (h.current && window.clearTimeout(h.current), h.current = window.setTimeout(() => c(!0), r));
|
|
755
|
+
}, S = () => {
|
|
756
|
+
h.current && window.clearTimeout(h.current), h.current = null, c(!1), f(null);
|
|
735
757
|
};
|
|
736
758
|
l(() => () => {
|
|
737
|
-
|
|
759
|
+
h.current && window.clearTimeout(h.current);
|
|
738
760
|
}, []), l(() => {
|
|
739
761
|
if (!s) return;
|
|
740
|
-
let e = (
|
|
741
|
-
|
|
762
|
+
let e = _.current?.getBoundingClientRect();
|
|
763
|
+
if (e) {
|
|
764
|
+
let n = v && v !== document.body ? v.getBoundingClientRect() : null;
|
|
765
|
+
f(jt(t, e, n));
|
|
766
|
+
}
|
|
767
|
+
let n = (e) => {
|
|
768
|
+
e.key === "Escape" && S();
|
|
742
769
|
};
|
|
743
|
-
return document.addEventListener("keydown",
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
770
|
+
return document.addEventListener("keydown", n), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
|
|
771
|
+
document.removeEventListener("keydown", n), window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
|
|
772
|
+
};
|
|
773
|
+
}, [
|
|
774
|
+
s,
|
|
775
|
+
t,
|
|
776
|
+
v
|
|
777
|
+
]);
|
|
778
|
+
let C = o.props, w = n(o, {
|
|
779
|
+
"aria-describedby": s ? b : void 0,
|
|
747
780
|
onMouseEnter: (e) => {
|
|
748
|
-
|
|
781
|
+
C.onMouseEnter?.(e), x();
|
|
749
782
|
},
|
|
750
783
|
onMouseLeave: (e) => {
|
|
751
|
-
|
|
784
|
+
C.onMouseLeave?.(e), S();
|
|
752
785
|
},
|
|
753
786
|
onFocus: (e) => {
|
|
754
|
-
|
|
787
|
+
C.onFocus?.(e), i || c(!0);
|
|
755
788
|
},
|
|
756
789
|
onBlur: (e) => {
|
|
757
|
-
|
|
790
|
+
C.onBlur?.(e), S();
|
|
758
791
|
}
|
|
759
|
-
})
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
children:
|
|
763
|
-
id:
|
|
792
|
+
}), T = /* @__PURE__ */ U(g, { children: s && !i && d && /* @__PURE__ */ U("span", {
|
|
793
|
+
className: G("pointer-events-none fixed z-50 will-change-transform", At[t]),
|
|
794
|
+
style: d,
|
|
795
|
+
children: /* @__PURE__ */ U(y.span, {
|
|
796
|
+
id: b,
|
|
764
797
|
role: "tooltip",
|
|
765
798
|
initial: {
|
|
766
799
|
opacity: 0,
|
|
767
|
-
...
|
|
800
|
+
...Mt[t]
|
|
768
801
|
},
|
|
769
802
|
animate: {
|
|
770
803
|
opacity: 1,
|
|
@@ -773,23 +806,28 @@ function jt({ content: e, placement: t = "top", delay: r = 300, disabled: i = !1
|
|
|
773
806
|
},
|
|
774
807
|
exit: {
|
|
775
808
|
opacity: 0,
|
|
776
|
-
...
|
|
809
|
+
...Mt[t]
|
|
777
810
|
},
|
|
778
811
|
transition: K.instant,
|
|
779
|
-
className:
|
|
812
|
+
className: "block whitespace-nowrap rounded-lg border border-line bg-surface-2 px-2.5 py-1.5 text-xs text-fg-2 shadow-raised",
|
|
780
813
|
children: e
|
|
781
|
-
})
|
|
814
|
+
})
|
|
815
|
+
}) });
|
|
816
|
+
return /* @__PURE__ */ W("span", {
|
|
817
|
+
ref: _,
|
|
818
|
+
className: G("relative inline-flex", a),
|
|
819
|
+
children: [w, v ? Fe(T, v) : T]
|
|
782
820
|
});
|
|
783
821
|
}
|
|
784
822
|
//#endregion
|
|
785
823
|
//#region src/components/TabBar.tsx
|
|
786
|
-
function
|
|
824
|
+
function Pt({ badge: e }) {
|
|
787
825
|
return /* @__PURE__ */ U("span", {
|
|
788
826
|
className: G("absolute -right-1.5 -top-1 flex items-center justify-center rounded-full bg-accent text-on-accent", typeof e == "number" ? "h-4 min-w-4 px-1 text-2xs font-semibold tabular-nums" : "h-2 w-2"),
|
|
789
827
|
children: typeof e == "number" ? e > 99 ? "99+" : e : null
|
|
790
828
|
});
|
|
791
829
|
}
|
|
792
|
-
function
|
|
830
|
+
function Ft({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, showLabels: a = !1, className: o }) {
|
|
793
831
|
let { strings: s } = q(), c = u(), l = Math.ceil(e.length / 2), d = (e) => {
|
|
794
832
|
let r = e.id === t;
|
|
795
833
|
return /* @__PURE__ */ W("button", {
|
|
@@ -806,7 +844,7 @@ function Nt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, show
|
|
|
806
844
|
}),
|
|
807
845
|
/* @__PURE__ */ W("span", {
|
|
808
846
|
className: "relative",
|
|
809
|
-
children: [e.icon, e.badge ? /* @__PURE__ */ U(
|
|
847
|
+
children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
|
|
810
848
|
}),
|
|
811
849
|
a ? /* @__PURE__ */ U("span", {
|
|
812
850
|
className: "relative text-2xs font-medium leading-none",
|
|
@@ -846,14 +884,14 @@ function Nt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, show
|
|
|
846
884
|
}
|
|
847
885
|
//#endregion
|
|
848
886
|
//#region src/components/Dock.tsx
|
|
849
|
-
function
|
|
887
|
+
function It({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge: a = "bottom", className: o }) {
|
|
850
888
|
let { strings: s } = q(), c = u();
|
|
851
889
|
return /* @__PURE__ */ W("nav", {
|
|
852
890
|
"aria-label": s.navPrimary,
|
|
853
891
|
className: G("z-30 flex items-center gap-1 rounded-full border border-line bg-nav/95 p-1.5 shadow-raised backdrop-blur-md", o),
|
|
854
892
|
children: [e.map((e) => {
|
|
855
893
|
let r = e.id === t;
|
|
856
|
-
return /* @__PURE__ */ U(
|
|
894
|
+
return /* @__PURE__ */ U(Nt, {
|
|
857
895
|
content: e.label,
|
|
858
896
|
placement: a === "bottom" ? "top" : "bottom",
|
|
859
897
|
children: /* @__PURE__ */ W("button", {
|
|
@@ -868,14 +906,14 @@ function Pt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge
|
|
|
868
906
|
className: "absolute inset-0 rounded-full bg-fill-2"
|
|
869
907
|
}), /* @__PURE__ */ W("span", {
|
|
870
908
|
className: "relative",
|
|
871
|
-
children: [e.icon, e.badge ? /* @__PURE__ */ U(
|
|
909
|
+
children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
|
|
872
910
|
})]
|
|
873
911
|
})
|
|
874
912
|
}, e.id);
|
|
875
913
|
}), r && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
|
|
876
914
|
"aria-hidden": "true",
|
|
877
915
|
className: "mx-0.5 h-6 w-px bg-line"
|
|
878
|
-
}), /* @__PURE__ */ U(
|
|
916
|
+
}), /* @__PURE__ */ U(Nt, {
|
|
879
917
|
content: i ?? s.navCreate,
|
|
880
918
|
placement: a === "bottom" ? "top" : "bottom",
|
|
881
919
|
children: /* @__PURE__ */ U(y.button, {
|
|
@@ -894,29 +932,29 @@ function Pt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, edge
|
|
|
894
932
|
}
|
|
895
933
|
//#endregion
|
|
896
934
|
//#region src/components/NavRail.tsx
|
|
897
|
-
var
|
|
935
|
+
var Lt = {
|
|
898
936
|
start: "justify-start",
|
|
899
937
|
center: "justify-center",
|
|
900
938
|
end: "justify-end"
|
|
901
|
-
},
|
|
902
|
-
function
|
|
903
|
-
return c(
|
|
939
|
+
}, Rt = r(!0);
|
|
940
|
+
function zt() {
|
|
941
|
+
return c(Rt);
|
|
904
942
|
}
|
|
905
|
-
var
|
|
906
|
-
function
|
|
907
|
-
let n =
|
|
943
|
+
var Bt = "flex w-11 shrink-0 items-center justify-center";
|
|
944
|
+
function Vt({ children: e, className: t }) {
|
|
945
|
+
let n = zt();
|
|
908
946
|
return /* @__PURE__ */ U("span", {
|
|
909
947
|
className: G("relative min-w-0 flex-1 overflow-hidden whitespace-nowrap text-left transition-opacity", "mask-[linear-gradient(to_right,black_calc(100%-14px),transparent)]", n ? "opacity-100 duration-200 delay-100" : "opacity-0 duration-100", t),
|
|
910
948
|
children: e
|
|
911
949
|
});
|
|
912
950
|
}
|
|
913
|
-
function
|
|
914
|
-
return e.floating ? /* @__PURE__ */ U(
|
|
951
|
+
function Ht(e) {
|
|
952
|
+
return e.floating ? /* @__PURE__ */ U(Wt, { ...e }) : /* @__PURE__ */ U(Ut, { ...e });
|
|
915
953
|
}
|
|
916
|
-
function
|
|
954
|
+
function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, side: o = "left", variant: s = "rail", section: c, onToggle: l, className: d }) {
|
|
917
955
|
let { strings: f } = q(), p = u(), m = C(), h = s === "sidebar", _ = h ? c ? 256 : 224 : 64, v = o === "left" ? "right" : "left", b = (e) => {
|
|
918
956
|
let r = e.id === t;
|
|
919
|
-
return /* @__PURE__ */ U(
|
|
957
|
+
return /* @__PURE__ */ U(Nt, {
|
|
920
958
|
content: e.label,
|
|
921
959
|
placement: v,
|
|
922
960
|
disabled: h,
|
|
@@ -934,10 +972,10 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
934
972
|
className: "absolute inset-0 rounded-xl bg-fill-2"
|
|
935
973
|
}),
|
|
936
974
|
/* @__PURE__ */ W("span", {
|
|
937
|
-
className: G(
|
|
938
|
-
children: [e.icon, e.badge ? /* @__PURE__ */ U(
|
|
975
|
+
className: G(Bt, "relative"),
|
|
976
|
+
children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
|
|
939
977
|
}),
|
|
940
|
-
/* @__PURE__ */ U(
|
|
978
|
+
/* @__PURE__ */ U(Vt, {
|
|
941
979
|
className: "text-base font-medium",
|
|
942
980
|
children: e.label
|
|
943
981
|
})
|
|
@@ -948,7 +986,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
948
986
|
"aria-hidden": "true",
|
|
949
987
|
className: "mx-1 my-1 h-px shrink-0 bg-line"
|
|
950
988
|
});
|
|
951
|
-
return /* @__PURE__ */ U(
|
|
989
|
+
return /* @__PURE__ */ U(Rt.Provider, {
|
|
952
990
|
value: h,
|
|
953
991
|
children: /* @__PURE__ */ W(y.nav, {
|
|
954
992
|
"aria-label": f.navPrimary,
|
|
@@ -957,7 +995,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
957
995
|
transition: m ? { duration: 0 } : K.sidebar,
|
|
958
996
|
className: G("z-30 flex h-full shrink-0 flex-col gap-1 bg-nav px-2.5 py-3 text-fg", o === "left" ? "border-r border-line" : "border-l border-line", d),
|
|
959
997
|
children: [
|
|
960
|
-
r && /* @__PURE__ */ U(
|
|
998
|
+
r && /* @__PURE__ */ U(Nt, {
|
|
961
999
|
content: i ?? f.navCreate,
|
|
962
1000
|
placement: v,
|
|
963
1001
|
disabled: h,
|
|
@@ -969,12 +1007,12 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
969
1007
|
"aria-label": i ?? f.navCreate,
|
|
970
1008
|
className: "flex h-10 w-full shrink-0 items-center overflow-hidden rounded-xl bg-accent text-on-accent transition-colors hover:bg-accent/90",
|
|
971
1009
|
children: [/* @__PURE__ */ U("span", {
|
|
972
|
-
className:
|
|
1010
|
+
className: Bt,
|
|
973
1011
|
children: /* @__PURE__ */ U(be, {
|
|
974
1012
|
size: 18,
|
|
975
1013
|
strokeWidth: 2.5
|
|
976
1014
|
})
|
|
977
|
-
}), /* @__PURE__ */ U(
|
|
1015
|
+
}), /* @__PURE__ */ U(Vt, {
|
|
978
1016
|
className: "text-base font-medium",
|
|
979
1017
|
children: i ?? f.navCreate
|
|
980
1018
|
})]
|
|
@@ -1001,7 +1039,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1001
1039
|
className: "flex-1"
|
|
1002
1040
|
}),
|
|
1003
1041
|
(a?.length || l) && x,
|
|
1004
|
-
l && /* @__PURE__ */ U(
|
|
1042
|
+
l && /* @__PURE__ */ U(Nt, {
|
|
1005
1043
|
content: f.navExpandSidebar,
|
|
1006
1044
|
placement: v,
|
|
1007
1045
|
disabled: h,
|
|
@@ -1013,7 +1051,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1013
1051
|
"aria-expanded": h,
|
|
1014
1052
|
className: "flex h-10 w-full shrink-0 items-center overflow-hidden rounded-xl text-fg-3 transition-colors hover:bg-fill hover:text-fg",
|
|
1015
1053
|
children: [/* @__PURE__ */ U("span", {
|
|
1016
|
-
className:
|
|
1054
|
+
className: Bt,
|
|
1017
1055
|
children: /* @__PURE__ */ U(y.span, {
|
|
1018
1056
|
animate: { rotate: h ? 0 : 180 },
|
|
1019
1057
|
transition: m ? { duration: 0 } : K.sidebar,
|
|
@@ -1023,7 +1061,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1023
1061
|
className: o === "right" ? "-scale-x-100" : void 0
|
|
1024
1062
|
})
|
|
1025
1063
|
})
|
|
1026
|
-
}), /* @__PURE__ */ U(
|
|
1064
|
+
}), /* @__PURE__ */ U(Vt, {
|
|
1027
1065
|
className: "text-base font-medium",
|
|
1028
1066
|
children: f.navCollapse
|
|
1029
1067
|
})]
|
|
@@ -1034,7 +1072,7 @@ function Vt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1034
1072
|
})
|
|
1035
1073
|
});
|
|
1036
1074
|
}
|
|
1037
|
-
function
|
|
1075
|
+
function Wt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, side: o = "left", variant: s = "rail", floating: c = !1, align: l = "start", className: d }) {
|
|
1038
1076
|
let { strings: f } = q(), p = u(), m = s === "sidebar", h = (e) => {
|
|
1039
1077
|
let r = e.id === t, i = /* @__PURE__ */ W("button", {
|
|
1040
1078
|
type: "button",
|
|
@@ -1050,7 +1088,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1050
1088
|
}),
|
|
1051
1089
|
/* @__PURE__ */ W("span", {
|
|
1052
1090
|
className: "relative shrink-0",
|
|
1053
|
-
children: [e.icon, e.badge ? /* @__PURE__ */ U(
|
|
1091
|
+
children: [e.icon, e.badge ? /* @__PURE__ */ U(Pt, { badge: e.badge }) : null]
|
|
1054
1092
|
}),
|
|
1055
1093
|
m && /* @__PURE__ */ U("span", {
|
|
1056
1094
|
className: "relative min-w-0 flex-1 truncate text-left text-base font-medium",
|
|
@@ -1062,7 +1100,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1062
1100
|
})
|
|
1063
1101
|
]
|
|
1064
1102
|
}, e.id);
|
|
1065
|
-
return m ? i : /* @__PURE__ */ U(
|
|
1103
|
+
return m ? i : /* @__PURE__ */ U(Nt, {
|
|
1066
1104
|
content: e.label,
|
|
1067
1105
|
placement: o === "left" ? "right" : "left",
|
|
1068
1106
|
children: i
|
|
@@ -1075,7 +1113,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1075
1113
|
size: 18,
|
|
1076
1114
|
strokeWidth: 2.5
|
|
1077
1115
|
}), i ?? f.navCreate]
|
|
1078
|
-
}) : /* @__PURE__ */ U(
|
|
1116
|
+
}) : /* @__PURE__ */ U(Nt, {
|
|
1079
1117
|
content: i ?? f.navCreate,
|
|
1080
1118
|
placement: o === "left" ? "right" : "left",
|
|
1081
1119
|
children: /* @__PURE__ */ U(y.button, {
|
|
@@ -1092,7 +1130,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1092
1130
|
}));
|
|
1093
1131
|
return /* @__PURE__ */ W("nav", {
|
|
1094
1132
|
"aria-label": f.navPrimary,
|
|
1095
|
-
className: G("z-30 flex flex-col text-fg", m ? "w-56 gap-1 p-3" : "w-16 items-center gap-1.5 py-3", c ? "gap-1.5 rounded-2xl border border-line bg-nav/95 p-2 shadow-raised backdrop-blur-md" : G("h-full bg-nav", o === "left" ? "border-r border-line" : "border-l border-line"), !c &&
|
|
1133
|
+
className: G("z-30 flex flex-col text-fg", m ? "w-56 gap-1 p-3" : "w-16 items-center gap-1.5 py-3", c ? "gap-1.5 rounded-2xl border border-line bg-nav/95 p-2 shadow-raised backdrop-blur-md" : G("h-full bg-nav", o === "left" ? "border-r border-line" : "border-l border-line"), !c && Lt[l], d),
|
|
1096
1134
|
children: [
|
|
1097
1135
|
g,
|
|
1098
1136
|
g && /* @__PURE__ */ U("span", {
|
|
@@ -1116,7 +1154,7 @@ function Ht({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1116
1154
|
}
|
|
1117
1155
|
//#endregion
|
|
1118
1156
|
//#region src/components/AppShell.tsx
|
|
1119
|
-
function
|
|
1157
|
+
function Gt({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, footerItems: a, navStyle: o = "auto", side: s = "left", dockEdge: c = "bottom", titleBar: l, header: u, mainRef: d, navSection: f, onNavToggle: p, children: m, className: h }) {
|
|
1120
1158
|
let g = Ot(), _ = o === "auto" ? g ? "tabs" : "rail" : o, v = g && (_ === "rail" || _ === "sidebar" || _ === "floatingRail" || _ === "dock") ? "tabs" : _, y = {
|
|
1121
1159
|
items: e,
|
|
1122
1160
|
value: t,
|
|
@@ -1133,12 +1171,12 @@ function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1133
1171
|
className: G("flex min-h-0 flex-1", s === "right" && "flex-row-reverse"),
|
|
1134
1172
|
children: [b && (v === "floatingRail" ? /* @__PURE__ */ U("div", {
|
|
1135
1173
|
className: G("absolute top-1/2 z-30 -translate-y-1/2", s === "left" ? "left-4" : "right-4"),
|
|
1136
|
-
children: /* @__PURE__ */ U(
|
|
1174
|
+
children: /* @__PURE__ */ U(Ht, {
|
|
1137
1175
|
...y,
|
|
1138
1176
|
side: s,
|
|
1139
1177
|
floating: !0
|
|
1140
1178
|
})
|
|
1141
|
-
}) : /* @__PURE__ */ U(
|
|
1179
|
+
}) : /* @__PURE__ */ U(Ht, {
|
|
1142
1180
|
...y,
|
|
1143
1181
|
side: s,
|
|
1144
1182
|
variant: v === "sidebar" ? "sidebar" : "rail",
|
|
@@ -1157,13 +1195,13 @@ function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1157
1195
|
className: G("pointer-events-none absolute inset-x-0 z-30 flex justify-center", c === "bottom" ? "bottom-4" : "top-4"),
|
|
1158
1196
|
children: /* @__PURE__ */ U("div", {
|
|
1159
1197
|
className: "pointer-events-auto",
|
|
1160
|
-
children: /* @__PURE__ */ U(
|
|
1198
|
+
children: /* @__PURE__ */ U(It, {
|
|
1161
1199
|
...y,
|
|
1162
1200
|
edge: c
|
|
1163
1201
|
})
|
|
1164
1202
|
})
|
|
1165
1203
|
}),
|
|
1166
|
-
(v === "tabs" || v === "tabsLabelled") && /* @__PURE__ */ U(
|
|
1204
|
+
(v === "tabs" || v === "tabsLabelled") && /* @__PURE__ */ U(Ft, {
|
|
1167
1205
|
...y,
|
|
1168
1206
|
showLabels: v === "tabsLabelled"
|
|
1169
1207
|
})
|
|
@@ -1172,10 +1210,10 @@ function Ut({ items: e, value: t, onChange: n, onCreate: r, createLabel: i, foot
|
|
|
1172
1210
|
}
|
|
1173
1211
|
//#endregion
|
|
1174
1212
|
//#region src/components/AudioItem.tsx
|
|
1175
|
-
function
|
|
1213
|
+
function Kt(e) {
|
|
1176
1214
|
return (!Number.isFinite(e) || e < 0) && (e = 0), `${Math.floor(e / 60)}:${String(Math.floor(e % 60)).padStart(2, "0")}`;
|
|
1177
1215
|
}
|
|
1178
|
-
function
|
|
1216
|
+
function qt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions: a, className: o }) {
|
|
1179
1217
|
let { strings: c } = q(), u = p(null), d = p(!1), [f, h] = m(n ?? null), [g, _] = m(!1), [v, y] = m(!1), [b, x] = m(0), [S, C] = m(0);
|
|
1180
1218
|
l(() => {
|
|
1181
1219
|
n !== void 0 && h(n);
|
|
@@ -1259,14 +1297,14 @@ function Gt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions:
|
|
|
1259
1297
|
value: b,
|
|
1260
1298
|
onChange: (e) => T(Number(e.target.value)),
|
|
1261
1299
|
"aria-label": c.audioItemSeek(e),
|
|
1262
|
-
"aria-valuetext": `${
|
|
1300
|
+
"aria-valuetext": `${Kt(b)} of ${Kt(S)}`,
|
|
1263
1301
|
style: { "--slider-fill": `${D}%` }
|
|
1264
1302
|
}), /* @__PURE__ */ W("span", {
|
|
1265
1303
|
className: "shrink-0 text-2xs tabular-nums text-fg-3",
|
|
1266
1304
|
children: [
|
|
1267
|
-
|
|
1305
|
+
Kt(b),
|
|
1268
1306
|
" / ",
|
|
1269
|
-
|
|
1307
|
+
Kt(S)
|
|
1270
1308
|
]
|
|
1271
1309
|
})]
|
|
1272
1310
|
}) : t && /* @__PURE__ */ U("p", {
|
|
@@ -1283,34 +1321,34 @@ function Gt({ title: e, description: t, src: n, onLoadSrc: r, badge: i, actions:
|
|
|
1283
1321
|
}
|
|
1284
1322
|
//#endregion
|
|
1285
1323
|
//#region src/components/Avatar.tsx
|
|
1286
|
-
var
|
|
1324
|
+
var Jt = {
|
|
1287
1325
|
xs: "h-6 w-6 text-2xs",
|
|
1288
1326
|
sm: "h-8 w-8 text-xs",
|
|
1289
1327
|
md: "h-10 w-10 text-sm",
|
|
1290
1328
|
lg: "h-14 w-14 text-lg",
|
|
1291
1329
|
xl: "h-24 w-24 text-2xl"
|
|
1292
1330
|
};
|
|
1293
|
-
function
|
|
1331
|
+
function Yt(e) {
|
|
1294
1332
|
return e.trim().split(/\s+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
|
|
1295
1333
|
}
|
|
1296
|
-
function
|
|
1334
|
+
function Xt({ src: e, name: t, size: n = "md", ring: r, className: i, style: a }) {
|
|
1297
1335
|
let [o, s] = m(!1), c = !!e && !o;
|
|
1298
1336
|
return /* @__PURE__ */ U("span", {
|
|
1299
1337
|
role: "img",
|
|
1300
1338
|
"aria-label": t,
|
|
1301
1339
|
style: a,
|
|
1302
|
-
className: G("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full", "border border-line bg-fill-2 font-semibold text-fg-2", r && "ring-2 ring-accent ring-offset-2 ring-offset-surface",
|
|
1340
|
+
className: G("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full", "border border-line bg-fill-2 font-semibold text-fg-2", r && "ring-2 ring-accent ring-offset-2 ring-offset-surface", Jt[n], i),
|
|
1303
1341
|
children: c ? /* @__PURE__ */ U("img", {
|
|
1304
1342
|
src: e,
|
|
1305
1343
|
alt: "",
|
|
1306
1344
|
onError: () => s(!0),
|
|
1307
1345
|
className: "h-full w-full object-cover"
|
|
1308
|
-
}) :
|
|
1346
|
+
}) : Yt(t)
|
|
1309
1347
|
});
|
|
1310
1348
|
}
|
|
1311
1349
|
//#endregion
|
|
1312
1350
|
//#region src/components/AvatarGroup.tsx
|
|
1313
|
-
var
|
|
1351
|
+
var Zt = {
|
|
1314
1352
|
xs: {
|
|
1315
1353
|
size: 24,
|
|
1316
1354
|
pull: "-ml-2",
|
|
@@ -1347,15 +1385,15 @@ var Yt = {
|
|
|
1347
1385
|
chip: "h-24 w-24 text-lg"
|
|
1348
1386
|
}
|
|
1349
1387
|
};
|
|
1350
|
-
function
|
|
1351
|
-
let { strings: o } = q(), s = e.slice(0, t), c = e.length - s.length, l =
|
|
1388
|
+
function Qt({ people: e, max: t = 4, size: n = "sm", interactive: r, overflow: i, className: a }) {
|
|
1389
|
+
let { strings: o } = q(), s = e.slice(0, t), c = e.length - s.length, l = Zt[n ?? "sm"], u = c > 0 || !!i, d = `radial-gradient(circle ${l.cut}px at ${l.cx}px 50%, transparent 100%, black 100%)`;
|
|
1352
1390
|
return /* @__PURE__ */ W("div", {
|
|
1353
1391
|
className: G("flex items-center", a),
|
|
1354
1392
|
role: "group",
|
|
1355
1393
|
"aria-label": o.avatarGroupPeople(e.length),
|
|
1356
1394
|
children: [s.map((e, t) => {
|
|
1357
1395
|
let i = t < s.length - 1 || u;
|
|
1358
|
-
return /* @__PURE__ */ U(
|
|
1396
|
+
return /* @__PURE__ */ U(Xt, {
|
|
1359
1397
|
name: e.name,
|
|
1360
1398
|
src: e.src,
|
|
1361
1399
|
size: n,
|
|
@@ -1373,26 +1411,26 @@ function Xt({ people: e, max: t = 4, size: n = "sm", interactive: r, overflow: i
|
|
|
1373
1411
|
}
|
|
1374
1412
|
//#endregion
|
|
1375
1413
|
//#region src/components/Banner.tsx
|
|
1376
|
-
var
|
|
1414
|
+
var $t = {
|
|
1377
1415
|
info: "bg-info/15 text-info",
|
|
1378
1416
|
warning: "bg-warning/15 text-warning",
|
|
1379
1417
|
danger: "bg-danger/15 text-danger",
|
|
1380
1418
|
offline: "bg-fill-3 text-fg-2"
|
|
1381
|
-
},
|
|
1419
|
+
}, en = {
|
|
1382
1420
|
info: /* @__PURE__ */ U(ue, { size: 16 }),
|
|
1383
1421
|
warning: /* @__PURE__ */ U(T, { size: 16 }),
|
|
1384
1422
|
danger: /* @__PURE__ */ U(Ae, { size: 16 }),
|
|
1385
1423
|
offline: /* @__PURE__ */ U(ke, { size: 16 })
|
|
1386
1424
|
};
|
|
1387
|
-
function
|
|
1425
|
+
function tn({ tone: e = "info", children: t, action: n, onDismiss: r, sticky: i, className: a }) {
|
|
1388
1426
|
let { strings: o } = q();
|
|
1389
1427
|
return /* @__PURE__ */ W("div", {
|
|
1390
1428
|
role: e === "danger" ? "alert" : "status",
|
|
1391
|
-
className: G("flex items-center gap-2.5 px-4 py-2 text-sm",
|
|
1429
|
+
className: G("flex items-center gap-2.5 px-4 py-2 text-sm", $t[e], i && "sticky top-0 z-30", a),
|
|
1392
1430
|
children: [
|
|
1393
1431
|
/* @__PURE__ */ U("span", {
|
|
1394
1432
|
className: "shrink-0",
|
|
1395
|
-
children:
|
|
1433
|
+
children: en[e]
|
|
1396
1434
|
}),
|
|
1397
1435
|
/* @__PURE__ */ U("span", {
|
|
1398
1436
|
className: "min-w-0 flex-1 truncate font-medium",
|
|
@@ -1414,8 +1452,8 @@ function $t({ tone: e = "info", children: t, action: n, onDismiss: r, sticky: i,
|
|
|
1414
1452
|
}
|
|
1415
1453
|
//#endregion
|
|
1416
1454
|
//#region src/components/Menu.tsx
|
|
1417
|
-
var
|
|
1418
|
-
function
|
|
1455
|
+
var nn = r(null);
|
|
1456
|
+
function rn({ children: e }) {
|
|
1419
1457
|
let [t, n] = m(!1), r = u(), i = p(null);
|
|
1420
1458
|
return l(() => {
|
|
1421
1459
|
if (!t) return;
|
|
@@ -1427,7 +1465,7 @@ function tn({ children: e }) {
|
|
|
1427
1465
|
return document.addEventListener("pointerdown", e), document.addEventListener("keydown", r), () => {
|
|
1428
1466
|
document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", r);
|
|
1429
1467
|
};
|
|
1430
|
-
}, [t]), /* @__PURE__ */ U(
|
|
1468
|
+
}, [t]), /* @__PURE__ */ U(nn.Provider, {
|
|
1431
1469
|
value: {
|
|
1432
1470
|
open: t,
|
|
1433
1471
|
setOpen: n,
|
|
@@ -1440,13 +1478,13 @@ function tn({ children: e }) {
|
|
|
1440
1478
|
})
|
|
1441
1479
|
});
|
|
1442
1480
|
}
|
|
1443
|
-
function
|
|
1444
|
-
let e = c(
|
|
1481
|
+
function an() {
|
|
1482
|
+
let e = c(nn);
|
|
1445
1483
|
if (!e) throw Error("Menu parts must be used inside <Menu>");
|
|
1446
1484
|
return e;
|
|
1447
1485
|
}
|
|
1448
|
-
function
|
|
1449
|
-
let { open: t, setOpen: r, id: i } =
|
|
1486
|
+
function on({ children: e }) {
|
|
1487
|
+
let { open: t, setOpen: r, id: i } = an(), a = e.props;
|
|
1450
1488
|
return n(e, {
|
|
1451
1489
|
"aria-haspopup": "menu",
|
|
1452
1490
|
"aria-expanded": t,
|
|
@@ -1456,8 +1494,8 @@ function rn({ children: e }) {
|
|
|
1456
1494
|
}
|
|
1457
1495
|
});
|
|
1458
1496
|
}
|
|
1459
|
-
function
|
|
1460
|
-
let { open: i, setOpen: a, id: o } =
|
|
1497
|
+
function sn({ align: e = "start", side: t = "bottom", className: n, children: r }) {
|
|
1498
|
+
let { open: i, setOpen: a, id: o } = an(), c = p(null);
|
|
1461
1499
|
l(() => {
|
|
1462
1500
|
i && c.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
|
|
1463
1501
|
}, [i]);
|
|
@@ -1490,8 +1528,8 @@ function an({ align: e = "start", side: t = "bottom", className: n, children: r
|
|
|
1490
1528
|
children: r
|
|
1491
1529
|
}) });
|
|
1492
1530
|
}
|
|
1493
|
-
function
|
|
1494
|
-
let { setOpen: s } =
|
|
1531
|
+
function cn({ icon: e, shortcut: t, danger: n, disabled: r, selected: i, onSelect: a, children: o }) {
|
|
1532
|
+
let { setOpen: s } = an();
|
|
1495
1533
|
return /* @__PURE__ */ W("button", {
|
|
1496
1534
|
type: "button",
|
|
1497
1535
|
role: "menuitem",
|
|
@@ -1521,13 +1559,13 @@ function on({ icon: e, shortcut: t, danger: n, disabled: r, selected: i, onSelec
|
|
|
1521
1559
|
]
|
|
1522
1560
|
});
|
|
1523
1561
|
}
|
|
1524
|
-
function
|
|
1562
|
+
function ln() {
|
|
1525
1563
|
return /* @__PURE__ */ U("div", {
|
|
1526
1564
|
role: "separator",
|
|
1527
1565
|
className: "my-1 h-px bg-line"
|
|
1528
1566
|
});
|
|
1529
1567
|
}
|
|
1530
|
-
function
|
|
1568
|
+
function un({ children: e }) {
|
|
1531
1569
|
return /* @__PURE__ */ U("div", {
|
|
1532
1570
|
className: "px-2.5 pb-1 pt-2 text-2xs font-medium text-fg-3",
|
|
1533
1571
|
children: e
|
|
@@ -1535,7 +1573,7 @@ function cn({ children: e }) {
|
|
|
1535
1573
|
}
|
|
1536
1574
|
//#endregion
|
|
1537
1575
|
//#region src/components/Breadcrumb.tsx
|
|
1538
|
-
function
|
|
1576
|
+
function dn({ crumb: e, current: t }) {
|
|
1539
1577
|
let n = /* @__PURE__ */ W(H, { children: [e.icon && /* @__PURE__ */ U("span", {
|
|
1540
1578
|
className: "shrink-0",
|
|
1541
1579
|
children: e.icon
|
|
@@ -1558,7 +1596,7 @@ function ln({ crumb: e, current: t }) {
|
|
|
1558
1596
|
children: n
|
|
1559
1597
|
});
|
|
1560
1598
|
}
|
|
1561
|
-
function
|
|
1599
|
+
function fn({ items: e, maxVisible: n = 1, className: r }) {
|
|
1562
1600
|
let { strings: i } = q();
|
|
1563
1601
|
if (e.length === 0) return null;
|
|
1564
1602
|
let a = Math.max(1, n), o = e.length > a + 2, s = o ? e[0] : null, c = o ? e.slice(1, e.length - a) : [], l = o ? e.slice(e.length - a) : e, u = /* @__PURE__ */ U(F, {
|
|
@@ -1570,23 +1608,23 @@ function un({ items: e, maxVisible: n = 1, className: r }) {
|
|
|
1570
1608
|
"aria-label": i.breadcrumbLabel,
|
|
1571
1609
|
className: G("flex min-w-0 items-center gap-1", r),
|
|
1572
1610
|
children: [s && /* @__PURE__ */ W(H, { children: [
|
|
1573
|
-
/* @__PURE__ */ U(
|
|
1611
|
+
/* @__PURE__ */ U(dn, {
|
|
1574
1612
|
crumb: s,
|
|
1575
1613
|
current: !1
|
|
1576
1614
|
}),
|
|
1577
1615
|
u,
|
|
1578
|
-
/* @__PURE__ */ W(
|
|
1616
|
+
/* @__PURE__ */ W(rn, { children: [/* @__PURE__ */ U(on, { children: /* @__PURE__ */ U("button", {
|
|
1579
1617
|
type: "button",
|
|
1580
1618
|
"aria-label": i.breadcrumbMore(c.length),
|
|
1581
1619
|
className: "tap-target flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-fg-3 transition-colors hover:bg-fill-2 hover:text-fg",
|
|
1582
1620
|
children: /* @__PURE__ */ U(me, { size: 14 })
|
|
1583
|
-
}) }), /* @__PURE__ */ U(
|
|
1621
|
+
}) }), /* @__PURE__ */ U(sn, { children: c.map((e) => /* @__PURE__ */ U(cn, {
|
|
1584
1622
|
icon: e.icon,
|
|
1585
1623
|
onSelect: e.onClick,
|
|
1586
1624
|
children: e.label
|
|
1587
1625
|
}, e.label)) })] }),
|
|
1588
1626
|
u
|
|
1589
|
-
] }), l.map((e, n) => /* @__PURE__ */ W(t, { children: [n > 0 && u, /* @__PURE__ */ U(
|
|
1627
|
+
] }), l.map((e, n) => /* @__PURE__ */ W(t, { children: [n > 0 && u, /* @__PURE__ */ U(dn, {
|
|
1590
1628
|
crumb: e,
|
|
1591
1629
|
current: n === l.length - 1
|
|
1592
1630
|
})] }, e.label))]
|
|
@@ -1600,23 +1638,23 @@ var Z = {
|
|
|
1600
1638
|
md: 16,
|
|
1601
1639
|
lg: 18,
|
|
1602
1640
|
xl: 20
|
|
1603
|
-
},
|
|
1641
|
+
}, pn = {
|
|
1604
1642
|
primary: "bg-accent text-on-accent hover:bg-accent/82 active:bg-accent/68",
|
|
1605
1643
|
tonal: "border border-accent/30 bg-accent/15 text-accent hover:border-accent/55 hover:bg-accent/28 active:bg-accent/38",
|
|
1606
1644
|
secondary: "border border-line bg-fill-2 text-fg hover:border-line-3 hover:bg-fill-3 active:bg-line-2",
|
|
1607
1645
|
ghost: "text-fg-2 hover:bg-fill-2 hover:text-fg active:bg-fill-3",
|
|
1608
1646
|
danger: "border border-danger/25 bg-danger/12 text-danger hover:border-danger/55 hover:bg-danger/22 active:bg-danger/32"
|
|
1609
|
-
},
|
|
1647
|
+
}, mn = {
|
|
1610
1648
|
primary: "focus-visible:outline-fg",
|
|
1611
1649
|
tonal: "focus-visible:outline-accent",
|
|
1612
1650
|
secondary: "focus-visible:outline-fg-2",
|
|
1613
1651
|
ghost: "focus-visible:outline-fg-2",
|
|
1614
1652
|
danger: "focus-visible:outline-danger"
|
|
1615
|
-
},
|
|
1653
|
+
}, hn = {
|
|
1616
1654
|
sm: "control-sm gap-1.5 rounded-lg px-3 text-sm",
|
|
1617
1655
|
md: "control-md gap-2 rounded-xl px-4 text-base",
|
|
1618
1656
|
lg: "control-lg gap-2 rounded-xl px-5 text-base"
|
|
1619
|
-
},
|
|
1657
|
+
}, gn = {
|
|
1620
1658
|
sm: Z.sm,
|
|
1621
1659
|
md: Z.md,
|
|
1622
1660
|
lg: Z.lg
|
|
@@ -1627,12 +1665,12 @@ var Z = {
|
|
|
1627
1665
|
disabled: c,
|
|
1628
1666
|
"aria-busy": n || void 0,
|
|
1629
1667
|
"aria-disabled": c || n || void 0,
|
|
1630
|
-
className: G("touch-target relative inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap font-medium", e === "ghost" ? "raise-flat" : "raise", "focus-visible:outline-1 focus-visible:outline-offset-2",
|
|
1668
|
+
className: G("touch-target relative inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap font-medium", e === "ghost" ? "raise-flat" : "raise", "focus-visible:outline-1 focus-visible:outline-offset-2", mn[e], "disabled:opacity-45", (n || c) && "pointer-events-none", pn[e], hn[t], a && "w-full", o),
|
|
1631
1669
|
...u,
|
|
1632
1670
|
children: [n && /* @__PURE__ */ U("span", {
|
|
1633
1671
|
className: "absolute inset-0 flex items-center justify-center",
|
|
1634
1672
|
children: /* @__PURE__ */ U(B, {
|
|
1635
|
-
size:
|
|
1673
|
+
size: gn[t],
|
|
1636
1674
|
className: "animate-spin"
|
|
1637
1675
|
})
|
|
1638
1676
|
}), /* @__PURE__ */ W("span", {
|
|
@@ -1648,7 +1686,7 @@ var Z = {
|
|
|
1648
1686
|
Q.displayName = "Button";
|
|
1649
1687
|
//#endregion
|
|
1650
1688
|
//#region src/components/ButtonGroup.tsx
|
|
1651
|
-
function
|
|
1689
|
+
function _n({ attached: t = !0, className: r, children: i }) {
|
|
1652
1690
|
let a = e.toArray(i).filter(o);
|
|
1653
1691
|
return /* @__PURE__ */ U("div", {
|
|
1654
1692
|
role: "group",
|
|
@@ -1656,7 +1694,7 @@ function hn({ attached: t = !0, className: r, children: i }) {
|
|
|
1656
1694
|
children: a.map((e, r) => n(e, { className: G(e.props.className, t && r > 0 && "rounded-l-none", t && r < a.length - 1 && "rounded-r-none", t && "relative focus-visible:z-10") }))
|
|
1657
1695
|
});
|
|
1658
1696
|
}
|
|
1659
|
-
function
|
|
1697
|
+
function vn({ children: e, menu: t, menuLabel: n, variant: r = "primary", size: i = "md", ...a }) {
|
|
1660
1698
|
let { strings: o } = q();
|
|
1661
1699
|
return /* @__PURE__ */ W("div", {
|
|
1662
1700
|
className: "inline-flex -space-x-px",
|
|
@@ -1666,13 +1704,13 @@ function gn({ children: e, menu: t, menuLabel: n, variant: r = "primary", size:
|
|
|
1666
1704
|
className: "rounded-r-none",
|
|
1667
1705
|
...a,
|
|
1668
1706
|
children: e
|
|
1669
|
-
}), /* @__PURE__ */ W(
|
|
1707
|
+
}), /* @__PURE__ */ W(rn, { children: [/* @__PURE__ */ U(on, { children: /* @__PURE__ */ U(Q, {
|
|
1670
1708
|
variant: r,
|
|
1671
1709
|
size: i,
|
|
1672
1710
|
"aria-label": n ?? o.splitButtonMore,
|
|
1673
1711
|
className: "rounded-l-none px-2",
|
|
1674
1712
|
children: /* @__PURE__ */ U(N, { size: 16 })
|
|
1675
|
-
}) }), /* @__PURE__ */ U(
|
|
1713
|
+
}) }), /* @__PURE__ */ U(sn, {
|
|
1676
1714
|
align: "end",
|
|
1677
1715
|
children: t
|
|
1678
1716
|
})] })]
|
|
@@ -1680,33 +1718,33 @@ function gn({ children: e, menu: t, menuLabel: n, variant: r = "primary", size:
|
|
|
1680
1718
|
}
|
|
1681
1719
|
//#endregion
|
|
1682
1720
|
//#region src/components/Card.tsx
|
|
1683
|
-
var
|
|
1721
|
+
var yn = "rounded-xl bg-surface-1", bn = {
|
|
1684
1722
|
none: "",
|
|
1685
1723
|
sm: "p-3",
|
|
1686
1724
|
md: "p-4"
|
|
1687
|
-
},
|
|
1725
|
+
}, xn = a(function({ level: e = "flat", padding: t = "md", className: n, ...r }, i) {
|
|
1688
1726
|
return /* @__PURE__ */ U("div", {
|
|
1689
1727
|
ref: i,
|
|
1690
|
-
className: G(
|
|
1728
|
+
className: G(yn, e === "raised" && "bg-surface-el shadow-raised", bn[t], n),
|
|
1691
1729
|
...r
|
|
1692
1730
|
});
|
|
1693
1731
|
});
|
|
1694
|
-
|
|
1695
|
-
var
|
|
1732
|
+
xn.displayName = "Card";
|
|
1733
|
+
var Sn = a(function({ selected: e, padding: t = "md", className: n, type: r = "button", ...i }, a) {
|
|
1696
1734
|
return /* @__PURE__ */ U(y.button, {
|
|
1697
1735
|
ref: a,
|
|
1698
1736
|
type: r,
|
|
1699
1737
|
"aria-pressed": e,
|
|
1700
1738
|
whileTap: { scale: .99 },
|
|
1701
1739
|
transition: K.instant,
|
|
1702
|
-
className: G(
|
|
1740
|
+
className: G(yn, "touch-target block w-full text-left transition-[background-color,box-shadow] motion-instant", "hover:bg-fill-2", e && "ring-2 ring-inset ring-fg/30", bn[t], n),
|
|
1703
1741
|
...i
|
|
1704
1742
|
});
|
|
1705
1743
|
});
|
|
1706
|
-
|
|
1744
|
+
Sn.displayName = "CardButton";
|
|
1707
1745
|
//#endregion
|
|
1708
1746
|
//#region src/components/Carousel.tsx
|
|
1709
|
-
function
|
|
1747
|
+
function Cn({ children: e, controls: t = !0, className: n, slideClassName: r, ...i }) {
|
|
1710
1748
|
let { strings: a } = q(), o = p(null), [c, u] = m(0), d = e.length, f = s((e) => {
|
|
1711
1749
|
let t = o.current;
|
|
1712
1750
|
if (!t) return;
|
|
@@ -1774,7 +1812,7 @@ function xn({ children: e, controls: t = !0, className: n, slideClassName: r, ..
|
|
|
1774
1812
|
}
|
|
1775
1813
|
//#endregion
|
|
1776
1814
|
//#region src/lib/tint.ts
|
|
1777
|
-
function
|
|
1815
|
+
function wn(e) {
|
|
1778
1816
|
let t = 0;
|
|
1779
1817
|
for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) | 0;
|
|
1780
1818
|
let n = Math.abs(t) % 360;
|
|
@@ -1785,7 +1823,7 @@ function Sn(e) {
|
|
|
1785
1823
|
}
|
|
1786
1824
|
//#endregion
|
|
1787
1825
|
//#region src/lib/imageBrightness.ts
|
|
1788
|
-
function
|
|
1826
|
+
function Tn(e) {
|
|
1789
1827
|
let [t, n] = m(null);
|
|
1790
1828
|
return l(() => {
|
|
1791
1829
|
if (!e) {
|
|
@@ -1820,14 +1858,14 @@ function Cn(e) {
|
|
|
1820
1858
|
}
|
|
1821
1859
|
//#endregion
|
|
1822
1860
|
//#region src/components/Surface.tsx
|
|
1823
|
-
var
|
|
1861
|
+
var En = r({
|
|
1824
1862
|
hasBackground: !1,
|
|
1825
1863
|
tone: "dark"
|
|
1826
1864
|
});
|
|
1827
|
-
function
|
|
1828
|
-
return c(
|
|
1865
|
+
function Dn() {
|
|
1866
|
+
return c(En);
|
|
1829
1867
|
}
|
|
1830
|
-
var
|
|
1868
|
+
var On = {
|
|
1831
1869
|
dark: {
|
|
1832
1870
|
none: null,
|
|
1833
1871
|
soft: "bg-black/20",
|
|
@@ -1840,8 +1878,8 @@ var En = {
|
|
|
1840
1878
|
auto: "bg-white/50",
|
|
1841
1879
|
strong: "bg-white/70"
|
|
1842
1880
|
}
|
|
1843
|
-
},
|
|
1844
|
-
let f = s ?? "div", p = !!(e || n), m =
|
|
1881
|
+
}, kn = .42, An = a(function({ image: e, imagePosition: t, tint: n, fg: r, fgMuted: i, scrim: a = "auto", tone: o, as: s, className: c, style: l, children: u }, d) {
|
|
1882
|
+
let f = s ?? "div", p = !!(e || n), m = Tn(o || r ? null : e), h = o ?? (m !== null && m > kn ? "light" : "dark"), g = r ?? (e && h === "light" ? "#111112" : e ? "#ffffff" : null), _ = g ? {
|
|
1845
1883
|
"--color-fg": g,
|
|
1846
1884
|
"--color-fg-2": i ?? `color-mix(in oklab, ${g} 78%, transparent)`,
|
|
1847
1885
|
"--color-fg-3": `color-mix(in oklab, ${g} 58%, transparent)`,
|
|
@@ -1856,7 +1894,7 @@ var En = {
|
|
|
1856
1894
|
"--color-surface-2": h === "light" ? "rgb(255 255 255 / 0.7)" : "rgb(0 0 0 / 0.6)",
|
|
1857
1895
|
"--color-surface-el": h === "light" ? "rgb(255 255 255 / 0.55)" : "rgb(0 0 0 / 0.45)"
|
|
1858
1896
|
} : void 0;
|
|
1859
|
-
return /* @__PURE__ */ U(
|
|
1897
|
+
return /* @__PURE__ */ U(En.Provider, {
|
|
1860
1898
|
value: {
|
|
1861
1899
|
hasBackground: p,
|
|
1862
1900
|
tone: h
|
|
@@ -1880,16 +1918,16 @@ var En = {
|
|
|
1880
1918
|
...n ? { backgroundColor: n } : void 0
|
|
1881
1919
|
}
|
|
1882
1920
|
}),
|
|
1883
|
-
p &&
|
|
1921
|
+
p && On[h][a] && /* @__PURE__ */ U("span", {
|
|
1884
1922
|
"aria-hidden": "true",
|
|
1885
|
-
className: G("pointer-events-none absolute inset-0 -z-10",
|
|
1923
|
+
className: G("pointer-events-none absolute inset-0 -z-10", On[h][a])
|
|
1886
1924
|
}),
|
|
1887
1925
|
u
|
|
1888
1926
|
]
|
|
1889
1927
|
})
|
|
1890
1928
|
});
|
|
1891
1929
|
});
|
|
1892
|
-
|
|
1930
|
+
An.displayName = "Surface";
|
|
1893
1931
|
//#endregion
|
|
1894
1932
|
//#region src/components/Skeleton.tsx
|
|
1895
1933
|
function $({ shape: e = "text", width: t, height: n, className: r }) {
|
|
@@ -1902,7 +1940,7 @@ function $({ shape: e = "text", width: t, height: n, className: r }) {
|
|
|
1902
1940
|
}
|
|
1903
1941
|
});
|
|
1904
1942
|
}
|
|
1905
|
-
function
|
|
1943
|
+
function jn({ className: e }) {
|
|
1906
1944
|
return /* @__PURE__ */ W("div", {
|
|
1907
1945
|
className: G("flex items-center gap-3 px-4 py-3", e),
|
|
1908
1946
|
children: [/* @__PURE__ */ U($, {
|
|
@@ -1920,8 +1958,8 @@ function kn({ className: e }) {
|
|
|
1920
1958
|
}
|
|
1921
1959
|
//#endregion
|
|
1922
1960
|
//#region src/components/CharacterCard.tsx
|
|
1923
|
-
var
|
|
1924
|
-
let [p, h] = m(!1), g = r ??
|
|
1961
|
+
var Mn = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fgMuted: a, variant: o = "row", trailing: s, selected: c, className: l, type: u = "button", ...d }, f) {
|
|
1962
|
+
let [p, h] = m(!1), g = r ?? wn(e).background, _ = !!n && !p, v = G("group relative w-full overflow-hidden text-left", "rounded-2xl @3xl:rounded-3xl", "ring-1 ring-inset ring-line-2 transition-[box-shadow,transform] motion-instant", c && "ring-2 ring-accent", l);
|
|
1925
1963
|
return o === "banner" ? /* @__PURE__ */ U(y.button, {
|
|
1926
1964
|
ref: f,
|
|
1927
1965
|
type: u,
|
|
@@ -1930,7 +1968,7 @@ var An = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fg
|
|
|
1930
1968
|
transition: K.instant,
|
|
1931
1969
|
className: v,
|
|
1932
1970
|
...d,
|
|
1933
|
-
children: /* @__PURE__ */ W(
|
|
1971
|
+
children: /* @__PURE__ */ W(An, {
|
|
1934
1972
|
tint: g,
|
|
1935
1973
|
fg: i,
|
|
1936
1974
|
fgMuted: a,
|
|
@@ -1977,7 +2015,7 @@ var An = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fg
|
|
|
1977
2015
|
transition: K.instant,
|
|
1978
2016
|
className: v,
|
|
1979
2017
|
...d,
|
|
1980
|
-
children: /* @__PURE__ */ W(
|
|
2018
|
+
children: /* @__PURE__ */ W(An, {
|
|
1981
2019
|
tint: g,
|
|
1982
2020
|
fg: i,
|
|
1983
2021
|
fgMuted: a,
|
|
@@ -2016,8 +2054,8 @@ var An = a(function({ name: e, description: t, avatar: n, gradient: r, fg: i, fg
|
|
|
2016
2054
|
})
|
|
2017
2055
|
});
|
|
2018
2056
|
});
|
|
2019
|
-
|
|
2020
|
-
function
|
|
2057
|
+
Mn.displayName = "CharacterCard";
|
|
2058
|
+
function Nn({ variant: e = "row" }) {
|
|
2021
2059
|
return e === "banner" ? /* @__PURE__ */ U($, {
|
|
2022
2060
|
shape: "block",
|
|
2023
2061
|
className: "h-24 w-full rounded-2xl @3xl:h-36 @3xl:rounded-3xl"
|
|
@@ -2040,13 +2078,13 @@ function jn({ variant: e = "row" }) {
|
|
|
2040
2078
|
}
|
|
2041
2079
|
//#endregion
|
|
2042
2080
|
//#region src/components/Chart.tsx
|
|
2043
|
-
var
|
|
2081
|
+
var Pn = [
|
|
2044
2082
|
"var(--color-accent)",
|
|
2045
2083
|
"var(--color-info)",
|
|
2046
2084
|
"var(--color-secondary)",
|
|
2047
2085
|
"var(--color-warning)",
|
|
2048
2086
|
"var(--color-danger)"
|
|
2049
|
-
],
|
|
2087
|
+
], Fn = {
|
|
2050
2088
|
stroke: "var(--color-fg-4)",
|
|
2051
2089
|
tickLine: !1,
|
|
2052
2090
|
axisLine: !1,
|
|
@@ -2055,7 +2093,7 @@ var Mn = [
|
|
|
2055
2093
|
fill: "var(--color-fg-3)"
|
|
2056
2094
|
}
|
|
2057
2095
|
};
|
|
2058
|
-
function
|
|
2096
|
+
function In({ active: e, payload: t, label: n, format: r }) {
|
|
2059
2097
|
return !e || !t?.length ? null : /* @__PURE__ */ W("div", {
|
|
2060
2098
|
className: "rounded-lg border border-line bg-surface-el px-2.5 py-2 shadow-raised",
|
|
2061
2099
|
children: [/* @__PURE__ */ U("p", {
|
|
@@ -2080,12 +2118,12 @@ function Pn({ active: e, payload: t, label: n, format: r }) {
|
|
|
2080
2118
|
}, e.dataKey))]
|
|
2081
2119
|
});
|
|
2082
2120
|
}
|
|
2083
|
-
function
|
|
2084
|
-
let c = u(), l = r === "bar" ?
|
|
2121
|
+
function Ln({ data: e, x: t, series: n, kind: r = "area", height: i = 200, format: a, minimal: o, className: s }) {
|
|
2122
|
+
let c = u(), l = r === "bar" ? ze : r === "line" ? Ue : Le;
|
|
2085
2123
|
return /* @__PURE__ */ U("div", {
|
|
2086
2124
|
className: G("w-full", s),
|
|
2087
2125
|
style: { height: i },
|
|
2088
|
-
children: /* @__PURE__ */ U(
|
|
2126
|
+
children: /* @__PURE__ */ U(We, {
|
|
2089
2127
|
width: "100%",
|
|
2090
2128
|
height: "100%",
|
|
2091
2129
|
children: /* @__PURE__ */ W(l, {
|
|
@@ -2105,35 +2143,35 @@ function Fn({ data: e, x: t, series: n, kind: r = "area", height: i = 200, forma
|
|
|
2105
2143
|
y2: "1",
|
|
2106
2144
|
children: [/* @__PURE__ */ U("stop", {
|
|
2107
2145
|
offset: "0%",
|
|
2108
|
-
stopColor: e.color ??
|
|
2146
|
+
stopColor: e.color ?? Pn[t % Pn.length],
|
|
2109
2147
|
stopOpacity: .35
|
|
2110
2148
|
}), /* @__PURE__ */ U("stop", {
|
|
2111
2149
|
offset: "100%",
|
|
2112
|
-
stopColor: e.color ??
|
|
2150
|
+
stopColor: e.color ?? Pn[t % Pn.length],
|
|
2113
2151
|
stopOpacity: 0
|
|
2114
2152
|
})]
|
|
2115
2153
|
}, e.key)) }),
|
|
2116
|
-
!o && /* @__PURE__ */ U(
|
|
2154
|
+
!o && /* @__PURE__ */ U(Be, {
|
|
2117
2155
|
stroke: "var(--color-line)",
|
|
2118
2156
|
vertical: !1
|
|
2119
2157
|
}),
|
|
2120
|
-
/* @__PURE__ */ U(
|
|
2158
|
+
/* @__PURE__ */ U(Ke, {
|
|
2121
2159
|
dataKey: t,
|
|
2122
|
-
...
|
|
2160
|
+
...Fn,
|
|
2123
2161
|
hide: o
|
|
2124
2162
|
}),
|
|
2125
|
-
!o && /* @__PURE__ */ U(
|
|
2126
|
-
...
|
|
2163
|
+
!o && /* @__PURE__ */ U(qe, {
|
|
2164
|
+
...Fn,
|
|
2127
2165
|
width: 48,
|
|
2128
2166
|
tickFormatter: a
|
|
2129
2167
|
}),
|
|
2130
|
-
/* @__PURE__ */ U(
|
|
2168
|
+
/* @__PURE__ */ U(Ge, {
|
|
2131
2169
|
cursor: { stroke: "var(--color-line-2)" },
|
|
2132
|
-
content: /* @__PURE__ */ U(
|
|
2170
|
+
content: /* @__PURE__ */ U(In, { format: a })
|
|
2133
2171
|
}),
|
|
2134
2172
|
n.map((e, t) => {
|
|
2135
|
-
let n = e.color ??
|
|
2136
|
-
return r === "bar" ? /* @__PURE__ */ U(
|
|
2173
|
+
let n = e.color ?? Pn[t % Pn.length];
|
|
2174
|
+
return r === "bar" ? /* @__PURE__ */ U(Re, {
|
|
2137
2175
|
dataKey: e.key,
|
|
2138
2176
|
name: e.label,
|
|
2139
2177
|
fill: n,
|
|
@@ -2143,14 +2181,14 @@ function Fn({ data: e, x: t, series: n, kind: r = "area", height: i = 200, forma
|
|
|
2143
2181
|
0,
|
|
2144
2182
|
0
|
|
2145
2183
|
]
|
|
2146
|
-
}, e.key) : r === "line" ? /* @__PURE__ */ U(
|
|
2184
|
+
}, e.key) : r === "line" ? /* @__PURE__ */ U(He, {
|
|
2147
2185
|
type: "monotone",
|
|
2148
2186
|
dataKey: e.key,
|
|
2149
2187
|
name: e.label,
|
|
2150
2188
|
stroke: n,
|
|
2151
2189
|
strokeWidth: 2,
|
|
2152
2190
|
dot: !1
|
|
2153
|
-
}, e.key) : /* @__PURE__ */ U(
|
|
2191
|
+
}, e.key) : /* @__PURE__ */ U(Ie, {
|
|
2154
2192
|
type: "monotone",
|
|
2155
2193
|
dataKey: e.key,
|
|
2156
2194
|
name: e.label,
|
|
@@ -2164,7 +2202,7 @@ function Fn({ data: e, x: t, series: n, kind: r = "area", height: i = 200, forma
|
|
|
2164
2202
|
})
|
|
2165
2203
|
});
|
|
2166
2204
|
}
|
|
2167
|
-
function
|
|
2205
|
+
function Rn({ data: e, color: t = "var(--color-accent)", height: n = 32, className: r }) {
|
|
2168
2206
|
let i = e.map((e, t) => ({
|
|
2169
2207
|
index: t,
|
|
2170
2208
|
value: e
|
|
@@ -2172,10 +2210,10 @@ function In({ data: e, color: t = "var(--color-accent)", height: n = 32, classNa
|
|
|
2172
2210
|
return /* @__PURE__ */ U("div", {
|
|
2173
2211
|
className: G("w-full", r),
|
|
2174
2212
|
style: { height: n },
|
|
2175
|
-
children: /* @__PURE__ */ U(
|
|
2213
|
+
children: /* @__PURE__ */ U(We, {
|
|
2176
2214
|
width: "100%",
|
|
2177
2215
|
height: "100%",
|
|
2178
|
-
children: /* @__PURE__ */ U(
|
|
2216
|
+
children: /* @__PURE__ */ U(Ue, {
|
|
2179
2217
|
data: i,
|
|
2180
2218
|
margin: {
|
|
2181
2219
|
top: 2,
|
|
@@ -2183,7 +2221,7 @@ function In({ data: e, color: t = "var(--color-accent)", height: n = 32, classNa
|
|
|
2183
2221
|
bottom: 2,
|
|
2184
2222
|
left: 0
|
|
2185
2223
|
},
|
|
2186
|
-
children: /* @__PURE__ */ U(
|
|
2224
|
+
children: /* @__PURE__ */ U(He, {
|
|
2187
2225
|
type: "monotone",
|
|
2188
2226
|
dataKey: "value",
|
|
2189
2227
|
stroke: t,
|
|
@@ -2197,10 +2235,10 @@ function In({ data: e, color: t = "var(--color-accent)", height: n = 32, classNa
|
|
|
2197
2235
|
}
|
|
2198
2236
|
//#endregion
|
|
2199
2237
|
//#region src/components/Checkbox.tsx
|
|
2200
|
-
var
|
|
2238
|
+
var zn = {
|
|
2201
2239
|
sm: "h-4 w-4 rounded-[5px]",
|
|
2202
2240
|
md: "h-5 w-5 rounded-md"
|
|
2203
|
-
},
|
|
2241
|
+
}, Bn = a(function({ checked: e, onChange: t, indeterminate: n, label: r, size: i = "md", disabled: a, className: o, id: s, ...c }, l) {
|
|
2204
2242
|
let u = Y(), d = e || n, f = /* @__PURE__ */ U("button", {
|
|
2205
2243
|
ref: l,
|
|
2206
2244
|
type: "button",
|
|
@@ -2210,7 +2248,7 @@ var Ln = {
|
|
|
2210
2248
|
"aria-describedby": u?.describedBy,
|
|
2211
2249
|
disabled: a,
|
|
2212
2250
|
onClick: () => t(!e),
|
|
2213
|
-
className: G("inline-flex shrink-0 items-center justify-center border transition-colors motion-instant",
|
|
2251
|
+
className: G("inline-flex shrink-0 items-center justify-center border transition-colors motion-instant", zn[i], d ? "border-accent bg-accent text-on-accent" : "border-line-3 bg-fill hover:border-fg-3", a && !r && "cursor-not-allowed opacity-40", a && "cursor-not-allowed", o),
|
|
2214
2252
|
...c,
|
|
2215
2253
|
children: /* @__PURE__ */ U("svg", {
|
|
2216
2254
|
viewBox: "0 0 16 16",
|
|
@@ -2248,10 +2286,10 @@ var Ln = {
|
|
|
2248
2286
|
children: [f, /* @__PURE__ */ U("span", { children: r })]
|
|
2249
2287
|
}) : f;
|
|
2250
2288
|
});
|
|
2251
|
-
|
|
2289
|
+
Bn.displayName = "Checkbox";
|
|
2252
2290
|
//#endregion
|
|
2253
2291
|
//#region src/components/Chip.tsx
|
|
2254
|
-
function
|
|
2292
|
+
function Vn({ selected: e, onRemove: t, icon: n, className: r, children: i, ...a }) {
|
|
2255
2293
|
let { strings: o } = q(), s = G("inline-flex h-8 items-center gap-1.5 rounded-full border px-3 text-sm font-medium transition-colors motion-instant", e ? "border-accent/40 bg-accent/15 text-accent" : "border-line-2 bg-fill text-fg-2 hover:border-line-3 hover:bg-fill-2 hover:text-fg", r);
|
|
2256
2294
|
return t ? /* @__PURE__ */ W("span", {
|
|
2257
2295
|
className: G(s, "pr-1"),
|
|
@@ -2276,7 +2314,7 @@ function zn({ selected: e, onRemove: t, icon: n, className: r, children: i, ...a
|
|
|
2276
2314
|
}
|
|
2277
2315
|
//#endregion
|
|
2278
2316
|
//#region src/components/CopyButton.tsx
|
|
2279
|
-
function
|
|
2317
|
+
function Hn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...a }) {
|
|
2280
2318
|
let { strings: o } = q(), [s, c] = m(!1), u = p(null);
|
|
2281
2319
|
l(() => () => {
|
|
2282
2320
|
u.current && window.clearTimeout(u.current);
|
|
@@ -2310,8 +2348,8 @@ function Bn({ value: e, children: t, label: n, copiedLabel: r, className: i, ...
|
|
|
2310
2348
|
}
|
|
2311
2349
|
//#endregion
|
|
2312
2350
|
//#region src/components/ScrollArea.tsx
|
|
2313
|
-
var
|
|
2314
|
-
function
|
|
2351
|
+
var Un = 28;
|
|
2352
|
+
function Wn({ axis: e = "y", fade: t = !0, bar: n = !1, className: r, children: i }) {
|
|
2315
2353
|
let a = p(null), [o, s] = m({
|
|
2316
2354
|
start: !1,
|
|
2317
2355
|
end: !1
|
|
@@ -2332,7 +2370,7 @@ function Hn({ axis: e = "y", fade: t = !0, bar: n = !1, className: r, children:
|
|
|
2332
2370
|
n.removeEventListener("scroll", r), i.disconnect();
|
|
2333
2371
|
};
|
|
2334
2372
|
}, [e, t]);
|
|
2335
|
-
let c = e === "y" ? "to bottom" : "to right", u = !t || !o.start && !o.end ? void 0 : o.start && o.end ? `linear-gradient(${c}, transparent, black ${
|
|
2373
|
+
let c = e === "y" ? "to bottom" : "to right", u = !t || !o.start && !o.end ? void 0 : o.start && o.end ? `linear-gradient(${c}, transparent, black ${Un}px, black calc(100% - ${Un}px), transparent)` : o.end ? `linear-gradient(${c}, black calc(100% - ${Un}px), transparent)` : `linear-gradient(${c}, transparent, black ${Un}px)`;
|
|
2336
2374
|
return /* @__PURE__ */ U("div", {
|
|
2337
2375
|
ref: a,
|
|
2338
2376
|
className: G(e === "y" ? "overflow-y-auto" : "overflow-x-auto", n ? "scrollbar-thin" : "scrollbar-none", r),
|
|
@@ -2345,7 +2383,7 @@ function Hn({ axis: e = "y", fade: t = !0, bar: n = !1, className: r, children:
|
|
|
2345
2383
|
}
|
|
2346
2384
|
//#endregion
|
|
2347
2385
|
//#region src/components/CodeBlock.tsx
|
|
2348
|
-
function
|
|
2386
|
+
function Gn({ code: e, label: t, wrap: n, lineNumbers: r, maxHeight: i = 320, className: a }) {
|
|
2349
2387
|
let o = e.split("\n");
|
|
2350
2388
|
return /* @__PURE__ */ W("div", {
|
|
2351
2389
|
className: G("overflow-hidden rounded-xl border border-line bg-surface-1", a),
|
|
@@ -2354,8 +2392,8 @@ function Un({ code: e, label: t, wrap: n, lineNumbers: r, maxHeight: i = 320, cl
|
|
|
2354
2392
|
children: [/* @__PURE__ */ U("span", {
|
|
2355
2393
|
className: "min-w-0 flex-1 truncate font-mono text-2xs text-fg-3",
|
|
2356
2394
|
children: t
|
|
2357
|
-
}), /* @__PURE__ */ U(
|
|
2358
|
-
}), /* @__PURE__ */ U(
|
|
2395
|
+
}), /* @__PURE__ */ U(Hn, { value: e })]
|
|
2396
|
+
}), /* @__PURE__ */ U(Wn, {
|
|
2359
2397
|
axis: n ? "y" : "x",
|
|
2360
2398
|
bar: !0,
|
|
2361
2399
|
className: "max-w-full",
|
|
@@ -2378,7 +2416,7 @@ function Un({ code: e, label: t, wrap: n, lineNumbers: r, maxHeight: i = 320, cl
|
|
|
2378
2416
|
}
|
|
2379
2417
|
//#endregion
|
|
2380
2418
|
//#region src/components/Collapsible.tsx
|
|
2381
|
-
function
|
|
2419
|
+
function Kn({ title: e, description: t, defaultOpen: n = !1, open: r, onOpenChange: i, trailing: a, variant: o = "panel", className: s, children: c }) {
|
|
2382
2420
|
let l = u(), [d, f] = m(n), p = r ?? d, h = (e) => {
|
|
2383
2421
|
r === void 0 && f(e), i?.(e);
|
|
2384
2422
|
};
|
|
@@ -2440,29 +2478,29 @@ function Wn({ title: e, description: t, defaultOpen: n = !1, open: r, onOpenChan
|
|
|
2440
2478
|
}
|
|
2441
2479
|
//#endregion
|
|
2442
2480
|
//#region src/lib/ref.ts
|
|
2443
|
-
function
|
|
2481
|
+
function qn(...e) {
|
|
2444
2482
|
return (t) => {
|
|
2445
2483
|
for (let n of e) n && (typeof n == "function" ? n(t) : typeof n == "object" && "current" in n && (n.current = t));
|
|
2446
2484
|
};
|
|
2447
2485
|
}
|
|
2448
|
-
function
|
|
2486
|
+
function Jn(e) {
|
|
2449
2487
|
if (!e || typeof e != "object") return;
|
|
2450
2488
|
let t = e;
|
|
2451
2489
|
return t.props?.ref ?? t.ref;
|
|
2452
2490
|
}
|
|
2453
2491
|
//#endregion
|
|
2454
2492
|
//#region src/components/Popover.tsx
|
|
2455
|
-
var
|
|
2456
|
-
function
|
|
2457
|
-
let e = c(
|
|
2493
|
+
var Yn = r(null);
|
|
2494
|
+
function Xn() {
|
|
2495
|
+
let e = c(Yn);
|
|
2458
2496
|
if (!e) throw Error("Popover parts must be used inside <Popover>");
|
|
2459
2497
|
return e;
|
|
2460
2498
|
}
|
|
2461
|
-
function
|
|
2499
|
+
function Zn({ open: e, onOpenChange: t, children: n }) {
|
|
2462
2500
|
let [r, i] = m(!1), a = e ?? r, o = p(null), c = u(), l = s((n) => {
|
|
2463
2501
|
e === void 0 && i(n), t?.(n);
|
|
2464
2502
|
}, [e, t]);
|
|
2465
|
-
return /* @__PURE__ */ U(
|
|
2503
|
+
return /* @__PURE__ */ U(Yn.Provider, {
|
|
2466
2504
|
value: {
|
|
2467
2505
|
open: a,
|
|
2468
2506
|
setOpen: l,
|
|
@@ -2472,10 +2510,10 @@ function Yn({ open: e, onOpenChange: t, children: n }) {
|
|
|
2472
2510
|
children: n
|
|
2473
2511
|
});
|
|
2474
2512
|
}
|
|
2475
|
-
function
|
|
2476
|
-
let { open: t, setOpen: r, id: i, anchorRef: a } =
|
|
2513
|
+
function Qn({ children: e }) {
|
|
2514
|
+
let { open: t, setOpen: r, id: i, anchorRef: a } = Xn(), o = e.props, s = Jn(e);
|
|
2477
2515
|
return n(e, {
|
|
2478
|
-
ref:
|
|
2516
|
+
ref: qn(a, s),
|
|
2479
2517
|
"aria-haspopup": "dialog",
|
|
2480
2518
|
"aria-expanded": t,
|
|
2481
2519
|
"aria-controls": t ? i : void 0,
|
|
@@ -2484,11 +2522,11 @@ function Xn({ children: e }) {
|
|
|
2484
2522
|
}
|
|
2485
2523
|
});
|
|
2486
2524
|
}
|
|
2487
|
-
function
|
|
2488
|
-
let { anchorRef: t } =
|
|
2489
|
-
return n(e, { ref:
|
|
2525
|
+
function $n({ children: e }) {
|
|
2526
|
+
let { anchorRef: t } = Xn(), r = Jn(e);
|
|
2527
|
+
return n(e, { ref: qn(t, r) });
|
|
2490
2528
|
}
|
|
2491
|
-
function
|
|
2529
|
+
function er(e, t, { open: n, side: r, align: i, offset: a }) {
|
|
2492
2530
|
let [o, s] = m({
|
|
2493
2531
|
top: 0,
|
|
2494
2532
|
left: 0
|
|
@@ -2519,8 +2557,8 @@ function Qn(e, t, { open: n, side: r, align: i, offset: a }) {
|
|
|
2519
2557
|
t
|
|
2520
2558
|
]), o;
|
|
2521
2559
|
}
|
|
2522
|
-
function
|
|
2523
|
-
let { open: o, setOpen: s, id: c, anchorRef: u } =
|
|
2560
|
+
function tr({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth: r, className: i, children: a }) {
|
|
2561
|
+
let { open: o, setOpen: s, id: c, anchorRef: u } = Xn(), d = p(null), f = er(u, d, {
|
|
2524
2562
|
open: o,
|
|
2525
2563
|
side: e,
|
|
2526
2564
|
align: t,
|
|
@@ -2541,7 +2579,7 @@ function $n({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth:
|
|
|
2541
2579
|
o,
|
|
2542
2580
|
s,
|
|
2543
2581
|
u
|
|
2544
|
-
]), typeof document > "u" ? null :
|
|
2582
|
+
]), typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
|
|
2545
2583
|
ref: d,
|
|
2546
2584
|
id: c,
|
|
2547
2585
|
role: "dialog",
|
|
@@ -2569,7 +2607,7 @@ function $n({ side: e = "bottom", align: t = "start", offset: n = 6, matchWidth:
|
|
|
2569
2607
|
}
|
|
2570
2608
|
//#endregion
|
|
2571
2609
|
//#region src/components/ColorPicker.tsx
|
|
2572
|
-
var
|
|
2610
|
+
var nr = [
|
|
2573
2611
|
"#65c789",
|
|
2574
2612
|
"#22d3ee",
|
|
2575
2613
|
"#3b82f6",
|
|
@@ -2581,21 +2619,21 @@ var er = [
|
|
|
2581
2619
|
"#e5e7eb",
|
|
2582
2620
|
"#71717a"
|
|
2583
2621
|
];
|
|
2584
|
-
function
|
|
2622
|
+
function rr(e) {
|
|
2585
2623
|
let t = e.trim().replace(/^#?/, "");
|
|
2586
2624
|
return /^[0-9a-f]{3}$/i.test(t) ? `#${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`.toLowerCase() : /^[0-9a-f]{6}$/i.test(t) ? `#${t.toLowerCase()}` : null;
|
|
2587
2625
|
}
|
|
2588
|
-
function
|
|
2626
|
+
function ir({ value: e, onChange: t, swatches: n = nr, disabled: r, id: i, className: a }) {
|
|
2589
2627
|
let { strings: o } = q(), s = Y(), [c, l] = m(e), [u, d] = m(!1), f = (n) => {
|
|
2590
|
-
let r =
|
|
2628
|
+
let r = rr(n);
|
|
2591
2629
|
r ? t(r) : l(e);
|
|
2592
2630
|
};
|
|
2593
|
-
return /* @__PURE__ */ W(
|
|
2631
|
+
return /* @__PURE__ */ W(Zn, {
|
|
2594
2632
|
open: u,
|
|
2595
2633
|
onOpenChange: (t) => {
|
|
2596
2634
|
d(t), t && l(e);
|
|
2597
2635
|
},
|
|
2598
|
-
children: [/* @__PURE__ */ U(
|
|
2636
|
+
children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
|
|
2599
2637
|
type: "button",
|
|
2600
2638
|
id: i ?? s?.id,
|
|
2601
2639
|
disabled: r,
|
|
@@ -2608,7 +2646,7 @@ function nr({ value: e, onChange: t, swatches: n = er, disabled: r, id: i, class
|
|
|
2608
2646
|
className: "font-mono text-sm uppercase text-fg-2",
|
|
2609
2647
|
children: e
|
|
2610
2648
|
})]
|
|
2611
|
-
}) }), /* @__PURE__ */ W(
|
|
2649
|
+
}) }), /* @__PURE__ */ W(tr, {
|
|
2612
2650
|
className: "w-60 p-3",
|
|
2613
2651
|
children: [/* @__PURE__ */ U("div", {
|
|
2614
2652
|
className: "grid grid-cols-5 gap-2",
|
|
@@ -2653,26 +2691,26 @@ function nr({ value: e, onChange: t, swatches: n = er, disabled: r, id: i, class
|
|
|
2653
2691
|
}
|
|
2654
2692
|
//#endregion
|
|
2655
2693
|
//#region src/components/Spinner.tsx
|
|
2656
|
-
var
|
|
2694
|
+
var ar = {
|
|
2657
2695
|
sm: 14,
|
|
2658
2696
|
md: 18,
|
|
2659
2697
|
lg: 24
|
|
2660
2698
|
};
|
|
2661
|
-
function
|
|
2699
|
+
function or({ size: e = "md", label: t, className: n }) {
|
|
2662
2700
|
return /* @__PURE__ */ U(B, {
|
|
2663
|
-
size:
|
|
2701
|
+
size: ar[e],
|
|
2664
2702
|
role: t ? "status" : void 0,
|
|
2665
2703
|
"aria-label": t,
|
|
2666
2704
|
"aria-hidden": !t || void 0,
|
|
2667
2705
|
className: G("animate-spin text-fg-3", n)
|
|
2668
2706
|
});
|
|
2669
2707
|
}
|
|
2670
|
-
function
|
|
2708
|
+
function sr({ label: e, className: t }) {
|
|
2671
2709
|
let { strings: n } = q();
|
|
2672
2710
|
return /* @__PURE__ */ W("div", {
|
|
2673
2711
|
className: G("flex flex-col items-center justify-center gap-3 px-6 py-12", t),
|
|
2674
2712
|
role: "status",
|
|
2675
|
-
children: [/* @__PURE__ */ U(
|
|
2713
|
+
children: [/* @__PURE__ */ U(or, { size: "lg" }), /* @__PURE__ */ U("p", {
|
|
2676
2714
|
className: "text-sm text-fg-3",
|
|
2677
2715
|
children: e ?? n.loadingState
|
|
2678
2716
|
})]
|
|
@@ -2680,7 +2718,7 @@ function ar({ label: e, className: t }) {
|
|
|
2680
2718
|
}
|
|
2681
2719
|
//#endregion
|
|
2682
2720
|
//#region src/components/Combobox.tsx
|
|
2683
|
-
function
|
|
2721
|
+
function cr({ options: e, value: t, onChange: n, placeholder: r, searchPlaceholder: i, onSearch: a, loading: o, emptyMessage: s, clearable: c, disabled: u, id: d, className: h }) {
|
|
2684
2722
|
let { strings: g } = q(), _ = Y(), [v, y] = m(!1), [b, x] = m(""), [S, C] = m(0), w = p(null), T = p(null), E = f(() => {
|
|
2685
2723
|
if (a || !b.trim()) return e;
|
|
2686
2724
|
let t = b.toLowerCase();
|
|
@@ -2716,10 +2754,10 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
|
|
|
2716
2754
|
}
|
|
2717
2755
|
e.key === "Enter" && O[S] && (e.preventDefault(), A(O[S])), e.key === "Home" && (e.preventDefault(), C(0)), e.key === "End" && (e.preventDefault(), C(O.length - 1));
|
|
2718
2756
|
}, j = -1;
|
|
2719
|
-
return /* @__PURE__ */ W(
|
|
2757
|
+
return /* @__PURE__ */ W(Zn, {
|
|
2720
2758
|
open: v,
|
|
2721
2759
|
onOpenChange: y,
|
|
2722
|
-
children: [/* @__PURE__ */ U(
|
|
2760
|
+
children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
|
|
2723
2761
|
type: "button",
|
|
2724
2762
|
id: d ?? _?.id,
|
|
2725
2763
|
role: "combobox",
|
|
@@ -2752,7 +2790,7 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
|
|
|
2752
2790
|
className: "shrink-0 text-fg-3"
|
|
2753
2791
|
})
|
|
2754
2792
|
]
|
|
2755
|
-
}) }), /* @__PURE__ */ W(
|
|
2793
|
+
}) }), /* @__PURE__ */ W(tr, {
|
|
2756
2794
|
matchWidth: !0,
|
|
2757
2795
|
className: "p-0",
|
|
2758
2796
|
children: [/* @__PURE__ */ W("div", {
|
|
@@ -2773,7 +2811,7 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
|
|
|
2773
2811
|
"aria-label": i ?? g.comboboxSearch,
|
|
2774
2812
|
className: "min-w-0 flex-1 bg-transparent text-base text-fg outline-none placeholder:text-fg-4"
|
|
2775
2813
|
}),
|
|
2776
|
-
o && /* @__PURE__ */ U(
|
|
2814
|
+
o && /* @__PURE__ */ U(or, { size: "sm" })
|
|
2777
2815
|
]
|
|
2778
2816
|
}), /* @__PURE__ */ W("div", {
|
|
2779
2817
|
ref: T,
|
|
@@ -2825,14 +2863,14 @@ function or({ options: e, value: t, onChange: n, placeholder: r, searchPlacehold
|
|
|
2825
2863
|
}
|
|
2826
2864
|
//#endregion
|
|
2827
2865
|
//#region src/components/Highlight.tsx
|
|
2828
|
-
function
|
|
2866
|
+
function lr(e) {
|
|
2829
2867
|
return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
2830
2868
|
}
|
|
2831
|
-
function
|
|
2869
|
+
function ur({ children: e, query: t, words: n, className: r, markClassName: i }) {
|
|
2832
2870
|
let a = f(() => {
|
|
2833
2871
|
let r = t.trim();
|
|
2834
2872
|
if (!r) return [e];
|
|
2835
|
-
let a = n ? r.split(/\s+/).filter(Boolean) : [r], o = RegExp(`(${a.map(
|
|
2873
|
+
let a = n ? r.split(/\s+/).filter(Boolean) : [r], o = RegExp(`(${a.map(lr).join("|")})`, "gi");
|
|
2836
2874
|
return e.split(o).map((e, t) => t % 2 == 1 ? /* @__PURE__ */ U("mark", {
|
|
2837
2875
|
className: G("rounded-[3px] bg-accent/25 px-0.5 text-fg", i),
|
|
2838
2876
|
children: e
|
|
@@ -2850,7 +2888,7 @@ function cr({ children: e, query: t, words: n, className: r, markClassName: i })
|
|
|
2850
2888
|
}
|
|
2851
2889
|
//#endregion
|
|
2852
2890
|
//#region src/components/Kbd.tsx
|
|
2853
|
-
function
|
|
2891
|
+
function dr({ children: e, className: t }) {
|
|
2854
2892
|
return /* @__PURE__ */ U("kbd", {
|
|
2855
2893
|
className: G("inline-flex h-5 min-w-5 items-center justify-center rounded-md border border-line-2 bg-fill px-1.5 font-sans text-2xs font-medium text-fg-2", t),
|
|
2856
2894
|
children: e
|
|
@@ -2858,7 +2896,7 @@ function lr({ children: e, className: t }) {
|
|
|
2858
2896
|
}
|
|
2859
2897
|
//#endregion
|
|
2860
2898
|
//#region src/components/CommandPalette.tsx
|
|
2861
|
-
function
|
|
2899
|
+
function fr({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChange: i, loading: a, emptyMessage: o }) {
|
|
2862
2900
|
let { strings: s } = q(), [c, u] = m(""), [d, h] = m(0), _ = p(null), v = p(null), b = f(() => {
|
|
2863
2901
|
if (i || !c.trim()) return n;
|
|
2864
2902
|
let e = c.toLowerCase();
|
|
@@ -2892,7 +2930,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
|
|
|
2892
2930
|
}, C = (e) => {
|
|
2893
2931
|
e.key === "Escape" && (e.preventDefault(), t(!1)), e.key === "ArrowDown" && (e.preventDefault(), h((e) => (e + 1) % Math.max(1, b.length))), e.key === "ArrowUp" && (e.preventDefault(), h((e) => (e - 1 + b.length) % Math.max(1, b.length))), e.key === "Enter" && b[d] && (e.preventDefault(), S(b[d]));
|
|
2894
2932
|
}, w = -1;
|
|
2895
|
-
return typeof document > "u" ? null :
|
|
2933
|
+
return typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
|
|
2896
2934
|
className: "fixed inset-0 z-[95] flex items-start justify-center p-4 pt-[12vh]",
|
|
2897
2935
|
children: [/* @__PURE__ */ U(y.div, {
|
|
2898
2936
|
initial: { opacity: 0 },
|
|
@@ -2940,8 +2978,8 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
|
|
|
2940
2978
|
"aria-label": r ?? s.commandPalettePlaceholder,
|
|
2941
2979
|
className: "min-w-0 flex-1 bg-transparent text-lg text-fg outline-none placeholder:text-fg-4"
|
|
2942
2980
|
}),
|
|
2943
|
-
a && /* @__PURE__ */ U(
|
|
2944
|
-
/* @__PURE__ */ U(
|
|
2981
|
+
a && /* @__PURE__ */ U(or, { size: "sm" }),
|
|
2982
|
+
/* @__PURE__ */ U(dr, { children: s.commandPaletteEscape })
|
|
2945
2983
|
]
|
|
2946
2984
|
}), /* @__PURE__ */ W("div", {
|
|
2947
2985
|
ref: _,
|
|
@@ -2972,7 +3010,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
|
|
|
2972
3010
|
className: "min-w-0 flex-1",
|
|
2973
3011
|
children: [/* @__PURE__ */ U("span", {
|
|
2974
3012
|
className: "block truncate text-base text-fg",
|
|
2975
|
-
children: /* @__PURE__ */ U(
|
|
3013
|
+
children: /* @__PURE__ */ U(ur, {
|
|
2976
3014
|
query: c,
|
|
2977
3015
|
children: e.label
|
|
2978
3016
|
})
|
|
@@ -2981,7 +3019,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
|
|
|
2981
3019
|
children: e.description
|
|
2982
3020
|
})]
|
|
2983
3021
|
}),
|
|
2984
|
-
e.shortcut && /* @__PURE__ */ U(
|
|
3022
|
+
e.shortcut && /* @__PURE__ */ U(dr, { children: e.shortcut }),
|
|
2985
3023
|
t && /* @__PURE__ */ U(ie, {
|
|
2986
3024
|
size: 14,
|
|
2987
3025
|
className: "shrink-0 text-fg-4"
|
|
@@ -2993,7 +3031,7 @@ function ur({ open: e, onOpenChange: t, commands: n, placeholder: r, onQueryChan
|
|
|
2993
3031
|
})]
|
|
2994
3032
|
}) }), document.body);
|
|
2995
3033
|
}
|
|
2996
|
-
function
|
|
3034
|
+
function pr() {
|
|
2997
3035
|
let [e, t] = m(!1);
|
|
2998
3036
|
return l(() => {
|
|
2999
3037
|
let e = (e) => {
|
|
@@ -3007,7 +3045,7 @@ function dr() {
|
|
|
3007
3045
|
}
|
|
3008
3046
|
//#endregion
|
|
3009
3047
|
//#region src/lib/useLongPress.ts
|
|
3010
|
-
function
|
|
3048
|
+
function mr(e, { delay: t = 450, enabled: n = !0 } = {}) {
|
|
3011
3049
|
let r = p(null), i = p(!1), a = p(null), o = s(() => {
|
|
3012
3050
|
r.current !== null && window.clearTimeout(r.current), r.current = null;
|
|
3013
3051
|
}, []), c = s((s) => {
|
|
@@ -3053,13 +3091,13 @@ function fr(e, { delay: t = 450, enabled: n = !0 } = {}) {
|
|
|
3053
3091
|
}
|
|
3054
3092
|
//#endregion
|
|
3055
3093
|
//#region src/components/Composer.tsx
|
|
3056
|
-
function
|
|
3094
|
+
function hr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSendAsSystem: a, onAttach: o, attachments: s = [], onRemoveAttachment: c, mic: u, sending: d = !1, disabled: f = !1, placeholder: m, enterSends: h = !0, notice: _, topSlot: v, className: b }) {
|
|
3057
3095
|
let { strings: x } = q(), S = p(null), C = e.trim().length > 0 || s.length > 0, w = !!u?.active, T = d ? r ? "stop" : "busy" : C ? "send" : "continue", E = f || T === "busy" || T === "continue" && !i;
|
|
3058
3096
|
l(() => {
|
|
3059
3097
|
let e = S.current;
|
|
3060
3098
|
e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 160)}px`);
|
|
3061
3099
|
}, [e]);
|
|
3062
|
-
let D =
|
|
3100
|
+
let D = mr(a, { enabled: T === "send" && !f }), k = () => {
|
|
3063
3101
|
T === "stop" ? r?.() : T === "send" ? n() : T === "continue" && i?.();
|
|
3064
3102
|
}, A = (e) => {
|
|
3065
3103
|
!h || e.key !== "Enter" || e.shiftKey || e.nativeEvent.isComposing || (e.preventDefault(), !d && !f && C && n());
|
|
@@ -3131,7 +3169,7 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
|
|
|
3131
3169
|
disabled: f || d || w,
|
|
3132
3170
|
children: /* @__PURE__ */ U(be, { size: 18 })
|
|
3133
3171
|
}),
|
|
3134
|
-
w && u ? /* @__PURE__ */ U(
|
|
3172
|
+
w && u ? /* @__PURE__ */ U(_r, {
|
|
3135
3173
|
elapsedMs: u.elapsedMs,
|
|
3136
3174
|
analyser: u.analyser,
|
|
3137
3175
|
frozen: u.transcribing
|
|
@@ -3212,11 +3250,11 @@ function pr({ value: e, onChange: t, onSend: n, onStop: r, onContinue: i, onSend
|
|
|
3212
3250
|
})]
|
|
3213
3251
|
});
|
|
3214
3252
|
}
|
|
3215
|
-
function
|
|
3253
|
+
function gr(e) {
|
|
3216
3254
|
let t = Math.max(0, Math.floor(e / 1e3));
|
|
3217
3255
|
return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
|
|
3218
3256
|
}
|
|
3219
|
-
function
|
|
3257
|
+
function _r({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
|
|
3220
3258
|
let { strings: r } = q(), i = p(null), a = p(null), o = p([]), s = p(null), [c, u] = m({
|
|
3221
3259
|
w: 0,
|
|
3222
3260
|
h: 0
|
|
@@ -3273,7 +3311,7 @@ function hr({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
|
|
|
3273
3311
|
className: "flex min-h-[var(--composer-row)] min-w-0 flex-1 items-center gap-2.5 px-2",
|
|
3274
3312
|
role: "status",
|
|
3275
3313
|
"aria-live": "polite",
|
|
3276
|
-
"aria-label": n ? r.composerTranscribing : r.composerRecording(
|
|
3314
|
+
"aria-label": n ? r.composerTranscribing : r.composerRecording(gr(e)),
|
|
3277
3315
|
children: [
|
|
3278
3316
|
/* @__PURE__ */ W("span", {
|
|
3279
3317
|
className: "relative flex h-2 w-2 shrink-0",
|
|
@@ -3298,14 +3336,14 @@ function hr({ elapsedMs: e, analyser: t, frozen: n = !1 }) {
|
|
|
3298
3336
|
}),
|
|
3299
3337
|
/* @__PURE__ */ U("span", {
|
|
3300
3338
|
className: "shrink-0 text-xs tabular-nums text-fg-2",
|
|
3301
|
-
children:
|
|
3339
|
+
children: gr(e)
|
|
3302
3340
|
})
|
|
3303
3341
|
]
|
|
3304
3342
|
});
|
|
3305
3343
|
}
|
|
3306
3344
|
//#endregion
|
|
3307
3345
|
//#region src/lib/useModal.ts
|
|
3308
|
-
function
|
|
3346
|
+
function vr(e, t, n, { lockScroll: r = !0 } = {}) {
|
|
3309
3347
|
l(() => {
|
|
3310
3348
|
if (!e) return;
|
|
3311
3349
|
let i = document.activeElement, a = document.body.style.overflow;
|
|
@@ -3335,20 +3373,20 @@ function gr(e, t, n, { lockScroll: r = !0 } = {}) {
|
|
|
3335
3373
|
}
|
|
3336
3374
|
//#endregion
|
|
3337
3375
|
//#region src/components/Sheet.tsx
|
|
3338
|
-
var
|
|
3376
|
+
var yr = {
|
|
3339
3377
|
sm: "max-w-sm",
|
|
3340
3378
|
md: "max-w-md",
|
|
3341
3379
|
lg: "max-w-xl"
|
|
3342
|
-
},
|
|
3380
|
+
}, br = {
|
|
3343
3381
|
sm: "max-w-sm",
|
|
3344
3382
|
md: "max-w-lg",
|
|
3345
3383
|
lg: "max-w-2xl"
|
|
3346
|
-
},
|
|
3384
|
+
}, xr = {
|
|
3347
3385
|
sm: "max-w-md",
|
|
3348
3386
|
md: "max-w-xl",
|
|
3349
3387
|
lg: "max-w-3xl"
|
|
3350
|
-
},
|
|
3351
|
-
function
|
|
3388
|
+
}, Sr = 4e3, Cr = 4;
|
|
3389
|
+
function wr({ onExit: e, children: t }) {
|
|
3352
3390
|
let [n, r] = S(), i = p(n);
|
|
3353
3391
|
return i.current = n, l(() => {
|
|
3354
3392
|
n || e().then(() => {
|
|
@@ -3356,11 +3394,11 @@ function Sr({ onExit: e, children: t }) {
|
|
|
3356
3394
|
});
|
|
3357
3395
|
}, [n]), /* @__PURE__ */ U(H, { children: t });
|
|
3358
3396
|
}
|
|
3359
|
-
function
|
|
3397
|
+
function Tr({ open: e, onClose: t, title: n, description: r, leftAction: i, rightAction: a, closeButton: o, dismissible: s = !0, footer: c, placement: f = "bottom", size: h = "md", detents: _, defaultDetent: b = 0, className: S, children: T }) {
|
|
3360
3398
|
let { strings: E } = q(), D = u(), O = u(), k = p(null), A = p(null), ee = Ot(), j = C(), [M, te] = m(b), N = Et(), P = !!Tt().portal, F = P ? "%" : "dvh", ne = () => {
|
|
3361
3399
|
s && t();
|
|
3362
3400
|
};
|
|
3363
|
-
|
|
3401
|
+
vr(e, ne, k, { lockScroll: !P }), l(() => {
|
|
3364
3402
|
e && te(b);
|
|
3365
3403
|
}, [e, b]);
|
|
3366
3404
|
let re = f === "auto" ? ee ? "bottom" : "side" : f, I = re === "bottom", L = _?.length ? _ : null, ie = L ? `${Math.round(L[Math.min(M, L.length - 1)] * 100)}${F}` : void 0, R = x(0), z = p(0), ae = p(null), oe = p(!1), se = p(null), [ce, le] = m(!1), ue = w(R, (e) => Math.max(0, e)), de = w(R, (e) => {
|
|
@@ -3370,7 +3408,7 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
|
|
|
3370
3408
|
...t,
|
|
3371
3409
|
velocity: n
|
|
3372
3410
|
}), ae.current), fe = p(!1);
|
|
3373
|
-
I && e && !fe.current && (oe.current = !1, R.jump(
|
|
3411
|
+
I && e && !fe.current && (oe.current = !1, R.jump(Sr)), fe.current = e, d(() => {
|
|
3374
3412
|
if (!e || !I) return;
|
|
3375
3413
|
let t = k.current;
|
|
3376
3414
|
if (!t) return;
|
|
@@ -3403,7 +3441,7 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
|
|
|
3403
3441
|
if (!t || t.pointerId !== e.pointerId) return;
|
|
3404
3442
|
let n = e.clientY - t.startY;
|
|
3405
3443
|
if (!t.active) {
|
|
3406
|
-
if (Math.abs(n) <
|
|
3444
|
+
if (Math.abs(n) < Cr) return;
|
|
3407
3445
|
let r = A.current;
|
|
3408
3446
|
if (t.fromBody && ce && (n < 0 || (r?.scrollTop ?? 0) > 0)) {
|
|
3409
3447
|
se.current = null;
|
|
@@ -3492,7 +3530,7 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
|
|
|
3492
3530
|
"aria-describedby": r ? O : void 0,
|
|
3493
3531
|
tabIndex: -1
|
|
3494
3532
|
}, Ce = null;
|
|
3495
|
-
if (e && I) Ce = /* @__PURE__ */ U(
|
|
3533
|
+
if (e && I) Ce = /* @__PURE__ */ U(wr, {
|
|
3496
3534
|
onExit: () => B(z.current, K.sheetOut).finished,
|
|
3497
3535
|
children: /* @__PURE__ */ W("div", {
|
|
3498
3536
|
className: "fixed inset-0 z-50",
|
|
@@ -3509,7 +3547,7 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
|
|
|
3509
3547
|
boxShadow: "var(--shadow-sheet), 0 120px 0 0 var(--color-surface-2)",
|
|
3510
3548
|
transition: L ? "height 0.4s cubic-bezier(0.32, 0.72, 0, 1)" : void 0
|
|
3511
3549
|
},
|
|
3512
|
-
className: G(ye, "absolute inset-x-0 bottom-0 mx-auto w-full rounded-t-2xl border border-b-0 will-change-transform", "pb-[var(--safe-bottom)]", !L && (P ? "max-h-[85%]" : "max-h-[85dvh]"),
|
|
3550
|
+
className: G(ye, "absolute inset-x-0 bottom-0 mx-auto w-full rounded-t-2xl border border-b-0 will-change-transform", "pb-[var(--safe-bottom)]", !L && (P ? "max-h-[85%]" : "max-h-[85dvh]"), xr[h], S),
|
|
3513
3551
|
children: [
|
|
3514
3552
|
be,
|
|
3515
3553
|
xe,
|
|
@@ -3545,7 +3583,7 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
|
|
|
3545
3583
|
transition: K.instant
|
|
3546
3584
|
},
|
|
3547
3585
|
transition: e ? K.sheetIn : K.settle,
|
|
3548
|
-
className: G(ye, e ? G("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pb-[var(--safe-bottom)]",
|
|
3586
|
+
className: G(ye, e ? G("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pb-[var(--safe-bottom)]", yr[h]) : G("relative z-50 w-full rounded-2xl border shadow-raised", P ? "max-h-[85%]" : "max-h-[85dvh]", br[h]), S),
|
|
3549
3587
|
children: [
|
|
3550
3588
|
be,
|
|
3551
3589
|
xe,
|
|
@@ -3570,32 +3608,32 @@ function Cr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
|
|
|
3570
3608
|
})]
|
|
3571
3609
|
}, re);
|
|
3572
3610
|
}
|
|
3573
|
-
return N ?
|
|
3611
|
+
return N ? Fe(/* @__PURE__ */ U(g, { children: Ce }), N) : null;
|
|
3574
3612
|
}
|
|
3575
|
-
var
|
|
3576
|
-
function
|
|
3613
|
+
var Er = Tr, Dr = null;
|
|
3614
|
+
function Or(e) {
|
|
3577
3615
|
return new Promise((t) => {
|
|
3578
|
-
if (!
|
|
3616
|
+
if (!Dr) {
|
|
3579
3617
|
t(!1);
|
|
3580
3618
|
return;
|
|
3581
3619
|
}
|
|
3582
|
-
|
|
3620
|
+
Dr({
|
|
3583
3621
|
options: e,
|
|
3584
3622
|
resolve: t
|
|
3585
3623
|
});
|
|
3586
3624
|
});
|
|
3587
3625
|
}
|
|
3588
|
-
function
|
|
3626
|
+
function kr() {
|
|
3589
3627
|
let { strings: e } = q(), [t, n] = m(null), [r, i] = m(!1);
|
|
3590
|
-
l(() => (
|
|
3628
|
+
l(() => (Dr = (e) => {
|
|
3591
3629
|
n(e), i(!0);
|
|
3592
3630
|
}, () => {
|
|
3593
|
-
|
|
3631
|
+
Dr = null;
|
|
3594
3632
|
}), []);
|
|
3595
3633
|
let a = (e) => {
|
|
3596
3634
|
t?.resolve(e), i(!1);
|
|
3597
3635
|
}, o = t?.options;
|
|
3598
|
-
return /* @__PURE__ */ U(
|
|
3636
|
+
return /* @__PURE__ */ U(Tr, {
|
|
3599
3637
|
open: r,
|
|
3600
3638
|
onClose: () => a(!1),
|
|
3601
3639
|
size: "sm",
|
|
@@ -3638,7 +3676,7 @@ function Dr() {
|
|
|
3638
3676
|
}
|
|
3639
3677
|
//#endregion
|
|
3640
3678
|
//#region src/components/ContextMenu.tsx
|
|
3641
|
-
function
|
|
3679
|
+
function Ar({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, className: i, children: a }) {
|
|
3642
3680
|
let [o, c] = m(null), u = p(null), d = p(null), f = p(null), h = s(() => {
|
|
3643
3681
|
d.current && window.clearTimeout(d.current), d.current = null;
|
|
3644
3682
|
}, []);
|
|
@@ -3678,7 +3716,7 @@ function Or({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, cl
|
|
|
3678
3716
|
onPointerUp: h,
|
|
3679
3717
|
onPointerCancel: h,
|
|
3680
3718
|
children: a
|
|
3681
|
-
}), typeof document < "u" &&
|
|
3719
|
+
}), typeof document < "u" && Fe(/* @__PURE__ */ U(g, { children: o && /* @__PURE__ */ U(y.div, {
|
|
3682
3720
|
ref: u,
|
|
3683
3721
|
role: "menu",
|
|
3684
3722
|
initial: {
|
|
@@ -3705,15 +3743,15 @@ function Or({ menu: e, longPressDelay: t = 450, onOpenChange: n, disabled: r, cl
|
|
|
3705
3743
|
}
|
|
3706
3744
|
//#endregion
|
|
3707
3745
|
//#region src/components/DatePicker.tsx
|
|
3708
|
-
function
|
|
3746
|
+
function jr(e) {
|
|
3709
3747
|
let t = new Date(e);
|
|
3710
3748
|
return t.setHours(0, 0, 0, 0), t;
|
|
3711
3749
|
}
|
|
3712
|
-
function
|
|
3713
|
-
return
|
|
3750
|
+
function Mr(e, t) {
|
|
3751
|
+
return jr(e).getTime() === jr(t).getTime();
|
|
3714
3752
|
}
|
|
3715
|
-
function
|
|
3716
|
-
let { strings: s, locale: c } = q(), l = a ?? c, [u, d] = m(() =>
|
|
3753
|
+
function Nr({ value: e, onChange: t, min: n, max: r, weekStartsOn: i = 1, locale: a, className: o }) {
|
|
3754
|
+
let { strings: s, locale: c } = q(), l = a ?? c, [u, d] = m(() => jr(e ?? /* @__PURE__ */ new Date())), p = jr(/* @__PURE__ */ new Date()), { days: h, monthLabel: g, weekdays: _ } = f(() => {
|
|
3717
3755
|
let e = u.getFullYear(), t = u.getMonth(), n = new Date(e, t, 1), r = (n.getDay() - i + 7) % 7, a = new Date(e, t + 1, 0).getDate(), o = Array.from({ length: r }, () => null);
|
|
3718
3756
|
for (let n = 1; n <= a; n++) o.push(new Date(e, t, n));
|
|
3719
3757
|
let s = new Intl.DateTimeFormat(l, { weekday: "narrow" }), c = Array.from({ length: 7 }, (e, t) => s.format(new Date(2024, 0, 7 + (t + i) % 7)));
|
|
@@ -3729,7 +3767,7 @@ function jr({ value: e, onChange: t, min: n, max: r, weekStartsOn: i = 1, locale
|
|
|
3729
3767
|
u,
|
|
3730
3768
|
i,
|
|
3731
3769
|
l
|
|
3732
|
-
]), v = (e) => n && e <
|
|
3770
|
+
]), v = (e) => n && e < jr(n) || r && e > jr(r);
|
|
3733
3771
|
return /* @__PURE__ */ W("div", {
|
|
3734
3772
|
className: G("w-64 select-none [@media(pointer:coarse)]:w-[21rem]", o),
|
|
3735
3773
|
children: [/* @__PURE__ */ W("div", {
|
|
@@ -3764,23 +3802,23 @@ function jr({ value: e, onChange: t, min: n, max: r, weekStartsOn: i = 1, locale
|
|
|
3764
3802
|
type: "button",
|
|
3765
3803
|
disabled: v(n),
|
|
3766
3804
|
onClick: () => t(n),
|
|
3767
|
-
"aria-current":
|
|
3768
|
-
"aria-pressed": e ?
|
|
3769
|
-
className: G("flex h-8 items-center justify-center rounded-lg text-sm tabular-nums transition-colors [@media(pointer:coarse)]:h-11", e &&
|
|
3805
|
+
"aria-current": Mr(n, p) ? "date" : void 0,
|
|
3806
|
+
"aria-pressed": e ? Mr(n, e) : !1,
|
|
3807
|
+
className: G("flex h-8 items-center justify-center rounded-lg text-sm tabular-nums transition-colors [@media(pointer:coarse)]:h-11", e && Mr(n, e) ? "bg-accent font-medium text-on-accent" : Mr(n, p) ? "text-accent hover:bg-fill-2" : "text-fg-2 hover:bg-fill-2 hover:text-fg", v(n) && "pointer-events-none opacity-25"),
|
|
3770
3808
|
children: n.getDate()
|
|
3771
3809
|
}, r) : /* @__PURE__ */ U("span", {}, r))]
|
|
3772
3810
|
})]
|
|
3773
3811
|
});
|
|
3774
3812
|
}
|
|
3775
|
-
function
|
|
3813
|
+
function Pr({ value: e, onChange: t, placeholder: n, withTime: r, disabled: i, id: a, className: o, ...s }) {
|
|
3776
3814
|
let { strings: c, locale: l } = q(), u = Y(), [d, f] = m(!1), p = e ? new Intl.DateTimeFormat(s.locale ?? l, {
|
|
3777
3815
|
dateStyle: "medium",
|
|
3778
3816
|
...r ? { timeStyle: "short" } : {}
|
|
3779
3817
|
}).format(e) : n ?? c.datePickerPlaceholder;
|
|
3780
|
-
return /* @__PURE__ */ W(
|
|
3818
|
+
return /* @__PURE__ */ W(Zn, {
|
|
3781
3819
|
open: d,
|
|
3782
3820
|
onOpenChange: f,
|
|
3783
|
-
children: [/* @__PURE__ */ U(
|
|
3821
|
+
children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
|
|
3784
3822
|
type: "button",
|
|
3785
3823
|
id: a ?? u?.id,
|
|
3786
3824
|
disabled: i,
|
|
@@ -3793,9 +3831,9 @@ function Mr({ value: e, onChange: t, placeholder: n, withTime: r, disabled: i, i
|
|
|
3793
3831
|
className: G("min-w-0 flex-1 truncate", e ? "text-fg" : "text-fg-4"),
|
|
3794
3832
|
children: p
|
|
3795
3833
|
})]
|
|
3796
|
-
}) }), /* @__PURE__ */ W(
|
|
3834
|
+
}) }), /* @__PURE__ */ W(tr, {
|
|
3797
3835
|
className: "p-3",
|
|
3798
|
-
children: [/* @__PURE__ */ U(
|
|
3836
|
+
children: [/* @__PURE__ */ U(Nr, {
|
|
3799
3837
|
value: e,
|
|
3800
3838
|
onChange: (n) => {
|
|
3801
3839
|
r && e && n.setHours(e.getHours(), e.getMinutes()), t(n), r || f(!1);
|
|
@@ -3819,14 +3857,14 @@ function Mr({ value: e, onChange: t, placeholder: n, withTime: r, disabled: i, i
|
|
|
3819
3857
|
}
|
|
3820
3858
|
//#endregion
|
|
3821
3859
|
//#region src/components/Dialog.tsx
|
|
3822
|
-
var
|
|
3860
|
+
var Fr = {
|
|
3823
3861
|
sm: "max-w-sm",
|
|
3824
3862
|
md: "max-w-md",
|
|
3825
3863
|
lg: "max-w-2xl"
|
|
3826
3864
|
};
|
|
3827
|
-
function
|
|
3865
|
+
function Ir({ open: e, onClose: t, title: n, description: r, footer: i, size: a = "md", dismissible: o = !0, className: s, children: c }) {
|
|
3828
3866
|
let { strings: l } = q(), d = u(), f = u(), m = p(null);
|
|
3829
|
-
return
|
|
3867
|
+
return vr(e, t, m), typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: e && /* @__PURE__ */ W("div", {
|
|
3830
3868
|
className: "fixed inset-0 z-50 flex items-end justify-center p-4 sm:items-center",
|
|
3831
3869
|
children: [/* @__PURE__ */ U(y.div, {
|
|
3832
3870
|
className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
|
|
@@ -3842,7 +3880,7 @@ function Pr({ open: e, onClose: t, title: n, description: r, footer: i, size: a
|
|
|
3842
3880
|
"aria-labelledby": n ? d : void 0,
|
|
3843
3881
|
"aria-describedby": r ? f : void 0,
|
|
3844
3882
|
tabIndex: -1,
|
|
3845
|
-
className: G("relative flex max-h-[85dvh] w-full flex-col overflow-hidden outline-none", "rounded-2xl border border-line bg-surface-2 shadow-raised",
|
|
3883
|
+
className: G("relative flex max-h-[85dvh] w-full flex-col overflow-hidden outline-none", "rounded-2xl border border-line bg-surface-2 shadow-raised", Fr[a], s),
|
|
3846
3884
|
initial: {
|
|
3847
3885
|
opacity: 0,
|
|
3848
3886
|
scale: .96,
|
|
@@ -3898,7 +3936,7 @@ function Pr({ open: e, onClose: t, title: n, description: r, footer: i, size: a
|
|
|
3898
3936
|
}
|
|
3899
3937
|
//#endregion
|
|
3900
3938
|
//#region src/components/Diff.tsx
|
|
3901
|
-
function
|
|
3939
|
+
function Lr(e, t) {
|
|
3902
3940
|
let n = e.split("\n"), r = t.split("\n"), i = Array.from({ length: n.length + 1 }, () => Array.from({ length: r.length + 1 }, () => 0));
|
|
3903
3941
|
for (let e = n.length - 1; e >= 0; e--) for (let t = r.length - 1; t >= 0; t--) i[e][t] = n[e] === r[t] ? i[e + 1][t + 1] + 1 : Math.max(i[e + 1][t], i[e][t + 1]);
|
|
3904
3942
|
let a = [], o = 0, s = 0;
|
|
@@ -3928,13 +3966,13 @@ function Fr(e, t) {
|
|
|
3928
3966
|
});
|
|
3929
3967
|
return a;
|
|
3930
3968
|
}
|
|
3931
|
-
var
|
|
3969
|
+
var Rr = {
|
|
3932
3970
|
same: "text-fg-3",
|
|
3933
3971
|
add: "bg-accent/10 text-fg",
|
|
3934
3972
|
remove: "bg-danger/10 text-fg"
|
|
3935
3973
|
};
|
|
3936
|
-
function
|
|
3937
|
-
let { strings: s } = q(), c = n ?? s.diffBefore, l = r ?? s.diffAfter, u = f(() =>
|
|
3974
|
+
function zr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "unified", context: a = 3, className: o }) {
|
|
3975
|
+
let { strings: s } = q(), c = n ?? s.diffBefore, l = r ?? s.diffAfter, u = f(() => Lr(e, t), [e, t]), d = f(() => {
|
|
3938
3976
|
if (!a) return u.map((e) => ({
|
|
3939
3977
|
line: e,
|
|
3940
3978
|
elided: 0
|
|
@@ -3983,7 +4021,7 @@ function Lr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "uni
|
|
|
3983
4021
|
className: "border-b border-line px-3 py-1 text-2xs font-medium text-fg-3",
|
|
3984
4022
|
children: e === "remove" ? c : l
|
|
3985
4023
|
}), u.map((t, n) => t.op === "same" || t.op === e ? /* @__PURE__ */ U("p", {
|
|
3986
|
-
className: G("whitespace-pre px-3 py-0.5 font-mono text-xs", t.op === "same" ? "text-fg-3" :
|
|
4024
|
+
className: G("whitespace-pre px-3 py-0.5 font-mono text-xs", t.op === "same" ? "text-fg-3" : Rr[t.op]),
|
|
3987
4025
|
children: t.text || " "
|
|
3988
4026
|
}, n) : /* @__PURE__ */ U("p", {
|
|
3989
4027
|
"aria-hidden": "true",
|
|
@@ -3994,7 +4032,7 @@ function Lr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "uni
|
|
|
3994
4032
|
}) : /* @__PURE__ */ U("div", {
|
|
3995
4033
|
className: "scrollbar-thin overflow-x-auto py-1",
|
|
3996
4034
|
children: d.map((e, t) => e.line ? /* @__PURE__ */ W("p", {
|
|
3997
|
-
className: G("flex gap-3 whitespace-pre px-3 py-0.5 font-mono text-xs",
|
|
4035
|
+
className: G("flex gap-3 whitespace-pre px-3 py-0.5 font-mono text-xs", Rr[e.line.op]),
|
|
3998
4036
|
children: [/* @__PURE__ */ U("span", {
|
|
3999
4037
|
"aria-hidden": "true",
|
|
4000
4038
|
className: "w-3 shrink-0 select-none text-fg-4",
|
|
@@ -4014,13 +4052,13 @@ function Lr({ before: e, after: t, beforeLabel: n, afterLabel: r, view: i = "uni
|
|
|
4014
4052
|
}
|
|
4015
4053
|
//#endregion
|
|
4016
4054
|
//#region src/components/Progress.tsx
|
|
4017
|
-
var
|
|
4055
|
+
var Br = {
|
|
4018
4056
|
accent: "bg-accent",
|
|
4019
4057
|
info: "bg-info",
|
|
4020
4058
|
warning: "bg-warning",
|
|
4021
4059
|
danger: "bg-danger"
|
|
4022
4060
|
};
|
|
4023
|
-
function
|
|
4061
|
+
function Vr({ value: e, size: t = "md", tone: n = "accent", label: r, className: i }) {
|
|
4024
4062
|
let a = e === void 0;
|
|
4025
4063
|
return /* @__PURE__ */ U("div", {
|
|
4026
4064
|
role: "progressbar",
|
|
@@ -4030,17 +4068,17 @@ function zr({ value: e, size: t = "md", tone: n = "accent", label: r, className:
|
|
|
4030
4068
|
"aria-valuenow": a ? void 0 : Math.round(e),
|
|
4031
4069
|
className: G("relative w-full overflow-hidden rounded-full bg-fill-3", t === "sm" ? "h-1" : "h-1.5", i),
|
|
4032
4070
|
children: /* @__PURE__ */ U("div", {
|
|
4033
|
-
className: G("h-full rounded-full transition-[width] motion-slow ease-out",
|
|
4071
|
+
className: G("h-full rounded-full transition-[width] motion-slow ease-out", Br[n], a && "w-1/3 animate-[indeterminate_1.4s_ease-in-out_infinite]"),
|
|
4034
4072
|
style: a ? void 0 : { width: `${Math.max(0, Math.min(100, e))}%` }
|
|
4035
4073
|
})
|
|
4036
4074
|
});
|
|
4037
4075
|
}
|
|
4038
4076
|
//#endregion
|
|
4039
4077
|
//#region src/lib/format.ts
|
|
4040
|
-
var
|
|
4041
|
-
function
|
|
4078
|
+
var Hr = (e) => /^en(-|$)/i.test(e);
|
|
4079
|
+
function Ur(e, t = Date.now(), n = "en") {
|
|
4042
4080
|
let r = +t - e, i = Math.round(r / 6e4);
|
|
4043
|
-
if (
|
|
4081
|
+
if (Hr(n)) {
|
|
4044
4082
|
if (i < 1) return "Just now";
|
|
4045
4083
|
if (i < 60) return `${i} min ago`;
|
|
4046
4084
|
let e = Math.floor(i / 60);
|
|
@@ -4059,8 +4097,8 @@ function Vr(e, t = Date.now(), n = "en") {
|
|
|
4059
4097
|
let s = Math.floor(o / 24);
|
|
4060
4098
|
return s < 7 ? a.format(-s, "day") : s < 30 ? a.format(-Math.floor(s / 7), "week") : s < 365 ? a.format(-Math.floor(s / 30), "month") : a.format(-Math.floor(s / 365), "year");
|
|
4061
4099
|
}
|
|
4062
|
-
function
|
|
4063
|
-
if (!
|
|
4100
|
+
function Wr(e, t = "en") {
|
|
4101
|
+
if (!Hr(t)) return new Intl.NumberFormat(t, { notation: "compact" }).format(e);
|
|
4064
4102
|
let n = Math.abs(e);
|
|
4065
4103
|
if (n < 1e3) return String(e);
|
|
4066
4104
|
for (let [t, r] of [
|
|
@@ -4073,14 +4111,14 @@ function Hr(e, t = "en") {
|
|
|
4073
4111
|
}
|
|
4074
4112
|
return String(e);
|
|
4075
4113
|
}
|
|
4076
|
-
var
|
|
4114
|
+
var Gr = [
|
|
4077
4115
|
"byte",
|
|
4078
4116
|
"kilobyte",
|
|
4079
4117
|
"megabyte",
|
|
4080
4118
|
"gigabyte",
|
|
4081
4119
|
"terabyte"
|
|
4082
4120
|
];
|
|
4083
|
-
function
|
|
4121
|
+
function Kr(e, t = "en") {
|
|
4084
4122
|
let n = [
|
|
4085
4123
|
"B",
|
|
4086
4124
|
"KB",
|
|
@@ -4089,12 +4127,12 @@ function Wr(e, t = "en") {
|
|
|
4089
4127
|
"TB"
|
|
4090
4128
|
], r = 0, i = e;
|
|
4091
4129
|
for (; i >= 1024 && r < n.length - 1;) i /= 1024, r++;
|
|
4092
|
-
if (r === 0 && (i = Math.round(i)),
|
|
4130
|
+
if (r === 0 && (i = Math.round(i)), Hr(t)) return `${r === 0 ? i : i.toFixed(i >= 10 ? 0 : 1)} ${n[r]}`;
|
|
4093
4131
|
let a = r === 0 || i >= 10 ? 0 : 1;
|
|
4094
4132
|
try {
|
|
4095
4133
|
return new Intl.NumberFormat(t, {
|
|
4096
4134
|
style: "unit",
|
|
4097
|
-
unit:
|
|
4135
|
+
unit: Gr[r],
|
|
4098
4136
|
unitDisplay: "short",
|
|
4099
4137
|
maximumFractionDigits: a
|
|
4100
4138
|
}).format(i);
|
|
@@ -4104,7 +4142,7 @@ function Wr(e, t = "en") {
|
|
|
4104
4142
|
}
|
|
4105
4143
|
//#endregion
|
|
4106
4144
|
//#region src/components/DownloadItem.tsx
|
|
4107
|
-
function
|
|
4145
|
+
function qr(e, t, n) {
|
|
4108
4146
|
if (n === void 0 || !Number.isFinite(n)) return "";
|
|
4109
4147
|
if (n < 60) return e.downloadLeftSeconds(Math.round(n));
|
|
4110
4148
|
if (n < 3600) return e.downloadLeftMinutes(Math.round(n / 60));
|
|
@@ -4114,18 +4152,18 @@ function Gr(e, t, n) {
|
|
|
4114
4152
|
}).format(n / 3600);
|
|
4115
4153
|
return e.downloadLeftHours(r);
|
|
4116
4154
|
}
|
|
4117
|
-
function
|
|
4118
|
-
let { strings: p, locale: m } = q(), h = (e) => e === void 0 ? "" :
|
|
4155
|
+
function Jr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size: o, error: s, onPause: c, onResume: l, onCancel: u, onRetry: d, className: f }) {
|
|
4156
|
+
let { strings: p, locale: m } = q(), h = (e) => e === void 0 ? "" : Kr(e, m), g = r === void 0 ? void 0 : Math.round(r * 100), _ = n === "done", v = n === "failed", y = v ? s ?? p.downloadFailed : _ ? h(o) : n === "queued" ? p.downloadWaiting : n === "verifying" ? p.downloadVerifying : n === "paused" ? `${p.downloadPaused}${o ? ` · ${p.downloadProgress(h((r ?? 0) * o), h(o))}` : ""}` : [
|
|
4119
4157
|
o ? p.downloadProgress(h((r ?? 0) * o), h(o)) : void 0,
|
|
4120
4158
|
i ? p.downloadSpeed(h(i)) : void 0,
|
|
4121
|
-
|
|
4159
|
+
qr(p, m, a)
|
|
4122
4160
|
].filter(Boolean).join(" · ");
|
|
4123
4161
|
return /* @__PURE__ */ W("div", {
|
|
4124
4162
|
className: G("flex items-center gap-3 rounded-xl border border-line bg-surface-1 p-3", f),
|
|
4125
4163
|
children: [
|
|
4126
4164
|
/* @__PURE__ */ U("span", {
|
|
4127
4165
|
className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", _ ? "border-accent/30 bg-accent/12 text-accent" : v ? "border-danger/30 bg-danger/12 text-danger" : "border-line bg-fill-2 text-fg-3"),
|
|
4128
|
-
children: _ ? /* @__PURE__ */ U(M, { size: 18 }) : v ? /* @__PURE__ */ U(T, { size: 18 }) : n === "verifying" ? /* @__PURE__ */ U(
|
|
4166
|
+
children: _ ? /* @__PURE__ */ U(M, { size: 18 }) : v ? /* @__PURE__ */ U(T, { size: 18 }) : n === "verifying" ? /* @__PURE__ */ U(or, { size: "md" }) : /* @__PURE__ */ U(z, { size: 18 })
|
|
4129
4167
|
}),
|
|
4130
4168
|
/* @__PURE__ */ W("div", {
|
|
4131
4169
|
className: "min-w-0 flex-1 space-y-1.5",
|
|
@@ -4144,7 +4182,7 @@ function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size
|
|
|
4144
4182
|
className: "truncate text-sm text-fg-3",
|
|
4145
4183
|
children: t
|
|
4146
4184
|
}),
|
|
4147
|
-
!_ && !v && /* @__PURE__ */ U(
|
|
4185
|
+
!_ && !v && /* @__PURE__ */ U(Vr, {
|
|
4148
4186
|
value: n === "queued" || n === "verifying" ? void 0 : g,
|
|
4149
4187
|
size: "sm"
|
|
4150
4188
|
}),
|
|
@@ -4188,7 +4226,7 @@ function Kr({ name: e, detail: t, status: n, progress: r, speed: i, eta: a, size
|
|
|
4188
4226
|
}
|
|
4189
4227
|
//#endregion
|
|
4190
4228
|
//#region src/components/Dropzone.tsx
|
|
4191
|
-
function
|
|
4229
|
+
function Yr({ onFiles: e, accept: t, multiple: n, maxSize: r, onReject: i, disabled: a, children: o, hint: s, className: c }) {
|
|
4192
4230
|
let { strings: l } = q(), u = Y(), d = p(null), [f, h] = m(!1), g = (e) => !t || t.split(",").some((t) => {
|
|
4193
4231
|
let n = t.trim();
|
|
4194
4232
|
return n.endsWith("/*") ? e.type.startsWith(n.slice(0, -1)) : n.startsWith(".") ? e.name.toLowerCase().endsWith(n.toLowerCase()) : e.type === n;
|
|
@@ -4237,7 +4275,7 @@ function qr({ onFiles: e, accept: t, multiple: n, maxSize: r, onReject: i, disab
|
|
|
4237
4275
|
}
|
|
4238
4276
|
//#endregion
|
|
4239
4277
|
//#region src/components/EmptyState.tsx
|
|
4240
|
-
function
|
|
4278
|
+
function Xr({ icon: e, title: t, description: n, action: r, size: i = "md", className: a }) {
|
|
4241
4279
|
return /* @__PURE__ */ W("div", {
|
|
4242
4280
|
className: G("flex flex-col items-center text-center", i === "md" ? "px-6 py-14" : "px-4 py-8", a),
|
|
4243
4281
|
children: [
|
|
@@ -4260,7 +4298,7 @@ function Jr({ icon: e, title: t, description: n, action: r, size: i = "md", clas
|
|
|
4260
4298
|
]
|
|
4261
4299
|
});
|
|
4262
4300
|
}
|
|
4263
|
-
function
|
|
4301
|
+
function Zr({ title: e, description: t, onRetry: n, retryLabel: r, size: i = "md", className: a }) {
|
|
4264
4302
|
let { strings: o } = q(), s = e ?? o.errorStateTitle;
|
|
4265
4303
|
return /* @__PURE__ */ W("div", {
|
|
4266
4304
|
className: G("flex flex-col items-center text-center", i === "md" ? "px-6 py-14" : "px-4 py-8", a),
|
|
@@ -4289,8 +4327,8 @@ function Yr({ title: e, description: t, onRetry: n, retryLabel: r, size: i = "md
|
|
|
4289
4327
|
}
|
|
4290
4328
|
//#endregion
|
|
4291
4329
|
//#region src/components/FilterBar.tsx
|
|
4292
|
-
var
|
|
4293
|
-
function
|
|
4330
|
+
var Qr = 28;
|
|
4331
|
+
function $r({ options: e, value: t, onChange: n, className: r, ...i }) {
|
|
4294
4332
|
let a = p(null), [o, s] = m({
|
|
4295
4333
|
start: !1,
|
|
4296
4334
|
end: !1
|
|
@@ -4311,7 +4349,7 @@ function Zr({ options: e, value: t, onChange: n, className: r, ...i }) {
|
|
|
4311
4349
|
e.removeEventListener("scroll", t), n.disconnect();
|
|
4312
4350
|
};
|
|
4313
4351
|
}, [e.length]);
|
|
4314
|
-
let c = o.start && o.end ? `linear-gradient(to right, transparent, black ${
|
|
4352
|
+
let c = o.start && o.end ? `linear-gradient(to right, transparent, black ${Qr}px, black calc(100% - ${Qr}px), transparent)` : o.end ? `linear-gradient(to right, black calc(100% - ${Qr}px), transparent)` : o.start ? `linear-gradient(to right, transparent, black ${Qr}px)` : void 0;
|
|
4315
4353
|
return /* @__PURE__ */ U("div", {
|
|
4316
4354
|
ref: a,
|
|
4317
4355
|
role: "radiogroup",
|
|
@@ -4323,7 +4361,7 @@ function Zr({ options: e, value: t, onChange: n, className: r, ...i }) {
|
|
|
4323
4361
|
} : void 0,
|
|
4324
4362
|
children: e.map((e) => {
|
|
4325
4363
|
let r = e.value === t;
|
|
4326
|
-
return /* @__PURE__ */ W(
|
|
4364
|
+
return /* @__PURE__ */ W(Vn, {
|
|
4327
4365
|
role: "radio",
|
|
4328
4366
|
"aria-checked": r,
|
|
4329
4367
|
selected: r,
|
|
@@ -4340,13 +4378,13 @@ function Zr({ options: e, value: t, onChange: n, className: r, ...i }) {
|
|
|
4340
4378
|
}
|
|
4341
4379
|
//#endregion
|
|
4342
4380
|
//#region src/components/Form.tsx
|
|
4343
|
-
var
|
|
4344
|
-
function
|
|
4345
|
-
let e = c(
|
|
4381
|
+
var ei = r(null);
|
|
4382
|
+
function ti() {
|
|
4383
|
+
let e = c(ei);
|
|
4346
4384
|
if (!e) throw Error("useForm must be used inside <Form>");
|
|
4347
4385
|
return e;
|
|
4348
4386
|
}
|
|
4349
|
-
function
|
|
4387
|
+
function ni({ initial: e, onSubmit: t, validate: n, guardUnload: r = !0, children: i, className: a }) {
|
|
4350
4388
|
let [o, c] = m(e), [u, d] = m({}), [h, g] = m(!1), _ = p(e), v = f(() => JSON.stringify(o) !== JSON.stringify(_.current), [o]);
|
|
4351
4389
|
l(() => {
|
|
4352
4390
|
if (!r || !v) return;
|
|
@@ -4390,7 +4428,7 @@ function ei({ initial: e, onSubmit: t, validate: n, guardUnload: r = !0, childre
|
|
|
4390
4428
|
patch: b,
|
|
4391
4429
|
reset: x
|
|
4392
4430
|
};
|
|
4393
|
-
return /* @__PURE__ */ U(
|
|
4431
|
+
return /* @__PURE__ */ U(ei.Provider, {
|
|
4394
4432
|
value: C,
|
|
4395
4433
|
children: /* @__PURE__ */ U("form", {
|
|
4396
4434
|
onSubmit: S,
|
|
@@ -4400,8 +4438,8 @@ function ei({ initial: e, onSubmit: t, validate: n, guardUnload: r = !0, childre
|
|
|
4400
4438
|
})
|
|
4401
4439
|
});
|
|
4402
4440
|
}
|
|
4403
|
-
function
|
|
4404
|
-
let { strings: a } = q(), { dirty: o, submitting: s, reset: c } =
|
|
4441
|
+
function ri({ submitLabel: e, cancelLabel: t, onCancel: n, sticky: r, children: i }) {
|
|
4442
|
+
let { strings: a } = q(), { dirty: o, submitting: s, reset: c } = ti();
|
|
4405
4443
|
return /* @__PURE__ */ W("div", {
|
|
4406
4444
|
className: G("flex items-center gap-2 border-t border-line pt-4", r && "sticky bottom-0 -mx-4 mt-0 bg-surface/90 px-4 pb-[calc(var(--safe-bottom)+12px)] backdrop-blur-md"),
|
|
4407
4445
|
children: [
|
|
@@ -4430,9 +4468,9 @@ function ti({ submitLabel: e, cancelLabel: t, onCancel: n, sticky: r, children:
|
|
|
4430
4468
|
]
|
|
4431
4469
|
});
|
|
4432
4470
|
}
|
|
4433
|
-
function
|
|
4471
|
+
function ii(e) {
|
|
4434
4472
|
let { strings: t } = q();
|
|
4435
|
-
return s(async () => !e ||
|
|
4473
|
+
return s(async () => !e || Or({
|
|
4436
4474
|
title: t.formDiscardTitle,
|
|
4437
4475
|
message: t.formDiscardMessage,
|
|
4438
4476
|
confirmLabel: t.formDiscardConfirm,
|
|
@@ -4442,7 +4480,7 @@ function ni(e) {
|
|
|
4442
4480
|
}
|
|
4443
4481
|
//#endregion
|
|
4444
4482
|
//#region src/components/HoverCard.tsx
|
|
4445
|
-
function
|
|
4483
|
+
function ai({ content: e, openDelay: t = 400, closeDelay: r = 150, side: i = "top", children: a }) {
|
|
4446
4484
|
let [o, s] = m(!1), c = p(null);
|
|
4447
4485
|
l(() => () => {
|
|
4448
4486
|
c.current && window.clearTimeout(c.current);
|
|
@@ -4457,10 +4495,10 @@ function ri({ content: e, openDelay: t = 400, closeDelay: r = 150, side: i = "to
|
|
|
4457
4495
|
d.onPointerLeave?.(e), u(!1);
|
|
4458
4496
|
}
|
|
4459
4497
|
});
|
|
4460
|
-
return /* @__PURE__ */ W(
|
|
4498
|
+
return /* @__PURE__ */ W(Zn, {
|
|
4461
4499
|
open: o,
|
|
4462
4500
|
onOpenChange: s,
|
|
4463
|
-
children: [/* @__PURE__ */ U(
|
|
4501
|
+
children: [/* @__PURE__ */ U($n, { children: f }), /* @__PURE__ */ U(tr, {
|
|
4464
4502
|
side: i,
|
|
4465
4503
|
align: "center",
|
|
4466
4504
|
className: "w-72 p-0",
|
|
@@ -4474,15 +4512,15 @@ function ri({ content: e, openDelay: t = 400, closeDelay: r = 150, side: i = "to
|
|
|
4474
4512
|
}
|
|
4475
4513
|
//#endregion
|
|
4476
4514
|
//#region src/components/Icon.tsx
|
|
4477
|
-
var
|
|
4515
|
+
var oi = {
|
|
4478
4516
|
sm: 14,
|
|
4479
4517
|
md: 16,
|
|
4480
4518
|
lg: 18,
|
|
4481
4519
|
xl: 22
|
|
4482
4520
|
};
|
|
4483
|
-
function
|
|
4521
|
+
function si({ as: e, size: t = "md", label: n, strokeWidth: r = 2, className: a }) {
|
|
4484
4522
|
return i(e, {
|
|
4485
|
-
size:
|
|
4523
|
+
size: oi[t],
|
|
4486
4524
|
strokeWidth: r,
|
|
4487
4525
|
"aria-hidden": !n || void 0,
|
|
4488
4526
|
...n ? {
|
|
@@ -4494,7 +4532,7 @@ function ai({ as: e, size: t = "md", label: n, strokeWidth: r = 2, className: a
|
|
|
4494
4532
|
}
|
|
4495
4533
|
//#endregion
|
|
4496
4534
|
//#region src/components/ImageViewer.tsx
|
|
4497
|
-
function
|
|
4535
|
+
function ci({ images: e, index: t, onIndexChange: n }) {
|
|
4498
4536
|
let { strings: r } = q(), [i, a] = m(1), o = t !== null, c = o ? e[t] : null, u = p(null), d = s((r) => {
|
|
4499
4537
|
t !== null && (n(Math.min(e.length - 1, Math.max(0, t + r))), a(1));
|
|
4500
4538
|
}, [
|
|
@@ -4519,7 +4557,7 @@ function oi({ images: e, index: t, onIndexChange: n }) {
|
|
|
4519
4557
|
d
|
|
4520
4558
|
]), l(() => {
|
|
4521
4559
|
o || a(1);
|
|
4522
|
-
}, [o]), typeof document > "u" ? null :
|
|
4560
|
+
}, [o]), typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: o && c && /* @__PURE__ */ W(y.div, {
|
|
4523
4561
|
role: "dialog",
|
|
4524
4562
|
"aria-modal": "true",
|
|
4525
4563
|
"aria-label": c.alt,
|
|
@@ -4611,7 +4649,7 @@ function oi({ images: e, index: t, onIndexChange: n }) {
|
|
|
4611
4649
|
}
|
|
4612
4650
|
//#endregion
|
|
4613
4651
|
//#region src/components/InfiniteScroll.tsx
|
|
4614
|
-
function
|
|
4652
|
+
function li({ onLoadMore: e, disabled: t = !1, loading: n = !1, endMessage: r, rootMargin: i = "600px", className: a }) {
|
|
4615
4653
|
let { strings: o } = q(), s = p(null), c = p(e);
|
|
4616
4654
|
return c.current = e, l(() => {
|
|
4617
4655
|
let e = s.current;
|
|
@@ -4628,7 +4666,7 @@ function si({ onLoadMore: e, disabled: t = !1, loading: n = !1, endMessage: r, r
|
|
|
4628
4666
|
className: "h-px w-px",
|
|
4629
4667
|
"aria-hidden": "true"
|
|
4630
4668
|
}),
|
|
4631
|
-
n && /* @__PURE__ */ U(
|
|
4669
|
+
n && /* @__PURE__ */ U(or, { label: o.infiniteScrollLoading }),
|
|
4632
4670
|
!n && t && r && /* @__PURE__ */ U("p", {
|
|
4633
4671
|
className: "text-sm text-fg-3",
|
|
4634
4672
|
children: r
|
|
@@ -4638,7 +4676,7 @@ function si({ onLoadMore: e, disabled: t = !1, loading: n = !1, endMessage: r, r
|
|
|
4638
4676
|
}
|
|
4639
4677
|
//#endregion
|
|
4640
4678
|
//#region src/components/List.tsx
|
|
4641
|
-
function
|
|
4679
|
+
function ui({ label: e, className: t, children: n, ...r }) {
|
|
4642
4680
|
return /* @__PURE__ */ W("section", {
|
|
4643
4681
|
className: G("space-y-2", t),
|
|
4644
4682
|
...r,
|
|
@@ -4651,7 +4689,7 @@ function ci({ label: e, className: t, children: n, ...r }) {
|
|
|
4651
4689
|
})]
|
|
4652
4690
|
});
|
|
4653
4691
|
}
|
|
4654
|
-
var
|
|
4692
|
+
var di = {
|
|
4655
4693
|
neutral: "border-line text-fg-3",
|
|
4656
4694
|
accent: "border-line text-accent",
|
|
4657
4695
|
danger: "border-line text-danger",
|
|
@@ -4659,10 +4697,10 @@ var li = {
|
|
|
4659
4697
|
info: "border-line text-info",
|
|
4660
4698
|
secondary: "border-line text-secondary"
|
|
4661
4699
|
};
|
|
4662
|
-
function
|
|
4700
|
+
function fi({ icon: e, tone: t = "neutral", title: n, description: r, trailing: i, chevron: a }) {
|
|
4663
4701
|
return /* @__PURE__ */ W(H, { children: [
|
|
4664
4702
|
e && /* @__PURE__ */ U("span", {
|
|
4665
|
-
className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border",
|
|
4703
|
+
className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", di[t]),
|
|
4666
4704
|
children: e
|
|
4667
4705
|
}),
|
|
4668
4706
|
/* @__PURE__ */ W("span", {
|
|
@@ -4685,12 +4723,12 @@ function ui({ icon: e, tone: t = "neutral", title: n, description: r, trailing:
|
|
|
4685
4723
|
})
|
|
4686
4724
|
] });
|
|
4687
4725
|
}
|
|
4688
|
-
var
|
|
4689
|
-
function
|
|
4726
|
+
var pi = "group row-py flex w-full items-center gap-3 px-4 text-left";
|
|
4727
|
+
function mi({ icon: e, tone: t, title: n, description: r, trailing: i, chevron: a, className: o, ...s }) {
|
|
4690
4728
|
return /* @__PURE__ */ U("div", {
|
|
4691
|
-
className: G(
|
|
4729
|
+
className: G(pi, o),
|
|
4692
4730
|
...s,
|
|
4693
|
-
children: /* @__PURE__ */ U(
|
|
4731
|
+
children: /* @__PURE__ */ U(fi, {
|
|
4694
4732
|
icon: e,
|
|
4695
4733
|
tone: t,
|
|
4696
4734
|
title: n,
|
|
@@ -4700,15 +4738,15 @@ function fi({ icon: e, tone: t, title: n, description: r, trailing: i, chevron:
|
|
|
4700
4738
|
})
|
|
4701
4739
|
});
|
|
4702
4740
|
}
|
|
4703
|
-
var
|
|
4741
|
+
var hi = a(function({ icon: e, tone: t, title: n, description: r, trailing: i, chevron: a = !0, className: o, type: s = "button", ...c }, l) {
|
|
4704
4742
|
return /* @__PURE__ */ U(y.button, {
|
|
4705
4743
|
ref: l,
|
|
4706
4744
|
type: s,
|
|
4707
4745
|
whileTap: { scale: .995 },
|
|
4708
4746
|
transition: K.instant,
|
|
4709
|
-
className: G(
|
|
4747
|
+
className: G(pi, "touch-target transition-colors motion-instant hover:bg-fill-2 disabled:pointer-events-none disabled:opacity-40", o),
|
|
4710
4748
|
...c,
|
|
4711
|
-
children: /* @__PURE__ */ U(
|
|
4749
|
+
children: /* @__PURE__ */ U(fi, {
|
|
4712
4750
|
icon: e,
|
|
4713
4751
|
tone: t,
|
|
4714
4752
|
title: n,
|
|
@@ -4718,10 +4756,10 @@ var pi = a(function({ icon: e, tone: t, title: n, description: r, trailing: i, c
|
|
|
4718
4756
|
})
|
|
4719
4757
|
});
|
|
4720
4758
|
});
|
|
4721
|
-
|
|
4759
|
+
hi.displayName = "ListRowButton";
|
|
4722
4760
|
//#endregion
|
|
4723
4761
|
//#region src/components/Masonry.tsx
|
|
4724
|
-
function
|
|
4762
|
+
function gi({ children: t, minColumnWidth: n = 180, maxColumns: r = 6, gap: i = 8, className: a }) {
|
|
4725
4763
|
let o = p(null), [s, c] = m(0);
|
|
4726
4764
|
l(() => {
|
|
4727
4765
|
let e = o.current;
|
|
@@ -4748,14 +4786,14 @@ function mi({ children: t, minColumnWidth: n = 180, maxColumns: r = 6, gap: i =
|
|
|
4748
4786
|
}
|
|
4749
4787
|
//#endregion
|
|
4750
4788
|
//#region src/components/MediaCard.tsx
|
|
4751
|
-
var
|
|
4789
|
+
var _i = {
|
|
4752
4790
|
accent: "bg-accent",
|
|
4753
4791
|
info: "bg-info",
|
|
4754
4792
|
warning: "bg-warning",
|
|
4755
4793
|
secondary: "bg-secondary",
|
|
4756
4794
|
neutral: "bg-fg-3"
|
|
4757
|
-
},
|
|
4758
|
-
let [f, p] = m(!1), h =
|
|
4795
|
+
}, vi = a(function({ title: e, description: t, image: n, kind: r, tone: i = "neutral", tag: a, meta: o, selected: s, className: c, type: l = "button", ...u }, d) {
|
|
4796
|
+
let [f, p] = m(!1), h = wn(e), g = !!n && !f;
|
|
4759
4797
|
return /* @__PURE__ */ W(y.button, {
|
|
4760
4798
|
ref: d,
|
|
4761
4799
|
type: l,
|
|
@@ -4784,7 +4822,7 @@ var hi = {
|
|
|
4784
4822
|
}),
|
|
4785
4823
|
r && /* @__PURE__ */ W("span", {
|
|
4786
4824
|
className: "absolute left-2.5 top-2.5 z-10 inline-flex items-center gap-1.5 rounded-full border border-white/12 bg-black/55 px-2 py-1 text-2xs font-medium text-white/90 backdrop-blur-md",
|
|
4787
|
-
children: [/* @__PURE__ */ U("span", { className: G("h-1.5 w-1.5 rounded-full",
|
|
4825
|
+
children: [/* @__PURE__ */ U("span", { className: G("h-1.5 w-1.5 rounded-full", _i[i]) }), r]
|
|
4788
4826
|
}),
|
|
4789
4827
|
o && /* @__PURE__ */ U("span", {
|
|
4790
4828
|
className: "absolute right-2.5 top-2.5 z-10 rounded-full border border-white/12 bg-black/55 px-2 py-1 text-2xs font-medium tabular-nums text-white/90 backdrop-blur-md",
|
|
@@ -4809,8 +4847,8 @@ var hi = {
|
|
|
4809
4847
|
]
|
|
4810
4848
|
});
|
|
4811
4849
|
});
|
|
4812
|
-
|
|
4813
|
-
function
|
|
4850
|
+
vi.displayName = "MediaCard";
|
|
4851
|
+
function yi() {
|
|
4814
4852
|
return /* @__PURE__ */ W("div", {
|
|
4815
4853
|
className: "relative aspect-3/4 w-full overflow-hidden rounded-2xl border border-line",
|
|
4816
4854
|
children: [/* @__PURE__ */ U($, {
|
|
@@ -4830,7 +4868,7 @@ function _i() {
|
|
|
4830
4868
|
}
|
|
4831
4869
|
//#endregion
|
|
4832
4870
|
//#region src/components/MediaTile.tsx
|
|
4833
|
-
var
|
|
4871
|
+
var bi = a(function({ src: e, alt: t, kind: n, variantCount: r, selected: i, aspect: a = "square", className: o, type: s = "button", ...c }, l) {
|
|
4834
4872
|
let [u, d] = m(!1);
|
|
4835
4873
|
return /* @__PURE__ */ W(y.button, {
|
|
4836
4874
|
ref: l,
|
|
@@ -4864,8 +4902,8 @@ var vi = a(function({ src: e, alt: t, kind: n, variantCount: r, selected: i, asp
|
|
|
4864
4902
|
]
|
|
4865
4903
|
});
|
|
4866
4904
|
});
|
|
4867
|
-
|
|
4868
|
-
function
|
|
4905
|
+
bi.displayName = "MediaTile";
|
|
4906
|
+
function xi({ aspect: e = "square" }) {
|
|
4869
4907
|
return /* @__PURE__ */ U($, {
|
|
4870
4908
|
shape: "block",
|
|
4871
4909
|
className: G("w-full rounded-xl", e === "square" ? "aspect-square" : "aspect-3/4")
|
|
@@ -4873,32 +4911,32 @@ function yi({ aspect: e = "square" }) {
|
|
|
4873
4911
|
}
|
|
4874
4912
|
//#endregion
|
|
4875
4913
|
//#region src/components/Message.tsx
|
|
4876
|
-
var
|
|
4914
|
+
var Si = {
|
|
4877
4915
|
small: "text-sm",
|
|
4878
4916
|
medium: "text-base",
|
|
4879
4917
|
large: "text-lg",
|
|
4880
4918
|
xlarge: "text-xl"
|
|
4881
|
-
},
|
|
4919
|
+
}, Ci = {
|
|
4882
4920
|
tight: "leading-snug",
|
|
4883
4921
|
normal: "leading-normal",
|
|
4884
4922
|
relaxed: "leading-relaxed"
|
|
4885
|
-
},
|
|
4923
|
+
}, wi = {
|
|
4886
4924
|
sharp: "rounded-md",
|
|
4887
4925
|
rounded: "rounded-xl",
|
|
4888
4926
|
pill: "rounded-2xl"
|
|
4889
|
-
},
|
|
4927
|
+
}, Ti = {
|
|
4890
4928
|
compact: "max-w-[min(calc(100%-3rem),30rem)]",
|
|
4891
4929
|
normal: "max-w-[min(calc(100%-1.5rem),36rem)]",
|
|
4892
4930
|
wide: "max-w-[min(100%,44rem)]"
|
|
4893
|
-
},
|
|
4931
|
+
}, Ei = {
|
|
4894
4932
|
compact: "px-3 py-2",
|
|
4895
4933
|
normal: "px-4 py-2.5",
|
|
4896
4934
|
spacious: "px-5 py-3.5"
|
|
4897
|
-
},
|
|
4935
|
+
}, Di = {
|
|
4898
4936
|
small: "xs",
|
|
4899
4937
|
medium: "sm",
|
|
4900
4938
|
large: "md"
|
|
4901
|
-
},
|
|
4939
|
+
}, Oi = {
|
|
4902
4940
|
fontSize: "medium",
|
|
4903
4941
|
lineSpacing: "relaxed",
|
|
4904
4942
|
radius: "rounded",
|
|
@@ -4909,11 +4947,11 @@ var bi = {
|
|
|
4909
4947
|
avatarSize: "medium",
|
|
4910
4948
|
headerPlacement: "below"
|
|
4911
4949
|
};
|
|
4912
|
-
function
|
|
4950
|
+
function ki({ role: e, children: t, author: n, timestamp: r, state: i = "idle", reasoning: a, attachments: o, variants: s, group: c = "only", pinned: l, held: u, menu: d, menuTitle: f, onMenu: p, appearance: h, className: g }) {
|
|
4913
4951
|
let { strings: _ } = q(), v = {
|
|
4914
|
-
...
|
|
4952
|
+
...Oi,
|
|
4915
4953
|
...h
|
|
4916
|
-
}, b = e === "user", { hasBackground: x, tone: S } =
|
|
4954
|
+
}, b = e === "user", { hasBackground: x, tone: S } = Dn(), C = c === "only" || c === "start", w = c === "only" || c === (v.headerPlacement === "below" ? "end" : "start"), [T, E] = m(!1), D = u || T, O = p ?? (d ? () => E(!0) : void 0), k = mr(O, { enabled: !!O }), A = !!(s && s.total > 1), ee = (e, t) => {
|
|
4917
4955
|
if (!s) return;
|
|
4918
4956
|
let n = Math.abs(t.offset.x) > 40, r = Math.abs(t.velocity.x) > 320;
|
|
4919
4957
|
(n || r) && (t.offset.x < 0 ? s.index < s.total - 1 && s.onNext() : s.index > 0 && s.onPrev());
|
|
@@ -4958,7 +4996,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
|
|
|
4958
4996
|
whileDrag: { cursor: "grabbing" },
|
|
4959
4997
|
onDragEnd: ee
|
|
4960
4998
|
} : {},
|
|
4961
|
-
className: G("relative min-w-0",
|
|
4999
|
+
className: G("relative min-w-0", Si[v.fontSize], Ci[v.lineSpacing], j ? G("w-fit text-fg-2", Ti[v.maxWidth], v.style !== "minimal" && Ei[v.padding], e === "system" && "text-sm leading-normal", e === "system" && v.style !== "minimal" && "px-3 py-2", v.style !== "minimal" && wi[v.radius], x && v.style !== "minimal" && "backdrop-blur-md", v.style === "filled" && (x ? S === "light" ? "border border-black/10 bg-white/45" : "border border-white/10 bg-black/45" : "border border-line bg-fill"), v.style === "bordered" && "border border-line-2") : G("w-fit", Ti[v.maxWidth], v.style !== "minimal" && Ei[v.padding], v.style !== "minimal" && wi[v.radius], v.style === "minimal" && "text-fg", v.style === "filled" && (b ? "bg-accent/22 text-fg" : "bg-fill-2 text-fg"), x && v.style !== "minimal" && "backdrop-blur-md", x && v.style === "filled" && S === "dark" && (b ? "bg-accent/35" : "border border-white/10 bg-black/35"), x && v.style === "filled" && S === "light" && (b ? "bg-accent/40" : "border border-black/10 bg-white/55"), v.style === "bordered" && (b ? "border border-accent/40 text-fg" : "border border-line-2 text-fg"), b && "ml-auto"), A && "pb-6", D && "ring-2 ring-accent/50"),
|
|
4962
5000
|
children: [
|
|
4963
5001
|
v.headerPlacement === "inside" && P && /* @__PURE__ */ U("div", {
|
|
4964
5002
|
className: "mb-1.5",
|
|
@@ -4968,7 +5006,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
|
|
|
4968
5006
|
className: "mb-2",
|
|
4969
5007
|
children: o
|
|
4970
5008
|
}),
|
|
4971
|
-
i === "typing" ? /* @__PURE__ */ U(
|
|
5009
|
+
i === "typing" ? /* @__PURE__ */ U(ji, {}) : t,
|
|
4972
5010
|
i === "streaming" && /* @__PURE__ */ U("span", {
|
|
4973
5011
|
"aria-hidden": "true",
|
|
4974
5012
|
className: "ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-pulse bg-accent"
|
|
@@ -4986,10 +5024,10 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
|
|
|
4986
5024
|
}), ne = /* @__PURE__ */ W("div", {
|
|
4987
5025
|
...O ? k.handlers : {},
|
|
4988
5026
|
className: G("group/message flex w-full gap-2", c === "start" || c === "only" ? "mt-5 first:mt-0" : "mt-1", b ? "flex-row-reverse" : "flex-row", g),
|
|
4989
|
-
children: [te ? /* @__PURE__ */ U(
|
|
5027
|
+
children: [te ? /* @__PURE__ */ U(Xt, {
|
|
4990
5028
|
name: n.name,
|
|
4991
5029
|
src: n.avatar,
|
|
4992
|
-
size:
|
|
5030
|
+
size: Di[v.avatarSize],
|
|
4993
5031
|
className: G("mt-0.5", v.avatar === "rounded" && "rounded-lg")
|
|
4994
5032
|
}) : j && v.avatar !== "hidden" && C ? /* @__PURE__ */ U("span", {
|
|
4995
5033
|
"aria-hidden": "true",
|
|
@@ -5002,7 +5040,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
|
|
|
5002
5040
|
className: G("flex min-w-0 flex-1 flex-col gap-0.5", b && "items-end"),
|
|
5003
5041
|
children: [
|
|
5004
5042
|
v.headerPlacement === "outside" && P,
|
|
5005
|
-
a && /* @__PURE__ */ U(
|
|
5043
|
+
a && /* @__PURE__ */ U(Ai, {
|
|
5006
5044
|
label: a.label,
|
|
5007
5045
|
align: b ? "end" : "start",
|
|
5008
5046
|
children: a.text
|
|
@@ -5025,7 +5063,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
|
|
|
5025
5063
|
]
|
|
5026
5064
|
})]
|
|
5027
5065
|
});
|
|
5028
|
-
return !d || p ? ne : /* @__PURE__ */ W(H, { children: [ne, /* @__PURE__ */ U(
|
|
5066
|
+
return !d || p ? ne : /* @__PURE__ */ W(H, { children: [ne, /* @__PURE__ */ U(Tr, {
|
|
5029
5067
|
open: T,
|
|
5030
5068
|
onClose: () => E(!1),
|
|
5031
5069
|
title: f ?? _.messageMenuTitle,
|
|
@@ -5036,7 +5074,7 @@ function Di({ role: e, children: t, author: n, timestamp: r, state: i = "idle",
|
|
|
5036
5074
|
})
|
|
5037
5075
|
})] });
|
|
5038
5076
|
}
|
|
5039
|
-
function
|
|
5077
|
+
function Ai({ label: e, align: t = "start", children: n }) {
|
|
5040
5078
|
let { strings: r } = q(), [i, a] = m(!1);
|
|
5041
5079
|
return /* @__PURE__ */ W("div", {
|
|
5042
5080
|
className: G("flex w-full flex-col", t === "end" ? "items-end" : "items-start"),
|
|
@@ -5081,7 +5119,7 @@ function Oi({ label: e, align: t = "start", children: n }) {
|
|
|
5081
5119
|
})]
|
|
5082
5120
|
});
|
|
5083
5121
|
}
|
|
5084
|
-
function
|
|
5122
|
+
function ji({ className: e }) {
|
|
5085
5123
|
let { strings: t } = q();
|
|
5086
5124
|
return /* @__PURE__ */ U("span", {
|
|
5087
5125
|
className: G("flex items-center gap-1 py-1", e),
|
|
@@ -5112,7 +5150,7 @@ function ki({ className: e }) {
|
|
|
5112
5150
|
}, e))
|
|
5113
5151
|
});
|
|
5114
5152
|
}
|
|
5115
|
-
function
|
|
5153
|
+
function Mi({ children: e }) {
|
|
5116
5154
|
return /* @__PURE__ */ W("div", {
|
|
5117
5155
|
className: "flex items-center gap-3 py-3",
|
|
5118
5156
|
children: [
|
|
@@ -5127,7 +5165,7 @@ function Ai({ children: e }) {
|
|
|
5127
5165
|
}
|
|
5128
5166
|
//#endregion
|
|
5129
5167
|
//#region src/components/Meter.tsx
|
|
5130
|
-
function
|
|
5168
|
+
function Ni({ value: e, max: t = 100, label: n, valueLabel: r, thresholds: i = {
|
|
5131
5169
|
warning: .75,
|
|
5132
5170
|
danger: .9
|
|
5133
5171
|
}, size: a = "md", className: o }) {
|
|
@@ -5167,7 +5205,7 @@ function ji({ value: e, max: t = 100, label: n, valueLabel: r, thresholds: i = {
|
|
|
5167
5205
|
}
|
|
5168
5206
|
//#endregion
|
|
5169
5207
|
//#region src/components/MultiItemDownloadCard.tsx
|
|
5170
|
-
function
|
|
5208
|
+
function Pi(e, t, n) {
|
|
5171
5209
|
if (n === void 0 || !Number.isFinite(n) || n <= 0) return "";
|
|
5172
5210
|
if (n < 60) return e.downloadLeftSeconds(Math.round(n));
|
|
5173
5211
|
if (n < 3600) return e.downloadLeftMinutes(Math.round(n / 60));
|
|
@@ -5177,7 +5215,7 @@ function Mi(e, t, n) {
|
|
|
5177
5215
|
}).format(n / 3600);
|
|
5178
5216
|
return e.downloadLeftHours(r);
|
|
5179
5217
|
}
|
|
5180
|
-
function
|
|
5218
|
+
function Fi({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCancelAll: a, onItemPause: o, onItemResume: s, onItemCancel: c, onItemRetry: l, defaultExpanded: u = !1, className: d }) {
|
|
5181
5219
|
let { strings: p, locale: h } = q(), [_, v] = m(u), b = f(() => {
|
|
5182
5220
|
let e = n.filter((e) => e.status === "failed"), t = n.filter((e) => e.status === "done"), r = n.filter((e) => e.status === "downloading"), i = n.filter((e) => e.status === "paused"), a = n.filter((e) => e.status === "verifying"), o = e.length ? "failed" : t.length === n.length ? "done" : r.length ? "downloading" : a.length ? "verifying" : i.length && i.length + t.length === n.length ? "paused" : "queued", s = n.every((e) => e.size !== void 0), c = n.reduce((e, t) => e + (t.size ?? 0), 0), l = n.reduce((e, t) => e + (t.status === "done" ? t.size ?? 0 : (t.progress ?? 0) * (t.size ?? 0)), 0), u = s && c > 0 ? l / c : n.reduce((e, t) => e + (t.status === "done" ? 1 : t.progress ?? 0), 0) / Math.max(1, n.length), d = r.reduce((e, t) => e + (t.speed ?? 0), 0);
|
|
5183
5221
|
return {
|
|
@@ -5191,11 +5229,11 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
|
|
|
5191
5229
|
doneCount: t.length,
|
|
5192
5230
|
failedCount: e.length
|
|
5193
5231
|
};
|
|
5194
|
-
}, [n]), x = (e) => e === void 0 ? "" :
|
|
5232
|
+
}, [n]), x = (e) => e === void 0 ? "" : Kr(e, h), S = Math.round(b.progress * 100), C = b.status === "done", w = b.status === "failed", E = w ? p.downloadFailedCount(b.failedCount, n.length) : C ? `${p.downloadFileCount(n.length)} · ${b.knownSizes ? x(b.total) : ""}`.trim() : [
|
|
5195
5233
|
p.downloadFilesDone(b.doneCount, n.length),
|
|
5196
5234
|
b.knownSizes ? p.downloadProgress(x(b.transferred), x(b.total)) : void 0,
|
|
5197
5235
|
b.speed ? p.downloadSpeed(x(b.speed)) : void 0,
|
|
5198
|
-
|
|
5236
|
+
Pi(p, h, b.eta)
|
|
5199
5237
|
].filter(Boolean).join(" · ");
|
|
5200
5238
|
return /* @__PURE__ */ W("div", {
|
|
5201
5239
|
className: G("overflow-hidden rounded-xl border border-line bg-surface-1", d),
|
|
@@ -5205,7 +5243,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
|
|
|
5205
5243
|
children: [
|
|
5206
5244
|
/* @__PURE__ */ U("span", {
|
|
5207
5245
|
className: G("flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border", C ? "border-accent/30 bg-accent/12 text-accent" : w ? "border-danger/30 bg-danger/12 text-danger" : "border-line bg-fill-2 text-fg-3"),
|
|
5208
|
-
children: C ? /* @__PURE__ */ U(M, { size: 18 }) : w ? /* @__PURE__ */ U(T, { size: 18 }) : b.status === "verifying" ? /* @__PURE__ */ U(
|
|
5246
|
+
children: C ? /* @__PURE__ */ U(M, { size: 18 }) : w ? /* @__PURE__ */ U(T, { size: 18 }) : b.status === "verifying" ? /* @__PURE__ */ U(or, { size: "md" }) : /* @__PURE__ */ U(z, { size: 18 })
|
|
5209
5247
|
}),
|
|
5210
5248
|
/* @__PURE__ */ W("div", {
|
|
5211
5249
|
className: "min-w-0 flex-1 space-y-1.5",
|
|
@@ -5224,7 +5262,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
|
|
|
5224
5262
|
className: "truncate text-sm text-fg-3",
|
|
5225
5263
|
children: t
|
|
5226
5264
|
}),
|
|
5227
|
-
!C && !w && /* @__PURE__ */ U(
|
|
5265
|
+
!C && !w && /* @__PURE__ */ U(Vr, {
|
|
5228
5266
|
value: b.status === "queued" ? void 0 : S,
|
|
5229
5267
|
size: "sm"
|
|
5230
5268
|
}),
|
|
@@ -5295,7 +5333,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
|
|
|
5295
5333
|
className: "overflow-hidden",
|
|
5296
5334
|
children: /* @__PURE__ */ U("div", {
|
|
5297
5335
|
className: "space-y-1.5 border-t border-line bg-surface/40 p-2",
|
|
5298
|
-
children: n.map((e) => /* @__PURE__ */ U(
|
|
5336
|
+
children: n.map((e) => /* @__PURE__ */ U(Jr, {
|
|
5299
5337
|
name: e.name,
|
|
5300
5338
|
detail: e.detail,
|
|
5301
5339
|
status: e.status,
|
|
@@ -5318,7 +5356,7 @@ function Ni({ title: e, detail: t, items: n, onPauseAll: r, onResumeAll: i, onCa
|
|
|
5318
5356
|
}
|
|
5319
5357
|
//#endregion
|
|
5320
5358
|
//#region src/components/NumberInput.tsx
|
|
5321
|
-
function
|
|
5359
|
+
function Ii({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step: i = 1, precision: a, suffix: o, disabled: s, id: c, className: l }) {
|
|
5322
5360
|
let { strings: u } = q(), d = Y(), f = p(null), m = a ?? String(i).split(".")[1]?.length ?? 0, h = (e) => Math.min(r, Math.max(n, e)), g = (e) => {
|
|
5323
5361
|
Number.isNaN(e) || t(Number(h(e).toFixed(m)));
|
|
5324
5362
|
};
|
|
@@ -5365,16 +5403,16 @@ function Pi({ value: e, onChange: t, min: n = -Infinity, max: r = Infinity, step
|
|
|
5365
5403
|
}
|
|
5366
5404
|
//#endregion
|
|
5367
5405
|
//#region src/components/Pagination.tsx
|
|
5368
|
-
function
|
|
5406
|
+
function Li(e, t) {
|
|
5369
5407
|
return Array.from({ length: Math.max(0, t - e + 1) }, (t, n) => e + n);
|
|
5370
5408
|
}
|
|
5371
|
-
function
|
|
5409
|
+
function Ri({ page: e, pageCount: t, onChange: n, siblings: r = 1, className: i }) {
|
|
5372
5410
|
let { strings: a } = q();
|
|
5373
5411
|
if (t <= 1) return null;
|
|
5374
5412
|
let o = Math.max(2, e - r), s = Math.min(t - 1, e + r), c = [
|
|
5375
5413
|
1,
|
|
5376
5414
|
...o > 2 ? ["gap"] : [],
|
|
5377
|
-
...
|
|
5415
|
+
...Li(o, s),
|
|
5378
5416
|
...s < t - 1 ? ["gap"] : [],
|
|
5379
5417
|
...t > 1 ? [t] : []
|
|
5380
5418
|
], l = (r) => n(Math.min(t, Math.max(1, e + r)));
|
|
@@ -5415,7 +5453,7 @@ function Ii({ page: e, pageCount: t, onChange: n, siblings: r = 1, className: i
|
|
|
5415
5453
|
}
|
|
5416
5454
|
//#endregion
|
|
5417
5455
|
//#region src/components/Panel.tsx
|
|
5418
|
-
var
|
|
5456
|
+
var zi = {
|
|
5419
5457
|
neutral: "border-line bg-surface-1",
|
|
5420
5458
|
subtle: "border-line bg-surface-1/60",
|
|
5421
5459
|
accent: "border-accent/30 bg-accent/8",
|
|
@@ -5423,7 +5461,7 @@ var Li = {
|
|
|
5423
5461
|
warning: "border-warning/30 bg-warning/8",
|
|
5424
5462
|
danger: "border-danger/30 bg-danger/8",
|
|
5425
5463
|
secondary: "border-secondary/30 bg-secondary/8"
|
|
5426
|
-
},
|
|
5464
|
+
}, Bi = {
|
|
5427
5465
|
neutral: "text-fg",
|
|
5428
5466
|
subtle: "text-fg-2",
|
|
5429
5467
|
accent: "text-accent",
|
|
@@ -5432,16 +5470,16 @@ var Li = {
|
|
|
5432
5470
|
danger: "text-danger",
|
|
5433
5471
|
secondary: "text-secondary"
|
|
5434
5472
|
};
|
|
5435
|
-
function
|
|
5473
|
+
function Vi({ title: e, description: t, tone: n = "neutral", action: r, onSurface: i, className: a, children: o, ...s }) {
|
|
5436
5474
|
return /* @__PURE__ */ W("section", {
|
|
5437
|
-
className: G("flex flex-col gap-2 rounded-xl border px-3.5 py-3",
|
|
5475
|
+
className: G("flex flex-col gap-2 rounded-xl border px-3.5 py-3", zi[n], i && "backdrop-blur-md", a),
|
|
5438
5476
|
...s,
|
|
5439
5477
|
children: [(e || t || r) && /* @__PURE__ */ W("header", {
|
|
5440
5478
|
className: "flex items-start gap-2",
|
|
5441
5479
|
children: [/* @__PURE__ */ W("div", {
|
|
5442
5480
|
className: "min-w-0 flex-1 space-y-0.5",
|
|
5443
5481
|
children: [e && /* @__PURE__ */ U("h3", {
|
|
5444
|
-
className: G("truncate text-base font-semibold",
|
|
5482
|
+
className: G("truncate text-base font-semibold", Bi[n]),
|
|
5445
5483
|
children: e
|
|
5446
5484
|
}), t && /* @__PURE__ */ U("p", {
|
|
5447
5485
|
className: "text-sm leading-snug text-fg-3",
|
|
@@ -5456,27 +5494,27 @@ function zi({ title: e, description: t, tone: n = "neutral", action: r, onSurfac
|
|
|
5456
5494
|
}
|
|
5457
5495
|
//#endregion
|
|
5458
5496
|
//#region src/components/PartitionBar.tsx
|
|
5459
|
-
var
|
|
5497
|
+
var Hi = {
|
|
5460
5498
|
accent: "var(--color-accent)",
|
|
5461
5499
|
info: "var(--color-info)",
|
|
5462
5500
|
secondary: "var(--color-secondary)",
|
|
5463
5501
|
warning: "var(--color-warning)",
|
|
5464
5502
|
danger: "var(--color-danger)",
|
|
5465
5503
|
neutral: "var(--color-fg-3)"
|
|
5466
|
-
},
|
|
5504
|
+
}, Ui = {
|
|
5467
5505
|
sm: "h-1.5",
|
|
5468
5506
|
md: "h-2.5",
|
|
5469
5507
|
lg: "h-3.5"
|
|
5470
5508
|
};
|
|
5471
|
-
function
|
|
5472
|
-
let { strings: l } = q(), d = u(), f = e.reduce((e, t) => e + Math.max(0, t.value), 0), p = t ?? f, m = (e) => p > 0 ? Math.max(0, e) / p : 0, h = Math.max(0, p - f), g = e.some((e) => m(e.value) > 0 && m(e.value) < i), _ = r === "below" && g ? "legend" : r, v = (e) => n ? n(e.value, m(e.value)) : `${Math.round(m(e.value) * 100)}%`, y = (e) => e.color ??
|
|
5509
|
+
function Wi({ segments: e, total: t, format: n, labels: r = "below", minLabelShare: i = .12, size: a = "md", showRemainder: o, className: s, ...c }) {
|
|
5510
|
+
let { strings: l } = q(), d = u(), f = e.reduce((e, t) => e + Math.max(0, t.value), 0), p = t ?? f, m = (e) => p > 0 ? Math.max(0, e) / p : 0, h = Math.max(0, p - f), g = e.some((e) => m(e.value) > 0 && m(e.value) < i), _ = r === "below" && g ? "legend" : r, v = (e) => n ? n(e.value, m(e.value)) : `${Math.round(m(e.value) * 100)}%`, y = (e) => e.color ?? Hi[e.tone ?? "neutral"];
|
|
5473
5511
|
return /* @__PURE__ */ W("div", {
|
|
5474
5512
|
className: G("w-full", s),
|
|
5475
5513
|
children: [
|
|
5476
5514
|
/* @__PURE__ */ W("div", {
|
|
5477
5515
|
role: "img",
|
|
5478
5516
|
"aria-label": c["aria-label"] ?? e.map((e) => `${typeof e.label == "string" ? e.label : e.id} ${v(e)}`).join(", "),
|
|
5479
|
-
className: G("flex w-full items-stretch gap-1",
|
|
5517
|
+
className: G("flex w-full items-stretch gap-1", Ui[a]),
|
|
5480
5518
|
children: [e.map((e) => {
|
|
5481
5519
|
let t = m(e.value);
|
|
5482
5520
|
return t <= 0 ? null : /* @__PURE__ */ U("div", {
|
|
@@ -5554,13 +5592,13 @@ function Hi({ segments: e, total: t, format: n, labels: r = "below", minLabelSha
|
|
|
5554
5592
|
}
|
|
5555
5593
|
//#endregion
|
|
5556
5594
|
//#region src/components/primitives.tsx
|
|
5557
|
-
function
|
|
5595
|
+
function Gi({ children: e }) {
|
|
5558
5596
|
return /* @__PURE__ */ U("span", {
|
|
5559
5597
|
className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]",
|
|
5560
5598
|
children: e
|
|
5561
5599
|
});
|
|
5562
5600
|
}
|
|
5563
|
-
var
|
|
5601
|
+
var Ki = a(function({ ratio: e = 1, className: t, style: n, ...r }, i) {
|
|
5564
5602
|
return /* @__PURE__ */ U("div", {
|
|
5565
5603
|
ref: i,
|
|
5566
5604
|
className: G("relative w-full overflow-hidden", t),
|
|
@@ -5571,10 +5609,59 @@ var Wi = a(function({ ratio: e = 1, className: t, style: n, ...r }, i) {
|
|
|
5571
5609
|
...r
|
|
5572
5610
|
});
|
|
5573
5611
|
});
|
|
5574
|
-
|
|
5612
|
+
Ki.displayName = "AspectRatio";
|
|
5613
|
+
//#endregion
|
|
5614
|
+
//#region src/components/InlineMarkdown.tsx
|
|
5615
|
+
var qi = [
|
|
5616
|
+
"p",
|
|
5617
|
+
"strong",
|
|
5618
|
+
"em",
|
|
5619
|
+
"del",
|
|
5620
|
+
"code",
|
|
5621
|
+
"a",
|
|
5622
|
+
"br",
|
|
5623
|
+
"ul",
|
|
5624
|
+
"ol",
|
|
5625
|
+
"li",
|
|
5626
|
+
"blockquote"
|
|
5627
|
+
];
|
|
5628
|
+
function Ji(e) {
|
|
5629
|
+
return e.replace(/^( {0,3})#(?=#{0,5}(?:\s|$))/gm, "$1\\#");
|
|
5630
|
+
}
|
|
5631
|
+
var Yi = ({ children: e }) => /* @__PURE__ */ W("span", { children: [e, " "] });
|
|
5632
|
+
function Xi({ children: e, className: t }) {
|
|
5633
|
+
return /* @__PURE__ */ U("span", {
|
|
5634
|
+
className: G(t),
|
|
5635
|
+
children: /* @__PURE__ */ U(Je, {
|
|
5636
|
+
remarkPlugins: [Ye],
|
|
5637
|
+
allowedElements: qi,
|
|
5638
|
+
unwrapDisallowed: !0,
|
|
5639
|
+
components: {
|
|
5640
|
+
p: Yi,
|
|
5641
|
+
ul: Yi,
|
|
5642
|
+
ol: Yi,
|
|
5643
|
+
li: Yi,
|
|
5644
|
+
blockquote: Yi,
|
|
5645
|
+
a: ({ children: e }) => /* @__PURE__ */ U("span", { children: e }),
|
|
5646
|
+
strong: ({ children: e }) => /* @__PURE__ */ U("strong", {
|
|
5647
|
+
className: "font-semibold",
|
|
5648
|
+
children: e
|
|
5649
|
+
}),
|
|
5650
|
+
em: ({ children: e }) => /* @__PURE__ */ U("em", { children: e }),
|
|
5651
|
+
del: ({ children: e }) => /* @__PURE__ */ U("del", { children: e }),
|
|
5652
|
+
code: ({ children: e }) => /* @__PURE__ */ U("code", {
|
|
5653
|
+
className: "rounded bg-fill px-1 font-mono text-[0.9em]",
|
|
5654
|
+
children: e
|
|
5655
|
+
}),
|
|
5656
|
+
br: () => /* @__PURE__ */ U(H, { children: " " })
|
|
5657
|
+
},
|
|
5658
|
+
children: Ji(e)
|
|
5659
|
+
})
|
|
5660
|
+
});
|
|
5661
|
+
}
|
|
5575
5662
|
//#endregion
|
|
5576
5663
|
//#region src/components/Prose.tsx
|
|
5577
|
-
function
|
|
5664
|
+
function Zi({ children: e, size: t = "md", className: n }) {
|
|
5578
5665
|
return /* @__PURE__ */ U("div", {
|
|
5579
5666
|
className: G(t === "sm" ? "text-sm" : "text-base", "leading-relaxed text-fg", n),
|
|
5580
5667
|
children: /* @__PURE__ */ U(Je, {
|
|
@@ -5629,7 +5716,7 @@ function Gi({ children: e, size: t = "md", className: n }) {
|
|
|
5629
5716
|
return !e && !n.includes("\n") ? /* @__PURE__ */ U("code", {
|
|
5630
5717
|
className: "rounded-md border border-line bg-fill px-1 py-0.5 font-mono text-[0.9em] text-fg-2",
|
|
5631
5718
|
children: n
|
|
5632
|
-
}) : /* @__PURE__ */ U(
|
|
5719
|
+
}) : /* @__PURE__ */ U(Gn, {
|
|
5633
5720
|
code: n,
|
|
5634
5721
|
label: e?.replace("language-", ""),
|
|
5635
5722
|
className: "my-3"
|
|
@@ -5667,10 +5754,10 @@ function Gi({ children: e, size: t = "md", className: n }) {
|
|
|
5667
5754
|
}
|
|
5668
5755
|
//#endregion
|
|
5669
5756
|
//#region src/components/Radio.tsx
|
|
5670
|
-
var
|
|
5671
|
-
function
|
|
5757
|
+
var Qi = r(null);
|
|
5758
|
+
function $i({ value: e, onChange: t, disabled: n, orientation: r = "vertical", className: i, children: a, ...o }) {
|
|
5672
5759
|
let s = u();
|
|
5673
|
-
return /* @__PURE__ */ U(
|
|
5760
|
+
return /* @__PURE__ */ U(Qi.Provider, {
|
|
5674
5761
|
value: {
|
|
5675
5762
|
name: s,
|
|
5676
5763
|
value: e,
|
|
@@ -5685,8 +5772,8 @@ function qi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", c
|
|
|
5685
5772
|
})
|
|
5686
5773
|
});
|
|
5687
5774
|
}
|
|
5688
|
-
function
|
|
5689
|
-
let i = c(
|
|
5775
|
+
function ea({ value: e, label: t, description: n, disabled: r }) {
|
|
5776
|
+
let i = c(Qi);
|
|
5690
5777
|
if (!i) throw Error("Radio must be used inside <RadioGroup>");
|
|
5691
5778
|
let a = i.value === e, o = r || i.disabled;
|
|
5692
5779
|
return /* @__PURE__ */ W("label", {
|
|
@@ -5720,7 +5807,7 @@ function Ji({ value: e, label: t, description: n, disabled: r }) {
|
|
|
5720
5807
|
}
|
|
5721
5808
|
//#endregion
|
|
5722
5809
|
//#region src/components/Resizable.tsx
|
|
5723
|
-
function
|
|
5810
|
+
function ta({ panel: e, children: t, side: n = "left", defaultSize: r = 320, minSize: i = 200, maxSize: a = 640, storageKey: o, className: c }) {
|
|
5724
5811
|
let { strings: u } = q(), [d, f] = m(() => {
|
|
5725
5812
|
if (!o || typeof localStorage > "u") return r;
|
|
5726
5813
|
try {
|
|
@@ -5785,7 +5872,7 @@ function Yi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, min
|
|
|
5785
5872
|
}
|
|
5786
5873
|
//#endregion
|
|
5787
5874
|
//#region src/components/SearchField.tsx
|
|
5788
|
-
var
|
|
5875
|
+
var na = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i = "md", placeholder: a, className: o, ...s }, c) {
|
|
5789
5876
|
let { strings: l } = q(), u = p(null);
|
|
5790
5877
|
return /* @__PURE__ */ W("div", {
|
|
5791
5878
|
className: "relative",
|
|
@@ -5818,18 +5905,18 @@ var Xi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i =
|
|
|
5818
5905
|
children: /* @__PURE__ */ U(V, { size: 14 })
|
|
5819
5906
|
}) : n ? /* @__PURE__ */ U("span", {
|
|
5820
5907
|
className: "absolute right-3 top-1/2 -translate-y-1/2",
|
|
5821
|
-
children: /* @__PURE__ */ U(
|
|
5908
|
+
children: /* @__PURE__ */ U(or, { size: "sm" })
|
|
5822
5909
|
}) : r ? /* @__PURE__ */ U("span", {
|
|
5823
5910
|
className: "absolute right-2 top-1/2 hidden -translate-y-1/2 hoverable:block",
|
|
5824
|
-
children: /* @__PURE__ */ U(
|
|
5911
|
+
children: /* @__PURE__ */ U(dr, { children: r })
|
|
5825
5912
|
}) : null
|
|
5826
5913
|
]
|
|
5827
5914
|
});
|
|
5828
5915
|
});
|
|
5829
|
-
|
|
5916
|
+
na.displayName = "SearchField";
|
|
5830
5917
|
//#endregion
|
|
5831
5918
|
//#region src/components/Segmented.tsx
|
|
5832
|
-
function
|
|
5919
|
+
function ra({ options: e, value: t, onChange: n, size: r = "md", block: i, className: a, ...o }) {
|
|
5833
5920
|
let s = u();
|
|
5834
5921
|
return /* @__PURE__ */ U("div", {
|
|
5835
5922
|
role: "radiogroup",
|
|
@@ -5868,7 +5955,7 @@ function Zi({ options: e, value: t, onChange: n, size: r = "md", block: i, class
|
|
|
5868
5955
|
}
|
|
5869
5956
|
//#endregion
|
|
5870
5957
|
//#region src/components/Select.tsx
|
|
5871
|
-
var
|
|
5958
|
+
var ia = a(function({ options: e, placeholder: t, className: n, id: r, value: i, defaultValue: a, ...o }, s) {
|
|
5872
5959
|
let c = Y(), l = (i ?? a ?? "") === "";
|
|
5873
5960
|
return /* @__PURE__ */ W("div", {
|
|
5874
5961
|
className: "relative",
|
|
@@ -5897,10 +5984,10 @@ var Qi = a(function({ options: e, placeholder: t, className: n, id: r, value: i,
|
|
|
5897
5984
|
})]
|
|
5898
5985
|
});
|
|
5899
5986
|
});
|
|
5900
|
-
|
|
5987
|
+
ia.displayName = "Select";
|
|
5901
5988
|
//#endregion
|
|
5902
5989
|
//#region src/components/SelectMenu.tsx
|
|
5903
|
-
function
|
|
5990
|
+
function aa(e) {
|
|
5904
5991
|
let { strings: t } = q(), { options: n, placeholder: r, triggerIcon: i = !0, disabled: a, id: o, className: c, menuClassName: d } = e, h = e.multiple === !0, g = Y(), _ = u(), [v, y] = m(!1), [b, x] = m(0), S = p(null), C = p({
|
|
5905
5992
|
query: "",
|
|
5906
5993
|
at: 0
|
|
@@ -5970,10 +6057,10 @@ function $i(e) {
|
|
|
5970
6057
|
}
|
|
5971
6058
|
}
|
|
5972
6059
|
}, A = n.filter((e) => w.includes(e.value)), ee = h ? e.maxLabels ?? 2 : 1, j = A.length === 0 ? r ?? t.selectMenuPlaceholder : h && A.length > ee ? t.selectMenuSelected(A.length) : A.map((e) => e.label).join(", "), te = -1;
|
|
5973
|
-
return /* @__PURE__ */ W(
|
|
6060
|
+
return /* @__PURE__ */ W(Zn, {
|
|
5974
6061
|
open: v,
|
|
5975
6062
|
onOpenChange: y,
|
|
5976
|
-
children: [/* @__PURE__ */ U(
|
|
6063
|
+
children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
|
|
5977
6064
|
type: "button",
|
|
5978
6065
|
id: o ?? g?.id,
|
|
5979
6066
|
role: "combobox",
|
|
@@ -6010,7 +6097,7 @@ function $i(e) {
|
|
|
6010
6097
|
className: G("shrink-0 text-fg-3 transition-transform motion-instant", v && "rotate-180")
|
|
6011
6098
|
})
|
|
6012
6099
|
]
|
|
6013
|
-
}) }), /* @__PURE__ */ U(
|
|
6100
|
+
}) }), /* @__PURE__ */ U(tr, {
|
|
6014
6101
|
matchWidth: !0,
|
|
6015
6102
|
className: G("p-0", d),
|
|
6016
6103
|
children: /* @__PURE__ */ W("div", {
|
|
@@ -6070,7 +6157,7 @@ function $i(e) {
|
|
|
6070
6157
|
}
|
|
6071
6158
|
//#endregion
|
|
6072
6159
|
//#region src/components/Slider.tsx
|
|
6073
|
-
var
|
|
6160
|
+
var oa = a(function({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, showValue: a, className: o, id: s, style: c, ...l }, u) {
|
|
6074
6161
|
let d = Y(), f = (e - n) / (r - n) * 100, p = typeof a == "function" ? a(e) : a ? String(e) : null;
|
|
6075
6162
|
return /* @__PURE__ */ W("div", {
|
|
6076
6163
|
className: G("flex items-center gap-3", o),
|
|
@@ -6096,10 +6183,10 @@ var ea = a(function({ value: e, onChange: t, min: n = 0, max: r = 100, step: i =
|
|
|
6096
6183
|
})]
|
|
6097
6184
|
});
|
|
6098
6185
|
});
|
|
6099
|
-
|
|
6186
|
+
oa.displayName = "Slider";
|
|
6100
6187
|
//#endregion
|
|
6101
6188
|
//#region src/components/StatTile.tsx
|
|
6102
|
-
function
|
|
6189
|
+
function sa({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", icon: a, highlight: o, className: s }) {
|
|
6103
6190
|
let c = r ? r.direction === i : void 0;
|
|
6104
6191
|
return /* @__PURE__ */ W("div", {
|
|
6105
6192
|
className: G("rounded-xl border px-3.5 py-3", o ? "border-accent/30 bg-accent/8" : "border-line bg-surface-1", s),
|
|
@@ -6135,7 +6222,7 @@ function ta({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", ico
|
|
|
6135
6222
|
]
|
|
6136
6223
|
});
|
|
6137
6224
|
}
|
|
6138
|
-
function
|
|
6225
|
+
function ca({ items: e, layout: t = "inline", className: n }) {
|
|
6139
6226
|
return /* @__PURE__ */ U("dl", {
|
|
6140
6227
|
className: G("divide-y divide-line", n),
|
|
6141
6228
|
children: e.map((e, n) => /* @__PURE__ */ W("div", {
|
|
@@ -6152,7 +6239,7 @@ function na({ items: e, layout: t = "inline", className: n }) {
|
|
|
6152
6239
|
}
|
|
6153
6240
|
//#endregion
|
|
6154
6241
|
//#region src/components/Stepper.tsx
|
|
6155
|
-
function
|
|
6242
|
+
function la({ steps: e, current: t, onStepClick: n, variant: r = "bar", className: i }) {
|
|
6156
6243
|
let { strings: a } = q(), o = Math.max(0, Math.min(t, e.length - 1));
|
|
6157
6244
|
return r === "dots" ? /* @__PURE__ */ U("div", {
|
|
6158
6245
|
className: G("flex items-center gap-1.5", i),
|
|
@@ -6222,7 +6309,7 @@ function ra({ steps: e, current: t, onStepClick: n, variant: r = "bar", classNam
|
|
|
6222
6309
|
}
|
|
6223
6310
|
//#endregion
|
|
6224
6311
|
//#region src/components/Switch.tsx
|
|
6225
|
-
function
|
|
6312
|
+
function ua({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a }) {
|
|
6226
6313
|
let o = Y();
|
|
6227
6314
|
return /* @__PURE__ */ U("button", {
|
|
6228
6315
|
type: "button",
|
|
@@ -6245,7 +6332,7 @@ function ia({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a })
|
|
|
6245
6332
|
}
|
|
6246
6333
|
//#endregion
|
|
6247
6334
|
//#region src/components/Table.tsx
|
|
6248
|
-
function
|
|
6335
|
+
function da({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowClick: a, empty: o, caption: s, className: c }) {
|
|
6249
6336
|
let { strings: l } = q(), u = (e) => {
|
|
6250
6337
|
i && i({
|
|
6251
6338
|
key: e,
|
|
@@ -6254,7 +6341,7 @@ function aa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowCli
|
|
|
6254
6341
|
};
|
|
6255
6342
|
return /* @__PURE__ */ U("div", {
|
|
6256
6343
|
className: G("overflow-hidden rounded-xl border border-line", c),
|
|
6257
|
-
children: /* @__PURE__ */ U(
|
|
6344
|
+
children: /* @__PURE__ */ U(Wn, {
|
|
6258
6345
|
axis: "x",
|
|
6259
6346
|
bar: !0,
|
|
6260
6347
|
children: /* @__PURE__ */ W("table", {
|
|
@@ -6306,15 +6393,15 @@ function aa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowCli
|
|
|
6306
6393
|
}
|
|
6307
6394
|
//#endregion
|
|
6308
6395
|
//#region src/components/Tabs.tsx
|
|
6309
|
-
var
|
|
6310
|
-
function
|
|
6311
|
-
let e = c(
|
|
6396
|
+
var fa = r(null);
|
|
6397
|
+
function pa() {
|
|
6398
|
+
let e = c(fa);
|
|
6312
6399
|
if (!e) throw Error("Tabs parts must be used inside <Tabs>");
|
|
6313
6400
|
return e;
|
|
6314
6401
|
}
|
|
6315
|
-
function
|
|
6402
|
+
function ma({ value: e, onChange: t, className: n, children: r }) {
|
|
6316
6403
|
let i = u();
|
|
6317
|
-
return /* @__PURE__ */ U(
|
|
6404
|
+
return /* @__PURE__ */ U(fa.Provider, {
|
|
6318
6405
|
value: {
|
|
6319
6406
|
value: e,
|
|
6320
6407
|
onChange: t,
|
|
@@ -6326,7 +6413,7 @@ function ca({ value: e, onChange: t, className: n, children: r }) {
|
|
|
6326
6413
|
})
|
|
6327
6414
|
});
|
|
6328
6415
|
}
|
|
6329
|
-
function
|
|
6416
|
+
function ha({ children: e, className: t, "aria-label": n }) {
|
|
6330
6417
|
return /* @__PURE__ */ U("div", {
|
|
6331
6418
|
role: "tablist",
|
|
6332
6419
|
"aria-label": n,
|
|
@@ -6343,8 +6430,8 @@ function la({ children: e, className: t, "aria-label": n }) {
|
|
|
6343
6430
|
children: e
|
|
6344
6431
|
});
|
|
6345
6432
|
}
|
|
6346
|
-
function
|
|
6347
|
-
let i =
|
|
6433
|
+
function ga({ value: e, icon: t, count: n, children: r }) {
|
|
6434
|
+
let i = pa(), a = i.value === e;
|
|
6348
6435
|
return /* @__PURE__ */ W("button", {
|
|
6349
6436
|
type: "button",
|
|
6350
6437
|
role: "tab",
|
|
@@ -6369,8 +6456,8 @@ function ua({ value: e, icon: t, count: n, children: r }) {
|
|
|
6369
6456
|
]
|
|
6370
6457
|
});
|
|
6371
6458
|
}
|
|
6372
|
-
function
|
|
6373
|
-
let r =
|
|
6459
|
+
function _a({ value: e, className: t, children: n }) {
|
|
6460
|
+
let r = pa();
|
|
6374
6461
|
return r.value === e ? /* @__PURE__ */ U("div", {
|
|
6375
6462
|
role: "tabpanel",
|
|
6376
6463
|
id: `${r.id}-panel-${e}`,
|
|
@@ -6382,7 +6469,7 @@ function da({ value: e, className: t, children: n }) {
|
|
|
6382
6469
|
}
|
|
6383
6470
|
//#endregion
|
|
6384
6471
|
//#region src/components/TagInput.tsx
|
|
6385
|
-
function
|
|
6472
|
+
function va({ value: e, onChange: t, placeholder: n, max: r, separators: i = [","], disabled: a, id: o, className: s }) {
|
|
6386
6473
|
let { strings: c } = q(), l = Y(), u = p(null), [d, f] = m(""), h = (n) => {
|
|
6387
6474
|
let i = n.trim();
|
|
6388
6475
|
if (!i || e.includes(i)) return f("");
|
|
@@ -6424,7 +6511,7 @@ function fa({ value: e, onChange: t, placeholder: n, max: r, separators: i = [",
|
|
|
6424
6511
|
}
|
|
6425
6512
|
//#endregion
|
|
6426
6513
|
//#region src/components/Text.tsx
|
|
6427
|
-
var
|
|
6514
|
+
var ya = {
|
|
6428
6515
|
hero: "text-5xl font-bold leading-[1.05] tracking-[-0.03em] text-fg @3xl:text-6xl",
|
|
6429
6516
|
display: "text-4xl font-bold leading-[1.1] tracking-tight text-fg",
|
|
6430
6517
|
page: "text-3xl font-bold tracking-tight text-fg",
|
|
@@ -6435,7 +6522,7 @@ var pa = {
|
|
|
6435
6522
|
label: "text-sm font-medium text-fg-2",
|
|
6436
6523
|
hint: "text-sm text-fg-3",
|
|
6437
6524
|
caption: "text-2xs text-fg-3"
|
|
6438
|
-
},
|
|
6525
|
+
}, ba = {
|
|
6439
6526
|
hero: "h1",
|
|
6440
6527
|
display: "h1",
|
|
6441
6528
|
page: "h1",
|
|
@@ -6447,15 +6534,15 @@ var pa = {
|
|
|
6447
6534
|
hint: "p",
|
|
6448
6535
|
caption: "span"
|
|
6449
6536
|
};
|
|
6450
|
-
function
|
|
6451
|
-
return i(t ??
|
|
6452
|
-
className: G(
|
|
6537
|
+
function xa({ variant: e = "body", as: t, className: n, ...r }) {
|
|
6538
|
+
return i(t ?? ba[e], {
|
|
6539
|
+
className: G(ya[e], n),
|
|
6453
6540
|
...r
|
|
6454
6541
|
});
|
|
6455
6542
|
}
|
|
6456
6543
|
//#endregion
|
|
6457
6544
|
//#region src/lib/color.ts
|
|
6458
|
-
function
|
|
6545
|
+
function Sa(e) {
|
|
6459
6546
|
let t = e.trim().replace(/^#/, ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t;
|
|
6460
6547
|
return /^[0-9a-f]{6}$/i.test(n) ? {
|
|
6461
6548
|
r: parseInt(n.slice(0, 2), 16),
|
|
@@ -6463,16 +6550,16 @@ function ga(e) {
|
|
|
6463
6550
|
b: parseInt(n.slice(4, 6), 16)
|
|
6464
6551
|
} : null;
|
|
6465
6552
|
}
|
|
6466
|
-
function
|
|
6467
|
-
let t =
|
|
6553
|
+
function Ca(e) {
|
|
6554
|
+
let t = Sa(e);
|
|
6468
6555
|
return t ? `#${[
|
|
6469
6556
|
t.r,
|
|
6470
6557
|
t.g,
|
|
6471
6558
|
t.b
|
|
6472
6559
|
].map((e) => e.toString(16).padStart(2, "0")).join("")}` : null;
|
|
6473
6560
|
}
|
|
6474
|
-
function
|
|
6475
|
-
let t =
|
|
6561
|
+
function wa(e) {
|
|
6562
|
+
let t = Sa(e);
|
|
6476
6563
|
if (!t) return 0;
|
|
6477
6564
|
let n = (e) => {
|
|
6478
6565
|
let t = e / 255;
|
|
@@ -6480,18 +6567,18 @@ function va(e) {
|
|
|
6480
6567
|
};
|
|
6481
6568
|
return .2126 * n(t.r) + .7152 * n(t.g) + .0722 * n(t.b);
|
|
6482
6569
|
}
|
|
6483
|
-
function
|
|
6484
|
-
let n =
|
|
6570
|
+
function Ta(e, t) {
|
|
6571
|
+
let n = wa(e), r = wa(t);
|
|
6485
6572
|
return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
|
|
6486
6573
|
}
|
|
6487
|
-
function
|
|
6488
|
-
return
|
|
6574
|
+
function Ea(e) {
|
|
6575
|
+
return wa(e) > .4;
|
|
6489
6576
|
}
|
|
6490
|
-
function
|
|
6491
|
-
return
|
|
6577
|
+
function Da(e) {
|
|
6578
|
+
return Ta(e, "#ffffff") >= Ta(e, "#000000") ? "#ffffff" : "#0a0a0a";
|
|
6492
6579
|
}
|
|
6493
|
-
function
|
|
6494
|
-
let r =
|
|
6580
|
+
function Oa(e, t, n) {
|
|
6581
|
+
let r = Sa(e), i = Sa(t);
|
|
6495
6582
|
if (!r || !i) return e;
|
|
6496
6583
|
let a = Math.min(1, Math.max(0, n)), o = (e, t) => Math.round(e + (t - e) * a);
|
|
6497
6584
|
return `#${[
|
|
@@ -6502,7 +6589,7 @@ function Sa(e, t, n) {
|
|
|
6502
6589
|
}
|
|
6503
6590
|
//#endregion
|
|
6504
6591
|
//#region src/theme/theme.ts
|
|
6505
|
-
var
|
|
6592
|
+
var ka = {
|
|
6506
6593
|
sharp: {
|
|
6507
6594
|
sm: "2px",
|
|
6508
6595
|
md: "3px",
|
|
@@ -6524,21 +6611,21 @@ var Ca = {
|
|
|
6524
6611
|
xl: "18px",
|
|
6525
6612
|
"2xl": "24px"
|
|
6526
6613
|
}
|
|
6527
|
-
},
|
|
6614
|
+
}, Aa = {
|
|
6528
6615
|
fg2: 72,
|
|
6529
6616
|
fg3: 50,
|
|
6530
6617
|
fg4: 34
|
|
6531
|
-
},
|
|
6618
|
+
}, ja = {
|
|
6532
6619
|
fill: 5,
|
|
6533
6620
|
fill2: 8,
|
|
6534
6621
|
fill3: 12
|
|
6535
|
-
},
|
|
6622
|
+
}, Ma = {
|
|
6536
6623
|
line: 10,
|
|
6537
6624
|
line2: 16,
|
|
6538
6625
|
line3: 26
|
|
6539
6626
|
};
|
|
6540
|
-
function
|
|
6541
|
-
let { surface: t, fg: n, accent: r, danger: i, warning: a, info: o, secondary: s, nav: c } = e.colors, l =
|
|
6627
|
+
function Na(e) {
|
|
6628
|
+
let { surface: t, fg: n, accent: r, danger: i, warning: a, info: o, secondary: s, nav: c } = e.colors, l = Ea(t), u = l ? Oa(t, "#ffffff", .6) : Oa(t, "#ffffff", .075), d = l ? "#ffffff" : Oa(t, "#ffffff", .13), f = l ? .12 : .45, p = (e, t) => `color-mix(in oklab, ${e} ${t}%, transparent)`;
|
|
6542
6629
|
return {
|
|
6543
6630
|
"--color-surface": t,
|
|
6544
6631
|
"--color-surface-1": u,
|
|
@@ -6546,36 +6633,36 @@ function Da(e) {
|
|
|
6546
6633
|
"--color-surface-el": u,
|
|
6547
6634
|
"--color-nav": c ?? u,
|
|
6548
6635
|
"--color-fg": n,
|
|
6549
|
-
"--color-fg-2": p(n,
|
|
6550
|
-
"--color-fg-3": p(n,
|
|
6551
|
-
"--color-fg-4": p(n,
|
|
6552
|
-
"--color-fill": p(n,
|
|
6553
|
-
"--color-fill-2": p(n,
|
|
6554
|
-
"--color-fill-3": p(n,
|
|
6555
|
-
"--color-line": p(n,
|
|
6556
|
-
"--color-line-2": p(n,
|
|
6557
|
-
"--color-line-3": p(n,
|
|
6636
|
+
"--color-fg-2": p(n, Aa.fg2),
|
|
6637
|
+
"--color-fg-3": p(n, Aa.fg3),
|
|
6638
|
+
"--color-fg-4": p(n, Aa.fg4),
|
|
6639
|
+
"--color-fill": p(n, ja.fill),
|
|
6640
|
+
"--color-fill-2": p(n, ja.fill2),
|
|
6641
|
+
"--color-fill-3": p(n, ja.fill3),
|
|
6642
|
+
"--color-line": p(n, Ma.line),
|
|
6643
|
+
"--color-line-2": p(n, Ma.line2),
|
|
6644
|
+
"--color-line-3": p(n, Ma.line3),
|
|
6558
6645
|
"--color-accent": r,
|
|
6559
6646
|
"--color-danger": i,
|
|
6560
6647
|
"--color-warning": a,
|
|
6561
6648
|
"--color-info": o,
|
|
6562
6649
|
"--color-secondary": s,
|
|
6563
|
-
"--color-on-accent":
|
|
6650
|
+
"--color-on-accent": Da(r),
|
|
6564
6651
|
"--color-knob": l ? "#ffffff" : n,
|
|
6565
6652
|
"--edge-light": l ? "rgb(255 255 255 / 0.9)" : "rgb(255 255 255 / 0.08)",
|
|
6566
6653
|
"--edge-dark": l ? "rgb(0 0 0 / 0.16)" : "rgb(0 0 0 / 0.55)",
|
|
6567
6654
|
"--edge-ambient": l ? "rgb(0 0 0 / 0.08)" : "rgb(0 0 0 / 0.35)",
|
|
6568
6655
|
"--shadow-raised": `0 8px 24px rgb(0 0 0 / ${f})`,
|
|
6569
6656
|
"--shadow-sheet": `0 -12px 40px rgb(0 0 0 / ${f + .1})`,
|
|
6570
|
-
...Object.fromEntries(Object.entries(
|
|
6657
|
+
...Object.fromEntries(Object.entries(ka[e.radius ?? "default"]).map(([e, t]) => [`--radius-${e}`, t]))
|
|
6571
6658
|
};
|
|
6572
6659
|
}
|
|
6573
|
-
function
|
|
6574
|
-
let n =
|
|
6660
|
+
function Pa(e, t = document.documentElement) {
|
|
6661
|
+
let n = Na(e);
|
|
6575
6662
|
for (let [e, r] of Object.entries(n)) t.style.setProperty(e, r);
|
|
6576
|
-
t.style.colorScheme =
|
|
6663
|
+
t.style.colorScheme = Ea(e.colors.surface) ? "light" : "dark", t.dataset.theme = Ea(e.colors.surface) ? "light" : "dark", t.dataset.density = e.density ?? "default";
|
|
6577
6664
|
}
|
|
6578
|
-
var
|
|
6665
|
+
var Fa = [
|
|
6579
6666
|
{
|
|
6580
6667
|
id: "midnight",
|
|
6581
6668
|
name: "Midnight",
|
|
@@ -6654,29 +6741,29 @@ var ka = [
|
|
|
6654
6741
|
secondary: "#e879f9"
|
|
6655
6742
|
}
|
|
6656
6743
|
}
|
|
6657
|
-
],
|
|
6658
|
-
function
|
|
6659
|
-
let e = c(
|
|
6744
|
+
], Ia = Fa[0], La = "crisp.theme", Ra = r(null);
|
|
6745
|
+
function za() {
|
|
6746
|
+
let e = c(Ra);
|
|
6660
6747
|
if (!e) throw Error("useTheme must be used inside <ThemeProvider>");
|
|
6661
6748
|
return e;
|
|
6662
6749
|
}
|
|
6663
|
-
function
|
|
6664
|
-
if (typeof localStorage > "u") return
|
|
6750
|
+
function Ba() {
|
|
6751
|
+
if (typeof localStorage > "u") return Ia;
|
|
6665
6752
|
try {
|
|
6666
|
-
let e = localStorage.getItem(
|
|
6667
|
-
if (!e) return
|
|
6753
|
+
let e = localStorage.getItem(La);
|
|
6754
|
+
if (!e) return Ia;
|
|
6668
6755
|
let t = JSON.parse(e);
|
|
6669
|
-
return !t?.colors?.surface || !t.colors.fg ?
|
|
6756
|
+
return !t?.colors?.surface || !t.colors.fg ? Ia : t;
|
|
6670
6757
|
} catch {
|
|
6671
|
-
return
|
|
6758
|
+
return Ia;
|
|
6672
6759
|
}
|
|
6673
6760
|
}
|
|
6674
|
-
function
|
|
6675
|
-
let [n, r] = m(() => t ??
|
|
6676
|
-
m(() => (typeof document < "u" &&
|
|
6677
|
-
|
|
6761
|
+
function Va({ children: e, initial: t }) {
|
|
6762
|
+
let [n, r] = m(() => t ?? Ba());
|
|
6763
|
+
m(() => (typeof document < "u" && Pa(t ?? Ba()), null)), l(() => {
|
|
6764
|
+
Pa(n);
|
|
6678
6765
|
try {
|
|
6679
|
-
localStorage.setItem(
|
|
6766
|
+
localStorage.setItem(La, JSON.stringify(n));
|
|
6680
6767
|
} catch {}
|
|
6681
6768
|
}, [n]);
|
|
6682
6769
|
let i = s((e, t) => {
|
|
@@ -6701,12 +6788,12 @@ function Fa({ children: e, initial: t }) {
|
|
|
6701
6788
|
}));
|
|
6702
6789
|
}, []), c = f(() => ({
|
|
6703
6790
|
theme: n,
|
|
6704
|
-
presets:
|
|
6791
|
+
presets: Fa,
|
|
6705
6792
|
setTheme: r,
|
|
6706
6793
|
setColor: i,
|
|
6707
6794
|
setRadius: a,
|
|
6708
6795
|
setDensity: o,
|
|
6709
|
-
reset: () => r(
|
|
6796
|
+
reset: () => r(Ia),
|
|
6710
6797
|
isCustom: n.id === "custom"
|
|
6711
6798
|
}), [
|
|
6712
6799
|
n,
|
|
@@ -6714,14 +6801,14 @@ function Fa({ children: e, initial: t }) {
|
|
|
6714
6801
|
a,
|
|
6715
6802
|
o
|
|
6716
6803
|
]);
|
|
6717
|
-
return /* @__PURE__ */ U(
|
|
6804
|
+
return /* @__PURE__ */ U(Ra.Provider, {
|
|
6718
6805
|
value: c,
|
|
6719
6806
|
children: e
|
|
6720
6807
|
});
|
|
6721
6808
|
}
|
|
6722
6809
|
//#endregion
|
|
6723
6810
|
//#region src/components/ThemeEditor.tsx
|
|
6724
|
-
var
|
|
6811
|
+
var Ha = (e) => [
|
|
6725
6812
|
{
|
|
6726
6813
|
key: "surface",
|
|
6727
6814
|
label: e.themeEditorSurface,
|
|
@@ -6757,7 +6844,7 @@ var Ia = (e) => [
|
|
|
6757
6844
|
label: e.themeEditorSecondary,
|
|
6758
6845
|
hint: e.themeEditorSecondaryHint
|
|
6759
6846
|
}
|
|
6760
|
-
],
|
|
6847
|
+
], Ua = [
|
|
6761
6848
|
{
|
|
6762
6849
|
var: "--color-surface-1",
|
|
6763
6850
|
label: "surface-1"
|
|
@@ -6807,9 +6894,9 @@ var Ia = (e) => [
|
|
|
6807
6894
|
label: "on-accent"
|
|
6808
6895
|
}
|
|
6809
6896
|
];
|
|
6810
|
-
function
|
|
6897
|
+
function Wa({ ratio: e, need: t = 4.5, label: n }) {
|
|
6811
6898
|
let { strings: r } = q(), i = e >= t;
|
|
6812
|
-
return /* @__PURE__ */ U(
|
|
6899
|
+
return /* @__PURE__ */ U(Nt, {
|
|
6813
6900
|
content: r.themeEditorContrast(n, e.toFixed(2), t),
|
|
6814
6901
|
children: /* @__PURE__ */ W("span", {
|
|
6815
6902
|
className: G("inline-flex h-6 items-center gap-1 rounded-full border px-2 text-2xs font-medium tabular-nums", i ? "border-accent/25 bg-accent/12 text-accent" : "border-danger/25 bg-danger/12 text-danger"),
|
|
@@ -6822,13 +6909,13 @@ function Ra({ ratio: e, need: t = 4.5, label: n }) {
|
|
|
6822
6909
|
})
|
|
6823
6910
|
});
|
|
6824
6911
|
}
|
|
6825
|
-
function
|
|
6826
|
-
let { strings: t } = q(), { theme: n, presets: r, setTheme: i, setColor: a, setRadius: o, setDensity: s, reset: c, isCustom: l } =
|
|
6827
|
-
let e =
|
|
6912
|
+
function Ga({ className: e }) {
|
|
6913
|
+
let { strings: t } = q(), { theme: n, presets: r, setTheme: i, setColor: a, setRadius: o, setDensity: s, reset: c, isCustom: l } = za(), { surface: u, fg: d, accent: p } = n.colors, m = f(() => {
|
|
6914
|
+
let e = Ta(d, u);
|
|
6828
6915
|
return {
|
|
6829
6916
|
body: e,
|
|
6830
6917
|
muted: (e + 1) / 2,
|
|
6831
|
-
accent:
|
|
6918
|
+
accent: Ta(p, u)
|
|
6832
6919
|
};
|
|
6833
6920
|
}, [
|
|
6834
6921
|
d,
|
|
@@ -6841,7 +6928,7 @@ function za({ className: e }) {
|
|
|
6841
6928
|
/* @__PURE__ */ W("div", {
|
|
6842
6929
|
className: "flex flex-wrap items-center gap-2",
|
|
6843
6930
|
children: [
|
|
6844
|
-
/* @__PURE__ */ U(
|
|
6931
|
+
/* @__PURE__ */ U(ra, {
|
|
6845
6932
|
"aria-label": t.themeEditorPreset,
|
|
6846
6933
|
size: "sm",
|
|
6847
6934
|
value: l ? "custom" : n.id,
|
|
@@ -6858,7 +6945,7 @@ function za({ className: e }) {
|
|
|
6858
6945
|
}] : []]
|
|
6859
6946
|
}),
|
|
6860
6947
|
/* @__PURE__ */ U("span", { className: "flex-1" }),
|
|
6861
|
-
/* @__PURE__ */ U(
|
|
6948
|
+
/* @__PURE__ */ U(ra, {
|
|
6862
6949
|
"aria-label": t.themeEditorDensity,
|
|
6863
6950
|
size: "sm",
|
|
6864
6951
|
value: n.density ?? "default",
|
|
@@ -6871,7 +6958,7 @@ function za({ className: e }) {
|
|
|
6871
6958
|
label: t.themeEditorDensityCompact
|
|
6872
6959
|
}]
|
|
6873
6960
|
}),
|
|
6874
|
-
/* @__PURE__ */ U(
|
|
6961
|
+
/* @__PURE__ */ U(ra, {
|
|
6875
6962
|
"aria-label": t.themeEditorRadius,
|
|
6876
6963
|
size: "sm",
|
|
6877
6964
|
value: n.radius ?? "default",
|
|
@@ -6902,7 +6989,7 @@ function za({ className: e }) {
|
|
|
6902
6989
|
}),
|
|
6903
6990
|
/* @__PURE__ */ U("div", {
|
|
6904
6991
|
className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
|
|
6905
|
-
children:
|
|
6992
|
+
children: Ha(t).map((e) => /* @__PURE__ */ W("div", {
|
|
6906
6993
|
className: "space-y-1.5",
|
|
6907
6994
|
children: [
|
|
6908
6995
|
/* @__PURE__ */ W("div", {
|
|
@@ -6915,7 +7002,7 @@ function za({ className: e }) {
|
|
|
6915
7002
|
children: n.colors[e.key]
|
|
6916
7003
|
})]
|
|
6917
7004
|
}),
|
|
6918
|
-
/* @__PURE__ */ U(
|
|
7005
|
+
/* @__PURE__ */ U(ir, {
|
|
6919
7006
|
value: n.colors[e.key] ?? "#000000",
|
|
6920
7007
|
onChange: (t) => a(e.key, t),
|
|
6921
7008
|
className: "w-full"
|
|
@@ -6930,16 +7017,16 @@ function za({ className: e }) {
|
|
|
6930
7017
|
/* @__PURE__ */ W("div", {
|
|
6931
7018
|
className: "flex flex-wrap items-center gap-2",
|
|
6932
7019
|
children: [
|
|
6933
|
-
/* @__PURE__ */ U(
|
|
7020
|
+
/* @__PURE__ */ U(Wa, {
|
|
6934
7021
|
ratio: m.body,
|
|
6935
7022
|
label: t.themeEditorBody
|
|
6936
7023
|
}),
|
|
6937
|
-
/* @__PURE__ */ U(
|
|
7024
|
+
/* @__PURE__ */ U(Wa, {
|
|
6938
7025
|
ratio: m.muted,
|
|
6939
7026
|
need: 4.5,
|
|
6940
7027
|
label: t.themeEditorMuted
|
|
6941
7028
|
}),
|
|
6942
|
-
/* @__PURE__ */ U(
|
|
7029
|
+
/* @__PURE__ */ U(Wa, {
|
|
6943
7030
|
ratio: m.accent,
|
|
6944
7031
|
need: 3,
|
|
6945
7032
|
label: t.themeEditorAccent
|
|
@@ -6959,7 +7046,7 @@ function za({ className: e }) {
|
|
|
6959
7046
|
}),
|
|
6960
7047
|
/* @__PURE__ */ U("div", {
|
|
6961
7048
|
className: "flex flex-wrap gap-2 pt-1",
|
|
6962
|
-
children:
|
|
7049
|
+
children: Ua.map((e) => /* @__PURE__ */ W("div", {
|
|
6963
7050
|
className: "flex items-center gap-2 rounded-lg border border-line bg-fill px-2 py-1.5",
|
|
6964
7051
|
children: [/* @__PURE__ */ U("span", {
|
|
6965
7052
|
className: "h-5 w-5 shrink-0 rounded-md ring-1 ring-inset ring-line-2",
|
|
@@ -6977,7 +7064,7 @@ function za({ className: e }) {
|
|
|
6977
7064
|
}
|
|
6978
7065
|
//#endregion
|
|
6979
7066
|
//#region src/components/Timeline.tsx
|
|
6980
|
-
var
|
|
7067
|
+
var Ka = {
|
|
6981
7068
|
neutral: "border-line-3 bg-fill-2 text-fg-3",
|
|
6982
7069
|
accent: "border-accent/45 bg-accent/18 text-accent",
|
|
6983
7070
|
info: "border-info/40 bg-info/15 text-info",
|
|
@@ -6985,7 +7072,7 @@ var Ba = {
|
|
|
6985
7072
|
danger: "border-danger/40 bg-danger/15 text-danger",
|
|
6986
7073
|
secondary: "border-secondary/40 bg-secondary/15 text-secondary"
|
|
6987
7074
|
};
|
|
6988
|
-
function
|
|
7075
|
+
function qa({ items: e, className: t }) {
|
|
6989
7076
|
return /* @__PURE__ */ U("ol", {
|
|
6990
7077
|
className: G("relative", t),
|
|
6991
7078
|
children: e.map((t, n) => /* @__PURE__ */ W("li", {
|
|
@@ -6996,7 +7083,7 @@ function Va({ items: e, className: t }) {
|
|
|
6996
7083
|
className: "absolute left-3.5 top-8 h-[calc(100%-2rem)] w-px bg-line"
|
|
6997
7084
|
}),
|
|
6998
7085
|
/* @__PURE__ */ W("span", {
|
|
6999
|
-
className: G("relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border",
|
|
7086
|
+
className: G("relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border", Ka[t.tone ?? "neutral"]),
|
|
7000
7087
|
children: [t.active && /* @__PURE__ */ U("span", {
|
|
7001
7088
|
"aria-hidden": "true",
|
|
7002
7089
|
className: "absolute inset-0 animate-ping rounded-full bg-current opacity-25 motion-reduce:hidden"
|
|
@@ -7024,7 +7111,7 @@ function Va({ items: e, className: t }) {
|
|
|
7024
7111
|
}
|
|
7025
7112
|
//#endregion
|
|
7026
7113
|
//#region src/components/TitleBar.tsx
|
|
7027
|
-
function
|
|
7114
|
+
function Ja({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onClose: i, children: a, className: o }) {
|
|
7028
7115
|
let { strings: s } = q(), c = t === "macos";
|
|
7029
7116
|
return /* @__PURE__ */ W("div", {
|
|
7030
7117
|
"data-tauri-drag-region": !0,
|
|
@@ -7070,7 +7157,7 @@ function Ha({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onC
|
|
|
7070
7157
|
}
|
|
7071
7158
|
//#endregion
|
|
7072
7159
|
//#region src/components/Toast.tsx
|
|
7073
|
-
var
|
|
7160
|
+
var Ya = {
|
|
7074
7161
|
info: /* @__PURE__ */ U(ue, {
|
|
7075
7162
|
size: 16,
|
|
7076
7163
|
className: "text-info"
|
|
@@ -7087,24 +7174,24 @@ var Ua = {
|
|
|
7087
7174
|
size: 16,
|
|
7088
7175
|
className: "text-danger"
|
|
7089
7176
|
})
|
|
7090
|
-
},
|
|
7177
|
+
}, Xa = {
|
|
7091
7178
|
info: "bg-info",
|
|
7092
7179
|
success: "bg-accent",
|
|
7093
7180
|
warning: "bg-warning",
|
|
7094
7181
|
error: "bg-danger"
|
|
7095
|
-
},
|
|
7096
|
-
function
|
|
7182
|
+
}, Za = "pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-xl border border-line bg-surface-2 py-3 pl-4 pr-3 shadow-raised";
|
|
7183
|
+
function Qa({ tone: e, title: t, description: n, action: r, secondary: i, onDismiss: a }) {
|
|
7097
7184
|
let { strings: o } = q(), s = (e) => (t) => {
|
|
7098
7185
|
t.preventDefault(), t.stopPropagation(), e(), a();
|
|
7099
7186
|
};
|
|
7100
7187
|
return /* @__PURE__ */ W(H, { children: [
|
|
7101
7188
|
/* @__PURE__ */ U("span", {
|
|
7102
7189
|
"aria-hidden": "true",
|
|
7103
|
-
className: G("absolute inset-y-0 left-0 w-0.5",
|
|
7190
|
+
className: G("absolute inset-y-0 left-0 w-0.5", Xa[e])
|
|
7104
7191
|
}),
|
|
7105
7192
|
/* @__PURE__ */ U("span", {
|
|
7106
7193
|
className: "mt-0.5 shrink-0",
|
|
7107
|
-
children:
|
|
7194
|
+
children: Ya[e]
|
|
7108
7195
|
}),
|
|
7109
7196
|
/* @__PURE__ */ W("div", {
|
|
7110
7197
|
className: "min-w-0 flex-1",
|
|
@@ -7147,10 +7234,10 @@ function Ka({ tone: e, title: t, description: n, action: r, secondary: i, onDism
|
|
|
7147
7234
|
})
|
|
7148
7235
|
] });
|
|
7149
7236
|
}
|
|
7150
|
-
function
|
|
7237
|
+
function $a(e, t, n, r) {
|
|
7151
7238
|
return Ze.custom((i) => /* @__PURE__ */ U("div", {
|
|
7152
|
-
className:
|
|
7153
|
-
children: /* @__PURE__ */ U(
|
|
7239
|
+
className: Za,
|
|
7240
|
+
children: /* @__PURE__ */ U(Qa, {
|
|
7154
7241
|
tone: e,
|
|
7155
7242
|
title: t,
|
|
7156
7243
|
description: n,
|
|
@@ -7163,10 +7250,10 @@ function qa(e, t, n, r) {
|
|
|
7163
7250
|
id: r?.id
|
|
7164
7251
|
});
|
|
7165
7252
|
}
|
|
7166
|
-
function
|
|
7253
|
+
function eo({ id: e, title: t, description: n, progress: r, duration: i }) {
|
|
7167
7254
|
let a = r === void 0 ? void 0 : Math.round(Math.min(1, Math.max(0, r)) * 100);
|
|
7168
7255
|
return Ze.custom(() => /* @__PURE__ */ W("div", {
|
|
7169
|
-
className: G(
|
|
7256
|
+
className: G(Za, "items-center"),
|
|
7170
7257
|
children: [
|
|
7171
7258
|
/* @__PURE__ */ U("span", {
|
|
7172
7259
|
"aria-hidden": "true",
|
|
@@ -7215,16 +7302,16 @@ function Ja({ id: e, title: t, description: n, progress: r, duration: i }) {
|
|
|
7215
7302
|
id: e
|
|
7216
7303
|
});
|
|
7217
7304
|
}
|
|
7218
|
-
var
|
|
7219
|
-
info: (e, t, n) =>
|
|
7220
|
-
success: (e, t, n) =>
|
|
7221
|
-
warning: (e, t, n) =>
|
|
7222
|
-
error: (e, t, n) =>
|
|
7223
|
-
progress:
|
|
7305
|
+
var to = {
|
|
7306
|
+
info: (e, t, n) => $a("info", e, t, n),
|
|
7307
|
+
success: (e, t, n) => $a("success", e, t, n),
|
|
7308
|
+
warning: (e, t, n) => $a("warning", e, t, n),
|
|
7309
|
+
error: (e, t, n) => $a("error", e, t, n),
|
|
7310
|
+
progress: eo,
|
|
7224
7311
|
dismiss: (e) => Ze.dismiss(e),
|
|
7225
7312
|
isVisible: (e) => Ze.getToasts().some((t) => t.id === e)
|
|
7226
7313
|
};
|
|
7227
|
-
function
|
|
7314
|
+
function no({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
|
|
7228
7315
|
return /* @__PURE__ */ U(Xe, {
|
|
7229
7316
|
position: e,
|
|
7230
7317
|
gap: 8,
|
|
@@ -7245,7 +7332,7 @@ function Xa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
|
|
|
7245
7332
|
}
|
|
7246
7333
|
//#endregion
|
|
7247
7334
|
//#region src/components/ToggleGroup.tsx
|
|
7248
|
-
function
|
|
7335
|
+
function ro({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", className: a, ...o }) {
|
|
7249
7336
|
let s = (e) => {
|
|
7250
7337
|
if (e.disabled) return;
|
|
7251
7338
|
let i = t.includes(e.value);
|
|
@@ -7276,7 +7363,7 @@ function Za({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", cla
|
|
|
7276
7363
|
}
|
|
7277
7364
|
//#endregion
|
|
7278
7365
|
//#region src/components/Toolbar.tsx
|
|
7279
|
-
function
|
|
7366
|
+
function io({ variant: e = "bar", className: t, children: n, ...r }) {
|
|
7280
7367
|
return /* @__PURE__ */ U("div", {
|
|
7281
7368
|
role: "toolbar",
|
|
7282
7369
|
"aria-label": r["aria-label"],
|
|
@@ -7290,13 +7377,13 @@ function Qa({ variant: e = "bar", className: t, children: n, ...r }) {
|
|
|
7290
7377
|
children: n
|
|
7291
7378
|
});
|
|
7292
7379
|
}
|
|
7293
|
-
function
|
|
7380
|
+
function ao() {
|
|
7294
7381
|
return /* @__PURE__ */ U("span", {
|
|
7295
7382
|
"aria-hidden": "true",
|
|
7296
7383
|
className: "mx-1 h-5 w-px shrink-0 bg-line"
|
|
7297
7384
|
});
|
|
7298
7385
|
}
|
|
7299
|
-
function
|
|
7386
|
+
function oo({ children: e, className: t }) {
|
|
7300
7387
|
return /* @__PURE__ */ U("div", {
|
|
7301
7388
|
className: G("flex items-center gap-0.5", t),
|
|
7302
7389
|
children: e
|
|
@@ -7304,8 +7391,8 @@ function eo({ children: e, className: t }) {
|
|
|
7304
7391
|
}
|
|
7305
7392
|
//#endregion
|
|
7306
7393
|
//#region src/components/Tour.tsx
|
|
7307
|
-
var
|
|
7308
|
-
function
|
|
7394
|
+
var so = 8;
|
|
7395
|
+
function co({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
7309
7396
|
let { strings: a } = q(), [o, c] = m(0), [u, f] = m(null), p = e[o];
|
|
7310
7397
|
l(() => {
|
|
7311
7398
|
t && c(0);
|
|
@@ -7349,7 +7436,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7349
7436
|
left: "50%",
|
|
7350
7437
|
transform: "translate(-50%, -50%)"
|
|
7351
7438
|
};
|
|
7352
|
-
return typeof document > "u" ? null :
|
|
7439
|
+
return typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: t && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(y.div, {
|
|
7353
7440
|
initial: { opacity: 0 },
|
|
7354
7441
|
animate: { opacity: 1 },
|
|
7355
7442
|
exit: { opacity: 0 },
|
|
@@ -7360,8 +7447,8 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7360
7447
|
layout: !0,
|
|
7361
7448
|
transition: K.surface,
|
|
7362
7449
|
style: {
|
|
7363
|
-
top: u.top -
|
|
7364
|
-
left: u.left -
|
|
7450
|
+
top: u.top - so,
|
|
7451
|
+
left: u.left - so,
|
|
7365
7452
|
width: u.width + 16,
|
|
7366
7453
|
height: u.height + 16
|
|
7367
7454
|
},
|
|
@@ -7406,7 +7493,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7406
7493
|
/* @__PURE__ */ W("div", {
|
|
7407
7494
|
className: "mt-4 flex items-center gap-3",
|
|
7408
7495
|
children: [
|
|
7409
|
-
/* @__PURE__ */ U(
|
|
7496
|
+
/* @__PURE__ */ U(la, {
|
|
7410
7497
|
steps: e.map((e, t) => ({
|
|
7411
7498
|
id: String(t),
|
|
7412
7499
|
label: String(e.title)
|
|
@@ -7434,7 +7521,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7434
7521
|
}
|
|
7435
7522
|
//#endregion
|
|
7436
7523
|
//#region src/components/Tree.tsx
|
|
7437
|
-
function
|
|
7524
|
+
function lo({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], className: i }) {
|
|
7438
7525
|
let { strings: a } = q(), [o, s] = m(() => new Set(r)), c = (e) => s((t) => {
|
|
7439
7526
|
let n = new Set(t);
|
|
7440
7527
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -7492,7 +7579,7 @@ function ro({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], cla
|
|
|
7492
7579
|
}
|
|
7493
7580
|
//#endregion
|
|
7494
7581
|
//#region src/components/VirtualList.tsx
|
|
7495
|
-
function
|
|
7582
|
+
function uo({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, itemKey: i, className: a }) {
|
|
7496
7583
|
let o = p(null), s = Qe({
|
|
7497
7584
|
count: e.length,
|
|
7498
7585
|
getScrollElement: () => o.current,
|
|
@@ -7526,7 +7613,7 @@ function io({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, item
|
|
|
7526
7613
|
}
|
|
7527
7614
|
//#endregion
|
|
7528
7615
|
//#region src/components/WindowControls.tsx
|
|
7529
|
-
var
|
|
7616
|
+
var fo = [
|
|
7530
7617
|
{
|
|
7531
7618
|
dir: "North",
|
|
7532
7619
|
className: "left-2 right-2 top-0 h-1 cursor-n-resize"
|
|
@@ -7560,8 +7647,8 @@ var ao = [
|
|
|
7560
7647
|
className: "bottom-0 right-0 h-2.5 w-2.5 cursor-se-resize"
|
|
7561
7648
|
}
|
|
7562
7649
|
];
|
|
7563
|
-
function
|
|
7564
|
-
return t ? null : /* @__PURE__ */ U(H, { children:
|
|
7650
|
+
function po({ onResizeStart: e, disabled: t }) {
|
|
7651
|
+
return t ? null : /* @__PURE__ */ U(H, { children: fo.map(({ dir: t, className: n }) => /* @__PURE__ */ U("div", {
|
|
7565
7652
|
"aria-hidden": "true",
|
|
7566
7653
|
"data-tauri-drag-region": "false",
|
|
7567
7654
|
onPointerDown: (n) => {
|
|
@@ -7572,7 +7659,7 @@ function oo({ onResizeStart: e, disabled: t }) {
|
|
|
7572
7659
|
}
|
|
7573
7660
|
//#endregion
|
|
7574
7661
|
//#region src/components/ActionBar.tsx
|
|
7575
|
-
function
|
|
7662
|
+
function mo({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pinned: a, className: o }) {
|
|
7576
7663
|
let { strings: s } = q(), c = Ot(), l = a ?? c;
|
|
7577
7664
|
return /* @__PURE__ */ W("div", {
|
|
7578
7665
|
className: G("flex items-center gap-2", l ? "sticky bottom-0 z-20 border-t border-line bg-surface/90 px-4 pt-3 pb-[calc(var(--safe-bottom,0px)+0.75rem)] backdrop-blur-md" : "pt-8", o),
|
|
@@ -7592,7 +7679,7 @@ function so({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pin
|
|
|
7592
7679
|
}
|
|
7593
7680
|
//#endregion
|
|
7594
7681
|
//#region src/components/ChoiceCard.tsx
|
|
7595
|
-
var
|
|
7682
|
+
var ho = a(function({ selected: e, title: t, description: n, icon: r, meta: i, indicator: a = "radio", children: o, layout: s = "row", className: c, type: l = "button", ...u }, d) {
|
|
7596
7683
|
let f = a === "none" ? null : /* @__PURE__ */ U("span", {
|
|
7597
7684
|
"aria-hidden": "true",
|
|
7598
7685
|
className: G("flex h-5 w-5 shrink-0 items-center justify-center border transition-colors motion-instant", a === "radio" ? "rounded-full" : "rounded-md", e ? "border-accent bg-accent text-on-accent" : "border-line-3"),
|
|
@@ -7642,10 +7729,10 @@ var co = a(function({ selected: e, title: t, description: n, icon: r, meta: i, i
|
|
|
7642
7729
|
})]
|
|
7643
7730
|
});
|
|
7644
7731
|
});
|
|
7645
|
-
|
|
7732
|
+
ho.displayName = "ChoiceCard";
|
|
7646
7733
|
//#endregion
|
|
7647
7734
|
//#region src/components/Shelf.tsx
|
|
7648
|
-
function
|
|
7735
|
+
function go({ children: e, itemClassName: t = "w-40", bleed: n = !0, className: r, ...i }) {
|
|
7649
7736
|
let { strings: a } = q(), o = p(null), [s, c] = m({
|
|
7650
7737
|
start: !1,
|
|
7651
7738
|
end: !1
|
|
@@ -7707,7 +7794,7 @@ function lo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className:
|
|
|
7707
7794
|
}
|
|
7708
7795
|
//#endregion
|
|
7709
7796
|
//#region src/components/Wizard.tsx
|
|
7710
|
-
function
|
|
7797
|
+
function _o(e, t = 0) {
|
|
7711
7798
|
let [n, r] = m(t), i = (t) => Math.max(0, Math.min(e.length - 1, t));
|
|
7712
7799
|
return {
|
|
7713
7800
|
index: n,
|
|
@@ -7719,11 +7806,11 @@ function uo(e, t = 0) {
|
|
|
7719
7806
|
goTo: (e) => r(i(e))
|
|
7720
7807
|
};
|
|
7721
7808
|
}
|
|
7722
|
-
function
|
|
7809
|
+
function vo({ steps: e, index: t, onStepClick: n, title: r, description: i, progress: a = "bar", className: o, children: s }) {
|
|
7723
7810
|
let c = C(), [l, u] = m(t), d = t >= l ? 1 : -1;
|
|
7724
7811
|
return l !== t && u(t), /* @__PURE__ */ W("div", {
|
|
7725
7812
|
className: G("space-y-6", o),
|
|
7726
|
-
children: [a !== "none" && /* @__PURE__ */ U(
|
|
7813
|
+
children: [a !== "none" && /* @__PURE__ */ U(la, {
|
|
7727
7814
|
steps: e,
|
|
7728
7815
|
current: t,
|
|
7729
7816
|
onStepClick: n,
|
|
@@ -7763,7 +7850,7 @@ function fo({ steps: e, index: t, onStepClick: n, title: r, description: i, prog
|
|
|
7763
7850
|
}
|
|
7764
7851
|
//#endregion
|
|
7765
7852
|
//#region src/components/SecretInput.tsx
|
|
7766
|
-
var
|
|
7853
|
+
var yo = a(function({ value: e, onChange: t, status: n = { state: "idle" }, paste: r = !0, className: i, id: a, disabled: o, ...s }, c) {
|
|
7767
7854
|
let { strings: l } = q(), u = Y(), [d, f] = m(!1), p = r && typeof navigator < "u" && !!navigator.clipboard?.readText, h = async () => {
|
|
7768
7855
|
try {
|
|
7769
7856
|
let e = (await navigator.clipboard.readText()).trim();
|
|
@@ -7824,10 +7911,10 @@ var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
|
|
|
7824
7911
|
]
|
|
7825
7912
|
})] });
|
|
7826
7913
|
});
|
|
7827
|
-
|
|
7914
|
+
yo.displayName = "SecretInput";
|
|
7828
7915
|
//#endregion
|
|
7829
7916
|
//#region src/components/ReorderableList.tsx
|
|
7830
|
-
function
|
|
7917
|
+
function bo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", handleOnly: a = !0, className: o, itemClassName: s, ...c }) {
|
|
7831
7918
|
let l = (n, r) => {
|
|
7832
7919
|
if (r < 0 || r >= e.length || n === r) return;
|
|
7833
7920
|
let i = [...e], [a] = i.splice(n, 1);
|
|
@@ -7839,7 +7926,7 @@ function mo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", hand
|
|
|
7839
7926
|
onReorder: t,
|
|
7840
7927
|
"aria-label": c["aria-label"],
|
|
7841
7928
|
className: G("flex", i === "y" ? "flex-col gap-2" : "flex-row gap-2", o),
|
|
7842
|
-
children: e.map((t, o) => /* @__PURE__ */ U(
|
|
7929
|
+
children: e.map((t, o) => /* @__PURE__ */ U(xo, {
|
|
7843
7930
|
item: t,
|
|
7844
7931
|
index: o,
|
|
7845
7932
|
count: e.length,
|
|
@@ -7851,7 +7938,7 @@ function mo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", hand
|
|
|
7851
7938
|
}, n(t)))
|
|
7852
7939
|
});
|
|
7853
7940
|
}
|
|
7854
|
-
function
|
|
7941
|
+
function xo({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, className: o, children: s }) {
|
|
7855
7942
|
let { strings: c } = q(), l = b(), u = C(), d = /* @__PURE__ */ U("button", {
|
|
7856
7943
|
type: "button",
|
|
7857
7944
|
"aria-label": c.reorderableHandle(t + 1, n),
|
|
@@ -7881,21 +7968,21 @@ function ho({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, cl
|
|
|
7881
7968
|
}
|
|
7882
7969
|
//#endregion
|
|
7883
7970
|
//#region src/components/AvatarPicker.tsx
|
|
7884
|
-
function
|
|
7971
|
+
function So({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i = 512, crop: a = !0, disabled: o, className: s }) {
|
|
7885
7972
|
let { strings: c } = q(), [l, u] = m(null), d = (e) => {
|
|
7886
7973
|
let n = new FileReader();
|
|
7887
7974
|
n.onload = () => a ? u(String(n.result)) : t(String(n.result)), n.readAsDataURL(e);
|
|
7888
7975
|
};
|
|
7889
7976
|
return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W("div", {
|
|
7890
7977
|
className: G("relative w-fit", s),
|
|
7891
|
-
children: [/* @__PURE__ */ U(
|
|
7978
|
+
children: [/* @__PURE__ */ U(Yr, {
|
|
7892
7979
|
accept: "image/*",
|
|
7893
7980
|
disabled: o,
|
|
7894
7981
|
onFiles: ([e]) => e && d(e),
|
|
7895
7982
|
className: "rounded-full p-0",
|
|
7896
7983
|
children: /* @__PURE__ */ W("div", {
|
|
7897
7984
|
className: "relative",
|
|
7898
|
-
children: [/* @__PURE__ */ U(
|
|
7985
|
+
children: [/* @__PURE__ */ U(Xt, {
|
|
7899
7986
|
src: e ?? void 0,
|
|
7900
7987
|
name: n,
|
|
7901
7988
|
size: r,
|
|
@@ -7913,7 +8000,7 @@ function go({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i =
|
|
|
7913
8000
|
className: "absolute -left-1 -top-1 flex h-7 w-7 items-center justify-center rounded-full border border-line-2 bg-surface-2 text-fg-3 shadow-raised hover:text-danger",
|
|
7914
8001
|
children: /* @__PURE__ */ U(De, { size: Z.xs })
|
|
7915
8002
|
})]
|
|
7916
|
-
}), /* @__PURE__ */ U(
|
|
8003
|
+
}), /* @__PURE__ */ U(wo, {
|
|
7917
8004
|
src: l,
|
|
7918
8005
|
output: i,
|
|
7919
8006
|
onClose: () => u(null),
|
|
@@ -7922,8 +8009,8 @@ function go({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i =
|
|
|
7922
8009
|
}
|
|
7923
8010
|
})] });
|
|
7924
8011
|
}
|
|
7925
|
-
var
|
|
7926
|
-
function
|
|
8012
|
+
var Co = 288;
|
|
8013
|
+
function wo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
7927
8014
|
let { strings: i } = q(), [a, o] = m(null), [s, c] = m(1), [u, d] = m({
|
|
7928
8015
|
x: 0,
|
|
7929
8016
|
y: 0
|
|
@@ -7941,12 +8028,12 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7941
8028
|
});
|
|
7942
8029
|
}, t.src = e;
|
|
7943
8030
|
}, [e]);
|
|
7944
|
-
let h = (a ? Math.max(
|
|
7945
|
-
x: Math.min(Math.max(e.x,
|
|
7946
|
-
y: Math.min(Math.max(e.y,
|
|
8031
|
+
let h = (a ? Math.max(Co / a.width, Co / a.height) : 1) * s, g = (a?.width ?? 0) * h, _ = (a?.height ?? 0) * h, v = ((e) => ({
|
|
8032
|
+
x: Math.min(Math.max(e.x, Co - g), 0),
|
|
8033
|
+
y: Math.min(Math.max(e.y, Co - _), 0)
|
|
7947
8034
|
}))({
|
|
7948
|
-
x: u.x + (
|
|
7949
|
-
y: u.y + (
|
|
8035
|
+
x: u.x + (Co - g) / 2,
|
|
8036
|
+
y: u.y + (Co - _) / 2
|
|
7950
8037
|
}), y = (e) => {
|
|
7951
8038
|
f.current = {
|
|
7952
8039
|
x: e.clientX,
|
|
@@ -7962,7 +8049,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7962
8049
|
}, x = () => {
|
|
7963
8050
|
f.current = null;
|
|
7964
8051
|
};
|
|
7965
|
-
return /* @__PURE__ */ U(
|
|
8052
|
+
return /* @__PURE__ */ U(Ir, {
|
|
7966
8053
|
open: !!e,
|
|
7967
8054
|
onClose: n,
|
|
7968
8055
|
title: i.avatarPickerTitle,
|
|
@@ -7980,7 +8067,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7980
8067
|
if (!a) return;
|
|
7981
8068
|
let e = document.createElement("canvas");
|
|
7982
8069
|
e.width = t, e.height = t;
|
|
7983
|
-
let n = e.getContext("2d"), i = t /
|
|
8070
|
+
let n = e.getContext("2d"), i = t / Co;
|
|
7984
8071
|
n.drawImage(a, v.x * i, v.y * i, g * i, _ * i), r(e.toDataURL("image/webp", .9));
|
|
7985
8072
|
},
|
|
7986
8073
|
children: i.avatarPickerUse
|
|
@@ -7995,8 +8082,8 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7995
8082
|
onPointerCancel: x,
|
|
7996
8083
|
className: "relative cursor-grab touch-none select-none overflow-hidden rounded-2xl bg-black active:cursor-grabbing",
|
|
7997
8084
|
style: {
|
|
7998
|
-
width:
|
|
7999
|
-
height:
|
|
8085
|
+
width: Co,
|
|
8086
|
+
height: Co
|
|
8000
8087
|
},
|
|
8001
8088
|
children: [
|
|
8002
8089
|
a && /* @__PURE__ */ U("img", {
|
|
@@ -8025,7 +8112,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
8025
8112
|
children: [/* @__PURE__ */ U(je, {
|
|
8026
8113
|
size: Z.md,
|
|
8027
8114
|
className: "shrink-0 text-fg-3"
|
|
8028
|
-
}), /* @__PURE__ */ U(
|
|
8115
|
+
}), /* @__PURE__ */ U(oa, {
|
|
8029
8116
|
"aria-label": i.avatarPickerZoom,
|
|
8030
8117
|
value: s,
|
|
8031
8118
|
onChange: c,
|
|
@@ -8040,7 +8127,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
8040
8127
|
}
|
|
8041
8128
|
//#endregion
|
|
8042
8129
|
//#region src/components/Page.tsx
|
|
8043
|
-
function
|
|
8130
|
+
function To({ footer: e, mainRef: t, padding: n = "default", contentClassName: r, className: i, children: a, ...o }) {
|
|
8044
8131
|
return /* @__PURE__ */ W("div", {
|
|
8045
8132
|
className: G("flex h-full min-h-0 flex-col", i),
|
|
8046
8133
|
children: [/* @__PURE__ */ W("main", {
|
|
@@ -8058,7 +8145,7 @@ function yo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r
|
|
|
8058
8145
|
}
|
|
8059
8146
|
//#endregion
|
|
8060
8147
|
//#region src/components/ModelSelect.tsx
|
|
8061
|
-
var
|
|
8148
|
+
var Eo = (e, t) => /* @__PURE__ */ W("span", {
|
|
8062
8149
|
className: "flex items-center gap-1",
|
|
8063
8150
|
children: [e.vision && /* @__PURE__ */ U(ut, {
|
|
8064
8151
|
tone: "info",
|
|
@@ -8068,7 +8155,7 @@ var bo = (e, t) => /* @__PURE__ */ W("span", {
|
|
|
8068
8155
|
children: t.modelSelectAudio
|
|
8069
8156
|
})]
|
|
8070
8157
|
});
|
|
8071
|
-
function
|
|
8158
|
+
function Do({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, footer: a, disabled: o, id: s, className: c, ...l }) {
|
|
8072
8159
|
let { strings: u } = q(), d = Ot(), [p, h] = m(!1), g = e.find((e) => e.id === t) ?? null, _ = f(() => e.map((e) => ({
|
|
8073
8160
|
value: e.id,
|
|
8074
8161
|
label: e.name,
|
|
@@ -8077,14 +8164,14 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8077
8164
|
icon: e.local ? /* @__PURE__ */ U(R, { size: Z.md }) : /* @__PURE__ */ U(ce, { size: Z.md }),
|
|
8078
8165
|
meta: /* @__PURE__ */ W("span", {
|
|
8079
8166
|
className: "flex items-center gap-1",
|
|
8080
|
-
children: [
|
|
8167
|
+
children: [Eo(e, u), e.id === i && /* @__PURE__ */ U(ut, {
|
|
8081
8168
|
tone: "accent",
|
|
8082
8169
|
dot: !0,
|
|
8083
8170
|
children: u.modelSelectDefault
|
|
8084
8171
|
})]
|
|
8085
8172
|
})
|
|
8086
8173
|
})), [e, i]);
|
|
8087
|
-
if (!d) return /* @__PURE__ */ U(
|
|
8174
|
+
if (!d) return /* @__PURE__ */ U(aa, {
|
|
8088
8175
|
id: s,
|
|
8089
8176
|
options: _,
|
|
8090
8177
|
value: t,
|
|
@@ -8114,23 +8201,23 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8114
8201
|
}),
|
|
8115
8202
|
g && /* @__PURE__ */ U("span", {
|
|
8116
8203
|
className: "hidden @sm:flex",
|
|
8117
|
-
children:
|
|
8204
|
+
children: Eo(g, u)
|
|
8118
8205
|
}),
|
|
8119
8206
|
/* @__PURE__ */ U(N, {
|
|
8120
8207
|
size: Z.md,
|
|
8121
8208
|
className: "shrink-0 text-fg-3"
|
|
8122
8209
|
})
|
|
8123
8210
|
]
|
|
8124
|
-
}), /* @__PURE__ */ U(
|
|
8211
|
+
}), /* @__PURE__ */ U(Tr, {
|
|
8125
8212
|
open: p,
|
|
8126
8213
|
onClose: () => h(!1),
|
|
8127
8214
|
title: l["aria-label"] ?? u.modelSelectTitle,
|
|
8128
8215
|
detents: [.6, .92],
|
|
8129
8216
|
children: /* @__PURE__ */ W("div", {
|
|
8130
8217
|
className: "space-y-5",
|
|
8131
|
-
children: [v.map((r) => /* @__PURE__ */ U(
|
|
8218
|
+
children: [v.map((r) => /* @__PURE__ */ U(ui, {
|
|
8132
8219
|
label: r,
|
|
8133
|
-
children: e.filter((e) => e.provider === r).map((e) => /* @__PURE__ */ U(
|
|
8220
|
+
children: e.filter((e) => e.provider === r).map((e) => /* @__PURE__ */ U(hi, {
|
|
8134
8221
|
icon: e.local ? /* @__PURE__ */ U(R, { size: Z.lg }) : /* @__PURE__ */ U(ce, { size: Z.lg }),
|
|
8135
8222
|
tone: e.local ? "accent" : "info",
|
|
8136
8223
|
title: e.name,
|
|
@@ -8138,7 +8225,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8138
8225
|
className: "flex flex-wrap items-center gap-1.5",
|
|
8139
8226
|
children: [
|
|
8140
8227
|
e.meta,
|
|
8141
|
-
|
|
8228
|
+
Eo(e, u),
|
|
8142
8229
|
e.id === i && /* @__PURE__ */ U(ut, {
|
|
8143
8230
|
tone: "accent",
|
|
8144
8231
|
dot: !0,
|
|
@@ -8161,7 +8248,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8161
8248
|
}
|
|
8162
8249
|
//#endregion
|
|
8163
8250
|
//#region src/components/Citation.tsx
|
|
8164
|
-
function
|
|
8251
|
+
function Oo({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, className: o }) {
|
|
8165
8252
|
let { strings: s } = q(), c = Ot(), [l, u] = m(!1), d = i ?? (n ? (() => {
|
|
8166
8253
|
try {
|
|
8167
8254
|
return new URL(n).hostname.replace(/^www\./, "");
|
|
@@ -8214,7 +8301,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
|
|
|
8214
8301
|
})
|
|
8215
8302
|
]
|
|
8216
8303
|
});
|
|
8217
|
-
return c ? /* @__PURE__ */ W(H, { children: [f, /* @__PURE__ */ U(
|
|
8304
|
+
return c ? /* @__PURE__ */ W(H, { children: [f, /* @__PURE__ */ U(Tr, {
|
|
8218
8305
|
open: l,
|
|
8219
8306
|
onClose: () => u(!1),
|
|
8220
8307
|
title: `[${e}] ${d ?? "Source"}`,
|
|
@@ -8222,7 +8309,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
|
|
|
8222
8309
|
className: "pb-2",
|
|
8223
8310
|
children: p
|
|
8224
8311
|
})
|
|
8225
|
-
})] }) : /* @__PURE__ */ U(
|
|
8312
|
+
})] }) : /* @__PURE__ */ U(ai, {
|
|
8226
8313
|
content: /* @__PURE__ */ U("div", {
|
|
8227
8314
|
className: "w-72",
|
|
8228
8315
|
children: p
|
|
@@ -8230,10 +8317,10 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
|
|
|
8230
8317
|
children: f
|
|
8231
8318
|
});
|
|
8232
8319
|
}
|
|
8233
|
-
|
|
8320
|
+
Oo.displayName = "Citation";
|
|
8234
8321
|
//#endregion
|
|
8235
8322
|
//#region src/components/FeedbackAction.tsx
|
|
8236
|
-
function
|
|
8323
|
+
function ko({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText: i, onRetry: a, children: o, className: s }) {
|
|
8237
8324
|
let { strings: c } = q(), [l, u] = m(!1);
|
|
8238
8325
|
return /* @__PURE__ */ W("div", {
|
|
8239
8326
|
className: G("inline-flex items-center gap-1 text-fg-3", s),
|
|
@@ -8289,16 +8376,16 @@ function Co({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText:
|
|
|
8289
8376
|
]
|
|
8290
8377
|
});
|
|
8291
8378
|
}
|
|
8292
|
-
|
|
8379
|
+
ko.displayName = "FeedbackAction";
|
|
8293
8380
|
//#endregion
|
|
8294
8381
|
//#region src/components/PromptSuggestions.tsx
|
|
8295
|
-
var
|
|
8382
|
+
var Ao = {
|
|
8296
8383
|
1: "grid-cols-1",
|
|
8297
8384
|
2: "grid-cols-1 @sm:grid-cols-2",
|
|
8298
8385
|
3: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3",
|
|
8299
8386
|
4: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-4"
|
|
8300
8387
|
};
|
|
8301
|
-
function
|
|
8388
|
+
function jo({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i }) {
|
|
8302
8389
|
let { strings: a } = q(), o = n ?? /* @__PURE__ */ W("span", {
|
|
8303
8390
|
className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-fg-3",
|
|
8304
8391
|
children: [/* @__PURE__ */ U(Ce, {
|
|
@@ -8309,7 +8396,7 @@ function To({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i })
|
|
|
8309
8396
|
return /* @__PURE__ */ W("div", {
|
|
8310
8397
|
className: G("@container w-full space-y-3", i),
|
|
8311
8398
|
children: [o && /* @__PURE__ */ U("div", { children: o }), /* @__PURE__ */ U("div", {
|
|
8312
|
-
className: G("grid gap-2.5",
|
|
8399
|
+
className: G("grid gap-2.5", Ao[r]),
|
|
8313
8400
|
children: e.map((e) => /* @__PURE__ */ W("button", {
|
|
8314
8401
|
type: "button",
|
|
8315
8402
|
onClick: () => t(e.prompt, e),
|
|
@@ -8338,10 +8425,10 @@ function To({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i })
|
|
|
8338
8425
|
})]
|
|
8339
8426
|
});
|
|
8340
8427
|
}
|
|
8341
|
-
|
|
8428
|
+
jo.displayName = "PromptSuggestions";
|
|
8342
8429
|
//#endregion
|
|
8343
8430
|
//#region src/components/OtpInput.tsx
|
|
8344
|
-
var
|
|
8431
|
+
var Mo = a(function({ length: e = 6, value: t = "", onChange: n, onComplete: r, type: i = "number", mask: a = !1, disabled: o = !1, autoFocus: c = !1, className: l, id: u }, d) {
|
|
8345
8432
|
let { strings: f } = q(), m = Y(), h = p([]), g = Array.from({ length: e }, (e, n) => t[n] ?? ""), _ = s((t) => {
|
|
8346
8433
|
let n = Math.max(0, Math.min(e - 1, t));
|
|
8347
8434
|
h.current[n]?.focus(), h.current[n]?.select();
|
|
@@ -8401,39 +8488,39 @@ var Eo = a(function({ length: e = 6, value: t = "", onChange: n, onComplete: r,
|
|
|
8401
8488
|
}, n))
|
|
8402
8489
|
});
|
|
8403
8490
|
});
|
|
8404
|
-
|
|
8491
|
+
Mo.displayName = "OtpInput";
|
|
8405
8492
|
//#endregion
|
|
8406
8493
|
//#region src/layout/Box.tsx
|
|
8407
|
-
var
|
|
8494
|
+
var No = a(function({ as: e, className: t, ...n }, r) {
|
|
8408
8495
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8409
8496
|
ref: r,
|
|
8410
8497
|
className: G(t),
|
|
8411
8498
|
...n
|
|
8412
8499
|
});
|
|
8413
|
-
}),
|
|
8500
|
+
}), Po = a(function({ as: e, className: t, ...n }, r) {
|
|
8414
8501
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8415
8502
|
ref: r,
|
|
8416
8503
|
className: G("flex items-center justify-center", t),
|
|
8417
8504
|
...n
|
|
8418
8505
|
});
|
|
8419
|
-
}),
|
|
8506
|
+
}), Fo = {
|
|
8420
8507
|
sm: "max-w-screen-sm",
|
|
8421
8508
|
md: "max-w-screen-md",
|
|
8422
8509
|
lg: "max-w-screen-lg",
|
|
8423
8510
|
xl: "max-w-screen-xl",
|
|
8424
8511
|
prose: "max-w-prose"
|
|
8425
|
-
},
|
|
8512
|
+
}, Io = a(function({ as: e, size: t = "lg", flush: n, className: r, ...i }, a) {
|
|
8426
8513
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8427
8514
|
ref: a,
|
|
8428
|
-
className: G("mx-auto w-full",
|
|
8515
|
+
className: G("mx-auto w-full", Fo[t], !n && "px-4 sm:px-6", r),
|
|
8429
8516
|
...i
|
|
8430
8517
|
});
|
|
8431
|
-
}),
|
|
8518
|
+
}), Lo = {
|
|
8432
8519
|
none: "",
|
|
8433
8520
|
sm: "my-2",
|
|
8434
8521
|
md: "my-4",
|
|
8435
8522
|
lg: "my-8"
|
|
8436
|
-
},
|
|
8523
|
+
}, Ro = a(function({ orientation: e = "horizontal", label: t, spacing: n = "none", className: r, ...i }, a) {
|
|
8437
8524
|
return e === "vertical" ? /* @__PURE__ */ U("div", {
|
|
8438
8525
|
ref: a,
|
|
8439
8526
|
role: "separator",
|
|
@@ -8443,7 +8530,7 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8443
8530
|
}) : t ? /* @__PURE__ */ W("div", {
|
|
8444
8531
|
ref: a,
|
|
8445
8532
|
role: "separator",
|
|
8446
|
-
className: G("flex items-center gap-3",
|
|
8533
|
+
className: G("flex items-center gap-3", Lo[n], r),
|
|
8447
8534
|
...i,
|
|
8448
8535
|
children: [
|
|
8449
8536
|
/* @__PURE__ */ U("span", { className: "h-px flex-1 bg-line" }),
|
|
@@ -8456,10 +8543,10 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8456
8543
|
}) : /* @__PURE__ */ U("div", {
|
|
8457
8544
|
ref: a,
|
|
8458
8545
|
role: "separator",
|
|
8459
|
-
className: G("h-px w-full bg-line",
|
|
8546
|
+
className: G("h-px w-full bg-line", Lo[n], r),
|
|
8460
8547
|
...i
|
|
8461
8548
|
});
|
|
8462
|
-
}),
|
|
8549
|
+
}), zo = {
|
|
8463
8550
|
0: "gap-0",
|
|
8464
8551
|
.5: "gap-0.5",
|
|
8465
8552
|
1: "gap-1",
|
|
@@ -8474,31 +8561,31 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8474
8561
|
10: "gap-10",
|
|
8475
8562
|
12: "gap-12",
|
|
8476
8563
|
16: "gap-16"
|
|
8477
|
-
},
|
|
8564
|
+
}, Bo = {
|
|
8478
8565
|
start: "items-start",
|
|
8479
8566
|
center: "items-center",
|
|
8480
8567
|
end: "items-end",
|
|
8481
8568
|
stretch: "items-stretch",
|
|
8482
8569
|
baseline: "items-baseline"
|
|
8483
|
-
},
|
|
8570
|
+
}, Vo = {
|
|
8484
8571
|
start: "justify-start",
|
|
8485
8572
|
center: "justify-center",
|
|
8486
8573
|
end: "justify-end",
|
|
8487
8574
|
between: "justify-between",
|
|
8488
8575
|
around: "justify-around",
|
|
8489
8576
|
evenly: "justify-evenly"
|
|
8490
|
-
},
|
|
8577
|
+
}, Ho = {
|
|
8491
8578
|
row: "flex-row",
|
|
8492
8579
|
column: "flex-col",
|
|
8493
8580
|
"row-reverse": "flex-row-reverse",
|
|
8494
8581
|
"column-reverse": "flex-col-reverse"
|
|
8495
|
-
},
|
|
8582
|
+
}, Uo = a(function({ as: e, direction: t = "row", align: n, justify: r, wrap: i, gap: a, inline: o, className: s, ...c }, l) {
|
|
8496
8583
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8497
8584
|
ref: l,
|
|
8498
|
-
className: G(o ? "inline-flex" : "flex",
|
|
8585
|
+
className: G(o ? "inline-flex" : "flex", Ho[t], n && Bo[n], r && Vo[r], i && "flex-wrap", a !== void 0 && zo[a], s),
|
|
8499
8586
|
...c
|
|
8500
8587
|
});
|
|
8501
|
-
}),
|
|
8588
|
+
}), Wo = {
|
|
8502
8589
|
base: {
|
|
8503
8590
|
1: "grid-cols-1",
|
|
8504
8591
|
2: "grid-cols-2",
|
|
@@ -8544,11 +8631,11 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8544
8631
|
6: "xl:grid-cols-6",
|
|
8545
8632
|
12: "xl:grid-cols-12"
|
|
8546
8633
|
}
|
|
8547
|
-
},
|
|
8548
|
-
let c = e ?? "div", l = t === void 0 ? null : typeof t == "number" ?
|
|
8634
|
+
}, Go = a(function({ as: e, columns: t, gap: n = 4, minChildWidth: r, className: i, style: a, ...o }, s) {
|
|
8635
|
+
let c = e ?? "div", l = t === void 0 ? null : typeof t == "number" ? Wo.base[t] : Object.entries(t).map(([e, t]) => Wo[e][t]);
|
|
8549
8636
|
return /* @__PURE__ */ U(c, {
|
|
8550
8637
|
ref: s,
|
|
8551
|
-
className: G("grid",
|
|
8638
|
+
className: G("grid", zo[n], l, i),
|
|
8552
8639
|
style: r ? {
|
|
8553
8640
|
gridTemplateColumns: `repeat(auto-fit, minmax(min(${r}, 100%), 1fr))`,
|
|
8554
8641
|
...a
|
|
@@ -8558,7 +8645,7 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8558
8645
|
});
|
|
8559
8646
|
//#endregion
|
|
8560
8647
|
//#region src/layout/Spacer.tsx
|
|
8561
|
-
function
|
|
8648
|
+
function Ko({ className: e }) {
|
|
8562
8649
|
return /* @__PURE__ */ U("div", {
|
|
8563
8650
|
"aria-hidden": "true",
|
|
8564
8651
|
className: G("flex-1", e)
|
|
@@ -8566,21 +8653,21 @@ function Bo({ className: e }) {
|
|
|
8566
8653
|
}
|
|
8567
8654
|
//#endregion
|
|
8568
8655
|
//#region src/layout/Stack.tsx
|
|
8569
|
-
function
|
|
8656
|
+
function qo(e, t, n) {
|
|
8570
8657
|
let r = a(function({ as: e, gap: r = n.gap, align: i = n.align, justify: a, wrap: o, className: s, ...c }, l) {
|
|
8571
8658
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8572
8659
|
ref: l,
|
|
8573
|
-
className: G("flex", t === "column" ? "flex-col" : "flex-row",
|
|
8660
|
+
className: G("flex", t === "column" ? "flex-col" : "flex-row", zo[r], i && Bo[i], a && Vo[a], o && "flex-wrap", s),
|
|
8574
8661
|
...c
|
|
8575
8662
|
});
|
|
8576
8663
|
});
|
|
8577
8664
|
return r.displayName = e, r;
|
|
8578
8665
|
}
|
|
8579
|
-
var
|
|
8666
|
+
var Jo = qo("Stack", "column", { gap: 4 }), Yo = Jo, Xo = qo("HStack", "row", {
|
|
8580
8667
|
gap: 3,
|
|
8581
8668
|
align: "center"
|
|
8582
8669
|
});
|
|
8583
8670
|
//#endregion
|
|
8584
|
-
export { st as Accordion, ct as AccordionItem,
|
|
8671
|
+
export { st as Accordion, ct as AccordionItem, mo as ActionBar, ht as Alert, St as AppBar, Gt as AppShell, Ki as AspectRatio, qt as AudioItem, Xt as Avatar, Qt as AvatarGroup, So as AvatarPicker, ut as Badge, tn as Banner, Er as BottomMenu, No as Box, fn as Breadcrumb, Q as Button, _n as ButtonGroup, Pn as CHART_SERIES, Nr as Calendar, xn as Card, Sn as CardButton, Cn as Carousel, Po as Center, Mn as CharacterCard, Nn as CharacterCardSkeleton, Ln as Chart, Ve as ChartCell, Bn as Checkbox, Vn as Chip, ho as ChoiceCard, Oo as Citation, Gn as CodeBlock, Kn as Collapsible, ir as ColorPicker, cr as Combobox, fr as CommandPalette, hr as Composer, kr as ConfirmHost, Io as Container, Ar as ContextMenu, Hn as CopyButton, pt as CrispStringsProvider, Ia as DEFAULT_THEME, Pr as DatePicker, Ir as Dialog, zr as Diff, Ro as Divider, It as Dock, Jr as DownloadItem, Yr as Dropzone, Xr as EmptyState, Zr as ErrorState, ko as FeedbackAction, yt as Field, $r as FilterBar, Uo as Flex, ni as Form, ri as FormActions, wt as FrameProvider, Go as Grid, Xo as HStack, ur as Highlight, ai as HoverCard, oi as ICON_SIZE, si as Icon, J as IconButton, ci as ImageViewer, li as InfiniteScroll, Xi as InlineMarkdown, bt as Input, dr as Kbd, ca as KeyValue, ui as ListGroup, mi as ListRow, hi as ListRowButton, sr as LoadingState, gi as Masonry, vi as MediaCard, yi as MediaCardSkeleton, bi as MediaTile, xi as MediaTileSkeleton, rn as Menu, sn as MenuContent, cn as MenuItem, un as MenuLabel, ln as MenuSeparator, on as MenuTrigger, ki as Message, Mi as MessageDivider, Ni as Meter, Do as ModelSelect, Fi as MultiItemDownloadCard, Pt as NavBadge, Vt as NavLabel, Ht as NavRail, Ii as NumberInput, Mo as OtpInput, Fa as PRESETS, To as Page, Ri as Pagination, Vi as Panel, Wi as PartitionBar, Zn as Popover, $n as PopoverAnchor, tr as PopoverContent, Qn as PopoverTrigger, Vr as Progress, jo as PromptSuggestions, Zi as Prose, ea as Radio, $i as RadioGroup, _r as RecordingWave, bo as ReorderableList, ta as Resizable, Wn as ScrollArea, na as SearchField, yo as SecretInput, ra as Segmented, ia as Select, aa as SelectMenu, Tr as Sheet, go as Shelf, $ as Skeleton, jn as SkeletonRow, oa as Slider, Ko as Spacer, Rn as Sparkline, or as Spinner, vn as SplitButton, Jo as Stack, sa as StatTile, la as Stepper, An as Surface, ua as Switch, ga as Tab, Ft as TabBar, ha as TabList, _a as TabPanel, da as Table, ma as Tabs, va as TagInput, xa as Text, xt as Textarea, Ga as ThemeEditor, Va as ThemeProvider, qa as Timeline, Ja as TitleBar, no as Toaster, ro as ToggleGroup, io as Toolbar, oo as ToolbarGroup, ao as ToolbarSeparator, Nt as Tooltip, co as Tour, lo as Tree, ji as TypingDots, Yo as VStack, uo as VirtualList, Gi as VisuallyHidden, po as WindowResizeHandles, vo as Wizard, Bo as alignClass, Pa as applyTheme, G as cn, Wr as compactNumber, Or as confirm, Ta as contrastRatio, Lr as diffLines, dt as englishStrings, Ji as escapeHeadings, Kr as fileSize, zo as gapClass, Jn as getElementRef, Sa as hexToRgb, Z as icon, gn as iconSize, X as inputSurface, Ea as isLight, Vo as justifyClass, wa as luminance, qn as mergeRefs, Oa as mixHex, K as motion, Ca as normaliseHex, Da as readableOn, Ur as relativeTime, Na as themeToVars, wn as tintFromName, to as toast, pr as useCommandPalette, Ot as useCompactLayout, q as useCrispStrings, Y as useFieldContext, ti as useForm, Tt as useFrame, Tn as useImageBrightness, mr as useLongPress, Dt as useMediaQuery, vr as useModal, zt as useNavExpanded, Dn as useOnSurface, er as usePopoverPosition, Et as usePortalTarget, za as useTheme, ii as useUnsavedGuard, _o as useWizard };
|
|
8585
8672
|
|
|
8586
8673
|
//# sourceMappingURL=index.js.map
|