@lettuceai/crisp 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Tooltip.d.ts +7 -1
- package/dist/index.js +653 -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,10 @@ 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";
|
|
5575
5613
|
//#endregion
|
|
5576
5614
|
//#region src/components/Prose.tsx
|
|
5577
|
-
function
|
|
5615
|
+
function qi({ children: e, size: t = "md", className: n }) {
|
|
5578
5616
|
return /* @__PURE__ */ U("div", {
|
|
5579
5617
|
className: G(t === "sm" ? "text-sm" : "text-base", "leading-relaxed text-fg", n),
|
|
5580
5618
|
children: /* @__PURE__ */ U(Je, {
|
|
@@ -5629,7 +5667,7 @@ function Gi({ children: e, size: t = "md", className: n }) {
|
|
|
5629
5667
|
return !e && !n.includes("\n") ? /* @__PURE__ */ U("code", {
|
|
5630
5668
|
className: "rounded-md border border-line bg-fill px-1 py-0.5 font-mono text-[0.9em] text-fg-2",
|
|
5631
5669
|
children: n
|
|
5632
|
-
}) : /* @__PURE__ */ U(
|
|
5670
|
+
}) : /* @__PURE__ */ U(Gn, {
|
|
5633
5671
|
code: n,
|
|
5634
5672
|
label: e?.replace("language-", ""),
|
|
5635
5673
|
className: "my-3"
|
|
@@ -5667,10 +5705,10 @@ function Gi({ children: e, size: t = "md", className: n }) {
|
|
|
5667
5705
|
}
|
|
5668
5706
|
//#endregion
|
|
5669
5707
|
//#region src/components/Radio.tsx
|
|
5670
|
-
var
|
|
5671
|
-
function
|
|
5708
|
+
var Ji = r(null);
|
|
5709
|
+
function Yi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", className: i, children: a, ...o }) {
|
|
5672
5710
|
let s = u();
|
|
5673
|
-
return /* @__PURE__ */ U(
|
|
5711
|
+
return /* @__PURE__ */ U(Ji.Provider, {
|
|
5674
5712
|
value: {
|
|
5675
5713
|
name: s,
|
|
5676
5714
|
value: e,
|
|
@@ -5685,8 +5723,8 @@ function qi({ value: e, onChange: t, disabled: n, orientation: r = "vertical", c
|
|
|
5685
5723
|
})
|
|
5686
5724
|
});
|
|
5687
5725
|
}
|
|
5688
|
-
function
|
|
5689
|
-
let i = c(
|
|
5726
|
+
function Xi({ value: e, label: t, description: n, disabled: r }) {
|
|
5727
|
+
let i = c(Ji);
|
|
5690
5728
|
if (!i) throw Error("Radio must be used inside <RadioGroup>");
|
|
5691
5729
|
let a = i.value === e, o = r || i.disabled;
|
|
5692
5730
|
return /* @__PURE__ */ W("label", {
|
|
@@ -5720,7 +5758,7 @@ function Ji({ value: e, label: t, description: n, disabled: r }) {
|
|
|
5720
5758
|
}
|
|
5721
5759
|
//#endregion
|
|
5722
5760
|
//#region src/components/Resizable.tsx
|
|
5723
|
-
function
|
|
5761
|
+
function Zi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, minSize: i = 200, maxSize: a = 640, storageKey: o, className: c }) {
|
|
5724
5762
|
let { strings: u } = q(), [d, f] = m(() => {
|
|
5725
5763
|
if (!o || typeof localStorage > "u") return r;
|
|
5726
5764
|
try {
|
|
@@ -5785,7 +5823,7 @@ function Yi({ panel: e, children: t, side: n = "left", defaultSize: r = 320, min
|
|
|
5785
5823
|
}
|
|
5786
5824
|
//#endregion
|
|
5787
5825
|
//#region src/components/SearchField.tsx
|
|
5788
|
-
var
|
|
5826
|
+
var Qi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i = "md", placeholder: a, className: o, ...s }, c) {
|
|
5789
5827
|
let { strings: l } = q(), u = p(null);
|
|
5790
5828
|
return /* @__PURE__ */ W("div", {
|
|
5791
5829
|
className: "relative",
|
|
@@ -5818,18 +5856,18 @@ var Xi = a(function({ value: e, onChange: t, loading: n, shortcut: r, size: i =
|
|
|
5818
5856
|
children: /* @__PURE__ */ U(V, { size: 14 })
|
|
5819
5857
|
}) : n ? /* @__PURE__ */ U("span", {
|
|
5820
5858
|
className: "absolute right-3 top-1/2 -translate-y-1/2",
|
|
5821
|
-
children: /* @__PURE__ */ U(
|
|
5859
|
+
children: /* @__PURE__ */ U(or, { size: "sm" })
|
|
5822
5860
|
}) : r ? /* @__PURE__ */ U("span", {
|
|
5823
5861
|
className: "absolute right-2 top-1/2 hidden -translate-y-1/2 hoverable:block",
|
|
5824
|
-
children: /* @__PURE__ */ U(
|
|
5862
|
+
children: /* @__PURE__ */ U(dr, { children: r })
|
|
5825
5863
|
}) : null
|
|
5826
5864
|
]
|
|
5827
5865
|
});
|
|
5828
5866
|
});
|
|
5829
|
-
|
|
5867
|
+
Qi.displayName = "SearchField";
|
|
5830
5868
|
//#endregion
|
|
5831
5869
|
//#region src/components/Segmented.tsx
|
|
5832
|
-
function
|
|
5870
|
+
function $i({ options: e, value: t, onChange: n, size: r = "md", block: i, className: a, ...o }) {
|
|
5833
5871
|
let s = u();
|
|
5834
5872
|
return /* @__PURE__ */ U("div", {
|
|
5835
5873
|
role: "radiogroup",
|
|
@@ -5868,7 +5906,7 @@ function Zi({ options: e, value: t, onChange: n, size: r = "md", block: i, class
|
|
|
5868
5906
|
}
|
|
5869
5907
|
//#endregion
|
|
5870
5908
|
//#region src/components/Select.tsx
|
|
5871
|
-
var
|
|
5909
|
+
var ea = a(function({ options: e, placeholder: t, className: n, id: r, value: i, defaultValue: a, ...o }, s) {
|
|
5872
5910
|
let c = Y(), l = (i ?? a ?? "") === "";
|
|
5873
5911
|
return /* @__PURE__ */ W("div", {
|
|
5874
5912
|
className: "relative",
|
|
@@ -5897,10 +5935,10 @@ var Qi = a(function({ options: e, placeholder: t, className: n, id: r, value: i,
|
|
|
5897
5935
|
})]
|
|
5898
5936
|
});
|
|
5899
5937
|
});
|
|
5900
|
-
|
|
5938
|
+
ea.displayName = "Select";
|
|
5901
5939
|
//#endregion
|
|
5902
5940
|
//#region src/components/SelectMenu.tsx
|
|
5903
|
-
function
|
|
5941
|
+
function ta(e) {
|
|
5904
5942
|
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
5943
|
query: "",
|
|
5906
5944
|
at: 0
|
|
@@ -5970,10 +6008,10 @@ function $i(e) {
|
|
|
5970
6008
|
}
|
|
5971
6009
|
}
|
|
5972
6010
|
}, 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(
|
|
6011
|
+
return /* @__PURE__ */ W(Zn, {
|
|
5974
6012
|
open: v,
|
|
5975
6013
|
onOpenChange: y,
|
|
5976
|
-
children: [/* @__PURE__ */ U(
|
|
6014
|
+
children: [/* @__PURE__ */ U(Qn, { children: /* @__PURE__ */ W("button", {
|
|
5977
6015
|
type: "button",
|
|
5978
6016
|
id: o ?? g?.id,
|
|
5979
6017
|
role: "combobox",
|
|
@@ -6010,7 +6048,7 @@ function $i(e) {
|
|
|
6010
6048
|
className: G("shrink-0 text-fg-3 transition-transform motion-instant", v && "rotate-180")
|
|
6011
6049
|
})
|
|
6012
6050
|
]
|
|
6013
|
-
}) }), /* @__PURE__ */ U(
|
|
6051
|
+
}) }), /* @__PURE__ */ U(tr, {
|
|
6014
6052
|
matchWidth: !0,
|
|
6015
6053
|
className: G("p-0", d),
|
|
6016
6054
|
children: /* @__PURE__ */ W("div", {
|
|
@@ -6070,7 +6108,7 @@ function $i(e) {
|
|
|
6070
6108
|
}
|
|
6071
6109
|
//#endregion
|
|
6072
6110
|
//#region src/components/Slider.tsx
|
|
6073
|
-
var
|
|
6111
|
+
var na = 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
6112
|
let d = Y(), f = (e - n) / (r - n) * 100, p = typeof a == "function" ? a(e) : a ? String(e) : null;
|
|
6075
6113
|
return /* @__PURE__ */ W("div", {
|
|
6076
6114
|
className: G("flex items-center gap-3", o),
|
|
@@ -6096,10 +6134,10 @@ var ea = a(function({ value: e, onChange: t, min: n = 0, max: r = 100, step: i =
|
|
|
6096
6134
|
})]
|
|
6097
6135
|
});
|
|
6098
6136
|
});
|
|
6099
|
-
|
|
6137
|
+
na.displayName = "Slider";
|
|
6100
6138
|
//#endregion
|
|
6101
6139
|
//#region src/components/StatTile.tsx
|
|
6102
|
-
function
|
|
6140
|
+
function ra({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", icon: a, highlight: o, className: s }) {
|
|
6103
6141
|
let c = r ? r.direction === i : void 0;
|
|
6104
6142
|
return /* @__PURE__ */ W("div", {
|
|
6105
6143
|
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 +6173,7 @@ function ta({ label: e, value: t, sub: n, trend: r, goodDirection: i = "up", ico
|
|
|
6135
6173
|
]
|
|
6136
6174
|
});
|
|
6137
6175
|
}
|
|
6138
|
-
function
|
|
6176
|
+
function ia({ items: e, layout: t = "inline", className: n }) {
|
|
6139
6177
|
return /* @__PURE__ */ U("dl", {
|
|
6140
6178
|
className: G("divide-y divide-line", n),
|
|
6141
6179
|
children: e.map((e, n) => /* @__PURE__ */ W("div", {
|
|
@@ -6152,7 +6190,7 @@ function na({ items: e, layout: t = "inline", className: n }) {
|
|
|
6152
6190
|
}
|
|
6153
6191
|
//#endregion
|
|
6154
6192
|
//#region src/components/Stepper.tsx
|
|
6155
|
-
function
|
|
6193
|
+
function aa({ steps: e, current: t, onStepClick: n, variant: r = "bar", className: i }) {
|
|
6156
6194
|
let { strings: a } = q(), o = Math.max(0, Math.min(t, e.length - 1));
|
|
6157
6195
|
return r === "dots" ? /* @__PURE__ */ U("div", {
|
|
6158
6196
|
className: G("flex items-center gap-1.5", i),
|
|
@@ -6222,7 +6260,7 @@ function ra({ steps: e, current: t, onStepClick: n, variant: r = "bar", classNam
|
|
|
6222
6260
|
}
|
|
6223
6261
|
//#endregion
|
|
6224
6262
|
//#region src/components/Switch.tsx
|
|
6225
|
-
function
|
|
6263
|
+
function oa({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a }) {
|
|
6226
6264
|
let o = Y();
|
|
6227
6265
|
return /* @__PURE__ */ U("button", {
|
|
6228
6266
|
type: "button",
|
|
@@ -6245,7 +6283,7 @@ function ia({ checked: e, onChange: t, disabled: n, id: r, className: i, ...a })
|
|
|
6245
6283
|
}
|
|
6246
6284
|
//#endregion
|
|
6247
6285
|
//#region src/components/Table.tsx
|
|
6248
|
-
function
|
|
6286
|
+
function sa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowClick: a, empty: o, caption: s, className: c }) {
|
|
6249
6287
|
let { strings: l } = q(), u = (e) => {
|
|
6250
6288
|
i && i({
|
|
6251
6289
|
key: e,
|
|
@@ -6254,7 +6292,7 @@ function aa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowCli
|
|
|
6254
6292
|
};
|
|
6255
6293
|
return /* @__PURE__ */ U("div", {
|
|
6256
6294
|
className: G("overflow-hidden rounded-xl border border-line", c),
|
|
6257
|
-
children: /* @__PURE__ */ U(
|
|
6295
|
+
children: /* @__PURE__ */ U(Wn, {
|
|
6258
6296
|
axis: "x",
|
|
6259
6297
|
bar: !0,
|
|
6260
6298
|
children: /* @__PURE__ */ W("table", {
|
|
@@ -6306,15 +6344,15 @@ function aa({ columns: e, rows: t, rowKey: n, sort: r, onSortChange: i, onRowCli
|
|
|
6306
6344
|
}
|
|
6307
6345
|
//#endregion
|
|
6308
6346
|
//#region src/components/Tabs.tsx
|
|
6309
|
-
var
|
|
6310
|
-
function
|
|
6311
|
-
let e = c(
|
|
6347
|
+
var ca = r(null);
|
|
6348
|
+
function la() {
|
|
6349
|
+
let e = c(ca);
|
|
6312
6350
|
if (!e) throw Error("Tabs parts must be used inside <Tabs>");
|
|
6313
6351
|
return e;
|
|
6314
6352
|
}
|
|
6315
|
-
function
|
|
6353
|
+
function ua({ value: e, onChange: t, className: n, children: r }) {
|
|
6316
6354
|
let i = u();
|
|
6317
|
-
return /* @__PURE__ */ U(
|
|
6355
|
+
return /* @__PURE__ */ U(ca.Provider, {
|
|
6318
6356
|
value: {
|
|
6319
6357
|
value: e,
|
|
6320
6358
|
onChange: t,
|
|
@@ -6326,7 +6364,7 @@ function ca({ value: e, onChange: t, className: n, children: r }) {
|
|
|
6326
6364
|
})
|
|
6327
6365
|
});
|
|
6328
6366
|
}
|
|
6329
|
-
function
|
|
6367
|
+
function da({ children: e, className: t, "aria-label": n }) {
|
|
6330
6368
|
return /* @__PURE__ */ U("div", {
|
|
6331
6369
|
role: "tablist",
|
|
6332
6370
|
"aria-label": n,
|
|
@@ -6343,8 +6381,8 @@ function la({ children: e, className: t, "aria-label": n }) {
|
|
|
6343
6381
|
children: e
|
|
6344
6382
|
});
|
|
6345
6383
|
}
|
|
6346
|
-
function
|
|
6347
|
-
let i =
|
|
6384
|
+
function fa({ value: e, icon: t, count: n, children: r }) {
|
|
6385
|
+
let i = la(), a = i.value === e;
|
|
6348
6386
|
return /* @__PURE__ */ W("button", {
|
|
6349
6387
|
type: "button",
|
|
6350
6388
|
role: "tab",
|
|
@@ -6369,8 +6407,8 @@ function ua({ value: e, icon: t, count: n, children: r }) {
|
|
|
6369
6407
|
]
|
|
6370
6408
|
});
|
|
6371
6409
|
}
|
|
6372
|
-
function
|
|
6373
|
-
let r =
|
|
6410
|
+
function pa({ value: e, className: t, children: n }) {
|
|
6411
|
+
let r = la();
|
|
6374
6412
|
return r.value === e ? /* @__PURE__ */ U("div", {
|
|
6375
6413
|
role: "tabpanel",
|
|
6376
6414
|
id: `${r.id}-panel-${e}`,
|
|
@@ -6382,7 +6420,7 @@ function da({ value: e, className: t, children: n }) {
|
|
|
6382
6420
|
}
|
|
6383
6421
|
//#endregion
|
|
6384
6422
|
//#region src/components/TagInput.tsx
|
|
6385
|
-
function
|
|
6423
|
+
function ma({ value: e, onChange: t, placeholder: n, max: r, separators: i = [","], disabled: a, id: o, className: s }) {
|
|
6386
6424
|
let { strings: c } = q(), l = Y(), u = p(null), [d, f] = m(""), h = (n) => {
|
|
6387
6425
|
let i = n.trim();
|
|
6388
6426
|
if (!i || e.includes(i)) return f("");
|
|
@@ -6424,7 +6462,7 @@ function fa({ value: e, onChange: t, placeholder: n, max: r, separators: i = [",
|
|
|
6424
6462
|
}
|
|
6425
6463
|
//#endregion
|
|
6426
6464
|
//#region src/components/Text.tsx
|
|
6427
|
-
var
|
|
6465
|
+
var ha = {
|
|
6428
6466
|
hero: "text-5xl font-bold leading-[1.05] tracking-[-0.03em] text-fg @3xl:text-6xl",
|
|
6429
6467
|
display: "text-4xl font-bold leading-[1.1] tracking-tight text-fg",
|
|
6430
6468
|
page: "text-3xl font-bold tracking-tight text-fg",
|
|
@@ -6435,7 +6473,7 @@ var pa = {
|
|
|
6435
6473
|
label: "text-sm font-medium text-fg-2",
|
|
6436
6474
|
hint: "text-sm text-fg-3",
|
|
6437
6475
|
caption: "text-2xs text-fg-3"
|
|
6438
|
-
},
|
|
6476
|
+
}, ga = {
|
|
6439
6477
|
hero: "h1",
|
|
6440
6478
|
display: "h1",
|
|
6441
6479
|
page: "h1",
|
|
@@ -6447,15 +6485,15 @@ var pa = {
|
|
|
6447
6485
|
hint: "p",
|
|
6448
6486
|
caption: "span"
|
|
6449
6487
|
};
|
|
6450
|
-
function
|
|
6451
|
-
return i(t ??
|
|
6452
|
-
className: G(
|
|
6488
|
+
function _a({ variant: e = "body", as: t, className: n, ...r }) {
|
|
6489
|
+
return i(t ?? ga[e], {
|
|
6490
|
+
className: G(ha[e], n),
|
|
6453
6491
|
...r
|
|
6454
6492
|
});
|
|
6455
6493
|
}
|
|
6456
6494
|
//#endregion
|
|
6457
6495
|
//#region src/lib/color.ts
|
|
6458
|
-
function
|
|
6496
|
+
function va(e) {
|
|
6459
6497
|
let t = e.trim().replace(/^#/, ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t;
|
|
6460
6498
|
return /^[0-9a-f]{6}$/i.test(n) ? {
|
|
6461
6499
|
r: parseInt(n.slice(0, 2), 16),
|
|
@@ -6463,16 +6501,16 @@ function ga(e) {
|
|
|
6463
6501
|
b: parseInt(n.slice(4, 6), 16)
|
|
6464
6502
|
} : null;
|
|
6465
6503
|
}
|
|
6466
|
-
function
|
|
6467
|
-
let t =
|
|
6504
|
+
function ya(e) {
|
|
6505
|
+
let t = va(e);
|
|
6468
6506
|
return t ? `#${[
|
|
6469
6507
|
t.r,
|
|
6470
6508
|
t.g,
|
|
6471
6509
|
t.b
|
|
6472
6510
|
].map((e) => e.toString(16).padStart(2, "0")).join("")}` : null;
|
|
6473
6511
|
}
|
|
6474
|
-
function
|
|
6475
|
-
let t =
|
|
6512
|
+
function ba(e) {
|
|
6513
|
+
let t = va(e);
|
|
6476
6514
|
if (!t) return 0;
|
|
6477
6515
|
let n = (e) => {
|
|
6478
6516
|
let t = e / 255;
|
|
@@ -6480,18 +6518,18 @@ function va(e) {
|
|
|
6480
6518
|
};
|
|
6481
6519
|
return .2126 * n(t.r) + .7152 * n(t.g) + .0722 * n(t.b);
|
|
6482
6520
|
}
|
|
6483
|
-
function
|
|
6484
|
-
let n =
|
|
6521
|
+
function xa(e, t) {
|
|
6522
|
+
let n = ba(e), r = ba(t);
|
|
6485
6523
|
return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
|
|
6486
6524
|
}
|
|
6487
|
-
function
|
|
6488
|
-
return
|
|
6525
|
+
function Sa(e) {
|
|
6526
|
+
return ba(e) > .4;
|
|
6489
6527
|
}
|
|
6490
|
-
function
|
|
6491
|
-
return
|
|
6528
|
+
function Ca(e) {
|
|
6529
|
+
return xa(e, "#ffffff") >= xa(e, "#000000") ? "#ffffff" : "#0a0a0a";
|
|
6492
6530
|
}
|
|
6493
|
-
function
|
|
6494
|
-
let r =
|
|
6531
|
+
function wa(e, t, n) {
|
|
6532
|
+
let r = va(e), i = va(t);
|
|
6495
6533
|
if (!r || !i) return e;
|
|
6496
6534
|
let a = Math.min(1, Math.max(0, n)), o = (e, t) => Math.round(e + (t - e) * a);
|
|
6497
6535
|
return `#${[
|
|
@@ -6502,7 +6540,7 @@ function Sa(e, t, n) {
|
|
|
6502
6540
|
}
|
|
6503
6541
|
//#endregion
|
|
6504
6542
|
//#region src/theme/theme.ts
|
|
6505
|
-
var
|
|
6543
|
+
var Ta = {
|
|
6506
6544
|
sharp: {
|
|
6507
6545
|
sm: "2px",
|
|
6508
6546
|
md: "3px",
|
|
@@ -6524,21 +6562,21 @@ var Ca = {
|
|
|
6524
6562
|
xl: "18px",
|
|
6525
6563
|
"2xl": "24px"
|
|
6526
6564
|
}
|
|
6527
|
-
},
|
|
6565
|
+
}, Ea = {
|
|
6528
6566
|
fg2: 72,
|
|
6529
6567
|
fg3: 50,
|
|
6530
6568
|
fg4: 34
|
|
6531
|
-
},
|
|
6569
|
+
}, Da = {
|
|
6532
6570
|
fill: 5,
|
|
6533
6571
|
fill2: 8,
|
|
6534
6572
|
fill3: 12
|
|
6535
|
-
},
|
|
6573
|
+
}, Oa = {
|
|
6536
6574
|
line: 10,
|
|
6537
6575
|
line2: 16,
|
|
6538
6576
|
line3: 26
|
|
6539
6577
|
};
|
|
6540
|
-
function
|
|
6541
|
-
let { surface: t, fg: n, accent: r, danger: i, warning: a, info: o, secondary: s, nav: c } = e.colors, l =
|
|
6578
|
+
function ka(e) {
|
|
6579
|
+
let { surface: t, fg: n, accent: r, danger: i, warning: a, info: o, secondary: s, nav: c } = e.colors, l = Sa(t), u = l ? wa(t, "#ffffff", .6) : wa(t, "#ffffff", .075), d = l ? "#ffffff" : wa(t, "#ffffff", .13), f = l ? .12 : .45, p = (e, t) => `color-mix(in oklab, ${e} ${t}%, transparent)`;
|
|
6542
6580
|
return {
|
|
6543
6581
|
"--color-surface": t,
|
|
6544
6582
|
"--color-surface-1": u,
|
|
@@ -6546,36 +6584,36 @@ function Da(e) {
|
|
|
6546
6584
|
"--color-surface-el": u,
|
|
6547
6585
|
"--color-nav": c ?? u,
|
|
6548
6586
|
"--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,
|
|
6587
|
+
"--color-fg-2": p(n, Ea.fg2),
|
|
6588
|
+
"--color-fg-3": p(n, Ea.fg3),
|
|
6589
|
+
"--color-fg-4": p(n, Ea.fg4),
|
|
6590
|
+
"--color-fill": p(n, Da.fill),
|
|
6591
|
+
"--color-fill-2": p(n, Da.fill2),
|
|
6592
|
+
"--color-fill-3": p(n, Da.fill3),
|
|
6593
|
+
"--color-line": p(n, Oa.line),
|
|
6594
|
+
"--color-line-2": p(n, Oa.line2),
|
|
6595
|
+
"--color-line-3": p(n, Oa.line3),
|
|
6558
6596
|
"--color-accent": r,
|
|
6559
6597
|
"--color-danger": i,
|
|
6560
6598
|
"--color-warning": a,
|
|
6561
6599
|
"--color-info": o,
|
|
6562
6600
|
"--color-secondary": s,
|
|
6563
|
-
"--color-on-accent":
|
|
6601
|
+
"--color-on-accent": Ca(r),
|
|
6564
6602
|
"--color-knob": l ? "#ffffff" : n,
|
|
6565
6603
|
"--edge-light": l ? "rgb(255 255 255 / 0.9)" : "rgb(255 255 255 / 0.08)",
|
|
6566
6604
|
"--edge-dark": l ? "rgb(0 0 0 / 0.16)" : "rgb(0 0 0 / 0.55)",
|
|
6567
6605
|
"--edge-ambient": l ? "rgb(0 0 0 / 0.08)" : "rgb(0 0 0 / 0.35)",
|
|
6568
6606
|
"--shadow-raised": `0 8px 24px rgb(0 0 0 / ${f})`,
|
|
6569
6607
|
"--shadow-sheet": `0 -12px 40px rgb(0 0 0 / ${f + .1})`,
|
|
6570
|
-
...Object.fromEntries(Object.entries(
|
|
6608
|
+
...Object.fromEntries(Object.entries(Ta[e.radius ?? "default"]).map(([e, t]) => [`--radius-${e}`, t]))
|
|
6571
6609
|
};
|
|
6572
6610
|
}
|
|
6573
|
-
function
|
|
6574
|
-
let n =
|
|
6611
|
+
function Aa(e, t = document.documentElement) {
|
|
6612
|
+
let n = ka(e);
|
|
6575
6613
|
for (let [e, r] of Object.entries(n)) t.style.setProperty(e, r);
|
|
6576
|
-
t.style.colorScheme =
|
|
6614
|
+
t.style.colorScheme = Sa(e.colors.surface) ? "light" : "dark", t.dataset.theme = Sa(e.colors.surface) ? "light" : "dark", t.dataset.density = e.density ?? "default";
|
|
6577
6615
|
}
|
|
6578
|
-
var
|
|
6616
|
+
var ja = [
|
|
6579
6617
|
{
|
|
6580
6618
|
id: "midnight",
|
|
6581
6619
|
name: "Midnight",
|
|
@@ -6654,29 +6692,29 @@ var ka = [
|
|
|
6654
6692
|
secondary: "#e879f9"
|
|
6655
6693
|
}
|
|
6656
6694
|
}
|
|
6657
|
-
],
|
|
6658
|
-
function
|
|
6659
|
-
let e = c(
|
|
6695
|
+
], Ma = ja[0], Na = "crisp.theme", Pa = r(null);
|
|
6696
|
+
function Fa() {
|
|
6697
|
+
let e = c(Pa);
|
|
6660
6698
|
if (!e) throw Error("useTheme must be used inside <ThemeProvider>");
|
|
6661
6699
|
return e;
|
|
6662
6700
|
}
|
|
6663
|
-
function
|
|
6664
|
-
if (typeof localStorage > "u") return
|
|
6701
|
+
function Ia() {
|
|
6702
|
+
if (typeof localStorage > "u") return Ma;
|
|
6665
6703
|
try {
|
|
6666
|
-
let e = localStorage.getItem(
|
|
6667
|
-
if (!e) return
|
|
6704
|
+
let e = localStorage.getItem(Na);
|
|
6705
|
+
if (!e) return Ma;
|
|
6668
6706
|
let t = JSON.parse(e);
|
|
6669
|
-
return !t?.colors?.surface || !t.colors.fg ?
|
|
6707
|
+
return !t?.colors?.surface || !t.colors.fg ? Ma : t;
|
|
6670
6708
|
} catch {
|
|
6671
|
-
return
|
|
6709
|
+
return Ma;
|
|
6672
6710
|
}
|
|
6673
6711
|
}
|
|
6674
|
-
function
|
|
6675
|
-
let [n, r] = m(() => t ??
|
|
6676
|
-
m(() => (typeof document < "u" &&
|
|
6677
|
-
|
|
6712
|
+
function La({ children: e, initial: t }) {
|
|
6713
|
+
let [n, r] = m(() => t ?? Ia());
|
|
6714
|
+
m(() => (typeof document < "u" && Aa(t ?? Ia()), null)), l(() => {
|
|
6715
|
+
Aa(n);
|
|
6678
6716
|
try {
|
|
6679
|
-
localStorage.setItem(
|
|
6717
|
+
localStorage.setItem(Na, JSON.stringify(n));
|
|
6680
6718
|
} catch {}
|
|
6681
6719
|
}, [n]);
|
|
6682
6720
|
let i = s((e, t) => {
|
|
@@ -6701,12 +6739,12 @@ function Fa({ children: e, initial: t }) {
|
|
|
6701
6739
|
}));
|
|
6702
6740
|
}, []), c = f(() => ({
|
|
6703
6741
|
theme: n,
|
|
6704
|
-
presets:
|
|
6742
|
+
presets: ja,
|
|
6705
6743
|
setTheme: r,
|
|
6706
6744
|
setColor: i,
|
|
6707
6745
|
setRadius: a,
|
|
6708
6746
|
setDensity: o,
|
|
6709
|
-
reset: () => r(
|
|
6747
|
+
reset: () => r(Ma),
|
|
6710
6748
|
isCustom: n.id === "custom"
|
|
6711
6749
|
}), [
|
|
6712
6750
|
n,
|
|
@@ -6714,14 +6752,14 @@ function Fa({ children: e, initial: t }) {
|
|
|
6714
6752
|
a,
|
|
6715
6753
|
o
|
|
6716
6754
|
]);
|
|
6717
|
-
return /* @__PURE__ */ U(
|
|
6755
|
+
return /* @__PURE__ */ U(Pa.Provider, {
|
|
6718
6756
|
value: c,
|
|
6719
6757
|
children: e
|
|
6720
6758
|
});
|
|
6721
6759
|
}
|
|
6722
6760
|
//#endregion
|
|
6723
6761
|
//#region src/components/ThemeEditor.tsx
|
|
6724
|
-
var
|
|
6762
|
+
var Ra = (e) => [
|
|
6725
6763
|
{
|
|
6726
6764
|
key: "surface",
|
|
6727
6765
|
label: e.themeEditorSurface,
|
|
@@ -6757,7 +6795,7 @@ var Ia = (e) => [
|
|
|
6757
6795
|
label: e.themeEditorSecondary,
|
|
6758
6796
|
hint: e.themeEditorSecondaryHint
|
|
6759
6797
|
}
|
|
6760
|
-
],
|
|
6798
|
+
], za = [
|
|
6761
6799
|
{
|
|
6762
6800
|
var: "--color-surface-1",
|
|
6763
6801
|
label: "surface-1"
|
|
@@ -6807,9 +6845,9 @@ var Ia = (e) => [
|
|
|
6807
6845
|
label: "on-accent"
|
|
6808
6846
|
}
|
|
6809
6847
|
];
|
|
6810
|
-
function
|
|
6848
|
+
function Ba({ ratio: e, need: t = 4.5, label: n }) {
|
|
6811
6849
|
let { strings: r } = q(), i = e >= t;
|
|
6812
|
-
return /* @__PURE__ */ U(
|
|
6850
|
+
return /* @__PURE__ */ U(Nt, {
|
|
6813
6851
|
content: r.themeEditorContrast(n, e.toFixed(2), t),
|
|
6814
6852
|
children: /* @__PURE__ */ W("span", {
|
|
6815
6853
|
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 +6860,13 @@ function Ra({ ratio: e, need: t = 4.5, label: n }) {
|
|
|
6822
6860
|
})
|
|
6823
6861
|
});
|
|
6824
6862
|
}
|
|
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 =
|
|
6863
|
+
function Va({ className: e }) {
|
|
6864
|
+
let { strings: t } = q(), { theme: n, presets: r, setTheme: i, setColor: a, setRadius: o, setDensity: s, reset: c, isCustom: l } = Fa(), { surface: u, fg: d, accent: p } = n.colors, m = f(() => {
|
|
6865
|
+
let e = xa(d, u);
|
|
6828
6866
|
return {
|
|
6829
6867
|
body: e,
|
|
6830
6868
|
muted: (e + 1) / 2,
|
|
6831
|
-
accent:
|
|
6869
|
+
accent: xa(p, u)
|
|
6832
6870
|
};
|
|
6833
6871
|
}, [
|
|
6834
6872
|
d,
|
|
@@ -6841,7 +6879,7 @@ function za({ className: e }) {
|
|
|
6841
6879
|
/* @__PURE__ */ W("div", {
|
|
6842
6880
|
className: "flex flex-wrap items-center gap-2",
|
|
6843
6881
|
children: [
|
|
6844
|
-
/* @__PURE__ */ U(
|
|
6882
|
+
/* @__PURE__ */ U($i, {
|
|
6845
6883
|
"aria-label": t.themeEditorPreset,
|
|
6846
6884
|
size: "sm",
|
|
6847
6885
|
value: l ? "custom" : n.id,
|
|
@@ -6858,7 +6896,7 @@ function za({ className: e }) {
|
|
|
6858
6896
|
}] : []]
|
|
6859
6897
|
}),
|
|
6860
6898
|
/* @__PURE__ */ U("span", { className: "flex-1" }),
|
|
6861
|
-
/* @__PURE__ */ U(
|
|
6899
|
+
/* @__PURE__ */ U($i, {
|
|
6862
6900
|
"aria-label": t.themeEditorDensity,
|
|
6863
6901
|
size: "sm",
|
|
6864
6902
|
value: n.density ?? "default",
|
|
@@ -6871,7 +6909,7 @@ function za({ className: e }) {
|
|
|
6871
6909
|
label: t.themeEditorDensityCompact
|
|
6872
6910
|
}]
|
|
6873
6911
|
}),
|
|
6874
|
-
/* @__PURE__ */ U(
|
|
6912
|
+
/* @__PURE__ */ U($i, {
|
|
6875
6913
|
"aria-label": t.themeEditorRadius,
|
|
6876
6914
|
size: "sm",
|
|
6877
6915
|
value: n.radius ?? "default",
|
|
@@ -6902,7 +6940,7 @@ function za({ className: e }) {
|
|
|
6902
6940
|
}),
|
|
6903
6941
|
/* @__PURE__ */ U("div", {
|
|
6904
6942
|
className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
|
|
6905
|
-
children:
|
|
6943
|
+
children: Ra(t).map((e) => /* @__PURE__ */ W("div", {
|
|
6906
6944
|
className: "space-y-1.5",
|
|
6907
6945
|
children: [
|
|
6908
6946
|
/* @__PURE__ */ W("div", {
|
|
@@ -6915,7 +6953,7 @@ function za({ className: e }) {
|
|
|
6915
6953
|
children: n.colors[e.key]
|
|
6916
6954
|
})]
|
|
6917
6955
|
}),
|
|
6918
|
-
/* @__PURE__ */ U(
|
|
6956
|
+
/* @__PURE__ */ U(ir, {
|
|
6919
6957
|
value: n.colors[e.key] ?? "#000000",
|
|
6920
6958
|
onChange: (t) => a(e.key, t),
|
|
6921
6959
|
className: "w-full"
|
|
@@ -6930,16 +6968,16 @@ function za({ className: e }) {
|
|
|
6930
6968
|
/* @__PURE__ */ W("div", {
|
|
6931
6969
|
className: "flex flex-wrap items-center gap-2",
|
|
6932
6970
|
children: [
|
|
6933
|
-
/* @__PURE__ */ U(
|
|
6971
|
+
/* @__PURE__ */ U(Ba, {
|
|
6934
6972
|
ratio: m.body,
|
|
6935
6973
|
label: t.themeEditorBody
|
|
6936
6974
|
}),
|
|
6937
|
-
/* @__PURE__ */ U(
|
|
6975
|
+
/* @__PURE__ */ U(Ba, {
|
|
6938
6976
|
ratio: m.muted,
|
|
6939
6977
|
need: 4.5,
|
|
6940
6978
|
label: t.themeEditorMuted
|
|
6941
6979
|
}),
|
|
6942
|
-
/* @__PURE__ */ U(
|
|
6980
|
+
/* @__PURE__ */ U(Ba, {
|
|
6943
6981
|
ratio: m.accent,
|
|
6944
6982
|
need: 3,
|
|
6945
6983
|
label: t.themeEditorAccent
|
|
@@ -6959,7 +6997,7 @@ function za({ className: e }) {
|
|
|
6959
6997
|
}),
|
|
6960
6998
|
/* @__PURE__ */ U("div", {
|
|
6961
6999
|
className: "flex flex-wrap gap-2 pt-1",
|
|
6962
|
-
children:
|
|
7000
|
+
children: za.map((e) => /* @__PURE__ */ W("div", {
|
|
6963
7001
|
className: "flex items-center gap-2 rounded-lg border border-line bg-fill px-2 py-1.5",
|
|
6964
7002
|
children: [/* @__PURE__ */ U("span", {
|
|
6965
7003
|
className: "h-5 w-5 shrink-0 rounded-md ring-1 ring-inset ring-line-2",
|
|
@@ -6977,7 +7015,7 @@ function za({ className: e }) {
|
|
|
6977
7015
|
}
|
|
6978
7016
|
//#endregion
|
|
6979
7017
|
//#region src/components/Timeline.tsx
|
|
6980
|
-
var
|
|
7018
|
+
var Ha = {
|
|
6981
7019
|
neutral: "border-line-3 bg-fill-2 text-fg-3",
|
|
6982
7020
|
accent: "border-accent/45 bg-accent/18 text-accent",
|
|
6983
7021
|
info: "border-info/40 bg-info/15 text-info",
|
|
@@ -6985,7 +7023,7 @@ var Ba = {
|
|
|
6985
7023
|
danger: "border-danger/40 bg-danger/15 text-danger",
|
|
6986
7024
|
secondary: "border-secondary/40 bg-secondary/15 text-secondary"
|
|
6987
7025
|
};
|
|
6988
|
-
function
|
|
7026
|
+
function Ua({ items: e, className: t }) {
|
|
6989
7027
|
return /* @__PURE__ */ U("ol", {
|
|
6990
7028
|
className: G("relative", t),
|
|
6991
7029
|
children: e.map((t, n) => /* @__PURE__ */ W("li", {
|
|
@@ -6996,7 +7034,7 @@ function Va({ items: e, className: t }) {
|
|
|
6996
7034
|
className: "absolute left-3.5 top-8 h-[calc(100%-2rem)] w-px bg-line"
|
|
6997
7035
|
}),
|
|
6998
7036
|
/* @__PURE__ */ W("span", {
|
|
6999
|
-
className: G("relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border",
|
|
7037
|
+
className: G("relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border", Ha[t.tone ?? "neutral"]),
|
|
7000
7038
|
children: [t.active && /* @__PURE__ */ U("span", {
|
|
7001
7039
|
"aria-hidden": "true",
|
|
7002
7040
|
className: "absolute inset-0 animate-ping rounded-full bg-current opacity-25 motion-reduce:hidden"
|
|
@@ -7024,7 +7062,7 @@ function Va({ items: e, className: t }) {
|
|
|
7024
7062
|
}
|
|
7025
7063
|
//#endregion
|
|
7026
7064
|
//#region src/components/TitleBar.tsx
|
|
7027
|
-
function
|
|
7065
|
+
function Wa({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onClose: i, children: a, className: o }) {
|
|
7028
7066
|
let { strings: s } = q(), c = t === "macos";
|
|
7029
7067
|
return /* @__PURE__ */ W("div", {
|
|
7030
7068
|
"data-tauri-drag-region": !0,
|
|
@@ -7070,7 +7108,7 @@ function Ha({ title: e, platform: t = "linux", onMinimize: n, onMaximize: r, onC
|
|
|
7070
7108
|
}
|
|
7071
7109
|
//#endregion
|
|
7072
7110
|
//#region src/components/Toast.tsx
|
|
7073
|
-
var
|
|
7111
|
+
var Ga = {
|
|
7074
7112
|
info: /* @__PURE__ */ U(ue, {
|
|
7075
7113
|
size: 16,
|
|
7076
7114
|
className: "text-info"
|
|
@@ -7087,24 +7125,24 @@ var Ua = {
|
|
|
7087
7125
|
size: 16,
|
|
7088
7126
|
className: "text-danger"
|
|
7089
7127
|
})
|
|
7090
|
-
},
|
|
7128
|
+
}, Ka = {
|
|
7091
7129
|
info: "bg-info",
|
|
7092
7130
|
success: "bg-accent",
|
|
7093
7131
|
warning: "bg-warning",
|
|
7094
7132
|
error: "bg-danger"
|
|
7095
|
-
},
|
|
7096
|
-
function
|
|
7133
|
+
}, qa = "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";
|
|
7134
|
+
function Ja({ tone: e, title: t, description: n, action: r, secondary: i, onDismiss: a }) {
|
|
7097
7135
|
let { strings: o } = q(), s = (e) => (t) => {
|
|
7098
7136
|
t.preventDefault(), t.stopPropagation(), e(), a();
|
|
7099
7137
|
};
|
|
7100
7138
|
return /* @__PURE__ */ W(H, { children: [
|
|
7101
7139
|
/* @__PURE__ */ U("span", {
|
|
7102
7140
|
"aria-hidden": "true",
|
|
7103
|
-
className: G("absolute inset-y-0 left-0 w-0.5",
|
|
7141
|
+
className: G("absolute inset-y-0 left-0 w-0.5", Ka[e])
|
|
7104
7142
|
}),
|
|
7105
7143
|
/* @__PURE__ */ U("span", {
|
|
7106
7144
|
className: "mt-0.5 shrink-0",
|
|
7107
|
-
children:
|
|
7145
|
+
children: Ga[e]
|
|
7108
7146
|
}),
|
|
7109
7147
|
/* @__PURE__ */ W("div", {
|
|
7110
7148
|
className: "min-w-0 flex-1",
|
|
@@ -7147,10 +7185,10 @@ function Ka({ tone: e, title: t, description: n, action: r, secondary: i, onDism
|
|
|
7147
7185
|
})
|
|
7148
7186
|
] });
|
|
7149
7187
|
}
|
|
7150
|
-
function
|
|
7188
|
+
function Ya(e, t, n, r) {
|
|
7151
7189
|
return Ze.custom((i) => /* @__PURE__ */ U("div", {
|
|
7152
|
-
className:
|
|
7153
|
-
children: /* @__PURE__ */ U(
|
|
7190
|
+
className: qa,
|
|
7191
|
+
children: /* @__PURE__ */ U(Ja, {
|
|
7154
7192
|
tone: e,
|
|
7155
7193
|
title: t,
|
|
7156
7194
|
description: n,
|
|
@@ -7163,10 +7201,10 @@ function qa(e, t, n, r) {
|
|
|
7163
7201
|
id: r?.id
|
|
7164
7202
|
});
|
|
7165
7203
|
}
|
|
7166
|
-
function
|
|
7204
|
+
function Xa({ id: e, title: t, description: n, progress: r, duration: i }) {
|
|
7167
7205
|
let a = r === void 0 ? void 0 : Math.round(Math.min(1, Math.max(0, r)) * 100);
|
|
7168
7206
|
return Ze.custom(() => /* @__PURE__ */ W("div", {
|
|
7169
|
-
className: G(
|
|
7207
|
+
className: G(qa, "items-center"),
|
|
7170
7208
|
children: [
|
|
7171
7209
|
/* @__PURE__ */ U("span", {
|
|
7172
7210
|
"aria-hidden": "true",
|
|
@@ -7215,16 +7253,16 @@ function Ja({ id: e, title: t, description: n, progress: r, duration: i }) {
|
|
|
7215
7253
|
id: e
|
|
7216
7254
|
});
|
|
7217
7255
|
}
|
|
7218
|
-
var
|
|
7219
|
-
info: (e, t, n) =>
|
|
7220
|
-
success: (e, t, n) =>
|
|
7221
|
-
warning: (e, t, n) =>
|
|
7222
|
-
error: (e, t, n) =>
|
|
7223
|
-
progress:
|
|
7256
|
+
var Za = {
|
|
7257
|
+
info: (e, t, n) => Ya("info", e, t, n),
|
|
7258
|
+
success: (e, t, n) => Ya("success", e, t, n),
|
|
7259
|
+
warning: (e, t, n) => Ya("warning", e, t, n),
|
|
7260
|
+
error: (e, t, n) => Ya("error", e, t, n),
|
|
7261
|
+
progress: Xa,
|
|
7224
7262
|
dismiss: (e) => Ze.dismiss(e),
|
|
7225
7263
|
isVisible: (e) => Ze.getToasts().some((t) => t.id === e)
|
|
7226
7264
|
};
|
|
7227
|
-
function
|
|
7265
|
+
function Qa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
|
|
7228
7266
|
return /* @__PURE__ */ U(Xe, {
|
|
7229
7267
|
position: e,
|
|
7230
7268
|
gap: 8,
|
|
@@ -7245,7 +7283,7 @@ function Xa({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
|
|
|
7245
7283
|
}
|
|
7246
7284
|
//#endregion
|
|
7247
7285
|
//#region src/components/ToggleGroup.tsx
|
|
7248
|
-
function
|
|
7286
|
+
function $a({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", className: a, ...o }) {
|
|
7249
7287
|
let s = (e) => {
|
|
7250
7288
|
if (e.disabled) return;
|
|
7251
7289
|
let i = t.includes(e.value);
|
|
@@ -7276,7 +7314,7 @@ function Za({ options: e, value: t, onChange: n, min: r = 0, size: i = "md", cla
|
|
|
7276
7314
|
}
|
|
7277
7315
|
//#endregion
|
|
7278
7316
|
//#region src/components/Toolbar.tsx
|
|
7279
|
-
function
|
|
7317
|
+
function eo({ variant: e = "bar", className: t, children: n, ...r }) {
|
|
7280
7318
|
return /* @__PURE__ */ U("div", {
|
|
7281
7319
|
role: "toolbar",
|
|
7282
7320
|
"aria-label": r["aria-label"],
|
|
@@ -7290,13 +7328,13 @@ function Qa({ variant: e = "bar", className: t, children: n, ...r }) {
|
|
|
7290
7328
|
children: n
|
|
7291
7329
|
});
|
|
7292
7330
|
}
|
|
7293
|
-
function
|
|
7331
|
+
function to() {
|
|
7294
7332
|
return /* @__PURE__ */ U("span", {
|
|
7295
7333
|
"aria-hidden": "true",
|
|
7296
7334
|
className: "mx-1 h-5 w-px shrink-0 bg-line"
|
|
7297
7335
|
});
|
|
7298
7336
|
}
|
|
7299
|
-
function
|
|
7337
|
+
function no({ children: e, className: t }) {
|
|
7300
7338
|
return /* @__PURE__ */ U("div", {
|
|
7301
7339
|
className: G("flex items-center gap-0.5", t),
|
|
7302
7340
|
children: e
|
|
@@ -7304,8 +7342,8 @@ function eo({ children: e, className: t }) {
|
|
|
7304
7342
|
}
|
|
7305
7343
|
//#endregion
|
|
7306
7344
|
//#region src/components/Tour.tsx
|
|
7307
|
-
var
|
|
7308
|
-
function
|
|
7345
|
+
var ro = 8;
|
|
7346
|
+
function io({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
7309
7347
|
let { strings: a } = q(), [o, c] = m(0), [u, f] = m(null), p = e[o];
|
|
7310
7348
|
l(() => {
|
|
7311
7349
|
t && c(0);
|
|
@@ -7349,7 +7387,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7349
7387
|
left: "50%",
|
|
7350
7388
|
transform: "translate(-50%, -50%)"
|
|
7351
7389
|
};
|
|
7352
|
-
return typeof document > "u" ? null :
|
|
7390
|
+
return typeof document > "u" ? null : Fe(/* @__PURE__ */ U(g, { children: t && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(y.div, {
|
|
7353
7391
|
initial: { opacity: 0 },
|
|
7354
7392
|
animate: { opacity: 1 },
|
|
7355
7393
|
exit: { opacity: 0 },
|
|
@@ -7360,8 +7398,8 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7360
7398
|
layout: !0,
|
|
7361
7399
|
transition: K.surface,
|
|
7362
7400
|
style: {
|
|
7363
|
-
top: u.top -
|
|
7364
|
-
left: u.left -
|
|
7401
|
+
top: u.top - ro,
|
|
7402
|
+
left: u.left - ro,
|
|
7365
7403
|
width: u.width + 16,
|
|
7366
7404
|
height: u.height + 16
|
|
7367
7405
|
},
|
|
@@ -7406,7 +7444,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7406
7444
|
/* @__PURE__ */ W("div", {
|
|
7407
7445
|
className: "mt-4 flex items-center gap-3",
|
|
7408
7446
|
children: [
|
|
7409
|
-
/* @__PURE__ */ U(
|
|
7447
|
+
/* @__PURE__ */ U(aa, {
|
|
7410
7448
|
steps: e.map((e, t) => ({
|
|
7411
7449
|
id: String(t),
|
|
7412
7450
|
label: String(e.title)
|
|
@@ -7434,7 +7472,7 @@ function no({ steps: e, open: t, onClose: n, onFinish: r, finishLabel: i }) {
|
|
|
7434
7472
|
}
|
|
7435
7473
|
//#endregion
|
|
7436
7474
|
//#region src/components/Tree.tsx
|
|
7437
|
-
function
|
|
7475
|
+
function ao({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], className: i }) {
|
|
7438
7476
|
let { strings: a } = q(), [o, s] = m(() => new Set(r)), c = (e) => s((t) => {
|
|
7439
7477
|
let n = new Set(t);
|
|
7440
7478
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -7492,7 +7530,7 @@ function ro({ nodes: e, selectedId: t, onSelect: n, defaultExpanded: r = [], cla
|
|
|
7492
7530
|
}
|
|
7493
7531
|
//#endregion
|
|
7494
7532
|
//#region src/components/VirtualList.tsx
|
|
7495
|
-
function
|
|
7533
|
+
function oo({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, itemKey: i, className: a }) {
|
|
7496
7534
|
let o = p(null), s = Qe({
|
|
7497
7535
|
count: e.length,
|
|
7498
7536
|
getScrollElement: () => o.current,
|
|
@@ -7526,7 +7564,7 @@ function io({ items: e, children: t, estimateSize: n = 56, overscan: r = 8, item
|
|
|
7526
7564
|
}
|
|
7527
7565
|
//#endregion
|
|
7528
7566
|
//#region src/components/WindowControls.tsx
|
|
7529
|
-
var
|
|
7567
|
+
var so = [
|
|
7530
7568
|
{
|
|
7531
7569
|
dir: "North",
|
|
7532
7570
|
className: "left-2 right-2 top-0 h-1 cursor-n-resize"
|
|
@@ -7560,8 +7598,8 @@ var ao = [
|
|
|
7560
7598
|
className: "bottom-0 right-0 h-2.5 w-2.5 cursor-se-resize"
|
|
7561
7599
|
}
|
|
7562
7600
|
];
|
|
7563
|
-
function
|
|
7564
|
-
return t ? null : /* @__PURE__ */ U(H, { children:
|
|
7601
|
+
function co({ onResizeStart: e, disabled: t }) {
|
|
7602
|
+
return t ? null : /* @__PURE__ */ U(H, { children: so.map(({ dir: t, className: n }) => /* @__PURE__ */ U("div", {
|
|
7565
7603
|
"aria-hidden": "true",
|
|
7566
7604
|
"data-tauri-drag-region": "false",
|
|
7567
7605
|
onPointerDown: (n) => {
|
|
@@ -7572,7 +7610,7 @@ function oo({ onResizeStart: e, disabled: t }) {
|
|
|
7572
7610
|
}
|
|
7573
7611
|
//#endregion
|
|
7574
7612
|
//#region src/components/ActionBar.tsx
|
|
7575
|
-
function
|
|
7613
|
+
function lo({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pinned: a, className: o }) {
|
|
7576
7614
|
let { strings: s } = q(), c = Ot(), l = a ?? c;
|
|
7577
7615
|
return /* @__PURE__ */ W("div", {
|
|
7578
7616
|
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 +7630,7 @@ function so({ primary: e, secondary: t, onBack: n, backLabel: r, leading: i, pin
|
|
|
7592
7630
|
}
|
|
7593
7631
|
//#endregion
|
|
7594
7632
|
//#region src/components/ChoiceCard.tsx
|
|
7595
|
-
var
|
|
7633
|
+
var uo = 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
7634
|
let f = a === "none" ? null : /* @__PURE__ */ U("span", {
|
|
7597
7635
|
"aria-hidden": "true",
|
|
7598
7636
|
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 +7680,10 @@ var co = a(function({ selected: e, title: t, description: n, icon: r, meta: i, i
|
|
|
7642
7680
|
})]
|
|
7643
7681
|
});
|
|
7644
7682
|
});
|
|
7645
|
-
|
|
7683
|
+
uo.displayName = "ChoiceCard";
|
|
7646
7684
|
//#endregion
|
|
7647
7685
|
//#region src/components/Shelf.tsx
|
|
7648
|
-
function
|
|
7686
|
+
function fo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className: r, ...i }) {
|
|
7649
7687
|
let { strings: a } = q(), o = p(null), [s, c] = m({
|
|
7650
7688
|
start: !1,
|
|
7651
7689
|
end: !1
|
|
@@ -7707,7 +7745,7 @@ function lo({ children: e, itemClassName: t = "w-40", bleed: n = !0, className:
|
|
|
7707
7745
|
}
|
|
7708
7746
|
//#endregion
|
|
7709
7747
|
//#region src/components/Wizard.tsx
|
|
7710
|
-
function
|
|
7748
|
+
function po(e, t = 0) {
|
|
7711
7749
|
let [n, r] = m(t), i = (t) => Math.max(0, Math.min(e.length - 1, t));
|
|
7712
7750
|
return {
|
|
7713
7751
|
index: n,
|
|
@@ -7719,11 +7757,11 @@ function uo(e, t = 0) {
|
|
|
7719
7757
|
goTo: (e) => r(i(e))
|
|
7720
7758
|
};
|
|
7721
7759
|
}
|
|
7722
|
-
function
|
|
7760
|
+
function mo({ steps: e, index: t, onStepClick: n, title: r, description: i, progress: a = "bar", className: o, children: s }) {
|
|
7723
7761
|
let c = C(), [l, u] = m(t), d = t >= l ? 1 : -1;
|
|
7724
7762
|
return l !== t && u(t), /* @__PURE__ */ W("div", {
|
|
7725
7763
|
className: G("space-y-6", o),
|
|
7726
|
-
children: [a !== "none" && /* @__PURE__ */ U(
|
|
7764
|
+
children: [a !== "none" && /* @__PURE__ */ U(aa, {
|
|
7727
7765
|
steps: e,
|
|
7728
7766
|
current: t,
|
|
7729
7767
|
onStepClick: n,
|
|
@@ -7763,7 +7801,7 @@ function fo({ steps: e, index: t, onStepClick: n, title: r, description: i, prog
|
|
|
7763
7801
|
}
|
|
7764
7802
|
//#endregion
|
|
7765
7803
|
//#region src/components/SecretInput.tsx
|
|
7766
|
-
var
|
|
7804
|
+
var ho = a(function({ value: e, onChange: t, status: n = { state: "idle" }, paste: r = !0, className: i, id: a, disabled: o, ...s }, c) {
|
|
7767
7805
|
let { strings: l } = q(), u = Y(), [d, f] = m(!1), p = r && typeof navigator < "u" && !!navigator.clipboard?.readText, h = async () => {
|
|
7768
7806
|
try {
|
|
7769
7807
|
let e = (await navigator.clipboard.readText()).trim();
|
|
@@ -7824,10 +7862,10 @@ var po = a(function({ value: e, onChange: t, status: n = { state: "idle" }, past
|
|
|
7824
7862
|
]
|
|
7825
7863
|
})] });
|
|
7826
7864
|
});
|
|
7827
|
-
|
|
7865
|
+
ho.displayName = "SecretInput";
|
|
7828
7866
|
//#endregion
|
|
7829
7867
|
//#region src/components/ReorderableList.tsx
|
|
7830
|
-
function
|
|
7868
|
+
function go({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", handleOnly: a = !0, className: o, itemClassName: s, ...c }) {
|
|
7831
7869
|
let l = (n, r) => {
|
|
7832
7870
|
if (r < 0 || r >= e.length || n === r) return;
|
|
7833
7871
|
let i = [...e], [a] = i.splice(n, 1);
|
|
@@ -7839,7 +7877,7 @@ function mo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", hand
|
|
|
7839
7877
|
onReorder: t,
|
|
7840
7878
|
"aria-label": c["aria-label"],
|
|
7841
7879
|
className: G("flex", i === "y" ? "flex-col gap-2" : "flex-row gap-2", o),
|
|
7842
|
-
children: e.map((t, o) => /* @__PURE__ */ U(
|
|
7880
|
+
children: e.map((t, o) => /* @__PURE__ */ U(_o, {
|
|
7843
7881
|
item: t,
|
|
7844
7882
|
index: o,
|
|
7845
7883
|
count: e.length,
|
|
@@ -7851,7 +7889,7 @@ function mo({ items: e, onReorder: t, keyOf: n, children: r, axis: i = "y", hand
|
|
|
7851
7889
|
}, n(t)))
|
|
7852
7890
|
});
|
|
7853
7891
|
}
|
|
7854
|
-
function
|
|
7892
|
+
function _o({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, className: o, children: s }) {
|
|
7855
7893
|
let { strings: c } = q(), l = b(), u = C(), d = /* @__PURE__ */ U("button", {
|
|
7856
7894
|
type: "button",
|
|
7857
7895
|
"aria-label": c.reorderableHandle(t + 1, n),
|
|
@@ -7881,21 +7919,21 @@ function ho({ item: e, index: t, count: n, handleOnly: r, axis: i, onMove: a, cl
|
|
|
7881
7919
|
}
|
|
7882
7920
|
//#endregion
|
|
7883
7921
|
//#region src/components/AvatarPicker.tsx
|
|
7884
|
-
function
|
|
7922
|
+
function vo({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i = 512, crop: a = !0, disabled: o, className: s }) {
|
|
7885
7923
|
let { strings: c } = q(), [l, u] = m(null), d = (e) => {
|
|
7886
7924
|
let n = new FileReader();
|
|
7887
7925
|
n.onload = () => a ? u(String(n.result)) : t(String(n.result)), n.readAsDataURL(e);
|
|
7888
7926
|
};
|
|
7889
7927
|
return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W("div", {
|
|
7890
7928
|
className: G("relative w-fit", s),
|
|
7891
|
-
children: [/* @__PURE__ */ U(
|
|
7929
|
+
children: [/* @__PURE__ */ U(Yr, {
|
|
7892
7930
|
accept: "image/*",
|
|
7893
7931
|
disabled: o,
|
|
7894
7932
|
onFiles: ([e]) => e && d(e),
|
|
7895
7933
|
className: "rounded-full p-0",
|
|
7896
7934
|
children: /* @__PURE__ */ W("div", {
|
|
7897
7935
|
className: "relative",
|
|
7898
|
-
children: [/* @__PURE__ */ U(
|
|
7936
|
+
children: [/* @__PURE__ */ U(Xt, {
|
|
7899
7937
|
src: e ?? void 0,
|
|
7900
7938
|
name: n,
|
|
7901
7939
|
size: r,
|
|
@@ -7913,7 +7951,7 @@ function go({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i =
|
|
|
7913
7951
|
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
7952
|
children: /* @__PURE__ */ U(De, { size: Z.xs })
|
|
7915
7953
|
})]
|
|
7916
|
-
}), /* @__PURE__ */ U(
|
|
7954
|
+
}), /* @__PURE__ */ U(bo, {
|
|
7917
7955
|
src: l,
|
|
7918
7956
|
output: i,
|
|
7919
7957
|
onClose: () => u(null),
|
|
@@ -7922,8 +7960,8 @@ function go({ value: e, onChange: t, name: n = "?", size: r = "xl", output: i =
|
|
|
7922
7960
|
}
|
|
7923
7961
|
})] });
|
|
7924
7962
|
}
|
|
7925
|
-
var
|
|
7926
|
-
function
|
|
7963
|
+
var yo = 288;
|
|
7964
|
+
function bo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
7927
7965
|
let { strings: i } = q(), [a, o] = m(null), [s, c] = m(1), [u, d] = m({
|
|
7928
7966
|
x: 0,
|
|
7929
7967
|
y: 0
|
|
@@ -7941,12 +7979,12 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7941
7979
|
});
|
|
7942
7980
|
}, t.src = e;
|
|
7943
7981
|
}, [e]);
|
|
7944
|
-
let h = (a ? Math.max(
|
|
7945
|
-
x: Math.min(Math.max(e.x,
|
|
7946
|
-
y: Math.min(Math.max(e.y,
|
|
7982
|
+
let h = (a ? Math.max(yo / a.width, yo / a.height) : 1) * s, g = (a?.width ?? 0) * h, _ = (a?.height ?? 0) * h, v = ((e) => ({
|
|
7983
|
+
x: Math.min(Math.max(e.x, yo - g), 0),
|
|
7984
|
+
y: Math.min(Math.max(e.y, yo - _), 0)
|
|
7947
7985
|
}))({
|
|
7948
|
-
x: u.x + (
|
|
7949
|
-
y: u.y + (
|
|
7986
|
+
x: u.x + (yo - g) / 2,
|
|
7987
|
+
y: u.y + (yo - _) / 2
|
|
7950
7988
|
}), y = (e) => {
|
|
7951
7989
|
f.current = {
|
|
7952
7990
|
x: e.clientX,
|
|
@@ -7962,7 +8000,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7962
8000
|
}, x = () => {
|
|
7963
8001
|
f.current = null;
|
|
7964
8002
|
};
|
|
7965
|
-
return /* @__PURE__ */ U(
|
|
8003
|
+
return /* @__PURE__ */ U(Ir, {
|
|
7966
8004
|
open: !!e,
|
|
7967
8005
|
onClose: n,
|
|
7968
8006
|
title: i.avatarPickerTitle,
|
|
@@ -7980,7 +8018,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7980
8018
|
if (!a) return;
|
|
7981
8019
|
let e = document.createElement("canvas");
|
|
7982
8020
|
e.width = t, e.height = t;
|
|
7983
|
-
let n = e.getContext("2d"), i = t /
|
|
8021
|
+
let n = e.getContext("2d"), i = t / yo;
|
|
7984
8022
|
n.drawImage(a, v.x * i, v.y * i, g * i, _ * i), r(e.toDataURL("image/webp", .9));
|
|
7985
8023
|
},
|
|
7986
8024
|
children: i.avatarPickerUse
|
|
@@ -7995,8 +8033,8 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
7995
8033
|
onPointerCancel: x,
|
|
7996
8034
|
className: "relative cursor-grab touch-none select-none overflow-hidden rounded-2xl bg-black active:cursor-grabbing",
|
|
7997
8035
|
style: {
|
|
7998
|
-
width:
|
|
7999
|
-
height:
|
|
8036
|
+
width: yo,
|
|
8037
|
+
height: yo
|
|
8000
8038
|
},
|
|
8001
8039
|
children: [
|
|
8002
8040
|
a && /* @__PURE__ */ U("img", {
|
|
@@ -8025,7 +8063,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
8025
8063
|
children: [/* @__PURE__ */ U(je, {
|
|
8026
8064
|
size: Z.md,
|
|
8027
8065
|
className: "shrink-0 text-fg-3"
|
|
8028
|
-
}), /* @__PURE__ */ U(
|
|
8066
|
+
}), /* @__PURE__ */ U(na, {
|
|
8029
8067
|
"aria-label": i.avatarPickerZoom,
|
|
8030
8068
|
value: s,
|
|
8031
8069
|
onChange: c,
|
|
@@ -8040,7 +8078,7 @@ function vo({ src: e, output: t, onClose: n, onDone: r }) {
|
|
|
8040
8078
|
}
|
|
8041
8079
|
//#endregion
|
|
8042
8080
|
//#region src/components/Page.tsx
|
|
8043
|
-
function
|
|
8081
|
+
function xo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r, className: i, children: a, ...o }) {
|
|
8044
8082
|
return /* @__PURE__ */ W("div", {
|
|
8045
8083
|
className: G("flex h-full min-h-0 flex-col", i),
|
|
8046
8084
|
children: [/* @__PURE__ */ W("main", {
|
|
@@ -8058,7 +8096,7 @@ function yo({ footer: e, mainRef: t, padding: n = "default", contentClassName: r
|
|
|
8058
8096
|
}
|
|
8059
8097
|
//#endregion
|
|
8060
8098
|
//#region src/components/ModelSelect.tsx
|
|
8061
|
-
var
|
|
8099
|
+
var So = (e, t) => /* @__PURE__ */ W("span", {
|
|
8062
8100
|
className: "flex items-center gap-1",
|
|
8063
8101
|
children: [e.vision && /* @__PURE__ */ U(ut, {
|
|
8064
8102
|
tone: "info",
|
|
@@ -8068,7 +8106,7 @@ var bo = (e, t) => /* @__PURE__ */ W("span", {
|
|
|
8068
8106
|
children: t.modelSelectAudio
|
|
8069
8107
|
})]
|
|
8070
8108
|
});
|
|
8071
|
-
function
|
|
8109
|
+
function Co({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, footer: a, disabled: o, id: s, className: c, ...l }) {
|
|
8072
8110
|
let { strings: u } = q(), d = Ot(), [p, h] = m(!1), g = e.find((e) => e.id === t) ?? null, _ = f(() => e.map((e) => ({
|
|
8073
8111
|
value: e.id,
|
|
8074
8112
|
label: e.name,
|
|
@@ -8077,14 +8115,14 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8077
8115
|
icon: e.local ? /* @__PURE__ */ U(R, { size: Z.md }) : /* @__PURE__ */ U(ce, { size: Z.md }),
|
|
8078
8116
|
meta: /* @__PURE__ */ W("span", {
|
|
8079
8117
|
className: "flex items-center gap-1",
|
|
8080
|
-
children: [
|
|
8118
|
+
children: [So(e, u), e.id === i && /* @__PURE__ */ U(ut, {
|
|
8081
8119
|
tone: "accent",
|
|
8082
8120
|
dot: !0,
|
|
8083
8121
|
children: u.modelSelectDefault
|
|
8084
8122
|
})]
|
|
8085
8123
|
})
|
|
8086
8124
|
})), [e, i]);
|
|
8087
|
-
if (!d) return /* @__PURE__ */ U(
|
|
8125
|
+
if (!d) return /* @__PURE__ */ U(ta, {
|
|
8088
8126
|
id: s,
|
|
8089
8127
|
options: _,
|
|
8090
8128
|
value: t,
|
|
@@ -8114,23 +8152,23 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8114
8152
|
}),
|
|
8115
8153
|
g && /* @__PURE__ */ U("span", {
|
|
8116
8154
|
className: "hidden @sm:flex",
|
|
8117
|
-
children:
|
|
8155
|
+
children: So(g, u)
|
|
8118
8156
|
}),
|
|
8119
8157
|
/* @__PURE__ */ U(N, {
|
|
8120
8158
|
size: Z.md,
|
|
8121
8159
|
className: "shrink-0 text-fg-3"
|
|
8122
8160
|
})
|
|
8123
8161
|
]
|
|
8124
|
-
}), /* @__PURE__ */ U(
|
|
8162
|
+
}), /* @__PURE__ */ U(Tr, {
|
|
8125
8163
|
open: p,
|
|
8126
8164
|
onClose: () => h(!1),
|
|
8127
8165
|
title: l["aria-label"] ?? u.modelSelectTitle,
|
|
8128
8166
|
detents: [.6, .92],
|
|
8129
8167
|
children: /* @__PURE__ */ W("div", {
|
|
8130
8168
|
className: "space-y-5",
|
|
8131
|
-
children: [v.map((r) => /* @__PURE__ */ U(
|
|
8169
|
+
children: [v.map((r) => /* @__PURE__ */ U(ui, {
|
|
8132
8170
|
label: r,
|
|
8133
|
-
children: e.filter((e) => e.provider === r).map((e) => /* @__PURE__ */ U(
|
|
8171
|
+
children: e.filter((e) => e.provider === r).map((e) => /* @__PURE__ */ U(hi, {
|
|
8134
8172
|
icon: e.local ? /* @__PURE__ */ U(R, { size: Z.lg }) : /* @__PURE__ */ U(ce, { size: Z.lg }),
|
|
8135
8173
|
tone: e.local ? "accent" : "info",
|
|
8136
8174
|
title: e.name,
|
|
@@ -8138,7 +8176,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8138
8176
|
className: "flex flex-wrap items-center gap-1.5",
|
|
8139
8177
|
children: [
|
|
8140
8178
|
e.meta,
|
|
8141
|
-
|
|
8179
|
+
So(e, u),
|
|
8142
8180
|
e.id === i && /* @__PURE__ */ U(ut, {
|
|
8143
8181
|
tone: "accent",
|
|
8144
8182
|
dot: !0,
|
|
@@ -8161,7 +8199,7 @@ function xo({ models: e, value: t, onChange: n, placeholder: r, defaultId: i, fo
|
|
|
8161
8199
|
}
|
|
8162
8200
|
//#endregion
|
|
8163
8201
|
//#region src/components/Citation.tsx
|
|
8164
|
-
function
|
|
8202
|
+
function wo({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, className: o }) {
|
|
8165
8203
|
let { strings: s } = q(), c = Ot(), [l, u] = m(!1), d = i ?? (n ? (() => {
|
|
8166
8204
|
try {
|
|
8167
8205
|
return new URL(n).hostname.replace(/^www\./, "");
|
|
@@ -8214,7 +8252,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
|
|
|
8214
8252
|
})
|
|
8215
8253
|
]
|
|
8216
8254
|
});
|
|
8217
|
-
return c ? /* @__PURE__ */ W(H, { children: [f, /* @__PURE__ */ U(
|
|
8255
|
+
return c ? /* @__PURE__ */ W(H, { children: [f, /* @__PURE__ */ U(Tr, {
|
|
8218
8256
|
open: l,
|
|
8219
8257
|
onClose: () => u(!1),
|
|
8220
8258
|
title: `[${e}] ${d ?? "Source"}`,
|
|
@@ -8222,7 +8260,7 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
|
|
|
8222
8260
|
className: "pb-2",
|
|
8223
8261
|
children: p
|
|
8224
8262
|
})
|
|
8225
|
-
})] }) : /* @__PURE__ */ U(
|
|
8263
|
+
})] }) : /* @__PURE__ */ U(ai, {
|
|
8226
8264
|
content: /* @__PURE__ */ U("div", {
|
|
8227
8265
|
className: "w-72",
|
|
8228
8266
|
children: p
|
|
@@ -8230,10 +8268,10 @@ function So({ index: e, title: t, url: n, snippet: r, domain: i, favicon: a, cla
|
|
|
8230
8268
|
children: f
|
|
8231
8269
|
});
|
|
8232
8270
|
}
|
|
8233
|
-
|
|
8271
|
+
wo.displayName = "Citation";
|
|
8234
8272
|
//#endregion
|
|
8235
8273
|
//#region src/components/FeedbackAction.tsx
|
|
8236
|
-
function
|
|
8274
|
+
function To({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText: i, onRetry: a, children: o, className: s }) {
|
|
8237
8275
|
let { strings: c } = q(), [l, u] = m(!1);
|
|
8238
8276
|
return /* @__PURE__ */ W("div", {
|
|
8239
8277
|
className: G("inline-flex items-center gap-1 text-fg-3", s),
|
|
@@ -8289,16 +8327,16 @@ function Co({ sentiment: e = null, onLike: t, onDislike: n, onCopy: r, copyText:
|
|
|
8289
8327
|
]
|
|
8290
8328
|
});
|
|
8291
8329
|
}
|
|
8292
|
-
|
|
8330
|
+
To.displayName = "FeedbackAction";
|
|
8293
8331
|
//#endregion
|
|
8294
8332
|
//#region src/components/PromptSuggestions.tsx
|
|
8295
|
-
var
|
|
8333
|
+
var Eo = {
|
|
8296
8334
|
1: "grid-cols-1",
|
|
8297
8335
|
2: "grid-cols-1 @sm:grid-cols-2",
|
|
8298
8336
|
3: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3",
|
|
8299
8337
|
4: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-4"
|
|
8300
8338
|
};
|
|
8301
|
-
function
|
|
8339
|
+
function Do({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i }) {
|
|
8302
8340
|
let { strings: a } = q(), o = n ?? /* @__PURE__ */ W("span", {
|
|
8303
8341
|
className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-fg-3",
|
|
8304
8342
|
children: [/* @__PURE__ */ U(Ce, {
|
|
@@ -8309,7 +8347,7 @@ function To({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i })
|
|
|
8309
8347
|
return /* @__PURE__ */ W("div", {
|
|
8310
8348
|
className: G("@container w-full space-y-3", i),
|
|
8311
8349
|
children: [o && /* @__PURE__ */ U("div", { children: o }), /* @__PURE__ */ U("div", {
|
|
8312
|
-
className: G("grid gap-2.5",
|
|
8350
|
+
className: G("grid gap-2.5", Eo[r]),
|
|
8313
8351
|
children: e.map((e) => /* @__PURE__ */ W("button", {
|
|
8314
8352
|
type: "button",
|
|
8315
8353
|
onClick: () => t(e.prompt, e),
|
|
@@ -8338,10 +8376,10 @@ function To({ prompts: e, onSelect: t, title: n, columns: r = 2, className: i })
|
|
|
8338
8376
|
})]
|
|
8339
8377
|
});
|
|
8340
8378
|
}
|
|
8341
|
-
|
|
8379
|
+
Do.displayName = "PromptSuggestions";
|
|
8342
8380
|
//#endregion
|
|
8343
8381
|
//#region src/components/OtpInput.tsx
|
|
8344
|
-
var
|
|
8382
|
+
var Oo = 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
8383
|
let { strings: f } = q(), m = Y(), h = p([]), g = Array.from({ length: e }, (e, n) => t[n] ?? ""), _ = s((t) => {
|
|
8346
8384
|
let n = Math.max(0, Math.min(e - 1, t));
|
|
8347
8385
|
h.current[n]?.focus(), h.current[n]?.select();
|
|
@@ -8401,39 +8439,39 @@ var Eo = a(function({ length: e = 6, value: t = "", onChange: n, onComplete: r,
|
|
|
8401
8439
|
}, n))
|
|
8402
8440
|
});
|
|
8403
8441
|
});
|
|
8404
|
-
|
|
8442
|
+
Oo.displayName = "OtpInput";
|
|
8405
8443
|
//#endregion
|
|
8406
8444
|
//#region src/layout/Box.tsx
|
|
8407
|
-
var
|
|
8445
|
+
var ko = a(function({ as: e, className: t, ...n }, r) {
|
|
8408
8446
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8409
8447
|
ref: r,
|
|
8410
8448
|
className: G(t),
|
|
8411
8449
|
...n
|
|
8412
8450
|
});
|
|
8413
|
-
}),
|
|
8451
|
+
}), Ao = a(function({ as: e, className: t, ...n }, r) {
|
|
8414
8452
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8415
8453
|
ref: r,
|
|
8416
8454
|
className: G("flex items-center justify-center", t),
|
|
8417
8455
|
...n
|
|
8418
8456
|
});
|
|
8419
|
-
}),
|
|
8457
|
+
}), jo = {
|
|
8420
8458
|
sm: "max-w-screen-sm",
|
|
8421
8459
|
md: "max-w-screen-md",
|
|
8422
8460
|
lg: "max-w-screen-lg",
|
|
8423
8461
|
xl: "max-w-screen-xl",
|
|
8424
8462
|
prose: "max-w-prose"
|
|
8425
|
-
},
|
|
8463
|
+
}, Mo = a(function({ as: e, size: t = "lg", flush: n, className: r, ...i }, a) {
|
|
8426
8464
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8427
8465
|
ref: a,
|
|
8428
|
-
className: G("mx-auto w-full",
|
|
8466
|
+
className: G("mx-auto w-full", jo[t], !n && "px-4 sm:px-6", r),
|
|
8429
8467
|
...i
|
|
8430
8468
|
});
|
|
8431
|
-
}),
|
|
8469
|
+
}), No = {
|
|
8432
8470
|
none: "",
|
|
8433
8471
|
sm: "my-2",
|
|
8434
8472
|
md: "my-4",
|
|
8435
8473
|
lg: "my-8"
|
|
8436
|
-
},
|
|
8474
|
+
}, Po = a(function({ orientation: e = "horizontal", label: t, spacing: n = "none", className: r, ...i }, a) {
|
|
8437
8475
|
return e === "vertical" ? /* @__PURE__ */ U("div", {
|
|
8438
8476
|
ref: a,
|
|
8439
8477
|
role: "separator",
|
|
@@ -8443,7 +8481,7 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8443
8481
|
}) : t ? /* @__PURE__ */ W("div", {
|
|
8444
8482
|
ref: a,
|
|
8445
8483
|
role: "separator",
|
|
8446
|
-
className: G("flex items-center gap-3",
|
|
8484
|
+
className: G("flex items-center gap-3", No[n], r),
|
|
8447
8485
|
...i,
|
|
8448
8486
|
children: [
|
|
8449
8487
|
/* @__PURE__ */ U("span", { className: "h-px flex-1 bg-line" }),
|
|
@@ -8456,10 +8494,10 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8456
8494
|
}) : /* @__PURE__ */ U("div", {
|
|
8457
8495
|
ref: a,
|
|
8458
8496
|
role: "separator",
|
|
8459
|
-
className: G("h-px w-full bg-line",
|
|
8497
|
+
className: G("h-px w-full bg-line", No[n], r),
|
|
8460
8498
|
...i
|
|
8461
8499
|
});
|
|
8462
|
-
}),
|
|
8500
|
+
}), Fo = {
|
|
8463
8501
|
0: "gap-0",
|
|
8464
8502
|
.5: "gap-0.5",
|
|
8465
8503
|
1: "gap-1",
|
|
@@ -8474,31 +8512,31 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8474
8512
|
10: "gap-10",
|
|
8475
8513
|
12: "gap-12",
|
|
8476
8514
|
16: "gap-16"
|
|
8477
|
-
},
|
|
8515
|
+
}, Io = {
|
|
8478
8516
|
start: "items-start",
|
|
8479
8517
|
center: "items-center",
|
|
8480
8518
|
end: "items-end",
|
|
8481
8519
|
stretch: "items-stretch",
|
|
8482
8520
|
baseline: "items-baseline"
|
|
8483
|
-
},
|
|
8521
|
+
}, Lo = {
|
|
8484
8522
|
start: "justify-start",
|
|
8485
8523
|
center: "justify-center",
|
|
8486
8524
|
end: "justify-end",
|
|
8487
8525
|
between: "justify-between",
|
|
8488
8526
|
around: "justify-around",
|
|
8489
8527
|
evenly: "justify-evenly"
|
|
8490
|
-
},
|
|
8528
|
+
}, Ro = {
|
|
8491
8529
|
row: "flex-row",
|
|
8492
8530
|
column: "flex-col",
|
|
8493
8531
|
"row-reverse": "flex-row-reverse",
|
|
8494
8532
|
"column-reverse": "flex-col-reverse"
|
|
8495
|
-
},
|
|
8533
|
+
}, zo = a(function({ as: e, direction: t = "row", align: n, justify: r, wrap: i, gap: a, inline: o, className: s, ...c }, l) {
|
|
8496
8534
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8497
8535
|
ref: l,
|
|
8498
|
-
className: G(o ? "inline-flex" : "flex",
|
|
8536
|
+
className: G(o ? "inline-flex" : "flex", Ro[t], n && Io[n], r && Lo[r], i && "flex-wrap", a !== void 0 && Fo[a], s),
|
|
8499
8537
|
...c
|
|
8500
8538
|
});
|
|
8501
|
-
}),
|
|
8539
|
+
}), Bo = {
|
|
8502
8540
|
base: {
|
|
8503
8541
|
1: "grid-cols-1",
|
|
8504
8542
|
2: "grid-cols-2",
|
|
@@ -8544,11 +8582,11 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8544
8582
|
6: "xl:grid-cols-6",
|
|
8545
8583
|
12: "xl:grid-cols-12"
|
|
8546
8584
|
}
|
|
8547
|
-
},
|
|
8548
|
-
let c = e ?? "div", l = t === void 0 ? null : typeof t == "number" ?
|
|
8585
|
+
}, Vo = a(function({ as: e, columns: t, gap: n = 4, minChildWidth: r, className: i, style: a, ...o }, s) {
|
|
8586
|
+
let c = e ?? "div", l = t === void 0 ? null : typeof t == "number" ? Bo.base[t] : Object.entries(t).map(([e, t]) => Bo[e][t]);
|
|
8549
8587
|
return /* @__PURE__ */ U(c, {
|
|
8550
8588
|
ref: s,
|
|
8551
|
-
className: G("grid",
|
|
8589
|
+
className: G("grid", Fo[n], l, i),
|
|
8552
8590
|
style: r ? {
|
|
8553
8591
|
gridTemplateColumns: `repeat(auto-fit, minmax(min(${r}, 100%), 1fr))`,
|
|
8554
8592
|
...a
|
|
@@ -8558,7 +8596,7 @@ var Do = a(function({ as: e, className: t, ...n }, r) {
|
|
|
8558
8596
|
});
|
|
8559
8597
|
//#endregion
|
|
8560
8598
|
//#region src/layout/Spacer.tsx
|
|
8561
|
-
function
|
|
8599
|
+
function Ho({ className: e }) {
|
|
8562
8600
|
return /* @__PURE__ */ U("div", {
|
|
8563
8601
|
"aria-hidden": "true",
|
|
8564
8602
|
className: G("flex-1", e)
|
|
@@ -8566,21 +8604,21 @@ function Bo({ className: e }) {
|
|
|
8566
8604
|
}
|
|
8567
8605
|
//#endregion
|
|
8568
8606
|
//#region src/layout/Stack.tsx
|
|
8569
|
-
function
|
|
8607
|
+
function Uo(e, t, n) {
|
|
8570
8608
|
let r = a(function({ as: e, gap: r = n.gap, align: i = n.align, justify: a, wrap: o, className: s, ...c }, l) {
|
|
8571
8609
|
return /* @__PURE__ */ U(e ?? "div", {
|
|
8572
8610
|
ref: l,
|
|
8573
|
-
className: G("flex", t === "column" ? "flex-col" : "flex-row",
|
|
8611
|
+
className: G("flex", t === "column" ? "flex-col" : "flex-row", Fo[r], i && Io[i], a && Lo[a], o && "flex-wrap", s),
|
|
8574
8612
|
...c
|
|
8575
8613
|
});
|
|
8576
8614
|
});
|
|
8577
8615
|
return r.displayName = e, r;
|
|
8578
8616
|
}
|
|
8579
|
-
var
|
|
8617
|
+
var Wo = Uo("Stack", "column", { gap: 4 }), Go = Wo, Ko = Uo("HStack", "row", {
|
|
8580
8618
|
gap: 3,
|
|
8581
8619
|
align: "center"
|
|
8582
8620
|
});
|
|
8583
8621
|
//#endregion
|
|
8584
|
-
export { st as Accordion, ct as AccordionItem,
|
|
8622
|
+
export { st as Accordion, ct as AccordionItem, lo as ActionBar, ht as Alert, St as AppBar, Gt as AppShell, Ki as AspectRatio, qt as AudioItem, Xt as Avatar, Qt as AvatarGroup, vo as AvatarPicker, ut as Badge, tn as Banner, Er as BottomMenu, ko 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, Ao as Center, Mn as CharacterCard, Nn as CharacterCardSkeleton, Ln as Chart, Ve as ChartCell, Bn as Checkbox, Vn as Chip, uo as ChoiceCard, wo as Citation, Gn as CodeBlock, Kn as Collapsible, ir as ColorPicker, cr as Combobox, fr as CommandPalette, hr as Composer, kr as ConfirmHost, Mo as Container, Ar as ContextMenu, Hn as CopyButton, pt as CrispStringsProvider, Ma as DEFAULT_THEME, Pr as DatePicker, Ir as Dialog, zr as Diff, Po as Divider, It as Dock, Jr as DownloadItem, Yr as Dropzone, Xr as EmptyState, Zr as ErrorState, To as FeedbackAction, yt as Field, $r as FilterBar, zo as Flex, ni as Form, ri as FormActions, wt as FrameProvider, Vo as Grid, Ko as HStack, ur as Highlight, ai as HoverCard, oi as ICON_SIZE, si as Icon, J as IconButton, ci as ImageViewer, li as InfiniteScroll, bt as Input, dr as Kbd, ia 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, Co as ModelSelect, Fi as MultiItemDownloadCard, Pt as NavBadge, Vt as NavLabel, Ht as NavRail, Ii as NumberInput, Oo as OtpInput, ja as PRESETS, xo 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, Do as PromptSuggestions, qi as Prose, Xi as Radio, Yi as RadioGroup, _r as RecordingWave, go as ReorderableList, Zi as Resizable, Wn as ScrollArea, Qi as SearchField, ho as SecretInput, $i as Segmented, ea as Select, ta as SelectMenu, Tr as Sheet, fo as Shelf, $ as Skeleton, jn as SkeletonRow, na as Slider, Ho as Spacer, Rn as Sparkline, or as Spinner, vn as SplitButton, Wo as Stack, ra as StatTile, aa as Stepper, An as Surface, oa as Switch, fa as Tab, Ft as TabBar, da as TabList, pa as TabPanel, sa as Table, ua as Tabs, ma as TagInput, _a as Text, xt as Textarea, Va as ThemeEditor, La as ThemeProvider, Ua as Timeline, Wa as TitleBar, Qa as Toaster, $a as ToggleGroup, eo as Toolbar, no as ToolbarGroup, to as ToolbarSeparator, Nt as Tooltip, io as Tour, ao as Tree, ji as TypingDots, Go as VStack, oo as VirtualList, Gi as VisuallyHidden, co as WindowResizeHandles, mo as Wizard, Io as alignClass, Aa as applyTheme, G as cn, Wr as compactNumber, Or as confirm, xa as contrastRatio, Lr as diffLines, dt as englishStrings, Kr as fileSize, Fo as gapClass, Jn as getElementRef, va as hexToRgb, Z as icon, gn as iconSize, X as inputSurface, Sa as isLight, Lo as justifyClass, ba as luminance, qn as mergeRefs, wa as mixHex, K as motion, ya as normaliseHex, Ca as readableOn, Ur as relativeTime, ka as themeToVars, wn as tintFromName, Za 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, Fa as useTheme, ii as useUnsavedGuard, po as useWizard };
|
|
8585
8623
|
|
|
8586
8624
|
//# sourceMappingURL=index.js.map
|