@krosoft/react 0.0.237 → 0.0.239

package/dist/i18n/index.js

@@ -1,10 +1,2 @@
-import { K as a, k as e, r, u as t } from "../useKrosoftTranslation-BTp46G94.js";
-import { d as l, u as c } from "../useDateFnsLocale-D6VExZ8U.js";
-export {
-  a as KROSOFT_NAMESPACE,
-  l as dateFnsLocale,
-  e as krosoftLocales,
-  r as registerKrosoftLocales,
-  c as useDateFnsLocale,
-  t as useKrosoftTranslation
-};
+import { a as e, i as t, n, o as r, r as i, t as a } from "../i18n-Dw99bRmg.js";
+export { t as KROSOFT_NAMESPACE, n as dateFnsLocale, e as krosoftLocales, r as registerKrosoftLocales, i as useDateFnsLocale, a as useKrosoftTranslation };

package/dist/i18n-Dw99bRmg.js

@@ -0,0 +1,190 @@
+import { useTranslation as e } from "react-i18next";
+import { enGB as t, fr as n } from "date-fns/locale";
+var r = {
+	actions: {
+		cancel: "Cancel",
+		save: "Save",
+		saving: "Saving...",
+		edit: "Edit",
+		delete: "Delete",
+		clear: "Clear",
+		apply: "Apply"
+	},
+	states: {
+		loading: "Loading...",
+		error: "Something went wrong.",
+		errorPrefix: "Error:",
+		errorTitle: "Error",
+		noResult: "No result",
+		noResultDot: "No result.",
+		noData: "No data available",
+		underConstruction: "Section under development",
+		comingSoon: "This feature will be available soon"
+	},
+	search: {
+		trigger: "Search",
+		placeholder: "Search...",
+		globalTitle: "Global search",
+		globalDescription: "Search for a page or a record across the application.",
+		commandTitle: "Command palette",
+		commandDescription: "Search for a command to run.",
+		loading: "Searching..."
+	},
+	notifications: {
+		trigger: "Notifications",
+		title: "Notifications",
+		empty: "No notifications.",
+		markAllAsRead: "Mark all as read",
+		remove: "Delete notification"
+	},
+	select: {
+		placeholder: "Select...",
+		create: "Create “{{search}}”",
+		section: "Select a section",
+		theme: "Select a theme",
+		language: "Select a language"
+	},
+	date: {
+		pickDate: "Select a date",
+		pickPeriod: "Select a period",
+		clearPeriod: "Clear the selected period"
+	},
+	filters: {
+		advanced: "Advanced filters",
+		more: "More filters",
+		yes: "Yes",
+		no: "No"
+	},
+	form: {
+		validationTitle: "Validation error",
+		validationMessage: "Please check the form fields",
+		submitError: "Something went wrong while saving"
+	},
+	image: {
+		empty: "No image",
+		upload: "Click to upload",
+		invalidType: "Only {{types}} files are accepted",
+		tooLarge: "The file must not exceed {{size}}MB"
+	},
+	table: {
+		previousPage: "Previous page",
+		nextPage: "Next page"
+	},
+	sidebar: {
+		menu: "Navigation menu",
+		description: "Main navigation of the application"
+	},
+	language: {
+		description: "Choose the interface language",
+		current: "Current language: {{language}}",
+		switchTo: "Switch to {{language}}"
+	},
+	theme: {
+		updatedTitle: "Theme updated",
+		updatedMessage: "The theme has been changed to {{theme}}."
+	}
+}, i = {
+	actions: {
+		cancel: "Annuler",
+		save: "Enregistrer",
+		saving: "Enregistrement...",
+		edit: "Modifier",
+		delete: "Supprimer",
+		clear: "Effacer",
+		apply: "Appliquer"
+	},
+	states: {
+		loading: "Chargement...",
+		error: "Une erreur est survenue.",
+		errorPrefix: "Erreur :",
+		errorTitle: "Erreur",
+		noResult: "Aucun résultat",
+		noResultDot: "Aucun résultat.",
+		noData: "Aucune donnée disponible",
+		underConstruction: "Section en cours de développement",
+		comingSoon: "Cette fonctionnalité sera bientôt disponible"
+	},
+	search: {
+		trigger: "Rechercher",
+		placeholder: "Rechercher...",
+		globalTitle: "Recherche globale",
+		globalDescription: "Rechercher une page ou une donnée dans l'application.",
+		commandTitle: "Palette de commandes",
+		commandDescription: "Rechercher une commande à exécuter.",
+		loading: "Recherche..."
+	},
+	notifications: {
+		trigger: "Notifications",
+		title: "Notifications",
+		empty: "Aucune notification.",
+		markAllAsRead: "Tout marquer comme lu",
+		remove: "Supprimer la notification"
+	},
+	select: {
+		placeholder: "Sélectionner...",
+		create: "Créer « {{search}} »",
+		section: "Sélectionner une section",
+		theme: "Sélectionner un thème",
+		language: "Sélectionner une langue"
+	},
+	date: {
+		pickDate: "Sélectionner une date",
+		pickPeriod: "Sélectionner une période",
+		clearPeriod: "Effacer la période sélectionnée"
+	},
+	filters: {
+		advanced: "Filtres avancés",
+		more: "Plus de filtres",
+		yes: "Oui",
+		no: "Non"
+	},
+	form: {
+		validationTitle: "Erreur de validation",
+		validationMessage: "Veuillez vérifier les champs du formulaire",
+		submitError: "Une erreur est survenue lors de l'enregistrement"
+	},
+	image: {
+		empty: "Aucune image",
+		upload: "Cliquer pour uploader",
+		invalidType: "Seuls les fichiers {{types}} sont acceptés",
+		tooLarge: "Le fichier ne doit pas dépasser {{size}}MB"
+	},
+	table: {
+		previousPage: "Page précédente",
+		nextPage: "Page suivante"
+	},
+	sidebar: {
+		menu: "Menu de navigation",
+		description: "Navigation principale de l'application"
+	},
+	language: {
+		description: "Choisissez la langue de l'interface",
+		current: "Langue actuelle : {{language}}",
+		switchTo: "Passer en {{language}}"
+	},
+	theme: {
+		updatedTitle: "Thème mis à jour",
+		updatedMessage: "Le thème a été changé vers {{theme}}."
+	}
+}, a = "krosoft", o = {
+	fr: i,
+	en: r
+}, s = (e, { overwrite: t = !1 } = {}) => {
+	typeof e.addResourceBundle == "function" && Object.entries(o).forEach(([n, r]) => {
+		e.addResourceBundle?.(n, a, r, !0, t);
+	});
+}, c = {
+	fr: n,
+	en: t
+}, l = n, u = (e) => e === void 0 ? l : c[e.split("-")[0]] ?? l, d = () => {
+	let { i18n: t, ready: n } = e(a, { useSuspense: !1 });
+	return u(n ? t.resolvedLanguage ?? t.language : void 0);
+}, f = (e) => {
+	let t = e.split(".").reduce((e, t) => typeof e == "object" && e ? e[t] : void 0, i);
+	return typeof t == "string" ? t : void 0;
+}, p = (e, t) => t === void 0 ? e : e.replace(/\{\{(\w+)\}\}/g, (e, n) => n in t ? String(t[n]) : e), m = () => {
+	let { t, i18n: n, ready: r } = e(a, { useSuspense: !1 });
+	return { t: (e, i) => r && n.exists(e, { ns: "krosoft" }) ? t(e, i ?? {}) : p(f(e) ?? e, i) };
+};
+//#endregion
+export { o as a, a as i, u as n, s as o, d as r, m as t };

