@techzyapp/ui-library 1.0.40 → 1.0.41

package/dist/RootLayout-DIOquzrU.js

@@ -0,0 +1,642 @@
+import { jsx as e, jsxs as o, Fragment as W } from "react/jsx-runtime";
+import { useRef as be, useState as J, useEffect as Y } from "react";
+import { useRouterState as ee, useNavigate as ge, Link as ae } from "@tanstack/react-router";
+import { clsx as te } from "clsx";
+import { a as se } from "./useMediaQuery-DrDUrkmJ.js";
+import { u as fe } from "./useLockBodyScroll-DwBILLPK.js";
+import { A as ne } from "./Avatar-ClcmN0ba.js";
+import { B as ve } from "./Badge-BmFgusOa.js";
+import { C as re } from "./Chip-BjSNgaAf.js";
+import { C as le, R as _e } from "./Col-B51RlwWP.js";
+import { D as v } from "./Divider-LtH3dLgw.js";
+import { D as oe } from "./Dropdown-CcC-Hwx4.js";
+import { b as u } from "./Icon-D5TxgfCc.js";
+import { I as L } from "./IconButton-t1OhAMNc.js";
+import { L as j } from "./ListItem-BWNIbyTh.js";
+import { F as Ce } from "./FullscreenToggle-GjsMn1GO.js";
+import { T as ye } from "./ThemeToggle-DXpbooYn.js";
+import { T as Se } from "./Tooltip-BbT0uNzy.js";
+import { T as i } from "./Typography-ChSuxgkc.js";
+import { B as ke } from "./Breadcrumbs-DKYJOdHZ.js";
+import { T as Te } from "./Toaster-Dput5iLU.js";
+import { a as xe, N as ie, S as ze } from "./Sidebar-CGL5hvpl.js";
+import { F as De } from "./Flag-fgMTTcy8.js";
+import { B as Ne } from "./Blockquote-Ma-2naET.js";
+import { B as Le } from "./Button-CjsnB8gX.js";
+import { M as je } from "./Modal-Dfwc9eIq.js";
+import { P as we } from "./Popconfirm-BXa5qLHY.js";
+import { a as q } from "./ChoiceCardGroup-Cx8CtmPl.js";
+import { S as Fe } from "./Select-Bw8Q86ts.js";
+import { S as Ie } from "./SwatchPicker-BZHRELA-.js";
+import { p as ce, a as de, D as P, u as Ae, h as Be } from "./ConfigProvider-Bgu85MsI.js";
+import { f as Ee } from "./errorMessage-C83fB2h5.js";
+const Me = {
+  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 Re({
+  open: c,
+  onClose: g,
+  showTheme: d = !0,
+  showSidebar: w = !0
+}) {
+  const {
+    mode: S,
+    setMode: k,
+    accentColors: $,
+    defaultAccentColors: H,
+    setAccentColor: O,
+    headerSticky: Q,
+    setHeaderSticky: V,
+    sidebarVariant: F,
+    setSidebarVariant: p,
+    fontFamily: T,
+    setFontFamily: I,
+    shape: G,
+    setShape: U,
+    hasCustomPreferences: r,
+    resetPreferences: A
+  } = ce(), t = de(), x = be(null), B = () => {
+    A(), requestAnimationFrame(() => {
+      const s = x.current, b = (s == null ? void 0 : s.querySelector('input:checked, [aria-checked="true"]')) ?? (s == null ? void 0 : s.querySelector('input, button, [tabindex]:not([tabindex="-1"])'));
+      b == null || b.focus();
+    });
+  }, [X, E] = J(""), z = X.trim(), _ = T !== P ? [P, T] : [P], C = (z.length > 0 && !_.some((s) => s.toLowerCase() === z.toLowerCase()) ? [z, ..._] : _).map((s) => ({
+    value: s,
+    label: s === P ? t("settings.fontDefault", { font: s }) : s
+  })), y = (s, b) => {
+    const h = H[s], M = [h, ...Me[s].filter((f) => f.toLowerCase() !== h.toLowerCase())];
+    return /* @__PURE__ */ e(
+      Ie,
+      {
+        label: b,
+        colors: M,
+        value: $[s] ?? h,
+        onChange: (f) => O(f.toLowerCase() === h.toLowerCase() ? null : f, s),
+        labels: { [h]: t("settings.accentDefault", { color: h }) },
+        "aria-label": String(b)
+      }
+    );
+  };
+  return /* @__PURE__ */ e(
+    je,
+    {
+      open: c,
+      onClose: g,
+      placement: "right",
+      size: "sm",
+      title: t("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(
+          we,
+          {
+            title: t("settings.resetConfirmTitle"),
+            description: t("settings.resetConfirmDesc"),
+            confirmLabel: t("settings.resetConfirm"),
+            icon: "RotateLeft",
+            disabled: !r,
+            onConfirm: B,
+            children: /* @__PURE__ */ e(
+              Le,
+              {
+                variant: "filled",
+                size: "sm",
+                color: "error",
+                fullWidth: !0,
+                startIcon: /* @__PURE__ */ e(u, { name: "RotateLeft" }),
+                disabled: !r,
+                children: t("settings.reset")
+              }
+            )
+          }
+        )
+      ),
+      children: /* @__PURE__ */ o("div", { ref: x, children: [
+        /* @__PURE__ */ e(Ne, { size: "sm", style: { marginBottom: "var(--tz-space-md)" }, children: t("settings.autoSaveNote") }),
+        d && /* @__PURE__ */ o(W, { children: [
+          /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: t("settings.themeTitle") }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              variant: "bodySmall",
+              color: "muted",
+              as: "p",
+              style: { marginTop: "var(--tz-space-xxs)" },
+              children: t("settings.themeDesc")
+            }
+          ),
+          /* @__PURE__ */ e(
+            q,
+            {
+              exclusive: !0,
+              color: "accent",
+              minCardWidth: 130,
+              value: S,
+              onChange: (s) => {
+                typeof s == "string" && k(s);
+              },
+              options: [
+                {
+                  value: "light",
+                  label: t("settings.light"),
+                  description: t("settings.lightDesc"),
+                  icon: "Sun"
+                },
+                {
+                  value: "dark",
+                  label: t("settings.dark"),
+                  description: t("settings.darkDesc"),
+                  icon: "Moon"
+                }
+              ],
+              "aria-label": t("settings.themeTitle"),
+              style: { marginTop: "var(--tz-space-sm)" }
+            }
+          ),
+          /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } })
+        ] }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: t("settings.accentTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: t("settings.accentDesc")
+          }
+        ),
+        /* @__PURE__ */ e(le, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: d ? /* @__PURE__ */ o(W, { children: [
+          y("light", t("settings.lightTheme")),
+          y("dark", t("settings.darkTheme"))
+        ] }) : (
+          // theme switching is off → the panel stays in one mode, so only that mode's accent matters
+          y(S, t(S === "light" ? "settings.lightTheme" : "settings.darkTheme"))
+        ) }),
+        /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: t("settings.fontTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: t("settings.fontDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          Fe,
+          {
+            label: t("settings.fontFamily"),
+            searchable: !0,
+            searchPlaceholder: t("settings.fontSearch"),
+            value: T,
+            options: C,
+            onSearchChange: E,
+            onChange: (s) => {
+              I(s), E("");
+            },
+            "aria-label": t("settings.fontFamily"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: t("settings.headerTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: t("settings.headerDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: Q ? "fixed" : "static",
+            onChange: (s) => {
+              typeof s == "string" && V(s === "fixed");
+            },
+            options: [
+              {
+                value: "static",
+                label: t("settings.scrollable"),
+                description: t("settings.scrollableDesc")
+              },
+              { value: "fixed", label: t("settings.fixed"), description: t("settings.fixedDesc") }
+            ],
+            "aria-label": t("settings.headerTitle"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        w && /* @__PURE__ */ o(W, { children: [
+          /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } }),
+          /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: t("settings.sidebarTitle") }),
+          /* @__PURE__ */ e(
+            i,
+            {
+              variant: "bodySmall",
+              color: "muted",
+              as: "p",
+              style: { marginTop: "var(--tz-space-xxs)" },
+              children: t("settings.sidebarDesc")
+            }
+          ),
+          /* @__PURE__ */ e(
+            q,
+            {
+              exclusive: !0,
+              color: "accent",
+              minCardWidth: 130,
+              value: F,
+              onChange: (s) => {
+                (s === "floating" || s === "docked") && p(s);
+              },
+              options: [
+                {
+                  value: "floating",
+                  label: t("settings.floating"),
+                  description: t("settings.floatingDesc")
+                },
+                {
+                  value: "docked",
+                  label: t("settings.docked"),
+                  description: t("settings.dockedDesc")
+                }
+              ],
+              "aria-label": t("settings.sidebarTitle"),
+              style: { marginTop: "var(--tz-space-sm)" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(v, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(i, { variant: "subtitle", as: "h3", children: t("settings.shapeTitle") }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: t("settings.shapeDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: G,
+            onChange: (s) => {
+              (s === "rounded" || s === "square") && U(s);
+            },
+            options: [
+              {
+                value: "rounded",
+                label: t("settings.rounded"),
+                description: t("settings.roundedDesc")
+              },
+              { value: "square", label: t("settings.square"), description: t("settings.squareDesc") }
+            ],
+            "aria-label": t("settings.shapeTitle"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        )
+      ] })
+    }
+  );
+}
+const qe = "_shell_1a4ej_5", Pe = "_shellCollapsed_1a4ej_21", We = "_sidebar_1a4ej_21", $e = "_shellDocked_1a4ej_52", He = "_main_1a4ej_48", Oe = "_sidebarInner_1a4ej_76", Qe = "_sidebarClose_1a4ej_85", Ve = "_backdrop_1a4ej_92", Ge = "_brand_1a4ej_97", Ue = "_brandLink_1a4ej_106", Xe = "_sidebarSearch_1a4ej_138", Ye = "_navScroll_1a4ej_151", Je = "_sidebarFooter_1a4ej_160", Ke = "_headerSearch_1a4ej_167", Ze = "_topbar_1a4ej_178", ea = "_topbarSticky_1a4ej_191", aa = "_headerStart_1a4ej_202", ta = "_headerEnd_1a4ej_211", sa = "_environment_1a4ej_218", na = "_headerExtra_1a4ej_224", ra = "_menuDot_1a4ej_231", oa = "_account_1a4ej_238", ia = "_content_1a4ej_254", la = "_settings_1a4ej_266", n = {
+  shell: qe,
+  shellCollapsed: Pe,
+  sidebar: We,
+  shellDocked: $e,
+  main: He,
+  sidebarInner: Oe,
+  sidebarClose: Qe,
+  backdrop: Ve,
+  brand: Ge,
+  brandLink: Ue,
+  sidebarSearch: Xe,
+  navScroll: Ye,
+  sidebarFooter: Je,
+  headerSearch: Ke,
+  topbar: Ze,
+  topbarSticky: ea,
+  headerStart: aa,
+  headerEnd: ta,
+  environment: sa,
+  headerExtra: na,
+  menuDot: ra,
+  account: oa,
+  content: ia,
+  settings: la
+};
+function ca(c) {
+  if (c == null) return null;
+  const g = typeof c == "string" ? { label: c } : c, d = g.label.trim();
+  return !d || /^prod(uction)?$/i.test(d) ? null : {
+    label: typeof c == "string" ? d.charAt(0).toUpperCase() + d.slice(1) : d,
+    color: g.color ?? "warning",
+    icon: g.icon ?? "Code"
+  };
+}
+const da = j;
+function Ha({
+  logo: c,
+  logoTo: g,
+  sidebarFooter: d,
+  sidebarVariant: w,
+  header: S,
+  toaster: k = !0,
+  children: $
+}) {
+  const { headerSticky: H, sidebarVariant: O } = ce(), { language: Q, setLanguage: V, languages: F } = Ae(), p = de(), T = xe(), I = g === !1 ? void 0 : g ?? T, G = Be(), U = w ?? O, r = { ...G, ...S }, A = r.theme ?? !0, t = r.fullscreen ?? !1, x = r.settings ?? !0, B = r.search ?? !0, X = r.languages ?? !0, E = r.breadcrumbs ?? !0, z = typeof k == "object" ? k : void 0, _ = r.onLogout, l = r.user, C = ca(r.environment), y = r.menu ?? [], s = r.actions ?? [], b = se("xs"), h = b && _ != null, M = (a) => {
+    var m;
+    (m = a.onClick) == null || m.call(a), a.to && pe({ to: a.to, params: a.params, search: a.search });
+  }, f = y.filter((a) => !a.to && !a.onClick).map((a) => a.label).join(", ");
+  Y(() => {
+    f && Ee() && console.warn(
+      `[RootLayout] header.menu items without \`to\` or \`onClick\`: ${f}`
+    );
+  }, [f]);
+  const D = se("md"), [R, N] = J(D);
+  Y(() => {
+    N(D);
+  }, [D]), fe(D && !R);
+  const me = ee({ select: (a) => a.location.pathname });
+  Y(() => {
+    D && N(!0);
+  }, [me]);
+  const he = ee({
+    select: (a) => a.statusCode === 404 || a.matches.some((m) => m.status === "notFound")
+  }), [ue, K] = J(!1), pe = ge();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: te(
+        n.shell,
+        U === "docked" && n.shellDocked,
+        R && n.shellCollapsed
+      ),
+      children: [
+        /* @__PURE__ */ e("aside", { className: n.sidebar, children: /* @__PURE__ */ o("div", { className: n.sidebarInner, children: [
+          c ? /* @__PURE__ */ o("div", { className: n.brand, children: [
+            I ? /* @__PURE__ */ e(ae, { to: I, className: n.brandLink, "aria-label": p("sidebar.home"), children: c }) : c,
+            /* @__PURE__ */ e(
+              L,
+              {
+                variant: "filled",
+                size: "sm",
+                className: n.sidebarClose,
+                "aria-label": p("common.close"),
+                onClick: () => N(!0),
+                children: /* @__PURE__ */ e(u, { name: "Close" })
+              }
+            )
+          ] }) : null,
+          B ? /* @__PURE__ */ e("div", { className: n.sidebarSearch, children: /* @__PURE__ */ e(ie, {}) }) : null,
+          /* @__PURE__ */ e("div", { className: n.navScroll, children: /* @__PURE__ */ e(ze, {}) }),
+          d ? /* @__PURE__ */ e("div", { className: n.sidebarFooter, children: d }) : null
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: n.backdrop, onClick: () => N(!0), "aria-hidden": "true" }),
+        /* @__PURE__ */ o("div", { className: n.main, children: [
+          /* @__PURE__ */ o("header", { className: te(n.topbar, H && n.topbarSticky), children: [
+            /* @__PURE__ */ o("div", { className: n.headerStart, children: [
+              /* @__PURE__ */ e(
+                L,
+                {
+                  "aria-label": R ? "Show sidebar" : "Hide sidebar",
+                  "aria-expanded": !R,
+                  variant: "filled",
+                  size: "sm",
+                  onClick: () => N((a) => !a),
+                  children: /* @__PURE__ */ e(u, { name: "Menu" })
+                }
+              ),
+              B ? /* @__PURE__ */ e("div", { className: n.headerSearch, children: /* @__PURE__ */ e(ie, {}) }) : null
+            ] }),
+            /* @__PURE__ */ o("div", { className: n.headerEnd, children: [
+              C ? /* @__PURE__ */ e(
+                re,
+                {
+                  size: "sm",
+                  color: C.color,
+                  startIcon: C.icon ? /* @__PURE__ */ e(u, { name: C.icon }) : void 0,
+                  className: n.environment,
+                  children: C.label
+                }
+              ) : null,
+              r.extra != null && !b ? /* @__PURE__ */ e("div", { className: n.headerExtra, children: r.extra }) : null,
+              h ? null : s.map((a, m) => /* @__PURE__ */ e(
+                ve,
+                {
+                  content: a.dot ? void 0 : a.badge,
+                  dot: a.dot,
+                  color: a.badgeColor ?? "error",
+                  children: /* @__PURE__ */ e(Se, { content: a.label, placement: "bottom", children: /* @__PURE__ */ e(
+                    L,
+                    {
+                      variant: "filled",
+                      size: "sm",
+                      color: a.color,
+                      "aria-label": a.label,
+                      disabled: a.disabled,
+                      onClick: () => M(a),
+                      children: /* @__PURE__ */ e(u, { name: a.icon })
+                    }
+                  ) })
+                },
+                `${a.label}-${m}`
+              )),
+              t ? /* @__PURE__ */ e(Ce, { variant: "filled", size: "sm" }) : null,
+              A ? /* @__PURE__ */ e(ye, { variant: "filled", size: "sm" }) : null,
+              X && F.length > 1 ? /* @__PURE__ */ e(
+                oe,
+                {
+                  placement: "bottom-end",
+                  trigger: /* @__PURE__ */ e(L, { variant: "filled", size: "sm", "aria-label": p("language.label"), children: /* @__PURE__ */ e(u, { name: "Global" }) }),
+                  children: F.map((a) => /* @__PURE__ */ e(
+                    j,
+                    {
+                      clickable: !0,
+                      selected: a.code === Q,
+                      onClick: () => V(a.code),
+                      icon: /* @__PURE__ */ e(De, { code: a.code }),
+                      children: a.label ?? a.code
+                    },
+                    a.code
+                  ))
+                }
+              ) : null,
+              x ? /* @__PURE__ */ e(
+                L,
+                {
+                  "aria-label": p("settings.label"),
+                  variant: "text",
+                  size: "sm",
+                  className: n.settings,
+                  onClick: () => K(!0),
+                  children: /* @__PURE__ */ e(u, { name: "Setting5" })
+                }
+              ) : null,
+              _ ? /* @__PURE__ */ o(
+                oe,
+                {
+                  placement: "bottom-end",
+                  style: { minWidth: 230 },
+                  trigger: /* @__PURE__ */ e("button", { type: "button", className: n.account, "aria-label": p("account.label"), children: /* @__PURE__ */ e(ne, { size: "md", name: l == null ? void 0 : l.name, src: l == null ? void 0 : l.avatar, color: "primary" }) }),
+                  children: [
+                    l ? /* @__PURE__ */ o(W, { children: [
+                      /* @__PURE__ */ o(_e, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-xs)", children: [
+                        /* @__PURE__ */ e(ne, { size: "md", name: l.name, src: l.avatar, color: "primary" }),
+                        /* @__PURE__ */ o(le, { gap: 2, children: [
+                          /* @__PURE__ */ e(i, { variant: "body", children: l.name ?? p("userCard.welcome") }),
+                          l.email ? /* @__PURE__ */ e(i, { variant: "bodySmall", color: "muted", children: l.email }) : null
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e(v, {})
+                    ] }) : null,
+                    h ? s.map((a, m) => /* @__PURE__ */ e(
+                      j,
+                      {
+                        icon: /* @__PURE__ */ e(u, { name: a.icon, color: a.color }),
+                        clickable: !0,
+                        disabled: a.disabled,
+                        onClick: () => M(a),
+                        trailing: a.dot ? /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: n.menuDot,
+                            style: { background: `var(--tz-color-${a.badgeColor ?? "error"})` },
+                            "aria-hidden": "true"
+                          }
+                        ) : a.badge != null && a.badge !== 0 && a.badge !== "" ? /* @__PURE__ */ e(re, { size: "sm", color: a.badgeColor ?? "error", children: typeof a.badge == "number" && a.badge > 99 ? "99+" : a.badge }) : void 0,
+                        children: a.label
+                      },
+                      `action-${a.label}-${m}`
+                    )) : null,
+                    h && s.length > 0 ? /* @__PURE__ */ e(v, {}) : null,
+                    y.map((a, m) => {
+                      const Z = {
+                        icon: a.icon ? /* @__PURE__ */ e(u, { name: a.icon, color: a.color }) : void 0,
+                        color: a.color,
+                        clickable: !0,
+                        disabled: a.disabled,
+                        onClick: a.onClick,
+                        children: a.label
+                      };
+                      return a.to && !a.disabled ? /* @__PURE__ */ e(
+                        da,
+                        {
+                          ...Z,
+                          as: ae,
+                          to: a.to,
+                          params: a.params,
+                          search: a.search
+                        },
+                        m
+                      ) : /* @__PURE__ */ e(j, { ...Z }, m);
+                    }),
+                    y.length > 0 ? /* @__PURE__ */ e(v, {}) : null,
+                    /* @__PURE__ */ e(j, { icon: /* @__PURE__ */ e(u, { name: "Logout2", color: "error" }), clickable: !0, onClick: _, children: p("userCard.signOut") })
+                  ]
+                }
+              ) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ o("main", { className: n.content, children: [
+            E && !he ? /* @__PURE__ */ e(ke, {}) : null,
+            $
+          ] })
+        ] }),
+        k !== !1 && /* @__PURE__ */ e(Te, { ...z }),
+        x ? /* @__PURE__ */ e(
+          Re,
+          {
+            open: ue,
+            onClose: () => K(!1),
+            showTheme: A,
+            showSidebar: w === void 0
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  Ha as R
+};
+//# sourceMappingURL=RootLayout-DIOquzrU.js.map