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