package/dist/language-DxHhlpgN.js

@@ -0,0 +1,58 @@
+import { i as e, n as t, r as n, s as r, t as i } from "./tooltip-B2dzyfs9.js";
+import { t as a } from "./i18n-Dw99bRmg.js";
+import { i as o, l as s, n as c, t as l, u } from "./select-ULiTPOr5.js";
+import { t as d } from "./useLanguage-DN3CuBv5.js";
+import "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { LanguagesIcon as m } from "lucide-react";
+//#region src/components/core/language/LanguageSelector.tsx
+function h({ languageOptions: h, variant: g = "select", id: _ }) {
+	let { t: v } = a(), { currentLanguageOption: y, nextLanguageOption: b, changeLanguage: x, cycleLanguage: S } = d(h);
+	if (g === "mini") {
+		let a = y?.icon ?? m;
+		return /* @__PURE__ */ f(n, { children: /* @__PURE__ */ p(i, { children: [/* @__PURE__ */ f(e, {
+			asChild: !0,
+			children: /* @__PURE__ */ p(r, {
+				id: _,
+				variant: "ghost",
+				size: "icon",
+				onClick: S,
+				className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+				children: [/* @__PURE__ */ f(a, { className: "size-4" }), /* @__PURE__ */ f("span", {
+					className: "sr-only",
+					children: v("language.current", { language: y?.label ?? "" })
+				})]
+			})
+		}), /* @__PURE__ */ f(t, {
+			side: "bottom",
+			align: "center",
+			children: v("language.switchTo", { language: b?.label ?? "" })
+		})] }) });
+	}
+	return /* @__PURE__ */ p("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ p(l, {
+			value: y?.value,
+			onValueChange: x,
+			children: [/* @__PURE__ */ f(s, {
+				id: _,
+				className: "w-full",
+				children: /* @__PURE__ */ f(u, { placeholder: v("select.language") })
+			}), /* @__PURE__ */ f(c, { children: h.map((e) => {
+				let t = e.icon ?? m;
+				return /* @__PURE__ */ f(o, {
+					value: e.value,
+					children: /* @__PURE__ */ p("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ f(t, { className: "size-4" }), e.label]
+					})
+				}, e.value);
+			}) })]
+		}), /* @__PURE__ */ f("p", {
+			className: "text-sm text-muted-foreground",
+			children: v("language.description")
+		})]
+	});
+}
+//#endregion
+export { h as t };

