@sakaniui/react 0.13.0 → 0.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +7 -0
- package/CHANGELOG.md +26 -0
- package/dist/TopBar-BbIHT61j.cjs +1 -0
- package/dist/{TopBar-BcXAB1mf.js → TopBar-D-xZskqG.js} +401 -339
- package/dist/blocks.cjs +2 -2
- package/dist/blocks.mjs +856 -856
- package/dist/components/Input/Input.d.ts +12 -0
- package/dist/components/Textarea/Textarea.d.ts +15 -0
- package/dist/emoji-index.json +1 -1
- package/dist/icon-index.json +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1863 -1824
- package/dist/lib/AiGlow.d.ts +8 -0
- package/dist/manifest.json +113 -18
- package/dist/style.css +1 -1
- package/dist/tokens.css +3 -0
- package/package.json +1 -1
- package/dist/TopBar-DeBSl4rq.cjs +0 -1
|
@@ -611,21 +611,21 @@ function it(e, t) {
|
|
|
611
611
|
}, [e, t]), n;
|
|
612
612
|
}
|
|
613
613
|
var L = {
|
|
614
|
-
liquid: "
|
|
615
|
-
regular: "
|
|
616
|
-
clear: "
|
|
617
|
-
"tint-regular": "_tint-
|
|
618
|
-
"tint-clear": "_tint-
|
|
619
|
-
"tint-subtle": "_tint-
|
|
620
|
-
"tint-none": "_tint-
|
|
621
|
-
sourceClip: "
|
|
622
|
-
source: "
|
|
623
|
-
sourceImage: "
|
|
624
|
-
sourceCanvas: "
|
|
625
|
-
probe: "
|
|
626
|
-
fill: "
|
|
627
|
-
interactive: "
|
|
628
|
-
defs: "
|
|
614
|
+
liquid: "_liquid_1sxkl_6",
|
|
615
|
+
regular: "_regular_1sxkl_6",
|
|
616
|
+
clear: "_clear_1sxkl_14",
|
|
617
|
+
"tint-regular": "_tint-regular_1sxkl_34",
|
|
618
|
+
"tint-clear": "_tint-clear_1sxkl_35",
|
|
619
|
+
"tint-subtle": "_tint-subtle_1sxkl_36",
|
|
620
|
+
"tint-none": "_tint-none_1sxkl_37",
|
|
621
|
+
sourceClip: "_sourceClip_1sxkl_47",
|
|
622
|
+
source: "_source_1sxkl_47",
|
|
623
|
+
sourceImage: "_sourceImage_1sxkl_56",
|
|
624
|
+
sourceCanvas: "_sourceCanvas_1sxkl_63",
|
|
625
|
+
probe: "_probe_1sxkl_64",
|
|
626
|
+
fill: "_fill_1sxkl_65",
|
|
627
|
+
interactive: "_interactive_1sxkl_120",
|
|
628
|
+
defs: "_defs_1sxkl_122"
|
|
629
629
|
};
|
|
630
630
|
//#endregion
|
|
631
631
|
//#region src/lib/LiquidGlass.tsx
|
|
@@ -1086,6 +1086,7 @@ var wt = (e) => {
|
|
|
1086
1086
|
ref: h,
|
|
1087
1087
|
...f,
|
|
1088
1088
|
...g.props,
|
|
1089
|
+
"data-bare": u == null || u === !1 ? "" : void 0,
|
|
1089
1090
|
className: [
|
|
1090
1091
|
L.liquid,
|
|
1091
1092
|
L[e],
|
|
@@ -2702,7 +2703,7 @@ var Lt = [
|
|
|
2702
2703
|
children: n
|
|
2703
2704
|
})
|
|
2704
2705
|
]
|
|
2705
|
-
}),
|
|
2706
|
+
}), Bn = {
|
|
2706
2707
|
card: "_card_mouc6_1",
|
|
2707
2708
|
imageWrap: "_imageWrap_mouc6_19",
|
|
2708
2709
|
image: "_image_mouc6_19",
|
|
@@ -2715,37 +2716,37 @@ var Lt = [
|
|
|
2715
2716
|
role: "_role_mouc6_102",
|
|
2716
2717
|
social: "_social_mouc6_111",
|
|
2717
2718
|
bio: "_bio_mouc6_119"
|
|
2718
|
-
},
|
|
2719
|
-
className: [
|
|
2719
|
+
}, Vn = ({ image: e, imageAlt: t, name: n, role: r, location: i, locationStatus: a = "active", bio: o, socialLinks: s = [], className: c }) => /* @__PURE__ */ M("div", {
|
|
2720
|
+
className: [Bn.card, c ?? ""].filter(Boolean).join(" "),
|
|
2720
2721
|
children: [/* @__PURE__ */ M("div", {
|
|
2721
|
-
className:
|
|
2722
|
+
className: Bn.imageWrap,
|
|
2722
2723
|
children: [/* @__PURE__ */ j("img", {
|
|
2723
2724
|
src: e,
|
|
2724
2725
|
alt: t ?? n,
|
|
2725
|
-
className:
|
|
2726
|
+
className: Bn.image
|
|
2726
2727
|
}), /* @__PURE__ */ j("div", {
|
|
2727
|
-
className:
|
|
2728
|
+
className: Bn.locationBar,
|
|
2728
2729
|
children: /* @__PURE__ */ j(Nn, {
|
|
2729
2730
|
location: i,
|
|
2730
2731
|
status: a,
|
|
2731
|
-
className:
|
|
2732
|
+
className: Bn.locationDot
|
|
2732
2733
|
})
|
|
2733
2734
|
})]
|
|
2734
2735
|
}), /* @__PURE__ */ M("div", {
|
|
2735
|
-
className:
|
|
2736
|
+
className: Bn.info,
|
|
2736
2737
|
children: [/* @__PURE__ */ M("div", {
|
|
2737
|
-
className:
|
|
2738
|
+
className: Bn.metaRow,
|
|
2738
2739
|
children: [/* @__PURE__ */ M("div", {
|
|
2739
|
-
className:
|
|
2740
|
+
className: Bn.identity,
|
|
2740
2741
|
children: [/* @__PURE__ */ j("p", {
|
|
2741
|
-
className:
|
|
2742
|
+
className: Bn.name,
|
|
2742
2743
|
children: n
|
|
2743
2744
|
}), /* @__PURE__ */ j("p", {
|
|
2744
|
-
className:
|
|
2745
|
+
className: Bn.role,
|
|
2745
2746
|
children: r
|
|
2746
2747
|
})]
|
|
2747
2748
|
}), s.length > 0 && /* @__PURE__ */ j("div", {
|
|
2748
|
-
className:
|
|
2749
|
+
className: Bn.social,
|
|
2749
2750
|
children: s.map((e, t) => /* @__PURE__ */ j("a", {
|
|
2750
2751
|
href: e.href,
|
|
2751
2752
|
onClick: e.onClick,
|
|
@@ -2758,11 +2759,11 @@ var Lt = [
|
|
|
2758
2759
|
}, e.label ?? t))
|
|
2759
2760
|
})]
|
|
2760
2761
|
}), o && /* @__PURE__ */ j("p", {
|
|
2761
|
-
className:
|
|
2762
|
+
className: Bn.bio,
|
|
2762
2763
|
children: o
|
|
2763
2764
|
})]
|
|
2764
2765
|
})]
|
|
2765
|
-
}),
|
|
2766
|
+
}), Hn = {
|
|
2766
2767
|
alert: "_alert_1hjs5_3",
|
|
2767
2768
|
alert__icon: "_alert__icon_1hjs5_12",
|
|
2768
2769
|
alert__content: "_alert__content_1hjs5_13",
|
|
@@ -2773,7 +2774,7 @@ var Lt = [
|
|
|
2773
2774
|
"alert--warning": "_alert--warning_1hjs5_24",
|
|
2774
2775
|
"alert--danger": "_alert--danger_1hjs5_27",
|
|
2775
2776
|
"alert--neutral": "_alert--neutral_1hjs5_30"
|
|
2776
|
-
},
|
|
2777
|
+
}, Un = {
|
|
2777
2778
|
info: /* @__PURE__ */ M(A, { children: [
|
|
2778
2779
|
/* @__PURE__ */ j("circle", {
|
|
2779
2780
|
cx: "12",
|
|
@@ -2847,15 +2848,15 @@ var Lt = [
|
|
|
2847
2848
|
y2: "8"
|
|
2848
2849
|
})
|
|
2849
2850
|
] })
|
|
2850
|
-
},
|
|
2851
|
+
}, Wn = ({ color: e = "info", title: t, description: n, icon: r, className: i }) => /* @__PURE__ */ M("div", {
|
|
2851
2852
|
role: "alert",
|
|
2852
2853
|
className: [
|
|
2853
|
-
|
|
2854
|
-
|
|
2854
|
+
Hn.alert,
|
|
2855
|
+
Hn[`alert--${e}`],
|
|
2855
2856
|
i ?? ""
|
|
2856
2857
|
].filter(Boolean).join(" "),
|
|
2857
2858
|
children: [/* @__PURE__ */ j("span", {
|
|
2858
|
-
className:
|
|
2859
|
+
className: Hn.alert__icon,
|
|
2859
2860
|
"aria-hidden": "true",
|
|
2860
2861
|
children: /* @__PURE__ */ j("svg", {
|
|
2861
2862
|
viewBox: "0 0 24 24",
|
|
@@ -2866,19 +2867,19 @@ var Lt = [
|
|
|
2866
2867
|
strokeLinejoin: "round",
|
|
2867
2868
|
width: 18,
|
|
2868
2869
|
height: 18,
|
|
2869
|
-
children: r ??
|
|
2870
|
+
children: r ?? Un[e]
|
|
2870
2871
|
})
|
|
2871
2872
|
}), /* @__PURE__ */ M("div", {
|
|
2872
|
-
className:
|
|
2873
|
+
className: Hn.alert__content,
|
|
2873
2874
|
children: [t && /* @__PURE__ */ j("div", {
|
|
2874
|
-
className:
|
|
2875
|
+
className: Hn.alert__title,
|
|
2875
2876
|
children: t
|
|
2876
2877
|
}), n && /* @__PURE__ */ j("div", {
|
|
2877
|
-
className:
|
|
2878
|
+
className: Hn.alert__description,
|
|
2878
2879
|
children: n
|
|
2879
2880
|
})]
|
|
2880
2881
|
})]
|
|
2881
|
-
}),
|
|
2882
|
+
}), K = {
|
|
2882
2883
|
card: "_card_6iftf_2",
|
|
2883
2884
|
"card--hover": "_card--hover_6iftf_15",
|
|
2884
2885
|
"card--selected": "_card--selected_6iftf_16",
|
|
@@ -2895,60 +2896,60 @@ var Lt = [
|
|
|
2895
2896
|
card__footer: "_card__footer_6iftf_47",
|
|
2896
2897
|
card__meta: "_card__meta_6iftf_48",
|
|
2897
2898
|
card__assignees: "_card__assignees_6iftf_49"
|
|
2898
|
-
},
|
|
2899
|
+
}, Gn = ({ type: e = "default", state: t = "default", cover: n, leading: r, title: i, trailing: a, description: o, tags: s, meta: c, assignees: l, onClick: u, className: d }) => {
|
|
2899
2900
|
let f = e !== "compact", p = c || l;
|
|
2900
2901
|
return /* @__PURE__ */ M("div", {
|
|
2901
2902
|
onClick: u,
|
|
2902
2903
|
"aria-selected": t === "selected" || void 0,
|
|
2903
2904
|
className: [
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2905
|
+
K.card,
|
|
2906
|
+
K[`card--${e}`],
|
|
2907
|
+
K[`card--${t}`],
|
|
2907
2908
|
d ?? ""
|
|
2908
2909
|
].filter(Boolean).join(" "),
|
|
2909
2910
|
children: [
|
|
2910
2911
|
e === "cover" && /* @__PURE__ */ j("div", {
|
|
2911
|
-
className:
|
|
2912
|
+
className: K.card__cover,
|
|
2912
2913
|
children: n
|
|
2913
2914
|
}),
|
|
2914
2915
|
/* @__PURE__ */ M("div", {
|
|
2915
|
-
className:
|
|
2916
|
+
className: K.card__header,
|
|
2916
2917
|
children: [
|
|
2917
2918
|
r && /* @__PURE__ */ j("span", {
|
|
2918
|
-
className:
|
|
2919
|
+
className: K.card__leading,
|
|
2919
2920
|
children: r
|
|
2920
2921
|
}),
|
|
2921
2922
|
/* @__PURE__ */ j("span", {
|
|
2922
|
-
className:
|
|
2923
|
+
className: K.card__title,
|
|
2923
2924
|
children: i
|
|
2924
2925
|
}),
|
|
2925
2926
|
a && /* @__PURE__ */ j("span", {
|
|
2926
|
-
className:
|
|
2927
|
+
className: K.card__trailing,
|
|
2927
2928
|
children: a
|
|
2928
2929
|
})
|
|
2929
2930
|
]
|
|
2930
2931
|
}),
|
|
2931
2932
|
f && o && /* @__PURE__ */ j("p", {
|
|
2932
|
-
className:
|
|
2933
|
+
className: K.card__desc,
|
|
2933
2934
|
children: o
|
|
2934
2935
|
}),
|
|
2935
2936
|
f && s && /* @__PURE__ */ j("div", {
|
|
2936
|
-
className:
|
|
2937
|
+
className: K.card__tags,
|
|
2937
2938
|
children: s
|
|
2938
2939
|
}),
|
|
2939
|
-
p && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", { className:
|
|
2940
|
-
className:
|
|
2940
|
+
p && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", { className: K.card__divider }), /* @__PURE__ */ M("div", {
|
|
2941
|
+
className: K.card__footer,
|
|
2941
2942
|
children: [c && /* @__PURE__ */ j("div", {
|
|
2942
|
-
className:
|
|
2943
|
+
className: K.card__meta,
|
|
2943
2944
|
children: c
|
|
2944
2945
|
}), l && /* @__PURE__ */ j("div", {
|
|
2945
|
-
className:
|
|
2946
|
+
className: K.card__assignees,
|
|
2946
2947
|
children: l
|
|
2947
2948
|
})]
|
|
2948
2949
|
})] })
|
|
2949
2950
|
]
|
|
2950
2951
|
});
|
|
2951
|
-
},
|
|
2952
|
+
}, Kn = {
|
|
2952
2953
|
breadcrumb: "_breadcrumb_tszff_3",
|
|
2953
2954
|
list: "_list_tszff_5",
|
|
2954
2955
|
item: "_item_tszff_15",
|
|
@@ -2957,13 +2958,13 @@ var Lt = [
|
|
|
2957
2958
|
separator: "_separator_tszff_33",
|
|
2958
2959
|
"list--button": "_list--button_tszff_38",
|
|
2959
2960
|
chip: "_chip_tszff_41"
|
|
2960
|
-
},
|
|
2961
|
+
}, qn = {
|
|
2961
2962
|
highlight: "_highlight_2b588_15",
|
|
2962
2963
|
visible: "_visible_2b588_24",
|
|
2963
2964
|
glide: "_glide_2b588_28",
|
|
2964
2965
|
track: "_track_2b588_39"
|
|
2965
|
-
},
|
|
2966
|
-
function
|
|
2966
|
+
}, Jn = /height|width|grid-template|padding|margin|^(top|bottom|left|right|inset)|gap|flex/, Yn = (e) => e.getAttribute("data-hover-item") === "off" || e.getAttribute("aria-disabled") === "true" || e.disabled === !0;
|
|
2967
|
+
function Xn(e, t) {
|
|
2967
2968
|
let n = 0, r = 0, i = e;
|
|
2968
2969
|
for (; i && i !== t;) {
|
|
2969
2970
|
n += i.offsetLeft, r += i.offsetTop;
|
|
@@ -2982,7 +2983,7 @@ function Yn(e, t) {
|
|
|
2982
2983
|
tone: a.getPropertyValue("--hover-tone").trim()
|
|
2983
2984
|
};
|
|
2984
2985
|
}
|
|
2985
|
-
function
|
|
2986
|
+
function Zn() {
|
|
2986
2987
|
let e = k.useRef(null), [t, n] = k.useState(null), r = k.useCallback((t) => {
|
|
2987
2988
|
e.current = t, n(t);
|
|
2988
2989
|
}, []), i = k.useRef(null), a = k.useRef(!1), o = k.useRef(null), s = k.useRef(!1), c = k.useRef(null), [l, u] = k.useState(null), [d, f] = k.useState(!1), [p, m] = k.useState(!1), h = k.useCallback(() => {
|
|
@@ -2991,7 +2992,7 @@ function Xn() {
|
|
|
2991
2992
|
let n = e.current;
|
|
2992
2993
|
if (!n) return;
|
|
2993
2994
|
n !== c.current && (c.current = n, a.current = !1), i.current = t;
|
|
2994
|
-
let r =
|
|
2995
|
+
let r = Xn(t, n);
|
|
2995
2996
|
if (a.current) {
|
|
2996
2997
|
u(r);
|
|
2997
2998
|
return;
|
|
@@ -3010,7 +3011,7 @@ function Xn() {
|
|
|
3010
3011
|
if (!n) return;
|
|
3011
3012
|
let r = t.target.closest("[data-hover-item]");
|
|
3012
3013
|
if (!(!r || r.closest("[data-hover-group]") !== n)) {
|
|
3013
|
-
if (
|
|
3014
|
+
if (Yn(r)) {
|
|
3014
3015
|
h();
|
|
3015
3016
|
return;
|
|
3016
3017
|
}
|
|
@@ -3027,7 +3028,7 @@ function Xn() {
|
|
|
3027
3028
|
h();
|
|
3028
3029
|
return;
|
|
3029
3030
|
}
|
|
3030
|
-
u(
|
|
3031
|
+
u(Xn(t, e));
|
|
3031
3032
|
}
|
|
3032
3033
|
}, r = new ResizeObserver(n);
|
|
3033
3034
|
r.observe(e), e.addEventListener("scroll", n, !0);
|
|
@@ -3035,20 +3036,20 @@ function Xn() {
|
|
|
3035
3036
|
c = 0;
|
|
3036
3037
|
let t = i.current, n = o.current;
|
|
3037
3038
|
if (!t || !n || !a.current || !e.contains(t)) {
|
|
3038
|
-
n?.classList.remove(
|
|
3039
|
+
n?.classList.remove(qn.track);
|
|
3039
3040
|
return;
|
|
3040
3041
|
}
|
|
3041
|
-
let r =
|
|
3042
|
+
let r = Xn(t, e);
|
|
3042
3043
|
if (n.style.transform = `translate(${r.x}px, ${r.y}px)`, n.style.width = `${r.w}px`, n.style.height = `${r.h}px`, performance.now() < s) {
|
|
3043
3044
|
c = requestAnimationFrame(l);
|
|
3044
3045
|
return;
|
|
3045
3046
|
}
|
|
3046
|
-
n.classList.remove(
|
|
3047
|
+
n.classList.remove(qn.track), u(r);
|
|
3047
3048
|
}, d = (e) => Math.max(0, ...e.split(",").map((e) => (e.trim().endsWith("ms") ? parseFloat(e) : parseFloat(e) * 1e3) || 0)), f = (e, t) => {
|
|
3048
|
-
e === o.current || !a.current || (s = Math.max(s, performance.now() + t + 60), c ||= (o.current?.classList.add(
|
|
3049
|
+
e === o.current || !a.current || (s = Math.max(s, performance.now() + t + 60), c ||= (o.current?.classList.add(qn.track), requestAnimationFrame(l)));
|
|
3049
3050
|
}, p = (e) => {
|
|
3050
3051
|
let t = e;
|
|
3051
|
-
if (!
|
|
3052
|
+
if (!Jn.test(t.propertyName)) return;
|
|
3052
3053
|
let n = getComputedStyle(t.target);
|
|
3053
3054
|
f(t.target, d(n.transitionDuration) + d(n.transitionDelay));
|
|
3054
3055
|
}, m = (e) => {
|
|
@@ -3063,9 +3064,9 @@ function Xn() {
|
|
|
3063
3064
|
ref: o,
|
|
3064
3065
|
"aria-hidden": "true",
|
|
3065
3066
|
className: [
|
|
3066
|
-
|
|
3067
|
-
d ?
|
|
3068
|
-
p ?
|
|
3067
|
+
qn.highlight,
|
|
3068
|
+
d ? qn.visible : "",
|
|
3069
|
+
p ? qn.glide : ""
|
|
3069
3070
|
].filter(Boolean).join(" "),
|
|
3070
3071
|
style: l ? {
|
|
3071
3072
|
transform: `translate(${l.x}px, ${l.y}px)`,
|
|
@@ -3075,7 +3076,7 @@ function Xn() {
|
|
|
3075
3076
|
background: l.tone || void 0
|
|
3076
3077
|
} : void 0
|
|
3077
3078
|
}), y = k.useCallback((e) => {
|
|
3078
|
-
e && !
|
|
3079
|
+
e && !Yn(e) ? g(e) : h();
|
|
3079
3080
|
}, [h, g]);
|
|
3080
3081
|
return {
|
|
3081
3082
|
ref: r,
|
|
@@ -3088,8 +3089,8 @@ function Xn() {
|
|
|
3088
3089
|
showItem: y
|
|
3089
3090
|
};
|
|
3090
3091
|
}
|
|
3091
|
-
var
|
|
3092
|
-
let { ref: r, groupProps: i, highlight: a } =
|
|
3092
|
+
var Qn = ({ children: e, style: t, ...n }) => {
|
|
3093
|
+
let { ref: r, groupProps: i, highlight: a } = Zn();
|
|
3093
3094
|
return /* @__PURE__ */ M("div", {
|
|
3094
3095
|
ref: r,
|
|
3095
3096
|
...n,
|
|
@@ -3100,8 +3101,8 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3100
3101
|
},
|
|
3101
3102
|
children: [a, e]
|
|
3102
3103
|
});
|
|
3103
|
-
},
|
|
3104
|
-
className:
|
|
3104
|
+
}, $n = ({ size: e }) => /* @__PURE__ */ j("span", {
|
|
3105
|
+
className: Kn.separator,
|
|
3105
3106
|
"aria-hidden": "true",
|
|
3106
3107
|
children: /* @__PURE__ */ j("svg", {
|
|
3107
3108
|
viewBox: "0 0 24 24",
|
|
@@ -3114,23 +3115,23 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3114
3115
|
height: e,
|
|
3115
3116
|
children: /* @__PURE__ */ j("path", { d: "m9 18 6-6-6-6" })
|
|
3116
3117
|
})
|
|
3117
|
-
}),
|
|
3118
|
-
let r = t === "button", i =
|
|
3118
|
+
}), er = ({ items: e, variant: t = "text", className: n }) => {
|
|
3119
|
+
let r = t === "button", i = Zn();
|
|
3119
3120
|
return /* @__PURE__ */ j("nav", {
|
|
3120
3121
|
"aria-label": "Breadcrumb",
|
|
3121
|
-
className: [
|
|
3122
|
+
className: [Kn.breadcrumb, n ?? ""].filter(Boolean).join(" "),
|
|
3122
3123
|
children: /* @__PURE__ */ M("ol", {
|
|
3123
3124
|
ref: i.ref,
|
|
3124
3125
|
...r ? i.groupProps : {},
|
|
3125
|
-
className: [
|
|
3126
|
+
className: [Kn.list, r ? Kn["list--button"] : ""].filter(Boolean).join(" "),
|
|
3126
3127
|
children: [r && /* @__PURE__ */ j("li", {
|
|
3127
3128
|
"aria-hidden": "true",
|
|
3128
3129
|
style: { display: "contents" },
|
|
3129
3130
|
children: i.highlight
|
|
3130
3131
|
}), e.map((t, n) => {
|
|
3131
|
-
let i = n === e.length - 1, a = r ?
|
|
3132
|
+
let i = n === e.length - 1, a = r ? Kn.chip : i ? Kn.current : Kn.crumb;
|
|
3132
3133
|
return /* @__PURE__ */ M("li", {
|
|
3133
|
-
className:
|
|
3134
|
+
className: Kn.item,
|
|
3134
3135
|
children: [i || !t.href ? /* @__PURE__ */ j("span", {
|
|
3135
3136
|
className: a,
|
|
3136
3137
|
"data-hover-item": r ? "off" : void 0,
|
|
@@ -3141,43 +3142,43 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3141
3142
|
"data-hover-item": "",
|
|
3142
3143
|
className: a,
|
|
3143
3144
|
children: t.label
|
|
3144
|
-
}), !i && /* @__PURE__ */ j(
|
|
3145
|
+
}), !i && /* @__PURE__ */ j($n, { size: r ? 14 : 16 })]
|
|
3145
3146
|
}, n);
|
|
3146
3147
|
})]
|
|
3147
3148
|
})
|
|
3148
3149
|
});
|
|
3149
|
-
},
|
|
3150
|
+
}, tr = {
|
|
3150
3151
|
meta: "_meta_g1mpv_2",
|
|
3151
3152
|
meta__icon: "_meta__icon_g1mpv_3",
|
|
3152
3153
|
meta__label: "_meta__label_g1mpv_4"
|
|
3153
|
-
},
|
|
3154
|
-
className: [
|
|
3154
|
+
}, nr = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ M("span", {
|
|
3155
|
+
className: [tr.meta, n ?? ""].filter(Boolean).join(" "),
|
|
3155
3156
|
children: [/* @__PURE__ */ j("span", {
|
|
3156
|
-
className:
|
|
3157
|
+
className: tr.meta__icon,
|
|
3157
3158
|
"aria-hidden": "true",
|
|
3158
3159
|
children: e
|
|
3159
3160
|
}), /* @__PURE__ */ j("span", {
|
|
3160
|
-
className:
|
|
3161
|
+
className: tr.meta__label,
|
|
3161
3162
|
children: t
|
|
3162
3163
|
})]
|
|
3163
|
-
}),
|
|
3164
|
+
}), rr = {
|
|
3164
3165
|
skeleton: "_skeleton_94hr3_9",
|
|
3165
3166
|
"skeleton-shimmer": "_skeleton-shimmer_94hr3_1",
|
|
3166
3167
|
"skeleton--text": "_skeleton--text_94hr3_22",
|
|
3167
3168
|
"skeleton--rect": "_skeleton--rect_94hr3_29",
|
|
3168
3169
|
"skeleton--circle": "_skeleton--circle_94hr3_35"
|
|
3169
|
-
},
|
|
3170
|
+
}, ir = ({ variant: e = "text", width: t, height: n, className: r }) => {
|
|
3170
3171
|
let i = {};
|
|
3171
3172
|
return t !== void 0 && (i.width = typeof t == "number" ? `${t}px` : t), n !== void 0 && (i.height = typeof n == "number" ? `${n}px` : n), /* @__PURE__ */ j("span", {
|
|
3172
3173
|
"aria-hidden": "true",
|
|
3173
3174
|
className: [
|
|
3174
|
-
|
|
3175
|
-
|
|
3175
|
+
rr.skeleton,
|
|
3176
|
+
rr[`skeleton--${e}`],
|
|
3176
3177
|
r ?? ""
|
|
3177
3178
|
].filter(Boolean).join(" "),
|
|
3178
3179
|
style: i
|
|
3179
3180
|
});
|
|
3180
|
-
},
|
|
3181
|
+
}, ar = {
|
|
3181
3182
|
composer: "_composer_1dwtx_2",
|
|
3182
3183
|
"composer--typing": "_composer--typing_1dwtx_15",
|
|
3183
3184
|
input: "_input_1dwtx_22",
|
|
@@ -3191,7 +3192,7 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3191
3192
|
row: "_row_1dwtx_36",
|
|
3192
3193
|
icon: "_icon_1dwtx_37",
|
|
3193
3194
|
send: "_send_1dwtx_52"
|
|
3194
|
-
},
|
|
3195
|
+
}, or = ({ state: e = "default", value: t, placeholder: n = "Message...", onChange: r, onSend: i, onAttachmentsChange: a, uploadName: o, uploadProgress: s = 0, onCancelUpload: c, className: l }) => {
|
|
3195
3196
|
let u = e === "disabled", [f, p] = k.useState(""), [m, h] = k.useState(!1), [g, y] = k.useState({
|
|
3196
3197
|
top: 0,
|
|
3197
3198
|
right: 0
|
|
@@ -3241,29 +3242,29 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3241
3242
|
a?.(b);
|
|
3242
3243
|
}, [b, a]), /* @__PURE__ */ M("div", {
|
|
3243
3244
|
className: [
|
|
3244
|
-
|
|
3245
|
-
|
|
3245
|
+
ar.composer,
|
|
3246
|
+
ar[`composer--${e}`],
|
|
3246
3247
|
l ?? ""
|
|
3247
3248
|
].filter(Boolean).join(" "),
|
|
3248
3249
|
children: [
|
|
3249
3250
|
e === "uploading" && /* @__PURE__ */ M("div", {
|
|
3250
|
-
className:
|
|
3251
|
+
className: ar.upload,
|
|
3251
3252
|
children: [
|
|
3252
3253
|
/* @__PURE__ */ j(_, {
|
|
3253
3254
|
size: 16,
|
|
3254
3255
|
strokeWidth: N(16),
|
|
3255
|
-
className:
|
|
3256
|
+
className: ar.upload__icon,
|
|
3256
3257
|
"aria-hidden": "true"
|
|
3257
3258
|
}),
|
|
3258
3259
|
/* @__PURE__ */ M("div", {
|
|
3259
|
-
className:
|
|
3260
|
+
className: ar.upload__body,
|
|
3260
3261
|
children: [/* @__PURE__ */ j("span", {
|
|
3261
|
-
className:
|
|
3262
|
+
className: ar.upload__name,
|
|
3262
3263
|
children: o
|
|
3263
3264
|
}), /* @__PURE__ */ j("div", {
|
|
3264
|
-
className:
|
|
3265
|
+
className: ar.upload__track,
|
|
3265
3266
|
children: /* @__PURE__ */ j("div", {
|
|
3266
|
-
className:
|
|
3267
|
+
className: ar.upload__fill,
|
|
3267
3268
|
style: { width: `${s}%` }
|
|
3268
3269
|
})
|
|
3269
3270
|
})]
|
|
@@ -3357,7 +3358,7 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3357
3358
|
style: { display: "none" }
|
|
3358
3359
|
}),
|
|
3359
3360
|
/* @__PURE__ */ M("div", {
|
|
3360
|
-
className:
|
|
3361
|
+
className: ar.row,
|
|
3361
3362
|
children: [
|
|
3362
3363
|
/* @__PURE__ */ j(Ve, {
|
|
3363
3364
|
icon: v,
|
|
@@ -3370,7 +3371,7 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3370
3371
|
/* @__PURE__ */ j("input", {
|
|
3371
3372
|
ref: S,
|
|
3372
3373
|
type: "text",
|
|
3373
|
-
className:
|
|
3374
|
+
className: ar.input,
|
|
3374
3375
|
value: O,
|
|
3375
3376
|
placeholder: u ? "You can't reply to this conversation" : n,
|
|
3376
3377
|
disabled: u,
|
|
@@ -3456,7 +3457,7 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3456
3457
|
})
|
|
3457
3458
|
]
|
|
3458
3459
|
});
|
|
3459
|
-
},
|
|
3460
|
+
}, sr = {
|
|
3460
3461
|
wrapper: "_wrapper_1nmcn_3",
|
|
3461
3462
|
"wrapper--disabled": "_wrapper--disabled_1nmcn_11",
|
|
3462
3463
|
input: "_input_1nmcn_14",
|
|
@@ -3468,16 +3469,16 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3468
3469
|
text__description: "_text__description_1nmcn_73",
|
|
3469
3470
|
checkbox: "_checkbox_1nmcn_77",
|
|
3470
3471
|
"wrapper--withDescription": "_wrapper--withDescription_1nmcn_81"
|
|
3471
|
-
},
|
|
3472
|
+
}, cr = k.forwardRef(({ label: e, description: t, indeterminate: n, disabled: r, id: i, className: a, ...o }, s) => {
|
|
3472
3473
|
let c = k.useId(), l = i ?? c, u = k.useRef(null);
|
|
3473
3474
|
return k.useImperativeHandle(s, () => u.current), k.useEffect(() => {
|
|
3474
3475
|
u.current && (u.current.indeterminate = !!n);
|
|
3475
3476
|
}, [n]), /* @__PURE__ */ M("label", {
|
|
3476
3477
|
htmlFor: l,
|
|
3477
3478
|
className: [
|
|
3478
|
-
|
|
3479
|
-
t ?
|
|
3480
|
-
r ?
|
|
3479
|
+
sr.wrapper,
|
|
3480
|
+
t ? sr["wrapper--withDescription"] : "",
|
|
3481
|
+
r ? sr["wrapper--disabled"] : "",
|
|
3481
3482
|
a ?? ""
|
|
3482
3483
|
].filter(Boolean).join(" "),
|
|
3483
3484
|
children: [
|
|
@@ -3486,14 +3487,14 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3486
3487
|
id: l,
|
|
3487
3488
|
type: "checkbox",
|
|
3488
3489
|
disabled: r,
|
|
3489
|
-
className:
|
|
3490
|
+
className: sr.input,
|
|
3490
3491
|
...o
|
|
3491
3492
|
}),
|
|
3492
3493
|
/* @__PURE__ */ M("span", {
|
|
3493
|
-
className:
|
|
3494
|
+
className: sr.box,
|
|
3494
3495
|
"aria-hidden": "true",
|
|
3495
3496
|
children: [/* @__PURE__ */ j("svg", {
|
|
3496
|
-
className:
|
|
3497
|
+
className: sr.check,
|
|
3497
3498
|
width: 12,
|
|
3498
3499
|
height: 12,
|
|
3499
3500
|
viewBox: "0 0 24 24",
|
|
@@ -3503,23 +3504,23 @@ var Zn = ({ children: e, style: t, ...n }) => {
|
|
|
3503
3504
|
strokeLinecap: "round",
|
|
3504
3505
|
strokeLinejoin: "round",
|
|
3505
3506
|
children: /* @__PURE__ */ j("polyline", { points: "20 6 9 17 4 12" })
|
|
3506
|
-
}), /* @__PURE__ */ j("span", { className:
|
|
3507
|
+
}), /* @__PURE__ */ j("span", { className: sr.dash })]
|
|
3507
3508
|
}),
|
|
3508
3509
|
(e || t) && /* @__PURE__ */ M("span", {
|
|
3509
|
-
className:
|
|
3510
|
+
className: sr.text,
|
|
3510
3511
|
children: [e && /* @__PURE__ */ j("span", {
|
|
3511
|
-
className:
|
|
3512
|
+
className: sr.text__label,
|
|
3512
3513
|
children: e
|
|
3513
3514
|
}), t && /* @__PURE__ */ j("span", {
|
|
3514
|
-
className:
|
|
3515
|
+
className: sr.text__description,
|
|
3515
3516
|
children: t
|
|
3516
3517
|
})]
|
|
3517
3518
|
})
|
|
3518
3519
|
]
|
|
3519
3520
|
});
|
|
3520
3521
|
});
|
|
3521
|
-
|
|
3522
|
-
var
|
|
3522
|
+
cr.displayName = "Checkbox";
|
|
3523
|
+
var q = {
|
|
3523
3524
|
item: "_item_1bf0e_2",
|
|
3524
3525
|
"item--hover": "_item--hover_1bf0e_12",
|
|
3525
3526
|
"item--active": "_item--active_1bf0e_13",
|
|
@@ -3534,7 +3535,7 @@ var J = {
|
|
|
3534
3535
|
item__preview: "_item__preview_1bf0e_31",
|
|
3535
3536
|
item__typing: "_item__typing_1bf0e_36",
|
|
3536
3537
|
item__badge: "_item__badge_1bf0e_37"
|
|
3537
|
-
},
|
|
3538
|
+
}, lr = ({ state: e = "default", avatar: t, name: n, timestamp: r, preview: i, unreadCount: a, onClick: o, className: s }) => /* @__PURE__ */ M("div", {
|
|
3538
3539
|
role: "button",
|
|
3539
3540
|
"data-hover-item": "",
|
|
3540
3541
|
tabIndex: 0,
|
|
@@ -3544,56 +3545,56 @@ var J = {
|
|
|
3544
3545
|
},
|
|
3545
3546
|
"aria-current": e === "active" || void 0,
|
|
3546
3547
|
className: [
|
|
3547
|
-
|
|
3548
|
-
|
|
3548
|
+
q.item,
|
|
3549
|
+
q[`item--${e}`],
|
|
3549
3550
|
s ?? ""
|
|
3550
3551
|
].filter(Boolean).join(" "),
|
|
3551
3552
|
children: [/* @__PURE__ */ M("span", {
|
|
3552
|
-
className:
|
|
3553
|
+
className: q.item__avatar,
|
|
3553
3554
|
children: [t, e !== "muted" && /* @__PURE__ */ j("span", {
|
|
3554
|
-
className:
|
|
3555
|
+
className: q.item__presence,
|
|
3555
3556
|
"aria-hidden": "true"
|
|
3556
3557
|
})]
|
|
3557
3558
|
}), /* @__PURE__ */ M("span", {
|
|
3558
|
-
className:
|
|
3559
|
+
className: q.item__body,
|
|
3559
3560
|
children: [/* @__PURE__ */ M("span", {
|
|
3560
|
-
className:
|
|
3561
|
+
className: q.item__row,
|
|
3561
3562
|
children: [
|
|
3562
3563
|
/* @__PURE__ */ j("span", {
|
|
3563
|
-
className:
|
|
3564
|
+
className: q.item__name,
|
|
3564
3565
|
children: n
|
|
3565
3566
|
}),
|
|
3566
3567
|
e === "muted" && /* @__PURE__ */ j(g, {
|
|
3567
3568
|
size: 12,
|
|
3568
3569
|
strokeWidth: N(12),
|
|
3569
|
-
className:
|
|
3570
|
+
className: q.item__mute,
|
|
3570
3571
|
"aria-hidden": "true"
|
|
3571
3572
|
}),
|
|
3572
3573
|
r && /* @__PURE__ */ j("span", {
|
|
3573
|
-
className:
|
|
3574
|
+
className: q.item__time,
|
|
3574
3575
|
children: r
|
|
3575
3576
|
})
|
|
3576
3577
|
]
|
|
3577
3578
|
}), /* @__PURE__ */ M("span", {
|
|
3578
|
-
className:
|
|
3579
|
+
className: q.item__row,
|
|
3579
3580
|
children: [e === "typing" ? /* @__PURE__ */ j("span", {
|
|
3580
|
-
className:
|
|
3581
|
+
className: q.item__typing,
|
|
3581
3582
|
children: "typing..."
|
|
3582
3583
|
}) : /* @__PURE__ */ j("span", {
|
|
3583
|
-
className:
|
|
3584
|
+
className: q.item__preview,
|
|
3584
3585
|
children: i
|
|
3585
3586
|
}), e === "unread" && a != null && /* @__PURE__ */ j("span", {
|
|
3586
|
-
className:
|
|
3587
|
+
className: q.item__badge,
|
|
3587
3588
|
children: a
|
|
3588
3589
|
})]
|
|
3589
3590
|
})]
|
|
3590
3591
|
})]
|
|
3591
|
-
}),
|
|
3592
|
+
}), ur = {
|
|
3592
3593
|
chart: "_chart_aiboa_2",
|
|
3593
3594
|
center: "_center_aiboa_26",
|
|
3594
3595
|
center__value: "_center__value_aiboa_35",
|
|
3595
3596
|
center__caption: "_center__caption_aiboa_36"
|
|
3596
|
-
},
|
|
3597
|
+
}, dr = {
|
|
3597
3598
|
sm: {
|
|
3598
3599
|
h: 180,
|
|
3599
3600
|
inner: 50,
|
|
@@ -3614,7 +3615,7 @@ var J = {
|
|
|
3614
3615
|
inner: 98,
|
|
3615
3616
|
outer: 142
|
|
3616
3617
|
}
|
|
3617
|
-
},
|
|
3618
|
+
}, fr = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
|
|
3618
3619
|
let [o, s] = k.useState(null), [c, l] = k.useState(null), u = (e) => {
|
|
3619
3620
|
let t = e.currentTarget.getBoundingClientRect();
|
|
3620
3621
|
l({
|
|
@@ -3628,12 +3629,12 @@ var J = {
|
|
|
3628
3629
|
4,
|
|
3629
3630
|
5
|
|
3630
3631
|
].map((e) => f(`--color-chart-${e}`) ?? Lt[e - 1]), m = {
|
|
3631
|
-
...
|
|
3632
|
-
h: i ??
|
|
3632
|
+
...dr[t],
|
|
3633
|
+
h: i ?? dr[t].h
|
|
3633
3634
|
}, h = (m.outer - m.inner) / 2 - 7;
|
|
3634
3635
|
return /* @__PURE__ */ M("div", {
|
|
3635
3636
|
ref: d,
|
|
3636
|
-
className: [
|
|
3637
|
+
className: [ur.chart, a ?? ""].filter(Boolean).join(" "),
|
|
3637
3638
|
style: { height: m.h },
|
|
3638
3639
|
onMouseMove: u,
|
|
3639
3640
|
children: [/* @__PURE__ */ j(be, {
|
|
@@ -3663,24 +3664,24 @@ var J = {
|
|
|
3663
3664
|
position: c ?? void 0
|
|
3664
3665
|
})] })
|
|
3665
3666
|
}), (n || r) && /* @__PURE__ */ M("div", {
|
|
3666
|
-
className:
|
|
3667
|
+
className: ur.center,
|
|
3667
3668
|
children: [n && /* @__PURE__ */ j("span", {
|
|
3668
|
-
className:
|
|
3669
|
+
className: ur.center__value,
|
|
3669
3670
|
children: n
|
|
3670
3671
|
}), r && /* @__PURE__ */ j("span", {
|
|
3671
|
-
className:
|
|
3672
|
+
className: ur.center__caption,
|
|
3672
3673
|
children: r
|
|
3673
3674
|
})]
|
|
3674
3675
|
})]
|
|
3675
3676
|
});
|
|
3676
|
-
},
|
|
3677
|
+
}, pr = {
|
|
3677
3678
|
empty: "_empty_1mj0f_2",
|
|
3678
3679
|
empty__chip: "_empty__chip_1mj0f_12",
|
|
3679
3680
|
"empty__chip--error": "_empty__chip--error_1mj0f_22",
|
|
3680
3681
|
empty__title: "_empty__title_1mj0f_23",
|
|
3681
3682
|
empty__desc: "_empty__desc_1mj0f_31",
|
|
3682
3683
|
empty__action: "_empty__action_1mj0f_39"
|
|
3683
|
-
},
|
|
3684
|
+
}, mr = {
|
|
3684
3685
|
"no-data": {
|
|
3685
3686
|
icon: /* @__PURE__ */ j(te, {
|
|
3686
3687
|
size: 18,
|
|
@@ -3705,35 +3706,35 @@ var J = {
|
|
|
3705
3706
|
title: "Couldn't load data",
|
|
3706
3707
|
description: "Something went wrong while fetching records."
|
|
3707
3708
|
}
|
|
3708
|
-
},
|
|
3709
|
-
let s =
|
|
3709
|
+
}, hr = ({ type: e = "no-data", title: t, description: n, actionLabel: r, onAction: i, icon: a, className: o }) => {
|
|
3710
|
+
let s = mr[e];
|
|
3710
3711
|
return /* @__PURE__ */ M("div", {
|
|
3711
|
-
className: [
|
|
3712
|
+
className: [pr.empty, o ?? ""].filter(Boolean).join(" "),
|
|
3712
3713
|
role: "status",
|
|
3713
3714
|
children: [
|
|
3714
3715
|
/* @__PURE__ */ j("span", {
|
|
3715
|
-
className: [
|
|
3716
|
+
className: [pr.empty__chip, pr[`empty__chip--${e}`]].join(" "),
|
|
3716
3717
|
"aria-hidden": "true",
|
|
3717
3718
|
children: a ?? s.icon
|
|
3718
3719
|
}),
|
|
3719
3720
|
/* @__PURE__ */ j("p", {
|
|
3720
|
-
className:
|
|
3721
|
+
className: pr.empty__title,
|
|
3721
3722
|
children: t ?? s.title
|
|
3722
3723
|
}),
|
|
3723
3724
|
/* @__PURE__ */ j("p", {
|
|
3724
|
-
className:
|
|
3725
|
+
className: pr.empty__desc,
|
|
3725
3726
|
children: n ?? s.description
|
|
3726
3727
|
}),
|
|
3727
3728
|
r && /* @__PURE__ */ j(F, {
|
|
3728
3729
|
variant: "outline",
|
|
3729
3730
|
size: "sm",
|
|
3730
|
-
className:
|
|
3731
|
+
className: pr.empty__action,
|
|
3731
3732
|
onClick: i,
|
|
3732
3733
|
children: r
|
|
3733
3734
|
})
|
|
3734
3735
|
]
|
|
3735
3736
|
});
|
|
3736
|
-
},
|
|
3737
|
+
}, gr = {
|
|
3737
3738
|
chip: "_chip_1qnyq_2",
|
|
3738
3739
|
chip__lead: "_chip__lead_1qnyq_20",
|
|
3739
3740
|
chip__trail: "_chip__trail_1qnyq_20",
|
|
@@ -3741,50 +3742,50 @@ var J = {
|
|
|
3741
3742
|
chip__remove: "_chip__remove_1qnyq_29",
|
|
3742
3743
|
"chip--add": "_chip--add_1qnyq_38",
|
|
3743
3744
|
"chip--leaving": "_chip--leaving_1qnyq_45"
|
|
3744
|
-
},
|
|
3745
|
+
}, _r = 160, vr = () => typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, yr = ({ type: t = "default", children: n, onClick: r, onRemove: i, className: a }) => {
|
|
3745
3746
|
let [o, s] = k.useState(!1), c = k.useRef(void 0);
|
|
3746
3747
|
k.useEffect(() => () => window.clearTimeout(c.current), []);
|
|
3747
3748
|
let u = () => {
|
|
3748
3749
|
if (!o) {
|
|
3749
|
-
if (
|
|
3750
|
+
if (vr()) {
|
|
3750
3751
|
i?.();
|
|
3751
3752
|
return;
|
|
3752
3753
|
}
|
|
3753
3754
|
s(!0), c.current = window.setTimeout(() => {
|
|
3754
3755
|
i?.(), s(!1);
|
|
3755
|
-
},
|
|
3756
|
+
}, _r);
|
|
3756
3757
|
}
|
|
3757
3758
|
};
|
|
3758
3759
|
return /* @__PURE__ */ M("button", {
|
|
3759
3760
|
type: "button",
|
|
3760
3761
|
onClick: r,
|
|
3761
3762
|
className: [
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
o ?
|
|
3763
|
+
gr.chip,
|
|
3764
|
+
gr[`chip--${t}`],
|
|
3765
|
+
o ? gr["chip--leaving"] : "",
|
|
3765
3766
|
a ?? ""
|
|
3766
3767
|
].filter(Boolean).join(" "),
|
|
3767
3768
|
children: [
|
|
3768
3769
|
t === "add" && /* @__PURE__ */ j(l, {
|
|
3769
3770
|
size: 14,
|
|
3770
3771
|
strokeWidth: N(14),
|
|
3771
|
-
className:
|
|
3772
|
+
className: gr.chip__lead,
|
|
3772
3773
|
"aria-hidden": "true"
|
|
3773
3774
|
}),
|
|
3774
3775
|
/* @__PURE__ */ j("span", {
|
|
3775
|
-
className:
|
|
3776
|
+
className: gr.chip__label,
|
|
3776
3777
|
children: n
|
|
3777
3778
|
}),
|
|
3778
3779
|
t === "default" && /* @__PURE__ */ j(e, {
|
|
3779
3780
|
size: 14,
|
|
3780
3781
|
strokeWidth: N(14),
|
|
3781
|
-
className:
|
|
3782
|
+
className: gr.chip__trail,
|
|
3782
3783
|
"aria-hidden": "true"
|
|
3783
3784
|
}),
|
|
3784
3785
|
t === "active" && /* @__PURE__ */ j("span", {
|
|
3785
3786
|
role: "button",
|
|
3786
3787
|
"aria-label": "Remove filter",
|
|
3787
|
-
className:
|
|
3788
|
+
className: gr.chip__remove,
|
|
3788
3789
|
onClick: (e) => {
|
|
3789
3790
|
e.stopPropagation(), u();
|
|
3790
3791
|
},
|
|
@@ -3796,83 +3797,144 @@ var J = {
|
|
|
3796
3797
|
})
|
|
3797
3798
|
]
|
|
3798
3799
|
});
|
|
3799
|
-
},
|
|
3800
|
-
|
|
3801
|
-
|
|
3802
|
-
|
|
3803
|
-
|
|
3804
|
-
|
|
3805
|
-
|
|
3806
|
-
"
|
|
3807
|
-
"
|
|
3808
|
-
"
|
|
3809
|
-
"
|
|
3810
|
-
|
|
3811
|
-
|
|
3812
|
-
|
|
3813
|
-
|
|
3814
|
-
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3800
|
+
}, br = {
|
|
3801
|
+
glow: "_glow_1937c_6",
|
|
3802
|
+
ring: "_ring_1937c_7",
|
|
3803
|
+
glow__line: "_glow__line_1937c_30",
|
|
3804
|
+
glow__bloom: "_glow__bloom_1937c_31",
|
|
3805
|
+
glow__ring: "_glow__ring_1937c_35",
|
|
3806
|
+
glow__light: "_glow__light_1937c_62",
|
|
3807
|
+
"glow--pulse": "_glow--pulse_1937c_104",
|
|
3808
|
+
"ai-glow-pulse": "_ai-glow-pulse_1937c_1",
|
|
3809
|
+
"glow--focus": "_glow--focus_1937c_107",
|
|
3810
|
+
"ai-glow-once": "_ai-glow-once_1937c_1"
|
|
3811
|
+
}, xr = [
|
|
3812
|
+
0,
|
|
3813
|
+
1,
|
|
3814
|
+
2,
|
|
3815
|
+
3,
|
|
3816
|
+
4,
|
|
3817
|
+
5,
|
|
3818
|
+
6,
|
|
3819
|
+
7,
|
|
3820
|
+
8
|
|
3821
|
+
];
|
|
3822
|
+
function Sr() {
|
|
3823
|
+
return /* @__PURE__ */ j(A, { children: xr.map((e) => /* @__PURE__ */ j("span", {
|
|
3824
|
+
className: br.glow__light,
|
|
3825
|
+
style: { "--i": e }
|
|
3826
|
+
}, e)) });
|
|
3827
|
+
}
|
|
3828
|
+
var Cr = ({ mode: e }) => e === "off" ? null : /* @__PURE__ */ M("span", {
|
|
3829
|
+
className: `${br.glow} ${br[`glow--${e}`]}`,
|
|
3830
|
+
"aria-hidden": "true",
|
|
3831
|
+
children: [/* @__PURE__ */ j("span", {
|
|
3832
|
+
className: br.glow__bloom,
|
|
3833
|
+
children: /* @__PURE__ */ j("span", {
|
|
3834
|
+
className: br.glow__ring,
|
|
3835
|
+
children: /* @__PURE__ */ j(Sr, {})
|
|
3836
|
+
})
|
|
3837
|
+
}), /* @__PURE__ */ j("span", {
|
|
3838
|
+
className: br.glow__line,
|
|
3839
|
+
children: /* @__PURE__ */ j("span", {
|
|
3840
|
+
className: br.glow__ring,
|
|
3841
|
+
children: /* @__PURE__ */ j(Sr, {})
|
|
3842
|
+
})
|
|
3843
|
+
})]
|
|
3844
|
+
}), wr = () => /* @__PURE__ */ j("span", {
|
|
3845
|
+
className: br.ring,
|
|
3846
|
+
"aria-hidden": "true"
|
|
3847
|
+
}), J = {
|
|
3848
|
+
field: "_field_h6i7e_10",
|
|
3849
|
+
field__label: "_field__label_h6i7e_18",
|
|
3850
|
+
field__description: "_field__description_h6i7e_26",
|
|
3851
|
+
field__error: "_field__error_h6i7e_31",
|
|
3852
|
+
input: "_input_h6i7e_38",
|
|
3853
|
+
"input--sm": "_input--sm_h6i7e_51",
|
|
3854
|
+
"input--md": "_input--md_h6i7e_52",
|
|
3855
|
+
"input--lg": "_input--lg_h6i7e_53",
|
|
3856
|
+
"input--error": "_input--error_h6i7e_67",
|
|
3857
|
+
"input--disabled": "_input--disabled_h6i7e_74",
|
|
3858
|
+
input__control: "_input__control_h6i7e_81",
|
|
3859
|
+
input__icon: "_input__icon_h6i7e_110",
|
|
3860
|
+
"input--unstyled": "_input--unstyled_h6i7e_120",
|
|
3861
|
+
"input--ai": "_input--ai_h6i7e_134",
|
|
3862
|
+
"input--aiLeading": "_input--aiLeading_h6i7e_147",
|
|
3863
|
+
input__actions: "_input__actions_h6i7e_148"
|
|
3864
|
+
}, Tr = 16, Er = (e) => k.isValidElement(e) ? k.cloneElement(e, {
|
|
3865
|
+
size: Tr,
|
|
3866
|
+
strokeWidth: N(Tr)
|
|
3867
|
+
}) : e, Dr = k.forwardRef(({ label: e, description: t, error: n, size: r = "md", unstyled: i, leadingIcon: a, trailingIcon: o, variant: s = "default", glow: c = "pulse", leading: l, trailing: u, disabled: d, id: f, className: p, ...m }, h) => {
|
|
3868
|
+
let g = k.useId(), _ = f ?? g, v = !!n, y = s === "ai";
|
|
3818
3869
|
return /* @__PURE__ */ M("div", {
|
|
3819
|
-
className: [
|
|
3870
|
+
className: [J.field, p ?? ""].filter(Boolean).join(" "),
|
|
3820
3871
|
children: [
|
|
3821
3872
|
e && /* @__PURE__ */ j("label", {
|
|
3822
|
-
htmlFor:
|
|
3823
|
-
className:
|
|
3873
|
+
htmlFor: _,
|
|
3874
|
+
className: J.field__label,
|
|
3824
3875
|
children: e
|
|
3825
3876
|
}),
|
|
3826
3877
|
/* @__PURE__ */ M("div", {
|
|
3827
3878
|
className: [
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
|
|
3879
|
+
J.input,
|
|
3880
|
+
J[`input--${r}`],
|
|
3881
|
+
y ? J["input--ai"] : "",
|
|
3882
|
+
y && l ? J["input--aiLeading"] : "",
|
|
3883
|
+
v ? J["input--error"] : "",
|
|
3884
|
+
d ? J["input--disabled"] : ""
|
|
3832
3885
|
].filter(Boolean).join(" "),
|
|
3833
3886
|
children: [
|
|
3887
|
+
y && /* @__PURE__ */ j(Cr, { mode: d ? "off" : c }),
|
|
3888
|
+
y && l && /* @__PURE__ */ j("span", {
|
|
3889
|
+
className: J.input__actions,
|
|
3890
|
+
children: l
|
|
3891
|
+
}),
|
|
3834
3892
|
a && /* @__PURE__ */ j("span", {
|
|
3835
|
-
className:
|
|
3893
|
+
className: J.input__icon,
|
|
3836
3894
|
"aria-hidden": "true",
|
|
3837
|
-
children:
|
|
3895
|
+
children: Er(a)
|
|
3838
3896
|
}),
|
|
3839
3897
|
/* @__PURE__ */ j("input", {
|
|
3840
|
-
ref:
|
|
3841
|
-
id:
|
|
3842
|
-
className:
|
|
3843
|
-
disabled:
|
|
3844
|
-
"aria-invalid":
|
|
3845
|
-
"aria-describedby": t || n ? `${
|
|
3846
|
-
...
|
|
3898
|
+
ref: h,
|
|
3899
|
+
id: _,
|
|
3900
|
+
className: J.input__control,
|
|
3901
|
+
disabled: d,
|
|
3902
|
+
"aria-invalid": v || void 0,
|
|
3903
|
+
"aria-describedby": t || n ? `${_}-desc` : void 0,
|
|
3904
|
+
...m
|
|
3847
3905
|
}),
|
|
3848
3906
|
o && /* @__PURE__ */ j("span", {
|
|
3849
|
-
className:
|
|
3907
|
+
className: J.input__icon,
|
|
3850
3908
|
"aria-hidden": "true",
|
|
3851
|
-
children:
|
|
3909
|
+
children: Er(o)
|
|
3910
|
+
}),
|
|
3911
|
+
y && u && /* @__PURE__ */ j("span", {
|
|
3912
|
+
className: J.input__actions,
|
|
3913
|
+
children: u
|
|
3852
3914
|
})
|
|
3853
3915
|
]
|
|
3854
3916
|
}),
|
|
3855
3917
|
(t || n) && /* @__PURE__ */ j("span", {
|
|
3856
|
-
id: `${
|
|
3857
|
-
className:
|
|
3918
|
+
id: `${_}-desc`,
|
|
3919
|
+
className: v ? J.field__error : J.field__description,
|
|
3858
3920
|
children: n || t
|
|
3859
3921
|
})
|
|
3860
3922
|
]
|
|
3861
3923
|
});
|
|
3862
3924
|
});
|
|
3863
|
-
|
|
3864
|
-
var
|
|
3925
|
+
Dr.displayName = "Input";
|
|
3926
|
+
var Or = { chart: "_chart_18fgd_2" }, kr = {
|
|
3865
3927
|
sm: 180,
|
|
3866
3928
|
md: 240,
|
|
3867
3929
|
lg: 320,
|
|
3868
3930
|
xl: 420
|
|
3869
|
-
},
|
|
3931
|
+
}, Ar = /* @__PURE__ */ new Set([
|
|
3870
3932
|
"dots",
|
|
3871
3933
|
"custom-dots",
|
|
3872
3934
|
"dots-colors",
|
|
3873
3935
|
"label",
|
|
3874
3936
|
"custom-label"
|
|
3875
|
-
]),
|
|
3937
|
+
]), jr = ({ data: e, series: t, xKey: n = "label", variant: r = "default", labelKey: i, size: a = "md", height: o, showLegend: s, className: c }) => {
|
|
3876
3938
|
let l = k.useRef(null), u = It(l), d = [
|
|
3877
3939
|
1,
|
|
3878
3940
|
2,
|
|
@@ -3883,7 +3945,7 @@ var Cr = { chart: "_chart_18fgd_2" }, wr = {
|
|
|
3883
3945
|
d[1],
|
|
3884
3946
|
d[0],
|
|
3885
3947
|
...d.slice(2)
|
|
3886
|
-
], p = u("--color-border-subtle") ?? "#e7e5e1", m = u("--color-fg-muted") ?? "#78716a", h = u("--color-bg-canvas") ?? "#fafaf9", g = u("--color-fg-default") ?? "#141414", _ = r === "linear" ? "linear" : r === "step" ? "step" : "monotone", v =
|
|
3948
|
+
], p = u("--color-border-subtle") ?? "#e7e5e1", m = u("--color-fg-muted") ?? "#78716a", h = u("--color-bg-canvas") ?? "#fafaf9", g = u("--color-fg-default") ?? "#141414", _ = r === "linear" ? "linear" : r === "step" ? "step" : "monotone", v = Ar.has(r), y = (e) => (t) => {
|
|
3887
3949
|
let { cx: n, cy: r } = t;
|
|
3888
3950
|
return /* @__PURE__ */ M("g", {
|
|
3889
3951
|
stroke: e,
|
|
@@ -3936,10 +3998,10 @@ var Cr = { chart: "_chart_18fgd_2" }, wr = {
|
|
|
3936
3998
|
};
|
|
3937
3999
|
return /* @__PURE__ */ j("div", {
|
|
3938
4000
|
ref: l,
|
|
3939
|
-
className: [
|
|
4001
|
+
className: [Or.chart, c ?? ""].filter(Boolean).join(" "),
|
|
3940
4002
|
children: /* @__PURE__ */ j(be, {
|
|
3941
4003
|
width: "100%",
|
|
3942
|
-
height: o ??
|
|
4004
|
+
height: o ?? kr[a],
|
|
3943
4005
|
children: /* @__PURE__ */ M(pe, {
|
|
3944
4006
|
data: e,
|
|
3945
4007
|
margin: {
|
|
@@ -4000,24 +4062,24 @@ var Cr = { chart: "_chart_18fgd_2" }, wr = {
|
|
|
4000
4062
|
})
|
|
4001
4063
|
})
|
|
4002
4064
|
});
|
|
4003
|
-
},
|
|
4065
|
+
}, Mr = {
|
|
4004
4066
|
menu: "_menu_1cx61_2",
|
|
4005
4067
|
divider: "_divider_1cx61_26"
|
|
4006
|
-
},
|
|
4007
|
-
let i =
|
|
4068
|
+
}, Nr = ({ children: e, minWidth: t = 208, className: n, ...r }) => {
|
|
4069
|
+
let i = Zn();
|
|
4008
4070
|
return /* @__PURE__ */ M("div", {
|
|
4009
4071
|
ref: i.ref,
|
|
4010
4072
|
...i.groupProps,
|
|
4011
4073
|
role: "menu",
|
|
4012
4074
|
"aria-label": r["aria-label"],
|
|
4013
4075
|
style: { minWidth: t },
|
|
4014
|
-
className: [
|
|
4076
|
+
className: [Mr.menu, n ?? ""].filter(Boolean).join(" "),
|
|
4015
4077
|
children: [i.highlight, e]
|
|
4016
4078
|
});
|
|
4017
|
-
},
|
|
4018
|
-
className:
|
|
4079
|
+
}, Pr = () => /* @__PURE__ */ j("div", {
|
|
4080
|
+
className: Mr.divider,
|
|
4019
4081
|
role: "separator"
|
|
4020
|
-
}),
|
|
4082
|
+
}), Fr = {
|
|
4021
4083
|
item: "_item_1ezjp_2",
|
|
4022
4084
|
item__icon: "_item__icon_1ezjp_27",
|
|
4023
4085
|
item__label: "_item__label_1ezjp_28",
|
|
@@ -4026,7 +4088,7 @@ var Cr = { chart: "_chart_18fgd_2" }, wr = {
|
|
|
4026
4088
|
"item--checked": "_item--checked_1ezjp_38",
|
|
4027
4089
|
"item--disabled": "_item--disabled_1ezjp_39",
|
|
4028
4090
|
"item--destructive": "_item--destructive_1ezjp_40"
|
|
4029
|
-
},
|
|
4091
|
+
}, Ir = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
|
|
4030
4092
|
let o = e === "disabled";
|
|
4031
4093
|
return /* @__PURE__ */ M("div", {
|
|
4032
4094
|
role: "menuitem",
|
|
@@ -4039,28 +4101,28 @@ var Cr = { chart: "_chart_18fgd_2" }, wr = {
|
|
|
4039
4101
|
o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.());
|
|
4040
4102
|
},
|
|
4041
4103
|
className: [
|
|
4042
|
-
|
|
4043
|
-
|
|
4104
|
+
Fr.item,
|
|
4105
|
+
Fr[`item--${e}`],
|
|
4044
4106
|
a ?? ""
|
|
4045
4107
|
].filter(Boolean).join(" "),
|
|
4046
4108
|
children: [
|
|
4047
4109
|
t && /* @__PURE__ */ j("span", {
|
|
4048
|
-
className:
|
|
4110
|
+
className: Fr.item__icon,
|
|
4049
4111
|
"aria-hidden": "true",
|
|
4050
4112
|
children: t
|
|
4051
4113
|
}),
|
|
4052
4114
|
/* @__PURE__ */ j("span", {
|
|
4053
|
-
className:
|
|
4115
|
+
className: Fr.item__label,
|
|
4054
4116
|
children: r
|
|
4055
4117
|
}),
|
|
4056
4118
|
n && /* @__PURE__ */ j("kbd", {
|
|
4057
|
-
className:
|
|
4119
|
+
className: Fr.item__shortcut,
|
|
4058
4120
|
children: n
|
|
4059
4121
|
}),
|
|
4060
4122
|
e === "checked" && /* @__PURE__ */ j(s, {
|
|
4061
4123
|
size: 16,
|
|
4062
4124
|
strokeWidth: N(16),
|
|
4063
|
-
className:
|
|
4125
|
+
className: Fr.item__check,
|
|
4064
4126
|
"aria-hidden": "true"
|
|
4065
4127
|
})
|
|
4066
4128
|
]
|
|
@@ -4089,7 +4151,7 @@ var Cr = { chart: "_chart_18fgd_2" }, wr = {
|
|
|
4089
4151
|
foot__receipt: "_foot__receipt_1q1m5_32",
|
|
4090
4152
|
system: "_system_1q1m5_34",
|
|
4091
4153
|
system__pill: "_system__pill_1q1m5_35"
|
|
4092
|
-
},
|
|
4154
|
+
}, Lr = ({ type: e = "received", content: t = "text", avatar: n, authorName: r, timestamp: i, children: a, image: o, fileName: s, fileSize: c, reactions: l, read: u, className: d }) => {
|
|
4093
4155
|
if (e === "system") return /* @__PURE__ */ j("div", {
|
|
4094
4156
|
className: [Y.system, d ?? ""].filter(Boolean).join(" "),
|
|
4095
4157
|
children: /* @__PURE__ */ j("span", {
|
|
@@ -4175,19 +4237,19 @@ var Cr = { chart: "_chart_18fgd_2" }, wr = {
|
|
|
4175
4237
|
]
|
|
4176
4238
|
})]
|
|
4177
4239
|
});
|
|
4178
|
-
},
|
|
4240
|
+
}, Rr = {
|
|
4179
4241
|
pagination: "_pagination_e1j7r_2",
|
|
4180
4242
|
page: "_page_e1j7r_9",
|
|
4181
4243
|
arrow: "_arrow_e1j7r_9",
|
|
4182
4244
|
"page--active": "_page--active_e1j7r_26",
|
|
4183
4245
|
ellipsis: "_ellipsis_e1j7r_40"
|
|
4184
|
-
},
|
|
4185
|
-
function
|
|
4246
|
+
}, zr = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n);
|
|
4247
|
+
function Br(e, t, n) {
|
|
4186
4248
|
let r = n * 2 + 5;
|
|
4187
|
-
if (e <= r) return
|
|
4249
|
+
if (e <= r) return zr(1, e);
|
|
4188
4250
|
let i = r - 2, a = n * 2 + 1;
|
|
4189
4251
|
if (t <= i) return [
|
|
4190
|
-
...
|
|
4252
|
+
...zr(1, i),
|
|
4191
4253
|
"end-ellipsis",
|
|
4192
4254
|
e
|
|
4193
4255
|
];
|
|
@@ -4195,19 +4257,19 @@ function Fr(e, t, n) {
|
|
|
4195
4257
|
return s <= e - 3 ? [
|
|
4196
4258
|
1,
|
|
4197
4259
|
"start-ellipsis",
|
|
4198
|
-
...
|
|
4260
|
+
...zr(o, s),
|
|
4199
4261
|
"end-ellipsis",
|
|
4200
4262
|
e
|
|
4201
4263
|
] : [
|
|
4202
4264
|
1,
|
|
4203
4265
|
"start-ellipsis",
|
|
4204
|
-
...
|
|
4266
|
+
...zr(e - i + 1, e)
|
|
4205
4267
|
];
|
|
4206
4268
|
}
|
|
4207
|
-
var
|
|
4269
|
+
var Vr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i }) => {
|
|
4208
4270
|
let a = k.useRef(null);
|
|
4209
4271
|
if (e < 1) return null;
|
|
4210
|
-
let o = Math.min(Math.max(t, 1), e), s = Math.max(0, r), c =
|
|
4272
|
+
let o = Math.min(Math.max(t, 1), e), s = Math.max(0, r), c = Br(e, o, s), l = a.current;
|
|
4211
4273
|
if (l && l.total === e && l.siblings === s) {
|
|
4212
4274
|
let t = l.tokens, n = t.includes(o), r = o === 1 && t[1] === "start-ellipsis" || o === e && t[t.length - 2] === "end-ellipsis";
|
|
4213
4275
|
n && !r && (c = t);
|
|
@@ -4217,12 +4279,12 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4217
4279
|
siblings: s,
|
|
4218
4280
|
tokens: c
|
|
4219
4281
|
}, /* @__PURE__ */ M("nav", {
|
|
4220
|
-
className: [
|
|
4282
|
+
className: [Rr.pagination, i ?? ""].filter(Boolean).join(" "),
|
|
4221
4283
|
"aria-label": "Pagination",
|
|
4222
4284
|
children: [
|
|
4223
4285
|
/* @__PURE__ */ j("button", {
|
|
4224
4286
|
type: "button",
|
|
4225
|
-
className:
|
|
4287
|
+
className: Rr.arrow,
|
|
4226
4288
|
disabled: o <= 1,
|
|
4227
4289
|
onClick: () => n(o - 1),
|
|
4228
4290
|
"aria-label": "Previous page",
|
|
@@ -4233,19 +4295,19 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4233
4295
|
}),
|
|
4234
4296
|
c.map((e) => typeof e == "number" ? /* @__PURE__ */ j("button", {
|
|
4235
4297
|
type: "button",
|
|
4236
|
-
className: [
|
|
4298
|
+
className: [Rr.page, e === o ? Rr["page--active"] : ""].filter(Boolean).join(" "),
|
|
4237
4299
|
"aria-current": e === o ? "page" : void 0,
|
|
4238
4300
|
"aria-label": `Page ${e}`,
|
|
4239
4301
|
onClick: () => e !== o && n(e),
|
|
4240
4302
|
children: e
|
|
4241
4303
|
}, e) : /* @__PURE__ */ j("span", {
|
|
4242
|
-
className:
|
|
4304
|
+
className: Rr.ellipsis,
|
|
4243
4305
|
"aria-hidden": "true",
|
|
4244
4306
|
children: "…"
|
|
4245
4307
|
}, e)),
|
|
4246
4308
|
/* @__PURE__ */ j("button", {
|
|
4247
4309
|
type: "button",
|
|
4248
|
-
className:
|
|
4310
|
+
className: Rr.arrow,
|
|
4249
4311
|
disabled: o >= e,
|
|
4250
4312
|
onClick: () => n(o + 1),
|
|
4251
4313
|
"aria-label": "Next page",
|
|
@@ -4256,14 +4318,14 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4256
4318
|
})
|
|
4257
4319
|
]
|
|
4258
4320
|
});
|
|
4259
|
-
},
|
|
4321
|
+
}, Hr = {
|
|
4260
4322
|
track: "_track_1br5v_2",
|
|
4261
4323
|
segment: "_segment_1br5v_12",
|
|
4262
4324
|
"segment--active": "_segment--active_1br5v_38",
|
|
4263
4325
|
thumb: "_thumb_1br5v_44",
|
|
4264
4326
|
"thumb--animated": "_thumb--animated_1br5v_62",
|
|
4265
4327
|
"track--fullWidth": "_track--fullWidth_1br5v_68"
|
|
4266
|
-
},
|
|
4328
|
+
}, Ur = ({ options: e, value: t, defaultValue: n, onChange: r, fullWidth: i, className: a }) => {
|
|
4267
4329
|
let o = t !== void 0, [s, c] = k.useState(n ?? e[0]?.value), l = o ? t : s, u = (e) => {
|
|
4268
4330
|
o || c(e), r?.(e);
|
|
4269
4331
|
}, d = k.useRef(null), f = k.useRef({}), [p, m] = k.useState(null), [h, g] = k.useState(!1);
|
|
@@ -4284,13 +4346,13 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4284
4346
|
ref: d,
|
|
4285
4347
|
role: "tablist",
|
|
4286
4348
|
className: [
|
|
4287
|
-
|
|
4288
|
-
i ?
|
|
4349
|
+
Hr.track,
|
|
4350
|
+
i ? Hr["track--fullWidth"] : "",
|
|
4289
4351
|
a ?? ""
|
|
4290
4352
|
].filter(Boolean).join(" "),
|
|
4291
4353
|
children: [p && /* @__PURE__ */ j("span", {
|
|
4292
4354
|
"aria-hidden": "true",
|
|
4293
|
-
className: [
|
|
4355
|
+
className: [Hr.thumb, h ? Hr["thumb--animated"] : ""].filter(Boolean).join(" "),
|
|
4294
4356
|
style: {
|
|
4295
4357
|
transform: `translateX(${p.left}px)`,
|
|
4296
4358
|
width: p.width
|
|
@@ -4304,7 +4366,7 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4304
4366
|
role: "tab",
|
|
4305
4367
|
type: "button",
|
|
4306
4368
|
"aria-selected": t,
|
|
4307
|
-
className: [
|
|
4369
|
+
className: [Hr.segment, t ? Hr["segment--active"] : ""].filter(Boolean).join(" "),
|
|
4308
4370
|
onClick: () => u(e.value),
|
|
4309
4371
|
children: e.label
|
|
4310
4372
|
}, e.value);
|
|
@@ -4340,7 +4402,7 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4340
4402
|
option__check: "_option__check_1b512_179",
|
|
4341
4403
|
optionHighlight: "_optionHighlight_1b512_151",
|
|
4342
4404
|
"optionHighlight--animated": "_optionHighlight--animated_1b512_201"
|
|
4343
|
-
},
|
|
4405
|
+
}, Wr = ({ label: e, description: t, error: n, size: r = "md", placeholder: i = "Select an option", options: a, value: o, defaultValue: s, onChange: c, disabled: l, id: u, className: d }) => {
|
|
4344
4406
|
let f = k.useId(), p = `${u ?? f}-trigger`, m = `${u ?? f}-panel`, h = !!n, [g, _] = k.useState(s), v = o === void 0 ? g : o, y = a.find((e) => e.value === v), [b, x] = k.useState(!1), [S, C] = k.useState(!1), [w, T] = k.useState(0), E = k.useRef(null), D = k.useRef(null), O = k.useRef(null), ee = k.useRef({}), [te, ne] = k.useState(null), [re, ie] = k.useState(!1);
|
|
4345
4407
|
k.useLayoutEffect(() => {
|
|
4346
4408
|
let e = ee.current[w];
|
|
@@ -4546,27 +4608,27 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4546
4608
|
})
|
|
4547
4609
|
]
|
|
4548
4610
|
});
|
|
4549
|
-
},
|
|
4611
|
+
}, Gr = {
|
|
4550
4612
|
sidebar: "_sidebar_alxv4_4",
|
|
4551
4613
|
"sidebar--collapsed": "_sidebar--collapsed_alxv4_23"
|
|
4552
|
-
},
|
|
4553
|
-
let r =
|
|
4614
|
+
}, Kr = ({ collapsed: e = !1, children: t, className: n }) => {
|
|
4615
|
+
let r = Zn();
|
|
4554
4616
|
return /* @__PURE__ */ M("nav", {
|
|
4555
4617
|
ref: r.ref,
|
|
4556
4618
|
...r.groupProps,
|
|
4557
4619
|
className: [
|
|
4558
|
-
|
|
4559
|
-
e ?
|
|
4620
|
+
Gr.sidebar,
|
|
4621
|
+
e ? Gr["sidebar--collapsed"] : "",
|
|
4560
4622
|
n ?? ""
|
|
4561
4623
|
].filter(Boolean).join(" "),
|
|
4562
4624
|
"data-collapsed": e,
|
|
4563
4625
|
children: [r.highlight, t]
|
|
4564
4626
|
});
|
|
4565
|
-
},
|
|
4566
|
-
className:
|
|
4627
|
+
}, qr = { divider: "_divider_1oof5_1" }, Jr = () => /* @__PURE__ */ j("div", {
|
|
4628
|
+
className: qr.divider,
|
|
4567
4629
|
role: "separator"
|
|
4568
|
-
}),
|
|
4569
|
-
className:
|
|
4630
|
+
}), Yr = { groupLabel: "_groupLabel_62q1j_2" }, Xr = ({ children: e }) => /* @__PURE__ */ j("div", {
|
|
4631
|
+
className: Yr.groupLabel,
|
|
4570
4632
|
children: e
|
|
4571
4633
|
}), Z = {
|
|
4572
4634
|
header: "_header_wjged_2",
|
|
@@ -4582,7 +4644,7 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4582
4644
|
"header__text--collapsed": "_header__text--collapsed_wjged_73",
|
|
4583
4645
|
header__title: "_header__title_wjged_77",
|
|
4584
4646
|
header__toggle: "_header__toggle_wjged_79"
|
|
4585
|
-
},
|
|
4647
|
+
}, Zr = ({ type: e = "brand", title: t, subtitle: n, logo: r, collapsed: i, onToggle: a, toggleIcon: o = y }) => /* @__PURE__ */ M("div", {
|
|
4586
4648
|
className: [
|
|
4587
4649
|
Z.header,
|
|
4588
4650
|
e === "workspace" ? Z["header--workspace"] : "",
|
|
@@ -4645,7 +4707,7 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4645
4707
|
})
|
|
4646
4708
|
})
|
|
4647
4709
|
]
|
|
4648
|
-
}),
|
|
4710
|
+
}), Qr = {
|
|
4649
4711
|
item: "_item_873gi_5",
|
|
4650
4712
|
"item--disabled": "_item--disabled_873gi_37",
|
|
4651
4713
|
"item--active": "_item--active_873gi_37",
|
|
@@ -4658,20 +4720,20 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4658
4720
|
item__label: "_item__label_873gi_142",
|
|
4659
4721
|
"item__label--collapsed": "_item__label--collapsed_873gi_151",
|
|
4660
4722
|
"item__chevron--expanded": "_item__chevron--expanded_873gi_174"
|
|
4661
|
-
},
|
|
4723
|
+
}, $r = ({ icon: e, label: t, active: n, activeIndicator: r = !0, disabled: i, badge: a, hasSubmenu: o, collapsed: s, expanded: c, onClick: l, href: u, nativeTooltip: d = !0 }) => {
|
|
4662
4724
|
let f = n && r, p = n && !r, m = [
|
|
4663
|
-
|
|
4664
|
-
f ?
|
|
4665
|
-
p ?
|
|
4666
|
-
i ?
|
|
4667
|
-
s ?
|
|
4725
|
+
Qr.item,
|
|
4726
|
+
f ? Qr["item--active"] : "",
|
|
4727
|
+
p ? Qr["item--active-flat"] : "",
|
|
4728
|
+
i ? Qr["item--disabled"] : "",
|
|
4729
|
+
s ? Qr["item--collapsed"] : ""
|
|
4668
4730
|
].filter(Boolean).join(" "), g = /* @__PURE__ */ M(A, { children: [
|
|
4669
4731
|
/* @__PURE__ */ j("span", {
|
|
4670
|
-
className:
|
|
4732
|
+
className: Qr.item__bar,
|
|
4671
4733
|
"aria-hidden": "true"
|
|
4672
4734
|
}),
|
|
4673
4735
|
e && /* @__PURE__ */ j("span", {
|
|
4674
|
-
className:
|
|
4736
|
+
className: Qr.item__icon,
|
|
4675
4737
|
"aria-hidden": "true",
|
|
4676
4738
|
children: /* @__PURE__ */ j(e, {
|
|
4677
4739
|
size: 18,
|
|
@@ -4679,15 +4741,15 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4679
4741
|
})
|
|
4680
4742
|
}),
|
|
4681
4743
|
/* @__PURE__ */ j("span", {
|
|
4682
|
-
className: [
|
|
4744
|
+
className: [Qr.item__label, s ? Qr["item__label--collapsed"] : ""].filter(Boolean).join(" "),
|
|
4683
4745
|
children: t
|
|
4684
4746
|
}),
|
|
4685
4747
|
!s && a && /* @__PURE__ */ j("span", {
|
|
4686
|
-
className:
|
|
4748
|
+
className: Qr.item__badge,
|
|
4687
4749
|
children: a
|
|
4688
4750
|
}),
|
|
4689
4751
|
!s && o && /* @__PURE__ */ j("span", {
|
|
4690
|
-
className: [
|
|
4752
|
+
className: [Qr.item__chevron, c ? Qr["item__chevron--expanded"] : ""].filter(Boolean).join(" "),
|
|
4691
4753
|
"aria-hidden": "true",
|
|
4692
4754
|
children: /* @__PURE__ */ j(h, {
|
|
4693
4755
|
size: 16,
|
|
@@ -4713,7 +4775,7 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4713
4775
|
..._,
|
|
4714
4776
|
children: g
|
|
4715
4777
|
});
|
|
4716
|
-
},
|
|
4778
|
+
}, ei = {
|
|
4717
4779
|
promo: "_promo_1ou3w_4",
|
|
4718
4780
|
promo__head: "_promo__head_1ou3w_20",
|
|
4719
4781
|
promo__icon: "_promo__icon_1ou3w_21",
|
|
@@ -4721,14 +4783,14 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4721
4783
|
promo__dismiss: "_promo__dismiss_1ou3w_23",
|
|
4722
4784
|
promo__desc: "_promo__desc_1ou3w_30",
|
|
4723
4785
|
promo__cta: "_promo__cta_1ou3w_33"
|
|
4724
|
-
},
|
|
4725
|
-
className: [
|
|
4786
|
+
}, ti = ({ type: e = "upgrade", title: n, description: r, ctaLabel: i, onCta: a, onDismiss: o, icon: s = t }) => /* @__PURE__ */ M("div", {
|
|
4787
|
+
className: [ei.promo, ei[`promo--${e}`]].join(" "),
|
|
4726
4788
|
children: [
|
|
4727
4789
|
/* @__PURE__ */ M("div", {
|
|
4728
|
-
className:
|
|
4790
|
+
className: ei.promo__head,
|
|
4729
4791
|
children: [
|
|
4730
4792
|
/* @__PURE__ */ j("span", {
|
|
4731
|
-
className:
|
|
4793
|
+
className: ei.promo__icon,
|
|
4732
4794
|
"aria-hidden": "true",
|
|
4733
4795
|
children: /* @__PURE__ */ j(s, {
|
|
4734
4796
|
size: 16,
|
|
@@ -4736,12 +4798,12 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4736
4798
|
})
|
|
4737
4799
|
}),
|
|
4738
4800
|
/* @__PURE__ */ j("span", {
|
|
4739
|
-
className:
|
|
4801
|
+
className: ei.promo__title,
|
|
4740
4802
|
children: n
|
|
4741
4803
|
}),
|
|
4742
4804
|
o && /* @__PURE__ */ j("button", {
|
|
4743
4805
|
type: "button",
|
|
4744
|
-
className:
|
|
4806
|
+
className: ei.promo__dismiss,
|
|
4745
4807
|
onClick: o,
|
|
4746
4808
|
"aria-label": "Dismiss",
|
|
4747
4809
|
children: /* @__PURE__ */ j(d, {
|
|
@@ -4752,37 +4814,37 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4752
4814
|
]
|
|
4753
4815
|
}),
|
|
4754
4816
|
r && /* @__PURE__ */ j("p", {
|
|
4755
|
-
className:
|
|
4817
|
+
className: ei.promo__desc,
|
|
4756
4818
|
children: r
|
|
4757
4819
|
}),
|
|
4758
4820
|
i && /* @__PURE__ */ j(F, {
|
|
4759
4821
|
variant: "primary",
|
|
4760
4822
|
size: "sm",
|
|
4761
|
-
className:
|
|
4823
|
+
className: ei.promo__cta,
|
|
4762
4824
|
onClick: a,
|
|
4763
4825
|
children: i
|
|
4764
4826
|
})
|
|
4765
4827
|
]
|
|
4766
|
-
}),
|
|
4828
|
+
}), ni = {
|
|
4767
4829
|
subItem: "_subItem_1d7az_2",
|
|
4768
4830
|
"subItem--disabled": "_subItem--disabled_1d7az_26",
|
|
4769
4831
|
"subItem--active": "_subItem--active_1d7az_27",
|
|
4770
4832
|
subItem__dot: "_subItem__dot_1d7az_31",
|
|
4771
4833
|
subItem__label: "_subItem__label_1d7az_41"
|
|
4772
|
-
},
|
|
4834
|
+
}, ri = ({ label: e, active: t, disabled: n, onClick: r, href: i }) => {
|
|
4773
4835
|
let a = {
|
|
4774
4836
|
className: [
|
|
4775
|
-
|
|
4776
|
-
t ?
|
|
4777
|
-
n ?
|
|
4837
|
+
ni.subItem,
|
|
4838
|
+
t ? ni["subItem--active"] : "",
|
|
4839
|
+
n ? ni["subItem--disabled"] : ""
|
|
4778
4840
|
].filter(Boolean).join(" "),
|
|
4779
4841
|
"data-hover-item": "",
|
|
4780
4842
|
"aria-current": t ? "page" : void 0
|
|
4781
4843
|
}, o = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
|
|
4782
|
-
className:
|
|
4844
|
+
className: ni.subItem__dot,
|
|
4783
4845
|
"aria-hidden": "true"
|
|
4784
4846
|
}), /* @__PURE__ */ j("span", {
|
|
4785
|
-
className:
|
|
4847
|
+
className: ni.subItem__label,
|
|
4786
4848
|
children: e
|
|
4787
4849
|
})] });
|
|
4788
4850
|
return i && !n ? /* @__PURE__ */ j("a", {
|
|
@@ -4796,32 +4858,32 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4796
4858
|
...a,
|
|
4797
4859
|
children: o
|
|
4798
4860
|
});
|
|
4799
|
-
},
|
|
4861
|
+
}, ii = {
|
|
4800
4862
|
field: "_field_u7te8_3",
|
|
4801
4863
|
header: "_header_u7te8_4",
|
|
4802
4864
|
label: "_label_u7te8_5",
|
|
4803
4865
|
value: "_value_u7te8_6",
|
|
4804
4866
|
slider: "_slider_u7te8_8",
|
|
4805
4867
|
"sakani-slider-bounce": "_sakani-slider-bounce_u7te8_1"
|
|
4806
|
-
},
|
|
4868
|
+
}, ai = 1.2, oi = 460, si = k.forwardRef(({ label: e, showValue: t, min: n = 0, max: r = 100, value: i, defaultValue: a, disabled: o, id: s, className: c, onChange: l, ...u }, d) => {
|
|
4807
4869
|
let f = k.useId(), p = s ?? f, m = Number(i ?? a ?? n), [h, g] = k.useState(m), _ = i === void 0 ? h : Number(i), v = (_ - n) / (r - n) * 100, y = k.useRef(null), b = (e) => {
|
|
4808
4870
|
y.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
|
|
4809
4871
|
}, x = k.useRef(null), S = k.useRef(void 0);
|
|
4810
4872
|
k.useEffect(() => () => window.clearTimeout(S.current), []);
|
|
4811
4873
|
let C = (e) => {
|
|
4812
4874
|
let t = y.current;
|
|
4813
|
-
t && (t.removeAttribute("data-bounce"), t.offsetWidth, t.style.setProperty("--bounce-dir", String(e)), t.setAttribute("data-bounce", ""), window.clearTimeout(S.current), S.current = window.setTimeout(() => t.removeAttribute("data-bounce"),
|
|
4875
|
+
t && (t.removeAttribute("data-bounce"), t.offsetWidth, t.style.setProperty("--bounce-dir", String(e)), t.setAttribute("data-bounce", ""), window.clearTimeout(S.current), S.current = window.setTimeout(() => t.removeAttribute("data-bounce"), oi));
|
|
4814
4876
|
};
|
|
4815
4877
|
return /* @__PURE__ */ M("div", {
|
|
4816
|
-
className: [
|
|
4878
|
+
className: [ii.field, c ?? ""].filter(Boolean).join(" "),
|
|
4817
4879
|
children: [(e || t) && /* @__PURE__ */ M("div", {
|
|
4818
|
-
className:
|
|
4880
|
+
className: ii.header,
|
|
4819
4881
|
children: [e && /* @__PURE__ */ j("label", {
|
|
4820
4882
|
htmlFor: p,
|
|
4821
|
-
className:
|
|
4883
|
+
className: ii.label,
|
|
4822
4884
|
children: e
|
|
4823
4885
|
}), t && /* @__PURE__ */ j("span", {
|
|
4824
|
-
className:
|
|
4886
|
+
className: ii.value,
|
|
4825
4887
|
children: _
|
|
4826
4888
|
})]
|
|
4827
4889
|
}), /* @__PURE__ */ j("input", {
|
|
@@ -4835,19 +4897,19 @@ var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
|
|
|
4835
4897
|
disabled: o,
|
|
4836
4898
|
onChange: (e) => {
|
|
4837
4899
|
let t = Number(e.target.value), a = performance.now(), o = x.current;
|
|
4838
|
-
o && (t === r || t === n) && o.v !== t && Math.abs(t - o.v) / (r - n) / Math.max((a - o.t) / 1e3, .001) >=
|
|
4900
|
+
o && (t === r || t === n) && o.v !== t && Math.abs(t - o.v) / (r - n) / Math.max((a - o.t) / 1e3, .001) >= ai && C(t === r ? 1 : -1), x.current = {
|
|
4839
4901
|
v: t,
|
|
4840
4902
|
t: a
|
|
4841
4903
|
}, i === void 0 && g(t), l?.(e);
|
|
4842
4904
|
},
|
|
4843
|
-
className:
|
|
4905
|
+
className: ii.slider,
|
|
4844
4906
|
style: { "--pct": `${v}%` },
|
|
4845
4907
|
...u
|
|
4846
4908
|
})]
|
|
4847
4909
|
});
|
|
4848
4910
|
});
|
|
4849
|
-
|
|
4850
|
-
var
|
|
4911
|
+
si.displayName = "Slider";
|
|
4912
|
+
var ci = {
|
|
4851
4913
|
card: "_card_1qi93_4",
|
|
4852
4914
|
"card--featured": "_card--featured_1qi93_24",
|
|
4853
4915
|
card__head: "_card__head_1qi93_26",
|
|
@@ -4860,19 +4922,19 @@ var ri = {
|
|
|
4860
4922
|
"card--trend-up": "_card--trend-up_1qi93_68",
|
|
4861
4923
|
"card--trend-down": "_card--trend-down_1qi93_69",
|
|
4862
4924
|
card__description: "_card__description_1qi93_72"
|
|
4863
|
-
},
|
|
4925
|
+
}, li = {
|
|
4864
4926
|
up: u,
|
|
4865
4927
|
down: c,
|
|
4866
4928
|
flat: x
|
|
4867
|
-
},
|
|
4929
|
+
}, ui = {
|
|
4868
4930
|
up: "success",
|
|
4869
4931
|
down: "danger",
|
|
4870
4932
|
flat: "neutral"
|
|
4871
|
-
},
|
|
4933
|
+
}, di = ({ data: e }) => {
|
|
4872
4934
|
if (e.length < 2) return null;
|
|
4873
4935
|
let t = Math.min(...e), n = Math.max(...e) - t || 1;
|
|
4874
4936
|
return /* @__PURE__ */ j("svg", {
|
|
4875
|
-
className:
|
|
4937
|
+
className: fi,
|
|
4876
4938
|
viewBox: "0 0 100 32",
|
|
4877
4939
|
preserveAspectRatio: "none",
|
|
4878
4940
|
"aria-hidden": "true",
|
|
@@ -4885,21 +4947,21 @@ var ri = {
|
|
|
4885
4947
|
strokeLinecap: "round"
|
|
4886
4948
|
})
|
|
4887
4949
|
});
|
|
4888
|
-
},
|
|
4889
|
-
let p =
|
|
4950
|
+
}, fi = ci.card__sparkline, pi = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: u, className: d }) => {
|
|
4951
|
+
let p = li[a], m = (s === "icon" || s === "featured") && c;
|
|
4890
4952
|
return /* @__PURE__ */ M("div", {
|
|
4891
4953
|
className: [
|
|
4892
|
-
|
|
4893
|
-
|
|
4894
|
-
|
|
4954
|
+
ci.card,
|
|
4955
|
+
ci[`card--${s}`],
|
|
4956
|
+
ci[`card--trend-${a}`],
|
|
4895
4957
|
d ?? ""
|
|
4896
4958
|
].filter(Boolean).join(" "),
|
|
4897
4959
|
children: [
|
|
4898
4960
|
/* @__PURE__ */ M("div", {
|
|
4899
|
-
className:
|
|
4961
|
+
className: ci.card__head,
|
|
4900
4962
|
children: [
|
|
4901
4963
|
m && /* @__PURE__ */ j("span", {
|
|
4902
|
-
className:
|
|
4964
|
+
className: ci.card__icon,
|
|
4903
4965
|
"aria-hidden": "true",
|
|
4904
4966
|
children: /* @__PURE__ */ j(c, {
|
|
4905
4967
|
size: 18,
|
|
@@ -4907,12 +4969,12 @@ var ri = {
|
|
|
4907
4969
|
})
|
|
4908
4970
|
}),
|
|
4909
4971
|
/* @__PURE__ */ j("span", {
|
|
4910
|
-
className:
|
|
4972
|
+
className: ci.card__title,
|
|
4911
4973
|
children: e
|
|
4912
4974
|
}),
|
|
4913
4975
|
l && /* @__PURE__ */ j("button", {
|
|
4914
4976
|
type: "button",
|
|
4915
|
-
className:
|
|
4977
|
+
className: ci.card__menu,
|
|
4916
4978
|
onClick: u,
|
|
4917
4979
|
"aria-label": "More options",
|
|
4918
4980
|
children: /* @__PURE__ */ j(f, {
|
|
@@ -4923,21 +4985,21 @@ var ri = {
|
|
|
4923
4985
|
]
|
|
4924
4986
|
}),
|
|
4925
4987
|
/* @__PURE__ */ j("div", {
|
|
4926
|
-
className:
|
|
4988
|
+
className: ci.card__value,
|
|
4927
4989
|
children: t
|
|
4928
4990
|
}),
|
|
4929
|
-
r && /* @__PURE__ */ j(
|
|
4991
|
+
r && /* @__PURE__ */ j(di, { data: r }),
|
|
4930
4992
|
(i || n) && /* @__PURE__ */ M("div", {
|
|
4931
|
-
className:
|
|
4993
|
+
className: ci.card__meta,
|
|
4932
4994
|
children: [i && /* @__PURE__ */ j(Gt, {
|
|
4933
|
-
variant: o ??
|
|
4995
|
+
variant: o ?? ui[a],
|
|
4934
4996
|
leftIcon: /* @__PURE__ */ j(p, {
|
|
4935
4997
|
size: 12,
|
|
4936
4998
|
strokeWidth: 2
|
|
4937
4999
|
}),
|
|
4938
5000
|
children: i
|
|
4939
5001
|
}), n && /* @__PURE__ */ j("p", {
|
|
4940
|
-
className:
|
|
5002
|
+
className: ci.card__description,
|
|
4941
5003
|
children: n
|
|
4942
5004
|
})]
|
|
4943
5005
|
})
|
|
@@ -4971,18 +5033,18 @@ var ri = {
|
|
|
4971
5033
|
"bodyRow--dropTarget": "_bodyRow--dropTarget_9nqt2_228",
|
|
4972
5034
|
dragCell: "_dragCell_9nqt2_235",
|
|
4973
5035
|
dragHandle: "_dragHandle_9nqt2_251"
|
|
4974
|
-
},
|
|
4975
|
-
function
|
|
5036
|
+
}, mi = 640;
|
|
5037
|
+
function hi(e) {
|
|
4976
5038
|
let [t, n] = k.useState(!1);
|
|
4977
5039
|
return k.useEffect(() => {
|
|
4978
5040
|
if (e !== "auto") return;
|
|
4979
|
-
let t = window.matchMedia(`(max-width: ${
|
|
5041
|
+
let t = window.matchMedia(`(max-width: ${mi}px)`);
|
|
4980
5042
|
n(t.matches);
|
|
4981
5043
|
let r = (e) => n(e.matches);
|
|
4982
5044
|
return t.addEventListener("change", r), () => t.removeEventListener("change", r);
|
|
4983
5045
|
}, [e]), e === "default" ? "default" : e === "stacked" || t ? "stacked" : "default";
|
|
4984
5046
|
}
|
|
4985
|
-
var
|
|
5047
|
+
var gi = ({ checked: e, indeterminate: t, onChange: n, label: r }) => {
|
|
4986
5048
|
let i = k.useRef(null);
|
|
4987
5049
|
return k.useEffect(() => {
|
|
4988
5050
|
i.current && (i.current.indeterminate = !!t);
|
|
@@ -5013,10 +5075,10 @@ var di = ({ checked: e, indeterminate: t, onChange: n, label: r }) => {
|
|
|
5013
5075
|
})]
|
|
5014
5076
|
});
|
|
5015
5077
|
};
|
|
5016
|
-
function
|
|
5017
|
-
let d =
|
|
5078
|
+
function _i({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionChange: i, rowKey: a, reorderable: o, onReorder: s, bordered: c = !0, responsive: l = "auto", className: u }) {
|
|
5079
|
+
let d = hi(l), f = r !== void 0, [p, m] = k.useState([]), h = f ? r : p, g = (e) => {
|
|
5018
5080
|
f || m(e), i?.(e);
|
|
5019
|
-
}, _ = t.length > 0 && h.length === t.length, v = h.length > 0 && !_, [y, b] = k.useState(null), [x, S] = k.useState(null), C =
|
|
5081
|
+
}, _ = t.length > 0 && h.length === t.length, v = h.length > 0 && !_, [y, b] = k.useState(null), [x, S] = k.useState(null), C = Zn(), w = () => {
|
|
5020
5082
|
if (y === null || x === null || y === x) {
|
|
5021
5083
|
b(null), S(null);
|
|
5022
5084
|
return;
|
|
@@ -5041,7 +5103,7 @@ function fi({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
|
|
|
5041
5103
|
].filter(Boolean).join(" "),
|
|
5042
5104
|
children: [n && /* @__PURE__ */ j("div", {
|
|
5043
5105
|
className: Q.card__selectRow,
|
|
5044
|
-
children: /* @__PURE__ */ j(
|
|
5106
|
+
children: /* @__PURE__ */ j(gi, {
|
|
5045
5107
|
checked: i,
|
|
5046
5108
|
onChange: () => E(r),
|
|
5047
5109
|
label: `Select row ${r + 1}`
|
|
@@ -5077,7 +5139,7 @@ function fi({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
|
|
|
5077
5139
|
}),
|
|
5078
5140
|
n && /* @__PURE__ */ j("th", {
|
|
5079
5141
|
className: Q.checkCell,
|
|
5080
|
-
children: /* @__PURE__ */ j(
|
|
5142
|
+
children: /* @__PURE__ */ j(gi, {
|
|
5081
5143
|
checked: _,
|
|
5082
5144
|
indeterminate: v,
|
|
5083
5145
|
onChange: T,
|
|
@@ -5130,7 +5192,7 @@ function fi({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
|
|
|
5130
5192
|
}),
|
|
5131
5193
|
n && /* @__PURE__ */ j("td", {
|
|
5132
5194
|
className: Q.checkCell,
|
|
5133
|
-
children: /* @__PURE__ */ j(
|
|
5195
|
+
children: /* @__PURE__ */ j(gi, {
|
|
5134
5196
|
checked: i,
|
|
5135
5197
|
onChange: () => E(r),
|
|
5136
5198
|
label: `Select row ${r + 1}`
|
|
@@ -5147,7 +5209,7 @@ function fi({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
|
|
|
5147
5209
|
})]
|
|
5148
5210
|
});
|
|
5149
5211
|
}
|
|
5150
|
-
var
|
|
5212
|
+
var vi = {
|
|
5151
5213
|
tabs: "_tabs_1122j_3",
|
|
5152
5214
|
"tabs--borderless": "_tabs--borderless_1122j_16",
|
|
5153
5215
|
"tabs--fill": "_tabs--fill_1122j_21",
|
|
@@ -5156,7 +5218,7 @@ var pi = {
|
|
|
5156
5218
|
"tab--active": "_tab--active_1122j_63",
|
|
5157
5219
|
indicator: "_indicator_1122j_74",
|
|
5158
5220
|
"indicator--animated": "_indicator--animated_1122j_88"
|
|
5159
|
-
},
|
|
5221
|
+
}, yi = ({ items: e, value: t, defaultValue: n, onChange: r, bordered: i = !0, fill: a = !1, className: o }) => {
|
|
5160
5222
|
let s = t !== void 0, [c, l] = k.useState(n ?? e[0]?.value), u = s ? t : c, d = (e) => {
|
|
5161
5223
|
s || l(e), r?.(e);
|
|
5162
5224
|
}, f = k.useRef(null), p = k.useRef({}), [m, h] = k.useState(null), [g, _] = k.useState(!1);
|
|
@@ -5177,9 +5239,9 @@ var pi = {
|
|
|
5177
5239
|
ref: f,
|
|
5178
5240
|
role: "tablist",
|
|
5179
5241
|
className: [
|
|
5180
|
-
|
|
5181
|
-
i ? "" :
|
|
5182
|
-
a ?
|
|
5242
|
+
vi.tabs,
|
|
5243
|
+
i ? "" : vi["tabs--borderless"],
|
|
5244
|
+
a ? vi["tabs--fill"] : "",
|
|
5183
5245
|
o ?? ""
|
|
5184
5246
|
].filter(Boolean).join(" "),
|
|
5185
5247
|
children: [e.map((e) => {
|
|
@@ -5193,9 +5255,9 @@ var pi = {
|
|
|
5193
5255
|
"aria-selected": t,
|
|
5194
5256
|
disabled: e.disabled,
|
|
5195
5257
|
className: [
|
|
5196
|
-
|
|
5197
|
-
t ?
|
|
5198
|
-
e.disabled ?
|
|
5258
|
+
vi.tab,
|
|
5259
|
+
t ? vi["tab--active"] : "",
|
|
5260
|
+
e.disabled ? vi["tab--disabled"] : ""
|
|
5199
5261
|
].filter(Boolean).join(" "),
|
|
5200
5262
|
onClick: () => d(e.value),
|
|
5201
5263
|
children: [n && /* @__PURE__ */ j(n, {
|
|
@@ -5206,14 +5268,14 @@ var pi = {
|
|
|
5206
5268
|
}, e.value);
|
|
5207
5269
|
}), m && /* @__PURE__ */ j("span", {
|
|
5208
5270
|
"aria-hidden": "true",
|
|
5209
|
-
className: [
|
|
5271
|
+
className: [vi.indicator, g ? vi["indicator--animated"] : ""].filter(Boolean).join(" "),
|
|
5210
5272
|
style: {
|
|
5211
5273
|
transform: `translateX(${m.left}px)`,
|
|
5212
5274
|
width: m.width
|
|
5213
5275
|
}
|
|
5214
5276
|
})]
|
|
5215
5277
|
});
|
|
5216
|
-
},
|
|
5278
|
+
}, bi = {
|
|
5217
5279
|
wrapper: "_wrapper_w6wtp_8",
|
|
5218
5280
|
bubble: "_bubble_w6wtp_8",
|
|
5219
5281
|
bubble__title: "_bubble__title_w6wtp_46",
|
|
@@ -5235,7 +5297,7 @@ var pi = {
|
|
|
5235
5297
|
"caret--center-left": "_caret--center-left_w6wtp_121",
|
|
5236
5298
|
"bubble--center-right": "_bubble--center-right_w6wtp_131",
|
|
5237
5299
|
"caret--center-right": "_caret--center-right_w6wtp_139"
|
|
5238
|
-
},
|
|
5300
|
+
}, xi = ({ title: e, subtitle: t, pointer: n = "top-center", children: r, className: i }) => {
|
|
5239
5301
|
let [a, o] = k.useState(!1);
|
|
5240
5302
|
return k.useEffect(() => {
|
|
5241
5303
|
let e = (e) => {
|
|
@@ -5243,24 +5305,24 @@ var pi = {
|
|
|
5243
5305
|
};
|
|
5244
5306
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
5245
5307
|
}, []), /* @__PURE__ */ M("span", {
|
|
5246
|
-
className: [
|
|
5308
|
+
className: [bi.wrapper, i ?? ""].filter(Boolean).join(" "),
|
|
5247
5309
|
"data-dismissed": a || void 0,
|
|
5248
5310
|
onMouseLeave: () => o(!1),
|
|
5249
5311
|
onBlur: () => o(!1),
|
|
5250
5312
|
children: [r, /* @__PURE__ */ M("span", {
|
|
5251
5313
|
role: "tooltip",
|
|
5252
|
-
className: [
|
|
5314
|
+
className: [bi.bubble, bi[`bubble--${n}`]].join(" "),
|
|
5253
5315
|
children: [
|
|
5254
5316
|
/* @__PURE__ */ j("span", {
|
|
5255
|
-
className:
|
|
5317
|
+
className: bi.bubble__title,
|
|
5256
5318
|
children: e
|
|
5257
5319
|
}),
|
|
5258
5320
|
t && /* @__PURE__ */ j("span", {
|
|
5259
|
-
className:
|
|
5321
|
+
className: bi.bubble__subtitle,
|
|
5260
5322
|
children: t
|
|
5261
5323
|
}),
|
|
5262
5324
|
/* @__PURE__ */ j("span", {
|
|
5263
|
-
className: [
|
|
5325
|
+
className: [bi.caret, bi[`caret--${n}`]].join(" "),
|
|
5264
5326
|
"aria-hidden": "true"
|
|
5265
5327
|
})
|
|
5266
5328
|
]
|
|
@@ -5289,8 +5351,8 @@ var pi = {
|
|
|
5289
5351
|
"bar__left--search": "_bar__left--search_yqi1k_84",
|
|
5290
5352
|
bar__accountChevron: "_bar__accountChevron_yqi1k_98",
|
|
5291
5353
|
"bar__accountChevron--open": "_bar__accountChevron--open_yqi1k_104"
|
|
5292
|
-
},
|
|
5293
|
-
let v =
|
|
5354
|
+
}, Si = ({ type: t = "search", density: n = "md", left: r, showToggle: i = !0, onToggle: a, toggleIcon: o = w, showActions: s = !0, showHelp: c = !0, hasUnread: l = !1, rightSlot: u, account: d, accountOpen: f = !1, avatar: p, title: m, subtitle: h, actions: g, className: _ }) => {
|
|
5355
|
+
let v = Zn(), y = Zn(), x = n === "md" ? 20 : 18, S = N(x);
|
|
5294
5356
|
return /* @__PURE__ */ j("header", {
|
|
5295
5357
|
className: [
|
|
5296
5358
|
$.bar,
|
|
@@ -5391,4 +5453,4 @@ var pi = {
|
|
|
5391
5453
|
});
|
|
5392
5454
|
};
|
|
5393
5455
|
//#endregion
|
|
5394
|
-
export {
|
|
5456
|
+
export { pn as $, or as A, Ne as At, Ln as B, wr as C, $e as Ct, fr as D, Ve as Dt, hr as E, F as Et, Zn as F, En as G, Nn as H, Gn as I, Cn as J, Tn as K, Wn as L, nr as M, Oe as Mt, er as N, De as Nt, lr as O, Re as Ot, Qn as P, N as Pt, hn as Q, Vn as R, Dr as S, tt as St, yr as T, We as Tt, jn as U, Fn as V, kn as W, vn as X, bn as Y, _n as Z, Lr as _, Tt as _t, pi as a, qt as at, Pr as b, it as bt, ti as c, zt as ct, Xr as d, Ft as dt, un as et, Jr as f, Mt as ft, Vr as g, lt as gt, Ur as h, Ot as ht, _i as i, Xt as it, ir as j, Me as jt, cr as k, Ie as kt, $r as l, Lt as lt, Wr as m, kt as mt, xi as n, $t as nt, si as o, Gt as ot, Kr as p, At as pt, wn as q, yi as r, Qt as rt, ri as s, Ut as st, Si as t, cn as tt, Zr as u, It as ut, Ir as v, _t as vt, Cr as w, Ge as wt, jr as x, rt as xt, Nr as y, Ct as yt, zn as z };
|