@krosoft/react 0.0.232 → 0.0.234

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.
Files changed (55) hide show
  1. package/dist/{AppActions-BG2sgghh.js → AppActions-BFwztl-1.js} +2 -2
  2. package/dist/{AppSubTitle-C3K23xXb.js → AppSubTitle-BTN0YAc7.js} +1 -1
  3. package/dist/{AppVerticalTabs-B05oTb_4.js → AppVerticalTabs-B7XXtAVj.js} +19 -18
  4. package/dist/{ConfirmationDialog-JR14pbWt.js → ConfirmationDialog-Dj4WdnHg.js} +5 -5
  5. package/dist/{DataTable-BHcadDqz.js → DataTable-CjrR27Di.js} +3 -3
  6. package/dist/{ErrorAlert-BZGt1hH3.js → ErrorAlert-B99Xb_Hg.js} +1 -1
  7. package/dist/{ErrorState-0Op-bIn7.js → ErrorState-CkeS_IBT.js} +1 -1
  8. package/dist/{GenericForm-C6iW17Kx.js → GenericForm-CydibLHU.js} +6 -6
  9. package/dist/{ImageInput-XRiPLRM6.js → ImageInput-DoOOvvth.js} +3 -3
  10. package/dist/{KpiCardsLayout-Be1LHbN7.js → KpiCardsLayout-Ca6otKVw.js} +5 -5
  11. package/dist/{LanguageSelector-C3WSlVQx.js → LanguageSelector-D5Ly1SFC.js} +1 -1
  12. package/dist/{MultiSelect-DCocjZB4.js → MultiSelect-DbH7LrsD.js} +3 -3
  13. package/dist/{PieChart-Cf6q_Pxe.js → PieChart-uozNJtEx.js} +1 -1
  14. package/dist/{SearchInput-rza2llpC.js → SearchInput-DIZ5Yt6L.js} +4 -4
  15. package/dist/{SkeletonCards-vsneHkXf.js → SkeletonCards-B9C4cNMr.js} +2 -2
  16. package/dist/{TableFilter-CBNO2K6p.js → TableFilter-CmEVF5Bo.js} +25 -25
  17. package/dist/{ThemeSelector-J-ZsBnI8.js → ThemeSelector-DKhn02V2.js} +2 -2
  18. package/dist/Topbar-Clby5_uj.js +431 -0
  19. package/dist/components/core/cards/index.js +1 -1
  20. package/dist/components/core/charts/index.js +1 -1
  21. package/dist/components/core/dialogs/index.js +3 -3
  22. package/dist/components/core/filters/index.js +1 -1
  23. package/dist/components/core/forms/index.js +1 -1
  24. package/dist/components/core/index.js +52 -51
  25. package/dist/components/core/inputs/index.js +3 -3
  26. package/dist/components/core/language/index.js +1 -1
  27. package/dist/components/core/layouts/index.js +3 -3
  28. package/dist/components/core/navbar/NotificationsBell.d.ts +72 -0
  29. package/dist/components/core/navbar/NotificationsBell.d.ts.map +1 -0
  30. package/dist/components/core/navbar/index.d.ts +2 -0
  31. package/dist/components/core/navbar/index.d.ts.map +1 -1
  32. package/dist/components/core/navbar/index.js +5 -4
  33. package/dist/components/core/states/index.js +2 -2
  34. package/dist/components/core/table/index.js +1 -1
  35. package/dist/components/core/tabs/index.js +1 -1
  36. package/dist/components/core/theme/index.js +1 -1
  37. package/dist/components/index.js +236 -235
  38. package/dist/components/ui/index.js +104 -104
  39. package/dist/hooks/behavior/index.js +1 -1
  40. package/dist/hooks/index.js +2 -2
  41. package/dist/hooks/ui/index.js +1 -1
  42. package/dist/i18n/index.js +2 -2
  43. package/dist/i18n/krosoftLocales.d.ts +14 -0
  44. package/dist/i18n/krosoftLocales.d.ts.map +1 -1
  45. package/dist/sheet-XYI-ezvY.js +292 -0
  46. package/dist/{toaster-B1J0puB_.js → toaster-CyzB1m5z.js} +26 -26
  47. package/dist/{toggle-group-DLLrEwv2.js → toggle-group-iZqnrTj7.js} +519 -566
  48. package/dist/{useDateFnsLocale-gHocxHFa.js → useDateFnsLocale-D6VExZ8U.js} +1 -1
  49. package/dist/useKrosoftTranslation-BTp46G94.js +47 -0
  50. package/dist/{usePage-CLeciGbD.js → usePage-BQm6tdJD.js} +1 -1
  51. package/dist/{useTheme-Bs43Wf48.js → useTheme-DS6ZjdzM.js} +1 -1
  52. package/package.json +1 -1
  53. package/dist/Topbar-Dkgmpwp8.js +0 -319
  54. package/dist/sheet-DUrRR7MT.js +0 -245
  55. package/dist/useKrosoftTranslation-DRD49kc-.js +0 -45
