@krosoft/react 0.0.232 → 0.0.233

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-CPWjqOBF.js +429 -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 +64 -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,429 @@
1
+ import { jsxs as s, Fragment as L, jsx as e } from "react/jsx-runtime";
2
+ import "date-fns/locale";
3
+ import "react-i18next";
4
+ import { u as G } from "./useKrosoftTranslation-BTp46G94.js";
5
+ import * as K from "react";
6
+ import { SearchIcon as U, LoaderCircleIcon as _, BellIcon as F, Trash2Icon as M, ChevronDownIcon as Q, MenuIcon as R } from "lucide-react";
7
+ import { c as l } from "./tailwind.helper-B6yFEsav.js";
8
+ import { B as E, T as q, c as H, a as P, b as V } from "./tooltip-DVeqVwqV.js";
9
+ import { j as X, m as J, o as Y, k as Z, l as I, n as ee, P as te, s as re, r as ae, S as se, I as ie, u as ne, w as le, E as oe, x as ce } from "./sheet-XYI-ezvY.js";
10
+ import "./sidebar.context-D5nywlmP.js";
11
+ import { u as W } from "./useSidebar-BJuALHqQ.js";
12
+ import "next-themes";
13
+ import { S as B } from "./skeleton-BX4RcsiK.js";
14
+ const ke = ({
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: z,
27
+ emptyLabel: S,
28
+ loadingLabel: k,
29
+ title: j,
30
+ description: D,
31
+ hint: A,
32
+ className: b
33
+ }) => {
34
+ const { t: p } = G(), [T, n] = K.useState(!1), y = c !== void 0, C = y ? c : T, a = K.useCallback(
35
+ (f) => {
36
+ y || n(f), m == null || m(f);
37
+ },
38
+ [y, m]
39
+ );
40
+ K.useEffect(() => {
41
+ if (!N) return;
42
+ const f = (t) => {
43
+ t.key.toLowerCase() !== "k" || !(t.metaKey || t.ctrlKey) || (t.preventDefault(), a(!C));
44
+ };
45
+ return window.addEventListener("keydown", f), () => {
46
+ window.removeEventListener("keydown", f);
47
+ };
48
+ }, [N, C, a]);
49
+ const u = (f) => {
50
+ a(!1), h(""), o(f);
51
+ }, v = i.some((f) => f.items.length > 0);
52
+ return /* @__PURE__ */ s(L, { children: [
53
+ x && /* @__PURE__ */ e(
54
+ E,
55
+ {
56
+ variant: "ghost",
57
+ size: "icon",
58
+ "aria-label": g ?? p("search.trigger"),
59
+ title: N ? `${g ?? p("search.trigger")} (${w})` : g ?? p("search.trigger"),
60
+ className: "rounded-full",
61
+ onClick: () => {
62
+ a(!0);
63
+ },
64
+ children: /* @__PURE__ */ e(U, { className: "size-4" })
65
+ }
66
+ ),
67
+ /* @__PURE__ */ s(
68
+ X,
69
+ {
70
+ open: C,
71
+ onOpenChange: a,
72
+ title: j ?? p("search.globalTitle"),
73
+ description: D ?? p("search.globalDescription"),
74
+ shouldFilter: !1,
75
+ className: b,
76
+ children: [
77
+ /* @__PURE__ */ e(J, { value: d, onValueChange: h, placeholder: z ?? p("search.placeholder") }),
78
+ /* @__PURE__ */ s(Y, { 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(_, { className: "size-4 animate-spin" }),
81
+ k ?? p("search.loading")
82
+ ] }),
83
+ !v && !r && /* @__PURE__ */ e(Z, { children: S ?? p("states.noResultDot") }),
84
+ i.map(
85
+ (f) => f.items.length === 0 ? null : /* @__PURE__ */ e(I, { heading: f.heading, children: f.items.map((t) => {
86
+ const $ = t.icon;
87
+ return /* @__PURE__ */ s(
88
+ ee,
89
+ {
90
+ value: t.key,
91
+ className: "gap-3 px-2 py-2",
92
+ onSelect: () => {
93
+ u(t);
94
+ },
95
+ children: [
96
+ $ && /* @__PURE__ */ e("span", { className: l("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", t.iconClassName), children: /* @__PURE__ */ e($, { 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: t.label }),
99
+ t.description !== void 0 && t.description !== "" && /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: t.description })
100
+ ] })
101
+ ]
102
+ },
103
+ t.key
104
+ );
105
+ }) }, f.heading)
106
+ )
107
+ ] }),
108
+ A !== void 0 && v && !r && /* @__PURE__ */ e("div", { className: "border-t border-border p-2 text-center text-xs text-muted-foreground", children: A })
109
+ ]
110
+ }
111
+ )
112
+ ] });
113
+ }, de = 9, ze = ({
114
+ items: i,
115
+ onSelect: d,
116
+ onMarkAllAsRead: h,
117
+ onRemove: o,
118
+ loading: r = !1,
119
+ unreadCount: c,
120
+ maxBadgeCount: m = de,
121
+ open: x,
122
+ onOpenChange: g,
123
+ triggerLabel: N,
124
+ title: w,
125
+ emptyLabel: z,
126
+ loadingLabel: S,
127
+ markAllAsReadLabel: k,
128
+ removeLabel: j,
129
+ className: D,
130
+ contentClassName: A,
131
+ badgeClassName: b
132
+ }) => {
133
+ const { t: p } = G(), [T, n] = K.useState(!1), y = x !== void 0, C = y ? x : T, a = (t) => {
134
+ y || n(t), g == null || g(t);
135
+ }, u = c ?? i.filter((t) => !t.read).length, v = N ?? p("notifications.trigger"), f = (t) => {
136
+ a(!1), d == null || d(t);
137
+ };
138
+ return /* @__PURE__ */ s(te, { open: C, onOpenChange: a, children: [
139
+ /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ s(
140
+ E,
141
+ {
142
+ type: "button",
143
+ variant: "ghost",
144
+ size: "icon",
145
+ className: l("relative rounded-full", D),
146
+ "aria-label": u > 0 ? `${v} (${String(u)})` : v,
147
+ title: v,
148
+ children: [
149
+ /* @__PURE__ */ e(F, { className: "size-4" }),
150
+ u > 0 && /* @__PURE__ */ e(
151
+ "span",
152
+ {
153
+ className: l(
154
+ "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",
155
+ b
156
+ ),
157
+ children: u > m ? `${String(m)}+` : u
158
+ }
159
+ )
160
+ ]
161
+ }
162
+ ) }),
163
+ /* @__PURE__ */ s(ae, { align: "end", className: l("w-80 p-0", A), children: [
164
+ /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 border-b px-3 py-2", children: [
165
+ /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: w ?? p("notifications.title") }),
166
+ h && u > 0 && /* @__PURE__ */ e(E, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-xs", onClick: h, children: k ?? p("notifications.markAllAsRead") })
167
+ ] }),
168
+ r && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: S ?? p("states.loading") }),
169
+ !r && i.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: z ?? p("notifications.empty") }),
170
+ !r && i.length > 0 && /* @__PURE__ */ e(se, { className: "max-h-96", children: /* @__PURE__ */ e("ul", { className: "divide-y", children: i.map((t) => {
171
+ const $ = t.icon;
172
+ return /* @__PURE__ */ s("li", { className: l("flex items-start gap-2 px-3 py-2", !t.read && "bg-accent/40"), children: [
173
+ /* @__PURE__ */ s(
174
+ "button",
175
+ {
176
+ type: "button",
177
+ 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",
178
+ onClick: () => {
179
+ f(t);
180
+ },
181
+ children: [
182
+ $ && /* @__PURE__ */ e(
183
+ "span",
184
+ {
185
+ className: l(
186
+ "mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
187
+ t.iconClassName
188
+ ),
189
+ children: /* @__PURE__ */ e($, { className: "size-3.5" })
190
+ }
191
+ ),
192
+ /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 space-y-0.5", children: [
193
+ /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
194
+ !t.read && /* @__PURE__ */ e("span", { className: "size-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": !0 }),
195
+ /* @__PURE__ */ e("span", { className: l("truncate text-sm", !t.read && "font-medium"), children: t.title })
196
+ ] }),
197
+ t.description && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: t.description }),
198
+ t.date && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground/60", children: t.date })
199
+ ] })
200
+ ]
201
+ }
202
+ ),
203
+ o && /* @__PURE__ */ e(
204
+ E,
205
+ {
206
+ type: "button",
207
+ variant: "ghost",
208
+ size: "icon",
209
+ className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
210
+ onClick: () => {
211
+ o(t);
212
+ },
213
+ "aria-label": j ?? p("notifications.remove"),
214
+ title: j ?? p("notifications.remove"),
215
+ children: /* @__PURE__ */ e(M, { className: "size-3.5" })
216
+ }
217
+ )
218
+ ] }, t.key);
219
+ }) }) })
220
+ ] })
221
+ ] });
222
+ }, O = (i, d, h) => d === i ? !0 : i === "/" || !d.startsWith(`${i}/`) ? !1 : !h.some(
223
+ (o) => o !== i && o.startsWith(`${i}/`) && (d === o || d.startsWith(`${o}/`))
224
+ ), me = ({
225
+ path: i,
226
+ // eslint-disable-next-line @typescript-eslint/naming-convention
227
+ icon: d,
228
+ label: h,
229
+ badge: o,
230
+ subItems: r,
231
+ currentPath: c,
232
+ collapsed: m,
233
+ dense: x = !1,
234
+ onItemClick: g
235
+ }) => {
236
+ const N = (r == null ? void 0 : r.map((n) => n.path)) ?? [], [w, z] = K.useState((r == null ? void 0 : r.some((n) => O(n.path, c, N))) ?? !1), S = i ? c === i || i !== "/" && c.startsWith(`${i}/`) : !1, k = r == null ? void 0 : r.some((n) => O(n.path, c, N)), T = /* @__PURE__ */ s(
237
+ "a",
238
+ {
239
+ href: i ?? "#",
240
+ onClick: (n) => {
241
+ n.ctrlKey || n.metaKey || n.button === 1 || (n.preventDefault(), r && r.length > 0 ? m || z(!w) : i && g(i));
242
+ },
243
+ className: l(
244
+ "flex items-center cursor-pointer transition-all duration-200 group rounded-control",
245
+ x ? "gap-2.5 mb-0.5" : "gap-3 mb-1",
246
+ 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",
247
+ S || !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"
248
+ ),
249
+ children: [
250
+ /* @__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" }) }),
251
+ !m && /* @__PURE__ */ s(L, { children: [
252
+ /* @__PURE__ */ e("span", { className: l("flex-grow transition-opacity duration-150 font-medium", x ? "text-sm" : ""), children: h }),
253
+ 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 }),
254
+ r && r.length > 0 && /* @__PURE__ */ e(Q, { className: l("size-4 transition-transform duration-200", w ? "rotate-180" : "") })
255
+ ] })
256
+ ]
257
+ }
258
+ );
259
+ return /* @__PURE__ */ s(L, { children: [
260
+ m ? /* @__PURE__ */ s(q, { children: [
261
+ /* @__PURE__ */ e(H, { asChild: !0, children: T }),
262
+ /* @__PURE__ */ e(
263
+ P,
264
+ {
265
+ side: "right",
266
+ sideOffset: 6,
267
+ className: "rounded-surface z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
268
+ children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
269
+ /* @__PURE__ */ e("p", { className: "font-semibold", children: h }),
270
+ o !== void 0 && /* @__PURE__ */ s("span", { className: "ml-1 text-xs", children: [
271
+ "(",
272
+ o,
273
+ ")"
274
+ ] })
275
+ ] }) })
276
+ }
277
+ )
278
+ ] }) : T,
279
+ !m && r && r.length > 0 && w && /* @__PURE__ */ e(
280
+ "div",
281
+ {
282
+ className: l(
283
+ "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",
284
+ x ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
285
+ ),
286
+ children: r.map((n, y) => {
287
+ const C = O(n.path, c, N);
288
+ return /* @__PURE__ */ s(
289
+ "a",
290
+ {
291
+ href: n.path,
292
+ onClick: (a) => {
293
+ a.ctrlKey || a.metaKey || a.button === 1 || (a.preventDefault(), g(n.path));
294
+ },
295
+ className: l(
296
+ "flex items-center justify-between rounded-control text-sm transition-all duration-200",
297
+ x ? "px-3 py-1" : "px-4 py-2",
298
+ C ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
299
+ ),
300
+ children: [
301
+ /* @__PURE__ */ e("span", { children: n.label }),
302
+ n.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: n.badge })
303
+ ]
304
+ },
305
+ y
306
+ );
307
+ })
308
+ }
309
+ )
310
+ ] });
311
+ }, Se = ({ groups: i, currentPath: d, onItemClick: h, slots: o, search: r, dense: c = !1, loading: m = !1 }) => {
312
+ const { t: x } = G(), { enabled: g = !1, placeholder: N } = r ?? {}, { header: w, footer: z } = o ?? {}, { collapsed: S, isMobile: k, setCollapsed: j } = W(), [D, A] = K.useState(""), b = k ? !1 : S, p = !S, T = (a) => {
313
+ h(a), k && j(!0);
314
+ }, n = D.trim().toLowerCase(), y = n === "" ? i : i.map((a) => ({
315
+ ...a,
316
+ items: a.items.filter(
317
+ (u) => {
318
+ var v;
319
+ return u.label.toLowerCase().includes(n) || (((v = u.subItems) == null ? void 0 : v.some((f) => f.label.toLowerCase().includes(n))) ?? !1);
320
+ }
321
+ )
322
+ })).filter((a) => a.items.length > 0), C = /* @__PURE__ */ s("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
323
+ w,
324
+ g && !b && /* @__PURE__ */ e("div", { className: l("px-4", c ? "pt-2" : "pt-4"), children: /* @__PURE__ */ s("div", { className: "relative", children: [
325
+ /* @__PURE__ */ e(U, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
326
+ /* @__PURE__ */ e(
327
+ ie,
328
+ {
329
+ type: "search",
330
+ value: D,
331
+ onChange: (a) => {
332
+ A(a.target.value);
333
+ },
334
+ placeholder: N ?? x("search.placeholder"),
335
+ className: l(
336
+ "bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
337
+ c ? "h-8 text-sm" : "h-9"
338
+ )
339
+ }
340
+ )
341
+ ] }) }),
342
+ /* @__PURE__ */ e("div", { className: l("flex-1 overflow-y-auto scrollbar-modern", b ? "px-0" : "px-2", c ? "py-2" : "py-4"), children: m ? Array.from({ length: 5 }).map((a, u) => /* @__PURE__ */ s("div", { className: l("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", b ? "justify-center px-3" : "px-4"), children: [
343
+ /* @__PURE__ */ e(B, { className: "size-5 flex-shrink-0 rounded-control" }),
344
+ !b && /* @__PURE__ */ e(B, { className: "h-4 flex-1" })
345
+ ] }, u)) : y.map((a, u) => /* @__PURE__ */ s("div", { className: c ? "mb-3" : "mb-6", children: [
346
+ !b && 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 }),
347
+ /* @__PURE__ */ e("nav", { className: l("flex flex-col", c ? "gap-0.5" : "gap-1"), children: a.items.map((v, f) => /* @__PURE__ */ e(me, { ...v, currentPath: d, collapsed: b, dense: c, onItemClick: T }, f)) })
348
+ ] }, u)) }),
349
+ z && /* @__PURE__ */ e("div", { className: l("border-t border-sidebar-border", c ? "p-2" : "p-4", b ? "flex justify-center" : ""), children: z })
350
+ ] });
351
+ return k ? /* @__PURE__ */ e(
352
+ ne,
353
+ {
354
+ open: p,
355
+ onOpenChange: (a) => {
356
+ j(!a);
357
+ },
358
+ children: /* @__PURE__ */ s(le, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
359
+ /* @__PURE__ */ e(oe, { className: "sr-only", children: x("sidebar.menu") }),
360
+ /* @__PURE__ */ e(ce, { className: "sr-only", children: x("sidebar.description") }),
361
+ C
362
+ ] })
363
+ }
364
+ ) : /* @__PURE__ */ e(V, { delayDuration: 0, children: /* @__PURE__ */ e(
365
+ "aside",
366
+ {
367
+ className: l(
368
+ "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
369
+ b ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
370
+ "flex"
371
+ ),
372
+ style: {
373
+ "--navbar-width": "16rem",
374
+ "--navbar-width-icon": "4rem"
375
+ },
376
+ children: C
377
+ }
378
+ ) });
379
+ }, je = ({
380
+ name: i = "appname",
381
+ subName: d = "appsubname",
382
+ // eslint-disable-next-line @typescript-eslint/naming-convention
383
+ icon: h,
384
+ dense: o = !1
385
+ }) => {
386
+ const { collapsed: r, isMobile: c } = W(), m = c ? !1 : r;
387
+ 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: [
388
+ h !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(h, { className: o ? "size-5" : "size-6" }) }),
389
+ !m && /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
390
+ /* @__PURE__ */ e("h1", { className: l("font-bold text-sidebar-foreground leading-tight", o ? "text-base" : "text-lg"), children: i }),
391
+ /* @__PURE__ */ e("span", { className: l("text-sidebar-muted font-medium", o ? "text-[11px]" : "text-xs"), children: d })
392
+ ] })
393
+ ] });
394
+ }, Te = ({ collapsed: i, isMobile: d, onToggleSidebar: h, actionsNode: o, userMenuNode: r }) => /* @__PURE__ */ s(
395
+ "header",
396
+ {
397
+ className: l(
398
+ "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",
399
+ d && "left-0",
400
+ !d && i && "left-[5rem]",
401
+ !d && !i && "left-[16rem]"
402
+ ),
403
+ tabIndex: -1,
404
+ children: [
405
+ /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
406
+ E,
407
+ {
408
+ variant: "ghost",
409
+ size: "icon",
410
+ onClick: h,
411
+ className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
412
+ children: /* @__PURE__ */ e(R, { className: "size-4" })
413
+ }
414
+ ) }),
415
+ /* @__PURE__ */ s("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
416
+ o,
417
+ r
418
+ ] })
419
+ ]
420
+ }
421
+ );
422
+ export {
423
+ ke as G,
424
+ ze as N,
425
+ Se as S,
426
+ Te as T,
427
+ je as a,
428
+ me as b
429
+ };
@@ -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-CPWjqOBF.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,