@techzyapp/ui-library 1.0.32 → 1.0.33

package/dist/{RootLayout-D-ZlsTXF.js → RootLayout-C7n79JjM.js}

@@ -1,36 +1,37 @@
-import { jsx as e, jsxs as l, Fragment as M } from "react/jsx-runtime";
-import { useRef as pe, useState as Q, useEffect as te } from "react";
-import { useRouterState as ae, useNavigate as ue, Link as he } from "@tanstack/react-router";
-import { clsx as se } from "clsx";
-import { a as G } from "./useMediaQuery-DrDUrkmJ.js";
-import { u as ge } from "./useLockBodyScroll-DwBILLPK.js";
-import { A as ne } from "./Avatar-MwWIcj8z.js";
-import { B as be } from "./Badge-BmFgusOa.js";
-import { C as fe } from "./Chip-DEp1zWh1.js";
-import { C as le, R as ve } from "./Col-B51RlwWP.js";
-import { D as v } from "./Divider-LtH3dLgw.js";
-import { D as oe } from "./Dropdown-zlv96RLy.js";
-import { I as c } from "./Icon-CGQ5yGSZ.js";
-import { I as y } from "./IconButton-CqFgam3J.js";
-import { L as R } from "./ListItem-ehFB7TUW.js";
-import { F as _e } from "./FullscreenToggle-DZnKK1Lj.js";
-import { T as ye } from "./ThemeToggle-CWfuK0tZ.js";
-import { T as Ce } from "./Tooltip-DsDv4NOq.js";
+import { jsx as e, jsxs as l, Fragment as E } from "react/jsx-runtime";
+import { useRef as ge, useState as U, useEffect as Q } from "react";
+import { useRouterState as ne, useNavigate as be, Link as oe } from "@tanstack/react-router";
+import { clsx as re } from "clsx";
+import { a as X } from "./useMediaQuery-DrDUrkmJ.js";
+import { u as ve } from "./useLockBodyScroll-DwBILLPK.js";
+import { A as le } from "./Avatar-MwWIcj8z.js";
+import { B as fe } from "./Badge-BmFgusOa.js";
+import { C as _e } from "./Chip-DdOUVF0Z.js";
+import { C as de, R as Ce } from "./Col-B51RlwWP.js";
+import { D as f } from "./Divider-LtH3dLgw.js";
+import { D as ie } from "./Dropdown-zlv96RLy.js";
+import { I as d } from "./Icon-CGQ5yGSZ.js";
+import { I as C } from "./IconButton-sC_E_TXd.js";
+import { L as D } from "./ListItem-ehFB7TUW.js";
+import { F as ke } from "./FullscreenToggle-CXmPqxJv.js";
+import { T as Se } from "./ThemeToggle-DTkFppOd.js";
+import { T as ye } from "./Tooltip-DsDv4NOq.js";
 import { T as i } from "./Typography-CJv5AnRP.js";