@@ -0,0 +1,431 @@
1
+ import { jsxs as s, Fragment as G, jsx as e } from "react/jsx-runtime";
2
+ import "date-fns/locale";
3
+ import "react-i18next";
4
+ import { u as B } from "./useKrosoftTranslation-BTp46G94.js";
5
+ import * as $ from "react";
6
+ import { SearchIcon as _, LoaderCircleIcon as M, BellIcon as Q, Trash2Icon as R, ChevronDownIcon as q, MenuIcon as H } from "lucide-react";
7
+ import { c as l } from "./tailwind.helper-B6yFEsav.js";
8
+ import { B as E, T as P, c as V, a as X, b as J } from "./tooltip-DVeqVwqV.js";
9
+ import { j as Y, m as Z, o as I, k as ee, l as te, n as re, P as ae, s as se, r as ie, S as ne, I as le, u as oe, w as ce, E as de, x as me } from "./sheet-XYI-ezvY.js";
10
+ import "./sidebar.context-D5nywlmP.js";
11
+ import { u as F } from "./useSidebar-BJuALHqQ.js";
12
+ import "next-themes";
13
+ import { S as W } from "./skeleton-BX4RcsiK.js";
14
+ const Se = ({
15
+ groups: i,
16
+ search: d,
17
+ onSearch: h,
18
+ onSelect: o,
19
+ loading: r = !1,
20
+ open: c,
21
+ onOpenChange: m,
22
+ trigger: x = !0,
23
+ triggerLabel: g,
24
+ shortcut: N = !0,
25
+ shortcutLabel: w = "Ctrl+K",
26
+ placeholder: S,
27
+ emptyLabel: j,
28
+ loadingLabel: k,
29
+ title: T,
30
+ description: A,
31
+ hint: K,
32
+ className: u
33
+ }) => {
34
+ const { t: b } = B(), [D, t] = $.useState(!1), z = c !== void 0, v = z ? c : D, a = $.useCallback(
35
+ (n) => {
36
+ z || t(n), m == null || m(n);
37
+ },
38
+ [z, m]
39
+ );
40
+ $.useEffect(() => {
41
+ if (!N) return;
42
+ const n = (p) => {
43
+ p.key.toLowerCase() !== "k" || !(p.metaKey || p.ctrlKey) || (p.preventDefault(), a(!v));
44
+ };
45
+ return window.addEventListener("keydown", n), () => {
46
+ window.removeEventListener("keydown", n);
47
+ };
48
+ }, [N, v, a]);
49
+ const y = (n) => {
50
+ a(!1), h(""), o(n);
51
+ }, C = i.some((n) => n.items.length > 0);
52
+ return /* @__PURE__ */ s(G, { children: [
53
+ x && /* @__PURE__ */ e(
54
+ E,
55
+ {
56
+ variant: "ghost",
57
+ size: "icon",
58
+ "aria-label": g ?? b("search.trigger"),
59
+ title: N ? `${g ?? b("search.trigger")} (${w})` : g ?? b("search.trigger"),
60
+ className: "rounded-full",
61
+ onClick: () => {
62
+ a(!0);
63
+ },
64
+ children: /* @__PURE__ */ e(_, { className: "size-4" })
65
+ }
66
+ ),
67
+ /* @__PURE__ */ s(
68
+ Y,
69
+ {
70
+ open: v,
71
+ onOpenChange: a,
72
+ title: T ?? b("search.globalTitle"),
73
+ description: A ?? b("search.globalDescription"),
74
+ shouldFilter: !1,
75
+ className: u,
76
+ children: [
77
+ /* @__PURE__ */ e(Z, { value: d, onValueChange: h, placeholder: S ?? b("search.placeholder") }),
78
+ /* @__PURE__ */ s(I, { children: [
79
+ r && /* @__PURE__ */ s("div", { className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground", children: [
80
+ /* @__PURE__ */ e(M, { className: "size-4 animate-spin" }),
81
+ k ?? b("search.loading")
82
+ ] }),
83
+ !C && !r && /* @__PURE__ */ e(ee, { children: j ?? b("states.noResultDot") }),
84
+ i.map(
85
+ (n) => n.items.length === 0 ? null : /* @__PURE__ */ e(te, { heading: n.heading, children: n.items.map((p) => {
86
+ const O = p.icon;
87
+ return /* @__PURE__ */ s(
88
+ re,
89
+ {
90
+ value: p.key,
91
+ className: "gap-3 px-2 py-2",
92
+ onSelect: () => {
93
+ y(p);
94
+ },
95
+ children: [
96
+ O && /* @__PURE__ */ e("span", { className: l("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", p.iconClassName), children: /* @__PURE__ */ e(O, { className: "size-4" }) }),
97
+ /* @__PURE__ */ s("span", { className: "flex min-w-0 flex-1 flex-col", children: [
98
+ /* @__PURE__ */ e("span", { className: "truncate font-medium", children: p.label }),
99
+ p.description !== void 0 && p.description !== "" && /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: p.description })
100
+ ] })
101
+ ]
102
+ },
103
+ p.key
104
+ );
105
+ }) }, n.heading)
106
+ )
107
+ ] }),
108
+ K !== void 0 && C && !r && /* @__PURE__ */ e("div", { className: "border-t border-border p-2 text-center text-xs text-muted-foreground", children: K })
109
+ ]
110
+ }
111
+ )
112
+ ] });
113
+ }, fe = 9, je = ({
114
+ items: i,
115
+ onSelect: d,
116
+ onMarkAllAsRead: h,
117
+ onRemove: o,
118
+ loading: r = !1,
119
+ unreadCount: c,
120
+ maxBadgeCount: m = fe,
121
+ open: x,
122
+ onOpenChange: g,
123
+ triggerLabel: N,
124
+ title: w,
125
+ emptyLabel: S,
126
+ loadingLabel: j,
127
+ markAllAsReadLabel: k,
128
+ removeLabel: T,
129
+ className: A,
130
+ contentClassName: K,
131
+ badgeClassName: u,
132
+ itemClassName: b,
133
+ unreadItemClassName: D
134
+ }) => {
135
+ const { t } = B(), [z, v] = $.useState(!1), a = x !== void 0, y = a ? x : z, C = (f) => {
136
+ a || v(f), g == null || g(f);
137
+ }, n = c ?? i.filter((f) => !f.read).length, p = N ?? t("notifications.trigger"), O = (f) => {
138
+ C(!1), d == null || d(f);
139
+ };
140
+ return /* @__PURE__ */ s(ae, { open: y, onOpenChange: C, children: [
141
+ /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ s(
142
+ E,
143
+ {
144
+ type: "button",
145
+ variant: "ghost",
146
+ size: "icon",
147
+ className: l("relative rounded-full", A),
148
+ "aria-label": n > 0 ? `${p} (${String(n)})` : p,
149
+ title: p,
150
+ children: [
151
+ /* @__PURE__ */ e(Q, { className: "size-4" }),
152
+ n > 0 && /* @__PURE__ */ e(
153
+ "span",
154
+ {
155
+ className: l(
156
+ "absolute right-1 top-1 flex size-4 items-center justify-center rounded-full bg-primary text-[10px] font-bold leading-none text-primary-foreground",
157
+ u
158
+ ),
159
+ children: n > m ? `${String(m)}+` : n
160
+ }
161
+ )
162
+ ]
163
+ }
164
+ ) }),
165
+ /* @__PURE__ */ s(ie, { align: "end", className: l("w-80 p-0", K), children: [
166
+ /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 border-b px-3 py-2", children: [
167
+ /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: w ?? t("notifications.title") }),
168
+ h && n > 0 && /* @__PURE__ */ e(E, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-xs", onClick: h, children: k ?? t("notifications.markAllAsRead") })
169
+ ] }),
170
+ r && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: j ?? t("states.loading") }),
171
+ !r && i.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: S ?? t("notifications.empty") }),
172
+ !r && i.length > 0 && /* @__PURE__ */ e(ne, { className: "max-h-96", children: /* @__PURE__ */ e("ul", { className: "divide-y", children: i.map((f) => {
173
+ const U = f.icon;
174
+ return /* @__PURE__ */ s("li", { className: l("flex items-start gap-2 px-3 py-2", !f.read && (D ?? "bg-accent/40"), b), children: [
175
+ /* @__PURE__ */ s(
176
+ "button",
177
+ {
178
+ type: "button",
179
+ className: "flex min-w-0 flex-1 items-start gap-2 rounded-sm text-left focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
180
+ onClick: () => {
181
+ O(f);
182
+ },
183
+ children: [
184
+ U && /* @__PURE__ */ e(
185
+ "span",
186
+ {
187
+ className: l(
188
+ "mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
189
+ f.iconClassName
190
+ ),
191
+ children: /* @__PURE__ */ e(U, { className: "size-3.5" })
192
+ }
193
+ ),
194
+ /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 space-y-0.5", children: [
195
+ /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
196
+ !f.read && /* @__PURE__ */ e("span", { className: "size-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": !0 }),
197
+ /* @__PURE__ */ e("span", { className: l("truncate text-sm", !f.read && "font-medium"), children: f.title })
198
+ ] }),
199
+ f.description && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: f.description }),
200
+ f.date && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground/60", children: f.date })
201
+ ] })
202
+ ]
203
+ }
204
+ ),
205
+ o && /* @__PURE__ */ e(
206
+ E,
207
+ {
208
+ type: "button",
209
+ variant: "ghost",
210
+ size: "icon",
211
+ className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
212
+ onClick: () => {
213
+ o(f);
214
+ },
215
+ "aria-label": T ?? t("notifications.remove"),
216
+ title: T ?? t("notifications.remove"),
217
+ children: /* @__PURE__ */ e(R, { className: "size-3.5" })
218
+ }
219
+ )
220
+ ] }, f.key);
221
+ }) }) })
222
+ ] })
223
+ ] });
224
+ }, L = (i, d, h) => d === i ? !0 : i === "/" || !d.startsWith(`${i}/`) ? !1 : !h.some(
225
+ (o) => o !== i && o.startsWith(`${i}/`) && (d === o || d.startsWith(`${o}/`))
226
+ ), pe = ({
227
+ path: i,
228
+ // eslint-disable-next-line @typescript-eslint/naming-convention
229
+ icon: d,
230
+ label: h,
231
+ badge: o,
232
+ subItems: r,
233
+ currentPath: c,
234
+ collapsed: m,
235
+ dense: x = !1,
236
+ onItemClick: g
237
+ }) => {
238
+ const N = (r == null ? void 0 : r.map((t) => t.path)) ?? [], [w, S] = $.useState((r == null ? void 0 : r.some((t) => L(t.path, c, N))) ?? !1), j = i ? c === i || i !== "/" && c.startsWith(`${i}/`) : !1, k = r == null ? void 0 : r.some((t) => L(t.path, c, N)), D = /* @__PURE__ */ s(
239
+ "a",
240
+ {
241
+ href: i ?? "#",
242
+ onClick: (t) => {
243
+ t.ctrlKey || t.metaKey || t.button === 1 || (t.preventDefault(), r && r.length > 0 ? m || S(!w) : i && g(i));
244
+ },
245
+ className: l(
246
+ "flex items-center cursor-pointer transition-all duration-200 group rounded-control",
247
+ x ? "gap-2.5 mb-0.5" : "gap-3 mb-1",
248
+ m ? x ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : x ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12",
249
+ j || !m && k ? x ? "bg-sidebar-primary text-sidebar-primary-foreground" : "bg-sidebar-primary text-sidebar-primary-foreground shadow-lg" : "hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"
250
+ ),
251
+ children: [
252
+ /* @__PURE__ */ e("div", { className: l("flex-shrink-0 transition-transform group-hover:scale-110", m ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(d, { className: "size-4" }) }),
253
+ !m && /* @__PURE__ */ s(G, { children: [
254
+ /* @__PURE__ */ e("span", { className: l("flex-grow transition-opacity duration-150 font-medium", x ? "text-sm" : ""), children: h }),
255
+ o !== void 0 && /* @__PURE__ */ e("span", { className: "bg-red-500 text-white text-xs rounded-full py-1 min-w-[20px] text-center px-2 font-semibold", children: o }),
256
+ r && r.length > 0 && /* @__PURE__ */ e(q, { className: l("size-4 transition-transform duration-200", w ? "rotate-180" : "") })
257
+ ] })
258
+ ]
259
+ }
260
+ );
261
+ return /* @__PURE__ */ s(G, { children: [
262
+ m ? /* @__PURE__ */ s(P, { children: [
263
+ /* @__PURE__ */ e(V, { asChild: !0, children: D }),
264
+ /* @__PURE__ */ e(
265
+ X,
266
+ {
267
+ side: "right",
268
+ sideOffset: 6,
269
+ className: "rounded-surface z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
270
+ children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
271
+ /* @__PURE__ */ e("p", { className: "font-semibold", children: h }),
272
+ o !== void 0 && /* @__PURE__ */ s("span", { className: "ml-1 text-xs", children: [
273
+ "(",
274
+ o,
275
+ ")"
276
+ ] })
277
+ ] }) })
278
+ }
279
+ )
280
+ ] }) : D,
281
+ !m && r && r.length > 0 && w && /* @__PURE__ */ e(
282
+ "div",
283
+ {
284
+ className: l(
285
+ "flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200",
286
+ x ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
287
+ ),
288
+ children: r.map((t, z) => {
289
+ const v = L(t.path, c, N);
290
+ return /* @__PURE__ */ s(
291
+ "a",
292
+ {
293
+ href: t.path,
294
+ onClick: (a) => {
295
+ a.ctrlKey || a.metaKey || a.button === 1 || (a.preventDefault(), g(t.path));
296
+ },
297
+ className: l(
298
+ "flex items-center justify-between rounded-control text-sm transition-all duration-200",
299
+ x ? "px-3 py-1" : "px-4 py-2",
300
+ v ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
301
+ ),
302
+ children: [
303
+ /* @__PURE__ */ e("span", { children: t.label }),
304
+ t.badge !== void 0 && /* @__PURE__ */ e("span", { className: "bg-sidebar-primary/20 text-sidebar-primary text-[10px] rounded-full py-0.5 px-2 font-semibold", children: t.badge })
305
+ ]
306
+ },
307
+ z
308
+ );
309
+ })
310
+ }
311
+ )
312
+ ] });
313
+ }, Te = ({ groups: i, currentPath: d, onItemClick: h, slots: o, search: r, dense: c = !1, loading: m = !1 }) => {
314
+ const { t: x } = B(), { enabled: g = !1, placeholder: N } = r ?? {}, { header: w, footer: S } = o ?? {}, { collapsed: j, isMobile: k, setCollapsed: T } = F(), [A, K] = $.useState(""), u = k ? !1 : j, b = !j, D = (a) => {
315
+ h(a), k && T(!0);
316
+ }, t = A.trim().toLowerCase(), z = t === "" ? i : i.map((a) => ({
317
+ ...a,
318
+ items: a.items.filter(
319
+ (y) => {
320
+ var C;
321
+ return y.label.toLowerCase().includes(t) || (((C = y.subItems) == null ? void 0 : C.some((n) => n.label.toLowerCase().includes(t))) ?? !1);
322
+ }
323
+ )
324
+ })).filter((a) => a.items.length > 0), v = /* @__PURE__ */ s("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
325
+ w,
326
+ g && !u && /* @__PURE__ */ e("div", { className: l("px-4", c ? "pt-2" : "pt-4"), children: /* @__PURE__ */ s("div", { className: "relative", children: [
327
+ /* @__PURE__ */ e(_, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
328
+ /* @__PURE__ */ e(
329
+ le,
330
+ {
331
+ type: "search",
332
+ value: A,
333
+ onChange: (a) => {
334
+ K(a.target.value);
335
+ },
336
+ placeholder: N ?? x("search.placeholder"),
337
+ className: l(
338
+ "bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
339
+ c ? "h-8 text-sm" : "h-9"
340
+ )
341
+ }
342
+ )
343
+ ] }) }),
344
+ /* @__PURE__ */ e("div", { className: l("flex-1 overflow-y-auto scrollbar-modern", u ? "px-0" : "px-2", c ? "py-2" : "py-4"), children: m ? Array.from({ length: 5 }).map((a, y) => /* @__PURE__ */ s("div", { className: l("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", u ? "justify-center px-3" : "px-4"), children: [
345
+ /* @__PURE__ */ e(W, { className: "size-5 flex-shrink-0 rounded-control" }),
346
+ !u && /* @__PURE__ */ e(W, { className: "h-4 flex-1" })
347
+ ] }, y)) : z.map((a, y) => /* @__PURE__ */ s("div", { className: c ? "mb-3" : "mb-6", children: [
348
+ !u && a.title !== void 0 && a.title !== "" && /* @__PURE__ */ e("h3", { className: l("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", c ? "mb-1" : "mb-2"), children: a.title }),
349
+ /* @__PURE__ */ e("nav", { className: l("flex flex-col", c ? "gap-0.5" : "gap-1"), children: a.items.map((C, n) => /* @__PURE__ */ e(pe, { ...C, currentPath: d, collapsed: u, dense: c, onItemClick: D }, n)) })
350
+ ] }, y)) }),
351
+ S && /* @__PURE__ */ e("div", { className: l("border-t border-sidebar-border", c ? "p-2" : "p-4", u ? "flex justify-center" : ""), children: S })
352
+ ] });
353
+ return k ? /* @__PURE__ */ e(
354
+ oe,
355
+ {
356
+ open: b,
357
+ onOpenChange: (a) => {
358
+ T(!a);
359
+ },
360
+ children: /* @__PURE__ */ s(ce, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
361
+ /* @__PURE__ */ e(de, { className: "sr-only", children: x("sidebar.menu") }),
362
+ /* @__PURE__ */ e(me, { className: "sr-only", children: x("sidebar.description") }),
363
+ v
364
+ ] })
365
+ }
366
+ ) : /* @__PURE__ */ e(J, { delayDuration: 0, children: /* @__PURE__ */ e(
367
+ "aside",
368
+ {
369
+ className: l(
370
+ "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
371
+ u ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
372
+ "flex"
373
+ ),
374
+ style: {
375
+ "--navbar-width": "16rem",
376
+ "--navbar-width-icon": "4rem"
377
+ },
378
+ children: v
379
+ }
380
+ ) });
381
+ }, De = ({
382
+ name: i = "appname",
383
+ subName: d = "appsubname",
384
+ // eslint-disable-next-line @typescript-eslint/naming-convention
385
+ icon: h,
386
+ dense: o = !1
387
+ }) => {
388
+ const { collapsed: r, isMobile: c } = F(), m = c ? !1 : r;
389
+ return /* @__PURE__ */ s("div", { className: l("flex items-center flex-shrink-0 gap-3 px-4", o ? "h-14" : "h-16 md:h-20", m ? "justify-center" : ""), children: [
390
+ h !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(h, { className: o ? "size-5" : "size-6" }) }),
391
+ !m && /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
392
+ /* @__PURE__ */ e("h1", { className: l("font-bold text-sidebar-foreground leading-tight", o ? "text-base" : "text-lg"), children: i }),
393
+ /* @__PURE__ */ e("span", { className: l("text-sidebar-muted font-medium", o ? "text-[11px]" : "text-xs"), children: d })
394
+ ] })
395
+ ] });
396
+ }, Ae = ({ collapsed: i, isMobile: d, onToggleSidebar: h, actionsNode: o, userMenuNode: r }) => /* @__PURE__ */ s(
397
+ "header",
398
+ {
399
+ className: l(
400
+ "fixed top-0 right-0 z-[60] h-16 md:h-20 bg-topbar text-topbar-foreground flex items-center justify-between px-4 transition-all duration-300",
401
+ d && "left-0",
402
+ !d && i && "left-[5rem]",
403
+ !d && !i && "left-[16rem]"
404
+ ),
405
+ tabIndex: -1,
406
+ children: [
407
+ /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
408
+ E,
409
+ {
410
+ variant: "ghost",
411
+ size: "icon",
412
+ onClick: h,
413
+ className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
414
+ children: /* @__PURE__ */ e(H, { className: "size-4" })
415
+ }
416
+ ) }),
417
+ /* @__PURE__ */ s("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
418
+ o,
419
+ r
420
+ ] })
421
+ ]
422
+ }
423
+ );
424
+ export {
425
+ Se as G,
426
+ je as N,
427
+ Te as S,
428
+ Ae as T,
429
+ De as a,
430
+ pe as b
431
+ };
@@ -1,5 +1,5 @@
1
1
  import { D as s, M as d } from "../../../MetricCard-B0xnFyim.js";
