@krosoft/react 0.0.231 → 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 (66) hide show
  1. package/dist/{AppActions-QHJ6CP5w.js → AppActions-BFwztl-1.js} +2 -2
  2. package/dist/{AppSubTitle-BlwAxtMX.js → AppSubTitle-BTN0YAc7.js} +1 -1
  3. package/dist/{AppVerticalTabs-C6MH4a0M.js → AppVerticalTabs-B7XXtAVj.js} +19 -18
  4. package/dist/{ConfirmationDialog-CK65nSle.js → ConfirmationDialog-Dj4WdnHg.js} +5 -5
  5. package/dist/{DataTable-DYp_uFEn.js → DataTable-CjrR27Di.js} +3 -3
  6. package/dist/{ErrorAlert-BIQ2Te6B.js → ErrorAlert-B99Xb_Hg.js} +1 -1
  7. package/dist/{ErrorState-ZtWe5C0s.js → ErrorState-CkeS_IBT.js} +1 -1
  8. package/dist/{GenericForm-B7L7NkrE.js → GenericForm-CydibLHU.js} +6 -6
  9. package/dist/{ImageInput-CBDkCEho.js → ImageInput-DoOOvvth.js} +3 -3
  10. package/dist/{KpiCardsLayout-CUDfA-AP.js → KpiCardsLayout-Ca6otKVw.js} +5 -5
  11. package/dist/LanguageSelector-D5Ly1SFC.js +46 -0
  12. package/dist/{MultiSelect-DWNOCqe1.js → MultiSelect-DbH7LrsD.js} +3 -3
  13. package/dist/{PieChart-gP2QNrAQ.js → PieChart-uozNJtEx.js} +1 -1
  14. package/dist/{SearchInput-Dkvaei9K.js → SearchInput-DIZ5Yt6L.js} +4 -4
  15. package/dist/{SkeletonCards-CQKcSQW3.js → SkeletonCards-B9C4cNMr.js} +2 -2
  16. package/dist/{TableFilter-BXD7Es8j.js → TableFilter-CmEVF5Bo.js} +25 -25
  17. package/dist/{ThemeSelector-BtQNjlYA.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.d.ts +1 -0
  25. package/dist/components/core/index.d.ts.map +1 -1
  26. package/dist/components/core/index.js +68 -65
  27. package/dist/components/core/inputs/index.js +3 -3
  28. package/dist/components/core/language/LanguageSelector.d.ts +9 -0
  29. package/dist/components/core/language/LanguageSelector.d.ts.map +1 -0
  30. package/dist/components/core/language/index.d.ts +3 -0
  31. package/dist/components/core/language/index.d.ts.map +1 -0
  32. package/dist/components/core/language/index.js +4 -0
  33. package/dist/components/core/layouts/index.js +3 -3
  34. package/dist/components/core/navbar/NotificationsBell.d.ts +64 -0
  35. package/dist/components/core/navbar/NotificationsBell.d.ts.map +1 -0
  36. package/dist/components/core/navbar/index.d.ts +2 -0
  37. package/dist/components/core/navbar/index.d.ts.map +1 -1
  38. package/dist/components/core/navbar/index.js +5 -4
  39. package/dist/components/core/states/index.js +2 -2
  40. package/dist/components/core/table/index.js +1 -1
  41. package/dist/components/core/tabs/index.js +1 -1
  42. package/dist/components/core/theme/index.js +1 -1
  43. package/dist/components/index.js +248 -245
  44. package/dist/components/ui/index.js +104 -104
  45. package/dist/hooks/behavior/index.js +1 -1
  46. package/dist/hooks/index.js +16 -14
  47. package/dist/hooks/ui/index.d.ts +2 -0
  48. package/dist/hooks/ui/index.d.ts.map +1 -1
  49. package/dist/hooks/ui/index.js +17 -15
  50. package/dist/hooks/ui/useLanguage.d.ts +29 -0
  51. package/dist/hooks/ui/useLanguage.d.ts.map +1 -0
  52. package/dist/i18n/index.js +2 -2
  53. package/dist/i18n/krosoftLocales.d.ts +26 -0
  54. package/dist/i18n/krosoftLocales.d.ts.map +1 -1
  55. package/dist/sheet-XYI-ezvY.js +292 -0
  56. package/dist/{toaster-B1J0puB_.js → toaster-CyzB1m5z.js} +26 -26
  57. package/dist/{toggle-group-DLLrEwv2.js → toggle-group-iZqnrTj7.js} +519 -566
  58. package/dist/{useDateFnsLocale-C4oFFUWO.js → useDateFnsLocale-D6VExZ8U.js} +1 -1
  59. package/dist/useKrosoftTranslation-BTp46G94.js +47 -0
  60. package/dist/useLanguage-C9jI2nwn.js +19 -0
  61. package/dist/{usePage-D3WXYmjl.js → usePage-BQm6tdJD.js} +1 -1
  62. package/dist/{useTheme-DyeQyPDL.js → useTheme-DS6ZjdzM.js} +1 -1
  63. package/package.json +1 -1
  64. package/dist/Topbar-DYim779_.js +0 -319
  65. package/dist/sheet-tuC_C3M3.js +0 -245
  66. package/dist/useKrosoftTranslation-DtdbUewZ.js +0 -43
@@ -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-CQKcSQW3.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-gP2QNrAQ.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-CK65nSle.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-tuC_C3M3.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-BXD7Es8j.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-B7L7NkrE.js";
1
+ import { G as o } from "../../../GenericForm-CydibLHU.js";
2
2
  export {
3
3
  o as GenericForm
4
4
  };
@@ -4,6 +4,7 @@ export * from "./dialogs";
4
4
  export * from "./filters";
5
5
  export * from "./forms";
6
6
  export * from "./inputs";
7
+ export * from "./language";
7
8
  export * from "./layouts";
8
9
  export * from "./navbar";
9
10
  export * from "./states";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
@@ -1,94 +1,97 @@
1
1
  import { D as r, M as o } from "../../MetricCard-B0xnFyim.js";
2
- import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-CQKcSQW3.js";
3
- import { B as m, a as C, C as b, b as n, c as A, L as d, P as f, g as T } from "../../PieChart-gP2QNrAQ.js";
4
- import { A as S, C as x, F as D } from "../../ConfirmationDialog-CK65nSle.js";
5
- import { D as F, a as P, b as u, c as L, d as E, e as H, f as I, g as K, h as O, i as M } from "../../sheet-tuC_C3M3.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-BXD7Es8j.js";
8
- import { G as V } from "../../GenericForm-B7L7NkrE.js";
9
- import { I as z } from "../../ImageInput-CBDkCEho.js";
10
- import { D as q, a as w, S as J, b as Q } from "../../SearchInput-Dkvaei9K.js";
11
- import { M as X } from "../../MultiSelect-DWNOCqe1.js";
12
- import { A as $ } from "../../AppActions-QHJ6CP5w.js";
13
- import { A as ea, K as ra } from "../../KpiCardsLayout-CUDfA-AP.js";
14
- import { A as sa } from "../../AppSubTitle-BlwAxtMX.js";
15
- import { A as ia } from "../../AppTitle-D15YXeMx.js";
16
- import { G as pa, S as ga, a as ma, b as Ca, T as ba } from "../../Topbar-DYim779_.js";
17
- import { E as Aa } from "../../ErrorAlert-BIQ2Te6B.js";
18
- import { E as fa } from "../../ErrorState-ZtWe5C0s.js";
19
- import { L as ca } from "../../LoadingState-BN0YaPSs.js";
20
- import { A as xa, D as Da, S as ha, T as Fa, a as Pa, b as ua, c as La, d as Ea, e as Ha, g as Ia, f as Ka, h as Oa } from "../../DataTable-DYp_uFEn.js";
21
- import { A as ka, a as Ba, b as Ga, c as Na } from "../../AppVerticalTabs-C6MH4a0M.js";
22
- import { T as va } from "../../ThemeSelector-BtQNjlYA.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
+ import { A as pa } from "../../AppTitle-D15YXeMx.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";
23
24
  export {
24
- xa as ACTIONS_COLUMN_KEY,
25
- N as ActiveFilters,
25
+ Fa as ACTIONS_COLUMN_KEY,
26
+ G as ActiveFilters,
26
27
  _ as AdvancedFilters,
27
- $ as AppActions,
28
- S as AppDialog,
29
- ea as AppPageHeader,
30
- sa as AppSubTitle,
31
- ka as AppTabContainer,
32
- Ba as AppTabHeader,
33
- Ga as AppTabs,
34
- ia as AppTitle,
35
- Na as AppVerticalTabs,
28
+ ea as AppActions,
29
+ T as AppDialog,
30
+ oa as AppPageHeader,
31
+ ia as AppSubTitle,
32
+ Ga as AppTabContainer,
33
+ _a as AppTabHeader,
34
+ va as AppTabs,
35
+ pa as AppTitle,
36
+ ya as AppVerticalTabs,
36
37
  m as BarChartHorizontal,
37
38
  C as BarChartVertical,
38
- b as CHART_COLORS,
39
- n as ChartCard,
40
- A as CircularGauge,
39
+ n as CHART_COLORS,
40
+ b as ChartCard,
41
+ f as CircularGauge,
41
42
  x as ConfirmationDialog,
42
43
  r as DashboardCard,
43
- Da as DataTable,
44
+ La as DataTable,
44
45
  q as DatePicker,
45
46
  w as DateRangePicker,
46
47
  F as Dialog,
47
- P as DialogClose,
48
- u as DialogContent,
49
- L as DialogDescription,
48
+ L as DialogClose,
49
+ P as DialogContent,
50
+ u as DialogDescription,
50
51
  E as DialogFooter,
51
52
  H as DialogHeader,
52
53
  I as DialogOverlay,
53
54
  K as DialogPortal,
54
- O as DialogTitle,
55
- M as DialogTrigger,
56
- Aa as ErrorAlert,
57
- fa as ErrorState,
55
+ N as DialogTitle,
56
+ O as DialogTrigger,
57
+ da as ErrorAlert,
58
+ Ta as ErrorState,
58
59
  v as FilterField,
59
60
  D as FormDialog,
60
61
  V as GenericForm,
61
- pa as GlobalSearch,
62
+ ma as GlobalSearch,
62
63
  z as ImageInput,
63
64
  t as KpiCard,
64
65
  i as KpiCards,
65
- ra as KpiCardsLayout,
66
- d as LineChart,
67
- ca as LoadingState,
66
+ sa as KpiCardsLayout,
67
+ $ as LanguageSelector,
68
+ A as LineChart,
69
+ Da as LoadingState,
68
70
  o as MetricCard,
69
71
  X as MultiSelect,
70
- f as PieChart,
71
- B as Progress,
72
- ha as SELECTION_COLUMN_KEY,
72
+ Ca as NotificationsBell,
73
+ c as PieChart,
74
+ M as Progress,
75
+ Pa as SELECTION_COLUMN_KEY,
73
76
  J as SearchInput,
74
77
  y as SearchableFilterPill,
75
78
  Q as SearchableSelect,
76
- ga as Sidebar,
77
- ma as SidebarHeader,
78
- Ca as SidebarNavItem,
79
+ na as Sidebar,
80
+ ba as SidebarHeader,
81
+ fa as SidebarNavItem,
79
82
  l as SkeletonCard,
80
83
  p as SkeletonCards,
81
- Fa as TableActions,
82
- Pa as TableBody,
83
- ua as TableBulkActions,
84
+ ua as TableActions,
85
+ Ea as TableBody,
86
+ Ha as TableBulkActions,
84
87
  R as TableFilter,
85
- La as TableHeader,
86
- Ea as TablePagination,
87
- Ha as TableSettings,
88
- va as ThemeSelector,
89
- ba as Topbar,
90
- Ia as getAlignmentClass,
91
- T as getChartColor,
92
- Ka as getColumnAlignment,
93
- Oa as getFixedCellProps
88
+ Ia as TableHeader,
89
+ Ka as TablePagination,
90
+ Na as TableSettings,
91
+ Ua as ThemeSelector,
92
+ Aa as Topbar,
93
+ Oa as getAlignmentClass,
94
+ d as getChartColor,
95
+ Ba as getColumnAlignment,
96
+ Ma as getFixedCellProps
94
97
  };
@@ -1,6 +1,6 @@
1
- import { I as r } from "../../../ImageInput-CBDkCEho.js";
2
- import { D as c, a as o, S as s, b as p } from "../../../SearchInput-Dkvaei9K.js";
3
- import { M as l } from "../../../MultiSelect-DWNOCqe1.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,