-import { B as Se } from "./Breadcrumbs-Cl1CgKkk.js";
-import { T as ke } from "./Toaster-BwNAKDMc.js";
-import { a as Te, c as xe, d as Ne, e as Le, N as re, S as ze } from "./Sidebar--rOPtrqa.js";
-import { F as Ae } from "./Flag-BLEBMdb-.js";
-import { B as De } from "./Blockquote-Ma-2naET.js";
-import { B as ie } from "./Button-BJ5Xd10u.js";
-import { M as we } from "./Modal-DCee1a9m.js";
-import { P as Fe } from "./Popconfirm-CYkwGTh-.js";
-import { a as j } from "./ChoiceCardGroup-BTbKjJdp.js";
-import { S as Be } from "./Select-C0UBQXhg.js";
-import { S as Ie } from "./SwatchPicker-BAKslSY4.js";
-import { o as ce, a as U, D as E, u as Re, h as Ee } from "./ConfigProvider-D2svpXFu.js";
-import { S as Me } from "./SpeedDial-BIodC6td.js";
-const Pe = {
+import { B as Te } from "./Breadcrumbs-DYeVrOns.js";
+import { T as xe } from "./Toaster-CYVETXVZ.js";
+import { a as Le, c as Ne, d as ze, e as Ae, N as ce, S as we } from "./Sidebar-CKbSWc5q.js";
+import { F as De } from "./Flag-D7fmMqqy.js";
+import { B as Fe } from "./Blockquote-Ma-2naET.js";
+import { B as me } from "./Button-PBZnkRNn.js";
+import { M as Be } from "./Modal-Do8pzyMl.js";
+import { P as Ie } from "./Popconfirm-D4J7tlk_.js";
+import { a as G } from "./ChoiceCardGroup-BTbKjJdp.js";
+import { S as Re } from "./Select-DO3zDQYV.js";
+import { S as Me } from "./SwatchPicker-BAKslSY4.js";
+import { o as ue, a as Y, D as M, u as Ee, h as Pe } from "./ConfigProvider-tvLbKiqu.js";
+import { S as qe } from "./SpeedDial-BZK-z_r9.js";
+import { f as He } from "./errorMessage-C83fB2h5.js";
+const We = {
   light: [
     "#dc2626",
     // red
@@ -96,45 +97,45 @@ const Pe = {
     // slate
   ]
 };
-function qe({ open: o, onClose: _, showTheme: g = !0 }) {
+function $e({ open: o, onClose: _, showTheme: g = !0 }) {
   const {
     mode: r,
     setMode: b,
     accentColors: P,
-    defaultAccentColors: C,
+    defaultAccentColors: k,
     setAccentColor: S,
     headerSticky: q,
     setHeaderSticky: H,
-    fontFamily: k,
-    setFontFamily: w,
-    shape: d,
+    fontFamily: y,
+    setFontFamily: F,
+    shape: m,
     setShape: W,
     hasCustomPreferences: T,
-    resetPreferences: X
-  } = ce(), a = U(), x = pe(null), O = () => {
-    X(), requestAnimationFrame(() => {
+    resetPreferences: J
+  } = ue(), a = Y(), x = ge(null), $ = () => {
+    J(), requestAnimationFrame(() => {
       const s = x.current, u = (s == null ? void 0 : s.querySelector('input:checked, [aria-checked="true"]')) ?? (s == null ? void 0 : s.querySelector('input, button, [tabindex]:not([tabindex="-1"])'));
       u == null || u.focus();
     });
-  }, [F, N] = Q(""), L = F.trim(), z = k !== E ? [E, k] : [E], $ = (L.length > 0 && !z.some((s) => s.toLowerCase() === L.toLowerCase()) ? [L, ...z] : z).map((s) => ({
+  }, [B, L] = U(""), N = B.trim(), z = y !== M ? [M, y] : [M], O = (N.length > 0 && !z.some((s) => s.toLowerCase() === N.toLowerCase()) ? [N, ...z] : z).map((s) => ({
     value: s,
-    label: s === E ? a("settings.fontDefault", { font: s }) : s
-  })), f = (s, u) => {
-    const m = C[s], B = [m, ...Pe[s].filter((h) => h.toLowerCase() !== m.toLowerCase())];
+    label: s === M ? a("settings.fontDefault", { font: s }) : s
+  })), v = (s, u) => {
+    const h = k[s], I = [h, ...We[s].filter((p) => p.toLowerCase() !== h.toLowerCase())];
     return /* @__PURE__ */ e(
-      Ie,
+      Me,
       {
         label: u,
-        colors: B,
-        value: P[s] ?? m,
-        onChange: (h) => S(h.toLowerCase() === m.toLowerCase() ? null : h, s),
-        labels: { [m]: a("settings.accentDefault", { color: m }) },
+        colors: I,
+        value: P[s] ?? h,
+        onChange: (p) => S(p.toLowerCase() === h.toLowerCase() ? null : p, s),
+        labels: { [h]: a("settings.accentDefault", { color: h }) },
         "aria-label": String(u)
       }
     );
   };
   return /* @__PURE__ */ e(
-    we,
+    Be,
     {
       open: o,
       onClose: _,
@@ -146,22 +147,22 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
         // one action: put every appearance choice back to the app's defaults (disabled while unchanged),
         // behind a quick confirm — it undoes several choices at once
         /* @__PURE__ */ e(
-          Fe,
+          Ie,
           {
             title: a("settings.resetConfirmTitle"),
             description: a("settings.resetConfirmDesc"),
             confirmLabel: a("settings.resetConfirm"),
             icon: "RotateLeft",
             disabled: !T,
-            onConfirm: O,
+            onConfirm: $,
             children: /* @__PURE__ */ e(
-              ie,
+              me,
               {
                 variant: "filled",
                 size: "sm",
                 color: "error",
                 fullWidth: !0,
-                startIcon: /* @__PURE__ */ e(c, { name: "RotateLeft" }),
+                startIcon: /* @__PURE__ */ e(d, { name: "RotateLeft" }),
                 disabled: !T,
                 children: a("settings.reset")
               }
@@ -170,8 +171,8 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
         )
       ),
       children: /* @__PURE__ */ l("div", { ref: x, children: [
-        /* @__PURE__ */ e(De, { size: "sm", style: { marginBottom: "var(--tz-space-md)" }, children: a("settings.autoSaveNote") }),
-        g && /* @__PURE__ */ l(M, { children: [
+        /* @__PURE__ */ e(Fe, { size: "sm", style: { marginBottom: "var(--tz-space-md)" }, children: a("settings.autoSaveNote") }),
+        g && /* @__PURE__ */ l(E, { children: [
           /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.themeTitle") }),
           /* @__PURE__ */ e(
             i,
@@ -184,7 +185,7 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
             }
           ),
           /* @__PURE__ */ e(
-            j,
+            G,
             {
               exclusive: !0,
               color: "accent",
@@ -211,7 +212,7 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
               style: { marginTop: "var(--tz-space-sm)" }
             }
           ),
-          /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } })
+          /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } })
         ] }),
         /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.accentTitle") }),
         /* @__PURE__ */ e(
@@ -224,14 +225,14 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
             children: a("settings.accentDesc")
           }
         ),
-        /* @__PURE__ */ e(le, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: g ? /* @__PURE__ */ l(M, { children: [
-          f("light", a("settings.lightTheme")),
-          f("dark", a("settings.darkTheme"))
+        /* @__PURE__ */ e(de, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: g ? /* @__PURE__ */ l(E, { children: [
+          v("light", a("settings.lightTheme")),
+          v("dark", a("settings.darkTheme"))
         ] }) : (
           // theme switching is off → the panel stays in one mode, so only that mode's accent matters
-          f(r, a(r === "light" ? "settings.lightTheme" : "settings.darkTheme"))
+          v(r, a(r === "light" ? "settings.lightTheme" : "settings.darkTheme"))
         ) }),
-        /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } }),
         /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.fontTitle") }),
         /* @__PURE__ */ e(
           i,
@@ -244,22 +245,22 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
           }
         ),
         /* @__PURE__ */ e(
-          Be,
+          Re,
           {
             label: a("settings.fontFamily"),
             searchable: !0,
             searchPlaceholder: a("settings.fontSearch"),
-            value: k,
-            options: $,
-            onSearchChange: N,
+            value: y,
+            options: O,
+            onSearchChange: L,
             onChange: (s) => {
-              w(s), N("");
+              F(s), L("");
             },
             "aria-label": a("settings.fontFamily"),
             style: { marginTop: "var(--tz-space-sm)" }
           }
         ),
-        /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } }),
         /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.headerTitle") }),
         /* @__PURE__ */ e(
           i,
@@ -272,7 +273,7 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
           }
         ),
         /* @__PURE__ */ e(
-          j,
+          G,
           {
             exclusive: !0,
             color: "accent",
@@ -293,7 +294,7 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
             style: { marginTop: "var(--tz-space-sm)" }
           }
         ),
-        /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } }),
         /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.shapeTitle") }),
         /* @__PURE__ */ e(
           i,
@@ -306,12 +307,12 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
           }
         ),
         /* @__PURE__ */ e(
-          j,
+          G,
           {
             exclusive: !0,
             color: "accent",
             minCardWidth: 130,
-            value: d,
+            value: m,
             onChange: (s) => {
               (s === "rounded" || s === "square") && W(s);
             },
@@ -331,66 +332,67 @@ function qe({ open: o, onClose: _, showTheme: g = !0 }) {
     }
   );
 }