2
- import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-vsneHkXf.js";
2
+ import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-B9C4cNMr.js";
3
3
  export {
4
4
  s as DashboardCard,
5
5
  o as KpiCard,
@@ -1,4 +1,4 @@
1
- import { B as C, a as t, C as s, b as e, c as h, L as o, P as i, g as l } from "../../../PieChart-Cf6q_Pxe.js";
1
+ import { B as C, a as t, C as s, b as e, c as h, L as o, P as i, g as l } from "../../../PieChart-uozNJtEx.js";
2
2
  export {
3
3
  C as BarChartHorizontal,
4
4
  t as BarChartVertical,
@@ -1,6 +1,6 @@
1
- import { A as i, C as s, F as g } from "../../../ConfirmationDialog-JR14pbWt.js";
2
- import { D as r, a as D, b as e, c as t, d as p, e as f, f as m, g as n, h as C, i as x } from "../../../sheet-DUrRR7MT.js";
3
- import { P } from "../../../toggle-group-DLLrEwv2.js";
1
+ import { A as i, C as s, F as g } from "../../../ConfirmationDialog-Dj4WdnHg.js";
2
+ import { D as r, a as D, b as e, c as t, d as p, e as f, f as m, g as n, h as C, i as x } from "../../../sheet-XYI-ezvY.js";
3
+ import { P } from "../../../toggle-group-iZqnrTj7.js";
4
4
  export {
5
5
  i as AppDialog,
6
6
  s as ConfirmationDialog,
@@ -1,4 +1,4 @@
1
- import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-CBNO2K6p.js";
1
+ import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-CmEVF5Bo.js";
2
2
  export {
3
3
  l as ActiveFilters,
4
4
  i as AdvancedFilters,
@@ -1,4 +1,4 @@
1
- import { G as o } from "../../../GenericForm-C6iW17Kx.js";
1
+ import { G as o } from "../../../GenericForm-CydibLHU.js";
2
2
  export {
3
3
  o as GenericForm
4
4
  };
@@ -1,47 +1,47 @@
1
1
  import { D as r, M as o } from "../../MetricCard-B0xnFyim.js";
2
- import { K as t, a as l, S as i, b as p } from "../../SkeletonCards-vsneHkXf.js";
3
- import { B as m, a as C, C as n, b, c as A, L as f, P as c, g as d } from "../../PieChart-Cf6q_Pxe.js";
4
- import { A as T, C as x, F as D } from "../../ConfirmationDialog-JR14pbWt.js";
5
- import { D as F, a as L, b as P, c as u, d as E, e as H, f as I, g as K, h as O, i as M } from "../../sheet-DUrRR7MT.js";
6
- import { P as B } from "../../toggle-group-DLLrEwv2.js";
7
- import { A as N, a as _, F as v, S as y, T as R } from "../../TableFilter-CBNO2K6p.js";
8
- import { G as V } from "../../GenericForm-C6iW17Kx.js";
9
- import { I as z } from "../../ImageInput-XRiPLRM6.js";
10
- import { D as q, a as w, S as J, b as Q } from "../../SearchInput-rza2llpC.js";
11
- import { M as X } from "../../MultiSelect-DCocjZB4.js";
12
- import { L as $ } from "../../LanguageSelector-C3WSlVQx.js";
13
- import { A as ea } from "../../AppActions-BG2sgghh.js";
14
- import { A as oa, K as sa } from "../../KpiCardsLayout-Be1LHbN7.js";
15
- import { A as la } from "../../AppSubTitle-C3K23xXb.js";
2
+ import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-B9C4cNMr.js";
3
+ import { B as m, a as C, C as n, b, c as f, L as A, P as c, g as d } from "../../PieChart-uozNJtEx.js";
4
+ import { A as T, C as x, F as D } from "../../ConfirmationDialog-Dj4WdnHg.js";
5
+ import { D as F, a as L, b as P, c as u, d as E, e as H, f as I, g as K, h as N, i as O } from "../../sheet-XYI-ezvY.js";
6
+ import { P as M } from "../../toggle-group-iZqnrTj7.js";
7
+ import { A as G, a as _, F as v, S as y, T as R } from "../../TableFilter-CmEVF5Bo.js";
8
+ import { G as V } from "../../GenericForm-CydibLHU.js";
9
+ import { I as z } from "../../ImageInput-DoOOvvth.js";
10
+ import { D as q, a as w, S as J, b as Q } from "../../SearchInput-DIZ5Yt6L.js";
11
+ import { M as X } from "../../MultiSelect-DbH7LrsD.js";
12
+ import { L as $ } from "../../LanguageSelector-D5Ly1SFC.js";
13
+ import { A as ea } from "../../AppActions-BFwztl-1.js";
14
+ import { A as oa, K as sa } from "../../KpiCardsLayout-Ca6otKVw.js";
15
+ import { A as ia } from "../../AppSubTitle-BTN0YAc7.js";
16
16
  import { A as pa } from "../../AppTitle-D15YXeMx.js";
17
- import { G as ma, S as Ca, a as na, b as ba, T as Aa } from "../../Topbar-Dkgmpwp8.js";
18
- import { E as ca } from "../../ErrorAlert-BZGt1hH3.js";
19
- import { E as Sa } from "../../ErrorState-0Op-bIn7.js";
20
- import { L as xa } from "../../LoadingState-BN0YaPSs.js";
21
- import { A as ha, D as Fa, S as La, T as Pa, a as ua, b as Ea, c as Ha, d as Ia, e as Ka, g as Oa, f as Ma, h as ka } from "../../DataTable-BHcadDqz.js";
22
- import { A as Ga, a as Na, b as _a, c as va } from "../../AppVerticalTabs-B05oTb_4.js";
23
- import { T as Ra } from "../../ThemeSelector-J-ZsBnI8.js";
17
+ import { G as ma, N as Ca, S as na, a as ba, b as fa, T as Aa } from "../../Topbar-Clby5_uj.js";
18
+ import { E as da } from "../../ErrorAlert-B99Xb_Hg.js";
19
+ import { E as Ta } from "../../ErrorState-CkeS_IBT.js";
20
+ import { L as Da } from "../../LoadingState-BN0YaPSs.js";
21
+ import { A as Fa, D as La, S as Pa, T as ua, a as Ea, b as Ha, c as Ia, d as Ka, e as Na, g as Oa, f as Ba, h as Ma } from "../../DataTable-CjrR27Di.js";
22
+ import { A as Ga, a as _a, b as va, c as ya } from "../../AppVerticalTabs-B7XXtAVj.js";
23
+ import { T as Ua } from "../../ThemeSelector-DKhn02V2.js";
24
24
  export {
25
- ha as ACTIONS_COLUMN_KEY,
26
- N as ActiveFilters,
25
+ Fa as ACTIONS_COLUMN_KEY,
26
+ G as ActiveFilters,
27
27
  _ as AdvancedFilters,
28
28
  ea as AppActions,
29
29
  T as AppDialog,
30
30
  oa as AppPageHeader,
31
- la as AppSubTitle,
31
+ ia as AppSubTitle,
32
32
  Ga as AppTabContainer,
33
- Na as AppTabHeader,
34
- _a as AppTabs,
33
+ _a as AppTabHeader,
34
+ va as AppTabs,
35
35
  pa as AppTitle,
36
- va as AppVerticalTabs,
36
+ ya as AppVerticalTabs,
37
37
  m as BarChartHorizontal,
38
38
  C as BarChartVertical,
39
39
  n as CHART_COLORS,
40
40
  b as ChartCard,
41
- A as CircularGauge,
41
+ f as CircularGauge,
42
42
  x as ConfirmationDialog,
43
43
  r as DashboardCard,
44
- Fa as DataTable,
44
+ La as DataTable,
45
45
  q as DatePicker,
46
46
  w as DateRangePicker,
47
47
  F as Dialog,
@@ -52,45 +52,46 @@ export {
52
52
  H as DialogHeader,
53
53
  I as DialogOverlay,
54
54
  K as DialogPortal,
55
- O as DialogTitle,
56
- M as DialogTrigger,
57
- ca as ErrorAlert,
58
- Sa as ErrorState,
55
+ N as DialogTitle,
56
+ O as DialogTrigger,
57
+ da as ErrorAlert,
58
+ Ta as ErrorState,
59
59
  v as FilterField,
60
60
  D as FormDialog,
61
61
  V as GenericForm,
62
62
  ma as GlobalSearch,
63
63
  z as ImageInput,
64
64
  t as KpiCard,
65
- l as KpiCards,
65
+ i as KpiCards,
66
66
  sa as KpiCardsLayout,
67
67
  $ as LanguageSelector,
68
- f as LineChart,
69
- xa as LoadingState,
68
+ A as LineChart,
69
+ Da as LoadingState,
70
70
  o as MetricCard,
71
71
  X as MultiSelect,
72
+ Ca as NotificationsBell,
72
73
  c as PieChart,
73
- B as Progress,
74
- La as SELECTION_COLUMN_KEY,
74
+ M as Progress,
75
+ Pa as SELECTION_COLUMN_KEY,
75
76
  J as SearchInput,
76
77
  y as SearchableFilterPill,
77
78
  Q as SearchableSelect,
78
- Ca as Sidebar,
79
- na as SidebarHeader,
80
- ba as SidebarNavItem,
81
- i as SkeletonCard,
79
+ na as Sidebar,
80
+ ba as SidebarHeader,
81
+ fa as SidebarNavItem,
82
+ l as SkeletonCard,
82
83
  p as SkeletonCards,
83
- Pa as TableActions,
84
- ua as TableBody,
85
- Ea as TableBulkActions,
84
+ ua as TableActions,
85
+ Ea as TableBody,
86
+ Ha as TableBulkActions,
86
87
  R as TableFilter,
87
- Ha as TableHeader,
88
- Ia as TablePagination,
89
- Ka as TableSettings,
90
- Ra as ThemeSelector,
88
+ Ia as TableHeader,
89
+ Ka as TablePagination,
90
+ Na as TableSettings,
91
+ Ua as ThemeSelector,
91
92
  Aa as Topbar,
92
93
  Oa as getAlignmentClass,
93
94
  d as getChartColor,
94
- Ma as getColumnAlignment,
95
- ka as getFixedCellProps
95
+ Ba as getColumnAlignment,
96
+ Ma as getFixedCellProps
96
97
  };
@@ -1,6 +1,6 @@
1
- import { I as r } from "../../../ImageInput-XRiPLRM6.js";
2
- import { D as c, a as o, S as s, b as p } from "../../../SearchInput-rza2llpC.js";
3
- import { M as l } from "../../../MultiSelect-DCocjZB4.js";
1
+ import { I as r } from "../../../ImageInput-DoOOvvth.js";
2
+ import { D as c, a as o, S as s, b as p } from "../../../SearchInput-DIZ5Yt6L.js";
3
+ import { M as l } from "../../../MultiSelect-DbH7LrsD.js";
4
4
  export {
5
5
  c as DatePicker,
6
6
  o as DateRangePicker,
@@ -1,4 +1,4 @@
1
- import { L as o } from "../../../LanguageSelector-C3WSlVQx.js";
1
+ import { L as o } from "../../../LanguageSelector-D5Ly1SFC.js";
2
2
  export {
3
3
  o as LanguageSelector
4
4
  };
@@ -1,6 +1,6 @@
1
- import { A as r } from "../../../AppActions-BG2sgghh.js";
2
- import { A as e, K as A } from "../../../KpiCardsLayout-Be1LHbN7.js";
3
- import { A as s } from "../../../AppSubTitle-C3K23xXb.js";
1
+ import { A as r } from "../../../AppActions-BFwztl-1.js";
2
+ import { A as e, K as A } from "../../../KpiCardsLayout-Ca6otKVw.js";
3
+ import { A as s } from "../../../AppSubTitle-BTN0YAc7.js";
4
4
  import { A as i } from "../../../AppTitle-D15YXeMx.js";
5
5
  export {
6
6
  r as AppActions,