@techzyapp/ui-library 1.0.33 → 1.0.35

package/dist/RootLayout-CicjlAUF.js

@@ -0,0 +1,641 @@
+import { jsx as e, jsxs as r, Fragment as M } from "react/jsx-runtime";
+import { useRef as fe, useState as X, useEffect as U } from "react";
+import { useRouterState as le, useNavigate as ve, Link as oe } from "@tanstack/react-router";
+import { clsx as re } from "clsx";
+import { a as Y } from "./useMediaQuery-DrDUrkmJ.js";
+import { u as _e } from "./useLockBodyScroll-DwBILLPK.js";
+import { A as ie } from "./Avatar-MwWIcj8z.js";
+import { B as Ce } from "./Badge-BmFgusOa.js";
+import { C as ce } from "./Chip-BzyzLEeX.js";
+import { C as ue, R as ke } from "./Col-B51RlwWP.js";
+import { D as _ } from "./Divider-LtH3dLgw.js";
+import { D as de } from "./Dropdown-zlv96RLy.js";
+import { I as m } from "./Icon-CGQ5yGSZ.js";
+import { I as C } from "./IconButton-BUmXN_lD.js";
+import { L as F } from "./ListItem-ehFB7TUW.js";
+import { F as ye } from "./FullscreenToggle-CTt7_Kv_.js";
+import { T as Se } from "./ThemeToggle-D33Tqv2F.js";
+import { T as Te } from "./Tooltip-DsDv4NOq.js";
+import { T as c } from "./Typography-ChSuxgkc.js";
+import { B as xe } from "./Breadcrumbs-D_QnKw8q.js";
+import { T as Ne } from "./Toaster-D8cxkhwr.js";
+import { a as Le, c as ze, d as Ae, e as we, N as me, S as De } from "./Sidebar-nORfjIg8.js";
+import { F as Fe } from "./Flag-DikEV1jI.js";
+import { B as Ie } from "./Blockquote-Ma-2naET.js";
+import { B as he } from "./Button-BQ7jsm5P.js";
+import { M as Be } from "./Modal-CrvOHbNy.js";
+import { P as Re } from "./Popconfirm-p2O8Vmz0.js";
+import { a as G } from "./ChoiceCardGroup-BBD8ai4s.js";
+import { S as Ee } from "./Select-DEi_ZUHR.js";
+import { S as Me } from "./SwatchPicker-C-_wLaf6.js";
+import { o as pe, a as J, D as E, u as Pe, h as qe } from "./ConfigProvider-DZMtq2Fz.js";
+import { S as He } from "./SpeedDial-BMpJtYP6.js";
+import { f as $e } from "./errorMessage-C83fB2h5.js";
+const We = {
+  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: l, onClose: h, showTheme: i = !0 }) {
+  const {
+    mode: o,
+    setMode: b,
+    accentColors: P,
+    defaultAccentColors: k,
+    setAccentColor: y,
+    headerSticky: q,
+    setHeaderSticky: H,
+    fontFamily: S,
+    setFontFamily: I,
+    shape: p,
+    setShape: $,
+    hasCustomPreferences: T,
+    resetPreferences: K
+  } = pe(), a = J(), x = fe(null), W = () => {
+    K(), requestAnimationFrame(() => {
+      const s = x.current, d = (s == null ? void 0 : s.querySelector('input:checked, [aria-checked="true"]')) ?? (s == null ? void 0 : s.querySelector('input, button, [tabindex]:not([tabindex="-1"])'));
+      d == null || d.focus();
+    });
+  }, [B, N] = X(""), L = B.trim(), z = S !== E ? [E, S] : [E], O = (L.length > 0 && !z.some((s) => s.toLowerCase() === L.toLowerCase()) ? [L, ...z] : z).map((s) => ({
+    value: s,
+    label: s === E ? a("settings.fontDefault", { font: s }) : s
+  })), f = (s, d) => {
+    const g = k[s], A = [g, ...We[s].filter((v) => v.toLowerCase() !== g.toLowerCase())];
+    return /* @__PURE__ */ e(
+      Me,
+      {
+        label: d,
+        colors: A,
+        value: P[s] ?? g,
+        onChange: (v) => y(v.toLowerCase() === g.toLowerCase() ? null : v, s),
+        labels: { [g]: a("settings.accentDefault", { color: g }) },
+        "aria-label": String(d)
+      }
+    );
+  };
+  return /* @__PURE__ */ e(
+    Be,
+    {
+      open: l,
+      onClose: h,
+      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(
+          Re,
+          {
+            title: a("settings.resetConfirmTitle"),
+            description: a("settings.resetConfirmDesc"),
+            confirmLabel: a("settings.resetConfirm"),
+            icon: "RotateLeft",
+            disabled: !T,
+            onConfirm: W,
+            children: /* @__PURE__ */ e(
+              he,
+              {
+                variant: "filled",
+                size: "sm",
+                color: "error",
+                fullWidth: !0,
+                startIcon: /* @__PURE__ */ e(m, { name: "RotateLeft" }),
+                disabled: !T,
+                children: a("settings.reset")
+              }
+            )
+          }
+        )
+      ),
+      children: /* @__PURE__ */ r("div", { ref: x, children: [
+        /* @__PURE__ */ e(Ie, { size: "sm", style: { marginBottom: "var(--tz-space-md)" }, children: a("settings.autoSaveNote") }),
+        i && /* @__PURE__ */ r(M, { children: [
+          /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.themeTitle") }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              variant: "bodySmall",
+              color: "muted",
+              as: "p",
+              style: { marginTop: "var(--tz-space-xxs)" },
+              children: a("settings.themeDesc")
+            }
+          ),
+          /* @__PURE__ */ e(
+            G,
+            {
+              exclusive: !0,
+              color: "accent",
+              minCardWidth: 130,
+              value: o,
+              onChange: (s) => {
+                typeof s == "string" && b(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(_, { style: { margin: "var(--tz-space-md) 0" } })
+        ] }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.accentTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.accentDesc")
+          }
+        ),
+        /* @__PURE__ */ e(ue, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: i ? /* @__PURE__ */ r(M, { children: [
+          f("light", a("settings.lightTheme")),
+          f("dark", a("settings.darkTheme"))
+        ] }) : (
+          // theme switching is off → the panel stays in one mode, so only that mode's accent matters
+          f(o, a(o === "light" ? "settings.lightTheme" : "settings.darkTheme"))
+        ) }),
+        /* @__PURE__ */ e(_, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.fontTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            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: S,
+            options: O,
+            onSearchChange: N,
+            onChange: (s) => {
+              I(s), N("");
+            },
+            "aria-label": a("settings.fontFamily"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        /* @__PURE__ */ e(_, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.headerTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.headerDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          G,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: q ? "fixed" : "static",
+            onChange: (s) => {
+              typeof s == "string" && H(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__ */ e(_, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.shapeTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.shapeDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          G,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: p,
+            onChange: (s) => {
+              (s === "rounded" || s === "square") && $(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_flelv_5", Qe = "_shellCollapsed_flelv_21", Ue = "_sidebar_flelv_21", Ge = "_sidebarInner_flelv_49", Xe = "_sidebarClose_flelv_58", Ye = "_backdrop_flelv_65", Je = "_brand_flelv_70", Ke = "_brandLink_flelv_79", Ve = "_sidebarSearch_flelv_111", Ze = "_navScroll_flelv_124", et = "_sidebarFooter_flelv_133", tt = "_headerSearch_flelv_140", at = "_main_flelv_144", st = "_topbar_flelv_151", nt = "_topbarSticky_flelv_164", lt = "_headerStart_flelv_175", ot = "_headerEnd_flelv_184", rt = "_environment_flelv_191", it = "_headerExtra_flelv_197", ct = "_menuDot_flelv_204", dt = "_account_flelv_211", mt = "_content_flelv_227", ut = "_pageTitleRow_flelv_234", ht = "_pageTitle_flelv_234", pt = "_pageActions_flelv_252", gt = "_pageActionsFab_flelv_266", bt = "_pageActionsLetter_flelv_281", ft = "_settings_flelv_293", n = {
+  shell: je,
+  shellCollapsed: Qe,
+  sidebar: Ue,
+  sidebarInner: Ge,
+  sidebarClose: Xe,
+  backdrop: Ye,
+  brand: Je,
+  brandLink: Ke,
+  sidebarSearch: Ve,
+  navScroll: Ze,
+  sidebarFooter: et,
+  headerSearch: tt,
+  main: at,
+  topbar: st,
+  topbarSticky: nt,
+  headerStart: lt,
+  headerEnd: ot,
+  environment: rt,
+  headerExtra: it,
+  menuDot: ct,
+  account: dt,
+  content: mt,
+  pageTitleRow: ut,
+  pageTitle: ht,
+  pageActions: pt,
+  pageActionsFab: gt,
+  pageActionsLetter: bt,
+  settings: ft
+}, vt = (l) => typeof l == "string" ? /* @__PURE__ */ e(m, { name: l }) : l, _t = (l) => l.icon != null ? l.icon : typeof l.label == "string" && l.label.trim() ? /* @__PURE__ */ e("span", { className: n.pageActionsLetter, children: l.label.trim()[0].toUpperCase() }) : "More";
+function Ct({ actions: l }) {
+  const h = J(), i = Y("xs");
+  return l.length ? i && l.length >= 2 ? /* @__PURE__ */ e(
+    He,
+    {
+      ariaLabel: h("pageActions.label"),
+      icon: "Add",
+      direction: "up",
+      className: n.pageActionsFab,
+      actions: l.map((o) => ({
+        icon: _t(o),
+        label: o.label,
+        onClick: o.onClick,
+        disabled: o.disabled
+      }))
+    }
+  ) : /* @__PURE__ */ e(M, { children: l.map((o, b) => /* @__PURE__ */ e(
+    he,
+    {
+      size: "sm",
+      color: o.color,
+      variant: o.variant,
+      disabled: o.disabled,
+      startIcon: o.icon != null ? vt(o.icon) : void 0,
+      onClick: o.onClick,
+      children: o.label
+    },
+    b
+  )) }) : null;
+}
+function kt(l) {
+  if (l == null) return null;
+  const h = typeof l == "string" ? { label: l } : l, i = h.label.trim();
+  return !i || /^prod(uction)?$/i.test(i) ? null : {
+    label: typeof l == "string" ? i.charAt(0).toUpperCase() + i.slice(1) : i,
+    color: h.color ?? "warning",
+    icon: h.icon ?? "Code"
+  };
+}
+const yt = F;
+function sa({
+  logo: l,
+  logoTo: h,
+  sidebarFooter: i,
+  header: o,
+  toaster: b = !0,
+  children: P
+}) {
+  const k = Le(), y = ze(), { headerSticky: q } = pe(), { language: H, setLanguage: S, languages: I } = Pe(), p = J(), $ = Ae(), T = h === !1 ? void 0 : h ?? $, a = { ...qe(), ...o }, x = a.theme ?? !0, W = a.fullscreen ?? !1, B = a.settings ?? !0, N = a.search ?? !0, L = a.languages ?? !0, z = a.breadcrumbs ?? !0, V = typeof b == "object" ? b : void 0, O = a.pageTitle ?? !0, f = a.onLogout, s = a.user, d = kt(a.environment), g = a.menu ?? [], A = a.actions ?? [], v = Y("xs"), j = v && f != null, Z = (t) => {
+    var u;
+    (u = t.onClick) == null || u.call(t), t.to && ae({ to: t.to, params: t.params, search: t.search });
+  }, Q = g.filter((t) => !t.to && !t.onClick).map((t) => t.label).join(", ");
+  U(() => {
+    Q && $e() && console.warn(
+      `[RootLayout] header.menu items without \`to\` or \`onClick\`: ${Q}`
+    );
+  }, [Q]);
+  const w = Y("md"), [R, D] = X(w);
+  U(() => {
+    D(w);
+  }, [w]), _e(w && !R);
+  const ge = le({ select: (t) => t.location.pathname });
+  U(() => {
+    w && D(!0);
+  }, [ge]);
+  const ee = le({
+    select: (t) => t.statusCode === 404 || t.matches.some((u) => u.status === "notFound")
+  }), [be, te] = X(!1), ae = ve(), se = (we() ?? []).map((t) => ({
+    label: t.label,
+    icon: t.icon,
+    color: t.color,
+    variant: t.variant,
+    disabled: t.disabled,
+    onClick: t.onClick ?? (t.to ? () => ae({ to: t.to, params: t.params, search: t.search }) : void 0)
+  }));
+  return /* @__PURE__ */ r("div", { className: re(n.shell, R && n.shellCollapsed), children: [
+    /* @__PURE__ */ e("aside", { className: n.sidebar, children: /* @__PURE__ */ r("div", { className: n.sidebarInner, children: [
+      l ? /* @__PURE__ */ r("div", { className: n.brand, children: [
+        T ? /* @__PURE__ */ e(oe, { to: T, className: n.brandLink, "aria-label": p("sidebar.home"), children: l }) : l,
+        /* @__PURE__ */ e(
+          C,
+          {
+            variant: "filled",
+            size: "sm",
+            className: n.sidebarClose,
+            "aria-label": p("common.close"),
+            onClick: () => D(!0),
+            children: /* @__PURE__ */ e(m, { name: "Close" })
+          }
+        )
+      ] }) : null,
+      N ? /* @__PURE__ */ e("div", { className: n.sidebarSearch, children: /* @__PURE__ */ e(me, {}) }) : null,
+      /* @__PURE__ */ e("div", { className: n.navScroll, children: /* @__PURE__ */ e(De, {}) }),
+      i ? /* @__PURE__ */ e("div", { className: n.sidebarFooter, children: i }) : null
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: n.backdrop, onClick: () => D(!0), "aria-hidden": "true" }),
+    /* @__PURE__ */ r("div", { className: n.main, children: [
+      /* @__PURE__ */ r("header", { className: re(n.topbar, q && n.topbarSticky), children: [
+        /* @__PURE__ */ r("div", { className: n.headerStart, children: [
+          /* @__PURE__ */ e(
+            C,
+            {
+              "aria-label": R ? "Show sidebar" : "Hide sidebar",
+              "aria-expanded": !R,
+              variant: "filled",
+              size: "sm",
+              onClick: () => D((t) => !t),
+              children: /* @__PURE__ */ e(m, { name: "Menu" })
+            }
+          ),
+          N ? /* @__PURE__ */ e("div", { className: n.headerSearch, children: /* @__PURE__ */ e(me, {}) }) : null
+        ] }),
+        /* @__PURE__ */ r("div", { className: n.headerEnd, children: [
+          d ? /* @__PURE__ */ e(
+            ce,
+            {
+              size: "sm",
+              color: d.color,
+              startIcon: d.icon ? /* @__PURE__ */ e(m, { name: d.icon }) : void 0,
+              className: n.environment,
+              children: d.label
+            }
+          ) : null,
+          a.extra != null && !v ? /* @__PURE__ */ e("div", { className: n.headerExtra, children: a.extra }) : null,
+          j ? null : A.map((t, u) => /* @__PURE__ */ e(
+            Ce,
+            {
+              content: t.dot ? void 0 : t.badge,
+              dot: t.dot,
+              color: t.badgeColor ?? "error",
+              children: /* @__PURE__ */ e(Te, { content: t.label, placement: "bottom", children: /* @__PURE__ */ e(
+                C,
+                {
+                  variant: "filled",
+                  size: "sm",
+                  color: t.color,
+                  "aria-label": t.label,
+                  disabled: t.disabled,
+                  onClick: () => Z(t),
+                  children: /* @__PURE__ */ e(m, { name: t.icon })
+                }
+              ) })
+            },
+            `${t.label}-${u}`
+          )),
+          W ? /* @__PURE__ */ e(ye, { variant: "filled", size: "sm" }) : null,
+          x ? /* @__PURE__ */ e(Se, { variant: "filled", size: "sm" }) : null,
+          L && I.length > 1 ? /* @__PURE__ */ e(
+            de,
+            {
+              placement: "bottom-end",
+              trigger: /* @__PURE__ */ e(C, { variant: "filled", size: "sm", "aria-label": p("language.label"), children: /* @__PURE__ */ e(m, { name: "Global" }) }),
+              children: I.map((t) => /* @__PURE__ */ e(
+                F,
+                {
+                  clickable: !0,
+                  selected: t.code === H,
+                  onClick: () => S(t.code),
+                  icon: /* @__PURE__ */ e(Fe, { code: t.code }),
+                  children: t.label ?? t.code
+                },
+                t.code
+              ))
+            }
+          ) : null,
+          B ? /* @__PURE__ */ e(
+            C,
+            {
+              "aria-label": p("settings.label"),
+              variant: "text",
+              size: "sm",
+              className: n.settings,
+              onClick: () => te(!0),
+              children: /* @__PURE__ */ e(m, { name: "Setting5" })
+            }
+          ) : null,
+          f ? /* @__PURE__ */ r(
+            de,
+            {
+              placement: "bottom-end",
+              style: { minWidth: 230 },
+              trigger: /* @__PURE__ */ e("button", { type: "button", className: n.account, "aria-label": p("account.label"), children: /* @__PURE__ */ e(ie, { size: "md", name: s == null ? void 0 : s.name, src: s == null ? void 0 : s.avatar, color: "primary" }) }),
+              children: [
+                s ? /* @__PURE__ */ r(M, { children: [
+                  /* @__PURE__ */ r(ke, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-xs)", children: [
+                    /* @__PURE__ */ e(ie, { size: "md", name: s.name, src: s.avatar, color: "primary" }),
+                    /* @__PURE__ */ r(ue, { gap: 2, children: [
+                      /* @__PURE__ */ e(c, { variant: "body", children: s.name ?? p("userCard.welcome") }),
+                      s.email ? /* @__PURE__ */ e(c, { variant: "bodySmall", color: "muted", children: s.email }) : null
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(_, {})
+                ] }) : null,
+                j ? A.map((t, u) => /* @__PURE__ */ e(
+                  F,
+                  {
+                    icon: /* @__PURE__ */ e(m, { name: t.icon, color: t.color }),
+                    clickable: !0,
+                    disabled: t.disabled,
+                    onClick: () => Z(t),
+                    trailing: t.dot ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: n.menuDot,
+                        style: { background: `var(--tz-color-${t.badgeColor ?? "error"})` },
+                        "aria-hidden": "true"
+                      }
+                    ) : t.badge != null && t.badge !== 0 && t.badge !== "" ? /* @__PURE__ */ e(ce, { 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,
+                j && A.length > 0 ? /* @__PURE__ */ e(_, {}) : null,
+                g.map((t, u) => {
+                  const ne = {
+                    icon: t.icon ? /* @__PURE__ */ e(m, { 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(
+                    yt,
+                    {
+                      ...ne,
+                      as: oe,
+                      to: t.to,
+                      params: t.params,
+                      search: t.search
+                    },
+                    u
+                  ) : /* @__PURE__ */ e(F, { ...ne }, u);
+                }),
+                g.length > 0 ? /* @__PURE__ */ e(_, {}) : null,
+                /* @__PURE__ */ e(F, { icon: /* @__PURE__ */ e(m, { name: "Logout2", color: "error" }), clickable: !0, onClick: f, children: p("userCard.signOut") })
+              ]
+            }
+          ) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ r("main", { className: n.content, children: [
+        z && !ee ? /* @__PURE__ */ e(xe, {}) : null,
+        O && !ee && (k || y) ? /* @__PURE__ */ r("div", { className: n.pageTitleRow, children: [
+          y ? /* @__PURE__ */ e(
+            C,
+            {
+              "aria-label": p("pageTitle.back"),
+              variant: "filled",
+              color: "accent",
+              className: n.backButton,
+              onClick: y,
+              size: "sm",
+              children: /* @__PURE__ */ e(m, { name: "ArrowLeft" })
+            }
+          ) : null,
+          k ? /* @__PURE__ */ e(c, { variant: "h2", className: n.pageTitle, children: k }) : null,
+          se.length > 0 ? /* @__PURE__ */ e("div", { className: n.pageActions, children: /* @__PURE__ */ e(Ct, { actions: se }) }) : null
+        ] }) : null,
+        P
+      ] })
+    ] }),
+    b !== !1 && /* @__PURE__ */ e(Ne, { ...V }),
+    B ? /* @__PURE__ */ e(
+      Oe,
+      {
+        open: be,
+        onClose: () => te(!1),
+        showTheme: x
+      }
+    ) : null
+  ] });
+}
+export {
+  sa as R
+};
+//# sourceMappingURL=RootLayout-CicjlAUF.js.map