-const He = "_shell_yp380_5", We = "_shellCollapsed_yp380_21", Oe = "_sidebar_yp380_21", $e = "_sidebarInner_yp380_49", je = "_sidebarClose_yp380_58", Qe = "_backdrop_yp380_65", Ge = "_brand_yp380_70", Ue = "_brandLink_yp380_79", Xe = "_sidebarSearch_yp380_100", Ye = "_navScroll_yp380_113", Je = "_sidebarFooter_yp380_122", Ke = "_headerSearch_yp380_129", Ve = "_main_yp380_133", Ze = "_topbar_yp380_140", et = "_topbarSticky_yp380_153", tt = "_headerStart_yp380_164", at = "_headerEnd_yp380_173", st = "_headerExtra_yp380_180", nt = "_menuDot_yp380_187", ot = "_account_yp380_194", rt = "_content_yp380_210", lt = "_pageTitleRow_yp380_217", it = "_pageTitle_yp380_217", ct = "_pageActions_yp380_235", dt = "_pageActionsFab_yp380_249", mt = "_pageActionsLetter_yp380_264", pt = "_settings_yp380_276", n = {
-  shell: He,
-  shellCollapsed: We,
-  sidebar: Oe,
-  sidebarInner: $e,
-  sidebarClose: je,
-  backdrop: Qe,
-  brand: Ge,
-  brandLink: Ue,
-  sidebarSearch: Xe,
-  navScroll: Ye,
-  sidebarFooter: Je,
-  headerSearch: Ke,
-  main: Ve,
-  topbar: Ze,
-  topbarSticky: et,
-  headerStart: tt,
-  headerEnd: at,
-  headerExtra: st,
-  menuDot: nt,
-  account: ot,
-  content: rt,
-  pageTitleRow: lt,
-  pageTitle: it,
-  pageActions: ct,
-  pageActionsFab: dt,
-  pageActionsLetter: mt,
-  settings: pt
-}, ut = (o) => typeof o == "string" ? /* @__PURE__ */ e(c, { name: o }) : o, ht = (o) => o.icon != null ? o.icon : typeof o.label == "string" && o.label.trim() ? /* @__PURE__ */ e("span", { className: n.pageActionsLetter, children: o.label.trim()[0].toUpperCase() }) : "More";
-function gt({ actions: o }) {
-  const _ = U(), g = G("xs");
+const Oe = "_shell_1v6vs_5", je = "_shellCollapsed_1v6vs_21", Qe = "_sidebar_1v6vs_21", Ge = "_sidebarInner_1v6vs_49", Ue = "_sidebarClose_1v6vs_58", Xe = "_backdrop_1v6vs_65", Ye = "_brand_1v6vs_70", Je = "_brandLink_1v6vs_79", Ke = "_sidebarSearch_1v6vs_111", Ve = "_navScroll_1v6vs_124", Ze = "_sidebarFooter_1v6vs_133", et = "_headerSearch_1v6vs_140", tt = "_main_1v6vs_144", at = "_topbar_1v6vs_151", st = "_topbarSticky_1v6vs_164", nt = "_headerStart_1v6vs_175", ot = "_headerEnd_1v6vs_184", rt = "_headerExtra_1v6vs_191", lt = "_menuDot_1v6vs_198", it = "_account_1v6vs_205", ct = "_content_1v6vs_221", dt = "_pageTitleRow_1v6vs_228", mt = "_pageTitle_1v6vs_228", ut = "_pageActions_1v6vs_246", ht = "_pageActionsFab_1v6vs_260", pt = "_pageActionsLetter_1v6vs_275", gt = "_settings_1v6vs_287", n = {
+  shell: Oe,
+  shellCollapsed: je,
+  sidebar: Qe,
+  sidebarInner: Ge,
+  sidebarClose: Ue,
+  backdrop: Xe,
+  brand: Ye,
+  brandLink: Je,
+  sidebarSearch: Ke,
+  navScroll: Ve,
+  sidebarFooter: Ze,
+  headerSearch: et,
+  main: tt,
+  topbar: at,
+  topbarSticky: st,
+  headerStart: nt,
+  headerEnd: ot,
+  headerExtra: rt,
+  menuDot: lt,
+  account: it,
+  content: ct,
+  pageTitleRow: dt,
+  pageTitle: mt,
+  pageActions: ut,
+  pageActionsFab: ht,
+  pageActionsLetter: pt,
+  settings: gt
+}, bt = (o) => typeof o == "string" ? /* @__PURE__ */ e(d, { name: o }) : o, vt = (o) => o.icon != null ? o.icon : typeof o.label == "string" && o.label.trim() ? /* @__PURE__ */ e("span", { className: n.pageActionsLetter, children: o.label.trim()[0].toUpperCase() }) : "More";
+function ft({ actions: o }) {
+  const _ = Y(), g = X("xs");
   return o.length ? g && o.length >= 2 ? /* @__PURE__ */ e(
-    Me,
+    qe,
     {
       ariaLabel: _("pageActions.label"),
       icon: "Add",
       direction: "up",
       className: n.pageActionsFab,
       actions: o.map((r) => ({
-        icon: ht(r),
+        icon: vt(r),
         label: r.label,
         onClick: r.onClick,
         disabled: r.disabled
       }))
     }
-  ) : /* @__PURE__ */ e(M, { children: o.map((r, b) => /* @__PURE__ */ e(
-    ie,
+  ) : /* @__PURE__ */ e(E, { children: o.map((r, b) => /* @__PURE__ */ e(
+    me,
     {
       size: "sm",
       color: r.color,
       variant: r.variant,
       disabled: r.disabled,
-      startIcon: r.icon != null ? ut(r.icon) : void 0,
+      startIcon: r.icon != null ? bt(r.icon) : void 0,
       onClick: r.onClick,
       children: r.label
     },
     b
   )) }) : null;
 }
-function Yt({
+const _t = D;
+function ea({
   logo: o,
   logoTo: _,
   sidebarFooter: g,
@@ -398,142 +400,148 @@ function Yt({
   toaster: b = !0,
   children: P
 }) {
-  const C = Te(), S = xe(), { headerSticky: q } = ce(), { language: H, setLanguage: k, languages: w } = Re(), d = U(), W = Ne(), T = _ === !1 ? void 0 : _ ?? W, a = { ...Ee(), ...r }, x = a.theme ?? !0, O = a.fullscreen ?? !1, F = a.settings ?? !0, N = a.search ?? !0, L = a.languages ?? !0, z = a.breadcrumbs ?? !0, Y = typeof b == "object" ? b : void 0, $ = a.pageTitle ?? !0, f = a.onLogout, s = a.user, u = a.menu ?? [], m = a.actions ?? [], B = G("xs"), h = B && f != null, J = (t) => {
-    var p;
-    (p = t.onClick) == null || p.call(t), t.to && Z({ to: t.to });
-  }, A = G("md"), [I, D] = Q(A);
-  te(() => {
-    D(A);
-  }, [A]), ge(A && !I);
-  const de = ae({ select: (t) => t.location.pathname });
-  te(() => {
-    A && D(!0);
-  }, [de]);
-  const K = ae({
-    select: (t) => t.statusCode === 404 || t.matches.some((p) => p.status === "notFound")
-  }), [me, V] = Q(!1), Z = ue(), ee = (Le() ?? []).map((t) => ({
+  const k = Le(), S = Ne(), { headerSticky: q } = ue(), { language: H, setLanguage: y, languages: F } = Ee(), m = Y(), W = ze(), T = _ === !1 ? void 0 : _ ?? W, a = { ...Pe(), ...r }, x = a.theme ?? !0, $ = a.fullscreen ?? !1, B = a.settings ?? !0, L = a.search ?? !0, N = a.languages ?? !0, z = a.breadcrumbs ?? !0, K = typeof b == "object" ? b : void 0, O = a.pageTitle ?? !0, v = a.onLogout, s = a.user, u = a.menu ?? [], h = a.actions ?? [], I = X("xs"), p = I && v != null, V = (t) => {
+    var c;
+    (c = t.onClick) == null || c.call(t), t.to && te({ to: t.to, params: t.params, search: t.search });
+  }, j = u.filter((t) => !t.to && !t.onClick).map((t) => t.label).join(", ");
+  Q(() => {
+    j && He() && console.warn(
+      `[RootLayout] header.menu items without \`to\` or \`onClick\`: ${j}`
+    );
+  }, [j]);
+  const A = X("md"), [R, w] = U(A);
+  Q(() => {
+    w(A);
+  }, [A]), ve(A && !R);
+  const he = ne({ select: (t) => t.location.pathname });
+  Q(() => {
+    A && w(!0);
+  }, [he]);
+  const Z = ne({
+    select: (t) => t.statusCode === 404 || t.matches.some((c) => c.status === "notFound")
+  }), [pe, ee] = U(!1), te = be(), ae = (Ae() ?? []).map((t) => ({
     label: t.label,
     icon: t.icon,
     color: t.color,
     variant: t.variant,
     disabled: t.disabled,
-    onClick: t.onClick ?? (t.to ? () => Z({ to: t.to, params: t.params, search: t.search }) : void 0)
+    onClick: t.onClick ?? (t.to ? () => te({ to: t.to, params: t.params, search: t.search }) : void 0)
   }));
-  return /* @__PURE__ */ l("div", { className: se(n.shell, I && n.shellCollapsed), children: [
+  return /* @__PURE__ */ l("div", { className: re(n.shell, R && n.shellCollapsed), children: [
     /* @__PURE__ */ e("aside", { className: n.sidebar, children: /* @__PURE__ */ l("div", { className: n.sidebarInner, children: [
       o ? /* @__PURE__ */ l("div", { className: n.brand, children: [
-        T ? /* @__PURE__ */ e(he, { to: T, className: n.brandLink, "aria-label": d("sidebar.home"), children: o }) : o,
+        T ? /* @__PURE__ */ e(oe, { to: T, className: n.brandLink, "aria-label": m("sidebar.home"), children: o }) : o,
         /* @__PURE__ */ e(
-          y,
+          C,
           {
             variant: "filled",
             size: "sm",
             className: n.sidebarClose,
-            "aria-label": d("common.close"),
-            onClick: () => D(!0),
-            children: /* @__PURE__ */ e(c, { name: "Close" })
+            "aria-label": m("common.close"),
+            onClick: () => w(!0),
+            children: /* @__PURE__ */ e(d, { name: "Close" })
           }
         )
       ] }) : null,
-      N ? /* @__PURE__ */ e("div", { className: n.sidebarSearch, children: /* @__PURE__ */ e(re, {}) }) : null,
-      /* @__PURE__ */ e("div", { className: n.navScroll, children: /* @__PURE__ */ e(ze, {}) }),
+      L ? /* @__PURE__ */ e("div", { className: n.sidebarSearch, children: /* @__PURE__ */ e(ce, {}) }) : null,
+      /* @__PURE__ */ e("div", { className: n.navScroll, children: /* @__PURE__ */ e(we, {}) }),
       g ? /* @__PURE__ */ e("div", { className: n.sidebarFooter, children: g }) : null
     ] }) }),
-    /* @__PURE__ */ e("div", { className: n.backdrop, onClick: () => D(!0), "aria-hidden": "true" }),
+    /* @__PURE__ */ e("div", { className: n.backdrop, onClick: () => w(!0), "aria-hidden": "true" }),
     /* @__PURE__ */ l("div", { className: n.main, children: [
-      /* @__PURE__ */ l("header", { className: se(n.topbar, q && n.topbarSticky), children: [
+      /* @__PURE__ */ l("header", { className: re(n.topbar, q && n.topbarSticky), children: [
         /* @__PURE__ */ l("div", { className: n.headerStart, children: [
           /* @__PURE__ */ e(
-            y,
+            C,
             {
-              "aria-label": I ? "Show sidebar" : "Hide sidebar",
-              "aria-expanded": !I,
+              "aria-label": R ? "Show sidebar" : "Hide sidebar",
+              "aria-expanded": !R,
               variant: "filled",
               size: "sm",
-              onClick: () => D((t) => !t),
-              children: /* @__PURE__ */ e(c, { name: "Menu" })
+              onClick: () => w((t) => !t),
+              children: /* @__PURE__ */ e(d, { name: "Menu" })
             }
           ),
-          N ? /* @__PURE__ */ e("div", { className: n.headerSearch, children: /* @__PURE__ */ e(re, {}) }) : null
+          L ? /* @__PURE__ */ e("div", { className: n.headerSearch, children: /* @__PURE__ */ e(ce, {}) }) : null
         ] }),
         /* @__PURE__ */ l("div", { className: n.headerEnd, children: [
-          a.extra != null && !B ? /* @__PURE__ */ e("div", { className: n.headerExtra, children: a.extra }) : null,
-          h ? null : m.map((t, p) => /* @__PURE__ */ e(
-            be,
+          a.extra != null && !I ? /* @__PURE__ */ e("div", { className: n.headerExtra, children: a.extra }) : null,
+          p ? null : h.map((t, c) => /* @__PURE__ */ e(
+            fe,
             {
               content: t.dot ? void 0 : t.badge,
               dot: t.dot,
               color: t.badgeColor ?? "error",
-              children: /* @__PURE__ */ e(Ce, { content: t.label, placement: "bottom", children: /* @__PURE__ */ e(
-                y,
+              children: /* @__PURE__ */ e(ye, { content: t.label, placement: "bottom", children: /* @__PURE__ */ e(
+                C,
                 {
                   variant: "filled",
                   size: "sm",
                   color: t.color,
                   "aria-label": t.label,
                   disabled: t.disabled,
-                  onClick: () => J(t),
-                  children: /* @__PURE__ */ e(c, { name: t.icon })
+                  onClick: () => V(t),
+                  children: /* @__PURE__ */ e(d, { name: t.icon })
                 }
               ) })
             },
-            `${t.label}-${p}`
+            `${t.label}-${c}`
           )),
-          O ? /* @__PURE__ */ e(_e, { variant: "filled", size: "sm" }) : null,
-          x ? /* @__PURE__ */ e(ye, { variant: "filled", size: "sm" }) : null,
-          L && w.length > 1 ? /* @__PURE__ */ e(
-            oe,
+          $ ? /* @__PURE__ */ e(ke, { variant: "filled", size: "sm" }) : null,
+          x ? /* @__PURE__ */ e(Se, { variant: "filled", size: "sm" }) : null,
+          N && F.length > 1 ? /* @__PURE__ */ e(
+            ie,
             {
               placement: "bottom-end",
-              trigger: /* @__PURE__ */ e(y, { variant: "filled", size: "sm", "aria-label": d("language.label"), children: /* @__PURE__ */ e(c, { name: "Global" }) }),
-              children: w.map((t) => /* @__PURE__ */ e(
-                R,
+              trigger: /* @__PURE__ */ e(C, { variant: "filled", size: "sm", "aria-label": m("language.label"), children: /* @__PURE__ */ e(d, { name: "Global" }) }),
+              children: F.map((t) => /* @__PURE__ */ e(
+                D,
                 {
                   clickable: !0,
                   selected: t.code === H,
-                  onClick: () => k(t.code),
-                  icon: /* @__PURE__ */ e(Ae, { code: t.code }),
+                  onClick: () => y(t.code),
+                  icon: /* @__PURE__ */ e(De, { code: t.code }),
                   children: t.label ?? t.code
                 },
                 t.code
               ))
             }
           ) : null,
-          F ? /* @__PURE__ */ e(
-            y,
+          B ? /* @__PURE__ */ e(
+            C,
             {
-              "aria-label": d("settings.label"),
+              "aria-label": m("settings.label"),
               variant: "text",
               size: "sm",
               className: n.settings,
-              onClick: () => V(!0),
-              children: /* @__PURE__ */ e(c, { name: "Setting5" })
+              onClick: () => ee(!0),
+              children: /* @__PURE__ */ e(d, { name: "Setting5" })
             }
           ) : null,
-          f ? /* @__PURE__ */ l(
-            oe,
+          v ? /* @__PURE__ */ l(
+            ie,
             {
               placement: "bottom-end",
               style: { minWidth: 230 },
-              trigger: /* @__PURE__ */ e("button", { type: "button", className: n.account, "aria-label": d("account.label"), children: /* @__PURE__ */ e(ne, { size: "md", name: s == null ? void 0 : s.name, src: s == null ? void 0 : s.avatar, color: "primary" }) }),
+              trigger: /* @__PURE__ */ e("button", { type: "button", className: n.account, "aria-label": m("account.label"), children: /* @__PURE__ */ e(le, { size: "md", name: s == null ? void 0 : s.name, src: s == null ? void 0 : s.avatar, color: "primary" }) }),
               children: [
-                s ? /* @__PURE__ */ l(M, { children: [
-                  /* @__PURE__ */ l(ve, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-xs)", children: [
-                    /* @__PURE__ */ e(ne, { size: "md", name: s.name, src: s.avatar, color: "primary" }),
-                    /* @__PURE__ */ l(le, { gap: 2, children: [
-                      /* @__PURE__ */ e(i, { variant: "body", children: s.name ?? d("userCard.welcome") }),
+                s ? /* @__PURE__ */ l(E, { children: [
+                  /* @__PURE__ */ l(Ce, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-xs)", children: [
+                    /* @__PURE__ */ e(le, { size: "md", name: s.name, src: s.avatar, color: "primary" }),
+                    /* @__PURE__ */ l(de, { gap: 2, children: [
+                      /* @__PURE__ */ e(i, { variant: "body", children: s.name ?? m("userCard.welcome") }),
                       s.email ? /* @__PURE__ */ e(i, { variant: "bodySmall", color: "muted", children: s.email }) : null
                     ] })
                   ] }),
-                  /* @__PURE__ */ e(v, {})
+                  /* @__PURE__ */ e(f, {})
                 ] }) : null,
-                h ? m.map((t, p) => /* @__PURE__ */ e(
-                  R,
+                p ? h.map((t, c) => /* @__PURE__ */ e(
+                  D,
                   {
-                    icon: /* @__PURE__ */ e(c, { name: t.icon, color: t.color }),
+                    icon: /* @__PURE__ */ e(d, { name: t.icon, color: t.color }),
                     clickable: !0,
                     disabled: t.disabled,
-                    onClick: () => J(t),
+                    onClick: () => V(t),
                     trailing: t.dot ? /* @__PURE__ */ e(
                       "span",
                       {
@@ -541,64 +549,73 @@ function Yt({
                         style: { background: `var(--tz-color-${t.badgeColor ?? "error"})` },
                         "aria-hidden": "true"
                       }
-                    ) : t.badge != null && t.badge !== 0 && t.badge !== "" ? /* @__PURE__ */ e(fe, { size: "sm", color: t.badgeColor ?? "error", children: typeof t.badge == "number" && t.badge > 99 ? "99+" : t.badge }) : void 0,
+                    ) : t.badge != null && t.badge !== 0 && t.badge !== "" ? /* @__PURE__ */ e(_e, { size: "sm", color: t.badgeColor ?? "error", children: typeof t.badge == "number" && t.badge > 99 ? "99+" : t.badge }) : void 0,
                     children: t.label
                   },
-                  `action-${t.label}-${p}`
+                  `action-${t.label}-${c}`
                 )) : null,
-                h && m.length > 0 ? /* @__PURE__ */ e(v, {}) : null,
-                u.map((t, p) => /* @__PURE__ */ e(
-                  R,
-                  {
-                    icon: t.icon ? /* @__PURE__ */ e(c, { name: t.icon, color: t.color }) : void 0,
+                p && h.length > 0 ? /* @__PURE__ */ e(f, {}) : null,
+                u.map((t, c) => {
+                  const se = {
+                    icon: t.icon ? /* @__PURE__ */ e(d, { name: t.icon, color: t.color }) : void 0,
                     color: t.color,
                     clickable: !0,
                     disabled: t.disabled,
                     onClick: t.onClick,
                     children: t.label
-                  },
-                  p
-                )),
-                u.length > 0 ? /* @__PURE__ */ e(v, {}) : null,
-                /* @__PURE__ */ e(R, { icon: /* @__PURE__ */ e(c, { name: "Logout2", color: "error" }), clickable: !0, onClick: f, children: d("userCard.signOut") })
+                  };
+                  return t.to && !t.disabled ? /* @__PURE__ */ e(
+                    _t,
+                    {
+                      ...se,
+                      as: oe,
+                      to: t.to,
+                      params: t.params,
+                      search: t.search
+                    },
+                    c
+                  ) : /* @__PURE__ */ e(D, { ...se }, c);
+                }),
+                u.length > 0 ? /* @__PURE__ */ e(f, {}) : null,
+                /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(d, { name: "Logout2", color: "error" }), clickable: !0, onClick: v, children: m("userCard.signOut") })
               ]
             }
           ) : null
         ] })
       ] }),
       /* @__PURE__ */ l("main", { className: n.content, children: [
-        z && !K ? /* @__PURE__ */ e(Se, {}) : null,
-        $ && !K && (C || S) ? /* @__PURE__ */ l("div", { className: n.pageTitleRow, children: [
+        z && !Z ? /* @__PURE__ */ e(Te, {}) : null,
+        O && !Z && (k || S) ? /* @__PURE__ */ l("div", { className: n.pageTitleRow, children: [
           S ? /* @__PURE__ */ e(
-            y,
+            C,
             {
-              "aria-label": d("pageTitle.back"),
+              "aria-label": m("pageTitle.back"),
               variant: "filled",
               color: "accent",
               className: n.backButton,
               onClick: S,
               size: "sm",
-              children: /* @__PURE__ */ e(c, { name: "ArrowLeft" })
+              children: /* @__PURE__ */ e(d, { name: "ArrowLeft" })
             }
           ) : null,
-          C ? /* @__PURE__ */ e(i, { variant: "h2", className: n.pageTitle, children: C }) : null,
-          ee.length > 0 ? /* @__PURE__ */ e("div", { className: n.pageActions, children: /* @__PURE__ */ e(gt, { actions: ee }) }) : null
+          k ? /* @__PURE__ */ e(i, { variant: "h2", className: n.pageTitle, children: k }) : null,
+          ae.length > 0 ? /* @__PURE__ */ e("div", { className: n.pageActions, children: /* @__PURE__ */ e(ft, { actions: ae }) }) : null
         ] }) : null,
         P
       ] })
     ] }),
-    b !== !1 && /* @__PURE__ */ e(ke, { ...Y }),
-    F ? /* @__PURE__ */ e(
-      qe,
+    b !== !1 && /* @__PURE__ */ e(xe, { ...K }),
+    B ? /* @__PURE__ */ e(
+      $e,
       {
-        open: me,
-        onClose: () => V(!1),
+        open: pe,
+        onClose: () => ee(!1),
         showTheme: x
       }
     ) : null
   ] });
 }
 export {
-  Yt as R
+  ea as R
 };
-//# sourceMappingURL=RootLayout-D-ZlsTXF.js.map
+//# sourceMappingURL=RootLayout-C7n79JjM.js.map