package/dist/navbar-Bc5OQWRI.js

@@ -0,0 +1,385 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { i as t, n, r, s as i, t as a } from "./tooltip-B2dzyfs9.js";
+import { t as o } from "./i18n-Dw99bRmg.js";
+import { C as s, S as c, b as l, d as u, g as d, h as f, i as p, l as m, m as h, p as g, r as _, t as v, v as y, x as b, y as x } from "./sheet-CRrYTZrl.js";
+import { t as S } from "./skeleton-D6Ga4BLw.js";
+import { t as C } from "./behavior-BR_V9Rpe.js";
+import "./hooks/index.js";
+import * as w from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { BellIcon as O, ChevronDownIcon as k, LoaderCircleIcon as A, MenuIcon as j, SearchIcon as M, Trash2Icon as N } from "lucide-react";
+//#region src/components/core/navbar/GlobalSearch.tsx
+var P = ({ groups: t, search: n, onSearch: r, onSelect: a, loading: u = !1, open: d, onOpenChange: f, trigger: p = !0, triggerLabel: m, shortcut: h = !0, shortcutLabel: g = "Ctrl+K", placeholder: _, emptyLabel: v, loadingLabel: S, title: C, description: O, hint: k, className: j }) => {
+	let { t: N } = o(), [P, F] = w.useState(!1), I = d !== void 0, L = I ? d : P, R = w.useCallback((e) => {
+		I || F(e), f?.(e);
+	}, [I, f]);
+	w.useEffect(() => {
+		if (!h) return;
+		let e = (e) => {
+			e.key.toLowerCase() !== "k" || !(e.metaKey || e.ctrlKey) || (e.preventDefault(), R(!L));
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [
+		h,
+		L,
+		R
+	]);
+	let z = (e) => {
+		R(!1), r(""), a(e);
+	}, B = t.some((e) => e.items.length > 0);
+	return /* @__PURE__ */ D(T, { children: [p && /* @__PURE__ */ E(i, {
+		variant: "ghost",
+		size: "icon",
+		"aria-label": m ?? N("search.trigger"),
+		title: h ? `${m ?? N("search.trigger")} (${g})` : m ?? N("search.trigger"),
+		className: "rounded-full",
+		onClick: () => {
+			R(!0);
+		},
+		children: /* @__PURE__ */ E(M, { className: "size-4" })
+	}), /* @__PURE__ */ D(y, {
+		open: L,
+		onOpenChange: R,
+		title: C ?? N("search.globalTitle"),
+		description: O ?? N("search.globalDescription"),
+		shouldFilter: !1,
+		className: j,
+		children: [
+			/* @__PURE__ */ E(b, {
+				value: n,
+				onValueChange: r,
+				placeholder: _ ?? N("search.placeholder")
+			}),
+			/* @__PURE__ */ D(s, { children: [
+				u && /* @__PURE__ */ D("div", {
+					className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground",
+					children: [/* @__PURE__ */ E(A, { className: "size-4 animate-spin" }), S ?? N("search.loading")]
+				}),
+				!B && !u && /* @__PURE__ */ E(x, { children: v ?? N("states.noResultDot") }),
+				t.map((t) => t.items.length === 0 ? null : /* @__PURE__ */ E(l, {
+					heading: t.heading,
+					children: t.items.map((t) => {
+						let n = t.icon;
+						return /* @__PURE__ */ D(c, {
+							value: t.key,
+							className: "gap-3 px-2 py-2",
+							onSelect: () => {
+								z(t);
+							},
+							children: [n && /* @__PURE__ */ E("span", {
+								className: e("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", t.iconClassName),
+								children: /* @__PURE__ */ E(n, { className: "size-4" })
+							}), /* @__PURE__ */ D("span", {
+								className: "flex min-w-0 flex-1 flex-col",
+								children: [/* @__PURE__ */ E("span", {
+									className: "truncate font-medium",
+									children: t.label
+								}), t.description !== void 0 && t.description !== "" && /* @__PURE__ */ E("span", {
+									className: "truncate text-xs text-muted-foreground",
+									children: t.description
+								})]
+							})]
+						}, t.key);
+					})
+				}, t.heading))
+			] }),
+			k !== void 0 && B && !u && /* @__PURE__ */ E("div", {
+				className: "border-t border-border p-2 text-center text-xs text-muted-foreground",
+				children: k
+			})
+		]
+	})] });
+}, F = 9, I = ({ items: t, onSelect: n, onMarkAllAsRead: r, onRemove: a, loading: s = !1, unreadCount: c, maxBadgeCount: l = F, open: d, onOpenChange: p, triggerLabel: m, title: _, emptyLabel: v, loadingLabel: y, markAllAsReadLabel: b, removeLabel: x, className: S, contentClassName: C, badgeClassName: T, itemClassName: k, unreadItemClassName: A }) => {
+	let { t: j } = o(), [M, P] = w.useState(!1), I = d !== void 0, L = I ? d : M, R = (e) => {
+		I || P(e), p?.(e);
+	}, z = c ?? t.filter((e) => !e.read).length, B = m ?? j("notifications.trigger"), V = (e) => {
+		R(!1), n?.(e);
+	};
+	return /* @__PURE__ */ D(g, {
+		open: L,
+		onOpenChange: R,
+		children: [/* @__PURE__ */ E(f, {
+			asChild: !0,
+			children: /* @__PURE__ */ D(i, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				className: e("relative rounded-full", S),
+				"aria-label": z > 0 ? `${B} (${String(z)})` : B,
+				title: B,
+				children: [/* @__PURE__ */ E(O, { className: "size-4" }), z > 0 && /* @__PURE__ */ E("span", {
+					className: e("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", T),
+					children: z > l ? `${String(l)}+` : z
+				})]
+			})
+		}), /* @__PURE__ */ D(h, {
+			align: "end",
+			className: e("w-80 p-0", C),
+			children: [
+				/* @__PURE__ */ D("div", {
+					className: "flex items-center justify-between gap-2 border-b px-3 py-2",
+					children: [/* @__PURE__ */ E("span", {
+						className: "text-sm font-medium",
+						children: _ ?? j("notifications.title")
+					}), r && z > 0 && /* @__PURE__ */ E(i, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						className: "h-7 text-xs",
+						onClick: r,
+						children: b ?? j("notifications.markAllAsRead")
+					})]
+				}),
+				s && /* @__PURE__ */ E("p", {
+					className: "px-3 py-6 text-center text-sm text-muted-foreground",
+					children: y ?? j("states.loading")
+				}),
+				!s && t.length === 0 && /* @__PURE__ */ E("p", {
+					className: "px-3 py-6 text-center text-sm text-muted-foreground",
+					children: v ?? j("notifications.empty")
+				}),
+				!s && t.length > 0 && /* @__PURE__ */ E(u, {
+					className: "max-h-96",
+					children: /* @__PURE__ */ E("ul", {
+						className: "divide-y",
+						children: t.map((t) => {
+							let n = t.icon;
+							return /* @__PURE__ */ D("li", {
+								className: e("flex items-start gap-2 px-3 py-2", !t.read && (A ?? "bg-accent/40"), k),
+								children: [/* @__PURE__ */ D("button", {
+									type: "button",
+									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",
+									onClick: () => {
+										V(t);
+									},
+									children: [n && /* @__PURE__ */ E("span", {
+										className: e("mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", t.iconClassName),
+										children: /* @__PURE__ */ E(n, { className: "size-3.5" })
+									}), /* @__PURE__ */ D("span", {
+										className: "min-w-0 flex-1 space-y-0.5",
+										children: [
+											/* @__PURE__ */ D("span", {
+												className: "flex items-center gap-2",
+												children: [!t.read && /* @__PURE__ */ E("span", {
+													className: "size-1.5 shrink-0 rounded-full bg-primary",
+													"aria-hidden": !0
+												}), /* @__PURE__ */ E("span", {
+													className: e("truncate text-sm", !t.read && "font-medium"),
+													children: t.title
+												})]
+											}),
+											t.description && /* @__PURE__ */ E("span", {
+												className: "block text-xs text-muted-foreground",
+												children: t.description
+											}),
+											t.date && /* @__PURE__ */ E("span", {
+												className: "block text-xs text-muted-foreground/60",
+												children: t.date
+											})
+										]
+									})]
+								}), a && /* @__PURE__ */ E(i, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
+									onClick: () => {
+										a(t);
+									},
+									"aria-label": x ?? j("notifications.remove"),
+									title: x ?? j("notifications.remove"),
+									children: /* @__PURE__ */ E(N, { className: "size-3.5" })
+								})]
+							}, t.key);
+						})
+					})
+				})
+			]
+		})]
+	});
+}, L = (e, t, n) => t === e ? !0 : e === "/" || !t.startsWith(`${e}/`) ? !1 : !n.some((n) => n !== e && n.startsWith(`${e}/`) && (t === n || t.startsWith(`${n}/`))), R = ({ path: r, icon: i, label: o, badge: s, subItems: c, currentPath: l, collapsed: u, dense: d = !1, onItemClick: f }) => {
+	let p = c?.map((e) => e.path) ?? [], [m, h] = w.useState(c?.some((e) => L(e.path, l, p)) ?? !1), g = r ? l === r || r !== "/" && l.startsWith(`${r}/`) : !1, _ = c?.some((e) => L(e.path, l, p)), v = /* @__PURE__ */ D("a", {
+		href: r ?? "#",
+		onClick: (e) => {
+			e.ctrlKey || e.metaKey || e.button === 1 || (e.preventDefault(), c && c.length > 0 ? u || h(!m) : r && f(r));
+		},
+		className: e("flex items-center cursor-pointer transition-all duration-200 group rounded-control", d ? "gap-2.5  mb-0.5" : "gap-3  mb-1", u ? d ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : d ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12", g || !u && _ ? d ? "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"),
+		children: [/* @__PURE__ */ E("div", {
+			className: e("flex-shrink-0 transition-transform group-hover:scale-110", u ? "flex items-center justify-center" : ""),
+			children: /* @__PURE__ */ E(i, { className: "size-4" })
+		}), !u && /* @__PURE__ */ D(T, { children: [
+			/* @__PURE__ */ E("span", {
+				className: e("flex-grow transition-opacity duration-150 font-medium", d ? "text-sm" : ""),
+				children: o
+			}),
+			s !== 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: s
+			}),
+			c && c.length > 0 && /* @__PURE__ */ E(k, { className: e("size-4 transition-transform duration-200", m ? "rotate-180" : "") })
+		] })]
+	});
+	return /* @__PURE__ */ D(T, { children: [u ? /* @__PURE__ */ D(a, { children: [/* @__PURE__ */ E(t, {
+		asChild: !0,
+		children: v
+	}), /* @__PURE__ */ E(n, {
+		side: "right",
+		sideOffset: 6,
+		className: "rounded-surface z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
+		children: /* @__PURE__ */ E("div", {
+			className: "flex flex-col gap-2",
+			children: /* @__PURE__ */ D("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ E("p", {
+					className: "font-semibold",
+					children: o
+				}), s !== void 0 && /* @__PURE__ */ D("span", {
+					className: "ml-1 text-xs",
+					children: [
+						"(",
+						s,
+						")"
+					]
+				})]
+			})
+		})
+	})] }) : v, !u && c && c.length > 0 && m && /* @__PURE__ */ E("div", {
+		className: e("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", d ? "gap-0.5 mb-0.5" : "gap-1 mb-2"),
+		children: c.map((t, n) => {
+			let r = L(t.path, l, p);
+			return /* @__PURE__ */ D("a", {
+				href: t.path,
+				onClick: (e) => {
+					e.ctrlKey || e.metaKey || e.button === 1 || (e.preventDefault(), f(t.path));
+				},
+				className: e("flex items-center justify-between rounded-control text-sm transition-all duration-200", d ? "px-3 py-1" : "px-4 py-2", r ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"),
+				children: [/* @__PURE__ */ E("span", { children: t.label }), 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
+				})]
+			}, n);
+		})
+	})] });
+}, z = ({ groups: t, currentPath: n, onItemClick: i, slots: a, search: s, dense: c = !1, loading: l = !1 }) => {
+	let { t: u } = o(), { enabled: f = !1, placeholder: h } = s ?? {}, { header: g, footer: y } = a ?? {}, { collapsed: b, isMobile: x, setCollapsed: T } = C(), [O, k] = w.useState(""), A = !x && b, j = !b, N = (e) => {
+		i(e), x && T(!0);
+	}, P = O.trim().toLowerCase(), F = P === "" ? t : t.map((e) => ({
+		...e,
+		items: e.items.filter((e) => e.label.toLowerCase().includes(P) || (e.subItems?.some((e) => e.label.toLowerCase().includes(P)) ?? !1))
+	})).filter((e) => e.items.length > 0), I = /* @__PURE__ */ D("div", {
+		className: "flex flex-col h-full bg-sidebar text-sidebar-foreground",
+		children: [
+			g,
+			f && !A && /* @__PURE__ */ E("div", {
+				className: e("px-4", c ? "pt-2" : "pt-4"),
+				children: /* @__PURE__ */ D("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ E(M, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }), /* @__PURE__ */ E(d, {
+						type: "search",
+						value: O,
+						onChange: (e) => {
+							k(e.target.value);
+						},
+						placeholder: h ?? u("search.placeholder"),
+						className: e("bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted", c ? "h-8 text-sm" : "h-9")
+					})]
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				className: e("flex-1 overflow-y-auto scrollbar-modern", A ? "px-0" : "px-2", c ? "py-2" : "py-4"),
+				children: l ? Array.from({ length: 5 }).map((t, n) => /* @__PURE__ */ D("div", {
+					className: e("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", A ? "justify-center px-3" : "px-4"),
+					children: [/* @__PURE__ */ E(S, { className: "size-5 flex-shrink-0 rounded-control" }), !A && /* @__PURE__ */ E(S, { className: "h-4 flex-1" })]
+				}, n)) : F.map((t, r) => /* @__PURE__ */ D("div", {
+					className: c ? "mb-3" : "mb-6",
+					children: [!A && t.title !== void 0 && t.title !== "" && /* @__PURE__ */ E("h3", {
+						className: e("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", c ? "mb-1" : "mb-2"),
+						children: t.title
+					}), /* @__PURE__ */ E("nav", {
+						className: e("flex flex-col", c ? "gap-0.5" : "gap-1"),
+						children: t.items.map((e, t) => /* @__PURE__ */ E(R, {
+							...e,
+							currentPath: n,
+							collapsed: A,
+							dense: c,
+							onItemClick: N
+						}, t))
+					})]
+				}, r))
+			}),
+			y && /* @__PURE__ */ E("div", {
+				className: e("border-t border-sidebar-border", c ? "p-2" : "p-4", A ? "flex justify-center" : ""),
+				children: y
+			})
+		]
+	});
+	return x ? /* @__PURE__ */ E(v, {
+		open: j,
+		onOpenChange: (e) => {
+			T(!e);
+		},
+		children: /* @__PURE__ */ D(_, {
+			side: "left",
+			className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground",
+			children: [
+				/* @__PURE__ */ E(m, {
+					className: "sr-only",
+					children: u("sidebar.menu")
+				}),
+				/* @__PURE__ */ E(p, {
+					className: "sr-only",
+					children: u("sidebar.description")
+				}),
+				I
+			]
+		})
+	}) : /* @__PURE__ */ E(r, {
+		delayDuration: 0,
+		children: /* @__PURE__ */ E("aside", {
+			className: e("flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300", A ? "w-[--navbar-width-icon]" : "w-[--navbar-width]", "flex"),
+			style: {
+				"--navbar-width": "16rem",
+				"--navbar-width-icon": "4rem"
+			},
+			children: I
+		})
+	});
+}, B = ({ name: t = "appname", subName: n = "appsubname", icon: r, dense: i = !1 }) => {
+	let { collapsed: a, isMobile: o } = C(), s = !o && a;
+	return /* @__PURE__ */ D("div", {
+		className: e("flex items-center flex-shrink-0 gap-3 px-4", i ? "h-14" : "h-16 md:h-20", s ? "justify-center" : ""),
+		children: [r !== void 0 && /* @__PURE__ */ E("div", {
+			className: "flex-shrink-0 text-sidebar-foreground",
+			children: /* @__PURE__ */ E(r, { className: i ? "size-5" : "size-6" })
+		}), !s && /* @__PURE__ */ D("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ E("h1", {
+				className: e("font-bold text-sidebar-foreground leading-tight", i ? "text-base" : "text-lg"),
+				children: t
+			}), /* @__PURE__ */ E("span", {
+				className: e("text-sidebar-muted font-medium", i ? "text-[11px]" : "text-xs"),
+				children: n
+			})]
+		})]
+	});
+}, V = ({ collapsed: t, isMobile: n, onToggleSidebar: r, actionsNode: a, userMenuNode: o }) => /* @__PURE__ */ D("header", {
+	className: e("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", n && "left-0", !n && t && "left-[5rem]", !n && !t && "left-[16rem]"),
+	tabIndex: -1,
+	children: [/* @__PURE__ */ E("div", {
+		className: "flex items-center min-w-0 flex-1",
+		children: /* @__PURE__ */ E(i, {
+			variant: "ghost",
+			size: "icon",
+			onClick: r,
+			className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
+			children: /* @__PURE__ */ E(j, { className: "size-4" })
+		})
+	}), /* @__PURE__ */ D("div", {
+		className: "flex items-center gap-2 md:gap-4 flex-shrink-0",
+		children: [a, o]
+	})]
+});
+//#endregion
+export { I as a, R as i, B as n, P as o, z as r, V as t };