@freedom-code-compliance/fcc-redesign 0.1.21 → 0.1.22
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 +779 -652
- 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,35 +1036,35 @@ 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,
|
|
@@ -1074,7 +1074,7 @@ var Ue = {
|
|
|
1074
1074
|
//#endregion
|
|
1075
1075
|
//#region src/components/ui/Dialog.jsx
|
|
1076
1076
|
function $e({ open: e, onClose: t, children: n, className: r = "" }) {
|
|
1077
|
-
let i =
|
|
1077
|
+
let i = l(null);
|
|
1078
1078
|
return o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1079
1079
|
document.body.style.overflow = "";
|
|
1080
1080
|
}), [e]), o(() => {
|
|
@@ -1082,122 +1082,217 @@ function $e({ open: e, onClose: t, children: n, className: r = "" }) {
|
|
|
1082
1082
|
e.key === "Escape" && t?.();
|
|
1083
1083
|
}
|
|
1084
1084
|
return e && document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
|
|
1085
|
-
}, [e, t]), e ? /* @__PURE__ */
|
|
1085
|
+
}, [e, t]), e ? /* @__PURE__ */ z("div", {
|
|
1086
1086
|
className: "dialog-overlay",
|
|
1087
1087
|
ref: i,
|
|
1088
1088
|
onClick: (e) => {
|
|
1089
1089
|
e.target === i.current && t?.();
|
|
1090
1090
|
},
|
|
1091
|
-
children: /* @__PURE__ */
|
|
1091
|
+
children: /* @__PURE__ */ z("div", {
|
|
1092
1092
|
className: `dialog ${r}`,
|
|
1093
1093
|
children: n
|
|
1094
1094
|
})
|
|
1095
1095
|
}) : null;
|
|
1096
1096
|
}
|
|
1097
1097
|
function et({ children: e, onClose: t, className: n = "" }) {
|
|
1098
|
-
return /* @__PURE__ */
|
|
1098
|
+
return /* @__PURE__ */ B("div", {
|
|
1099
1099
|
className: `dialog-header ${n}`,
|
|
1100
|
-
children: [/* @__PURE__ */
|
|
1100
|
+
children: [/* @__PURE__ */ z("div", {
|
|
1101
1101
|
style: { flex: 1 },
|
|
1102
1102
|
children: e
|
|
1103
|
-
}), t && /* @__PURE__ */
|
|
1103
|
+
}), t && /* @__PURE__ */ z("button", {
|
|
1104
1104
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
1105
1105
|
onClick: t,
|
|
1106
|
-
children: /* @__PURE__ */
|
|
1106
|
+
children: /* @__PURE__ */ z(L, { size: 16 })
|
|
1107
1107
|
})]
|
|
1108
1108
|
});
|
|
1109
1109
|
}
|
|
1110
1110
|
function tt({ children: e, className: t = "" }) {
|
|
1111
|
-
return /* @__PURE__ */
|
|
1111
|
+
return /* @__PURE__ */ z("h3", {
|
|
1112
1112
|
className: `dialog-title ${t}`,
|
|
1113
1113
|
children: e
|
|
1114
1114
|
});
|
|
1115
1115
|
}
|
|
1116
1116
|
function nt({ children: e, className: t = "" }) {
|
|
1117
|
-
return /* @__PURE__ */
|
|
1117
|
+
return /* @__PURE__ */ z("p", {
|
|
1118
1118
|
className: `dialog-description ${t}`,
|
|
1119
1119
|
children: e
|
|
1120
1120
|
});
|
|
1121
1121
|
}
|
|
1122
1122
|
function rt({ children: e, className: t = "" }) {
|
|
1123
|
-
return /* @__PURE__ */
|
|
1123
|
+
return /* @__PURE__ */ z("div", {
|
|
1124
1124
|
className: `dialog-body ${t}`,
|
|
1125
1125
|
children: e
|
|
1126
1126
|
});
|
|
1127
1127
|
}
|
|
1128
1128
|
function it({ children: e, className: t = "" }) {
|
|
1129
|
-
return /* @__PURE__ */
|
|
1129
|
+
return /* @__PURE__ */ z("div", {
|
|
1130
1130
|
className: `dialog-footer ${t}`,
|
|
1131
1131
|
children: e
|
|
1132
1132
|
});
|
|
1133
1133
|
}
|
|
1134
1134
|
//#endregion
|
|
1135
|
+
//#region src/components/ui/Input.jsx
|
|
1136
|
+
var at = 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) {
|
|
1137
|
+
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;
|
|
1138
|
+
function I(e) {
|
|
1139
|
+
C.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
|
|
1140
|
+
}
|
|
1141
|
+
function R(e) {
|
|
1142
|
+
M || P(e.target.value), b?.(e);
|
|
1143
|
+
}
|
|
1144
|
+
function V() {
|
|
1145
|
+
let e = C.current;
|
|
1146
|
+
e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
1147
|
+
}
|
|
1148
|
+
return /* @__PURE__ */ B("div", {
|
|
1149
|
+
className: ["fcc-input-field", m].filter(Boolean).join(" "),
|
|
1150
|
+
children: [
|
|
1151
|
+
t && !k ? /* @__PURE__ */ z("label", {
|
|
1152
|
+
className: "fcc-input-label",
|
|
1153
|
+
htmlFor: T,
|
|
1154
|
+
children: t
|
|
1155
|
+
}) : null,
|
|
1156
|
+
/* @__PURE__ */ B("div", {
|
|
1157
|
+
className: [
|
|
1158
|
+
"fcc-input-control",
|
|
1159
|
+
k ? "has-floating-label" : "",
|
|
1160
|
+
O ? "is-invalid" : "",
|
|
1161
|
+
g ? "is-disabled" : ""
|
|
1162
|
+
].filter(Boolean).join(" "),
|
|
1163
|
+
children: [
|
|
1164
|
+
o ? /* @__PURE__ */ z("span", {
|
|
1165
|
+
className: "fcc-input-icon",
|
|
1166
|
+
"aria-hidden": "true",
|
|
1167
|
+
children: o
|
|
1168
|
+
}) : null,
|
|
1169
|
+
k ? /* @__PURE__ */ B("div", {
|
|
1170
|
+
className: "fcc-input-floating-slot",
|
|
1171
|
+
children: [/* @__PURE__ */ z("input", {
|
|
1172
|
+
...x,
|
|
1173
|
+
ref: I,
|
|
1174
|
+
id: T,
|
|
1175
|
+
type: _,
|
|
1176
|
+
value: f,
|
|
1177
|
+
defaultValue: p,
|
|
1178
|
+
placeholder: j,
|
|
1179
|
+
disabled: g,
|
|
1180
|
+
"aria-invalid": O || void 0,
|
|
1181
|
+
"aria-describedby": A,
|
|
1182
|
+
onChange: R,
|
|
1183
|
+
className: [
|
|
1184
|
+
"fcc-input-element",
|
|
1185
|
+
"has-floating-label",
|
|
1186
|
+
h
|
|
1187
|
+
].filter(Boolean).join(" ")
|
|
1188
|
+
}), /* @__PURE__ */ z("label", {
|
|
1189
|
+
className: "fcc-input-floating-label",
|
|
1190
|
+
htmlFor: T,
|
|
1191
|
+
children: t
|
|
1192
|
+
})]
|
|
1193
|
+
}) : /* @__PURE__ */ z("input", {
|
|
1194
|
+
...x,
|
|
1195
|
+
ref: I,
|
|
1196
|
+
id: T,
|
|
1197
|
+
type: _,
|
|
1198
|
+
value: f,
|
|
1199
|
+
defaultValue: p,
|
|
1200
|
+
placeholder: j,
|
|
1201
|
+
disabled: g,
|
|
1202
|
+
"aria-invalid": O || void 0,
|
|
1203
|
+
"aria-describedby": A,
|
|
1204
|
+
onChange: R,
|
|
1205
|
+
className: ["fcc-input-element", h].filter(Boolean).join(" ")
|
|
1206
|
+
}),
|
|
1207
|
+
F ? /* @__PURE__ */ z("button", {
|
|
1208
|
+
type: "button",
|
|
1209
|
+
className: "fcc-input-clear",
|
|
1210
|
+
onClick: V,
|
|
1211
|
+
"aria-label": `Clear ${t || "input"}`,
|
|
1212
|
+
children: /* @__PURE__ */ z(L, { size: 12 })
|
|
1213
|
+
}) : null,
|
|
1214
|
+
c ? /* @__PURE__ */ z("span", {
|
|
1215
|
+
className: "fcc-input-icon",
|
|
1216
|
+
"aria-hidden": "true",
|
|
1217
|
+
children: c
|
|
1218
|
+
}) : null
|
|
1219
|
+
]
|
|
1220
|
+
}),
|
|
1221
|
+
E ? /* @__PURE__ */ z("div", {
|
|
1222
|
+
id: D,
|
|
1223
|
+
className: ["fcc-input-helper", O ? "is-error" : ""].filter(Boolean).join(" "),
|
|
1224
|
+
children: E
|
|
1225
|
+
}) : null
|
|
1226
|
+
]
|
|
1227
|
+
});
|
|
1228
|
+
});
|
|
1229
|
+
//#endregion
|
|
1135
1230
|
//#region src/components/ui/DropdownMenu.jsx
|
|
1136
|
-
function
|
|
1137
|
-
let [i, a] =
|
|
1231
|
+
function ot({ trigger: e, children: t, align: n = "left", className: r = "" }) {
|
|
1232
|
+
let [i, a] = u(!1), s = l(null);
|
|
1138
1233
|
return o(() => {
|
|
1139
1234
|
function e(e) {
|
|
1140
1235
|
s.current && !s.current.contains(e.target) && a(!1);
|
|
1141
1236
|
}
|
|
1142
1237
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1143
|
-
}, []), /* @__PURE__ */
|
|
1238
|
+
}, []), /* @__PURE__ */ B("div", {
|
|
1144
1239
|
ref: s,
|
|
1145
1240
|
className: `dropdown-wrapper ${r}`,
|
|
1146
1241
|
style: { position: "relative" },
|
|
1147
|
-
children: [/* @__PURE__ */
|
|
1242
|
+
children: [/* @__PURE__ */ z("div", {
|
|
1148
1243
|
onClick: () => a(!i),
|
|
1149
1244
|
children: e
|
|
1150
|
-
}), i && /* @__PURE__ */
|
|
1245
|
+
}), i && /* @__PURE__ */ z("div", {
|
|
1151
1246
|
className: `dropdown dropdown-align-${n}`,
|
|
1152
1247
|
onClick: () => a(!1),
|
|
1153
1248
|
children: t
|
|
1154
1249
|
})]
|
|
1155
1250
|
});
|
|
1156
1251
|
}
|
|
1157
|
-
function
|
|
1158
|
-
return /* @__PURE__ */
|
|
1252
|
+
function st({ icon: e, children: t, shortcut: n, active: r, onClick: i, className: a = "" }) {
|
|
1253
|
+
return /* @__PURE__ */ B("div", {
|
|
1159
1254
|
className: `dropdown-item ${r ? "active" : ""} ${a}`,
|
|
1160
1255
|
onClick: i,
|
|
1161
1256
|
children: [
|
|
1162
|
-
e && /* @__PURE__ */
|
|
1257
|
+
e && /* @__PURE__ */ z("span", {
|
|
1163
1258
|
className: "dropdown-item-icon",
|
|
1164
1259
|
children: e
|
|
1165
1260
|
}),
|
|
1166
|
-
/* @__PURE__ */
|
|
1261
|
+
/* @__PURE__ */ z("span", {
|
|
1167
1262
|
style: { flex: 1 },
|
|
1168
1263
|
children: t
|
|
1169
1264
|
}),
|
|
1170
|
-
n && /* @__PURE__ */
|
|
1265
|
+
n && /* @__PURE__ */ z("span", {
|
|
1171
1266
|
className: "dropdown-shortcut",
|
|
1172
1267
|
children: n
|
|
1173
1268
|
})
|
|
1174
1269
|
]
|
|
1175
1270
|
});
|
|
1176
1271
|
}
|
|
1177
|
-
function
|
|
1178
|
-
return /* @__PURE__ */
|
|
1272
|
+
function ct({ checked: e, onCheckedChange: t, children: n, className: r = "" }) {
|
|
1273
|
+
return /* @__PURE__ */ B("div", {
|
|
1179
1274
|
className: `dropdown-item ${r}`,
|
|
1180
1275
|
onClick: () => t?.(!e),
|
|
1181
|
-
children: [/* @__PURE__ */
|
|
1276
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1182
1277
|
className: "dropdown-item-icon",
|
|
1183
1278
|
style: { opacity: +!!e },
|
|
1184
|
-
children: /* @__PURE__ */
|
|
1279
|
+
children: /* @__PURE__ */ z(h, { size: 14 })
|
|
1185
1280
|
}), n]
|
|
1186
1281
|
});
|
|
1187
1282
|
}
|
|
1188
|
-
function
|
|
1189
|
-
return /* @__PURE__ */
|
|
1283
|
+
function lt({ children: e, className: t = "" }) {
|
|
1284
|
+
return /* @__PURE__ */ z("div", {
|
|
1190
1285
|
className: `dropdown-label ${t}`,
|
|
1191
1286
|
children: e
|
|
1192
1287
|
});
|
|
1193
1288
|
}
|
|
1194
|
-
function
|
|
1195
|
-
return /* @__PURE__ */
|
|
1289
|
+
function ut({ className: e = "" }) {
|
|
1290
|
+
return /* @__PURE__ */ z("div", { className: `dropdown-divider ${e}` });
|
|
1196
1291
|
}
|
|
1197
1292
|
//#endregion
|
|
1198
1293
|
//#region src/components/ui/SearchableSelect.jsx
|
|
1199
|
-
function
|
|
1200
|
-
let [d, f] =
|
|
1294
|
+
function dt({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: c = "" }) {
|
|
1295
|
+
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
1296
|
o(() => {
|
|
1202
1297
|
d && b.current && b.current.focus();
|
|
1203
1298
|
}, [d]), o(() => {
|
|
@@ -1207,54 +1302,54 @@ function ut({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1207
1302
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1208
1303
|
}, []);
|
|
1209
1304
|
function C(e) {
|
|
1210
|
-
e.key === "ArrowDown" ? (e.preventDefault(),
|
|
1305
|
+
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
1306
|
}
|
|
1212
|
-
return /* @__PURE__ */
|
|
1307
|
+
return /* @__PURE__ */ B("div", {
|
|
1213
1308
|
ref: y,
|
|
1214
|
-
className: `searchable-select ${
|
|
1215
|
-
children: [/* @__PURE__ */
|
|
1309
|
+
className: `searchable-select ${c}`,
|
|
1310
|
+
children: [/* @__PURE__ */ B("button", {
|
|
1216
1311
|
className: "searchable-select-trigger",
|
|
1217
1312
|
onClick: () => !s && f(!d),
|
|
1218
1313
|
disabled: s,
|
|
1219
1314
|
type: "button",
|
|
1220
|
-
children: [/* @__PURE__ */
|
|
1315
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1221
1316
|
className: S ? "" : "searchable-select-placeholder",
|
|
1222
1317
|
children: S ? S.label : r
|
|
1223
|
-
}), /* @__PURE__ */
|
|
1318
|
+
}), /* @__PURE__ */ z(v, {
|
|
1224
1319
|
size: 14,
|
|
1225
1320
|
className: "searchable-select-chevron"
|
|
1226
1321
|
})]
|
|
1227
|
-
}), d && /* @__PURE__ */
|
|
1322
|
+
}), d && /* @__PURE__ */ B("div", {
|
|
1228
1323
|
className: "searchable-select-dropdown",
|
|
1229
|
-
children: [/* @__PURE__ */
|
|
1324
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1230
1325
|
className: "searchable-select-search",
|
|
1231
1326
|
children: [
|
|
1232
|
-
/* @__PURE__ */
|
|
1233
|
-
/* @__PURE__ */
|
|
1327
|
+
/* @__PURE__ */ z(N, { size: 14 }),
|
|
1328
|
+
/* @__PURE__ */ z("input", {
|
|
1234
1329
|
ref: b,
|
|
1235
1330
|
value: p,
|
|
1236
1331
|
onChange: (e) => {
|
|
1237
|
-
|
|
1332
|
+
m(e.target.value), _(0);
|
|
1238
1333
|
},
|
|
1239
1334
|
onKeyDown: C,
|
|
1240
1335
|
placeholder: i,
|
|
1241
1336
|
className: "searchable-select-input"
|
|
1242
1337
|
}),
|
|
1243
|
-
p && /* @__PURE__ */
|
|
1338
|
+
p && /* @__PURE__ */ z("button", {
|
|
1244
1339
|
className: "searchable-select-clear",
|
|
1245
|
-
onClick: () =>
|
|
1246
|
-
children: /* @__PURE__ */
|
|
1340
|
+
onClick: () => m(""),
|
|
1341
|
+
children: /* @__PURE__ */ z(L, { size: 12 })
|
|
1247
1342
|
})
|
|
1248
1343
|
]
|
|
1249
|
-
}), /* @__PURE__ */
|
|
1344
|
+
}), /* @__PURE__ */ B("div", {
|
|
1250
1345
|
className: "searchable-select-options",
|
|
1251
1346
|
children: [
|
|
1252
|
-
a && /* @__PURE__ */
|
|
1347
|
+
a && /* @__PURE__ */ z("div", {
|
|
1253
1348
|
className: `searchable-select-option ${t ? "" : "selected"}`,
|
|
1254
1349
|
onClick: () => {
|
|
1255
|
-
n?.(null), f(!1),
|
|
1350
|
+
n?.(null), f(!1), m("");
|
|
1256
1351
|
},
|
|
1257
|
-
children: /* @__PURE__ */
|
|
1352
|
+
children: /* @__PURE__ */ z("span", {
|
|
1258
1353
|
style: {
|
|
1259
1354
|
color: "var(--text-tertiary)",
|
|
1260
1355
|
fontStyle: "italic"
|
|
@@ -1262,21 +1357,21 @@ function ut({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1262
1357
|
children: "None"
|
|
1263
1358
|
})
|
|
1264
1359
|
}),
|
|
1265
|
-
x.map((e, r) => /* @__PURE__ */
|
|
1360
|
+
x.map((e, r) => /* @__PURE__ */ B("div", {
|
|
1266
1361
|
className: `searchable-select-option ${r === g ? "highlighted" : ""} ${e.value === t ? "selected" : ""}`,
|
|
1267
1362
|
onClick: () => {
|
|
1268
|
-
n?.(e.value), f(!1),
|
|
1363
|
+
n?.(e.value), f(!1), m("");
|
|
1269
1364
|
},
|
|
1270
|
-
onMouseEnter: () =>
|
|
1271
|
-
children: [/* @__PURE__ */
|
|
1365
|
+
onMouseEnter: () => _(r),
|
|
1366
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1272
1367
|
className: "searchable-select-option-content",
|
|
1273
|
-
children: [/* @__PURE__ */
|
|
1368
|
+
children: [/* @__PURE__ */ z("span", { children: e.label }), e.description && /* @__PURE__ */ z("span", {
|
|
1274
1369
|
className: "searchable-select-option-desc",
|
|
1275
1370
|
children: e.description
|
|
1276
1371
|
})]
|
|
1277
|
-
}), e.value === t && /* @__PURE__ */
|
|
1372
|
+
}), e.value === t && /* @__PURE__ */ z(h, { size: 14 })]
|
|
1278
1373
|
}, e.value)),
|
|
1279
|
-
x.length === 0 && /* @__PURE__ */
|
|
1374
|
+
x.length === 0 && /* @__PURE__ */ z("div", {
|
|
1280
1375
|
className: "searchable-select-empty",
|
|
1281
1376
|
children: "No results found"
|
|
1282
1377
|
})
|
|
@@ -1287,8 +1382,8 @@ function ut({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1287
1382
|
}
|
|
1288
1383
|
//#endregion
|
|
1289
1384
|
//#region src/components/ui/Sheet.jsx
|
|
1290
|
-
function
|
|
1291
|
-
let s =
|
|
1385
|
+
function ft({ open: e, onClose: t, side: n = "right", title: r, children: i, className: a = "" }) {
|
|
1386
|
+
let s = l(null);
|
|
1292
1387
|
return o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1293
1388
|
document.body.style.overflow = "";
|
|
1294
1389
|
}), [e]), o(() => {
|
|
@@ -1296,54 +1391,54 @@ function dt({ open: e, onClose: t, side: n = "right", title: r, children: i, cla
|
|
|
1296
1391
|
e.key === "Escape" && t?.();
|
|
1297
1392
|
}
|
|
1298
1393
|
return e && document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
|
|
1299
|
-
}, [e, t]), e ? /* @__PURE__ */
|
|
1394
|
+
}, [e, t]), e ? /* @__PURE__ */ z("div", {
|
|
1300
1395
|
className: "sheet-overlay",
|
|
1301
1396
|
ref: s,
|
|
1302
1397
|
onClick: (e) => {
|
|
1303
1398
|
e.target === s.current && t?.();
|
|
1304
1399
|
},
|
|
1305
|
-
children: /* @__PURE__ */
|
|
1400
|
+
children: /* @__PURE__ */ B("div", {
|
|
1306
1401
|
className: `sheet sheet-${n} ${a}`,
|
|
1307
|
-
children: [r && /* @__PURE__ */
|
|
1402
|
+
children: [r && /* @__PURE__ */ B("div", {
|
|
1308
1403
|
className: "sheet-header",
|
|
1309
|
-
children: [/* @__PURE__ */
|
|
1404
|
+
children: [/* @__PURE__ */ z("h3", {
|
|
1310
1405
|
className: "sheet-title",
|
|
1311
1406
|
children: r
|
|
1312
|
-
}), /* @__PURE__ */
|
|
1407
|
+
}), /* @__PURE__ */ z("button", {
|
|
1313
1408
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
1314
1409
|
onClick: t,
|
|
1315
|
-
children: /* @__PURE__ */
|
|
1410
|
+
children: /* @__PURE__ */ z(L, { size: 16 })
|
|
1316
1411
|
})]
|
|
1317
|
-
}), /* @__PURE__ */
|
|
1412
|
+
}), /* @__PURE__ */ z("div", {
|
|
1318
1413
|
className: "sheet-body",
|
|
1319
1414
|
children: i
|
|
1320
1415
|
})]
|
|
1321
1416
|
})
|
|
1322
1417
|
}) : null;
|
|
1323
1418
|
}
|
|
1324
|
-
function
|
|
1325
|
-
return /* @__PURE__ */
|
|
1419
|
+
function pt({ children: e, className: t = "" }) {
|
|
1420
|
+
return /* @__PURE__ */ z("div", {
|
|
1326
1421
|
className: `sheet-footer ${t}`,
|
|
1327
1422
|
children: e
|
|
1328
1423
|
});
|
|
1329
1424
|
}
|
|
1330
1425
|
//#endregion
|
|
1331
1426
|
//#region src/components/ui/StatusMetric.jsx
|
|
1332
|
-
function
|
|
1427
|
+
function mt(...e) {
|
|
1333
1428
|
return e.filter(Boolean).join(" ");
|
|
1334
1429
|
}
|
|
1335
|
-
var
|
|
1430
|
+
var ht = {
|
|
1336
1431
|
default: "",
|
|
1337
1432
|
warning: "status-metric--warning"
|
|
1338
1433
|
};
|
|
1339
|
-
function
|
|
1340
|
-
let o = r || (t === "warning" ?
|
|
1341
|
-
return /* @__PURE__ */
|
|
1342
|
-
className:
|
|
1343
|
-
children: [n && o && /* @__PURE__ */
|
|
1434
|
+
function gt({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSize: i = 12, className: a = "" }) {
|
|
1435
|
+
let o = r || (t === "warning" ? f : S);
|
|
1436
|
+
return /* @__PURE__ */ B("span", {
|
|
1437
|
+
className: mt("status-metric", ht[t], a),
|
|
1438
|
+
children: [n && o && /* @__PURE__ */ z("span", {
|
|
1344
1439
|
className: "status-metric-icon",
|
|
1345
|
-
children: /* @__PURE__ */
|
|
1346
|
-
}), /* @__PURE__ */
|
|
1440
|
+
children: /* @__PURE__ */ z(o, { size: i })
|
|
1441
|
+
}), /* @__PURE__ */ z("span", {
|
|
1347
1442
|
className: "status-metric-text",
|
|
1348
1443
|
children: e
|
|
1349
1444
|
})]
|
|
@@ -1351,19 +1446,19 @@ function X({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSi
|
|
|
1351
1446
|
}
|
|
1352
1447
|
//#endregion
|
|
1353
1448
|
//#region src/components/ui/Switch.jsx
|
|
1354
|
-
function
|
|
1355
|
-
return /* @__PURE__ */
|
|
1449
|
+
function _t({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "md", label: i }) {
|
|
1450
|
+
return /* @__PURE__ */ B("div", {
|
|
1356
1451
|
className: "toggle-row",
|
|
1357
|
-
children: [i && /* @__PURE__ */
|
|
1452
|
+
children: [i && /* @__PURE__ */ z("span", {
|
|
1358
1453
|
className: "toggle-text",
|
|
1359
1454
|
children: i
|
|
1360
|
-
}), /* @__PURE__ */
|
|
1455
|
+
}), /* @__PURE__ */ z("button", {
|
|
1361
1456
|
className: `toggle ${e ? "active" : ""} ${r === "sm" ? "toggle-sm" : ""}`,
|
|
1362
1457
|
onClick: () => !n && t?.(!e),
|
|
1363
1458
|
disabled: n,
|
|
1364
1459
|
role: "switch",
|
|
1365
1460
|
"aria-checked": e,
|
|
1366
|
-
children: /* @__PURE__ */
|
|
1461
|
+
children: /* @__PURE__ */ z("div", { className: "toggle-knob" })
|
|
1367
1462
|
})]
|
|
1368
1463
|
});
|
|
1369
1464
|
}
|
|
@@ -1371,41 +1466,73 @@ function ht({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "
|
|
|
1371
1466
|
//#region src/components/ui/Tabs.jsx
|
|
1372
1467
|
var Z = e({
|
|
1373
1468
|
value: "",
|
|
1374
|
-
onChange: () => {}
|
|
1469
|
+
onChange: () => {},
|
|
1470
|
+
registerTrigger: () => {},
|
|
1471
|
+
getTriggerNode: () => null
|
|
1375
1472
|
});
|
|
1376
|
-
function
|
|
1377
|
-
let [
|
|
1378
|
-
|
|
1473
|
+
function vt({ defaultValue: e, value: t, onValueChange: n, children: r, className: a = "" }) {
|
|
1474
|
+
let [o, s] = u(e || ""), c = l(/* @__PURE__ */ new Map()), d = t === void 0 ? o : t, f = n || s, p = i((e, t) => {
|
|
1475
|
+
if (t) {
|
|
1476
|
+
c.current.set(e, t);
|
|
1477
|
+
return;
|
|
1478
|
+
}
|
|
1479
|
+
c.current.delete(e);
|
|
1480
|
+
}, []), m = i((e) => c.current.get(e) || null, []);
|
|
1481
|
+
return /* @__PURE__ */ z(Z.Provider, {
|
|
1379
1482
|
value: {
|
|
1380
|
-
value:
|
|
1381
|
-
onChange:
|
|
1483
|
+
value: d,
|
|
1484
|
+
onChange: f,
|
|
1485
|
+
registerTrigger: p,
|
|
1486
|
+
getTriggerNode: m
|
|
1382
1487
|
},
|
|
1383
|
-
children: /* @__PURE__ */
|
|
1384
|
-
className:
|
|
1488
|
+
children: /* @__PURE__ */ z("div", {
|
|
1489
|
+
className: a,
|
|
1385
1490
|
children: r
|
|
1386
1491
|
})
|
|
1387
1492
|
});
|
|
1388
1493
|
}
|
|
1389
|
-
function
|
|
1390
|
-
|
|
1494
|
+
function yt({ children: e, className: t = "" }) {
|
|
1495
|
+
let { value: n, getTriggerNode: r } = a(Z), i = l(null);
|
|
1496
|
+
return c(() => {
|
|
1497
|
+
let e = i.current, t = r(n);
|
|
1498
|
+
if (!e) return;
|
|
1499
|
+
if (!t) {
|
|
1500
|
+
e.style.setProperty("--tabs-indicator-width", "0px"), e.style.setProperty("--tabs-indicator-x", "0px"), e.removeAttribute("data-tabs-indicator-ready");
|
|
1501
|
+
return;
|
|
1502
|
+
}
|
|
1503
|
+
let a = () => {
|
|
1504
|
+
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");
|
|
1505
|
+
};
|
|
1506
|
+
a();
|
|
1507
|
+
let o = typeof ResizeObserver < "u" ? new ResizeObserver(a) : null;
|
|
1508
|
+
return o?.observe(e), o?.observe(t), window.addEventListener("resize", a), () => {
|
|
1509
|
+
o?.disconnect(), window.removeEventListener("resize", a);
|
|
1510
|
+
};
|
|
1511
|
+
}, [n, r]), /* @__PURE__ */ B("div", {
|
|
1512
|
+
ref: i,
|
|
1391
1513
|
className: `tabs ${t}`,
|
|
1392
|
-
|
|
1514
|
+
role: "tablist",
|
|
1515
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1516
|
+
className: "tabs-indicator",
|
|
1517
|
+
"aria-hidden": "true"
|
|
1518
|
+
}), e]
|
|
1393
1519
|
});
|
|
1394
1520
|
}
|
|
1395
|
-
function
|
|
1396
|
-
let { value: r, onChange: i } = a(Z),
|
|
1397
|
-
return /* @__PURE__ */
|
|
1398
|
-
|
|
1521
|
+
function bt({ value: e, children: t, className: n = "" }) {
|
|
1522
|
+
let { value: r, onChange: i, registerTrigger: o } = a(Z), s = r === e;
|
|
1523
|
+
return /* @__PURE__ */ z("button", {
|
|
1524
|
+
ref: (t) => o(e, t),
|
|
1525
|
+
className: `tab ${s ? "active" : ""} ${n}`,
|
|
1399
1526
|
onClick: () => i(e),
|
|
1400
1527
|
role: "tab",
|
|
1401
|
-
"aria-selected":
|
|
1528
|
+
"aria-selected": s,
|
|
1402
1529
|
type: "button",
|
|
1403
1530
|
children: t
|
|
1404
1531
|
});
|
|
1405
1532
|
}
|
|
1406
|
-
function
|
|
1533
|
+
function xt({ value: e, children: t, className: n = "" }) {
|
|
1407
1534
|
let { value: r } = a(Z);
|
|
1408
|
-
return r === e ? /* @__PURE__ */
|
|
1535
|
+
return r === e ? /* @__PURE__ */ z("div", {
|
|
1409
1536
|
className: n,
|
|
1410
1537
|
role: "tabpanel",
|
|
1411
1538
|
children: t
|
|
@@ -1413,23 +1540,23 @@ function yt({ value: e, children: t, className: n = "" }) {
|
|
|
1413
1540
|
}
|
|
1414
1541
|
//#endregion
|
|
1415
1542
|
//#region src/components/ui/Tooltip.jsx
|
|
1416
|
-
function
|
|
1417
|
-
let [i, a] =
|
|
1543
|
+
function St({ content: e, side: t = "top", children: n, className: r = "" }) {
|
|
1544
|
+
let [i, a] = u(!1), o = l(null);
|
|
1418
1545
|
function s() {
|
|
1419
1546
|
o.current = setTimeout(() => a(!0), 300);
|
|
1420
1547
|
}
|
|
1421
|
-
function
|
|
1548
|
+
function c() {
|
|
1422
1549
|
clearTimeout(o.current), a(!1);
|
|
1423
1550
|
}
|
|
1424
|
-
return /* @__PURE__ */
|
|
1551
|
+
return /* @__PURE__ */ B("div", {
|
|
1425
1552
|
className: `tooltip-wrapper ${r}`,
|
|
1426
1553
|
onMouseEnter: s,
|
|
1427
|
-
onMouseLeave:
|
|
1554
|
+
onMouseLeave: c,
|
|
1428
1555
|
style: {
|
|
1429
1556
|
position: "relative",
|
|
1430
1557
|
display: "inline-flex"
|
|
1431
1558
|
},
|
|
1432
|
-
children: [n, i && /* @__PURE__ */
|
|
1559
|
+
children: [n, i && /* @__PURE__ */ z("div", {
|
|
1433
1560
|
className: `tooltip tooltip-${t}`,
|
|
1434
1561
|
children: e
|
|
1435
1562
|
})]
|
|
@@ -1437,17 +1564,17 @@ function bt({ content: e, side: t = "top", children: n, className: r = "" }) {
|
|
|
1437
1564
|
}
|
|
1438
1565
|
//#endregion
|
|
1439
1566
|
//#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
|
-
},
|
|
1567
|
+
var Ct = {
|
|
1568
|
+
kanban: C,
|
|
1569
|
+
board: C,
|
|
1570
|
+
columns: C,
|
|
1571
|
+
table: D,
|
|
1572
|
+
list: D,
|
|
1573
|
+
rows: D,
|
|
1574
|
+
grid: E,
|
|
1575
|
+
calendar: m,
|
|
1576
|
+
map: A
|
|
1577
|
+
}, wt = [{
|
|
1451
1578
|
value: "kanban",
|
|
1452
1579
|
label: "Kanban",
|
|
1453
1580
|
title: "Board View"
|
|
@@ -1458,14 +1585,14 @@ var xt = {
|
|
|
1458
1585
|
}];
|
|
1459
1586
|
//#endregion
|
|
1460
1587
|
//#region src/components/ui/ViewModeToggle.jsx
|
|
1461
|
-
function
|
|
1462
|
-
return e.icon ? e.icon :
|
|
1588
|
+
function Tt(e) {
|
|
1589
|
+
return e.icon ? e.icon : Ct[e.value] ?? null;
|
|
1463
1590
|
}
|
|
1464
|
-
function
|
|
1591
|
+
function Et(e, n) {
|
|
1465
1592
|
return e ? r(e) ? e : t(e, { size: n }) : null;
|
|
1466
1593
|
}
|
|
1467
|
-
function
|
|
1468
|
-
let m =
|
|
1594
|
+
function Dt({ options: e = wt, value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "View mode", iconSize: s = 16, showLabels: d = !1, className: f = "", optionClassName: p = "" }) {
|
|
1595
|
+
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
1596
|
let e = h.current, t = g.current.get(y);
|
|
1470
1597
|
if (e) {
|
|
1471
1598
|
if (!t) {
|
|
@@ -1478,13 +1605,13 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1478
1605
|
function x(e) {
|
|
1479
1606
|
e.disabled || (t === void 0 && v(e.value), r?.(e.value, e));
|
|
1480
1607
|
}
|
|
1481
|
-
return
|
|
1608
|
+
return c(() => {
|
|
1482
1609
|
b();
|
|
1483
1610
|
}, [
|
|
1484
1611
|
b,
|
|
1485
1612
|
e,
|
|
1486
1613
|
d,
|
|
1487
|
-
|
|
1614
|
+
s,
|
|
1488
1615
|
f,
|
|
1489
1616
|
p
|
|
1490
1617
|
]), o(() => {
|
|
@@ -1509,10 +1636,10 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1509
1636
|
b,
|
|
1510
1637
|
e,
|
|
1511
1638
|
d,
|
|
1512
|
-
|
|
1639
|
+
s,
|
|
1513
1640
|
f,
|
|
1514
1641
|
p
|
|
1515
|
-
]), /* @__PURE__ */
|
|
1642
|
+
]), /* @__PURE__ */ B("div", {
|
|
1516
1643
|
ref: m,
|
|
1517
1644
|
className: [
|
|
1518
1645
|
"view-mode-toggle",
|
|
@@ -1521,13 +1648,13 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1521
1648
|
].filter(Boolean).join(" "),
|
|
1522
1649
|
role: "group",
|
|
1523
1650
|
"aria-label": a,
|
|
1524
|
-
children: [/* @__PURE__ */
|
|
1651
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1525
1652
|
ref: h,
|
|
1526
1653
|
"aria-hidden": "true",
|
|
1527
1654
|
className: "view-mode-toggle-indicator"
|
|
1528
1655
|
}), e.map((e) => {
|
|
1529
|
-
let t = e.value === y, n =
|
|
1530
|
-
return /* @__PURE__ */
|
|
1656
|
+
let t = e.value === y, n = Et(Tt(e), s);
|
|
1657
|
+
return /* @__PURE__ */ B("button", {
|
|
1531
1658
|
type: "button",
|
|
1532
1659
|
"aria-pressed": t,
|
|
1533
1660
|
disabled: e.disabled,
|
|
@@ -1543,10 +1670,10 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1543
1670
|
p
|
|
1544
1671
|
].filter(Boolean).join(" "),
|
|
1545
1672
|
onClick: () => x(e),
|
|
1546
|
-
children: [n && /* @__PURE__ */
|
|
1673
|
+
children: [n && /* @__PURE__ */ z("span", {
|
|
1547
1674
|
className: "view-mode-toggle-icon",
|
|
1548
1675
|
children: n
|
|
1549
|
-
}), d && /* @__PURE__ */
|
|
1676
|
+
}), d && /* @__PURE__ */ z("span", {
|
|
1550
1677
|
className: "view-mode-toggle-label",
|
|
1551
1678
|
children: e.label
|
|
1552
1679
|
})]
|
|
@@ -1556,11 +1683,11 @@ function Tt({ options: e = St, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1556
1683
|
}
|
|
1557
1684
|
//#endregion
|
|
1558
1685
|
//#region src/components/ui/WorkspaceTabs.jsx
|
|
1559
|
-
function
|
|
1686
|
+
function Ot(e, n) {
|
|
1560
1687
|
return e ? r(e) ? e : t(e, { size: n }) : null;
|
|
1561
1688
|
}
|
|
1562
|
-
function
|
|
1563
|
-
let m =
|
|
1689
|
+
function kt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "Workspace tabs", iconSize: s = 14, variant: d = "plain", className: f = "", itemClassName: p = "" }) {
|
|
1690
|
+
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
1691
|
let e = h.current, t = g.current.get(y);
|
|
1565
1692
|
if (e) {
|
|
1566
1693
|
if (!t) {
|
|
@@ -1573,12 +1700,12 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1573
1700
|
function x(e) {
|
|
1574
1701
|
e.disabled || (t === void 0 && v(e.id), r?.(e.id, e));
|
|
1575
1702
|
}
|
|
1576
|
-
return
|
|
1703
|
+
return c(() => {
|
|
1577
1704
|
b();
|
|
1578
1705
|
}, [
|
|
1579
1706
|
b,
|
|
1580
1707
|
e,
|
|
1581
|
-
|
|
1708
|
+
s,
|
|
1582
1709
|
d,
|
|
1583
1710
|
f,
|
|
1584
1711
|
p
|
|
@@ -1603,11 +1730,11 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1603
1730
|
}, [
|
|
1604
1731
|
b,
|
|
1605
1732
|
e,
|
|
1606
|
-
|
|
1733
|
+
s,
|
|
1607
1734
|
d,
|
|
1608
1735
|
f,
|
|
1609
1736
|
p
|
|
1610
|
-
]), /* @__PURE__ */
|
|
1737
|
+
]), /* @__PURE__ */ B("div", {
|
|
1611
1738
|
ref: m,
|
|
1612
1739
|
className: [
|
|
1613
1740
|
"workspace-tabs",
|
|
@@ -1616,13 +1743,13 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1616
1743
|
].filter(Boolean).join(" "),
|
|
1617
1744
|
role: "tablist",
|
|
1618
1745
|
"aria-label": a,
|
|
1619
|
-
children: [/* @__PURE__ */
|
|
1746
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1620
1747
|
ref: h,
|
|
1621
1748
|
"aria-hidden": "true",
|
|
1622
1749
|
className: "workspace-tabs-indicator"
|
|
1623
1750
|
}), e.map((e) => {
|
|
1624
|
-
let t = e.id === y, n =
|
|
1625
|
-
return /* @__PURE__ */
|
|
1751
|
+
let t = e.id === y, n = Ot(e.icon, s);
|
|
1752
|
+
return /* @__PURE__ */ B("button", {
|
|
1626
1753
|
type: "button",
|
|
1627
1754
|
role: "tab",
|
|
1628
1755
|
"aria-selected": t,
|
|
@@ -1639,15 +1766,15 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1639
1766
|
].filter(Boolean).join(" "),
|
|
1640
1767
|
onClick: () => x(e),
|
|
1641
1768
|
children: [
|
|
1642
|
-
n && /* @__PURE__ */
|
|
1769
|
+
n && /* @__PURE__ */ z("span", {
|
|
1643
1770
|
className: "workspace-tab-icon",
|
|
1644
1771
|
children: n
|
|
1645
1772
|
}),
|
|
1646
|
-
/* @__PURE__ */
|
|
1773
|
+
/* @__PURE__ */ z("span", {
|
|
1647
1774
|
className: "workspace-tab-label",
|
|
1648
1775
|
children: e.label
|
|
1649
1776
|
}),
|
|
1650
|
-
e.badge != null && /* @__PURE__ */
|
|
1777
|
+
e.badge != null && /* @__PURE__ */ z("span", {
|
|
1651
1778
|
className: "workspace-tab-badge",
|
|
1652
1779
|
children: e.badge
|
|
1653
1780
|
})
|
|
@@ -1658,35 +1785,35 @@ function Dt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1658
1785
|
}
|
|
1659
1786
|
//#endregion
|
|
1660
1787
|
//#region src/components/data/ActivityFeed.jsx
|
|
1661
|
-
function
|
|
1662
|
-
return /* @__PURE__ */
|
|
1788
|
+
function At({ items: e = [], className: t = "" }) {
|
|
1789
|
+
return /* @__PURE__ */ z("div", {
|
|
1663
1790
|
className: `activity-feed ${t}`,
|
|
1664
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
1791
|
+
children: e.map((e, t) => /* @__PURE__ */ B("div", {
|
|
1665
1792
|
className: "activity-item",
|
|
1666
|
-
children: [/* @__PURE__ */
|
|
1793
|
+
children: [/* @__PURE__ */ z("div", {
|
|
1667
1794
|
className: "activity-avatar",
|
|
1668
|
-
children: /* @__PURE__ */
|
|
1795
|
+
children: /* @__PURE__ */ z(Y, {
|
|
1669
1796
|
name: e.user,
|
|
1670
1797
|
size: "sm"
|
|
1671
1798
|
})
|
|
1672
|
-
}), /* @__PURE__ */
|
|
1799
|
+
}), /* @__PURE__ */ B("div", {
|
|
1673
1800
|
className: "activity-content",
|
|
1674
1801
|
children: [
|
|
1675
|
-
/* @__PURE__ */
|
|
1802
|
+
/* @__PURE__ */ B("div", {
|
|
1676
1803
|
className: "activity-header",
|
|
1677
|
-
children: [/* @__PURE__ */
|
|
1804
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1678
1805
|
className: "activity-name",
|
|
1679
1806
|
children: e.user
|
|
1680
|
-
}), /* @__PURE__ */
|
|
1807
|
+
}), /* @__PURE__ */ z("span", {
|
|
1681
1808
|
className: "activity-time",
|
|
1682
1809
|
children: e.time
|
|
1683
1810
|
})]
|
|
1684
1811
|
}),
|
|
1685
|
-
/* @__PURE__ */
|
|
1812
|
+
/* @__PURE__ */ z("div", {
|
|
1686
1813
|
className: "activity-text",
|
|
1687
1814
|
children: e.text
|
|
1688
1815
|
}),
|
|
1689
|
-
e.meta && /* @__PURE__ */
|
|
1816
|
+
e.meta && /* @__PURE__ */ z("div", {
|
|
1690
1817
|
className: "activity-meta",
|
|
1691
1818
|
children: e.meta
|
|
1692
1819
|
})
|
|
@@ -1697,8 +1824,8 @@ function Ot({ items: e = [], className: t = "" }) {
|
|
|
1697
1824
|
}
|
|
1698
1825
|
//#endregion
|
|
1699
1826
|
//#region src/components/data/CommandBar.jsx
|
|
1700
|
-
function
|
|
1701
|
-
let [a, s] =
|
|
1827
|
+
function jt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i = "Type a command or search..." }) {
|
|
1828
|
+
let [a, s] = u(""), [c, d] = u(0), f = l(null);
|
|
1702
1829
|
if (o(() => {
|
|
1703
1830
|
if (e) {
|
|
1704
1831
|
let e = setTimeout(() => {
|
|
@@ -1720,21 +1847,21 @@ function kt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1720
1847
|
showGroup: t === 0 || e.group !== p[t - 1].group
|
|
1721
1848
|
}));
|
|
1722
1849
|
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[
|
|
1850
|
+
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
1851
|
}
|
|
1725
|
-
return /* @__PURE__ */
|
|
1852
|
+
return /* @__PURE__ */ z("div", {
|
|
1726
1853
|
className: "dialog-overlay",
|
|
1727
1854
|
onClick: (e) => {
|
|
1728
1855
|
e.target === e.currentTarget && t?.();
|
|
1729
1856
|
},
|
|
1730
|
-
children: /* @__PURE__ */
|
|
1857
|
+
children: /* @__PURE__ */ B("div", {
|
|
1731
1858
|
className: "command-palette",
|
|
1732
|
-
children: [/* @__PURE__ */
|
|
1859
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1733
1860
|
className: "command-input-wrapper",
|
|
1734
|
-
children: [/* @__PURE__ */
|
|
1861
|
+
children: [/* @__PURE__ */ z("span", {
|
|
1735
1862
|
className: "command-input-icon",
|
|
1736
|
-
children: /* @__PURE__ */
|
|
1737
|
-
}), /* @__PURE__ */
|
|
1863
|
+
children: /* @__PURE__ */ z(N, { size: 16 })
|
|
1864
|
+
}), /* @__PURE__ */ z("input", {
|
|
1738
1865
|
ref: f,
|
|
1739
1866
|
className: "command-input",
|
|
1740
1867
|
value: a,
|
|
@@ -1744,29 +1871,29 @@ function kt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1744
1871
|
onKeyDown: h,
|
|
1745
1872
|
placeholder: i
|
|
1746
1873
|
})]
|
|
1747
|
-
}), /* @__PURE__ */
|
|
1874
|
+
}), /* @__PURE__ */ B("div", {
|
|
1748
1875
|
className: "command-results",
|
|
1749
|
-
children: [m.map((e, n) => /* @__PURE__ */
|
|
1876
|
+
children: [m.map((e, n) => /* @__PURE__ */ B("div", { children: [e.showGroup && /* @__PURE__ */ z("div", {
|
|
1750
1877
|
className: "command-group-label",
|
|
1751
1878
|
children: e.group
|
|
1752
|
-
}), /* @__PURE__ */
|
|
1753
|
-
className: `dropdown-item ${n ===
|
|
1879
|
+
}), /* @__PURE__ */ B("div", {
|
|
1880
|
+
className: `dropdown-item ${n === c ? "active" : ""}`,
|
|
1754
1881
|
onClick: () => {
|
|
1755
1882
|
r?.(e), t?.();
|
|
1756
1883
|
},
|
|
1757
1884
|
onMouseEnter: () => d(n),
|
|
1758
1885
|
children: [
|
|
1759
|
-
e.icon && /* @__PURE__ */
|
|
1886
|
+
e.icon && /* @__PURE__ */ z("span", {
|
|
1760
1887
|
className: "dropdown-item-icon",
|
|
1761
1888
|
children: e.icon
|
|
1762
1889
|
}),
|
|
1763
1890
|
e.label,
|
|
1764
|
-
e.shortcut && /* @__PURE__ */
|
|
1891
|
+
e.shortcut && /* @__PURE__ */ z("span", {
|
|
1765
1892
|
className: "dropdown-shortcut",
|
|
1766
1893
|
children: e.shortcut
|
|
1767
1894
|
})
|
|
1768
1895
|
]
|
|
1769
|
-
})] }, e.id || n)), p.length === 0 && /* @__PURE__ */
|
|
1896
|
+
})] }, e.id || n)), p.length === 0 && /* @__PURE__ */ z("div", {
|
|
1770
1897
|
style: {
|
|
1771
1898
|
padding: "var(--space-4)",
|
|
1772
1899
|
textAlign: "center",
|
|
@@ -1781,35 +1908,35 @@ function kt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1781
1908
|
}
|
|
1782
1909
|
//#endregion
|
|
1783
1910
|
//#region src/components/data/DataTable.jsx
|
|
1784
|
-
function
|
|
1785
|
-
let [i, a] =
|
|
1911
|
+
function Mt({ columns: e, data: t, onRowClick: n, className: r = "" }) {
|
|
1912
|
+
let [i, a] = u(null), [o, s] = u("asc");
|
|
1786
1913
|
function c(e) {
|
|
1787
1914
|
i === e ? s((e) => e === "asc" ? "desc" : "asc") : (a(e), s("asc"));
|
|
1788
1915
|
}
|
|
1789
|
-
let
|
|
1916
|
+
let l = i ? [...t].sort((e, t) => {
|
|
1790
1917
|
let n = e[i], r = t[i], a = typeof n == "number" ? n - r : String(n).localeCompare(String(r));
|
|
1791
1918
|
return o === "asc" ? a : -a;
|
|
1792
1919
|
}) : t;
|
|
1793
|
-
return /* @__PURE__ */
|
|
1920
|
+
return /* @__PURE__ */ z("div", {
|
|
1794
1921
|
className: `table-wrapper ${r}`,
|
|
1795
|
-
children: /* @__PURE__ */
|
|
1922
|
+
children: /* @__PURE__ */ B("table", { children: [/* @__PURE__ */ z("thead", { children: /* @__PURE__ */ z("tr", { children: e.map((e) => /* @__PURE__ */ z("th", {
|
|
1796
1923
|
onClick: () => e.sortable !== !1 && c(e.key),
|
|
1797
1924
|
style: {
|
|
1798
1925
|
cursor: e.sortable === !1 ? "default" : "pointer",
|
|
1799
1926
|
width: e.width
|
|
1800
1927
|
},
|
|
1801
|
-
children: /* @__PURE__ */
|
|
1928
|
+
children: /* @__PURE__ */ B("span", {
|
|
1802
1929
|
className: "th-content",
|
|
1803
|
-
children: [e.label, e.sortable !== !1 && /* @__PURE__ */
|
|
1930
|
+
children: [e.label, e.sortable !== !1 && /* @__PURE__ */ z("span", {
|
|
1804
1931
|
className: "th-sort-icon",
|
|
1805
|
-
children: i === e.key ?
|
|
1932
|
+
children: i === e.key ? z(o === "asc" ? b : v, { size: 12 }) : /* @__PURE__ */ z(x, { size: 12 })
|
|
1806
1933
|
})]
|
|
1807
1934
|
})
|
|
1808
|
-
}, e.key)) }) }), /* @__PURE__ */
|
|
1935
|
+
}, e.key)) }) }), /* @__PURE__ */ B("tbody", { children: [l.map((t, r) => /* @__PURE__ */ z("tr", {
|
|
1809
1936
|
onClick: () => n?.(t),
|
|
1810
1937
|
style: { cursor: n ? "pointer" : "default" },
|
|
1811
|
-
children: e.map((e) => /* @__PURE__ */
|
|
1812
|
-
}, t.id || r)),
|
|
1938
|
+
children: e.map((e) => /* @__PURE__ */ z("td", { children: e.render ? e.render(t[e.key], t) : t[e.key] }, e.key))
|
|
1939
|
+
}, t.id || r)), l.length === 0 && /* @__PURE__ */ z("tr", { children: /* @__PURE__ */ z("td", {
|
|
1813
1940
|
colSpan: e.length,
|
|
1814
1941
|
style: {
|
|
1815
1942
|
textAlign: "center",
|
|
@@ -1822,44 +1949,44 @@ function At({ columns: e, data: t, onRowClick: n, className: r = "" }) {
|
|
|
1822
1949
|
}
|
|
1823
1950
|
//#endregion
|
|
1824
1951
|
//#region src/components/data/FilterBar.jsx
|
|
1825
|
-
function
|
|
1952
|
+
function Nt({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAll: r, children: i, className: a = "" }) {
|
|
1826
1953
|
let o = n.some((e) => e.active);
|
|
1827
|
-
return /* @__PURE__ */
|
|
1954
|
+
return /* @__PURE__ */ B("div", {
|
|
1828
1955
|
className: `filter-bar ${a}`,
|
|
1829
1956
|
children: [
|
|
1830
|
-
/* @__PURE__ */
|
|
1957
|
+
/* @__PURE__ */ B("div", {
|
|
1831
1958
|
className: "filter-bar-search",
|
|
1832
1959
|
children: [
|
|
1833
|
-
/* @__PURE__ */
|
|
1834
|
-
/* @__PURE__ */
|
|
1960
|
+
/* @__PURE__ */ z(N, { size: 14 }),
|
|
1961
|
+
/* @__PURE__ */ z("input", {
|
|
1835
1962
|
className: "filter-bar-input",
|
|
1836
1963
|
value: e,
|
|
1837
1964
|
onChange: (e) => t?.(e.target.value),
|
|
1838
1965
|
placeholder: "Search..."
|
|
1839
1966
|
}),
|
|
1840
|
-
e && /* @__PURE__ */
|
|
1967
|
+
e && /* @__PURE__ */ z("button", {
|
|
1841
1968
|
className: "filter-bar-clear",
|
|
1842
1969
|
onClick: () => t?.(""),
|
|
1843
|
-
children: /* @__PURE__ */
|
|
1970
|
+
children: /* @__PURE__ */ z(L, { size: 12 })
|
|
1844
1971
|
})
|
|
1845
1972
|
]
|
|
1846
1973
|
}),
|
|
1847
|
-
/* @__PURE__ */
|
|
1974
|
+
/* @__PURE__ */ B("div", {
|
|
1848
1975
|
className: "filter-bar-filters",
|
|
1849
1976
|
children: [
|
|
1850
|
-
/* @__PURE__ */
|
|
1977
|
+
/* @__PURE__ */ z(w, {
|
|
1851
1978
|
size: 14,
|
|
1852
1979
|
style: { color: "var(--text-tertiary)" }
|
|
1853
1980
|
}),
|
|
1854
|
-
n.map((e) => /* @__PURE__ */
|
|
1981
|
+
n.map((e) => /* @__PURE__ */ B("button", {
|
|
1855
1982
|
className: `filter-chip ${e.active ? "active" : ""}`,
|
|
1856
1983
|
onClick: e.onClick,
|
|
1857
|
-
children: [e.label, e.active && e.value && /* @__PURE__ */
|
|
1984
|
+
children: [e.label, e.active && e.value && /* @__PURE__ */ z("span", {
|
|
1858
1985
|
className: "filter-chip-value",
|
|
1859
1986
|
children: e.value
|
|
1860
1987
|
})]
|
|
1861
1988
|
}, e.label)),
|
|
1862
|
-
o && r && /* @__PURE__ */
|
|
1989
|
+
o && r && /* @__PURE__ */ z("button", {
|
|
1863
1990
|
className: "filter-bar-clear-all",
|
|
1864
1991
|
onClick: r,
|
|
1865
1992
|
children: "Clear all"
|
|
@@ -1875,76 +2002,76 @@ function jt({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAl
|
|
|
1875
2002
|
function Q(...e) {
|
|
1876
2003
|
return e.filter(Boolean).join(" ");
|
|
1877
2004
|
}
|
|
1878
|
-
function
|
|
1879
|
-
return /* @__PURE__ */
|
|
2005
|
+
function Pt({ children: e, className: t = "", style: n }) {
|
|
2006
|
+
return /* @__PURE__ */ z("div", {
|
|
1880
2007
|
className: Q("kanban-board", t),
|
|
1881
2008
|
style: n,
|
|
1882
2009
|
children: e
|
|
1883
2010
|
});
|
|
1884
2011
|
}
|
|
1885
|
-
function
|
|
1886
|
-
return /* @__PURE__ */
|
|
2012
|
+
function Ft({ 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 }) {
|
|
2013
|
+
return /* @__PURE__ */ B("div", {
|
|
1887
2014
|
className: Q("kanban-column", o),
|
|
1888
2015
|
style: s,
|
|
1889
|
-
children: [/* @__PURE__ */
|
|
2016
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1890
2017
|
className: Q("kanban-column-header", c),
|
|
1891
2018
|
style: l,
|
|
1892
|
-
children: [/* @__PURE__ */
|
|
2019
|
+
children: [/* @__PURE__ */ B("div", {
|
|
1893
2020
|
className: "kanban-column-title",
|
|
1894
2021
|
children: [
|
|
1895
|
-
n && /* @__PURE__ */
|
|
2022
|
+
n && /* @__PURE__ */ z("span", {
|
|
1896
2023
|
className: "kanban-column-dot",
|
|
1897
2024
|
style: { background: n }
|
|
1898
2025
|
}),
|
|
1899
|
-
/* @__PURE__ */
|
|
2026
|
+
/* @__PURE__ */ z("span", {
|
|
1900
2027
|
className: "kanban-column-title-label",
|
|
1901
2028
|
children: e
|
|
1902
2029
|
}),
|
|
1903
|
-
t != null && /* @__PURE__ */
|
|
2030
|
+
t != null && /* @__PURE__ */ z(X, {
|
|
1904
2031
|
showDot: !1,
|
|
1905
2032
|
className: Q("workflow-column-count", "kanban-column-count", i === "inline" ? "kanban-column-count--inline" : "", u),
|
|
1906
2033
|
children: t
|
|
1907
2034
|
})
|
|
1908
2035
|
]
|
|
1909
|
-
}), r && /* @__PURE__ */
|
|
2036
|
+
}), r && /* @__PURE__ */ z("div", {
|
|
1910
2037
|
className: "kanban-column-header-meta",
|
|
1911
|
-
children: /* @__PURE__ */
|
|
2038
|
+
children: /* @__PURE__ */ z("div", {
|
|
1912
2039
|
className: "kanban-column-header-action",
|
|
1913
2040
|
children: r
|
|
1914
2041
|
})
|
|
1915
2042
|
})]
|
|
1916
|
-
}), /* @__PURE__ */
|
|
2043
|
+
}), /* @__PURE__ */ z("div", {
|
|
1917
2044
|
className: Q("kanban-column-body", d),
|
|
1918
2045
|
style: f,
|
|
1919
2046
|
children: a
|
|
1920
2047
|
})]
|
|
1921
2048
|
});
|
|
1922
2049
|
}
|
|
1923
|
-
function
|
|
2050
|
+
function It({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd: a, children: o, onClick: s, className: c = "", style: l }) {
|
|
1924
2051
|
let u = a ?? r;
|
|
1925
|
-
return /* @__PURE__ */
|
|
2052
|
+
return /* @__PURE__ */ z("div", {
|
|
1926
2053
|
className: Q("kanban-card", c),
|
|
1927
2054
|
onClick: s,
|
|
1928
2055
|
style: l,
|
|
1929
|
-
children: o || /* @__PURE__ */
|
|
2056
|
+
children: o || /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
|
|
1930
2057
|
className: "kanban-card-body",
|
|
1931
2058
|
children: [
|
|
1932
|
-
e && /* @__PURE__ */
|
|
2059
|
+
e && /* @__PURE__ */ z("div", {
|
|
1933
2060
|
className: "kanban-card-title",
|
|
1934
2061
|
children: e
|
|
1935
2062
|
}),
|
|
1936
|
-
t && /* @__PURE__ */
|
|
2063
|
+
t && /* @__PURE__ */ z("div", {
|
|
1937
2064
|
className: "kanban-card-subtitle",
|
|
1938
2065
|
children: t
|
|
1939
2066
|
}),
|
|
1940
|
-
n && /* @__PURE__ */
|
|
2067
|
+
n && /* @__PURE__ */ z("div", {
|
|
1941
2068
|
className: "kanban-card-badges",
|
|
1942
2069
|
children: n
|
|
1943
2070
|
})
|
|
1944
2071
|
]
|
|
1945
|
-
}), (u || i) && /* @__PURE__ */
|
|
2072
|
+
}), (u || i) && /* @__PURE__ */ B("div", {
|
|
1946
2073
|
className: "kanban-card-footer",
|
|
1947
|
-
children: [i && /* @__PURE__ */
|
|
2074
|
+
children: [i && /* @__PURE__ */ z("div", {
|
|
1948
2075
|
className: "kanban-card-footer-text",
|
|
1949
2076
|
children: i
|
|
1950
2077
|
}), u]
|
|
@@ -1956,51 +2083,51 @@ function Pt({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd:
|
|
|
1956
2083
|
function $(...e) {
|
|
1957
2084
|
return e.filter(Boolean).join(" ");
|
|
1958
2085
|
}
|
|
1959
|
-
function
|
|
1960
|
-
return /* @__PURE__ */
|
|
2086
|
+
function Lt({ children: e, className: t = "" }) {
|
|
2087
|
+
return /* @__PURE__ */ z("div", {
|
|
1961
2088
|
className: $("table-board", t),
|
|
1962
2089
|
children: e
|
|
1963
2090
|
});
|
|
1964
2091
|
}
|
|
1965
|
-
function
|
|
1966
|
-
let [c,
|
|
2092
|
+
function Rt({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0, onOpenChange: a, children: o, className: s = "" }) {
|
|
2093
|
+
let [c, l] = u(i), d = r != null, f = d ? r : c;
|
|
1967
2094
|
function p() {
|
|
1968
2095
|
let e = !f;
|
|
1969
|
-
d ||
|
|
2096
|
+
d || l(e), a?.(e);
|
|
1970
2097
|
}
|
|
1971
|
-
return /* @__PURE__ */
|
|
2098
|
+
return /* @__PURE__ */ B("section", {
|
|
1972
2099
|
className: $("table-board-group", s),
|
|
1973
2100
|
style: n ? { "--table-board-group-accent-color": n } : void 0,
|
|
1974
|
-
children: [/* @__PURE__ */
|
|
2101
|
+
children: [/* @__PURE__ */ B("button", {
|
|
1975
2102
|
type: "button",
|
|
1976
2103
|
className: "table-board-group-header",
|
|
1977
2104
|
onClick: p,
|
|
1978
2105
|
"aria-expanded": f,
|
|
1979
2106
|
children: [
|
|
1980
|
-
/* @__PURE__ */
|
|
2107
|
+
/* @__PURE__ */ z("span", {
|
|
1981
2108
|
className: $("table-board-group-chevron", !f && "collapsed"),
|
|
1982
|
-
children: /* @__PURE__ */
|
|
2109
|
+
children: /* @__PURE__ */ z(v, { size: 12 })
|
|
1983
2110
|
}),
|
|
1984
|
-
/* @__PURE__ */
|
|
2111
|
+
/* @__PURE__ */ z("span", {
|
|
1985
2112
|
className: "table-board-group-label",
|
|
1986
2113
|
children: e
|
|
1987
2114
|
}),
|
|
1988
|
-
t != null && /* @__PURE__ */
|
|
2115
|
+
t != null && /* @__PURE__ */ z("span", {
|
|
1989
2116
|
className: "table-board-group-count",
|
|
1990
2117
|
children: t
|
|
1991
2118
|
})
|
|
1992
2119
|
]
|
|
1993
|
-
}), /* @__PURE__ */
|
|
2120
|
+
}), /* @__PURE__ */ z("div", {
|
|
1994
2121
|
className: $("table-board-group-panel", f && "open"),
|
|
1995
|
-
children: /* @__PURE__ */
|
|
2122
|
+
children: /* @__PURE__ */ z("div", {
|
|
1996
2123
|
className: "table-board-group-panel-inner",
|
|
1997
2124
|
children: o
|
|
1998
2125
|
})
|
|
1999
2126
|
})]
|
|
2000
2127
|
});
|
|
2001
2128
|
}
|
|
2002
|
-
function
|
|
2003
|
-
let D = typeof T == "function", O =
|
|
2129
|
+
function zt({ 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 = "" }) {
|
|
2130
|
+
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
2131
|
...F,
|
|
2005
2132
|
...I > 0 ? [{
|
|
2006
2133
|
label: `+${I}`,
|
|
@@ -2008,16 +2135,16 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2008
2135
|
}] : [],
|
|
2009
2136
|
...P
|
|
2010
2137
|
];
|
|
2011
|
-
function
|
|
2138
|
+
function R(e) {
|
|
2012
2139
|
D && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
|
|
2013
2140
|
}
|
|
2014
|
-
let
|
|
2141
|
+
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
2142
|
imageUrl: y,
|
|
2016
2143
|
initials: b,
|
|
2017
|
-
name:
|
|
2144
|
+
name: V,
|
|
2018
2145
|
size: "sm",
|
|
2019
2146
|
className: "table-board-avatar",
|
|
2020
|
-
style:
|
|
2147
|
+
style: H
|
|
2021
2148
|
}) : null);
|
|
2022
2149
|
return o(() => {
|
|
2023
2150
|
let e = O.current;
|
|
@@ -2034,49 +2161,49 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2034
2161
|
return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
2035
2162
|
}, [
|
|
2036
2163
|
L.length,
|
|
2037
|
-
|
|
2038
|
-
|
|
2164
|
+
c,
|
|
2165
|
+
d,
|
|
2039
2166
|
p
|
|
2040
|
-
]), /* @__PURE__ */
|
|
2167
|
+
]), /* @__PURE__ */ B("div", {
|
|
2041
2168
|
className: $("table-board-row", D && "clickable", E),
|
|
2042
2169
|
onClick: T,
|
|
2043
|
-
onKeyDown:
|
|
2170
|
+
onKeyDown: R,
|
|
2044
2171
|
role: D ? "button" : void 0,
|
|
2045
2172
|
tabIndex: D ? 0 : void 0,
|
|
2046
2173
|
children: [
|
|
2047
|
-
/* @__PURE__ */
|
|
2174
|
+
/* @__PURE__ */ z("span", {
|
|
2048
2175
|
className: "table-board-priority",
|
|
2049
2176
|
children: e
|
|
2050
2177
|
}),
|
|
2051
|
-
t && /* @__PURE__ */
|
|
2178
|
+
t && /* @__PURE__ */ z("span", {
|
|
2052
2179
|
className: "table-board-id",
|
|
2053
2180
|
children: t
|
|
2054
2181
|
}),
|
|
2055
|
-
/* @__PURE__ */
|
|
2182
|
+
/* @__PURE__ */ z("span", {
|
|
2056
2183
|
className: "table-board-status",
|
|
2057
|
-
children: /* @__PURE__ */
|
|
2184
|
+
children: /* @__PURE__ */ z("span", {
|
|
2058
2185
|
className: "table-board-status-dot",
|
|
2059
2186
|
style: { background: n }
|
|
2060
2187
|
})
|
|
2061
2188
|
}),
|
|
2062
|
-
/* @__PURE__ */
|
|
2189
|
+
/* @__PURE__ */ B("span", {
|
|
2063
2190
|
className: $("table-board-title-block", s && "inline-subtitle"),
|
|
2064
|
-
children: [/* @__PURE__ */
|
|
2191
|
+
children: [/* @__PURE__ */ z("span", {
|
|
2065
2192
|
className: "table-board-title",
|
|
2066
2193
|
children: i
|
|
2067
|
-
}), a != null && a !== "" && /* @__PURE__ */
|
|
2194
|
+
}), a != null && a !== "" && /* @__PURE__ */ z("span", {
|
|
2068
2195
|
className: $("table-board-subtitle", s && "inline"),
|
|
2069
2196
|
children: a
|
|
2070
2197
|
})]
|
|
2071
2198
|
}),
|
|
2072
|
-
/* @__PURE__ */
|
|
2073
|
-
L.length > 0 && /* @__PURE__ */
|
|
2199
|
+
/* @__PURE__ */ z("span", { className: "table-board-spacer" }),
|
|
2200
|
+
L.length > 0 && /* @__PURE__ */ z("span", {
|
|
2074
2201
|
ref: O,
|
|
2075
2202
|
className: $("table-board-pills", k && "has-overflow"),
|
|
2076
|
-
children: L.map((e, t) => /* @__PURE__ */
|
|
2203
|
+
children: L.map((e, t) => /* @__PURE__ */ B("span", {
|
|
2077
2204
|
className: "table-board-pill",
|
|
2078
2205
|
children: [
|
|
2079
|
-
e.showDot !== !1 && /* @__PURE__ */
|
|
2206
|
+
e.showDot !== !1 && /* @__PURE__ */ z("span", {
|
|
2080
2207
|
className: "table-board-pill-dot",
|
|
2081
2208
|
style: { background: e.color || "var(--text-quaternary)" }
|
|
2082
2209
|
}),
|
|
@@ -2085,18 +2212,18 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2085
2212
|
]
|
|
2086
2213
|
}, `${e.label}-${t}`))
|
|
2087
2214
|
}),
|
|
2088
|
-
m != null && (r(m) ? m : /* @__PURE__ */
|
|
2215
|
+
m != null && (r(m) ? m : /* @__PURE__ */ z(X, {
|
|
2089
2216
|
className: "table-board-metric",
|
|
2090
2217
|
showDot: !1,
|
|
2091
|
-
children: /* @__PURE__ */
|
|
2218
|
+
children: /* @__PURE__ */ z(gt, {
|
|
2092
2219
|
tone: h,
|
|
2093
|
-
icon:
|
|
2220
|
+
icon: U,
|
|
2094
2221
|
showIcon: _,
|
|
2095
2222
|
children: m
|
|
2096
2223
|
})
|
|
2097
2224
|
})),
|
|
2098
|
-
|
|
2099
|
-
w && /* @__PURE__ */
|
|
2225
|
+
ee,
|
|
2226
|
+
w && /* @__PURE__ */ z("span", {
|
|
2100
2227
|
className: "table-board-meta",
|
|
2101
2228
|
children: w
|
|
2102
2229
|
})
|
|
@@ -2105,40 +2232,40 @@ function Lt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2105
2232
|
}
|
|
2106
2233
|
//#endregion
|
|
2107
2234
|
//#region src/components/data/KPICard.jsx
|
|
2108
|
-
function
|
|
2235
|
+
function Bt({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral", icon: a, className: o = "" }) {
|
|
2109
2236
|
let s = {
|
|
2110
2237
|
up: "var(--accent-green)",
|
|
2111
2238
|
down: "var(--accent-red)",
|
|
2112
2239
|
neutral: "var(--text-tertiary)"
|
|
2113
|
-
}, c = i === "up" ?
|
|
2114
|
-
return /* @__PURE__ */
|
|
2240
|
+
}, c = i === "up" ? I : i === "down" ? F : j;
|
|
2241
|
+
return /* @__PURE__ */ B("div", {
|
|
2115
2242
|
className: `kpi-card ${o}`,
|
|
2116
2243
|
children: [
|
|
2117
|
-
/* @__PURE__ */
|
|
2244
|
+
/* @__PURE__ */ B("div", {
|
|
2118
2245
|
className: "kpi-header",
|
|
2119
|
-
children: [/* @__PURE__ */
|
|
2246
|
+
children: [/* @__PURE__ */ z("span", {
|
|
2120
2247
|
className: "kpi-title",
|
|
2121
2248
|
children: e
|
|
2122
|
-
}), a && /* @__PURE__ */
|
|
2249
|
+
}), a && /* @__PURE__ */ z("span", {
|
|
2123
2250
|
className: "kpi-icon",
|
|
2124
2251
|
children: a
|
|
2125
2252
|
})]
|
|
2126
2253
|
}),
|
|
2127
|
-
/* @__PURE__ */
|
|
2254
|
+
/* @__PURE__ */ z("div", {
|
|
2128
2255
|
className: "kpi-value",
|
|
2129
2256
|
children: t
|
|
2130
2257
|
}),
|
|
2131
|
-
(n !== void 0 || r) && /* @__PURE__ */
|
|
2258
|
+
(n !== void 0 || r) && /* @__PURE__ */ B("div", {
|
|
2132
2259
|
className: "kpi-footer",
|
|
2133
|
-
children: [/* @__PURE__ */
|
|
2260
|
+
children: [/* @__PURE__ */ B("span", {
|
|
2134
2261
|
className: "kpi-trend",
|
|
2135
2262
|
style: { color: s[i] },
|
|
2136
|
-
children: [/* @__PURE__ */
|
|
2263
|
+
children: [/* @__PURE__ */ z(c, { size: 12 }), n !== void 0 && /* @__PURE__ */ B("span", { children: [
|
|
2137
2264
|
n > 0 ? "+" : "",
|
|
2138
2265
|
n,
|
|
2139
2266
|
"%"
|
|
2140
2267
|
] })]
|
|
2141
|
-
}), r && /* @__PURE__ */
|
|
2268
|
+
}), r && /* @__PURE__ */ z("span", {
|
|
2142
2269
|
className: "kpi-change-label",
|
|
2143
2270
|
children: r
|
|
2144
2271
|
})]
|
|
@@ -2146,24 +2273,24 @@ function Rt({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral
|
|
|
2146
2273
|
]
|
|
2147
2274
|
});
|
|
2148
2275
|
}
|
|
2149
|
-
function
|
|
2150
|
-
return /* @__PURE__ */
|
|
2276
|
+
function Vt({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
|
|
2277
|
+
return /* @__PURE__ */ B("div", {
|
|
2151
2278
|
className: `stat-card ${i}`,
|
|
2152
|
-
children: [r && /* @__PURE__ */
|
|
2279
|
+
children: [r && /* @__PURE__ */ z("div", {
|
|
2153
2280
|
className: "stat-card-accent",
|
|
2154
2281
|
style: { background: r }
|
|
2155
|
-
}), /* @__PURE__ */
|
|
2282
|
+
}), /* @__PURE__ */ B("div", {
|
|
2156
2283
|
className: "stat-card-content",
|
|
2157
2284
|
children: [
|
|
2158
|
-
/* @__PURE__ */
|
|
2285
|
+
/* @__PURE__ */ z("span", {
|
|
2159
2286
|
className: "stat-card-label",
|
|
2160
2287
|
children: e
|
|
2161
2288
|
}),
|
|
2162
|
-
/* @__PURE__ */
|
|
2289
|
+
/* @__PURE__ */ z("span", {
|
|
2163
2290
|
className: "stat-card-value",
|
|
2164
2291
|
children: t
|
|
2165
2292
|
}),
|
|
2166
|
-
n && /* @__PURE__ */
|
|
2293
|
+
n && /* @__PURE__ */ z("span", {
|
|
2167
2294
|
className: "stat-card-subtitle",
|
|
2168
2295
|
children: n
|
|
2169
2296
|
})
|
|
@@ -2173,56 +2300,56 @@ function zt({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
|
|
|
2173
2300
|
}
|
|
2174
2301
|
//#endregion
|
|
2175
2302
|
//#region src/components/data/NotificationsPanel.jsx
|
|
2176
|
-
function
|
|
2303
|
+
function Ht({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className: r = "" }) {
|
|
2177
2304
|
let i = e.filter((e) => !e.read);
|
|
2178
|
-
return /* @__PURE__ */
|
|
2305
|
+
return /* @__PURE__ */ B("div", {
|
|
2179
2306
|
className: `notifications-panel ${r}`,
|
|
2180
|
-
children: [/* @__PURE__ */
|
|
2307
|
+
children: [/* @__PURE__ */ B("div", {
|
|
2181
2308
|
className: "notifications-header",
|
|
2182
|
-
children: [/* @__PURE__ */
|
|
2309
|
+
children: [/* @__PURE__ */ B("div", {
|
|
2183
2310
|
className: "notifications-title",
|
|
2184
2311
|
children: [
|
|
2185
|
-
/* @__PURE__ */
|
|
2186
|
-
/* @__PURE__ */
|
|
2187
|
-
i.length > 0 && /* @__PURE__ */
|
|
2312
|
+
/* @__PURE__ */ z(p, { size: 16 }),
|
|
2313
|
+
/* @__PURE__ */ z("span", { children: "Notifications" }),
|
|
2314
|
+
i.length > 0 && /* @__PURE__ */ z("span", {
|
|
2188
2315
|
className: "badge badge-purple",
|
|
2189
2316
|
style: { marginLeft: "var(--space-1)" },
|
|
2190
2317
|
children: i.length
|
|
2191
2318
|
})
|
|
2192
2319
|
]
|
|
2193
|
-
}), i.length > 0 && /* @__PURE__ */
|
|
2320
|
+
}), i.length > 0 && /* @__PURE__ */ B("button", {
|
|
2194
2321
|
className: "btn btn-ghost btn-sm",
|
|
2195
2322
|
onClick: n,
|
|
2196
|
-
children: [/* @__PURE__ */
|
|
2323
|
+
children: [/* @__PURE__ */ z(g, { size: 14 }), " Mark all read"]
|
|
2197
2324
|
})]
|
|
2198
|
-
}), /* @__PURE__ */
|
|
2325
|
+
}), /* @__PURE__ */ B("div", {
|
|
2199
2326
|
className: "notifications-list",
|
|
2200
|
-
children: [e.length === 0 && /* @__PURE__ */
|
|
2327
|
+
children: [e.length === 0 && /* @__PURE__ */ z("div", {
|
|
2201
2328
|
className: "notifications-empty",
|
|
2202
2329
|
children: "No notifications"
|
|
2203
|
-
}), e.map((e) => /* @__PURE__ */
|
|
2330
|
+
}), e.map((e) => /* @__PURE__ */ B("div", {
|
|
2204
2331
|
className: `notification-item ${e.read ? "" : "unread"}`,
|
|
2205
2332
|
onClick: () => !e.read && t?.(e.id),
|
|
2206
2333
|
children: [
|
|
2207
|
-
/* @__PURE__ */
|
|
2334
|
+
/* @__PURE__ */ z(Y, {
|
|
2208
2335
|
name: e.user,
|
|
2209
2336
|
size: "sm"
|
|
2210
2337
|
}),
|
|
2211
|
-
/* @__PURE__ */
|
|
2338
|
+
/* @__PURE__ */ B("div", {
|
|
2212
2339
|
className: "notification-content",
|
|
2213
|
-
children: [/* @__PURE__ */
|
|
2340
|
+
children: [/* @__PURE__ */ B("div", {
|
|
2214
2341
|
className: "notification-text",
|
|
2215
2342
|
children: [
|
|
2216
|
-
/* @__PURE__ */
|
|
2343
|
+
/* @__PURE__ */ z("strong", { children: e.user }),
|
|
2217
2344
|
" ",
|
|
2218
2345
|
e.text
|
|
2219
2346
|
]
|
|
2220
|
-
}), /* @__PURE__ */
|
|
2347
|
+
}), /* @__PURE__ */ z("span", {
|
|
2221
2348
|
className: "notification-time",
|
|
2222
2349
|
children: e.time
|
|
2223
2350
|
})]
|
|
2224
2351
|
}),
|
|
2225
|
-
!e.read && /* @__PURE__ */
|
|
2352
|
+
!e.read && /* @__PURE__ */ z("div", { className: "notification-dot" })
|
|
2226
2353
|
]
|
|
2227
2354
|
}, e.id))]
|
|
2228
2355
|
})]
|
|
@@ -2230,46 +2357,46 @@ function Bt({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className:
|
|
|
2230
2357
|
}
|
|
2231
2358
|
//#endregion
|
|
2232
2359
|
//#region src/components/Icons.jsx
|
|
2233
|
-
function
|
|
2234
|
-
return /* @__PURE__ */
|
|
2360
|
+
function Ut() {
|
|
2361
|
+
return /* @__PURE__ */ z("svg", {
|
|
2235
2362
|
width: "16",
|
|
2236
2363
|
height: "16",
|
|
2237
2364
|
viewBox: "0 0 16 16",
|
|
2238
2365
|
fill: "currentColor",
|
|
2239
|
-
children: /* @__PURE__ */
|
|
2366
|
+
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
2367
|
});
|
|
2241
2368
|
}
|
|
2242
|
-
function
|
|
2243
|
-
return /* @__PURE__ */
|
|
2369
|
+
function Wt() {
|
|
2370
|
+
return /* @__PURE__ */ B("svg", {
|
|
2244
2371
|
width: "16",
|
|
2245
2372
|
height: "16",
|
|
2246
2373
|
viewBox: "0 0 16 16",
|
|
2247
2374
|
fill: "currentColor",
|
|
2248
|
-
children: [/* @__PURE__ */
|
|
2375
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2249
2376
|
cx: "8",
|
|
2250
2377
|
cy: "8",
|
|
2251
2378
|
r: "6",
|
|
2252
2379
|
fill: "none",
|
|
2253
2380
|
stroke: "currentColor",
|
|
2254
2381
|
strokeWidth: "1.5"
|
|
2255
|
-
}), /* @__PURE__ */
|
|
2382
|
+
}), /* @__PURE__ */ z("circle", {
|
|
2256
2383
|
cx: "8",
|
|
2257
2384
|
cy: "8",
|
|
2258
2385
|
r: "2"
|
|
2259
2386
|
})]
|
|
2260
2387
|
});
|
|
2261
2388
|
}
|
|
2262
|
-
function
|
|
2263
|
-
return /* @__PURE__ */
|
|
2389
|
+
function Gt() {
|
|
2390
|
+
return /* @__PURE__ */ z("svg", {
|
|
2264
2391
|
width: "16",
|
|
2265
2392
|
height: "16",
|
|
2266
2393
|
viewBox: "0 0 16 16",
|
|
2267
2394
|
fill: "currentColor",
|
|
2268
|
-
children: /* @__PURE__ */
|
|
2395
|
+
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
2396
|
});
|
|
2270
2397
|
}
|
|
2271
|
-
function
|
|
2272
|
-
return /* @__PURE__ */
|
|
2398
|
+
function Kt() {
|
|
2399
|
+
return /* @__PURE__ */ z("svg", {
|
|
2273
2400
|
width: "16",
|
|
2274
2401
|
height: "16",
|
|
2275
2402
|
viewBox: "0 0 16 16",
|
|
@@ -2278,45 +2405,45 @@ function Wt() {
|
|
|
2278
2405
|
strokeWidth: "1.5",
|
|
2279
2406
|
strokeLinecap: "round",
|
|
2280
2407
|
strokeLinejoin: "round",
|
|
2281
|
-
children: /* @__PURE__ */
|
|
2408
|
+
children: /* @__PURE__ */ z("path", { d: "M1 8h3l2-5 2 10 2-5h3" })
|
|
2282
2409
|
});
|
|
2283
2410
|
}
|
|
2284
|
-
function
|
|
2285
|
-
return /* @__PURE__ */
|
|
2411
|
+
function qt() {
|
|
2412
|
+
return /* @__PURE__ */ z("svg", {
|
|
2286
2413
|
width: "16",
|
|
2287
2414
|
height: "16",
|
|
2288
2415
|
viewBox: "0 0 16 16",
|
|
2289
2416
|
fill: "currentColor",
|
|
2290
|
-
children: /* @__PURE__ */
|
|
2417
|
+
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
2418
|
});
|
|
2292
2419
|
}
|
|
2293
|
-
function
|
|
2294
|
-
return /* @__PURE__ */
|
|
2420
|
+
function Jt() {
|
|
2421
|
+
return /* @__PURE__ */ z("svg", {
|
|
2295
2422
|
width: "16",
|
|
2296
2423
|
height: "16",
|
|
2297
2424
|
viewBox: "0 0 16 16",
|
|
2298
2425
|
fill: "currentColor",
|
|
2299
|
-
children: /* @__PURE__ */
|
|
2426
|
+
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
2427
|
});
|
|
2301
2428
|
}
|
|
2302
|
-
function
|
|
2303
|
-
return /* @__PURE__ */
|
|
2429
|
+
function Yt() {
|
|
2430
|
+
return /* @__PURE__ */ B("svg", {
|
|
2304
2431
|
width: "16",
|
|
2305
2432
|
height: "16",
|
|
2306
2433
|
viewBox: "0 0 16 16",
|
|
2307
2434
|
fill: "currentColor",
|
|
2308
2435
|
children: [
|
|
2309
|
-
/* @__PURE__ */
|
|
2436
|
+
/* @__PURE__ */ z("circle", {
|
|
2310
2437
|
cx: "4",
|
|
2311
2438
|
cy: "8",
|
|
2312
2439
|
r: "1.5"
|
|
2313
2440
|
}),
|
|
2314
|
-
/* @__PURE__ */
|
|
2441
|
+
/* @__PURE__ */ z("circle", {
|
|
2315
2442
|
cx: "8",
|
|
2316
2443
|
cy: "8",
|
|
2317
2444
|
r: "1.5"
|
|
2318
2445
|
}),
|
|
2319
|
-
/* @__PURE__ */
|
|
2446
|
+
/* @__PURE__ */ z("circle", {
|
|
2320
2447
|
cx: "12",
|
|
2321
2448
|
cy: "8",
|
|
2322
2449
|
r: "1.5"
|
|
@@ -2324,26 +2451,26 @@ function qt() {
|
|
|
2324
2451
|
]
|
|
2325
2452
|
});
|
|
2326
2453
|
}
|
|
2327
|
-
function
|
|
2328
|
-
return /* @__PURE__ */
|
|
2454
|
+
function Xt() {
|
|
2455
|
+
return /* @__PURE__ */ B("svg", {
|
|
2329
2456
|
width: "16",
|
|
2330
2457
|
height: "16",
|
|
2331
2458
|
viewBox: "0 0 16 16",
|
|
2332
2459
|
fill: "none",
|
|
2333
2460
|
stroke: "currentColor",
|
|
2334
2461
|
strokeWidth: "1.5",
|
|
2335
|
-
children: [/* @__PURE__ */
|
|
2462
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2336
2463
|
cx: "7",
|
|
2337
2464
|
cy: "7",
|
|
2338
2465
|
r: "4.5"
|
|
2339
|
-
}), /* @__PURE__ */
|
|
2466
|
+
}), /* @__PURE__ */ z("path", {
|
|
2340
2467
|
d: "M10.5 10.5L14 14",
|
|
2341
2468
|
strokeLinecap: "round"
|
|
2342
2469
|
})]
|
|
2343
2470
|
});
|
|
2344
2471
|
}
|
|
2345
|
-
function
|
|
2346
|
-
return /* @__PURE__ */
|
|
2472
|
+
function Zt() {
|
|
2473
|
+
return /* @__PURE__ */ z("svg", {
|
|
2347
2474
|
width: "16",
|
|
2348
2475
|
height: "16",
|
|
2349
2476
|
viewBox: "0 0 16 16",
|
|
@@ -2352,11 +2479,11 @@ function Yt() {
|
|
|
2352
2479
|
strokeWidth: "1.5",
|
|
2353
2480
|
strokeLinecap: "round",
|
|
2354
2481
|
strokeLinejoin: "round",
|
|
2355
|
-
children: /* @__PURE__ */
|
|
2482
|
+
children: /* @__PURE__ */ z("path", { d: "M11 2l3 3-8 8H3v-3l8-8Z" })
|
|
2356
2483
|
});
|
|
2357
2484
|
}
|
|
2358
|
-
function
|
|
2359
|
-
return /* @__PURE__ */
|
|
2485
|
+
function Qt() {
|
|
2486
|
+
return /* @__PURE__ */ z("svg", {
|
|
2360
2487
|
width: "14",
|
|
2361
2488
|
height: "14",
|
|
2362
2489
|
viewBox: "0 0 14 14",
|
|
@@ -2365,11 +2492,11 @@ function Xt() {
|
|
|
2365
2492
|
strokeWidth: "1.5",
|
|
2366
2493
|
strokeLinecap: "round",
|
|
2367
2494
|
strokeLinejoin: "round",
|
|
2368
|
-
children: /* @__PURE__ */
|
|
2495
|
+
children: /* @__PURE__ */ z("path", { d: "M3.5 5.5L7 9l3.5-3.5" })
|
|
2369
2496
|
});
|
|
2370
2497
|
}
|
|
2371
|
-
function
|
|
2372
|
-
return /* @__PURE__ */
|
|
2498
|
+
function $t() {
|
|
2499
|
+
return /* @__PURE__ */ z("svg", {
|
|
2373
2500
|
width: "14",
|
|
2374
2501
|
height: "14",
|
|
2375
2502
|
viewBox: "0 0 14 14",
|
|
@@ -2378,24 +2505,24 @@ function Zt() {
|
|
|
2378
2505
|
strokeWidth: "1.5",
|
|
2379
2506
|
strokeLinecap: "round",
|
|
2380
2507
|
strokeLinejoin: "round",
|
|
2381
|
-
children: /* @__PURE__ */
|
|
2508
|
+
children: /* @__PURE__ */ z("path", { d: "M3.5 9L7 5.5 10.5 9" })
|
|
2382
2509
|
});
|
|
2383
2510
|
}
|
|
2384
|
-
function
|
|
2385
|
-
return /* @__PURE__ */
|
|
2511
|
+
function en() {
|
|
2512
|
+
return /* @__PURE__ */ z("svg", {
|
|
2386
2513
|
width: "14",
|
|
2387
2514
|
height: "14",
|
|
2388
2515
|
viewBox: "0 0 14 14",
|
|
2389
2516
|
fill: "#c9a84e",
|
|
2390
|
-
children: /* @__PURE__ */
|
|
2517
|
+
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
2518
|
});
|
|
2392
2519
|
}
|
|
2393
|
-
function
|
|
2394
|
-
return /* @__PURE__ */
|
|
2520
|
+
function tn() {
|
|
2521
|
+
return /* @__PURE__ */ B("svg", {
|
|
2395
2522
|
width: "14",
|
|
2396
2523
|
height: "14",
|
|
2397
2524
|
viewBox: "0 0 14 14",
|
|
2398
|
-
children: [/* @__PURE__ */
|
|
2525
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2399
2526
|
cx: "7",
|
|
2400
2527
|
cy: "7",
|
|
2401
2528
|
r: "5.5",
|
|
@@ -2403,7 +2530,7 @@ function $t() {
|
|
|
2403
2530
|
stroke: "#c9a84e",
|
|
2404
2531
|
strokeWidth: "1.5",
|
|
2405
2532
|
strokeDasharray: "8.6 2.9"
|
|
2406
|
-
}), /* @__PURE__ */
|
|
2533
|
+
}), /* @__PURE__ */ z("circle", {
|
|
2407
2534
|
cx: "7",
|
|
2408
2535
|
cy: "7",
|
|
2409
2536
|
r: "2",
|
|
@@ -2411,17 +2538,17 @@ function $t() {
|
|
|
2411
2538
|
})]
|
|
2412
2539
|
});
|
|
2413
2540
|
}
|
|
2414
|
-
function
|
|
2415
|
-
return /* @__PURE__ */
|
|
2541
|
+
function nn() {
|
|
2542
|
+
return /* @__PURE__ */ B("svg", {
|
|
2416
2543
|
width: "14",
|
|
2417
2544
|
height: "14",
|
|
2418
2545
|
viewBox: "0 0 14 14",
|
|
2419
|
-
children: [/* @__PURE__ */
|
|
2546
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2420
2547
|
cx: "7",
|
|
2421
2548
|
cy: "7",
|
|
2422
2549
|
r: "6",
|
|
2423
2550
|
fill: "#5bb98e"
|
|
2424
|
-
}), /* @__PURE__ */
|
|
2551
|
+
}), /* @__PURE__ */ z("path", {
|
|
2425
2552
|
d: "M4.5 7l2 2 3-3.5",
|
|
2426
2553
|
stroke: "#08090a",
|
|
2427
2554
|
strokeWidth: "1.5",
|
|
@@ -2431,12 +2558,12 @@ function en() {
|
|
|
2431
2558
|
})]
|
|
2432
2559
|
});
|
|
2433
2560
|
}
|
|
2434
|
-
function
|
|
2435
|
-
return /* @__PURE__ */
|
|
2561
|
+
function rn() {
|
|
2562
|
+
return /* @__PURE__ */ z("svg", {
|
|
2436
2563
|
width: "14",
|
|
2437
2564
|
height: "14",
|
|
2438
2565
|
viewBox: "0 0 14 14",
|
|
2439
|
-
children: /* @__PURE__ */
|
|
2566
|
+
children: /* @__PURE__ */ z("circle", {
|
|
2440
2567
|
cx: "7",
|
|
2441
2568
|
cy: "7",
|
|
2442
2569
|
r: "5.5",
|
|
@@ -2446,12 +2573,12 @@ function tn() {
|
|
|
2446
2573
|
})
|
|
2447
2574
|
});
|
|
2448
2575
|
}
|
|
2449
|
-
function
|
|
2450
|
-
return /* @__PURE__ */
|
|
2576
|
+
function an() {
|
|
2577
|
+
return /* @__PURE__ */ z("svg", {
|
|
2451
2578
|
width: "14",
|
|
2452
2579
|
height: "14",
|
|
2453
2580
|
viewBox: "0 0 14 14",
|
|
2454
|
-
children: /* @__PURE__ */
|
|
2581
|
+
children: /* @__PURE__ */ z("circle", {
|
|
2455
2582
|
cx: "7",
|
|
2456
2583
|
cy: "7",
|
|
2457
2584
|
r: "5.5",
|
|
@@ -2462,19 +2589,19 @@ function nn() {
|
|
|
2462
2589
|
})
|
|
2463
2590
|
});
|
|
2464
2591
|
}
|
|
2465
|
-
function
|
|
2466
|
-
return /* @__PURE__ */
|
|
2592
|
+
function on() {
|
|
2593
|
+
return /* @__PURE__ */ B("svg", {
|
|
2467
2594
|
width: "14",
|
|
2468
2595
|
height: "14",
|
|
2469
2596
|
viewBox: "0 0 14 14",
|
|
2470
|
-
children: [/* @__PURE__ */
|
|
2597
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2471
2598
|
cx: "7",
|
|
2472
2599
|
cy: "7",
|
|
2473
2600
|
r: "5.5",
|
|
2474
2601
|
fill: "none",
|
|
2475
2602
|
stroke: "#6b6d71",
|
|
2476
2603
|
strokeWidth: "1.5"
|
|
2477
|
-
}), /* @__PURE__ */
|
|
2604
|
+
}), /* @__PURE__ */ z("path", {
|
|
2478
2605
|
d: "M4.5 7h5",
|
|
2479
2606
|
stroke: "#6b6d71",
|
|
2480
2607
|
strokeWidth: "1.5",
|
|
@@ -2482,37 +2609,37 @@ function rn() {
|
|
|
2482
2609
|
})]
|
|
2483
2610
|
});
|
|
2484
2611
|
}
|
|
2485
|
-
function
|
|
2486
|
-
return /* @__PURE__ */
|
|
2612
|
+
function sn() {
|
|
2613
|
+
return /* @__PURE__ */ z("svg", {
|
|
2487
2614
|
width: "14",
|
|
2488
2615
|
height: "14",
|
|
2489
2616
|
viewBox: "0 0 14 14",
|
|
2490
2617
|
fill: "#c75a5a",
|
|
2491
|
-
children: /* @__PURE__ */
|
|
2618
|
+
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
2619
|
});
|
|
2493
2620
|
}
|
|
2494
|
-
function
|
|
2495
|
-
return /* @__PURE__ */
|
|
2621
|
+
function cn() {
|
|
2622
|
+
return /* @__PURE__ */ B("svg", {
|
|
2496
2623
|
width: "14",
|
|
2497
2624
|
height: "14",
|
|
2498
2625
|
viewBox: "0 0 14 14",
|
|
2499
2626
|
fill: "#c4a06a",
|
|
2500
2627
|
children: [
|
|
2501
|
-
/* @__PURE__ */
|
|
2628
|
+
/* @__PURE__ */ z("rect", {
|
|
2502
2629
|
x: "2",
|
|
2503
2630
|
y: "8",
|
|
2504
2631
|
width: "2.5",
|
|
2505
2632
|
height: "4",
|
|
2506
2633
|
rx: "0.5"
|
|
2507
2634
|
}),
|
|
2508
|
-
/* @__PURE__ */
|
|
2635
|
+
/* @__PURE__ */ z("rect", {
|
|
2509
2636
|
x: "5.75",
|
|
2510
2637
|
y: "5",
|
|
2511
2638
|
width: "2.5",
|
|
2512
2639
|
height: "7",
|
|
2513
2640
|
rx: "0.5"
|
|
2514
2641
|
}),
|
|
2515
|
-
/* @__PURE__ */
|
|
2642
|
+
/* @__PURE__ */ z("rect", {
|
|
2516
2643
|
x: "9.5",
|
|
2517
2644
|
y: "2",
|
|
2518
2645
|
width: "2.5",
|
|
@@ -2522,13 +2649,13 @@ function on() {
|
|
|
2522
2649
|
]
|
|
2523
2650
|
});
|
|
2524
2651
|
}
|
|
2525
|
-
function
|
|
2526
|
-
return /* @__PURE__ */
|
|
2652
|
+
function ln() {
|
|
2653
|
+
return /* @__PURE__ */ B("svg", {
|
|
2527
2654
|
width: "14",
|
|
2528
2655
|
height: "14",
|
|
2529
2656
|
viewBox: "0 0 14 14",
|
|
2530
2657
|
children: [
|
|
2531
|
-
/* @__PURE__ */
|
|
2658
|
+
/* @__PURE__ */ z("rect", {
|
|
2532
2659
|
x: "2",
|
|
2533
2660
|
y: "8",
|
|
2534
2661
|
width: "2.5",
|
|
@@ -2536,7 +2663,7 @@ function sn() {
|
|
|
2536
2663
|
rx: "0.5",
|
|
2537
2664
|
fill: "#c9a84e"
|
|
2538
2665
|
}),
|
|
2539
|
-
/* @__PURE__ */
|
|
2666
|
+
/* @__PURE__ */ z("rect", {
|
|
2540
2667
|
x: "5.75",
|
|
2541
2668
|
y: "5",
|
|
2542
2669
|
width: "2.5",
|
|
@@ -2544,7 +2671,7 @@ function sn() {
|
|
|
2544
2671
|
rx: "0.5",
|
|
2545
2672
|
fill: "#c9a84e"
|
|
2546
2673
|
}),
|
|
2547
|
-
/* @__PURE__ */
|
|
2674
|
+
/* @__PURE__ */ z("rect", {
|
|
2548
2675
|
x: "9.5",
|
|
2549
2676
|
y: "2",
|
|
2550
2677
|
width: "2.5",
|
|
@@ -2555,13 +2682,13 @@ function sn() {
|
|
|
2555
2682
|
]
|
|
2556
2683
|
});
|
|
2557
2684
|
}
|
|
2558
|
-
function
|
|
2559
|
-
return /* @__PURE__ */
|
|
2685
|
+
function un() {
|
|
2686
|
+
return /* @__PURE__ */ B("svg", {
|
|
2560
2687
|
width: "14",
|
|
2561
2688
|
height: "14",
|
|
2562
2689
|
viewBox: "0 0 14 14",
|
|
2563
2690
|
children: [
|
|
2564
|
-
/* @__PURE__ */
|
|
2691
|
+
/* @__PURE__ */ z("rect", {
|
|
2565
2692
|
x: "2",
|
|
2566
2693
|
y: "8",
|
|
2567
2694
|
width: "2.5",
|
|
@@ -2569,7 +2696,7 @@ function cn() {
|
|
|
2569
2696
|
rx: "0.5",
|
|
2570
2697
|
fill: "#5bb98e"
|
|
2571
2698
|
}),
|
|
2572
|
-
/* @__PURE__ */
|
|
2699
|
+
/* @__PURE__ */ z("rect", {
|
|
2573
2700
|
x: "5.75",
|
|
2574
2701
|
y: "5",
|
|
2575
2702
|
width: "2.5",
|
|
@@ -2577,7 +2704,7 @@ function cn() {
|
|
|
2577
2704
|
rx: "0.5",
|
|
2578
2705
|
fill: "#4e5054"
|
|
2579
2706
|
}),
|
|
2580
|
-
/* @__PURE__ */
|
|
2707
|
+
/* @__PURE__ */ z("rect", {
|
|
2581
2708
|
x: "9.5",
|
|
2582
2709
|
y: "2",
|
|
2583
2710
|
width: "2.5",
|
|
@@ -2588,8 +2715,8 @@ function cn() {
|
|
|
2588
2715
|
]
|
|
2589
2716
|
});
|
|
2590
2717
|
}
|
|
2591
|
-
function
|
|
2592
|
-
return /* @__PURE__ */
|
|
2718
|
+
function dn() {
|
|
2719
|
+
return /* @__PURE__ */ z("svg", {
|
|
2593
2720
|
width: "14",
|
|
2594
2721
|
height: "14",
|
|
2595
2722
|
viewBox: "0 0 14 14",
|
|
@@ -2597,11 +2724,11 @@ function ln() {
|
|
|
2597
2724
|
stroke: "currentColor",
|
|
2598
2725
|
strokeWidth: "1.5",
|
|
2599
2726
|
strokeLinecap: "round",
|
|
2600
|
-
children: /* @__PURE__ */
|
|
2727
|
+
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
2728
|
});
|
|
2602
2729
|
}
|
|
2603
|
-
function
|
|
2604
|
-
return /* @__PURE__ */
|
|
2730
|
+
function fn() {
|
|
2731
|
+
return /* @__PURE__ */ z("svg", {
|
|
2605
2732
|
width: "14",
|
|
2606
2733
|
height: "14",
|
|
2607
2734
|
viewBox: "0 0 14 14",
|
|
@@ -2610,11 +2737,11 @@ function un() {
|
|
|
2610
2737
|
strokeWidth: "1.5",
|
|
2611
2738
|
strokeLinecap: "round",
|
|
2612
2739
|
strokeLinejoin: "round",
|
|
2613
|
-
children: /* @__PURE__ */
|
|
2740
|
+
children: /* @__PURE__ */ z("path", { d: "M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8" })
|
|
2614
2741
|
});
|
|
2615
2742
|
}
|
|
2616
|
-
function
|
|
2617
|
-
return /* @__PURE__ */
|
|
2743
|
+
function pn() {
|
|
2744
|
+
return /* @__PURE__ */ B("svg", {
|
|
2618
2745
|
width: "14",
|
|
2619
2746
|
height: "14",
|
|
2620
2747
|
viewBox: "0 0 14 14",
|
|
@@ -2623,15 +2750,15 @@ function dn() {
|
|
|
2623
2750
|
strokeWidth: "1.5",
|
|
2624
2751
|
strokeLinecap: "round",
|
|
2625
2752
|
strokeLinejoin: "round",
|
|
2626
|
-
children: [/* @__PURE__ */
|
|
2753
|
+
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
2754
|
cx: "7",
|
|
2628
2755
|
cy: "7",
|
|
2629
2756
|
r: "2"
|
|
2630
2757
|
})]
|
|
2631
2758
|
});
|
|
2632
2759
|
}
|
|
2633
|
-
function
|
|
2634
|
-
return /* @__PURE__ */
|
|
2760
|
+
function mn() {
|
|
2761
|
+
return /* @__PURE__ */ z("svg", {
|
|
2635
2762
|
width: "14",
|
|
2636
2763
|
height: "14",
|
|
2637
2764
|
viewBox: "0 0 14 14",
|
|
@@ -2639,11 +2766,11 @@ function fn() {
|
|
|
2639
2766
|
stroke: "currentColor",
|
|
2640
2767
|
strokeWidth: "1.5",
|
|
2641
2768
|
strokeLinecap: "round",
|
|
2642
|
-
children: /* @__PURE__ */
|
|
2769
|
+
children: /* @__PURE__ */ z("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" })
|
|
2643
2770
|
});
|
|
2644
2771
|
}
|
|
2645
|
-
function
|
|
2646
|
-
return /* @__PURE__ */
|
|
2772
|
+
function hn() {
|
|
2773
|
+
return /* @__PURE__ */ z("svg", {
|
|
2647
2774
|
width: "14",
|
|
2648
2775
|
height: "14",
|
|
2649
2776
|
viewBox: "0 0 14 14",
|
|
@@ -2652,11 +2779,11 @@ function pn() {
|
|
|
2652
2779
|
strokeWidth: "2",
|
|
2653
2780
|
strokeLinecap: "round",
|
|
2654
2781
|
strokeLinejoin: "round",
|
|
2655
|
-
children: /* @__PURE__ */
|
|
2782
|
+
children: /* @__PURE__ */ z("path", { d: "M3 7.5l3 3 5-6" })
|
|
2656
2783
|
});
|
|
2657
2784
|
}
|
|
2658
|
-
function
|
|
2659
|
-
return /* @__PURE__ */
|
|
2785
|
+
function gn() {
|
|
2786
|
+
return /* @__PURE__ */ B("svg", {
|
|
2660
2787
|
width: "14",
|
|
2661
2788
|
height: "14",
|
|
2662
2789
|
viewBox: "0 0 14 14",
|
|
@@ -2665,17 +2792,17 @@ function mn() {
|
|
|
2665
2792
|
strokeWidth: "1.5",
|
|
2666
2793
|
strokeLinecap: "round",
|
|
2667
2794
|
strokeLinejoin: "round",
|
|
2668
|
-
children: [/* @__PURE__ */
|
|
2795
|
+
children: [/* @__PURE__ */ z("rect", {
|
|
2669
2796
|
x: "4.5",
|
|
2670
2797
|
y: "4.5",
|
|
2671
2798
|
width: "7",
|
|
2672
2799
|
height: "7",
|
|
2673
2800
|
rx: "1"
|
|
2674
|
-
}), /* @__PURE__ */
|
|
2801
|
+
}), /* @__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
2802
|
});
|
|
2676
2803
|
}
|
|
2677
|
-
function
|
|
2678
|
-
return /* @__PURE__ */
|
|
2804
|
+
function _n() {
|
|
2805
|
+
return /* @__PURE__ */ z("svg", {
|
|
2679
2806
|
width: "14",
|
|
2680
2807
|
height: "14",
|
|
2681
2808
|
viewBox: "0 0 14 14",
|
|
@@ -2684,11 +2811,11 @@ function hn() {
|
|
|
2684
2811
|
strokeWidth: "1.5",
|
|
2685
2812
|
strokeLinecap: "round",
|
|
2686
2813
|
strokeLinejoin: "round",
|
|
2687
|
-
children: /* @__PURE__ */
|
|
2814
|
+
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
2815
|
});
|
|
2689
2816
|
}
|
|
2690
|
-
function
|
|
2691
|
-
return /* @__PURE__ */
|
|
2817
|
+
function vn() {
|
|
2818
|
+
return /* @__PURE__ */ B("svg", {
|
|
2692
2819
|
width: "14",
|
|
2693
2820
|
height: "14",
|
|
2694
2821
|
viewBox: "0 0 14 14",
|
|
@@ -2697,17 +2824,17 @@ function gn() {
|
|
|
2697
2824
|
strokeWidth: "1.5",
|
|
2698
2825
|
strokeLinecap: "round",
|
|
2699
2826
|
strokeLinejoin: "round",
|
|
2700
|
-
children: [/* @__PURE__ */
|
|
2827
|
+
children: [/* @__PURE__ */ z("rect", {
|
|
2701
2828
|
x: "1.5",
|
|
2702
2829
|
y: "2.5",
|
|
2703
2830
|
width: "11",
|
|
2704
2831
|
height: "10",
|
|
2705
2832
|
rx: "1"
|
|
2706
|
-
}), /* @__PURE__ */
|
|
2833
|
+
}), /* @__PURE__ */ z("path", { d: "M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11" })]
|
|
2707
2834
|
});
|
|
2708
2835
|
}
|
|
2709
|
-
function
|
|
2710
|
-
return /* @__PURE__ */
|
|
2836
|
+
function yn() {
|
|
2837
|
+
return /* @__PURE__ */ z("svg", {
|
|
2711
2838
|
width: "14",
|
|
2712
2839
|
height: "14",
|
|
2713
2840
|
viewBox: "0 0 14 14",
|
|
@@ -2716,20 +2843,20 @@ function _n() {
|
|
|
2716
2843
|
strokeWidth: "1.5",
|
|
2717
2844
|
strokeLinecap: "round",
|
|
2718
2845
|
strokeLinejoin: "round",
|
|
2719
|
-
children: /* @__PURE__ */
|
|
2846
|
+
children: /* @__PURE__ */ z("path", { d: "M1.5 3h11M3.5 7h7M5.5 11h3" })
|
|
2720
2847
|
});
|
|
2721
2848
|
}
|
|
2722
|
-
function
|
|
2723
|
-
return /* @__PURE__ */
|
|
2849
|
+
function bn() {
|
|
2850
|
+
return /* @__PURE__ */ B("svg", {
|
|
2724
2851
|
width: "14",
|
|
2725
2852
|
height: "14",
|
|
2726
2853
|
viewBox: "0 0 14 14",
|
|
2727
2854
|
fill: "currentColor",
|
|
2728
|
-
children: [/* @__PURE__ */
|
|
2855
|
+
children: [/* @__PURE__ */ z("circle", {
|
|
2729
2856
|
cx: "7",
|
|
2730
2857
|
cy: "4.5",
|
|
2731
2858
|
r: "2.5"
|
|
2732
|
-
}), /* @__PURE__ */
|
|
2859
|
+
}), /* @__PURE__ */ z("path", {
|
|
2733
2860
|
d: "M2.5 12.5a4.5 4.5 0 0 1 9 0",
|
|
2734
2861
|
fill: "none",
|
|
2735
2862
|
stroke: "currentColor",
|
|
@@ -2737,8 +2864,8 @@ function vn() {
|
|
|
2737
2864
|
})]
|
|
2738
2865
|
});
|
|
2739
2866
|
}
|
|
2740
|
-
function
|
|
2741
|
-
return /* @__PURE__ */
|
|
2867
|
+
function xn() {
|
|
2868
|
+
return /* @__PURE__ */ B("svg", {
|
|
2742
2869
|
width: "14",
|
|
2743
2870
|
height: "14",
|
|
2744
2871
|
viewBox: "0 0 14 14",
|
|
@@ -2747,7 +2874,7 @@ function yn() {
|
|
|
2747
2874
|
strokeWidth: "1.5",
|
|
2748
2875
|
strokeLinecap: "round",
|
|
2749
2876
|
strokeLinejoin: "round",
|
|
2750
|
-
children: [/* @__PURE__ */
|
|
2877
|
+
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
2878
|
cx: "5",
|
|
2752
2879
|
cy: "5",
|
|
2753
2880
|
r: "1",
|
|
@@ -2756,4 +2883,4 @@ function yn() {
|
|
|
2756
2883
|
});
|
|
2757
2884
|
}
|
|
2758
2885
|
//#endregion
|
|
2759
|
-
export { Re as Accordion, Le as AccordionItem,
|
|
2886
|
+
export { Re as Accordion, Le as AccordionItem, At as ActivityFeed, Ne as AppLoader, Y as Avatar, X as Badge, _n as BellIcon, Ge as Button, vn as CalendarIcon, qe as Card, Ze as CardContent, Xe as CardDescription, Qe as CardFooter, Je as CardHeader, Ye as CardTitle, hn as CheckIcon, Qt as ChevronDown, $t as ChevronUp, mn as CloseIcon, jt as CommandBar, gn as CopyIcon, Ct as DEFAULT_ICON_BY_VALUE, wt as DEFAULT_VIEW_MODE_OPTIONS, Mt as DataTable, $e as Dialog, rt as DialogBody, nt as DialogDescription, it as DialogFooter, et as DialogHeader, tt as DialogTitle, ot as DropdownMenu, ct as DropdownMenuCheckboxItem, st as DropdownMenuItem, lt as DropdownMenuLabel, ut as DropdownMenuSeparator, Zt 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, Nt as FilterBar, yn as FilterIcon, Ut as InboxIcon, qt as InitiativesIcon, at as Input, Wt as IssuesIcon, Bt as KPICard, Pt as KanbanBoard, It as KanbanCard, Ft as KanbanColumn, xn as LabelIcon, dn as LinkIcon, Yt as MoreIcon, Ht as NotificationsPanel, cn as PriorityHigh, un as PriorityLow, ln as PriorityMedium, sn as PriorityUrgent, Jt as ProjectsIcon, Kt as PulseIcon, Gt as ReviewsIcon, Xt as SearchIcon, dt as SearchableSelect, pn as SettingsIcon, ft as Sheet, pt as SheetFooter, Pe as Spinner, en as StarIcon, Vt as StatCard, an as StatusBacklog, on as StatusCancelled, nn as StatusDone, tn as StatusInProgress, gt as StatusMetric, rn as StatusTodo, _t as Switch, Lt as TableBoard, Rt as TableBoardGroup, zt as TableBoardRow, vt as Tabs, xt as TabsContent, yt as TabsList, bt as TabsTrigger, K as ThemeProvider, W as ToastProvider, St as Tooltip, fn as TrashIcon, bn as UserIcon, Dt as ViewModeToggle, kt as WorkspaceTabs, q as useTheme, te as useToast };
|