@freedom-code-compliance/fcc-redesign 0.1.21 → 0.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +801 -665
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { createContext as e, createElement as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o,
|
|
2
|
-
import { AlertCircle as
|
|
3
|
-
import { Fragment as
|
|
4
|
-
import { createPortal as
|
|
1
|
+
import { createContext as e, createElement as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
|
|
2
|
+
import { AlertCircle as d, AlertTriangle as f, Bell as p, Calendar as m, Check as h, CheckCheck as g, CheckCircle as _, ChevronDown as v, ChevronRight as y, ChevronUp as b, ChevronsUpDown as x, Clock as S, Columns3 as C, Filter as w, Info as T, LayoutGrid as E, List as D, Loader2 as O, LogOut as k, Map as A, Minus as j, Moon as M, Search as N, Sun as P, TrendingDown as F, TrendingUp as I, X as L } from "lucide-react";
|
|
3
|
+
import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
|
|
4
|
+
import { createPortal as V } from "react-dom";
|
|
5
5
|
//#region src/components/ui/Toast.jsx
|
|
6
|
-
var
|
|
7
|
-
success: /* @__PURE__ */
|
|
6
|
+
var H = e(null), U = {
|
|
7
|
+
success: /* @__PURE__ */ z(_, {
|
|
8
8
|
size: 16,
|
|
9
9
|
style: { color: "var(--accent-green)" }
|
|
10
10
|
}),
|
|
11
|
-
error: /* @__PURE__ */
|
|
11
|
+
error: /* @__PURE__ */ z(d, {
|
|
12
12
|
size: 16,
|
|
13
13
|
style: { color: "var(--accent-red)" }
|
|
14
14
|
}),
|
|
15
|
-
warning: /* @__PURE__ */
|
|
15
|
+
warning: /* @__PURE__ */ z(f, {
|
|
16
16
|
size: 16,
|
|
17
17
|
style: { color: "var(--accent-yellow)" }
|
|
18
18
|
}),
|
|
19
|
-
info: /* @__PURE__ */
|
|
19
|
+
info: /* @__PURE__ */ z(T, {
|
|
20
20
|
size: 16,
|
|
21
21
|
style: { color: "var(--accent-blue)" }
|
|
22
22
|
})
|
|
23
23
|
};
|
|
24
|
-
function
|
|
24
|
+
function ee({ toast: e, onDismiss: t }) {
|
|
25
25
|
return o(() => {
|
|
26
26
|
if (e.duration !== 0) {
|
|
27
27
|
let n = setTimeout(() => t(e.id), e.duration || 4e3);
|
|
@@ -31,34 +31,34 @@ function te({ toast: e, onDismiss: t }) {
|
|
|
31
31
|
e.id,
|
|
32
32
|
e.duration,
|
|
33
33
|
t
|
|
34
|
-
]), /* @__PURE__ */
|
|
34
|
+
]), /* @__PURE__ */ B("div", {
|
|
35
35
|
className: "toast",
|
|
36
36
|
style: { animation: "slideInRight 200ms ease" },
|
|
37
37
|
children: [
|
|
38
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ z("span", {
|
|
39
39
|
className: "toast-icon",
|
|
40
|
-
children:
|
|
40
|
+
children: U[e.type] || U.info
|
|
41
41
|
}),
|
|
42
|
-
/* @__PURE__ */
|
|
42
|
+
/* @__PURE__ */ B("div", {
|
|
43
43
|
className: "toast-content",
|
|
44
|
-
children: [e.title && /* @__PURE__ */
|
|
44
|
+
children: [e.title && /* @__PURE__ */ z("div", {
|
|
45
45
|
className: "toast-title",
|
|
46
46
|
children: e.title
|
|
47
|
-
}), /* @__PURE__ */
|
|
47
|
+
}), /* @__PURE__ */ z("div", {
|
|
48
48
|
className: "toast-message",
|
|
49
49
|
children: e.message
|
|
50
50
|
})]
|
|
51
51
|
}),
|
|
52
|
-
/* @__PURE__ */
|
|
52
|
+
/* @__PURE__ */ z("button", {
|
|
53
53
|
className: "toast-close",
|
|
54
54
|
onClick: () => t(e.id),
|
|
55
|
-
children: /* @__PURE__ */
|
|
55
|
+
children: /* @__PURE__ */ z(L, { size: 14 })
|
|
56
56
|
})
|
|
57
57
|
]
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
|
-
function
|
|
61
|
-
let [t, n] =
|
|
60
|
+
function W({ children: e }) {
|
|
61
|
+
let [t, n] = u([]), r = i((e) => {
|
|
62
62
|
let t = Date.now() + Math.random();
|
|
63
63
|
n((n) => [...n.slice(-4), {
|
|
64
64
|
id: t,
|
|
@@ -67,35 +67,35 @@ function H({ children: e }) {
|
|
|
67
67
|
}, []), a = i((e) => {
|
|
68
68
|
n((t) => t.filter((t) => t.id !== e));
|
|
69
69
|
}, []);
|
|
70
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ B(H.Provider, {
|
|
71
71
|
value: { addToast: r },
|
|
72
|
-
children: [e, /* @__PURE__ */
|
|
72
|
+
children: [e, /* @__PURE__ */ z("div", {
|
|
73
73
|
className: "toast-container",
|
|
74
|
-
children: t.map((e) => /* @__PURE__ */
|
|
74
|
+
children: t.map((e) => /* @__PURE__ */ z(ee, {
|
|
75
75
|
toast: e,
|
|
76
76
|
onDismiss: a
|
|
77
77
|
}, e.id))
|
|
78
78
|
})]
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
|
-
function
|
|
82
|
-
let e = a(
|
|
81
|
+
function te() {
|
|
82
|
+
let e = a(H);
|
|
83
83
|
if (!e) throw Error("useToast must be used within ToastProvider");
|
|
84
84
|
return e;
|
|
85
85
|
}
|
|
86
86
|
//#endregion
|
|
87
87
|
//#region src/context/ThemeContext.jsx
|
|
88
|
-
var
|
|
89
|
-
function
|
|
88
|
+
var G = e(void 0), ne = "dark", re = "fcc-theme";
|
|
89
|
+
function ie(e) {
|
|
90
90
|
if (typeof document > "u") return;
|
|
91
91
|
let t = document.documentElement;
|
|
92
92
|
t.classList.remove("dark", "light"), e === "light" && t.classList.add("light");
|
|
93
93
|
}
|
|
94
|
-
function
|
|
95
|
-
let [r, i] =
|
|
94
|
+
function K({ children: e, defaultTheme: t = ne, storageKey: n = re }) {
|
|
95
|
+
let [r, i] = u(() => typeof window > "u" ? t : window.localStorage.getItem(n) || t);
|
|
96
96
|
return o(() => {
|
|
97
|
-
typeof window < "u" && window.localStorage.setItem(n, r),
|
|
98
|
-
}, [n, r]), /* @__PURE__ */
|
|
97
|
+
typeof window < "u" && window.localStorage.setItem(n, r), ie(r);
|
|
98
|
+
}, [n, r]), /* @__PURE__ */ z(G.Provider, {
|
|
99
99
|
value: {
|
|
100
100
|
theme: r,
|
|
101
101
|
setTheme: i,
|
|
@@ -106,24 +106,24 @@ function se({ children: e, defaultTheme: t = ie, storageKey: n = ae }) {
|
|
|
106
106
|
children: e
|
|
107
107
|
});
|
|
108
108
|
}
|
|
109
|
-
function
|
|
110
|
-
let e = a(
|
|
109
|
+
function q() {
|
|
110
|
+
let e = a(G);
|
|
111
111
|
if (!e) throw Error("useTheme must be used within a ThemeProvider");
|
|
112
112
|
return e;
|
|
113
113
|
}
|
|
114
114
|
//#endregion
|
|
115
115
|
//#region src/lib/FCCDesignProvider.jsx
|
|
116
|
-
function
|
|
117
|
-
return /* @__PURE__ */
|
|
116
|
+
function ae({ children: e, ...t }) {
|
|
117
|
+
return /* @__PURE__ */ z(K, {
|
|
118
118
|
...t,
|
|
119
|
-
children: /* @__PURE__ */
|
|
119
|
+
children: /* @__PURE__ */ z(W, { children: e })
|
|
120
120
|
});
|
|
121
121
|
}
|
|
122
122
|
//#endregion
|
|
123
123
|
//#region src/components/layout/FCCSidePanel.jsx
|
|
124
|
-
var
|
|
125
|
-
function
|
|
126
|
-
let f = r && n ? n : t, p =
|
|
124
|
+
var J = (...e) => e.filter(Boolean).join(" "), oe = 300;
|
|
125
|
+
function se({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: d = "" }) {
|
|
126
|
+
let f = r && n ? n : t, p = l(null), m = l(null), [h, g] = u(e ? i : null), [_, v] = u(f), [y, b] = u(e && !!i);
|
|
127
127
|
o(() => () => {
|
|
128
128
|
p.current &&= (window.cancelAnimationFrame(p.current), null), m.current &&= (window.clearTimeout(m.current), null);
|
|
129
129
|
}, []), o(() => {
|
|
@@ -140,285 +140,285 @@ function ue({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1,
|
|
|
140
140
|
]), o(() => {
|
|
141
141
|
if (!(e || !y)) return m.current = window.setTimeout(() => {
|
|
142
142
|
b(!1), g(null), m.current = null;
|
|
143
|
-
},
|
|
143
|
+
}, oe), () => {
|
|
144
144
|
m.current &&= (window.clearTimeout(m.current), null);
|
|
145
145
|
};
|
|
146
146
|
}, [e, y]);
|
|
147
147
|
let x = !e && y, S = e ? i : y ? h : null, C = e ? f : y ? _ : f, w = e && !!i || !!S;
|
|
148
|
-
return /* @__PURE__ */
|
|
149
|
-
className:
|
|
150
|
-
children: [/* @__PURE__ */
|
|
151
|
-
className:
|
|
148
|
+
return /* @__PURE__ */ B("div", {
|
|
149
|
+
className: J("fcc-side-panel-layout", s),
|
|
150
|
+
children: [/* @__PURE__ */ z("div", {
|
|
151
|
+
className: J("fcc-side-panel-content", c),
|
|
152
152
|
children: a
|
|
153
|
-
}), /* @__PURE__ */
|
|
154
|
-
className:
|
|
153
|
+
}), /* @__PURE__ */ z("div", {
|
|
154
|
+
className: J("fcc-side-panel-rail", w && "has-panel", e && w && "open", x && "closing"),
|
|
155
155
|
style: { "--fcc-side-panel-width": `${C}px` },
|
|
156
|
-
children: /* @__PURE__ */
|
|
157
|
-
className:
|
|
156
|
+
children: /* @__PURE__ */ z("div", {
|
|
157
|
+
className: J("fcc-side-panel-inner", d),
|
|
158
158
|
children: S
|
|
159
159
|
})
|
|
160
160
|
})]
|
|
161
161
|
});
|
|
162
162
|
}
|
|
163
|
-
function
|
|
164
|
-
return /* @__PURE__ */
|
|
165
|
-
className:
|
|
166
|
-
children: [/* @__PURE__ */
|
|
163
|
+
function ce({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
|
|
164
|
+
return /* @__PURE__ */ B("div", {
|
|
165
|
+
className: J("fcc-side-panel-header", i),
|
|
166
|
+
children: [/* @__PURE__ */ B("div", {
|
|
167
167
|
className: "fcc-side-panel-header-copy",
|
|
168
|
-
children: [/* @__PURE__ */
|
|
168
|
+
children: [/* @__PURE__ */ z("div", {
|
|
169
169
|
className: "fcc-side-panel-title",
|
|
170
170
|
children: e
|
|
171
|
-
}), t && /* @__PURE__ */
|
|
171
|
+
}), t && /* @__PURE__ */ z("div", {
|
|
172
172
|
className: "fcc-side-panel-subtitle",
|
|
173
173
|
children: t
|
|
174
174
|
})]
|
|
175
|
-
}), /* @__PURE__ */
|
|
175
|
+
}), /* @__PURE__ */ B("div", {
|
|
176
176
|
className: "fcc-side-panel-header-actions",
|
|
177
|
-
children: [r, n && /* @__PURE__ */
|
|
177
|
+
children: [r, n && /* @__PURE__ */ z("button", {
|
|
178
178
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
179
179
|
onClick: n,
|
|
180
180
|
"aria-label": "Close panel",
|
|
181
|
-
children: /* @__PURE__ */
|
|
181
|
+
children: /* @__PURE__ */ z(L, { size: 14 })
|
|
182
182
|
})]
|
|
183
183
|
})]
|
|
184
184
|
});
|
|
185
185
|
}
|
|
186
|
-
function
|
|
187
|
-
return /* @__PURE__ */
|
|
188
|
-
className:
|
|
186
|
+
function le({ children: e, className: t = "" }) {
|
|
187
|
+
return /* @__PURE__ */ z("div", {
|
|
188
|
+
className: J("fcc-side-panel-body", t),
|
|
189
189
|
children: e
|
|
190
190
|
});
|
|
191
191
|
}
|
|
192
|
-
function
|
|
193
|
-
return /* @__PURE__ */
|
|
194
|
-
className:
|
|
195
|
-
children: e.map((e, r) => /* @__PURE__ */
|
|
196
|
-
className:
|
|
192
|
+
function ue({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
|
|
193
|
+
return /* @__PURE__ */ z("div", {
|
|
194
|
+
className: J("fcc-side-panel-tabs", r),
|
|
195
|
+
children: e.map((e, r) => /* @__PURE__ */ z("button", {
|
|
196
|
+
className: J("fcc-side-panel-tab", t === r && "active"),
|
|
197
197
|
onClick: () => n?.(r),
|
|
198
198
|
children: e
|
|
199
199
|
}, e))
|
|
200
200
|
});
|
|
201
201
|
}
|
|
202
|
-
function
|
|
203
|
-
return /* @__PURE__ */
|
|
204
|
-
className:
|
|
205
|
-
children: [/* @__PURE__ */
|
|
202
|
+
function de({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
|
|
203
|
+
return /* @__PURE__ */ B("div", {
|
|
204
|
+
className: J("fcc-side-panel-search", r),
|
|
205
|
+
children: [/* @__PURE__ */ z(N, { size: 13 }), n ? /* @__PURE__ */ z("input", {
|
|
206
206
|
className: "fcc-side-panel-search-input",
|
|
207
207
|
type: "text",
|
|
208
208
|
placeholder: e,
|
|
209
209
|
value: t,
|
|
210
210
|
onChange: (e) => n(e.target.value)
|
|
211
|
-
}) : /* @__PURE__ */
|
|
211
|
+
}) : /* @__PURE__ */ z("span", {
|
|
212
212
|
className: "fcc-side-panel-search-placeholder",
|
|
213
213
|
children: e
|
|
214
214
|
})]
|
|
215
215
|
});
|
|
216
216
|
}
|
|
217
|
-
function
|
|
218
|
-
return /* @__PURE__ */
|
|
219
|
-
className:
|
|
217
|
+
function fe({ children: e, className: t = "" }) {
|
|
218
|
+
return /* @__PURE__ */ z("div", {
|
|
219
|
+
className: J("fcc-side-panel-group-label", t),
|
|
220
220
|
children: e
|
|
221
221
|
});
|
|
222
222
|
}
|
|
223
|
-
function
|
|
224
|
-
return /* @__PURE__ */
|
|
225
|
-
className:
|
|
223
|
+
function pe({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
|
|
224
|
+
return /* @__PURE__ */ B("div", {
|
|
225
|
+
className: J("fcc-side-panel-item", a),
|
|
226
226
|
onClick: i,
|
|
227
227
|
children: [
|
|
228
|
-
e && /* @__PURE__ */
|
|
228
|
+
e && /* @__PURE__ */ z("span", {
|
|
229
229
|
className: "fcc-side-panel-item-dot",
|
|
230
230
|
style: { background: e }
|
|
231
231
|
}),
|
|
232
|
-
/* @__PURE__ */
|
|
232
|
+
/* @__PURE__ */ B("div", {
|
|
233
233
|
className: "fcc-side-panel-item-body",
|
|
234
|
-
children: [/* @__PURE__ */
|
|
234
|
+
children: [/* @__PURE__ */ z("span", {
|
|
235
235
|
className: "fcc-side-panel-item-label",
|
|
236
236
|
children: t
|
|
237
|
-
}), n && /* @__PURE__ */
|
|
237
|
+
}), n && /* @__PURE__ */ z("span", {
|
|
238
238
|
className: "fcc-side-panel-item-detail",
|
|
239
239
|
children: n
|
|
240
240
|
})]
|
|
241
241
|
}),
|
|
242
|
-
r && /* @__PURE__ */
|
|
242
|
+
r && /* @__PURE__ */ z("span", {
|
|
243
243
|
className: "fcc-side-panel-item-time",
|
|
244
244
|
children: r
|
|
245
245
|
})
|
|
246
246
|
]
|
|
247
247
|
});
|
|
248
248
|
}
|
|
249
|
-
function
|
|
250
|
-
return /* @__PURE__ */
|
|
251
|
-
className:
|
|
249
|
+
function me({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
|
|
250
|
+
return /* @__PURE__ */ B("div", {
|
|
251
|
+
className: J("fcc-side-panel-card", o),
|
|
252
252
|
onClick: a,
|
|
253
|
-
children: [/* @__PURE__ */
|
|
253
|
+
children: [/* @__PURE__ */ z("div", {
|
|
254
254
|
className: "fcc-side-panel-card-avatar",
|
|
255
255
|
children: e
|
|
256
|
-
}), /* @__PURE__ */
|
|
256
|
+
}), /* @__PURE__ */ B("div", {
|
|
257
257
|
className: "fcc-side-panel-card-body",
|
|
258
258
|
children: [
|
|
259
|
-
/* @__PURE__ */
|
|
259
|
+
/* @__PURE__ */ z("span", {
|
|
260
260
|
className: "fcc-side-panel-card-title",
|
|
261
261
|
children: t
|
|
262
262
|
}),
|
|
263
|
-
n && /* @__PURE__ */
|
|
263
|
+
n && /* @__PURE__ */ z("span", {
|
|
264
264
|
className: "fcc-side-panel-card-detail",
|
|
265
265
|
children: n
|
|
266
266
|
}),
|
|
267
|
-
/* @__PURE__ */
|
|
267
|
+
/* @__PURE__ */ B("div", {
|
|
268
268
|
className: "fcc-side-panel-card-meta",
|
|
269
|
-
children: [r && /* @__PURE__ */
|
|
269
|
+
children: [r && /* @__PURE__ */ z("span", { children: r }), i && /* @__PURE__ */ z("span", { className: "fcc-side-panel-unread-dot" })]
|
|
270
270
|
})
|
|
271
271
|
]
|
|
272
272
|
})]
|
|
273
273
|
});
|
|
274
274
|
}
|
|
275
|
-
function
|
|
276
|
-
return /* @__PURE__ */
|
|
277
|
-
className:
|
|
275
|
+
function he({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
|
|
276
|
+
return /* @__PURE__ */ B("div", {
|
|
277
|
+
className: J("fcc-side-panel-contact", r && "active", o),
|
|
278
278
|
onClick: a,
|
|
279
279
|
children: [
|
|
280
|
-
/* @__PURE__ */
|
|
280
|
+
/* @__PURE__ */ B("div", {
|
|
281
281
|
className: "fcc-side-panel-contact-avatar-wrap",
|
|
282
|
-
children: [e, i && /* @__PURE__ */
|
|
282
|
+
children: [e, i && /* @__PURE__ */ z("span", { className: "fcc-side-panel-online-dot" })]
|
|
283
283
|
}),
|
|
284
|
-
/* @__PURE__ */
|
|
284
|
+
/* @__PURE__ */ z("span", {
|
|
285
285
|
className: "fcc-side-panel-contact-name",
|
|
286
286
|
children: t
|
|
287
287
|
}),
|
|
288
|
-
n && /* @__PURE__ */
|
|
288
|
+
n && /* @__PURE__ */ z("span", {
|
|
289
289
|
className: "fcc-side-panel-contact-time",
|
|
290
290
|
children: n
|
|
291
291
|
})
|
|
292
292
|
]
|
|
293
293
|
});
|
|
294
294
|
}
|
|
295
|
-
function
|
|
296
|
-
return /* @__PURE__ */
|
|
297
|
-
className:
|
|
295
|
+
function ge({ children: e, onClick: t, className: n = "" }) {
|
|
296
|
+
return /* @__PURE__ */ z("div", {
|
|
297
|
+
className: J("fcc-side-panel-action", n),
|
|
298
298
|
onClick: t,
|
|
299
299
|
children: e
|
|
300
300
|
});
|
|
301
301
|
}
|
|
302
|
-
function
|
|
303
|
-
return /* @__PURE__ */
|
|
304
|
-
className:
|
|
302
|
+
function _e({ children: e, className: t = "" }) {
|
|
303
|
+
return /* @__PURE__ */ z("div", {
|
|
304
|
+
className: J("fcc-side-panel-chat-wrap", t),
|
|
305
305
|
children: e
|
|
306
306
|
});
|
|
307
307
|
}
|
|
308
|
-
function
|
|
309
|
-
return /* @__PURE__ */
|
|
310
|
-
className:
|
|
308
|
+
function ve({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
|
|
309
|
+
return /* @__PURE__ */ B("div", {
|
|
310
|
+
className: J("fcc-side-panel-conversation", i),
|
|
311
311
|
children: [
|
|
312
|
-
/* @__PURE__ */
|
|
312
|
+
/* @__PURE__ */ B("div", {
|
|
313
313
|
className: "fcc-side-panel-conv-header",
|
|
314
|
-
children: [/* @__PURE__ */
|
|
314
|
+
children: [/* @__PURE__ */ z("span", {
|
|
315
315
|
className: "fcc-side-panel-conv-title",
|
|
316
316
|
children: e
|
|
317
|
-
}), t && /* @__PURE__ */
|
|
317
|
+
}), t && /* @__PURE__ */ z("div", {
|
|
318
318
|
className: "fcc-side-panel-conv-header-right",
|
|
319
319
|
children: t
|
|
320
320
|
})]
|
|
321
321
|
}),
|
|
322
|
-
/* @__PURE__ */
|
|
322
|
+
/* @__PURE__ */ z("div", {
|
|
323
323
|
className: "fcc-side-panel-conv-messages",
|
|
324
324
|
children: n
|
|
325
325
|
}),
|
|
326
|
-
r && /* @__PURE__ */
|
|
326
|
+
r && /* @__PURE__ */ z("div", {
|
|
327
327
|
className: "fcc-side-panel-conv-input",
|
|
328
328
|
children: r
|
|
329
329
|
})
|
|
330
330
|
]
|
|
331
331
|
});
|
|
332
332
|
}
|
|
333
|
-
function
|
|
333
|
+
function ye({ from: e = "other", meta: t, children: n, className: r = "" }) {
|
|
334
334
|
let i = e === "you";
|
|
335
|
-
return /* @__PURE__ */
|
|
336
|
-
className:
|
|
337
|
-
children: [t && /* @__PURE__ */
|
|
335
|
+
return /* @__PURE__ */ B("div", {
|
|
336
|
+
className: J("fcc-side-panel-msg-row", i ? "fcc-msg-right" : "fcc-msg-left", r),
|
|
337
|
+
children: [t && /* @__PURE__ */ z("div", {
|
|
338
338
|
className: "fcc-side-panel-msg-meta",
|
|
339
339
|
children: t
|
|
340
|
-
}), /* @__PURE__ */
|
|
341
|
-
className:
|
|
340
|
+
}), /* @__PURE__ */ z("div", {
|
|
341
|
+
className: J("fcc-side-panel-msg-bubble", i ? "fcc-bubble-you" : "fcc-bubble-other"),
|
|
342
342
|
children: n
|
|
343
343
|
})]
|
|
344
344
|
});
|
|
345
345
|
}
|
|
346
346
|
//#endregion
|
|
347
347
|
//#region src/components/layout/FCCBreadcrumbs.jsx
|
|
348
|
-
function
|
|
348
|
+
function be(e, t) {
|
|
349
349
|
let n = [
|
|
350
350
|
"fcc-breadcrumb-item",
|
|
351
351
|
t ? "current" : "",
|
|
352
352
|
e.className || ""
|
|
353
353
|
].filter(Boolean).join(" ");
|
|
354
|
-
return t ? /* @__PURE__ */
|
|
354
|
+
return t ? /* @__PURE__ */ z("span", {
|
|
355
355
|
className: n,
|
|
356
356
|
children: e.label
|
|
357
|
-
}) : e.href ? /* @__PURE__ */
|
|
357
|
+
}) : e.href ? /* @__PURE__ */ z("a", {
|
|
358
358
|
className: n,
|
|
359
359
|
href: e.href,
|
|
360
360
|
children: e.label
|
|
361
|
-
}) : e.onClick ? /* @__PURE__ */
|
|
361
|
+
}) : e.onClick ? /* @__PURE__ */ z("button", {
|
|
362
362
|
type: "button",
|
|
363
363
|
className: n,
|
|
364
364
|
onClick: e.onClick,
|
|
365
365
|
children: e.label
|
|
366
|
-
}) : /* @__PURE__ */
|
|
366
|
+
}) : /* @__PURE__ */ z("span", {
|
|
367
367
|
className: n,
|
|
368
368
|
children: e.label
|
|
369
369
|
});
|
|
370
370
|
}
|
|
371
|
-
function
|
|
371
|
+
function xe({ items: e = [], className: t = "" }) {
|
|
372
372
|
let n = e.filter((e) => e?.label);
|
|
373
|
-
return n.length === 0 ? null : /* @__PURE__ */
|
|
373
|
+
return n.length === 0 ? null : /* @__PURE__ */ z("nav", {
|
|
374
374
|
className: ["fcc-breadcrumbs", t].filter(Boolean).join(" "),
|
|
375
375
|
"aria-label": "Breadcrumb",
|
|
376
376
|
children: n.map((e, t) => {
|
|
377
377
|
let r = e.current ?? t === n.length - 1;
|
|
378
|
-
return /* @__PURE__ */
|
|
378
|
+
return /* @__PURE__ */ B("div", {
|
|
379
379
|
className: "fcc-breadcrumb-segment",
|
|
380
|
-
children: [t > 0 && /* @__PURE__ */
|
|
380
|
+
children: [t > 0 && /* @__PURE__ */ z("span", {
|
|
381
381
|
className: "fcc-breadcrumb-sep",
|
|
382
382
|
children: "/"
|
|
383
|
-
}),
|
|
383
|
+
}), be(e, r)]
|
|
384
384
|
}, e.key || e.label || t);
|
|
385
385
|
})
|
|
386
386
|
});
|
|
387
387
|
}
|
|
388
388
|
//#endregion
|
|
389
389
|
//#region src/components/layout/FCCHeaderStatus.jsx
|
|
390
|
-
var
|
|
390
|
+
var Se = {
|
|
391
391
|
success: "fcc-header-status-success",
|
|
392
392
|
warning: "fcc-header-status-warning",
|
|
393
393
|
danger: "fcc-header-status-danger",
|
|
394
394
|
info: "fcc-header-status-info",
|
|
395
395
|
neutral: "fcc-header-status-neutral"
|
|
396
396
|
};
|
|
397
|
-
function
|
|
398
|
-
return e ? /* @__PURE__ */
|
|
397
|
+
function Ce({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
|
|
398
|
+
return e ? /* @__PURE__ */ B("div", {
|
|
399
399
|
className: [
|
|
400
400
|
"fcc-header-status",
|
|
401
|
-
|
|
401
|
+
Se[t] || Se.neutral,
|
|
402
402
|
r
|
|
403
403
|
].filter(Boolean).join(" "),
|
|
404
|
-
children: [/* @__PURE__ */
|
|
404
|
+
children: [/* @__PURE__ */ z("span", {
|
|
405
405
|
className: "fcc-header-status-dot",
|
|
406
406
|
style: n ? { backgroundColor: n } : void 0
|
|
407
|
-
}), /* @__PURE__ */
|
|
407
|
+
}), /* @__PURE__ */ z("span", { children: e })]
|
|
408
408
|
}) : null;
|
|
409
409
|
}
|
|
410
410
|
//#endregion
|
|
411
411
|
//#region src/components/layout/FCCWorkspaceHeader.jsx
|
|
412
|
-
function
|
|
413
|
-
return /* @__PURE__ */
|
|
412
|
+
function we({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "" }) {
|
|
413
|
+
return /* @__PURE__ */ B("header", {
|
|
414
414
|
className: ["fcc-workspace-header", a].filter(Boolean).join(" "),
|
|
415
|
-
children: [/* @__PURE__ */
|
|
415
|
+
children: [/* @__PURE__ */ z("div", {
|
|
416
416
|
className: "fcc-workspace-header-left",
|
|
417
|
-
children: r || /* @__PURE__ */
|
|
418
|
-
}), /* @__PURE__ */
|
|
417
|
+
children: r || /* @__PURE__ */ z(xe, { items: e })
|
|
418
|
+
}), /* @__PURE__ */ B("div", {
|
|
419
419
|
className: "fcc-workspace-header-right",
|
|
420
420
|
children: [
|
|
421
|
-
t && /* @__PURE__ */
|
|
421
|
+
t && /* @__PURE__ */ z(Ce, { ...t }),
|
|
422
422
|
n,
|
|
423
423
|
i
|
|
424
424
|
]
|
|
@@ -427,8 +427,8 @@ function K({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot:
|
|
|
427
427
|
}
|
|
428
428
|
//#endregion
|
|
429
429
|
//#region src/components/layout/FCCMainWindow.jsx
|
|
430
|
-
function
|
|
431
|
-
let u = o ? /* @__PURE__ */
|
|
430
|
+
function Te({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, className: s = "", headerClassName: c = "", contentClassName: l = "" }) {
|
|
431
|
+
let u = o ? /* @__PURE__ */ z(se, {
|
|
432
432
|
open: o.open,
|
|
433
433
|
width: o.width,
|
|
434
434
|
expandedWidth: o.expandedWidth,
|
|
@@ -439,16 +439,16 @@ function q({ breadcrumbs: e = [], status: t, headerActions: n, header: r, childr
|
|
|
439
439
|
panelClassName: o.panelClassName,
|
|
440
440
|
children: i
|
|
441
441
|
}) : i;
|
|
442
|
-
return /* @__PURE__ */
|
|
442
|
+
return /* @__PURE__ */ B("div", {
|
|
443
443
|
className: ["fcc-main-window", s].filter(Boolean).join(" "),
|
|
444
444
|
children: [
|
|
445
|
-
r || /* @__PURE__ */
|
|
445
|
+
r || /* @__PURE__ */ z(we, {
|
|
446
446
|
breadcrumbs: e,
|
|
447
447
|
status: t,
|
|
448
448
|
actions: n,
|
|
449
449
|
className: c
|
|
450
450
|
}),
|
|
451
|
-
/* @__PURE__ */
|
|
451
|
+
/* @__PURE__ */ z("div", {
|
|
452
452
|
className: [
|
|
453
453
|
"fcc-main-window-content",
|
|
454
454
|
o && "fcc-main-window-content-with-side-panel",
|
|
@@ -483,38 +483,38 @@ function Oe(e, t) {
|
|
|
483
483
|
})).filter((e) => e.items.length > 0);
|
|
484
484
|
}
|
|
485
485
|
function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
|
|
486
|
-
let [
|
|
486
|
+
let [l, d] = u({}), [f, p] = u({});
|
|
487
487
|
function m(e, t) {
|
|
488
488
|
p((n) => ({
|
|
489
489
|
...n,
|
|
490
490
|
[e]: t
|
|
491
491
|
}));
|
|
492
492
|
}
|
|
493
|
-
return /* @__PURE__ */
|
|
493
|
+
return /* @__PURE__ */ B("aside", {
|
|
494
494
|
className: ["fcc-sidebar", c].filter(Boolean).join(" "),
|
|
495
495
|
children: [
|
|
496
|
-
/* @__PURE__ */
|
|
496
|
+
/* @__PURE__ */ B("div", {
|
|
497
497
|
className: "fcc-sidebar-brand",
|
|
498
|
-
children: [/* @__PURE__ */
|
|
498
|
+
children: [/* @__PURE__ */ z("div", {
|
|
499
499
|
className: "fcc-sidebar-brand-logo-slot",
|
|
500
500
|
children: t
|
|
501
|
-
}), /* @__PURE__ */
|
|
501
|
+
}), /* @__PURE__ */ z("span", {
|
|
502
502
|
className: "fcc-sidebar-label fcc-sidebar-brand-text",
|
|
503
503
|
children: e
|
|
504
504
|
})]
|
|
505
505
|
}),
|
|
506
|
-
/* @__PURE__ */
|
|
506
|
+
/* @__PURE__ */ z("nav", {
|
|
507
507
|
className: "fcc-sidebar-nav",
|
|
508
508
|
"aria-label": `${e} navigation`,
|
|
509
509
|
children: n.map((e) => {
|
|
510
|
-
let t = e.childrenSections?.length > 0, n = De(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s =
|
|
511
|
-
return /* @__PURE__ */
|
|
510
|
+
let t = e.childrenSections?.length > 0, n = De(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? Oe(e.childrenSections, s) : [];
|
|
511
|
+
return /* @__PURE__ */ B("div", {
|
|
512
512
|
className: [
|
|
513
513
|
"fcc-sidebar-entry",
|
|
514
514
|
t ? "has-children" : "",
|
|
515
515
|
t && o ? "expanded" : ""
|
|
516
516
|
].filter(Boolean).join(" "),
|
|
517
|
-
children: [/* @__PURE__ */
|
|
517
|
+
children: [/* @__PURE__ */ B("button", {
|
|
518
518
|
type: "button",
|
|
519
519
|
className: [
|
|
520
520
|
"fcc-sidebar-item",
|
|
@@ -528,19 +528,19 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
528
528
|
disabled: e.disabled,
|
|
529
529
|
title: e.label,
|
|
530
530
|
children: [
|
|
531
|
-
/* @__PURE__ */
|
|
531
|
+
/* @__PURE__ */ z("span", {
|
|
532
532
|
className: "fcc-sidebar-item-icon",
|
|
533
533
|
children: e.icon
|
|
534
534
|
}),
|
|
535
|
-
/* @__PURE__ */
|
|
535
|
+
/* @__PURE__ */ z("span", {
|
|
536
536
|
className: "fcc-sidebar-label fcc-sidebar-item-label",
|
|
537
537
|
children: e.label
|
|
538
538
|
}),
|
|
539
|
-
e.badge != null && /* @__PURE__ */
|
|
539
|
+
e.badge != null && /* @__PURE__ */ z("span", {
|
|
540
540
|
className: "fcc-sidebar-item-badge",
|
|
541
541
|
children: e.badge
|
|
542
542
|
}),
|
|
543
|
-
t && /* @__PURE__ */
|
|
543
|
+
t && /* @__PURE__ */ z("span", {
|
|
544
544
|
className: [
|
|
545
545
|
"fcc-sidebar-label",
|
|
546
546
|
"fcc-sidebar-item-chevron",
|
|
@@ -552,14 +552,14 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
552
552
|
role: "button",
|
|
553
553
|
"aria-label": `${o ? "Collapse" : "Expand"} ${e.label}`,
|
|
554
554
|
"aria-expanded": o,
|
|
555
|
-
children: /* @__PURE__ */
|
|
555
|
+
children: /* @__PURE__ */ z(v, { size: 14 })
|
|
556
556
|
})
|
|
557
557
|
]
|
|
558
|
-
}), t && o && /* @__PURE__ */
|
|
558
|
+
}), t && o && /* @__PURE__ */ B("div", {
|
|
559
559
|
className: "fcc-sidebar-accordion",
|
|
560
|
-
children: [/* @__PURE__ */
|
|
560
|
+
children: [/* @__PURE__ */ B("div", {
|
|
561
561
|
className: "fcc-sidebar-search",
|
|
562
|
-
children: [/* @__PURE__ */
|
|
562
|
+
children: [/* @__PURE__ */ z(N, { size: 13 }), /* @__PURE__ */ z("input", {
|
|
563
563
|
type: "text",
|
|
564
564
|
className: "fcc-sidebar-search-input",
|
|
565
565
|
value: s,
|
|
@@ -569,24 +569,24 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
569
569
|
})),
|
|
570
570
|
placeholder: e.searchPlaceholder || "Search..."
|
|
571
571
|
})]
|
|
572
|
-
}), /* @__PURE__ */
|
|
572
|
+
}), /* @__PURE__ */ B("div", {
|
|
573
573
|
className: "fcc-sidebar-accordion-body",
|
|
574
|
-
children: [c.length === 0 && /* @__PURE__ */
|
|
574
|
+
children: [c.length === 0 && /* @__PURE__ */ z("div", {
|
|
575
575
|
className: "fcc-sidebar-empty",
|
|
576
576
|
children: "No matching components"
|
|
577
|
-
}), c.map((e) => /* @__PURE__ */
|
|
577
|
+
}), c.map((e) => /* @__PURE__ */ B("div", {
|
|
578
578
|
className: "fcc-sidebar-section",
|
|
579
|
-
children: [/* @__PURE__ */
|
|
579
|
+
children: [/* @__PURE__ */ z("div", {
|
|
580
580
|
className: "fcc-sidebar-section-title",
|
|
581
581
|
children: e.title
|
|
582
|
-
}), /* @__PURE__ */
|
|
582
|
+
}), /* @__PURE__ */ z("div", {
|
|
583
583
|
className: "fcc-sidebar-child-list",
|
|
584
|
-
children: e.items.map((e) => /* @__PURE__ */
|
|
584
|
+
children: e.items.map((e) => /* @__PURE__ */ z("button", {
|
|
585
585
|
type: "button",
|
|
586
586
|
className: ["fcc-sidebar-child-item", e.key === r ? "active" : ""].filter(Boolean).join(" "),
|
|
587
587
|
onClick: () => Ee(e, i),
|
|
588
588
|
title: e.label,
|
|
589
|
-
children: /* @__PURE__ */
|
|
589
|
+
children: /* @__PURE__ */ z("span", {
|
|
590
590
|
className: "fcc-sidebar-label",
|
|
591
591
|
children: e.label
|
|
592
592
|
})
|
|
@@ -598,34 +598,34 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
598
598
|
}, e.key || e.label);
|
|
599
599
|
})
|
|
600
600
|
}),
|
|
601
|
-
o ? /* @__PURE__ */
|
|
601
|
+
o ? /* @__PURE__ */ z("div", {
|
|
602
602
|
className: "fcc-sidebar-footer",
|
|
603
603
|
children: o
|
|
604
|
-
}) : (a || s) && /* @__PURE__ */
|
|
604
|
+
}) : (a || s) && /* @__PURE__ */ B("div", {
|
|
605
605
|
className: "fcc-sidebar-footer",
|
|
606
|
-
children: [a && /* @__PURE__ */
|
|
606
|
+
children: [a && /* @__PURE__ */ B("div", {
|
|
607
607
|
className: "fcc-sidebar-profile",
|
|
608
|
-
children: [/* @__PURE__ */
|
|
608
|
+
children: [/* @__PURE__ */ z("div", {
|
|
609
609
|
className: "fcc-sidebar-avatar",
|
|
610
610
|
style: a.avatarStyle,
|
|
611
611
|
children: a.avatar || a.initials || a.name?.slice(0, 2) || "FCC"
|
|
612
|
-
}), /* @__PURE__ */
|
|
612
|
+
}), /* @__PURE__ */ B("div", {
|
|
613
613
|
className: "fcc-sidebar-profile-copy",
|
|
614
|
-
children: [/* @__PURE__ */
|
|
614
|
+
children: [/* @__PURE__ */ z("span", {
|
|
615
615
|
className: "fcc-sidebar-label fcc-sidebar-profile-name",
|
|
616
616
|
children: a.name
|
|
617
|
-
}), a.meta && /* @__PURE__ */
|
|
617
|
+
}), a.meta && /* @__PURE__ */ z("span", {
|
|
618
618
|
className: "fcc-sidebar-label fcc-sidebar-profile-meta",
|
|
619
619
|
children: a.meta
|
|
620
620
|
})]
|
|
621
621
|
})]
|
|
622
|
-
}), s && /* @__PURE__ */
|
|
622
|
+
}), s && /* @__PURE__ */ z("button", {
|
|
623
623
|
type: "button",
|
|
624
624
|
className: "fcc-sidebar-logout",
|
|
625
625
|
title: "Logout",
|
|
626
626
|
"aria-label": "Logout",
|
|
627
627
|
onClick: s,
|
|
628
|
-
children: /* @__PURE__ */
|
|
628
|
+
children: /* @__PURE__ */ z(k, { size: 16 })
|
|
629
629
|
})]
|
|
630
630
|
})
|
|
631
631
|
]
|
|
@@ -634,9 +634,9 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
634
634
|
//#endregion
|
|
635
635
|
//#region src/components/layout/FCCAppShell.jsx
|
|
636
636
|
function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, breadcrumbs: c = [], status: l, headerActions: u, header: d, children: f, overlay: p, sidePanel: m, className: h = "", sidebarClassName: g = "", mainClassName: _ = "", headerClassName: v = "", contentClassName: y = "" }) {
|
|
637
|
-
return /* @__PURE__ */
|
|
637
|
+
return /* @__PURE__ */ B("div", {
|
|
638
638
|
className: ["fcc-app-shell", h].filter(Boolean).join(" "),
|
|
639
|
-
children: [/* @__PURE__ */
|
|
639
|
+
children: [/* @__PURE__ */ z(ke, {
|
|
640
640
|
appName: e,
|
|
641
641
|
logo: t,
|
|
642
642
|
navItems: n,
|
|
@@ -646,7 +646,7 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
646
646
|
footer: o,
|
|
647
647
|
onLogout: s,
|
|
648
648
|
className: g
|
|
649
|
-
}), /* @__PURE__ */
|
|
649
|
+
}), /* @__PURE__ */ z(Te, {
|
|
650
650
|
breadcrumbs: c,
|
|
651
651
|
status: l,
|
|
652
652
|
headerActions: u,
|
|
@@ -663,8 +663,8 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
663
663
|
//#endregion
|
|
664
664
|
//#region src/components/layout/FCCBrandLogo.jsx
|
|
665
665
|
function je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
|
|
666
|
-
let { theme: a } =
|
|
667
|
-
return o ? /* @__PURE__ */
|
|
666
|
+
let { theme: a } = q(), o = a === "dark" ? e || t : t || e;
|
|
667
|
+
return o ? /* @__PURE__ */ z("img", {
|
|
668
668
|
src: o,
|
|
669
669
|
alt: n,
|
|
670
670
|
className: ["fcc-brand-logo", r].filter(Boolean).join(" "),
|
|
@@ -674,8 +674,8 @@ function je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }
|
|
|
674
674
|
//#endregion
|
|
675
675
|
//#region src/components/layout/FCCThemeToggle.jsx
|
|
676
676
|
function Me({ className: e = "" }) {
|
|
677
|
-
let { theme: t, toggleTheme: n } =
|
|
678
|
-
return /* @__PURE__ */
|
|
677
|
+
let { theme: t, toggleTheme: n } = q(), r = t === "dark";
|
|
678
|
+
return /* @__PURE__ */ z("button", {
|
|
679
679
|
type: "button",
|
|
680
680
|
onClick: n,
|
|
681
681
|
className: [
|
|
@@ -687,76 +687,76 @@ function Me({ className: e = "" }) {
|
|
|
687
687
|
].filter(Boolean).join(" "),
|
|
688
688
|
title: r ? "Switch to light mode" : "Switch to dark mode",
|
|
689
689
|
"aria-label": r ? "Switch to light mode" : "Switch to dark mode",
|
|
690
|
-
children:
|
|
690
|
+
children: z(r ? M : P, { size: 16 })
|
|
691
691
|
});
|
|
692
692
|
}
|
|
693
693
|
//#endregion
|
|
694
694
|
//#region src/components/ui/AppLoader.jsx
|
|
695
695
|
function Ne({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
|
|
696
|
-
return t ? /* @__PURE__ */
|
|
696
|
+
return t ? /* @__PURE__ */ B("div", {
|
|
697
697
|
className: `loader-fullscreen ${n}`,
|
|
698
|
-
children: [/* @__PURE__ */
|
|
698
|
+
children: [/* @__PURE__ */ z(O, {
|
|
699
699
|
size: 32,
|
|
700
700
|
className: "loader-spin"
|
|
701
|
-
}), e && /* @__PURE__ */
|
|
701
|
+
}), e && /* @__PURE__ */ z("span", {
|
|
702
702
|
className: "loader-label",
|
|
703
703
|
children: e
|
|
704
704
|
})]
|
|
705
|
-
}) : /* @__PURE__ */
|
|
705
|
+
}) : /* @__PURE__ */ B("div", {
|
|
706
706
|
className: `loader ${n}`,
|
|
707
|
-
children: [/* @__PURE__ */
|
|
707
|
+
children: [/* @__PURE__ */ z(O, {
|
|
708
708
|
size: 20,
|
|
709
709
|
className: "loader-spin"
|
|
710
|
-
}), e && /* @__PURE__ */
|
|
710
|
+
}), e && /* @__PURE__ */ z("span", {
|
|
711
711
|
className: "loader-label",
|
|
712
712
|
children: e
|
|
713
713
|
})]
|
|
714
714
|
});
|
|
715
715
|
}
|
|
716
716
|
function Pe({ size: e = 16, className: t = "" }) {
|
|
717
|
-
return /* @__PURE__ */
|
|
717
|
+
return /* @__PURE__ */ z(O, {
|
|
718
718
|
size: e,
|
|
719
719
|
className: `loader-spin ${t}`
|
|
720
720
|
});
|
|
721
721
|
}
|
|
722
722
|
function Fe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
|
|
723
|
-
let s = /* @__PURE__ */
|
|
723
|
+
let s = /* @__PURE__ */ B("div", {
|
|
724
724
|
className: "fcc-loader-stage",
|
|
725
725
|
style: { "--fcc-loader-size": `${n}px` },
|
|
726
726
|
"aria-hidden": "true",
|
|
727
727
|
children: [
|
|
728
|
-
/* @__PURE__ */
|
|
729
|
-
/* @__PURE__ */
|
|
730
|
-
/* @__PURE__ */
|
|
728
|
+
/* @__PURE__ */ z("span", { className: "fcc-loader-ring" }),
|
|
729
|
+
/* @__PURE__ */ z("span", { className: "fcc-loader-glow" }),
|
|
730
|
+
/* @__PURE__ */ z(je, {
|
|
731
731
|
darkSrc: r,
|
|
732
732
|
lightSrc: i,
|
|
733
733
|
alt: a,
|
|
734
734
|
className: "fcc-loader-logo"
|
|
735
735
|
})
|
|
736
736
|
]
|
|
737
|
-
}), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */
|
|
737
|
+
}), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */ B(R, { children: [l[1], /* @__PURE__ */ B("span", {
|
|
738
738
|
className: "fcc-loader-dots",
|
|
739
739
|
"aria-hidden": "true",
|
|
740
740
|
children: [
|
|
741
|
-
/* @__PURE__ */
|
|
741
|
+
/* @__PURE__ */ z("span", {
|
|
742
742
|
className: "fcc-loader-dot",
|
|
743
743
|
children: "."
|
|
744
744
|
}),
|
|
745
|
-
/* @__PURE__ */
|
|
745
|
+
/* @__PURE__ */ z("span", {
|
|
746
746
|
className: "fcc-loader-dot",
|
|
747
747
|
children: "."
|
|
748
748
|
}),
|
|
749
|
-
/* @__PURE__ */
|
|
749
|
+
/* @__PURE__ */ z("span", {
|
|
750
750
|
className: "fcc-loader-dot",
|
|
751
751
|
children: "."
|
|
752
752
|
})
|
|
753
753
|
]
|
|
754
754
|
})] }) : e;
|
|
755
|
-
return /* @__PURE__ */
|
|
755
|
+
return /* @__PURE__ */ B("div", {
|
|
756
756
|
className: c,
|
|
757
757
|
role: "status",
|
|
758
758
|
"aria-live": "polite",
|
|
759
|
-
children: [s, e && /* @__PURE__ */
|
|
759
|
+
children: [s, e && /* @__PURE__ */ z("span", {
|
|
760
760
|
className: "fcc-loader-label",
|
|
761
761
|
children: u
|
|
762
762
|
})]
|
|
@@ -764,12 +764,12 @@ function Fe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc
|
|
|
764
764
|
}
|
|
765
765
|
//#endregion
|
|
766
766
|
//#region src/components/ui/FCCDetailsPanel.jsx
|
|
767
|
-
function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel:
|
|
768
|
-
let [x, S] =
|
|
767
|
+
function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: d = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
|
|
768
|
+
let [x, S] = u(!1), [C, w] = u(!1), [T, E] = u(!1), [D, O] = u(() => {
|
|
769
769
|
if (!y || typeof window > "u") return null;
|
|
770
770
|
let e = window.localStorage.getItem(y), t = e ? parseInt(e, 10) : NaN;
|
|
771
771
|
return Number.isFinite(t) ? t : null;
|
|
772
|
-
}), k =
|
|
772
|
+
}), k = l(null), A = l(!1), [j, M] = u(null);
|
|
773
773
|
o(() => {
|
|
774
774
|
e && (typeof document > "u" || M(document.querySelector(".fcc-main-window-content") || document.body));
|
|
775
775
|
}, [e]), o(() => {
|
|
@@ -807,45 +807,45 @@ function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s
|
|
|
807
807
|
y
|
|
808
808
|
]), !x || typeof document > "u" || !j) return null;
|
|
809
809
|
let P = D == null ? m : `${D}px`;
|
|
810
|
-
return
|
|
810
|
+
return V(/* @__PURE__ */ B("div", {
|
|
811
811
|
className: `fcc-details-panel-root ${C ? "fcc-details-panel-root--visible" : ""}`,
|
|
812
812
|
style: { zIndex: h },
|
|
813
|
-
children: [g && /* @__PURE__ */
|
|
813
|
+
children: [g && /* @__PURE__ */ z("div", {
|
|
814
814
|
className: "fcc-details-panel-backdrop",
|
|
815
815
|
onClick: N,
|
|
816
816
|
"aria-hidden": "true"
|
|
817
|
-
}), /* @__PURE__ */
|
|
817
|
+
}), /* @__PURE__ */ B("div", {
|
|
818
818
|
ref: k,
|
|
819
819
|
className: `fcc-details-panel ${b}`,
|
|
820
820
|
style: P ? { width: P } : void 0,
|
|
821
821
|
role: "dialog",
|
|
822
822
|
"aria-modal": "true",
|
|
823
823
|
children: [
|
|
824
|
-
_ && /* @__PURE__ */
|
|
824
|
+
_ && /* @__PURE__ */ z("div", {
|
|
825
825
|
className: "fcc-details-panel-resize",
|
|
826
826
|
onMouseDown: (e) => {
|
|
827
827
|
e.preventDefault(), E(!0);
|
|
828
828
|
},
|
|
829
829
|
title: "Drag to resize"
|
|
830
830
|
}),
|
|
831
|
-
r || /* @__PURE__ */
|
|
831
|
+
r || /* @__PURE__ */ B("div", {
|
|
832
832
|
className: "fcc-details-panel-header",
|
|
833
|
-
children: [/* @__PURE__ */
|
|
833
|
+
children: [/* @__PURE__ */ z("span", {
|
|
834
834
|
className: "fcc-details-panel-title",
|
|
835
835
|
children: n
|
|
836
|
-
}), /* @__PURE__ */
|
|
836
|
+
}), /* @__PURE__ */ z("button", {
|
|
837
837
|
className: "fcc-details-panel-close",
|
|
838
838
|
onClick: N,
|
|
839
839
|
"aria-label": "Close",
|
|
840
|
-
children: /* @__PURE__ */
|
|
840
|
+
children: /* @__PURE__ */ z(L, { size: 14 })
|
|
841
841
|
})]
|
|
842
842
|
}),
|
|
843
|
-
/* @__PURE__ */
|
|
843
|
+
/* @__PURE__ */ z("div", {
|
|
844
844
|
className: "fcc-details-panel-body",
|
|
845
|
-
children: s ? /* @__PURE__ */
|
|
845
|
+
children: s ? /* @__PURE__ */ z("div", {
|
|
846
846
|
className: "fcc-details-panel-loading",
|
|
847
|
-
children: /* @__PURE__ */
|
|
848
|
-
label:
|
|
847
|
+
children: /* @__PURE__ */ z(Fe, {
|
|
848
|
+
label: c,
|
|
849
849
|
size: d,
|
|
850
850
|
darkSrc: f,
|
|
851
851
|
lightSrc: p
|
|
@@ -859,26 +859,26 @@ function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s
|
|
|
859
859
|
//#endregion
|
|
860
860
|
//#region src/components/ui/Accordion.jsx
|
|
861
861
|
function Le({ title: e, header: t, defaultOpen: n = !1, className: r = "", children: i }) {
|
|
862
|
-
let [a, o] =
|
|
863
|
-
return /* @__PURE__ */
|
|
862
|
+
let [a, o] = u(n);
|
|
863
|
+
return /* @__PURE__ */ B("div", {
|
|
864
864
|
className: `accordion-item ${r}`,
|
|
865
|
-
children: [/* @__PURE__ */
|
|
865
|
+
children: [/* @__PURE__ */ B("div", {
|
|
866
866
|
className: `accordion-trigger ${a ? "expanded" : ""}`,
|
|
867
867
|
onClick: () => o(!a),
|
|
868
868
|
role: "button",
|
|
869
869
|
"aria-expanded": a,
|
|
870
|
-
children: [t || /* @__PURE__ */
|
|
870
|
+
children: [t || /* @__PURE__ */ z("span", {
|
|
871
871
|
className: "accordion-trigger-title",
|
|
872
872
|
children: e
|
|
873
|
-
}), /* @__PURE__ */
|
|
873
|
+
}), /* @__PURE__ */ z("span", {
|
|
874
874
|
className: "accordion-trigger-chevron",
|
|
875
|
-
children:
|
|
875
|
+
children: z(a ? v : y, { size: 14 })
|
|
876
876
|
})]
|
|
877
|
-
}), /* @__PURE__ */
|
|
877
|
+
}), /* @__PURE__ */ z("div", {
|
|
878
878
|
className: `accordion-collapse ${a ? "open" : ""}`,
|
|
879
|
-
children: /* @__PURE__ */
|
|
879
|
+
children: /* @__PURE__ */ z("div", {
|
|
880
880
|
className: "accordion-collapse-inner",
|
|
881
|
-
children: /* @__PURE__ */
|
|
881
|
+
children: /* @__PURE__ */ z("div", {
|
|
882
882
|
className: "accordion-content",
|
|
883
883
|
children: i
|
|
884
884
|
})
|
|
@@ -887,36 +887,36 @@ function Le({ title: e, header: t, defaultOpen: n = !1, className: r = "", child
|
|
|
887
887
|
});
|
|
888
888
|
}
|
|
889
889
|
function Re({ items: e = [], className: t = "" }) {
|
|
890
|
-
let [n, r] =
|
|
890
|
+
let [n, r] = u(/* @__PURE__ */ new Set());
|
|
891
891
|
function i(e) {
|
|
892
892
|
r((t) => {
|
|
893
893
|
let n = new Set(t);
|
|
894
894
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
895
895
|
});
|
|
896
896
|
}
|
|
897
|
-
return /* @__PURE__ */
|
|
897
|
+
return /* @__PURE__ */ z("div", {
|
|
898
898
|
className: `accordion ${t}`,
|
|
899
899
|
children: e.map((e) => {
|
|
900
900
|
let t = n.has(e.id);
|
|
901
|
-
return /* @__PURE__ */
|
|
901
|
+
return /* @__PURE__ */ B("div", {
|
|
902
902
|
className: "accordion-item",
|
|
903
|
-
children: [/* @__PURE__ */
|
|
903
|
+
children: [/* @__PURE__ */ B("div", {
|
|
904
904
|
className: `accordion-trigger ${t ? "expanded" : ""}`,
|
|
905
905
|
onClick: () => i(e.id),
|
|
906
906
|
role: "button",
|
|
907
907
|
"aria-expanded": t,
|
|
908
|
-
children: [e.header || /* @__PURE__ */
|
|
908
|
+
children: [e.header || /* @__PURE__ */ z("span", {
|
|
909
909
|
className: "accordion-trigger-title",
|
|
910
910
|
children: e.title
|
|
911
|
-
}), /* @__PURE__ */
|
|
911
|
+
}), /* @__PURE__ */ z("span", {
|
|
912
912
|
className: "accordion-trigger-chevron",
|
|
913
|
-
children:
|
|
913
|
+
children: z(t ? v : y, { size: 14 })
|
|
914
914
|
})]
|
|
915
|
-
}), /* @__PURE__ */
|
|
915
|
+
}), /* @__PURE__ */ z("div", {
|
|
916
916
|
className: `accordion-collapse ${t ? "open" : ""}`,
|
|
917
|
-
children: /* @__PURE__ */
|
|
917
|
+
children: /* @__PURE__ */ z("div", {
|
|
918
918
|
className: "accordion-collapse-inner",
|
|
919
|
-
children: /* @__PURE__ */
|
|
919
|
+
children: /* @__PURE__ */ z("div", {
|
|
920
920
|
className: "accordion-content",
|
|
921
921
|
children: e.content
|
|
922
922
|
})
|
|
@@ -947,9 +947,9 @@ function Ve(e) {
|
|
|
947
947
|
for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
|
|
948
948
|
return Be[Math.abs(t) % Be.length];
|
|
949
949
|
}
|
|
950
|
-
function
|
|
951
|
-
let [o, s] =
|
|
952
|
-
return e && !o ? /* @__PURE__ */
|
|
950
|
+
function Y({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
|
|
951
|
+
let [o, s] = u(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || Ve(c), d = ze[r] || "";
|
|
952
|
+
return e && !o ? /* @__PURE__ */ z("img", {
|
|
953
953
|
src: e,
|
|
954
954
|
alt: n || "",
|
|
955
955
|
className: `avatar ${d} ${i}`,
|
|
@@ -958,10 +958,10 @@ function J({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "
|
|
|
958
958
|
...a
|
|
959
959
|
},
|
|
960
960
|
onError: () => s(!0)
|
|
961
|
-
}) : /* @__PURE__ */
|
|
961
|
+
}) : /* @__PURE__ */ z("div", {
|
|
962
962
|
className: `avatar ${d} ${i}`,
|
|
963
963
|
style: {
|
|
964
|
-
background:
|
|
964
|
+
background: l,
|
|
965
965
|
...a
|
|
966
966
|
},
|
|
967
967
|
children: c
|
|
@@ -980,12 +980,12 @@ var He = {
|
|
|
980
980
|
purple: "var(--accent-purple)",
|
|
981
981
|
orange: "var(--accent-orange)"
|
|
982
982
|
};
|
|
983
|
-
function
|
|
983
|
+
function X({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
|
|
984
984
|
let a = He[e] || He.default;
|
|
985
|
-
return /* @__PURE__ */
|
|
985
|
+
return /* @__PURE__ */ B("span", {
|
|
986
986
|
className: `badge ${r ? "" : "badge--no-dot"} ${t}`.trim(),
|
|
987
987
|
...i,
|
|
988
|
-
children: [r && /* @__PURE__ */
|
|
988
|
+
children: [r && /* @__PURE__ */ z("span", {
|
|
989
989
|
className: "badge-dot",
|
|
990
990
|
style: { background: a }
|
|
991
991
|
}), n]
|
|
@@ -1008,7 +1008,7 @@ var Ue = {
|
|
|
1008
1008
|
lg: "btn-lg",
|
|
1009
1009
|
icon: "btn-icon"
|
|
1010
1010
|
}, Ge = n(function({ variant: e = "default", size: t = "default", className: n = "", children: r, ...i }, a) {
|
|
1011
|
-
return /* @__PURE__ */
|
|
1011
|
+
return /* @__PURE__ */ z("button", {
|
|
1012
1012
|
ref: a,
|
|
1013
1013
|
className: [
|
|
1014
1014
|
"btn",
|
|
@@ -1025,7 +1025,7 @@ var Ue = {
|
|
|
1025
1025
|
red: "card-red",
|
|
1026
1026
|
yellow: "card-yellow"
|
|
1027
1027
|
}, qe = n(function({ variant: e = "default", className: t = "", children: n, ...r }, i) {
|
|
1028
|
-
return /* @__PURE__ */
|
|
1028
|
+
return /* @__PURE__ */ z("div", {
|
|
1029
1029
|
ref: i,
|
|
1030
1030
|
className: [
|
|
1031
1031
|
"card",
|
|
@@ -1036,168 +1036,272 @@ var Ue = {
|
|
|
1036
1036
|
children: n
|
|
1037
1037
|
});
|
|
1038
1038
|
}), Je = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1039
|
-
return /* @__PURE__ */
|
|
1039
|
+
return /* @__PURE__ */ z("div", {
|
|
1040
1040
|
ref: r,
|
|
1041
1041
|
className: `card-header ${e}`,
|
|
1042
1042
|
...n,
|
|
1043
1043
|
children: t
|
|
1044
1044
|
});
|
|
1045
1045
|
}), Ye = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1046
|
-
return /* @__PURE__ */
|
|
1046
|
+
return /* @__PURE__ */ z("h3", {
|
|
1047
1047
|
ref: r,
|
|
1048
1048
|
className: `card-title ${e}`,
|
|
1049
1049
|
...n,
|
|
1050
1050
|
children: t
|
|
1051
1051
|
});
|
|
1052
1052
|
}), Xe = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1053
|
-
return /* @__PURE__ */
|
|
1053
|
+
return /* @__PURE__ */ z("p", {
|
|
1054
1054
|
ref: r,
|
|
1055
1055
|
className: `card-description ${e}`,
|
|
1056
1056
|
...n,
|
|
1057
1057
|
children: t
|
|
1058
1058
|
});
|
|
1059
1059
|
}), Ze = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1060
|
-
return /* @__PURE__ */
|
|
1060
|
+
return /* @__PURE__ */ z("div", {
|
|
1061
1061
|
ref: r,
|
|
1062
1062
|
className: `card-body ${e}`,
|
|
1063
1063
|
...n,
|
|
1064
1064
|
children: t
|
|
1065
1065
|
});
|
|
1066
1066
|
}), Qe = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1067
|
-
return /* @__PURE__ */
|
|
1067
|
+
return /* @__PURE__ */ z("div", {
|
|
1068
1068
|
ref: r,
|
|
1069
1069
|
className: `card-footer ${e}`,
|
|
1070
1070
|
...n,
|
|
1071
1071
|
children: t
|
|
1072
1072
|
});
|
|
1073
|
-
});
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
let i = c(null);
|
|
1078
|
-
return o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1073
|
+
}), $e = 220;
|
|
1074
|
+
function et({ open: e, onClose: t, children: n, className: r = "" }) {
|
|
1075
|
+
let i = l(null), [a, s] = u(e ? "open" : "closed"), c = e || a !== "closed";
|
|
1076
|
+
return o(() => (c ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1079
1077
|
document.body.style.overflow = "";
|
|
1080
|
-
}), [
|
|
1081
|
-
function
|
|
1078
|
+
}), [c]), o(() => {
|
|
1079
|
+
function e(e) {
|
|
1082
1080
|
e.key === "Escape" && t?.();
|
|
1083
1081
|
}
|
|
1084
|
-
return
|
|
1085
|
-
}, [
|
|
1082
|
+
return c && document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
1083
|
+
}, [c, t]), o(() => {
|
|
1084
|
+
if (e) {
|
|
1085
|
+
let e = requestAnimationFrame(() => s("open"));
|
|
1086
|
+
return () => cancelAnimationFrame(e);
|
|
1087
|
+
}
|
|
1088
|
+
if (a === "closed") return;
|
|
1089
|
+
let t = requestAnimationFrame(() => s("closing")), n = window.setTimeout(() => s("closed"), $e);
|
|
1090
|
+
return () => {
|
|
1091
|
+
cancelAnimationFrame(t), window.clearTimeout(n);
|
|
1092
|
+
};
|
|
1093
|
+
}, [e, a]), c ? /* @__PURE__ */ z("div", {
|
|
1086
1094
|
className: "dialog-overlay",
|
|
1095
|
+
"data-state": a,
|
|
1087
1096
|
ref: i,
|
|
1088
1097
|
onClick: (e) => {
|
|
1089
1098
|
e.target === i.current && t?.();
|
|
1090
1099
|
},
|
|
1091
|
-
children: /* @__PURE__ */
|
|
1100
|
+
children: /* @__PURE__ */ z("div", {
|
|
1092
1101
|
className: `dialog ${r}`,
|
|
1093
1102
|
children: n
|
|
1094
1103
|
})
|
|
1095
1104
|
}) : null;
|
|
1096
1105
|
}
|
|
1097
|
-
function
|
|
1098
|
-
return /* @__PURE__ */
|
|
1106
|
+
function tt({ children: e, onClose: t, className: n = "" }) {
|
|
1107
|
+
return /* @__PURE__ */ B("div", {
|
|
1099
1108
|
className: `dialog-header ${n}`,
|
|
1100
|
-
children: [/* @__PURE__ */
|
|
1109
|
+
children: [/* @__PURE__ */ z("div", {
|
|
1101
1110
|
style: { flex: 1 },
|
|
1102
1111
|
children: e
|
|
1103
|
-
}), t && /* @__PURE__ */
|
|
1112
|
+
}), t && /* @__PURE__ */ z("button", {
|
|
1104
1113
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
1105
1114
|
onClick: t,
|
|
1106
|
-
children: /* @__PURE__ */
|
|
1115
|
+
children: /* @__PURE__ */ z(L, { size: 16 })
|
|
1107
1116
|
})]
|
|
1108
1117
|
});
|
|
1109
1118
|
}
|
|
1110
|
-
function
|
|
1111
|
-
return /* @__PURE__ */
|
|
1119
|
+
function nt({ children: e, className: t = "" }) {
|
|
1120
|
+
return /* @__PURE__ */ z("h3", {
|
|
1112
1121
|
className: `dialog-title ${t}`,
|
|
1113
1122
|
children: e
|
|
1114
1123
|
});
|
|
1115
1124
|
}
|
|
1116
|
-
function
|
|
1117
|
-
return /* @__PURE__ */
|
|
1125
|
+
function rt({ children: e, className: t = "" }) {
|
|
1126
|
+
return /* @__PURE__ */ z("p", {
|
|
1118
1127
|
className: `dialog-description ${t}`,
|
|
1119
1128
|
children: e
|
|
1120
1129
|
});
|
|
1121
1130
|
}
|
|
1122
|
-
function
|
|
1123
|
-
return /* @__PURE__ */
|
|
1131
|
+
function it({ children: e, className: t = "" }) {
|
|
1132
|
+
return /* @__PURE__ */ z("div", {
|
|
1124
1133
|
className: `dialog-body ${t}`,
|
|
1125
1134
|
children: e
|
|
1126
1135
|
});
|
|
1127
1136
|
}
|
|
1128
|
-
function
|
|
1129
|
-
return /* @__PURE__ */
|
|
1137
|
+
function at({ children: e, className: t = "" }) {
|
|
1138
|
+
return /* @__PURE__ */ z("div", {
|
|
1130
1139
|
className: `dialog-footer ${t}`,
|
|
1131
1140
|
children: e
|
|
1132
1141
|
});
|
|
1133
1142
|
}
|
|
1134
1143
|
//#endregion
|
|
1144
|
+
//#region src/components/ui/Input.jsx
|
|
1145
|
+
var ot = n(function({ id: e, label: t, labelMode: n = "stacked", description: r, error: i, clearable: a = !1, startIcon: o, endIcon: c, placeholder: d, value: f, defaultValue: p, className: m = "", inputClassName: h = "", disabled: g = !1, type: _ = "text", "aria-describedby": v, "aria-invalid": y, onChange: b, ...x }, S) {
|
|
1146
|
+
let C = l(null), w = s(), T = e || w, E = i && i !== !0 ? i : r, D = E ? `${T}-helper` : void 0, O = !!(i || y), k = !!(t && n === "floating"), A = [v, D].filter(Boolean).join(" ") || void 0, j = k ? " " : d, M = f !== void 0, [N, P] = u(() => String(p ?? "")), F = a && !g && (M ? String(f ?? "") : N).length > 0;
|
|
1147
|
+
function I(e) {
|
|
1148
|
+
C.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
|
|
1149
|
+
}
|
|
1150
|
+
function R(e) {
|
|
1151
|
+
M || P(e.target.value), b?.(e);
|
|
1152
|
+
}
|
|
1153
|
+
function V() {
|
|
1154
|
+
let e = C.current;
|
|
1155
|
+
e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
1156
|
+
}
|
|
1157
|
+
return /* @__PURE__ */ B("div", {
|
|
1158
|
+
className: ["fcc-input-field", m].filter(Boolean).join(" "),
|
|
1159
|
+
children: [
|
|
1160
|
+
t && !k ? /* @__PURE__ */ z("label", {
|
|
1161
|
+
className: "fcc-input-label",
|
|
1162
|
+
htmlFor: T,
|
|
1163
|
+
children: t
|
|
1164
|
+
}) : null,
|
|
1165
|
+
/* @__PURE__ */ B("div", {
|
|
1166
|
+
className: [
|
|
1167
|
+
"fcc-input-control",
|
|
1168
|
+
k ? "has-floating-label" : "",
|
|
1169
|
+
O ? "is-invalid" : "",
|
|
1170
|
+
g ? "is-disabled" : ""
|
|
1171
|
+
].filter(Boolean).join(" "),
|
|
1172
|
+
children: [
|
|
1173
|
+
o ? /* @__PURE__ */ z("span", {
|
|
1174
|
+
className: "fcc-input-icon",
|
|
1175
|
+
"aria-hidden": "true",
|
|
1176
|
+
children: o
|
|
1177
|
+
}) : null,
|
|
1178
|
+
k ? /* @__PURE__ */ B("div", {
|
|
1179
|
+
className: "fcc-input-floating-slot",
|
|
1180
|
+
children: [/* @__PURE__ */ z("input", {
|
|
1181
|
+
...x,
|
|
1182
|
+
ref: I,
|
|
1183
|
+
id: T,
|
|
1184
|
+
type: _,
|
|
1185
|
+
value: f,
|
|
1186
|
+
defaultValue: p,
|
|
1187
|
+
placeholder: j,
|
|
1188
|
+
disabled: g,
|
|
1189
|
+
"aria-invalid": O || void 0,
|
|
1190
|
+
"aria-describedby": A,
|
|
1191
|
+
onChange: R,
|
|
1192
|
+
className: [
|
|
1193
|
+
"fcc-input-element",
|
|
1194
|
+
"has-floating-label",
|
|
1195
|
+
h
|
|
1196
|
+
].filter(Boolean).join(" ")
|
|
1197
|
+
}), /* @__PURE__ */ z("label", {
|
|
1198
|
+
className: "fcc-input-floating-label",
|
|
1199
|
+
htmlFor: T,
|
|
1200
|
+
children: t
|
|
1201
|
+
})]
|
|
1202
|
+
}) : /* @__PURE__ */ z("input", {
|
|
1203
|
+
...x,
|
|
1204
|
+
ref: I,
|
|
1205
|
+
id: T,
|
|
1206
|
+
type: _,
|
|
1207
|
+
value: f,
|
|
1208
|
+
defaultValue: p,
|
|
1209
|
+
placeholder: j,
|
|
1210
|
+
disabled: g,
|
|
1211
|
+
"aria-invalid": O || void 0,
|
|
1212
|
+
"aria-describedby": A,
|
|
1213
|
+
onChange: R,
|
|
1214
|
+
className: ["fcc-input-element", h].filter(Boolean).join(" ")
|
|
1215
|
+
}),
|
|
1216
|
+
F ? /* @__PURE__ */ z("button", {
|
|
1217
|
+
type: "button",
|
|
1218
|
+
className: "fcc-input-clear",
|
|
1219
|
+
onClick: V,
|
|
1220
|
+
"aria-label": `Clear ${t || "input"}`,
|
|
1221
|
+
children: /* @__PURE__ */ z(L, { size: 12 })
|
|
1222
|
+
}) : null,
|
|
1223
|
+
c ? /* @__PURE__ */ z("span", {
|
|
1224
|
+
className: "fcc-input-icon",
|
|
1225
|
+
"aria-hidden": "true",
|
|
1226
|
+
children: c
|
|
1227
|
+
}) : null
|
|
1228
|
+
]
|
|
1229
|
+
}),
|
|
1230
|
+
E ? /* @__PURE__ */ z("div", {
|
|
1231
|
+
id: D,
|
|
1232
|
+
className: ["fcc-input-helper", O ? "is-error" : ""].filter(Boolean).join(" "),
|
|
1233
|
+
children: E
|
|
1234
|
+
}) : null
|
|
1235
|
+
]
|
|
1236
|
+
});
|
|
1237
|
+
});
|
|
1238
|
+
//#endregion
|
|
1135
1239
|
//#region src/components/ui/DropdownMenu.jsx
|
|
1136
|
-
function
|
|
1137
|
-
let [i, a] =
|
|
1240
|
+
function st({ trigger: e, children: t, align: n = "left", className: r = "" }) {
|
|
1241
|
+
let [i, a] = u(!1), s = l(null);
|
|
1138
1242
|
return o(() => {
|
|
1139
1243
|
function e(e) {
|
|
1140
1244
|
s.current && !s.current.contains(e.target) && a(!1);
|
|
1141
1245
|
}
|
|
1142
1246
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1143
|
-
}, []), /* @__PURE__ */
|
|
1247
|
+
}, []), /* @__PURE__ */ B("div", {
|
|
1144
1248
|
ref: s,
|
|
1145
1249
|
className: `dropdown-wrapper ${r}`,
|
|
1146
1250
|
style: { position: "relative" },
|
|
1147
|
-
children: [/* @__PURE__ */
|
|
1251
|
+
children: [/* @__PURE__ */ z("div", {
|
|
1148
1252
|
onClick: () => a(!i),
|
|
1149
1253
|
children: e
|
|
1150
|
-
}), i && /* @__PURE__ */
|
|
1254
|
+
}), i && /* @__PURE__ */ z("div", {
|
|
1151
1255
|
className: `dropdown dropdown-align-${n}`,
|
|
1152
1256
|
onClick: () => a(!1),
|
|
1153
1257
|
children: t
|
|
1154
1258
|
})]
|
|
1155
1259
|
});
|
|
1156
1260
|
}
|
|
1157
|
-
function
|
|
1158
|
-
return /* @__PURE__ */
|
|
1261
|
+
function ct({ icon: e, children: t, shortcut: n, active: r, onClick: i, className: a = "" }) {
|
|
1262
|
+
return /* @__PURE__ */ B("div", {
|
|
1159
1263
|
className: `dropdown-item ${r ? "active" : ""} ${a}`,
|
|
1160
1264
|
onClick: i,
|
|
1161
1265
|
children: [
|
|
1162
|
-
e && /* @__PURE__ */
|
|
1266
|
+
e && /* @__PURE__ */ z("span", {
|
|
1163
1267
|
className: "dropdown-item-icon",
|
|
1164
1268
|
children: e
|
|
1165
1269
|
}),
|
|
1166
|
-
/* @__PURE__ */
|
|
1270
|
+
/* @__PURE__ */ z("span", {
|
|
1167
1271
|
style: { flex: 1 },
|
|
1168
1272
|
children: t
|
|
1169
1273
|
}),
|
|
1170
|
-
n && /* @__PURE__ */
|
|
1274
|
+
n && /* @__PURE__ */ z("span", {
|
|
1171
1275
|
className: "dropdown-shortcut",
|
|
1172
1276
|
children: n
|
|
1173
1277
|
})
|
|
1174
1278
|
]
|
|
1175
1279
|
});
|
|
1176
1280
|
}
|
|
1177
|
-
function
|
|
1178
|
-
return /* @__PURE__ */
|
|
1281
|
+
function lt({ checked: e, onCheckedChange: t, children: n, className: r = "" }) {
|
|
1282
|
+
return /* @__PURE__ */ B("div", {
|
|
1179
1283
|
className: `dropdown-item ${r}`,
|
|
1180
1284
|
onClick: () => t?.(!e),
|
|
1181
|
-
children: [/* @__PURE__ */
|
|
1285
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1182
1286
|
className: "dropdown-item-icon",
|
|
1183
1287
|
style: { opacity: +!!e },
|
|
1184
|
-
children: /* @__PURE__ */
|
|
1288
|
+
children: /* @__PURE__ */ z(h, { size: 14 })
|
|
1185
1289
|
}), n]
|
|
1186
1290
|
});
|
|
1187
1291
|
}
|
|
1188
|
-
function
|
|
1189
|
-
return /* @__PURE__ */
|
|
1292
|
+
function ut({ children: e, className: t = "" }) {
|
|
1293
|
+
return /* @__PURE__ */ z("div", {
|
|
1190
1294
|
className: `dropdown-label ${t}`,
|
|
1191
1295
|
children: e
|
|
1192
1296
|
});
|
|
1193
1297
|
}
|
|
1194
|
-
function
|
|
1195
|
-
return /* @__PURE__ */
|
|
1298
|
+
function dt({ className: e = "" }) {
|
|
1299
|
+
return /* @__PURE__ */ z("div", { className: `dropdown-divider ${e}` });
|
|
1196
1300
|
}
|
|
1197
1301
|
//#endregion
|
|
1198
1302
|
//#region src/components/ui/SearchableSelect.jsx
|
|
1199
|
-
function
|
|
1200
|
-
let [d, f] =
|
|
1303
|
+
function ft({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: c = "" }) {
|
|
1304
|
+
let [d, f] = u(!1), [p, m] = u(""), [g, _] = u(0), y = l(null), b = l(null), x = e.filter((e) => e.label.toLowerCase().includes(p.toLowerCase()) || e.description && e.description.toLowerCase().includes(p.toLowerCase())), S = e.find((e) => e.value === t);
|
|
1201
1305
|
o(() => {
|
|
1202
1306
|
d && b.current && b.current.focus();
|
|
1203
1307
|
}, [d]), o(() => {
|
|
@@ -1207,54 +1311,54 @@ function ut({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1207
1311
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1208
1312
|
}, []);
|
|
1209
1313
|
function C(e) {
|
|
1210
|
-
e.key === "ArrowDown" ? (e.preventDefault(),
|
|
1314
|
+
e.key === "ArrowDown" ? (e.preventDefault(), _((e) => Math.min(e + 1, x.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" && x[g] ? (n?.(x[g].value), f(!1), m("")) : e.key === "Escape" && (f(!1), m(""));
|
|
1211
1315
|
}
|
|
1212
|
-
return /* @__PURE__ */
|
|
1316
|
+
return /* @__PURE__ */ B("div", {
|
|
1213
1317
|
ref: y,
|
|
1214
|
-
className: `searchable-select ${
|
|
1215
|
-
children: [/* @__PURE__ */
|
|
1318
|
+
className: `searchable-select ${c}`,
|
|
1319
|
+
children: [/* @__PURE__ */ B("button", {
|
|
1216
1320
|
className: "searchable-select-trigger",
|
|
1217
1321
|
onClick: () => !s && f(!d),
|
|
1218
1322
|
disabled: s,
|
|
1219
1323
|
type: "button",
|
|
1220
|
-
children: [/* @__PURE__ */
|
|
1324
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1221
1325
|
className: S ? "" : "searchable-select-placeholder",
|
|
1222
1326
|
children: S ? S.label : r
|
|
1223
|
-
}), /* @__PURE__ */
|
|
1327
|
+
}), /* @__PURE__ */ z(v, {
|
|
1224
1328
|
size: 14,
|
|
1225
1329
|
className: "searchable-select-chevron"
|
|
1226
1330
|
})]
|
|
1227
|
-
}), d && /* @__PURE__ */
|
|
1331
|
+
}), d && /* @__PURE__ */ B("div", {
|
|
1228
1332
|
className: "searchable-select-dropdown",
|
|
1229
|
-
children: [/* @__PURE__ */
|
|
1333
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1230
1334
|
className: "searchable-select-search",
|
|
1231
1335
|
children: [
|
|
1232
|
-
/* @__PURE__ */
|
|
1233
|
-
/* @__PURE__ */
|
|
1336
|
+
/* @__PURE__ */ z(N, { size: 14 }),
|
|
1337
|
+
/* @__PURE__ */ z("input", {
|
|
1234
1338
|
ref: b,
|
|
1235
1339
|
value: p,
|
|
1236
1340
|
onChange: (e) => {
|
|
1237
|
-
|
|
1341
|
+
m(e.target.value), _(0);
|
|
1238
1342
|
},
|
|
1239
1343
|
onKeyDown: C,
|
|
1240
1344
|
placeholder: i,
|
|
1241
1345
|
className: "searchable-select-input"
|
|
1242
1346
|
}),
|
|
1243
|
-
p && /* @__PURE__ */
|
|
1347
|
+
p && /* @__PURE__ */ z("button", {
|
|
1244
1348
|
className: "searchable-select-clear",
|
|
1245
|
-
onClick: () =>
|
|
1246
|
-
children: /* @__PURE__ */
|
|
1349
|
+
onClick: () => m(""),
|
|
1350
|
+
children: /* @__PURE__ */ z(L, { size: 12 })
|
|
1247
1351
|
})
|
|
1248
1352
|
]
|
|
1249
|
-
}), /* @__PURE__ */
|
|
1353
|
+
}), /* @__PURE__ */ B("div", {
|
|
1250
1354
|
className: "searchable-select-options",
|
|
1251
1355
|
children: [
|
|
1252
|
-
a && /* @__PURE__ */
|
|
1356
|
+
a && /* @__PURE__ */ z("div", {
|
|
1253
1357
|
className: `searchable-select-option ${t ? "" : "selected"}`,
|
|
1254
1358
|
onClick: () => {
|
|
1255
|
-
n?.(null), f(!1),
|
|
1359
|
+
n?.(null), f(!1), m("");
|
|
1256
1360
|
},
|
|
1257
|
-
children: /* @__PURE__ */
|
|
1361
|
+
children: /* @__PURE__ */ z("span", {
|
|
1258
1362
|
style: {
|
|
1259
1363
|
color: "var(--text-tertiary)",
|
|
1260
1364
|
fontStyle: "italic"
|
|
@@ -1262,21 +1366,21 @@ function ut({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1262
1366
|
children: "None"
|
|
1263
1367
|
})
|
|
1264
1368
|
}),
|
|
1265
|
-
x.map((e, r) => /* @__PURE__ */
|
|
1369
|
+
x.map((e, r) => /* @__PURE__ */ B("div", {
|
|
1266
1370
|
className: `searchable-select-option ${r === g ? "highlighted" : ""} ${e.value === t ? "selected" : ""}`,
|
|
1267
1371
|
onClick: () => {
|
|
1268
|
-
n?.(e.value), f(!1),
|
|
1372
|
+
n?.(e.value), f(!1), m("");
|
|
1269
1373
|
},
|
|
1270
|
-
onMouseEnter: () =>
|
|
1271
|
-
children: [/* @__PURE__ */
|
|
1374
|
+
onMouseEnter: () => _(r),
|
|
1375
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1272
1376
|
className: "searchable-select-option-content",
|
|
1273
|
-
children: [/* @__PURE__ */
|
|
1377
|
+
children: [/* @__PURE__ */ z("span", { children: e.label }), e.description && /* @__PURE__ */ z("span", {
|
|
1274
1378
|
className: "searchable-select-option-desc",
|
|
1275
1379
|
children: e.description
|
|
1276
1380
|
})]
|
|
1277
|
-
}), e.value === t && /* @__PURE__ */
|
|
1381
|
+
}), e.value === t && /* @__PURE__ */ z(h, { size: 14 })]
|
|
1278
1382
|
}, e.value)),
|
|
1279
|
-
x.length === 0 && /* @__PURE__ */
|
|
1383
|
+
x.length === 0 && /* @__PURE__ */ z("div", {
|
|
1280
1384
|
className: "searchable-select-empty",
|
|
1281
1385
|
children: "No results found"
|
|
1282
1386
|
})
|
|
@@ -1287,8 +1391,8 @@ function ut({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1287
1391
|
}
|
|
1288
1392
|
//#endregion
|
|
1289
1393
|
//#region src/components/ui/Sheet.jsx
|
|
1290
|
-
function
|
|
1291
|
-
let s =
|
|
1394
|
+
function pt({ open: e, onClose: t, side: n = "right", title: r, children: i, className: a = "" }) {
|
|
1395
|
+
let s = l(null);
|
|
1292
1396
|
return o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1293
1397
|
document.body.style.overflow = "";
|
|
1294
1398
|
}), [e]), o(() => {
|
|
@@ -1296,54 +1400,54 @@ function dt({ open: e, onClose: t, side: n = "right", title: r, children: i, cla
|
|
|
1296
1400
|
e.key === "Escape" && t?.();
|
|
1297
1401
|
}
|
|
1298
1402
|
return e && document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
|
|
1299
|
-
}, [e, t]), e ? /* @__PURE__ */
|
|
1403
|
+
}, [e, t]), e ? /* @__PURE__ */ z("div", {
|
|
1300
1404
|
className: "sheet-overlay",
|
|
1301
1405
|
ref: s,
|
|
1302
1406
|
onClick: (e) => {
|
|
1303
1407
|
e.target === s.current && t?.();
|
|
1304
1408
|
},
|
|
1305
|
-
children: /* @__PURE__ */
|
|
1409
|
+
children: /* @__PURE__ */ B("div", {
|
|
1306
1410
|
className: `sheet sheet-${n} ${a}`,
|
|
1307
|
-
children: [r && /* @__PURE__ */
|
|
1411
|
+
children: [r && /* @__PURE__ */ B("div", {
|
|
1308
1412
|
className: "sheet-header",
|
|
1309
|
-
children: [/* @__PURE__ */
|
|
1413
|
+
children: [/* @__PURE__ */ z("h3", {
|
|
1310
1414
|
className: "sheet-title",
|
|
1311
1415
|
children: r
|
|
1312
|
-
}), /* @__PURE__ */
|
|
1416
|
+
}), /* @__PURE__ */ z("button", {
|
|
1313
1417
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
1314
1418
|
onClick: t,
|
|
1315
|
-
children: /* @__PURE__ */
|
|
1419
|
+
children: /* @__PURE__ */ z(L, { size: 16 })
|
|
1316
1420
|
})]
|
|
1317
|
-
}), /* @__PURE__ */
|
|
1421
|
+
}), /* @__PURE__ */ z("div", {
|
|
1318
1422
|
className: "sheet-body",
|
|
1319
1423
|
children: i
|
|
1320
1424
|
})]
|
|
1321
1425
|
})
|
|
1322
1426
|
}) : null;
|
|
1323
1427
|
}
|
|
1324
|
-
function
|
|
1325
|
-
return /* @__PURE__ */
|
|
1428
|
+
function mt({ children: e, className: t = "" }) {
|
|
1429
|
+
return /* @__PURE__ */ z("div", {
|
|
1326
1430
|
className: `sheet-footer ${t}`,
|
|
1327
1431
|
children: e
|
|
1328
1432
|
});
|
|
1329
1433
|
}
|
|
1330
1434
|
//#endregion
|
|
1331
1435
|
//#region src/components/ui/StatusMetric.jsx
|
|
1332
|
-
function
|
|
1436
|
+
function ht(...e) {
|
|
1333
1437
|
return e.filter(Boolean).join(" ");
|
|
1334
1438
|
}
|
|
1335
|
-
var
|
|
1439
|
+
var gt = {
|
|
1336
1440
|
default: "",
|
|
1337
1441
|
warning: "status-metric--warning"
|
|
1338
1442
|
};
|
|
1339
|
-
function
|
|
1340
|
-
let o = r || (t === "warning" ?
|
|
1341
|
-
return /* @__PURE__ */
|
|
1342
|
-
className:
|
|
1343
|
-
children: [n && o && /* @__PURE__ */
|
|
1443
|
+
function _t({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSize: i = 12, className: a = "" }) {
|
|
1444
|
+
let o = r || (t === "warning" ? f : S);
|
|
1445
|
+
return /* @__PURE__ */ B("span", {
|
|
1446
|
+
className: ht("status-metric", gt[t], a),
|
|
1447
|
+
children: [n && o && /* @__PURE__ */ z("span", {
|
|
1344
1448
|
className: "status-metric-icon",
|
|
1345
|
-
children: /* @__PURE__ */
|
|
1346
|
-
}), /* @__PURE__ */
|
|
1449
|
+
children: /* @__PURE__ */ z(o, { size: i })
|
|
1450
|
+
}), /* @__PURE__ */ z("span", {
|
|
1347
1451
|
className: "status-metric-text",
|
|
1348
1452
|
children: e
|
|
1349
1453
|
})]
|
|
@@ -1351,19 +1455,19 @@ function X({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSi
|
|
|
1351
1455
|
}
|
|
1352
1456
|
//#endregion
|
|
1353
1457
|
//#region src/components/ui/Switch.jsx
|
|
1354
|
-
function
|
|
1355
|
-
return /* @__PURE__ */
|
|
1458
|
+
function vt({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "md", label: i }) {
|
|
1459
|
+
return /* @__PURE__ */ B("div", {
|
|
1356
1460
|
className: "toggle-row",
|
|
1357
|
-
children: [i && /* @__PURE__ */
|
|
1461
|
+
children: [i && /* @__PURE__ */ z("span", {
|
|
1358
1462
|
className: "toggle-text",
|
|
1359
1463
|
children: i
|
|
1360
|
-
}), /* @__PURE__ */
|
|
1464
|
+
}), /* @__PURE__ */ z("button", {
|
|
1361
1465
|
className: `toggle ${e ? "active" : ""} ${r === "sm" ? "toggle-sm" : ""}`,
|
|
1362
1466
|
onClick: () => !n && t?.(!e),
|
|
1363
1467
|
disabled: n,
|
|
1364
1468
|
role: "switch",
|
|
1365
1469
|
"aria-checked": e,
|
|
1366
|
-
children: /* @__PURE__ */
|
|
1470
|
+
children: /* @__PURE__ */ z("div", { className: "toggle-knob" })
|
|
1367
1471
|
})]
|
|
1368
1472
|
});
|
|
1369
1473
|
}
|
|
@@ -1371,41 +1475,73 @@ function ht({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "
|
|
|
1371
1475
|
//#region src/components/ui/Tabs.jsx
|
|
1372
1476
|
var Z = e({
|
|
1373
1477
|
value: "",
|
|
1374
|
-
onChange: () => {}
|
|
1478
|
+
onChange: () => {},
|
|
1479
|
+
registerTrigger: () => {},
|
|
1480
|
+
getTriggerNode: () => null
|
|
1375
1481
|
});
|
|
1376
|
-
function
|
|
1377
|
-
let [
|
|
1378
|
-
|
|
1482
|
+
function yt({ defaultValue: e, value: t, onValueChange: n, children: r, className: a = "" }) {
|
|
1483
|
+
let [o, s] = u(e || ""), c = l(/* @__PURE__ */ new Map()), d = t === void 0 ? o : t, f = n || s, p = i((e, t) => {
|
|
1484
|
+
if (t) {
|
|
1485
|
+
c.current.set(e, t);
|
|
1486
|
+
return;
|
|
1487
|
+
}
|
|
1488
|
+
c.current.delete(e);
|
|
1489
|
+
}, []), m = i((e) => c.current.get(e) || null, []);
|
|
1490
|
+
return /* @__PURE__ */ z(Z.Provider, {
|
|
1379
1491
|
value: {
|
|
1380
|
-
value:
|
|
1381
|
-
onChange:
|
|
1492
|
+
value: d,
|
|
1493
|
+
onChange: f,
|
|
1494
|
+
registerTrigger: p,
|
|
1495
|
+
getTriggerNode: m
|
|
1382
1496
|
},
|
|
1383
|
-
children: /* @__PURE__ */
|
|
1384
|
-
className:
|
|
1497
|
+
children: /* @__PURE__ */ z("div", {
|
|
1498
|
+
className: a,
|
|
1385
1499
|
children: r
|
|
1386
1500
|
})
|
|
1387
1501
|
});
|
|
1388
1502
|
}
|
|
1389
|
-
function
|
|
1390
|
-
|
|
1503
|
+
function bt({ children: e, className: t = "" }) {
|
|
1504
|
+
let { value: n, getTriggerNode: r } = a(Z), i = l(null);
|
|
1505
|
+
return c(() => {
|
|
1506
|
+
let e = i.current, t = r(n);
|
|
1507
|
+
if (!e) return;
|
|
1508
|
+
if (!t) {
|
|
1509
|
+
e.style.setProperty("--tabs-indicator-width", "0px"), e.style.setProperty("--tabs-indicator-x", "0px"), e.removeAttribute("data-tabs-indicator-ready");
|
|
1510
|
+
return;
|
|
1511
|
+
}
|
|
1512
|
+
let a = () => {
|
|
1513
|
+
e.style.setProperty("--tabs-indicator-width", `${t.offsetWidth}px`), e.style.setProperty("--tabs-indicator-x", `${t.offsetLeft}px`), e.setAttribute("data-tabs-indicator-ready", "true");
|
|
1514
|
+
};
|
|
1515
|
+
a();
|
|
1516
|
+
let o = typeof ResizeObserver < "u" ? new ResizeObserver(a) : null;
|
|
1517
|
+
return o?.observe(e), o?.observe(t), window.addEventListener("resize", a), () => {
|
|
1518
|
+
o?.disconnect(), window.removeEventListener("resize", a);
|
|
1519
|
+
};
|
|
1520
|
+
}, [n, r]), /* @__PURE__ */ B("div", {
|
|
1521
|
+
ref: i,
|
|
1391
1522
|
className: `tabs ${t}`,
|
|
1392
|
-
|
|
1523
|
+
role: "tablist",
|
|
1524
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1525
|
+
className: "tabs-indicator",
|
|
1526
|
+
"aria-hidden": "true"
|
|
1527
|
+
}), e]
|
|
1393
1528
|
});
|
|
1394
1529
|
}
|
|
1395
|
-
function
|
|
1396
|
-
let { value: r, onChange: i } = a(Z),
|
|
1397
|
-
return /* @__PURE__ */
|
|
1398
|
-
|
|
1530
|
+
function xt({ value: e, children: t, className: n = "" }) {
|
|
1531
|
+
let { value: r, onChange: i, registerTrigger: o } = a(Z), s = r === e;
|
|
1532
|
+
return /* @__PURE__ */ z("button", {
|
|
1533
|
+
ref: (t) => o(e, t),
|
|
1534
|
+
className: `tab ${s ? "active" : ""} ${n}`,
|
|
1399
1535
|
onClick: () => i(e),
|
|
1400
1536
|
role: "tab",
|
|
1401
|
-
"aria-selected":
|
|
1537
|
+
"aria-selected": s,
|
|
1402
1538
|
type: "button",
|
|
1403
1539
|
children: t
|
|
1404
1540
|
});
|
|
1405
1541
|
}
|
|
1406
|
-
function
|
|
1542
|
+
function St({ value: e, children: t, className: n = "" }) {
|
|
1407
1543
|
let { value: r } = a(Z);
|
|
1408
|
-
return r === e ? /* @__PURE__ */
|
|
1544
|
+
return r === e ? /* @__PURE__ */ z("div", {
|
|
1409
1545
|
className: n,
|
|
1410
1546
|
role: "tabpanel",
|
|
1411
1547
|
children: t
|
|
@@ -1413,23 +1549,23 @@ function yt({ value: e, children: t, className: n = "" }) {
|
|
|
1413
1549
|
}
|
|
1414
1550
|
//#endregion
|
|
1415
1551
|
//#region src/components/ui/Tooltip.jsx
|
|
1416
|
-
function
|
|
1417
|
-
let [i, a] =
|
|
1552
|
+
function Ct({ content: e, side: t = "top", children: n, className: r = "" }) {
|
|
1553
|
+
let [i, a] = u(!1), o = l(null);
|
|
1418
1554
|
function s() {
|
|
1419
1555
|
o.current = setTimeout(() => a(!0), 300);
|
|
1420
1556
|
}
|
|
1421
|
-
function
|
|
1557
|
+
function c() {
|
|
1422
1558
|
clearTimeout(o.current), a(!1);
|
|
1423
1559
|
}
|
|
1424
|
-
return /* @__PURE__ */
|
|
1560
|
+
return /* @__PURE__ */ B("div", {
|
|
1425
1561
|
className: `tooltip-wrapper ${r}`,
|
|
1426
1562
|
onMouseEnter: s,
|
|
1427
|
-
onMouseLeave:
|
|
1563
|
+
onMouseLeave: c,
|
|
1428
1564
|
style: {
|
|
1429
1565
|
position: "relative",
|
|
1430
1566
|
display: "inline-flex"
|
|
1431
1567
|
},
|
|
1432
|
-
children: [n, i && /* @__PURE__ */
|
|
1568
|
+
children: [n, i && /* @__PURE__ */ z("div", {
|
|
1433
1569
|
className: `tooltip tooltip-${t}`,
|
|
1434
1570
|
children: e
|
|
1435
1571
|
})]
|
|
@@ -1437,17 +1573,17 @@ function bt({ content: e, side: t = "top", children: n, className: r = "" }) {
|
|
|
1437
1573
|
}
|
|
1438
1574
|
//#endregion
|
|
1439
1575
|
//#region src/components/ui/viewModeDefaults.js
|
|
1440
|
-
var
|
|
1441
|
-
kanban:
|
|
1442
|
-
board:
|
|
1443
|
-
columns:
|
|
1444
|
-
table:
|
|
1445
|
-
list:
|
|
1446
|
-
rows:
|
|
1447
|
-
grid:
|
|
1448
|
-
calendar:
|
|
1449
|
-
map:
|
|
1450
|
-
},
|
|
1576
|
+
var wt = {
|
|
1577
|
+
kanban: C,
|
|
1578
|
+
board: C,
|
|
1579
|
+
columns: C,
|
|
1580
|
+
table: D,
|
|
1581
|
+
list: D,
|
|
1582
|
+
rows: D,
|
|
1583
|
+
grid: E,
|
|
1584
|
+
calendar: m,
|
|
1585
|
+
map: A
|
|
1586
|
+
}, Tt = [{
|
|
1451
1587
|
value: "kanban",
|
|
1452
1588
|
label: "Kanban",
|
|
1453
1589
|
title: "Board View"
|
|
@@ -1458,14 +1594,14 @@ var xt = {
|
|
|
1458
1594
|
}];
|
|
1459
1595
|
//#endregion
|
|
1460
1596
|
//#region src/components/ui/ViewModeToggle.jsx
|
|
1461
|
-
function
|
|
1462
|
-
return e.icon ? e.icon :
|
|
1597
|
+
function Et(e) {
|
|
1598
|
+
return e.icon ? e.icon : wt[e.value] ?? null;
|
|
1463
1599
|
}
|
|
1464
|
-
function
|
|
1600
|
+
function Dt(e, n) {
|
|
1465
1601
|
return e ? r(e) ? e : t(e, { size: n }) : null;
|
|
1466
1602
|
}
|
|
1467
|
-
function
|
|
1468
|
-
let m =
|
|
1603
|
+
function Ot({ options: e = Tt, value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "View mode", iconSize: s = 16, showLabels: d = !1, className: f = "", optionClassName: p = "" }) {
|
|
1604
|
+
let m = l(null), h = l(null), g = l(/* @__PURE__ */ new Map()), [_, v] = u(n ?? e[0]?.value ?? ""), y = t === void 0 ? _ : t, b = i(() => {
|
|
1469
1605
|
let e = h.current, t = g.current.get(y);
|
|
1470
1606
|
if (e) {
|
|
1471
1607
|
if (!t) {
|
|
@@ -1478,13 +1614,13 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1478
1614
|
function x(e) {
|
|
1479
1615
|
e.disabled || (t === void 0 && v(e.value), r?.(e.value, e));
|
|
1480
1616
|
}
|
|
1481
|
-
return
|
|
1617
|
+
return c(() => {
|
|
1482
1618
|
b();
|
|
1483
1619
|
}, [
|
|
1484
1620
|
b,
|
|
1485
1621
|
e,
|
|
1486
1622
|
d,
|
|
1487
|
-
|
|
1623
|
+
s,
|
|
1488
1624
|
f,
|
|
1489
1625
|
p
|
|
1490
1626
|
]), o(() => {
|
|
@@ -1509,10 +1645,10 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1509
1645
|
b,
|
|
1510
1646
|
e,
|
|
1511
1647
|
d,
|
|
1512
|
-
|
|
1648
|
+
s,
|
|
1513
1649
|
f,
|
|
1514
1650
|
p
|
|
1515
|
-
]), /* @__PURE__ */
|
|
1651
|
+
]), /* @__PURE__ */ B("div", {
|
|
1516
1652
|
ref: m,
|
|
1517
1653
|
className: [
|
|
1518
1654
|
"view-mode-toggle",
|
|
@@ -1521,13 +1657,13 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1521
1657
|
].filter(Boolean).join(" "),
|
|
1522
1658
|
role: "group",
|
|
1523
1659
|
"aria-label": a,
|
|
1524
|
-
children: [/* @__PURE__ */
|
|
1660
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1525
1661
|
ref: h,
|
|
1526
1662
|
"aria-hidden": "true",
|
|
1527
1663
|
className: "view-mode-toggle-indicator"
|
|
1528
1664
|
}), e.map((e) => {
|
|
1529
|
-
let t = e.value === y, n =
|
|
1530
|
-
return /* @__PURE__ */
|
|
1665
|
+
let t = e.value === y, n = Dt(Et(e), s);
|
|
1666
|
+
return /* @__PURE__ */ B("button", {
|
|
1531
1667
|
type: "button",
|
|
1532
1668
|
"aria-pressed": t,
|
|
1533
1669
|
disabled: e.disabled,
|
|
@@ -1543,10 +1679,10 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1543
1679
|
p
|
|
1544
1680
|
].filter(Boolean).join(" "),
|
|
1545
1681
|
onClick: () => x(e),
|
|
1546
|
-
children: [n && /* @__PURE__ */
|
|
1682
|
+
children: [n && /* @__PURE__ */ z("span", {
|
|
1547
1683
|
className: "view-mode-toggle-icon",
|
|
1548
1684
|
children: n
|
|
1549
|
-
}), d && /* @__PURE__ */
|
|
1685
|
+
}), d && /* @__PURE__ */ z("span", {
|
|
1550
1686
|
className: "view-mode-toggle-label",
|
|
1551
1687
|
children: e.label
|
|
1552
1688
|
})]
|
|
@@ -1556,11 +1692,11 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1556
1692
|
}
|
|
1557
1693
|
//#endregion
|
|
1558
1694
|
//#region src/components/ui/WorkspaceTabs.jsx
|
|
1559
|
-
function
|
|
1695
|
+
function kt(e, n) {
|
|
1560
1696
|
return e ? r(e) ? e : t(e, { size: n }) : null;
|
|
1561
1697
|
}
|
|
1562
|
-
function
|
|
1563
|
-
let m =
|
|
1698
|
+
function At({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "Workspace tabs", iconSize: s = 14, variant: d = "plain", className: f = "", itemClassName: p = "" }) {
|
|
1699
|
+
let m = l(null), h = l(null), g = l(/* @__PURE__ */ new Map()), [_, v] = u(n ?? e[0]?.id ?? ""), y = t === void 0 ? _ : t, b = i(() => {
|
|
1564
1700
|
let e = h.current, t = g.current.get(y);
|
|
1565
1701
|
if (e) {
|
|
1566
1702
|
if (!t) {
|
|
@@ -1573,12 +1709,12 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1573
1709
|
function x(e) {
|
|
1574
1710
|
e.disabled || (t === void 0 && v(e.id), r?.(e.id, e));
|
|
1575
1711
|
}
|
|
1576
|
-
return
|
|
1712
|
+
return c(() => {
|
|
1577
1713
|
b();
|
|
1578
1714
|
}, [
|
|
1579
1715
|
b,
|
|
1580
1716
|
e,
|
|
1581
|
-
|
|
1717
|
+
s,
|
|
1582
1718
|
d,
|
|
1583
1719
|
f,
|
|
1584
1720
|
p
|
|
@@ -1603,11 +1739,11 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1603
1739
|
}, [
|
|
1604
1740
|
b,
|
|
1605
1741
|
e,
|
|
1606
|
-
|
|
1742
|
+
s,
|
|
1607
1743
|
d,
|
|
1608
1744
|
f,
|
|
1609
1745
|
p
|
|
1610
|
-
]), /* @__PURE__ */
|
|
1746
|
+
]), /* @__PURE__ */ B("div", {
|
|
1611
1747
|
ref: m,
|
|
1612
1748
|
className: [
|
|
1613
1749
|
"workspace-tabs",
|
|
@@ -1616,13 +1752,13 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1616
1752
|
].filter(Boolean).join(" "),
|
|
1617
1753
|
role: "tablist",
|
|
1618
1754
|
"aria-label": a,
|
|
1619
|
-
children: [/* @__PURE__ */
|
|
1755
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1620
1756
|
ref: h,
|
|
1621
1757
|
"aria-hidden": "true",
|
|
1622
1758
|
className: "workspace-tabs-indicator"
|
|
1623
1759
|
}), e.map((e) => {
|
|
1624
|
-
let t = e.id === y, n =
|
|
1625
|
-
return /* @__PURE__ */
|
|
1760
|
+
let t = e.id === y, n = kt(e.icon, s);
|
|
1761
|
+
return /* @__PURE__ */ B("button", {
|
|
1626
1762
|
type: "button",
|
|
1627
1763
|
role: "tab",
|
|
1628
1764
|
"aria-selected": t,
|
|
@@ -1639,15 +1775,15 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1639
1775
|
].filter(Boolean).join(" "),
|
|
1640
1776
|
onClick: () => x(e),
|
|
1641
1777
|
children: [
|
|
1642
|
-
n && /* @__PURE__ */
|
|
1778
|
+
n && /* @__PURE__ */ z("span", {
|
|
1643
1779
|
className: "workspace-tab-icon",
|
|
1644
1780
|
children: n
|
|
1645
1781
|
}),
|
|
1646
|
-
/* @__PURE__ */
|
|
1782
|
+
/* @__PURE__ */ z("span", {
|
|
1647
1783
|
className: "workspace-tab-label",
|
|
1648
1784
|
children: e.label
|
|
1649
1785
|
}),
|
|
1650
|
-
e.badge != null && /* @__PURE__ */
|
|
1786
|
+
e.badge != null && /* @__PURE__ */ z("span", {
|
|
1651
1787
|
className: "workspace-tab-badge",
|
|
1652
1788
|
children: e.badge
|
|
1653
1789
|
})
|
|
@@ -1658,35 +1794,35 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1658
1794
|
}
|
|
1659
1795
|
//#endregion
|
|
1660
1796
|
//#region src/components/data/ActivityFeed.jsx
|
|
1661
|
-
function
|
|
1662
|
-
return /* @__PURE__ */
|
|
1797
|
+
function jt({ items: e = [], className: t = "" }) {
|
|
1798
|
+
return /* @__PURE__ */ z("div", {
|
|
1663
1799
|
className: `activity-feed ${t}`,
|
|
1664
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
1800
|
+
children: e.map((e, t) => /* @__PURE__ */ B("div", {
|
|
1665
1801
|
className: "activity-item",
|
|
1666
|
-
children: [/* @__PURE__ */
|
|
1802
|
+
children: [/* @__PURE__ */ z("div", {
|
|
1667
1803
|
className: "activity-avatar",
|
|
1668
|
-
children: /* @__PURE__ */
|
|
1804
|
+
children: /* @__PURE__ */ z(Y, {
|
|
1669
1805
|
name: e.user,
|
|
1670
1806
|
size: "sm"
|
|
1671
1807
|
})
|
|
1672
|
-
}), /* @__PURE__ */
|
|
1808
|
+
}), /* @__PURE__ */ B("div", {
|
|
1673
1809
|
className: "activity-content",
|
|
1674
1810
|
children: [
|
|
1675
|
-
/* @__PURE__ */
|
|
1811
|
+
/* @__PURE__ */ B("div", {
|
|
1676
1812
|
className: "activity-header",
|
|
1677
|
-
children: [/* @__PURE__ */
|
|
1813
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1678
1814
|
className: "activity-name",
|
|
1679
1815
|
children: e.user
|
|
1680
|
-
}), /* @__PURE__ */
|
|
1816
|
+
}), /* @__PURE__ */ z("span", {
|
|
1681
1817
|
className: "activity-time",
|
|
1682
1818
|
children: e.time
|
|
1683
1819
|
})]
|
|
1684
1820
|
}),
|
|
1685
|
-
/* @__PURE__ */
|
|
1821
|
+
/* @__PURE__ */ z("div", {
|
|
1686
1822
|
className: "activity-text",
|
|
1687
1823
|
children: e.text
|
|
1688
1824
|
}),
|
|
1689
|
-
e.meta && /* @__PURE__ */
|
|
1825
|
+
e.meta && /* @__PURE__ */ z("div", {
|
|
1690
1826
|
className: "activity-meta",
|
|
1691
1827
|
children: e.meta
|
|
1692
1828
|
})
|
|
@@ -1697,8 +1833,8 @@ function Ot({ items: e = [], className: t = "" }) {
|
|
|
1697
1833
|
}
|
|
1698
1834
|
//#endregion
|
|
1699
1835
|
//#region src/components/data/CommandBar.jsx
|
|
1700
|
-
function
|
|
1701
|
-
let [a, s] =
|
|
1836
|
+
function Mt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i = "Type a command or search..." }) {
|
|
1837
|
+
let [a, s] = u(""), [c, d] = u(0), f = l(null);
|
|
1702
1838
|
if (o(() => {
|
|
1703
1839
|
if (e) {
|
|
1704
1840
|
let e = setTimeout(() => {
|
|
@@ -1720,21 +1856,21 @@ function kt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1720
1856
|
showGroup: t === 0 || e.group !== p[t - 1].group
|
|
1721
1857
|
}));
|
|
1722
1858
|
function h(e) {
|
|
1723
|
-
e.key === "ArrowDown" ? (e.preventDefault(), d((e) => Math.min(e + 1, p.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), d((e) => Math.max(e - 1, 0))) : e.key === "Enter" && p[
|
|
1859
|
+
e.key === "ArrowDown" ? (e.preventDefault(), d((e) => Math.min(e + 1, p.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), d((e) => Math.max(e - 1, 0))) : e.key === "Enter" && p[c] ? (r?.(p[c]), t?.()) : e.key === "Escape" && t?.();
|
|
1724
1860
|
}
|
|
1725
|
-
return /* @__PURE__ */
|
|
1861
|
+
return /* @__PURE__ */ z("div", {
|
|
1726
1862
|
className: "dialog-overlay",
|
|
1727
1863
|
onClick: (e) => {
|
|
1728
1864
|
e.target === e.currentTarget && t?.();
|
|
1729
1865
|
},
|
|
1730
|
-
children: /* @__PURE__ */
|
|
1866
|
+
children: /* @__PURE__ */ B("div", {
|
|
1731
1867
|
className: "command-palette",
|
|
1732
|
-
children: [/* @__PURE__ */
|
|
1868
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1733
1869
|
className: "command-input-wrapper",
|
|
1734
|
-
children: [/* @__PURE__ */
|
|
1870
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1735
1871
|
className: "command-input-icon",
|
|
1736
|
-
children: /* @__PURE__ */
|
|
1737
|
-
}), /* @__PURE__ */
|
|
1872
|
+
children: /* @__PURE__ */ z(N, { size: 16 })
|
|
1873
|
+
}), /* @__PURE__ */ z("input", {
|
|
1738
1874
|
ref: f,
|
|
1739
1875
|
className: "command-input",
|
|
1740
1876
|
value: a,
|
|
@@ -1744,29 +1880,29 @@ function kt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1744
1880
|
onKeyDown: h,
|
|
1745
1881
|
placeholder: i
|
|
1746
1882
|
})]
|
|
1747
|
-
}), /* @__PURE__ */
|
|
1883
|
+
}), /* @__PURE__ */ B("div", {
|
|
1748
1884
|
className: "command-results",
|
|
1749
|
-
children: [m.map((e, n) => /* @__PURE__ */
|
|
1885
|
+
children: [m.map((e, n) => /* @__PURE__ */ B("div", { children: [e.showGroup && /* @__PURE__ */ z("div", {
|
|
1750
1886
|
className: "command-group-label",
|
|
1751
1887
|
children: e.group
|
|
1752
|
-
}), /* @__PURE__ */
|
|
1753
|
-
className: `dropdown-item ${n ===
|
|
1888
|
+
}), /* @__PURE__ */ B("div", {
|
|
1889
|
+
className: `dropdown-item ${n === c ? "active" : ""}`,
|
|
1754
1890
|
onClick: () => {
|
|
1755
1891
|
r?.(e), t?.();
|
|
1756
1892
|
},
|
|
1757
1893
|
onMouseEnter: () => d(n),
|
|
1758
1894
|
children: [
|
|
1759
|
-
e.icon && /* @__PURE__ */
|
|
1895
|
+
e.icon && /* @__PURE__ */ z("span", {
|
|
1760
1896
|
className: "dropdown-item-icon",
|
|
1761
1897
|
children: e.icon
|
|
1762
1898
|
}),
|
|
1763
1899
|
e.label,
|
|
1764
|
-
e.shortcut && /* @__PURE__ */
|
|
1900
|
+
e.shortcut && /* @__PURE__ */ z("span", {
|
|
1765
1901
|
className: "dropdown-shortcut",
|
|
1766
1902
|
children: e.shortcut
|
|
1767
1903
|
})
|
|
1768
1904
|
]
|
|
1769
|
-
})] }, e.id || n)), p.length === 0 && /* @__PURE__ */
|
|
1905
|
+
})] }, e.id || n)), p.length === 0 && /* @__PURE__ */ z("div", {
|
|
1770
1906
|
style: {
|
|
1771
1907
|
padding: "var(--space-4)",
|
|
1772
1908
|
textAlign: "center",
|
|
@@ -1781,35 +1917,35 @@ function kt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1781
1917
|
}
|
|
1782
1918
|
//#endregion
|
|
1783
1919
|
//#region src/components/data/DataTable.jsx
|
|
1784
|
-
function
|
|
1785
|
-
let [i, a] =
|
|
1920
|
+
function Nt({ columns: e, data: t, onRowClick: n, className: r = "" }) {
|
|
1921
|
+
let [i, a] = u(null), [o, s] = u("asc");
|
|
1786
1922
|
function c(e) {
|
|
1787
1923
|
i === e ? s((e) => e === "asc" ? "desc" : "asc") : (a(e), s("asc"));
|
|
1788
1924
|
}
|
|
1789
|
-
let
|
|
1925
|
+
let l = i ? [...t].sort((e, t) => {
|
|
1790
1926
|
let n = e[i], r = t[i], a = typeof n == "number" ? n - r : String(n).localeCompare(String(r));
|
|
1791
1927
|
return o === "asc" ? a : -a;
|
|
1792
1928
|
}) : t;
|
|
1793
|
-
return /* @__PURE__ */
|
|
1929
|
+
return /* @__PURE__ */ z("div", {
|
|
1794
1930
|
className: `table-wrapper ${r}`,
|
|
1795
|
-
children: /* @__PURE__ */
|
|
1931
|
+
children: /* @__PURE__ */ B("table", { children: [/* @__PURE__ */ z("thead", { children: /* @__PURE__ */ z("tr", { children: e.map((e) => /* @__PURE__ */ z("th", {
|
|
1796
1932
|
onClick: () => e.sortable !== !1 && c(e.key),
|
|
1797
1933
|
style: {
|
|
1798
1934
|
cursor: e.sortable === !1 ? "default" : "pointer",
|
|
1799
1935
|
width: e.width
|
|
1800
1936
|
},
|
|
1801
|
-
children: /* @__PURE__ */
|
|
1937
|
+
children: /* @__PURE__ */ B("span", {
|
|
1802
1938
|
className: "th-content",
|
|
1803
|
-
children: [e.label, e.sortable !== !1 && /* @__PURE__ */
|
|
1939
|
+
children: [e.label, e.sortable !== !1 && /* @__PURE__ */ z("span", {
|
|
1804
1940
|
className: "th-sort-icon",
|
|
1805
|
-
children: i === e.key ?
|
|
1941
|
+
children: i === e.key ? z(o === "asc" ? b : v, { size: 12 }) : /* @__PURE__ */ z(x, { size: 12 })
|
|
1806
1942
|
})]
|
|
1807
1943
|
})
|
|
1808
|
-
}, e.key)) }) }), /* @__PURE__ */
|
|
1944
|
+
}, e.key)) }) }), /* @__PURE__ */ B("tbody", { children: [l.map((t, r) => /* @__PURE__ */ z("tr", {
|
|
1809
1945
|
onClick: () => n?.(t),
|
|
1810
1946
|
style: { cursor: n ? "pointer" : "default" },
|
|
1811
|
-
children: e.map((e) => /* @__PURE__ */
|
|
1812
|
-
}, t.id || r)),
|
|
1947
|
+
children: e.map((e) => /* @__PURE__ */ z("td", { children: e.render ? e.render(t[e.key], t) : t[e.key] }, e.key))
|
|
1948
|
+
}, t.id || r)), l.length === 0 && /* @__PURE__ */ z("tr", { children: /* @__PURE__ */ z("td", {
|
|
1813
1949
|
colSpan: e.length,
|
|
1814
1950
|
style: {
|
|
1815
1951
|
textAlign: "center",
|
|
@@ -1822,44 +1958,44 @@ function At({ columns: e, data: t, onRowClick: n, className: r = "" }) {
|
|
|
1822
1958
|
}
|
|
1823
1959
|
//#endregion
|
|
1824
1960
|
//#region src/components/data/FilterBar.jsx
|
|
1825
|
-
function
|
|
1961
|
+
function Pt({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAll: r, children: i, className: a = "" }) {
|
|
1826
1962
|
let o = n.some((e) => e.active);
|
|
1827
|
-
return /* @__PURE__ */
|
|
1963
|
+
return /* @__PURE__ */ B("div", {
|
|
1828
1964
|
className: `filter-bar ${a}`,
|
|
1829
1965
|
children: [
|
|
1830
|
-
/* @__PURE__ */
|
|
1966
|
+
/* @__PURE__ */ B("div", {
|
|
1831
1967
|
className: "filter-bar-search",
|
|
1832
1968
|
children: [
|
|
1833
|
-
/* @__PURE__ */
|
|
1834
|
-
/* @__PURE__ */
|
|
1969
|
+
/* @__PURE__ */ z(N, { size: 14 }),
|
|
1970
|
+
/* @__PURE__ */ z("input", {
|
|
1835
1971
|
className: "filter-bar-input",
|
|
1836
1972
|
value: e,
|
|
1837
1973
|
onChange: (e) => t?.(e.target.value),
|
|
1838
1974
|
placeholder: "Search..."
|
|
1839
1975
|
}),
|
|
1840
|
-
e && /* @__PURE__ */
|
|
1976
|
+
e && /* @__PURE__ */ z("button", {
|
|
1841
1977
|
className: "filter-bar-clear",
|
|
1842
1978
|
onClick: () => t?.(""),
|
|
1843
|
-
children: /* @__PURE__ */
|
|
1979
|
+
children: /* @__PURE__ */ z(L, { size: 12 })
|
|
1844
1980
|
})
|
|
1845
1981
|
]
|
|
1846
1982
|
}),
|
|
1847
|
-
/* @__PURE__ */
|
|
1983
|
+
/* @__PURE__ */ B("div", {
|
|
1848
1984
|
className: "filter-bar-filters",
|
|
1849
1985
|
children: [
|
|
1850
|
-
/* @__PURE__ */
|
|
1986
|
+
/* @__PURE__ */ z(w, {
|
|
1851
1987
|
size: 14,
|
|
1852
1988
|
style: { color: "var(--text-tertiary)" }
|
|
1853
1989
|
}),
|
|
1854
|
-
n.map((e) => /* @__PURE__ */
|
|
1990
|
+
n.map((e) => /* @__PURE__ */ B("button", {
|
|
1855
1991
|
className: `filter-chip ${e.active ? "active" : ""}`,
|
|
1856
1992
|
onClick: e.onClick,
|
|
1857
|
-
children: [e.label, e.active && e.value && /* @__PURE__ */
|
|
1993
|
+
children: [e.label, e.active && e.value && /* @__PURE__ */ z("span", {
|
|
1858
1994
|
className: "filter-chip-value",
|
|
1859
1995
|
children: e.value
|
|
1860
1996
|
})]
|
|
1861
1997
|
}, e.label)),
|
|
1862
|
-
o && r && /* @__PURE__ */
|
|
1998
|
+
o && r && /* @__PURE__ */ z("button", {
|
|
1863
1999
|
className: "filter-bar-clear-all",
|
|
1864
2000
|
onClick: r,
|
|
1865
2001
|
children: "Clear all"
|
|
@@ -1875,76 +2011,76 @@ function jt({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAl
|
|
|
1875
2011
|
function Q(...e) {
|
|
1876
2012
|
return e.filter(Boolean).join(" ");
|
|
1877
2013
|
}
|
|
1878
|
-
function
|
|
1879
|
-
return /* @__PURE__ */
|
|
2014
|
+
function Ft({ children: e, className: t = "", style: n }) {
|
|
2015
|
+
return /* @__PURE__ */ z("div", {
|
|
1880
2016
|
className: Q("kanban-board", t),
|
|
1881
2017
|
style: n,
|
|
1882
2018
|
children: e
|
|
1883
2019
|
});
|
|
1884
2020
|
}
|
|
1885
|
-
function
|
|
1886
|
-
return /* @__PURE__ */
|
|
2021
|
+
function It({ title: e, count: t, color: n, headerAction: r = null, countVariant: i = "pill", children: a, className: o = "", style: s, headerClassName: c = "", headerStyle: l, countClassName: u = "", bodyClassName: d = "", bodyStyle: f }) {
|
|
2022
|
+
return /* @__PURE__ */ B("div", {
|
|
1887
2023
|
className: Q("kanban-column", o),
|
|
1888
2024
|
style: s,
|
|
1889
|
-
children: [/* @__PURE__ */
|
|
2025
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1890
2026
|
className: Q("kanban-column-header", c),
|
|
1891
2027
|
style: l,
|
|
1892
|
-
children: [/* @__PURE__ */
|
|
2028
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1893
2029
|
className: "kanban-column-title",
|
|
1894
2030
|
children: [
|
|
1895
|
-
n && /* @__PURE__ */
|
|
2031
|
+
n && /* @__PURE__ */ z("span", {
|
|
1896
2032
|
className: "kanban-column-dot",
|
|
1897
2033
|
style: { background: n }
|
|
1898
2034
|
}),
|
|
1899
|
-
/* @__PURE__ */
|
|
2035
|
+
/* @__PURE__ */ z("span", {
|
|
1900
2036
|
className: "kanban-column-title-label",
|
|
1901
2037
|
children: e
|
|
1902
2038
|
}),
|
|
1903
|
-
t != null && /* @__PURE__ */
|
|
2039
|
+
t != null && /* @__PURE__ */ z(X, {
|
|
1904
2040
|
showDot: !1,
|
|
1905
2041
|
className: Q("workflow-column-count", "kanban-column-count", i === "inline" ? "kanban-column-count--inline" : "", u),
|
|
1906
2042
|
children: t
|
|
1907
2043
|
})
|
|
1908
2044
|
]
|
|
1909
|
-
}), r && /* @__PURE__ */
|
|
2045
|
+
}), r && /* @__PURE__ */ z("div", {
|
|
1910
2046
|
className: "kanban-column-header-meta",
|
|
1911
|
-
children: /* @__PURE__ */
|
|
2047
|
+
children: /* @__PURE__ */ z("div", {
|
|
1912
2048
|
className: "kanban-column-header-action",
|
|
1913
2049
|
children: r
|
|
1914
2050
|
})
|
|
1915
2051
|
})]
|
|
1916
|
-
}), /* @__PURE__ */
|
|
2052
|
+
}), /* @__PURE__ */ z("div", {
|
|
1917
2053
|
className: Q("kanban-column-body", d),
|
|
1918
2054
|
style: f,
|
|
1919
2055
|
children: a
|
|
1920
2056
|
})]
|
|
1921
2057
|
});
|
|
1922
2058
|
}
|
|
1923
|
-
function
|
|
2059
|
+
function Lt({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd: a, children: o, onClick: s, className: c = "", style: l }) {
|
|
1924
2060
|
let u = a ?? r;
|
|
1925
|
-
return /* @__PURE__ */
|
|
2061
|
+
return /* @__PURE__ */ z("div", {
|
|
1926
2062
|
className: Q("kanban-card", c),
|
|
1927
2063
|
onClick: s,
|
|
1928
2064
|
style: l,
|
|
1929
|
-
children: o || /* @__PURE__ */
|
|
2065
|
+
children: o || /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
|
|
1930
2066
|
className: "kanban-card-body",
|
|
1931
2067
|
children: [
|
|
1932
|
-
e && /* @__PURE__ */
|
|
2068
|
+
e && /* @__PURE__ */ z("div", {
|
|
1933
2069
|
className: "kanban-card-title",
|
|
1934
2070
|
children: e
|
|
1935
2071
|
}),
|
|
1936
|
-
t && /* @__PURE__ */
|
|
2072
|
+
t && /* @__PURE__ */ z("div", {
|
|
1937
2073
|
className: "kanban-card-subtitle",
|
|
1938
2074
|
children: t
|
|
1939
2075
|
}),
|
|
1940
|
-
n && /* @__PURE__ */
|
|
2076
|
+
n && /* @__PURE__ */ z("div", {
|
|
1941
2077
|
className: "kanban-card-badges",
|
|
1942
2078
|
children: n
|
|
1943
2079
|
})
|
|
1944
2080
|
]
|
|
1945
|
-
}), (u || i) && /* @__PURE__ */
|
|
2081
|
+
}), (u || i) && /* @__PURE__ */ B("div", {
|
|
1946
2082
|
className: "kanban-card-footer",
|
|
1947
|
-
children: [i && /* @__PURE__ */
|
|
2083
|
+
children: [i && /* @__PURE__ */ z("div", {
|
|
1948
2084
|
className: "kanban-card-footer-text",
|
|
1949
2085
|
children: i
|
|
1950
2086
|
}), u]
|
|
@@ -1956,51 +2092,51 @@ function Pt({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd:
|
|
|
1956
2092
|
function $(...e) {
|
|
1957
2093
|
return e.filter(Boolean).join(" ");
|
|
1958
2094
|
}
|
|
1959
|
-
function
|
|
1960
|
-
return /* @__PURE__ */
|
|
2095
|
+
function Rt({ children: e, className: t = "" }) {
|
|
2096
|
+
return /* @__PURE__ */ z("div", {
|
|
1961
2097
|
className: $("table-board", t),
|
|
1962
2098
|
children: e
|
|
1963
2099
|
});
|
|
1964
2100
|
}
|
|
1965
|
-
function
|
|
1966
|
-
let [c,
|
|
2101
|
+
function zt({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0, onOpenChange: a, children: o, className: s = "" }) {
|
|
2102
|
+
let [c, l] = u(i), d = r != null, f = d ? r : c;
|
|
1967
2103
|
function p() {
|
|
1968
2104
|
let e = !f;
|
|
1969
|
-
d ||
|
|
2105
|
+
d || l(e), a?.(e);
|
|
1970
2106
|
}
|
|
1971
|
-
return /* @__PURE__ */
|
|
2107
|
+
return /* @__PURE__ */ B("section", {
|
|
1972
2108
|
className: $("table-board-group", s),
|
|
1973
2109
|
style: n ? { "--table-board-group-accent-color": n } : void 0,
|
|
1974
|
-
children: [/* @__PURE__ */
|
|
2110
|
+
children: [/* @__PURE__ */ B("button", {
|
|
1975
2111
|
type: "button",
|
|
1976
2112
|
className: "table-board-group-header",
|
|
1977
2113
|
onClick: p,
|
|
1978
2114
|
"aria-expanded": f,
|
|
1979
2115
|
children: [
|
|
1980
|
-
/* @__PURE__ */
|
|
2116
|
+
/* @__PURE__ */ z("span", {
|
|
1981
2117
|
className: $("table-board-group-chevron", !f && "collapsed"),
|
|
1982
|
-
children: /* @__PURE__ */
|
|
2118
|
+
children: /* @__PURE__ */ z(v, { size: 12 })
|
|
1983
2119
|
}),
|
|
1984
|
-
/* @__PURE__ */
|
|
2120
|
+
/* @__PURE__ */ z("span", {
|
|
1985
2121
|
className: "table-board-group-label",
|
|
1986
2122
|
children: e
|
|
1987
2123
|
}),
|
|
1988
|
-
t != null && /* @__PURE__ */
|
|
2124
|
+
t != null && /* @__PURE__ */ z("span", {
|
|
1989
2125
|
className: "table-board-group-count",
|
|
1990
2126
|
children: t
|
|
1991
2127
|
})
|
|
1992
2128
|
]
|
|
1993
|
-
}), /* @__PURE__ */
|
|
2129
|
+
}), /* @__PURE__ */ z("div", {
|
|
1994
2130
|
className: $("table-board-group-panel", f && "open"),
|
|
1995
|
-
children: /* @__PURE__ */
|
|
2131
|
+
children: /* @__PURE__ */ z("div", {
|
|
1996
2132
|
className: "table-board-group-panel-inner",
|
|
1997
2133
|
children: o
|
|
1998
2134
|
})
|
|
1999
2135
|
})]
|
|
2000
2136
|
});
|
|
2001
2137
|
}
|
|
2002
|
-
function
|
|
2003
|
-
let D = typeof T == "function", O =
|
|
2138
|
+
function Bt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title: i, subtitle: a, subtitleInline: s = !1, pills: c = [], maxVisibleLeadingPills: d, pinnedTrailingPillsCount: p = 0, metric: m, metricTone: h = "default", metricIcon: g, showMetricIcon: _ = !0, avatar: v, avatarImageUrl: y, avatarLabel: b, avatarName: x, avatarStyle: C, meta: w, onClick: T, className: E = "" }) {
|
|
2139
|
+
let D = typeof T == "function", O = l(null), [k, A] = u(!1), j = Array.isArray(c) ? c : [], M = Math.max(0, Math.min(p, j.length)), N = M > 0 ? j.slice(0, -M) : j, P = M > 0 ? j.slice(-M) : [], F = typeof d == "number" && d >= 0 ? N.slice(0, d) : N, I = Math.max(0, N.length - F.length), L = [
|
|
2004
2140
|
...F,
|
|
2005
2141
|
...I > 0 ? [{
|
|
2006
2142
|
label: `+${I}`,
|
|
@@ -2008,16 +2144,16 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2008
2144
|
}] : [],
|
|
2009
2145
|
...P
|
|
2010
2146
|
];
|
|
2011
|
-
function
|
|
2147
|
+
function R(e) {
|
|
2012
2148
|
D && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
|
|
2013
2149
|
}
|
|
2014
|
-
let
|
|
2150
|
+
let V = x || w || b, H = C || (y ? void 0 : { background: "var(--accent-blue)" }), U = g || (h === "warning" ? f : S), ee = v || (y || b || V ? /* @__PURE__ */ z(Y, {
|
|
2015
2151
|
imageUrl: y,
|
|
2016
2152
|
initials: b,
|
|
2017
|
-
name:
|
|
2153
|
+
name: V,
|
|
2018
2154
|
size: "sm",
|
|
2019
2155
|
className: "table-board-avatar",
|
|
2020
|
-
style:
|
|
2156
|
+
style: H
|
|
2021
2157
|
}) : null);
|
|
2022
2158
|
return o(() => {
|
|
2023
2159
|
let e = O.current;
|
|
@@ -2034,49 +2170,49 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2034
2170
|
return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
2035
2171
|
}, [
|
|
2036
2172
|
L.length,
|
|
2037
|
-
|
|
2038
|
-
|
|
2173
|
+
c,
|
|
2174
|
+
d,
|
|
2039
2175
|
p
|
|
2040
|
-
]), /* @__PURE__ */
|
|
2176
|
+
]), /* @__PURE__ */ B("div", {
|
|
2041
2177
|
className: $("table-board-row", D && "clickable", E),
|
|
2042
2178
|
onClick: T,
|
|
2043
|
-
onKeyDown:
|
|
2179
|
+
onKeyDown: R,
|
|
2044
2180
|
role: D ? "button" : void 0,
|
|
2045
2181
|
tabIndex: D ? 0 : void 0,
|
|
2046
2182
|
children: [
|
|
2047
|
-
/* @__PURE__ */
|
|
2183
|
+
/* @__PURE__ */ z("span", {
|
|
2048
2184
|
className: "table-board-priority",
|
|
2049
2185
|
children: e
|
|
2050
2186
|
}),
|
|
2051
|
-
t && /* @__PURE__ */
|
|
2187
|
+
t && /* @__PURE__ */ z("span", {
|
|
2052
2188
|
className: "table-board-id",
|
|
2053
2189
|
children: t
|
|
2054
2190
|
}),
|
|
2055
|
-
/* @__PURE__ */
|
|
2191
|
+
/* @__PURE__ */ z("span", {
|
|
2056
2192
|
className: "table-board-status",
|
|
2057
|
-
children: /* @__PURE__ */
|
|
2193
|
+
children: /* @__PURE__ */ z("span", {
|
|
2058
2194
|
className: "table-board-status-dot",
|
|
2059
2195
|
style: { background: n }
|
|
2060
2196
|
})
|
|
2061
2197
|
}),
|
|
2062
|
-
/* @__PURE__ */
|
|
2198
|
+
/* @__PURE__ */ B("span", {
|
|
2063
2199
|
className: $("table-board-title-block", s && "inline-subtitle"),
|
|
2064
|
-
children: [/* @__PURE__ */
|
|
2200
|
+
children: [/* @__PURE__ */ z("span", {
|
|
2065
2201
|
className: "table-board-title",
|
|
2066
2202
|
children: i
|
|
2067
|
-
}), a != null && a !== "" && /* @__PURE__ */
|
|
2203
|
+
}), a != null && a !== "" && /* @__PURE__ */ z("span", {
|
|
2068
2204
|
className: $("table-board-subtitle", s && "inline"),
|
|
2069
2205
|
children: a
|
|
2070
2206
|
})]
|
|
2071
2207
|
}),
|
|
2072
|
-
/* @__PURE__ */
|
|
2073
|
-
L.length > 0 && /* @__PURE__ */
|
|
2208
|
+
/* @__PURE__ */ z("span", { className: "table-board-spacer" }),
|
|
2209
|
+
L.length > 0 && /* @__PURE__ */ z("span", {
|
|
2074
2210
|
ref: O,
|
|
2075
2211
|
className: $("table-board-pills", k && "has-overflow"),
|
|
2076
|
-
children: L.map((e, t) => /* @__PURE__ */
|
|
2212
|
+
children: L.map((e, t) => /* @__PURE__ */ B("span", {
|
|
2077
2213
|
className: "table-board-pill",
|
|
2078
2214
|
children: [
|
|
2079
|
-
e.showDot !== !1 && /* @__PURE__ */
|
|
2215
|
+
e.showDot !== !1 && /* @__PURE__ */ z("span", {
|
|
2080
2216
|
className: "table-board-pill-dot",
|
|
2081
2217
|
style: { background: e.color || "var(--text-quaternary)" }
|
|
2082
2218
|
}),
|
|
@@ -2085,18 +2221,18 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2085
2221
|
]
|
|
2086
2222
|
}, `${e.label}-${t}`))
|
|
2087
2223
|
}),
|
|
2088
|
-
m != null && (r(m) ? m : /* @__PURE__ */
|
|
2224
|
+
m != null && (r(m) ? m : /* @__PURE__ */ z(X, {
|
|
2089
2225
|
className: "table-board-metric",
|
|
2090
2226
|
showDot: !1,
|
|
2091
|
-
children: /* @__PURE__ */
|
|
2227
|
+
children: /* @__PURE__ */ z(_t, {
|
|
2092
2228
|
tone: h,
|
|
2093
|
-
icon:
|
|
2229
|
+
icon: U,
|
|
2094
2230
|
showIcon: _,
|
|
2095
2231
|
children: m
|
|
2096
2232
|
})
|
|
2097
2233
|
})),
|
|
2098
|
-
|
|
2099
|
-
w && /* @__PURE__ */
|
|
2234
|
+
ee,
|
|
2235
|
+
w && /* @__PURE__ */ z("span", {
|
|
2100
2236
|
className: "table-board-meta",
|
|
2101
2237
|
children: w
|
|
2102
2238
|
})
|
|
@@ -2105,40 +2241,40 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2105
2241
|
}
|
|
2106
2242
|
//#endregion
|
|
2107
2243
|
//#region src/components/data/KPICard.jsx
|
|
2108
|
-
function
|
|
2244
|
+
function Vt({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral", icon: a, className: o = "" }) {
|
|
2109
2245
|
let s = {
|
|
2110
2246
|
up: "var(--accent-green)",
|
|
2111
2247
|
down: "var(--accent-red)",
|
|
2112
2248
|
neutral: "var(--text-tertiary)"
|
|
2113
|
-
}, c = i === "up" ?
|
|
2114
|
-
return /* @__PURE__ */
|
|
2249
|
+
}, c = i === "up" ? I : i === "down" ? F : j;
|
|
2250
|
+
return /* @__PURE__ */ B("div", {
|
|
2115
2251
|
className: `kpi-card ${o}`,
|
|
2116
2252
|
children: [
|
|
2117
|
-
/* @__PURE__ */
|
|
2253
|
+
/* @__PURE__ */ B("div", {
|
|
2118
2254
|
className: "kpi-header",
|
|
2119
|
-
children: [/* @__PURE__ */
|
|
2255
|
+
children: [/* @__PURE__ */ z("span", {
|
|
2120
2256
|
className: "kpi-title",
|
|
2121
2257
|
children: e
|
|
2122
|
-
}), a && /* @__PURE__ */
|
|
2258
|
+
}), a && /* @__PURE__ */ z("span", {
|
|
2123
2259
|
className: "kpi-icon",
|
|
2124
2260
|
children: a
|
|
2125
2261
|
})]
|
|
2126
2262
|
}),
|
|
2127
|
-
/* @__PURE__ */
|
|
2263
|
+
/* @__PURE__ */ z("div", {
|
|
2128
2264
|
className: "kpi-value",
|
|
2129
2265
|
children: t
|
|
2130
2266
|
}),
|
|
2131
|
-
(n !== void 0 || r) && /* @__PURE__ */
|
|
2267
|
+
(n !== void 0 || r) && /* @__PURE__ */ B("div", {
|
|
2132
2268
|
className: "kpi-footer",
|
|
2133
|
-
children: [/* @__PURE__ */
|
|
2269
|
+
children: [/* @__PURE__ */ B("span", {
|
|
2134
2270
|
className: "kpi-trend",
|
|
2135
2271
|
style: { color: s[i] },
|
|
2136
|
-
children: [/* @__PURE__ */
|
|
2272
|
+
children: [/* @__PURE__ */ z(c, { size: 12 }), n !== void 0 && /* @__PURE__ */ B("span", { children: [
|
|
2137
2273
|
n > 0 ? "+" : "",
|
|
2138
2274
|
n,
|
|
2139
2275
|
"%"
|
|
2140
2276
|
] })]
|
|
2141
|
-
}), r && /* @__PURE__ */
|
|
2277
|
+
}), r && /* @__PURE__ */ z("span", {
|
|
2142
2278
|
className: "kpi-change-label",
|
|
2143
2279
|
children: r
|
|
2144
2280
|
})]
|
|
@@ -2146,24 +2282,24 @@ function Rt({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral
|
|
|
2146
2282
|
]
|
|
2147
2283
|
});
|
|
2148
2284
|
}
|
|
2149
|
-
function
|
|
2150
|
-
return /* @__PURE__ */
|
|
2285
|
+
function Ht({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
|
|
2286
|
+
return /* @__PURE__ */ B("div", {
|
|
2151
2287
|
className: `stat-card ${i}`,
|
|
2152
|
-
children: [r && /* @__PURE__ */
|
|
2288
|
+
children: [r && /* @__PURE__ */ z("div", {
|
|
2153
2289
|
className: "stat-card-accent",
|
|
2154
2290
|
style: { background: r }
|
|
2155
|
-
}), /* @__PURE__ */
|
|
2291
|
+
}), /* @__PURE__ */ B("div", {
|
|
2156
2292
|
className: "stat-card-content",
|
|
2157
2293
|
children: [
|
|
2158
|
-
/* @__PURE__ */
|
|
2294
|
+
/* @__PURE__ */ z("span", {
|
|
2159
2295
|
className: "stat-card-label",
|
|
2160
2296
|
children: e
|
|
2161
2297
|
}),
|
|
2162
|
-
/* @__PURE__ */
|
|
2298
|
+
/* @__PURE__ */ z("span", {
|
|
2163
2299
|
className: "stat-card-value",
|
|
2164
2300
|
children: t
|
|
2165
2301
|
}),
|
|
2166
|
-
n && /* @__PURE__ */
|
|
2302
|
+
n && /* @__PURE__ */ z("span", {
|
|
2167
2303
|
className: "stat-card-subtitle",
|
|
2168
2304
|
children: n
|
|
2169
2305
|
})
|
|
@@ -2173,56 +2309,56 @@ function zt({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
|
|
|
2173
2309
|
}
|
|
2174
2310
|
//#endregion
|
|
2175
2311
|
//#region src/components/data/NotificationsPanel.jsx
|
|
2176
|
-
function
|
|
2312
|
+
function Ut({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className: r = "" }) {
|
|
2177
2313
|
let i = e.filter((e) => !e.read);
|
|
2178
|
-
return /* @__PURE__ */
|
|
2314
|
+
return /* @__PURE__ */ B("div", {
|
|
2179
2315
|
className: `notifications-panel ${r}`,
|
|
2180
|
-
children: [/* @__PURE__ */
|
|
2316
|
+
children: [/* @__PURE__ */ B("div", {
|
|
2181
2317
|
className: "notifications-header",
|
|
2182
|
-
children: [/* @__PURE__ */
|
|
2318
|
+
children: [/* @__PURE__ */ B("div", {
|
|
2183
2319
|
className: "notifications-title",
|
|
2184
2320
|
children: [
|
|
2185
|
-
/* @__PURE__ */
|
|
2186
|
-
/* @__PURE__ */
|
|
2187
|
-
i.length > 0 && /* @__PURE__ */
|
|
2321
|
+
/* @__PURE__ */ z(p, { size: 16 }),
|
|
2322
|
+
/* @__PURE__ */ z("span", { children: "Notifications" }),
|
|
2323
|
+
i.length > 0 && /* @__PURE__ */ z("span", {
|
|
2188
2324
|
className: "badge badge-purple",
|
|
2189
2325
|
style: { marginLeft: "var(--space-1)" },
|
|
2190
2326
|
children: i.length
|
|
2191
2327
|
})
|
|
2192
2328
|
]
|
|
2193
|
-
}), i.length > 0 && /* @__PURE__ */
|
|
2329
|
+
}), i.length > 0 && /* @__PURE__ */ B("button", {
|
|
2194
2330
|
className: "btn btn-ghost btn-sm",
|
|
2195
2331
|
onClick: n,
|
|
2196
|
-
children: [/* @__PURE__ */
|
|
2332
|
+
children: [/* @__PURE__ */ z(g, { size: 14 }), " Mark all read"]
|
|
2197
2333
|
})]
|
|
2198
|
-
}), /* @__PURE__ */
|
|
2334
|
+
}), /* @__PURE__ */ B("div", {
|
|
2199
2335
|
className: "notifications-list",
|
|
2200
|
-
children: [e.length === 0 && /* @__PURE__ */
|
|
2336
|
+
children: [e.length === 0 && /* @__PURE__ */ z("div", {
|
|
2201
2337
|
className: "notifications-empty",
|
|
2202
2338
|
children: "No notifications"
|
|
2203
|
-
}), e.map((e) => /* @__PURE__ */
|
|
2339
|
+
}), e.map((e) => /* @__PURE__ */ B("div", {
|
|
2204
2340
|
className: `notification-item ${e.read ? "" : "unread"}`,
|
|
2205
2341
|
onClick: () => !e.read && t?.(e.id),
|
|
2206
2342
|
children: [
|
|
2207
|
-
/* @__PURE__ */
|
|
2343
|
+
/* @__PURE__ */ z(Y, {
|
|
2208
2344
|
name: e.user,
|
|
2209
2345
|
size: "sm"
|
|
2210
2346
|
}),
|
|
2211
|
-
/* @__PURE__ */
|
|
2347
|
+
/* @__PURE__ */ B("div", {
|
|
2212
2348
|
className: "notification-content",
|
|
2213
|
-
children: [/* @__PURE__ */
|
|
2349
|
+
children: [/* @__PURE__ */ B("div", {
|
|
2214
2350
|
className: "notification-text",
|
|
2215
2351
|
children: [
|
|
2216
|
-
/* @__PURE__ */
|
|
2352
|
+
/* @__PURE__ */ z("strong", { children: e.user }),
|
|
2217
2353
|
" ",
|
|
2218
2354
|
e.text
|
|
2219
2355
|
]
|
|
2220
|
-
}), /* @__PURE__ */
|
|
2356
|
+
}), /* @__PURE__ */ z("span", {
|
|
2221
2357
|
className: "notification-time",
|
|
2222
2358
|
children: e.time
|
|
2223
2359
|
})]
|
|
2224
2360
|
}),
|
|
2225
|
-
!e.read && /* @__PURE__ */
|
|
2361
|
+
!e.read && /* @__PURE__ */ z("div", { className: "notification-dot" })
|
|
2226
2362
|
]
|
|
2227
2363
|
}, e.id))]
|
|
2228
2364
|
})]
|
|
@@ -2230,46 +2366,46 @@ function Bt({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className:
|
|
|
2230
2366
|
}
|
|
2231
2367
|
//#endregion
|
|
2232
2368
|
//#region src/components/Icons.jsx
|
|
2233
|
-
function
|
|
2234
|
-
return /* @__PURE__ */
|
|
2369
|
+
function Wt() {
|
|
2370
|
+
return /* @__PURE__ */ z("svg", {
|
|
2235
2371
|
width: "16",
|
|
2236
2372
|
height: "16",
|
|
2237
2373
|
viewBox: "0 0 16 16",
|
|
2238
2374
|
fill: "currentColor",
|
|
2239
|
-
children: /* @__PURE__ */
|
|
2375
|
+
children: /* @__PURE__ */ z("path", { d: "M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5l-2.5-2.5a.5.5 0 0 0-.354-.146H8.5a.5.5 0 0 0-.5.5v2.793L6.854 9.001a.5.5 0 0 0-.708 0L2 13.147V3Zm12 8.207V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-.44l4.5-4.5L8.146 9.707a.5.5 0 0 0 .708 0L11.5 7.06l2.5 2.5V11.207Z" })
|
|
2240
2376
|
});
|
|
2241
2377
|
}
|
|
2242
|
-
function
|
|
2243
|
-
return /* @__PURE__ */
|
|
2378
|
+
function Gt() {
|
|
2379
|
+
return /* @__PURE__ */ B("svg", {
|
|
2244
2380
|
width: "16",
|
|
2245
2381
|
height: "16",
|
|
2246
2382
|
viewBox: "0 0 16 16",
|
|
2247
2383
|
fill: "currentColor",
|
|
2248
|
-
children: [/* @__PURE__ */
|
|
2384
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2249
2385
|
cx: "8",
|
|
2250
2386
|
cy: "8",
|
|
2251
2387
|
r: "6",
|
|
2252
2388
|
fill: "none",
|
|
2253
2389
|
stroke: "currentColor",
|
|
2254
2390
|
strokeWidth: "1.5"
|
|
2255
|
-
}), /* @__PURE__ */
|
|
2391
|
+
}), /* @__PURE__ */ z("circle", {
|
|
2256
2392
|
cx: "8",
|
|
2257
2393
|
cy: "8",
|
|
2258
2394
|
r: "2"
|
|
2259
2395
|
})]
|
|
2260
2396
|
});
|
|
2261
2397
|
}
|
|
2262
|
-
function
|
|
2263
|
-
return /* @__PURE__ */
|
|
2398
|
+
function Kt() {
|
|
2399
|
+
return /* @__PURE__ */ z("svg", {
|
|
2264
2400
|
width: "16",
|
|
2265
2401
|
height: "16",
|
|
2266
2402
|
viewBox: "0 0 16 16",
|
|
2267
2403
|
fill: "currentColor",
|
|
2268
|
-
children: /* @__PURE__ */
|
|
2404
|
+
children: /* @__PURE__ */ z("path", { d: "M8 1l2.2 4.4L15 6.3l-3.5 3.4.8 4.9L8 12.4 3.7 14.6l.8-4.9L1 6.3l4.8-.9L8 1Z" })
|
|
2269
2405
|
});
|
|
2270
2406
|
}
|
|
2271
|
-
function
|
|
2272
|
-
return /* @__PURE__ */
|
|
2407
|
+
function qt() {
|
|
2408
|
+
return /* @__PURE__ */ z("svg", {
|
|
2273
2409
|
width: "16",
|
|
2274
2410
|
height: "16",
|
|
2275
2411
|
viewBox: "0 0 16 16",
|
|
@@ -2278,45 +2414,45 @@ function Wt() {
|
|
|
2278
2414
|
strokeWidth: "1.5",
|
|
2279
2415
|
strokeLinecap: "round",
|
|
2280
2416
|
strokeLinejoin: "round",
|
|
2281
|
-
children: /* @__PURE__ */
|
|
2417
|
+
children: /* @__PURE__ */ z("path", { d: "M1 8h3l2-5 2 10 2-5h3" })
|
|
2282
2418
|
});
|
|
2283
2419
|
}
|
|
2284
|
-
function
|
|
2285
|
-
return /* @__PURE__ */
|
|
2420
|
+
function Jt() {
|
|
2421
|
+
return /* @__PURE__ */ z("svg", {
|
|
2286
2422
|
width: "16",
|
|
2287
2423
|
height: "16",
|
|
2288
2424
|
viewBox: "0 0 16 16",
|
|
2289
2425
|
fill: "currentColor",
|
|
2290
|
-
children: /* @__PURE__ */
|
|
2426
|
+
children: /* @__PURE__ */ z("path", { d: "M3 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 3v2h8V5H4Zm0 4v2h5V9H4Z" })
|
|
2291
2427
|
});
|
|
2292
2428
|
}
|
|
2293
|
-
function
|
|
2294
|
-
return /* @__PURE__ */
|
|
2429
|
+
function Yt() {
|
|
2430
|
+
return /* @__PURE__ */ z("svg", {
|
|
2295
2431
|
width: "16",
|
|
2296
2432
|
height: "16",
|
|
2297
2433
|
viewBox: "0 0 16 16",
|
|
2298
2434
|
fill: "currentColor",
|
|
2299
|
-
children: /* @__PURE__ */
|
|
2435
|
+
children: /* @__PURE__ */ z("path", { d: "M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.62A1.5 1.5 0 0 0 9.622 3.5H12.5A1.5 1.5 0 0 1 14 5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9Z" })
|
|
2300
2436
|
});
|
|
2301
2437
|
}
|
|
2302
|
-
function
|
|
2303
|
-
return /* @__PURE__ */
|
|
2438
|
+
function Xt() {
|
|
2439
|
+
return /* @__PURE__ */ B("svg", {
|
|
2304
2440
|
width: "16",
|
|
2305
2441
|
height: "16",
|
|
2306
2442
|
viewBox: "0 0 16 16",
|
|
2307
2443
|
fill: "currentColor",
|
|
2308
2444
|
children: [
|
|
2309
|
-
/* @__PURE__ */
|
|
2445
|
+
/* @__PURE__ */ z("circle", {
|
|
2310
2446
|
cx: "4",
|
|
2311
2447
|
cy: "8",
|
|
2312
2448
|
r: "1.5"
|
|
2313
2449
|
}),
|
|
2314
|
-
/* @__PURE__ */
|
|
2450
|
+
/* @__PURE__ */ z("circle", {
|
|
2315
2451
|
cx: "8",
|
|
2316
2452
|
cy: "8",
|
|
2317
2453
|
r: "1.5"
|
|
2318
2454
|
}),
|
|
2319
|
-
/* @__PURE__ */
|
|
2455
|
+
/* @__PURE__ */ z("circle", {
|
|
2320
2456
|
cx: "12",
|
|
2321
2457
|
cy: "8",
|
|
2322
2458
|
r: "1.5"
|
|
@@ -2324,26 +2460,26 @@ function qt() {
|
|
|
2324
2460
|
]
|
|
2325
2461
|
});
|
|
2326
2462
|
}
|
|
2327
|
-
function
|
|
2328
|
-
return /* @__PURE__ */
|
|
2463
|
+
function Zt() {
|
|
2464
|
+
return /* @__PURE__ */ B("svg", {
|
|
2329
2465
|
width: "16",
|
|
2330
2466
|
height: "16",
|
|
2331
2467
|
viewBox: "0 0 16 16",
|
|
2332
2468
|
fill: "none",
|
|
2333
2469
|
stroke: "currentColor",
|
|
2334
2470
|
strokeWidth: "1.5",
|
|
2335
|
-
children: [/* @__PURE__ */
|
|
2471
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2336
2472
|
cx: "7",
|
|
2337
2473
|
cy: "7",
|
|
2338
2474
|
r: "4.5"
|
|
2339
|
-
}), /* @__PURE__ */
|
|
2475
|
+
}), /* @__PURE__ */ z("path", {
|
|
2340
2476
|
d: "M10.5 10.5L14 14",
|
|
2341
2477
|
strokeLinecap: "round"
|
|
2342
2478
|
})]
|
|
2343
2479
|
});
|
|
2344
2480
|
}
|
|
2345
|
-
function
|
|
2346
|
-
return /* @__PURE__ */
|
|
2481
|
+
function Qt() {
|
|
2482
|
+
return /* @__PURE__ */ z("svg", {
|
|
2347
2483
|
width: "16",
|
|
2348
2484
|
height: "16",
|
|
2349
2485
|
viewBox: "0 0 16 16",
|
|
@@ -2352,11 +2488,11 @@ function Yt() {
|
|
|
2352
2488
|
strokeWidth: "1.5",
|
|
2353
2489
|
strokeLinecap: "round",
|
|
2354
2490
|
strokeLinejoin: "round",
|
|
2355
|
-
children: /* @__PURE__ */
|
|
2491
|
+
children: /* @__PURE__ */ z("path", { d: "M11 2l3 3-8 8H3v-3l8-8Z" })
|
|
2356
2492
|
});
|
|
2357
2493
|
}
|
|
2358
|
-
function
|
|
2359
|
-
return /* @__PURE__ */
|
|
2494
|
+
function $t() {
|
|
2495
|
+
return /* @__PURE__ */ z("svg", {
|
|
2360
2496
|
width: "14",
|
|
2361
2497
|
height: "14",
|
|
2362
2498
|
viewBox: "0 0 14 14",
|
|
@@ -2365,11 +2501,11 @@ function Xt() {
|
|
|
2365
2501
|
strokeWidth: "1.5",
|
|
2366
2502
|
strokeLinecap: "round",
|
|
2367
2503
|
strokeLinejoin: "round",
|
|
2368
|
-
children: /* @__PURE__ */
|
|
2504
|
+
children: /* @__PURE__ */ z("path", { d: "M3.5 5.5L7 9l3.5-3.5" })
|
|
2369
2505
|
});
|
|
2370
2506
|
}
|
|
2371
|
-
function
|
|
2372
|
-
return /* @__PURE__ */
|
|
2507
|
+
function en() {
|
|
2508
|
+
return /* @__PURE__ */ z("svg", {
|
|
2373
2509
|
width: "14",
|
|
2374
2510
|
height: "14",
|
|
2375
2511
|
viewBox: "0 0 14 14",
|
|
@@ -2378,24 +2514,24 @@ function Zt() {
|
|
|
2378
2514
|
strokeWidth: "1.5",
|
|
2379
2515
|
strokeLinecap: "round",
|
|
2380
2516
|
strokeLinejoin: "round",
|
|
2381
|
-
children: /* @__PURE__ */
|
|
2517
|
+
children: /* @__PURE__ */ z("path", { d: "M3.5 9L7 5.5 10.5 9" })
|
|
2382
2518
|
});
|
|
2383
2519
|
}
|
|
2384
|
-
function
|
|
2385
|
-
return /* @__PURE__ */
|
|
2520
|
+
function tn() {
|
|
2521
|
+
return /* @__PURE__ */ z("svg", {
|
|
2386
2522
|
width: "14",
|
|
2387
2523
|
height: "14",
|
|
2388
2524
|
viewBox: "0 0 14 14",
|
|
2389
2525
|
fill: "#c9a84e",
|
|
2390
|
-
children: /* @__PURE__ */
|
|
2526
|
+
children: /* @__PURE__ */ z("path", { d: "M7 1l1.76 3.52L13 5.26l-3 2.94.7 4.13L7 10.4 3.3 12.33l.7-4.13-3-2.94 4.24-.74L7 1Z" })
|
|
2391
2527
|
});
|
|
2392
2528
|
}
|
|
2393
|
-
function
|
|
2394
|
-
return /* @__PURE__ */
|
|
2529
|
+
function nn() {
|
|
2530
|
+
return /* @__PURE__ */ B("svg", {
|
|
2395
2531
|
width: "14",
|
|
2396
2532
|
height: "14",
|
|
2397
2533
|
viewBox: "0 0 14 14",
|
|
2398
|
-
children: [/* @__PURE__ */
|
|
2534
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2399
2535
|
cx: "7",
|
|
2400
2536
|
cy: "7",
|
|
2401
2537
|
r: "5.5",
|
|
@@ -2403,7 +2539,7 @@ function $t() {
|
|
|
2403
2539
|
stroke: "#c9a84e",
|
|
2404
2540
|
strokeWidth: "1.5",
|
|
2405
2541
|
strokeDasharray: "8.6 2.9"
|
|
2406
|
-
}), /* @__PURE__ */
|
|
2542
|
+
}), /* @__PURE__ */ z("circle", {
|
|
2407
2543
|
cx: "7",
|
|
2408
2544
|
cy: "7",
|
|
2409
2545
|
r: "2",
|
|
@@ -2411,17 +2547,17 @@ function $t() {
|
|
|
2411
2547
|
})]
|
|
2412
2548
|
});
|
|
2413
2549
|
}
|
|
2414
|
-
function
|
|
2415
|
-
return /* @__PURE__ */
|
|
2550
|
+
function rn() {
|
|
2551
|
+
return /* @__PURE__ */ B("svg", {
|
|
2416
2552
|
width: "14",
|
|
2417
2553
|
height: "14",
|
|
2418
2554
|
viewBox: "0 0 14 14",
|
|
2419
|
-
children: [/* @__PURE__ */
|
|
2555
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2420
2556
|
cx: "7",
|
|
2421
2557
|
cy: "7",
|
|
2422
2558
|
r: "6",
|
|
2423
2559
|
fill: "#5bb98e"
|
|
2424
|
-
}), /* @__PURE__ */
|
|
2560
|
+
}), /* @__PURE__ */ z("path", {
|
|
2425
2561
|
d: "M4.5 7l2 2 3-3.5",
|
|
2426
2562
|
stroke: "#08090a",
|
|
2427
2563
|
strokeWidth: "1.5",
|
|
@@ -2431,12 +2567,12 @@ function en() {
|
|
|
2431
2567
|
})]
|
|
2432
2568
|
});
|
|
2433
2569
|
}
|
|
2434
|
-
function
|
|
2435
|
-
return /* @__PURE__ */
|
|
2570
|
+
function an() {
|
|
2571
|
+
return /* @__PURE__ */ z("svg", {
|
|
2436
2572
|
width: "14",
|
|
2437
2573
|
height: "14",
|
|
2438
2574
|
viewBox: "0 0 14 14",
|
|
2439
|
-
children: /* @__PURE__ */
|
|
2575
|
+
children: /* @__PURE__ */ z("circle", {
|
|
2440
2576
|
cx: "7",
|
|
2441
2577
|
cy: "7",
|
|
2442
2578
|
r: "5.5",
|
|
@@ -2446,12 +2582,12 @@ function tn() {
|
|
|
2446
2582
|
})
|
|
2447
2583
|
});
|
|
2448
2584
|
}
|
|
2449
|
-
function
|
|
2450
|
-
return /* @__PURE__ */
|
|
2585
|
+
function on() {
|
|
2586
|
+
return /* @__PURE__ */ z("svg", {
|
|
2451
2587
|
width: "14",
|
|
2452
2588
|
height: "14",
|
|
2453
2589
|
viewBox: "0 0 14 14",
|
|
2454
|
-
children: /* @__PURE__ */
|
|
2590
|
+
children: /* @__PURE__ */ z("circle", {
|
|
2455
2591
|
cx: "7",
|
|
2456
2592
|
cy: "7",
|
|
2457
2593
|
r: "5.5",
|
|
@@ -2462,19 +2598,19 @@ function nn() {
|
|
|
2462
2598
|
})
|
|
2463
2599
|
});
|
|
2464
2600
|
}
|
|
2465
|
-
function
|
|
2466
|
-
return /* @__PURE__ */
|
|
2601
|
+
function sn() {
|
|
2602
|
+
return /* @__PURE__ */ B("svg", {
|
|
2467
2603
|
width: "14",
|
|
2468
2604
|
height: "14",
|
|
2469
2605
|
viewBox: "0 0 14 14",
|
|
2470
|
-
children: [/* @__PURE__ */
|
|
2606
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2471
2607
|
cx: "7",
|
|
2472
2608
|
cy: "7",
|
|
2473
2609
|
r: "5.5",
|
|
2474
2610
|
fill: "none",
|
|
2475
2611
|
stroke: "#6b6d71",
|
|
2476
2612
|
strokeWidth: "1.5"
|
|
2477
|
-
}), /* @__PURE__ */
|
|
2613
|
+
}), /* @__PURE__ */ z("path", {
|
|
2478
2614
|
d: "M4.5 7h5",
|
|
2479
2615
|
stroke: "#6b6d71",
|
|
2480
2616
|
strokeWidth: "1.5",
|
|
@@ -2482,37 +2618,37 @@ function rn() {
|
|
|
2482
2618
|
})]
|
|
2483
2619
|
});
|
|
2484
2620
|
}
|
|
2485
|
-
function
|
|
2486
|
-
return /* @__PURE__ */
|
|
2621
|
+
function cn() {
|
|
2622
|
+
return /* @__PURE__ */ z("svg", {
|
|
2487
2623
|
width: "14",
|
|
2488
2624
|
height: "14",
|
|
2489
2625
|
viewBox: "0 0 14 14",
|
|
2490
2626
|
fill: "#c75a5a",
|
|
2491
|
-
children: /* @__PURE__ */
|
|
2627
|
+
children: /* @__PURE__ */ z("path", { d: "M7 1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Zm0 10a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 7 11Z" })
|
|
2492
2628
|
});
|
|
2493
2629
|
}
|
|
2494
|
-
function
|
|
2495
|
-
return /* @__PURE__ */
|
|
2630
|
+
function ln() {
|
|
2631
|
+
return /* @__PURE__ */ B("svg", {
|
|
2496
2632
|
width: "14",
|
|
2497
2633
|
height: "14",
|
|
2498
2634
|
viewBox: "0 0 14 14",
|
|
2499
2635
|
fill: "#c4a06a",
|
|
2500
2636
|
children: [
|
|
2501
|
-
/* @__PURE__ */
|
|
2637
|
+
/* @__PURE__ */ z("rect", {
|
|
2502
2638
|
x: "2",
|
|
2503
2639
|
y: "8",
|
|
2504
2640
|
width: "2.5",
|
|
2505
2641
|
height: "4",
|
|
2506
2642
|
rx: "0.5"
|
|
2507
2643
|
}),
|
|
2508
|
-
/* @__PURE__ */
|
|
2644
|
+
/* @__PURE__ */ z("rect", {
|
|
2509
2645
|
x: "5.75",
|
|
2510
2646
|
y: "5",
|
|
2511
2647
|
width: "2.5",
|
|
2512
2648
|
height: "7",
|
|
2513
2649
|
rx: "0.5"
|
|
2514
2650
|
}),
|
|
2515
|
-
/* @__PURE__ */
|
|
2651
|
+
/* @__PURE__ */ z("rect", {
|
|
2516
2652
|
x: "9.5",
|
|
2517
2653
|
y: "2",
|
|
2518
2654
|
width: "2.5",
|
|
@@ -2522,13 +2658,13 @@ function on() {
|
|
|
2522
2658
|
]
|
|
2523
2659
|
});
|
|
2524
2660
|
}
|
|
2525
|
-
function
|
|
2526
|
-
return /* @__PURE__ */
|
|
2661
|
+
function un() {
|
|
2662
|
+
return /* @__PURE__ */ B("svg", {
|
|
2527
2663
|
width: "14",
|
|
2528
2664
|
height: "14",
|
|
2529
2665
|
viewBox: "0 0 14 14",
|
|
2530
2666
|
children: [
|
|
2531
|
-
/* @__PURE__ */
|
|
2667
|
+
/* @__PURE__ */ z("rect", {
|
|
2532
2668
|
x: "2",
|
|
2533
2669
|
y: "8",
|
|
2534
2670
|
width: "2.5",
|
|
@@ -2536,7 +2672,7 @@ function sn() {
|
|
|
2536
2672
|
rx: "0.5",
|
|
2537
2673
|
fill: "#c9a84e"
|
|
2538
2674
|
}),
|
|
2539
|
-
/* @__PURE__ */
|
|
2675
|
+
/* @__PURE__ */ z("rect", {
|
|
2540
2676
|
x: "5.75",
|
|
2541
2677
|
y: "5",
|
|
2542
2678
|
width: "2.5",
|
|
@@ -2544,7 +2680,7 @@ function sn() {
|
|
|
2544
2680
|
rx: "0.5",
|
|
2545
2681
|
fill: "#c9a84e"
|
|
2546
2682
|
}),
|
|
2547
|
-
/* @__PURE__ */
|
|
2683
|
+
/* @__PURE__ */ z("rect", {
|
|
2548
2684
|
x: "9.5",
|
|
2549
2685
|
y: "2",
|
|
2550
2686
|
width: "2.5",
|
|
@@ -2555,13 +2691,13 @@ function sn() {
|
|
|
2555
2691
|
]
|
|
2556
2692
|
});
|
|
2557
2693
|
}
|
|
2558
|
-
function
|
|
2559
|
-
return /* @__PURE__ */
|
|
2694
|
+
function dn() {
|
|
2695
|
+
return /* @__PURE__ */ B("svg", {
|
|
2560
2696
|
width: "14",
|
|
2561
2697
|
height: "14",
|
|
2562
2698
|
viewBox: "0 0 14 14",
|
|
2563
2699
|
children: [
|
|
2564
|
-
/* @__PURE__ */
|
|
2700
|
+
/* @__PURE__ */ z("rect", {
|
|
2565
2701
|
x: "2",
|
|
2566
2702
|
y: "8",
|
|
2567
2703
|
width: "2.5",
|
|
@@ -2569,7 +2705,7 @@ function cn() {
|
|
|
2569
2705
|
rx: "0.5",
|
|
2570
2706
|
fill: "#5bb98e"
|
|
2571
2707
|
}),
|
|
2572
|
-
/* @__PURE__ */
|
|
2708
|
+
/* @__PURE__ */ z("rect", {
|
|
2573
2709
|
x: "5.75",
|
|
2574
2710
|
y: "5",
|
|
2575
2711
|
width: "2.5",
|
|
@@ -2577,7 +2713,7 @@ function cn() {
|
|
|
2577
2713
|
rx: "0.5",
|
|
2578
2714
|
fill: "#4e5054"
|
|
2579
2715
|
}),
|
|
2580
|
-
/* @__PURE__ */
|
|
2716
|
+
/* @__PURE__ */ z("rect", {
|
|
2581
2717
|
x: "9.5",
|
|
2582
2718
|
y: "2",
|
|
2583
2719
|
width: "2.5",
|
|
@@ -2588,8 +2724,8 @@ function cn() {
|
|
|
2588
2724
|
]
|
|
2589
2725
|
});
|
|
2590
2726
|
}
|
|
2591
|
-
function
|
|
2592
|
-
return /* @__PURE__ */
|
|
2727
|
+
function fn() {
|
|
2728
|
+
return /* @__PURE__ */ z("svg", {
|
|
2593
2729
|
width: "14",
|
|
2594
2730
|
height: "14",
|
|
2595
2731
|
viewBox: "0 0 14 14",
|
|
@@ -2597,11 +2733,11 @@ function ln() {
|
|
|
2597
2733
|
stroke: "currentColor",
|
|
2598
2734
|
strokeWidth: "1.5",
|
|
2599
2735
|
strokeLinecap: "round",
|
|
2600
|
-
children: /* @__PURE__ */
|
|
2736
|
+
children: /* @__PURE__ */ z("path", { d: "M6 8l2-2m-2.5-.5L4 7a2.83 2.83 0 0 0 4 4l1.5-1.5m-1-5L10 3a2.83 2.83 0 0 1 4 4l-1.5 1.5" })
|
|
2601
2737
|
});
|
|
2602
2738
|
}
|
|
2603
|
-
function
|
|
2604
|
-
return /* @__PURE__ */
|
|
2739
|
+
function pn() {
|
|
2740
|
+
return /* @__PURE__ */ z("svg", {
|
|
2605
2741
|
width: "14",
|
|
2606
2742
|
height: "14",
|
|
2607
2743
|
viewBox: "0 0 14 14",
|
|
@@ -2610,11 +2746,11 @@ function un() {
|
|
|
2610
2746
|
strokeWidth: "1.5",
|
|
2611
2747
|
strokeLinecap: "round",
|
|
2612
2748
|
strokeLinejoin: "round",
|
|
2613
|
-
children: /* @__PURE__ */
|
|
2749
|
+
children: /* @__PURE__ */ z("path", { d: "M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8" })
|
|
2614
2750
|
});
|
|
2615
2751
|
}
|
|
2616
|
-
function
|
|
2617
|
-
return /* @__PURE__ */
|
|
2752
|
+
function mn() {
|
|
2753
|
+
return /* @__PURE__ */ B("svg", {
|
|
2618
2754
|
width: "14",
|
|
2619
2755
|
height: "14",
|
|
2620
2756
|
viewBox: "0 0 14 14",
|
|
@@ -2623,15 +2759,15 @@ function dn() {
|
|
|
2623
2759
|
strokeWidth: "1.5",
|
|
2624
2760
|
strokeLinecap: "round",
|
|
2625
2761
|
strokeLinejoin: "round",
|
|
2626
|
-
children: [/* @__PURE__ */
|
|
2762
|
+
children: [/* @__PURE__ */ z("path", { d: "M5.5 1.5h3l.5 1.5 1.5.5 1.5-.5 1.5 1.5-1 1.5.5 1.5h2v2h-2l-.5 1.5 1 1.5-1.5 1.5-1.5-.5-1.5.5-.5 1.5h-3l-.5-1.5L3.5 11.5 2 12 .5 10.5l1-1.5L1 7.5H-1v-2h2l.5-1.5-1-1.5L2 1l1.5.5L5 1l.5-.5Z" }), /* @__PURE__ */ z("circle", {
|
|
2627
2763
|
cx: "7",
|
|
2628
2764
|
cy: "7",
|
|
2629
2765
|
r: "2"
|
|
2630
2766
|
})]
|
|
2631
2767
|
});
|
|
2632
2768
|
}
|
|
2633
|
-
function
|
|
2634
|
-
return /* @__PURE__ */
|
|
2769
|
+
function hn() {
|
|
2770
|
+
return /* @__PURE__ */ z("svg", {
|
|
2635
2771
|
width: "14",
|
|
2636
2772
|
height: "14",
|
|
2637
2773
|
viewBox: "0 0 14 14",
|
|
@@ -2639,11 +2775,11 @@ function fn() {
|
|
|
2639
2775
|
stroke: "currentColor",
|
|
2640
2776
|
strokeWidth: "1.5",
|
|
2641
2777
|
strokeLinecap: "round",
|
|
2642
|
-
children: /* @__PURE__ */
|
|
2778
|
+
children: /* @__PURE__ */ z("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" })
|
|
2643
2779
|
});
|
|
2644
2780
|
}
|
|
2645
|
-
function
|
|
2646
|
-
return /* @__PURE__ */
|
|
2781
|
+
function gn() {
|
|
2782
|
+
return /* @__PURE__ */ z("svg", {
|
|
2647
2783
|
width: "14",
|
|
2648
2784
|
height: "14",
|
|
2649
2785
|
viewBox: "0 0 14 14",
|
|
@@ -2652,11 +2788,11 @@ function pn() {
|
|
|
2652
2788
|
strokeWidth: "2",
|
|
2653
2789
|
strokeLinecap: "round",
|
|
2654
2790
|
strokeLinejoin: "round",
|
|
2655
|
-
children: /* @__PURE__ */
|
|
2791
|
+
children: /* @__PURE__ */ z("path", { d: "M3 7.5l3 3 5-6" })
|
|
2656
2792
|
});
|
|
2657
2793
|
}
|
|
2658
|
-
function
|
|
2659
|
-
return /* @__PURE__ */
|
|
2794
|
+
function _n() {
|
|
2795
|
+
return /* @__PURE__ */ B("svg", {
|
|
2660
2796
|
width: "14",
|
|
2661
2797
|
height: "14",
|
|
2662
2798
|
viewBox: "0 0 14 14",
|
|
@@ -2665,17 +2801,17 @@ function mn() {
|
|
|
2665
2801
|
strokeWidth: "1.5",
|
|
2666
2802
|
strokeLinecap: "round",
|
|
2667
2803
|
strokeLinejoin: "round",
|
|
2668
|
-
children: [/* @__PURE__ */
|
|
2804
|
+
children: [/* @__PURE__ */ z("rect", {
|
|
2669
2805
|
x: "4.5",
|
|
2670
2806
|
y: "4.5",
|
|
2671
2807
|
width: "7",
|
|
2672
2808
|
height: "7",
|
|
2673
2809
|
rx: "1"
|
|
2674
|
-
}), /* @__PURE__ */
|
|
2810
|
+
}), /* @__PURE__ */ z("path", { d: "M9.5 4.5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h1.5" })]
|
|
2675
2811
|
});
|
|
2676
2812
|
}
|
|
2677
|
-
function
|
|
2678
|
-
return /* @__PURE__ */
|
|
2813
|
+
function vn() {
|
|
2814
|
+
return /* @__PURE__ */ z("svg", {
|
|
2679
2815
|
width: "14",
|
|
2680
2816
|
height: "14",
|
|
2681
2817
|
viewBox: "0 0 14 14",
|
|
@@ -2684,11 +2820,11 @@ function hn() {
|
|
|
2684
2820
|
strokeWidth: "1.5",
|
|
2685
2821
|
strokeLinecap: "round",
|
|
2686
2822
|
strokeLinejoin: "round",
|
|
2687
|
-
children: /* @__PURE__ */
|
|
2823
|
+
children: /* @__PURE__ */ z("path", { d: "M5.5 12a1.5 1.5 0 0 0 3 0M7 1a4 4 0 0 0-4 4c0 3-1.5 4.5-1.5 4.5h11S11 8 11 5a4 4 0 0 0-4-4Z" })
|
|
2688
2824
|
});
|
|
2689
2825
|
}
|
|
2690
|
-
function
|
|
2691
|
-
return /* @__PURE__ */
|
|
2826
|
+
function yn() {
|
|
2827
|
+
return /* @__PURE__ */ B("svg", {
|
|
2692
2828
|
width: "14",
|
|
2693
2829
|
height: "14",
|
|
2694
2830
|
viewBox: "0 0 14 14",
|
|
@@ -2697,17 +2833,17 @@ function gn() {
|
|
|
2697
2833
|
strokeWidth: "1.5",
|
|
2698
2834
|
strokeLinecap: "round",
|
|
2699
2835
|
strokeLinejoin: "round",
|
|
2700
|
-
children: [/* @__PURE__ */
|
|
2836
|
+
children: [/* @__PURE__ */ z("rect", {
|
|
2701
2837
|
x: "1.5",
|
|
2702
2838
|
y: "2.5",
|
|
2703
2839
|
width: "11",
|
|
2704
2840
|
height: "10",
|
|
2705
2841
|
rx: "1"
|
|
2706
|
-
}), /* @__PURE__ */
|
|
2842
|
+
}), /* @__PURE__ */ z("path", { d: "M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11" })]
|
|
2707
2843
|
});
|
|
2708
2844
|
}
|
|
2709
|
-
function
|
|
2710
|
-
return /* @__PURE__ */
|
|
2845
|
+
function bn() {
|
|
2846
|
+
return /* @__PURE__ */ z("svg", {
|
|
2711
2847
|
width: "14",
|
|
2712
2848
|
height: "14",
|
|
2713
2849
|
viewBox: "0 0 14 14",
|
|
@@ -2716,20 +2852,20 @@ function _n() {
|
|
|
2716
2852
|
strokeWidth: "1.5",
|
|
2717
2853
|
strokeLinecap: "round",
|
|
2718
2854
|
strokeLinejoin: "round",
|
|
2719
|
-
children: /* @__PURE__ */
|
|
2855
|
+
children: /* @__PURE__ */ z("path", { d: "M1.5 3h11M3.5 7h7M5.5 11h3" })
|
|
2720
2856
|
});
|
|
2721
2857
|
}
|
|
2722
|
-
function
|
|
2723
|
-
return /* @__PURE__ */
|
|
2858
|
+
function xn() {
|
|
2859
|
+
return /* @__PURE__ */ B("svg", {
|
|
2724
2860
|
width: "14",
|
|
2725
2861
|
height: "14",
|
|
2726
2862
|
viewBox: "0 0 14 14",
|
|
2727
2863
|
fill: "currentColor",
|
|
2728
|
-
children: [/* @__PURE__ */
|
|
2864
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2729
2865
|
cx: "7",
|
|
2730
2866
|
cy: "4.5",
|
|
2731
2867
|
r: "2.5"
|
|
2732
|
-
}), /* @__PURE__ */
|
|
2868
|
+
}), /* @__PURE__ */ z("path", {
|
|
2733
2869
|
d: "M2.5 12.5a4.5 4.5 0 0 1 9 0",
|
|
2734
2870
|
fill: "none",
|
|
2735
2871
|
stroke: "currentColor",
|
|
@@ -2737,8 +2873,8 @@ function vn() {
|
|
|
2737
2873
|
})]
|
|
2738
2874
|
});
|
|
2739
2875
|
}
|
|
2740
|
-
function
|
|
2741
|
-
return /* @__PURE__ */
|
|
2876
|
+
function Sn() {
|
|
2877
|
+
return /* @__PURE__ */ B("svg", {
|
|
2742
2878
|
width: "14",
|
|
2743
2879
|
height: "14",
|
|
2744
2880
|
viewBox: "0 0 14 14",
|
|
@@ -2747,7 +2883,7 @@ function yn() {
|
|
|
2747
2883
|
strokeWidth: "1.5",
|
|
2748
2884
|
strokeLinecap: "round",
|
|
2749
2885
|
strokeLinejoin: "round",
|
|
2750
|
-
children: [/* @__PURE__ */
|
|
2886
|
+
children: [/* @__PURE__ */ z("path", { d: "M1.5 8.5V2a.5.5 0 0 1 .5-.5h6.5L13 6l-5.5 5.5L1.5 8.5Z" }), /* @__PURE__ */ z("circle", {
|
|
2751
2887
|
cx: "5",
|
|
2752
2888
|
cy: "5",
|
|
2753
2889
|
r: "1",
|
|
@@ -2756,4 +2892,4 @@ function yn() {
|
|
|
2756
2892
|
});
|
|
2757
2893
|
}
|
|
2758
2894
|
//#endregion
|
|
2759
|
-
export { Re as Accordion, Le as AccordionItem,
|
|
2895
|
+
export { Re as Accordion, Le as AccordionItem, jt as ActivityFeed, Ne as AppLoader, Y as Avatar, X as Badge, vn as BellIcon, Ge as Button, yn as CalendarIcon, qe as Card, Ze as CardContent, Xe as CardDescription, Qe as CardFooter, Je as CardHeader, Ye as CardTitle, gn as CheckIcon, $t as ChevronDown, en as ChevronUp, hn as CloseIcon, Mt as CommandBar, _n as CopyIcon, wt as DEFAULT_ICON_BY_VALUE, Tt as DEFAULT_VIEW_MODE_OPTIONS, Nt as DataTable, et as Dialog, it as DialogBody, rt as DialogDescription, at as DialogFooter, tt as DialogHeader, nt as DialogTitle, st as DropdownMenu, lt as DropdownMenuCheckboxItem, ct as DropdownMenuItem, ut as DropdownMenuLabel, dt as DropdownMenuSeparator, Qt as EditIcon, Ae as FCCAppShell, je as FCCBrandLogo, xe as FCCBreadcrumbs, ae as FCCDesignProvider, Ie as FCCDetailsPanel, Ce as FCCHeaderStatus, Fe as FCCLoader, Te as FCCMainWindow, se as FCCSidePanel, ge as FCCSidePanelAction, le as FCCSidePanelBody, me as FCCSidePanelCard, _e as FCCSidePanelChatWrap, he as FCCSidePanelContact, ve as FCCSidePanelConversation, fe as FCCSidePanelGroupLabel, ce as FCCSidePanelHeader, pe as FCCSidePanelItem, ye as FCCSidePanelMessage, de as FCCSidePanelSearch, ue as FCCSidePanelTabs, ke as FCCSidebar, Me as FCCThemeToggle, we as FCCWorkspaceHeader, Pt as FilterBar, bn as FilterIcon, Wt as InboxIcon, Jt as InitiativesIcon, ot as Input, Gt as IssuesIcon, Vt as KPICard, Ft as KanbanBoard, Lt as KanbanCard, It as KanbanColumn, Sn as LabelIcon, fn as LinkIcon, Xt as MoreIcon, Ut as NotificationsPanel, ln as PriorityHigh, dn as PriorityLow, un as PriorityMedium, cn as PriorityUrgent, Yt as ProjectsIcon, qt as PulseIcon, Kt as ReviewsIcon, Zt as SearchIcon, ft as SearchableSelect, mn as SettingsIcon, pt as Sheet, mt as SheetFooter, Pe as Spinner, tn as StarIcon, Ht as StatCard, on as StatusBacklog, sn as StatusCancelled, rn as StatusDone, nn as StatusInProgress, _t as StatusMetric, an as StatusTodo, vt as Switch, Rt as TableBoard, zt as TableBoardGroup, Bt as TableBoardRow, yt as Tabs, St as TabsContent, bt as TabsList, xt as TabsTrigger, K as ThemeProvider, W as ToastProvider, Ct as Tooltip, pn as TrashIcon, xn as UserIcon, Ot as ViewModeToggle, At as WorkspaceTabs, q as useTheme, te as useToast };
|