@techzyapp/ui-library 1.0.41 → 1.0.43

package/dist/RootLayout-Cl98ghy1.js

@@ -0,0 +1,647 @@
+import { jsx as e, jsxs as o, Fragment as W } from "react/jsx-runtime";
+import { useRef as ve, useState as Z, useEffect as K } from "react";
+import { useRouterState as se, useNavigate as _e, Link as ne } from "@tanstack/react-router";
+import { clsx as re } from "clsx";
+import { a as oe } from "./useMediaQuery-DrDUrkmJ.js";
+import { u as Ce } from "./useLockBodyScroll-DwBILLPK.js";
+import { A as le } from "./Avatar-ClcmN0ba.js";
+import { B as ye } from "./Badge-BmFgusOa.js";
+import { C as ie } from "./Chip-DYZ5w7VM.js";
+import { C as me, R as Se } from "./Col-B51RlwWP.js";
+import { D as f } from "./Divider-LtH3dLgw.js";
+import { D as ce } from "./Dropdown-CnDBlB02.js";
+import { b } from "./Icon-D5TxgfCc.js";
+import { I as D } from "./IconButton-BoURJOUD.js";
+import { L as N } from "./ListItem-2Lr5_NRY.js";
+import { F as ke } from "./FullscreenToggle-BuQonKW8.js";
+import { T as Te } from "./ThemeToggle-CK2USfgx.js";
+import { T as xe } from "./Tooltip-BbT0uNzy.js";
+import { U as ze } from "./UserCard-cmZrMvwL.js";
+import { T as i } from "./Typography-ChSuxgkc.js";
+import { B as qe } from "./Breadcrumbs-M31xyok8.js";
+import { T as De } from "./Toaster-pHN2pxrU.js";
+import { a as Ne, N as de, S as Le } from "./Sidebar-CbPr34jd.js";
+import { F as we } from "./Flag-BEIqYQZg.js";
+import { B as Fe } from "./Blockquote-Ma-2naET.js";
+import { B as Ie } from "./Button-CtADzomU.js";
+import { M as Ae } from "./Modal-CYcVOzID.js";
+import { P as Be } from "./Popconfirm-DIlygJY8.js";
+import { a as R } from "./ChoiceCardGroup-q0yN-TeQ.js";
+import { S as Ee } from "./Select-CG8UJL9R.js";
+import { S as Me } from "./SwatchPicker-BZHRELA-.js";
+import { p as he, a as ue, D as P, u as Re, h as Pe, l as We } from "./ConfigProvider-Dqfu7UBU.js";
+import { f as $e } from "./errorMessage-C83fB2h5.js";
+const He = {
+  light: [
+    "#dc2626",
+    // red
+    "#ea580c",
+    // orange
+    "#d97706",
+    // amber
+    "#ca8a04",
+    // yellow
+    "#65a30d",
+    // lime
+    "#16a34a",
+    // green
+    "#059669",
+    // emerald
+    "#0891b2",
+    // cyan
+    "#0284c7",
+    // sky
+    "#2563eb",
+    // blue
+    "#4f46e5",
+    // indigo
+    "#7c3aed",
+    // violet
+    "#c026d3",
+    // fuchsia
+    "#db2777",
+    // pink
+    "#475569"
+    // slate
+  ],
+  dark: [
+    "#f87171",
+    // red
+    "#fb923c",
+    // orange
+    "#fbbf24",
+    // amber
+    "#facc15",
+    // yellow
+    "#a3e635",
+    // lime
+    "#4ade80",
+    // green
+    "#34d399",
+    // emerald
+    "#22d3ee",
+    // cyan
+    "#38bdf8",
+    // sky
+    "#60a5fa",
+    // blue
+    "#818cf8",
+    // indigo
+    "#a78bfa",
+    // violet
+    "#e879f9",
+    // fuchsia
+    "#f472b6",
+    // pink
+    "#94a3b8"
+    // slate
+  ]
+};
+function Oe({
+  open: h,
+  onClose: g,
+  showTheme: c = !0,
+  showSidebar: $ = !0
+}) {
+  const {
+    mode: _,
+    setMode: H,
+    accentColors: y,
+    defaultAccentColors: O,
+    setAccentColor: j,
+    headerSticky: U,
+    setHeaderSticky: Q,
+    sidebarVariant: V,
+    setSidebarVariant: L,
+    fontFamily: d,
+    setFontFamily: G,
+    shape: w,
+    setShape: X,
+    hasCustomPreferences: F,
+    resetPreferences: l
+  } = he(), a = ue(), I = ve(null), A = () => {
+    l(), requestAnimationFrame(() => {
+      const s = I.current, m = (s == null ? void 0 : s.querySelector('input:checked, [aria-checked="true"]')) ?? (s == null ? void 0 : s.querySelector('input, button, [tabindex]:not([tabindex="-1"])'));
+      m == null || m.focus();
+    });
+  }, [B, E] = Z(""), S = B.trim(), k = d !== P ? [P, d] : [P], n = (S.length > 0 && !k.some((s) => s.toLowerCase() === S.toLowerCase()) ? [S, ...k] : k).map((s) => ({
+    value: s,
+    label: s === P ? a("settings.fontDefault", { font: s }) : s
+  })), T = (s, m) => {
+    const p = O[s], x = [p, ...He[s].filter((v) => v.toLowerCase() !== p.toLowerCase())];
+    return /* @__PURE__ */ e(
+      Me,
+      {
+        label: m,
+        colors: x,
+        value: y[s] ?? p,
+        onChange: (v) => j(v.toLowerCase() === p.toLowerCase() ? null : v, s),
+        labels: { [p]: a("settings.accentDefault", { color: p }) },
+        "aria-label": String(m)
+      }
+    );
+  };
+  return /* @__PURE__ */ e(
+    Ae,
+    {
+      open: h,
+      onClose: g,
+      placement: "right",
+      size: "sm",
+      title: a("settings.label"),
+      icon: "Setting5",
+      footer: (
+        // 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(
+          Be,
+          {
+            title: a("settings.resetConfirmTitle"),
+            description: a("settings.resetConfirmDesc"),
+            confirmLabel: a("settings.resetConfirm"),
+            icon: "RotateLeft",
+            disabled: !F,
+            onConfirm: A,
+            children: /* @__PURE__ */ e(
+              Ie,
+              {
+                variant: "filled",
+                size: "sm",
+                color: "error",
+                fullWidth: !0,
+                startIcon: /* @__PURE__ */ e(b, { name: "RotateLeft" }),
+                disabled: !F,
+                children: a("settings.reset")
+              }
+            )
+          }
+        )
+      ),
+      children: /* @__PURE__ */ o("div", { ref: I, children: [
+        /* @__PURE__ */ e(Fe, { size: "sm", style: { marginBottom: "var(--tz-space-md)" }, children: a("settings.autoSaveNote") }),
+        c && /* @__PURE__ */ o(W, { children: [
+          /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.themeTitle") }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              variant: "bodySmall",
+              color: "muted",
+              as: "p",
+              style: { marginTop: "var(--tz-space-xxs)" },
+              children: a("settings.themeDesc")
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              exclusive: !0,
+              color: "accent",
+              minCardWidth: 130,
+              value: _,
+              onChange: (s) => {
+                typeof s == "string" && H(s);
+              },
+              options: [
+                {
+                  value: "light",
+                  label: a("settings.light"),
+                  description: a("settings.lightDesc"),
+                  icon: "Sun"
+                },
+                {
+                  value: "dark",
+                  label: a("settings.dark"),
+                  description: a("settings.darkDesc"),
+                  icon: "Moon"
+                }
+              ],
+              "aria-label": a("settings.themeTitle"),
+              style: { marginTop: "var(--tz-space-sm)" }
+            }
+          ),
+          /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } })
+        ] }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.accentTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.accentDesc")
+          }
+        ),
+        /* @__PURE__ */ e(me, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: c ? /* @__PURE__ */ o(W, { children: [
+          T("light", a("settings.lightTheme")),
+          T("dark", a("settings.darkTheme"))
+        ] }) : (
+          // theme switching is off → the panel stays in one mode, so only that mode's accent matters
+          T(_, a(_ === "light" ? "settings.lightTheme" : "settings.darkTheme"))
+        ) }),
+        /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.fontTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.fontDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          Ee,
+          {
+            label: a("settings.fontFamily"),
+            searchable: !0,
+            searchPlaceholder: a("settings.fontSearch"),
+            value: d,
+            options: n,
+            onSearchChange: E,
+            onChange: (s) => {
+              G(s), E("");
+            },
+            "aria-label": a("settings.fontFamily"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.headerTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.headerDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: U ? "fixed" : "static",
+            onChange: (s) => {
+              typeof s == "string" && Q(s === "fixed");
+            },
+            options: [
+              {
+                value: "static",
+                label: a("settings.scrollable"),
+                description: a("settings.scrollableDesc")
+              },
+              { value: "fixed", label: a("settings.fixed"), description: a("settings.fixedDesc") }
+            ],
+            "aria-label": a("settings.headerTitle"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        $ && /* @__PURE__ */ o(W, { children: [
+          /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } }),
+          /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.sidebarTitle") }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              variant: "bodySmall",
+              color: "muted",
+              as: "p",
+              style: { marginTop: "var(--tz-space-xxs)" },
+              children: a("settings.sidebarDesc")
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              exclusive: !0,
+              color: "accent",
+              minCardWidth: 130,
+              value: V,
+              onChange: (s) => {
+                (s === "floating" || s === "docked") && L(s);
+              },
+              options: [
+                {
+                  value: "floating",
+                  label: a("settings.floating"),
+                  description: a("settings.floatingDesc")
+                },
+                {
+                  value: "docked",
+                  label: a("settings.docked"),
+                  description: a("settings.dockedDesc")
+                }
+              ],
+              "aria-label": a("settings.sidebarTitle"),
+              style: { marginTop: "var(--tz-space-sm)" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(f, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: a("settings.shapeTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.shapeDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: w,
+            onChange: (s) => {
+              (s === "rounded" || s === "square") && X(s);
+            },
+            options: [
+              {
+                value: "rounded",
+                label: a("settings.rounded"),
+                description: a("settings.roundedDesc")
+              },
+              { value: "square", label: a("settings.square"), description: a("settings.squareDesc") }
+            ],
+            "aria-label": a("settings.shapeTitle"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        )
+      ] })
+    }
+  );
+}
+const je = "_shell_1n9q3_5", Ue = "_shellCollapsed_1n9q3_21", Qe = "_sidebar_1n9q3_21", Ve = "_shellDocked_1n9q3_52", Ge = "_main_1n9q3_48", Xe = "_sidebarInner_1n9q3_76", Ye = "_sidebarClose_1n9q3_85", Je = "_backdrop_1n9q3_92", Ke = "_brand_1n9q3_97", Ze = "_brandLink_1n9q3_106", et = "_sidebarSearch_1n9q3_138", tt = "_navScroll_1n9q3_151", at = "_sidebarFooter_1n9q3_160", st = "_headerSearch_1n9q3_171", nt = "_topbar_1n9q3_182", rt = "_topbarSticky_1n9q3_195", ot = "_headerStart_1n9q3_206", lt = "_headerEnd_1n9q3_215", it = "_environment_1n9q3_222", ct = "_headerExtra_1n9q3_228", dt = "_menuDot_1n9q3_235", mt = "_account_1n9q3_242", ht = "_content_1n9q3_258", ut = "_settings_1n9q3_270", r = {
+  shell: je,
+  shellCollapsed: Ue,
+  sidebar: Qe,
+  shellDocked: Ve,
+  main: Ge,
+  sidebarInner: Xe,
+  sidebarClose: Ye,
+  backdrop: Je,
+  brand: Ke,
+  brandLink: Ze,
+  sidebarSearch: et,
+  navScroll: tt,
+  sidebarFooter: at,
+  headerSearch: st,
+  topbar: nt,
+  topbarSticky: rt,
+  headerStart: ot,
+  headerEnd: lt,
+  environment: it,
+  headerExtra: ct,
+  menuDot: dt,
+  account: mt,
+  content: ht,
+  settings: ut
+};
+function pt(h) {
+  if (h == null) return null;
+  const g = typeof h == "string" ? { label: h } : h, c = g.label.trim();
+  return !c || /^prod(uction)?$/i.test(c) ? null : {
+    label: typeof h == "string" ? c.charAt(0).toUpperCase() + c.slice(1) : c,
+    color: g.color ?? "warning",
+    icon: g.icon ?? "Code"
+  };
+}
+const bt = N;
+function Xt({
+  logo: h,
+  logoTo: g,
+  sidebarFooter: c,
+  showUserCard: $,
+  sidebarVariant: _,
+  header: H,
+  toaster: y = !0,
+  children: O
+}) {
+  const { headerSticky: j, sidebarVariant: U } = he(), { language: Q, setLanguage: V, languages: L } = Re(), d = ue(), G = Ne(), w = g === !1 ? void 0 : g ?? G, X = Pe(), F = _ ?? U, l = { ...X, ...H }, a = l.theme ?? !0, I = l.fullscreen ?? !1, A = l.settings ?? !0, B = l.search ?? !0, E = l.languages ?? !0, S = l.breadcrumbs ?? !0, k = typeof y == "object" ? y : void 0, C = l.onLogout, n = l.user, T = We(), s = ($ ?? T.userCard ?? !1) && (n != null || C != null) ? /* @__PURE__ */ e(ze, { name: n == null ? void 0 : n.name, email: n == null ? void 0 : n.email, avatar: n == null ? void 0 : n.avatar, onLogout: C }) : null, m = pt(l.environment), p = l.menu ?? [], x = l.actions ?? [], v = oe("xs"), Y = v && C != null, ee = (t) => {
+    var u;
+    (u = t.onClick) == null || u.call(t), t.to && fe({ to: t.to, params: t.params, search: t.search });
+  }, J = p.filter((t) => !t.to && !t.onClick).map((t) => t.label).join(", ");
+  K(() => {
+    J && $e() && console.warn(
+      `[RootLayout] header.menu items without \`to\` or \`onClick\`: ${J}`
+    );
+  }, [J]);
+  const z = oe("md"), [M, q] = Z(z);
+  K(() => {
+    q(z);
+  }, [z]), Ce(z && !M);
+  const pe = se({ select: (t) => t.location.pathname });
+  K(() => {
+    z && q(!0);
+  }, [pe]);
+  const be = se({
+    select: (t) => t.statusCode === 404 || t.matches.some((u) => u.status === "notFound")
+  }), [ge, te] = Z(!1), fe = _e();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: re(
+        r.shell,
+        F === "docked" && r.shellDocked,
+        M && r.shellCollapsed
+      ),
+      children: [
+        /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ o("div", { className: r.sidebarInner, children: [
+          h ? /* @__PURE__ */ o("div", { className: r.brand, children: [
+            w ? /* @__PURE__ */ e(ne, { to: w, className: r.brandLink, "aria-label": d("sidebar.home"), children: h }) : h,
+            /* @__PURE__ */ e(
+              D,
+              {
+                variant: "filled",
+                size: "sm",
+                className: r.sidebarClose,
+                "aria-label": d("common.close"),
+                onClick: () => q(!0),
+                children: /* @__PURE__ */ e(b, { name: "Close" })
+              }
+            )
+          ] }) : null,
+          B ? /* @__PURE__ */ e("div", { className: r.sidebarSearch, children: /* @__PURE__ */ e(de, {}) }) : null,
+          /* @__PURE__ */ e("div", { className: r.navScroll, children: /* @__PURE__ */ e(Le, {}) }),
+          c || s ? /* @__PURE__ */ o("div", { className: r.sidebarFooter, children: [
+            c ? /* @__PURE__ */ e("div", { children: c }) : null,
+            s
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: r.backdrop, onClick: () => q(!0), "aria-hidden": "true" }),
+        /* @__PURE__ */ o("div", { className: r.main, children: [
+          /* @__PURE__ */ o("header", { className: re(r.topbar, j && r.topbarSticky), children: [
+            /* @__PURE__ */ o("div", { className: r.headerStart, children: [
+              /* @__PURE__ */ e(
+                D,
+                {
+                  "aria-label": d(M ? "sidebar.show" : "sidebar.hide"),
+                  "aria-expanded": !M,
+                  variant: "filled",
+                  size: "sm",
+                  onClick: () => q((t) => !t),
+                  children: /* @__PURE__ */ e(b, { name: "Menu" })
+                }
+              ),
+              B ? /* @__PURE__ */ e("div", { className: r.headerSearch, children: /* @__PURE__ */ e(de, {}) }) : null
+            ] }),
+            /* @__PURE__ */ o("div", { className: r.headerEnd, children: [
+              m ? /* @__PURE__ */ e(
+                ie,
+                {
+                  size: "sm",
+                  color: m.color,
+                  startIcon: m.icon ? /* @__PURE__ */ e(b, { name: m.icon }) : void 0,
+                  className: r.environment,
+                  children: m.label
+                }
+              ) : null,
+              l.extra != null && !v ? /* @__PURE__ */ e("div", { className: r.headerExtra, children: l.extra }) : null,
+              Y ? null : x.map((t, u) => /* @__PURE__ */ e(
+                ye,
+                {
+                  content: t.dot ? void 0 : t.badge,
+                  dot: t.dot,
+                  color: t.badgeColor ?? "error",
+                  children: /* @__PURE__ */ e(xe, { content: t.label, placement: "bottom", children: /* @__PURE__ */ e(
+                    D,
+                    {
+                      variant: "filled",
+                      size: "sm",
+                      color: t.color,
+                      "aria-label": t.label,
+                      disabled: t.disabled,
+                      onClick: () => ee(t),
+                      children: /* @__PURE__ */ e(b, { name: t.icon })
+                    }
+                  ) })
+                },
+                `${t.label}-${u}`
+              )),
+              I ? /* @__PURE__ */ e(ke, { variant: "filled", size: "sm" }) : null,
+              a ? /* @__PURE__ */ e(Te, { variant: "filled", size: "sm" }) : null,
+              E && L.length > 1 ? /* @__PURE__ */ e(
+                ce,
+                {
+                  placement: "bottom-end",
+                  trigger: /* @__PURE__ */ e(D, { variant: "filled", size: "sm", "aria-label": d("language.label"), children: /* @__PURE__ */ e(b, { name: "Global" }) }),
+                  children: L.map((t) => /* @__PURE__ */ e(
+                    N,
+                    {
+                      clickable: !0,
+                      selected: t.code === Q,
+                      onClick: () => V(t.code),
+                      icon: /* @__PURE__ */ e(we, { code: t.code }),
+                      children: t.label ?? t.code
+                    },
+                    t.code
+                  ))
+                }
+              ) : null,
+              A ? /* @__PURE__ */ e(
+                D,
+                {
+                  "aria-label": d("settings.label"),
+                  variant: "text",
+                  size: "sm",
+                  className: r.settings,
+                  onClick: () => te(!0),
+                  children: /* @__PURE__ */ e(b, { name: "Setting5" })
+                }
+              ) : null,
+              C ? /* @__PURE__ */ o(
+                ce,
+                {
+                  placement: "bottom-end",
+                  style: { minWidth: 230 },
+                  trigger: /* @__PURE__ */ e("button", { type: "button", className: r.account, "aria-label": d("account.label"), children: /* @__PURE__ */ e(le, { size: "md", name: n == null ? void 0 : n.name, src: n == null ? void 0 : n.avatar, color: "primary" }) }),
+                  children: [
+                    n ? /* @__PURE__ */ o(W, { children: [
+                      /* @__PURE__ */ o(Se, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-xs)", children: [
+                        /* @__PURE__ */ e(le, { size: "md", name: n.name, src: n.avatar, color: "primary" }),
+                        /* @__PURE__ */ o(me, { gap: 2, children: [
+                          /* @__PURE__ */ e(i, { variant: "body", children: n.name ?? d("userCard.welcome") }),
+                          n.email ? /* @__PURE__ */ e(i, { variant: "bodySmall", color: "muted", children: n.email }) : null
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e(f, {})
+                    ] }) : null,
+                    Y ? x.map((t, u) => /* @__PURE__ */ e(
+                      N,
+                      {
+                        icon: /* @__PURE__ */ e(b, { name: t.icon, color: t.color }),
+                        clickable: !0,
+                        disabled: t.disabled,
+                        onClick: () => ee(t),
+                        trailing: t.dot ? /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: r.menuDot,
+                            style: { background: `var(--tz-color-${t.badgeColor ?? "error"})` },
+                            "aria-hidden": "true"
+                          }
+                        ) : t.badge != null && t.badge !== 0 && t.badge !== "" ? /* @__PURE__ */ e(ie, { 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}-${u}`
+                    )) : null,
+                    Y && x.length > 0 ? /* @__PURE__ */ e(f, {}) : null,
+                    p.map((t, u) => {
+                      const ae = {
+                        icon: t.icon ? /* @__PURE__ */ e(b, { name: t.icon, color: t.color }) : void 0,
+                        color: t.color,
+                        clickable: !0,
+                        disabled: t.disabled,
+                        onClick: t.onClick,
+                        children: t.label
+                      };
+                      return t.to && !t.disabled ? /* @__PURE__ */ e(
+                        bt,
+                        {
+                          ...ae,
+                          as: ne,
+                          to: t.to,
+                          params: t.params,
+                          search: t.search
+                        },
+                        u
+                      ) : /* @__PURE__ */ e(N, { ...ae }, u);
+                    }),
+                    p.length > 0 ? /* @__PURE__ */ e(f, {}) : null,
+                    /* @__PURE__ */ e(N, { icon: /* @__PURE__ */ e(b, { name: "Logout2", color: "error" }), clickable: !0, onClick: C, children: d("userCard.signOut") })
+                  ]
+                }
+              ) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ o("main", { className: r.content, children: [
+            S && !be ? /* @__PURE__ */ e(qe, {}) : null,
+            O
+          ] })
+        ] }),
+        y !== !1 && /* @__PURE__ */ e(De, { ...k }),
+        A ? /* @__PURE__ */ e(
+          Oe,
+          {
+            open: ge,
+            onClose: () => te(!1),
+            showTheme: a,
+            showSidebar: _ === void 0
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  Xt as R
+};
+//# sourceMappingURL=RootLayout-Cl98ghy1.js.map