@tailor-platform/app-shell 0.22.0 → 0.24.0

package/dist/app-shell.js

@@ -1,25 +1,25 @@
-import { jsx as a, jsxs as l, Fragment as E } from "react/jsx-runtime";
+import { jsx as a, jsxs as d, Fragment as B } from "react/jsx-runtime";
+import { capitalCase as A } from "change-case";
+import { useRouteError as Yt, isRouteErrorResponse as Xt, redirect as kt, Outlet as G, NavLink as Zt, Navigate as Jt, useRouteLoaderData as te, createMemoryRouter as ee, createBrowserRouter as ae, RouterProvider as se, useHref as re, Link as ne, useLocation as Rt, Await as Et, useMatch as oe, useNavigate as ie } from "react-router";
+import { Link as xs, useLocation as vs, useNavigate as ys, useParams as Ns, useRouteError as Cs, useSearchParams as Ss } from "react-router";
+import { Slot as z } from "@radix-ui/react-slot";
+import { cva as Y } from "class-variance-authority";
+import { clsx as le } from "clsx";
+import { twMerge as de } from "tailwind-merge";
+import { AlertCircle as dt, Table as ce, XIcon as Bt, PanelLeftIcon as we, ChevronRight as Q, SunIcon as ue, SearchIcon as me, ExternalLink as he, Check as fe, Copy as ge } from "lucide-react";
 import * as p from "react";
-import { createContext as K, useContext as U, useState as k, useMemo as _, useEffect as C, Suspense as ht, useRef as _t, useCallback as at } from "react";
-import { useRouteError as zt, isRouteErrorResponse as Ft, Outlet as H, NavLink as Ot, redirect as ft, Navigate as $t, useRouteLoaderData as Wt, createMemoryRouter as jt, createBrowserRouter as Kt, RouterProvider as Ut, useHref as Ht, Link as Vt, useLocation as gt, useMatch as Qt, Await as pt, useNavigate as qt } from "react-router";
-import { Link as ns, useLocation as os, useNavigate as is, useParams as ls, useRouteError as ds, useSearchParams as cs } from "react-router";
-import { Slot as P } from "@radix-ui/react-slot";
-import { cva as V } from "class-variance-authority";
-import { clsx as Gt } from "clsx";
-import { twMerge as Yt } from "tailwind-merge";
-import { AlertCircle as st, Table as Xt, XIcon as bt, PanelLeftIcon as Zt, ChevronRight as $, SunIcon as Jt, SearchIcon as te, ExternalLink as ee, Check as ae, Copy as se } from "lucide-react";
-import { capitalCase as L } from "change-case";
-import { Toaster as re } from "sonner";
-import * as Q from "@radix-ui/react-collapsible";
+import { createContext as W, useContext as D, useState as R, useMemo as k, useEffect as y, Suspense as Dt, useRef as pe, useCallback as ct } from "react";
+import { Toaster as be } from "sonner";
+import * as X from "@radix-ui/react-collapsible";
 import "@radix-ui/react-separator";
-import * as v from "@radix-ui/react-dialog";
-import * as R from "@radix-ui/react-tooltip";
-import { print as ne } from "graphql";
-import { createAuthClient as oe } from "@tailor-platform/auth-browser-client";
-function u(...t) {
-  return Yt(Gt(t));
-}
-const ie = V(
+import * as b from "@radix-ui/react-dialog";
+import * as E from "@radix-ui/react-tooltip";
+import { print as xe } from "graphql";
+import { createAuthClient as ve } from "@tailor-platform/auth-browser-client";
+function m(...t) {
+  return de(le(t));
+}
+const ye = Y(
   "astw:inline-flex astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive",
   {
     variants: {
@@ -44,7 +44,7 @@ const ie = V(
     }
   }
 );
-function D({
+function _({
   className: t,
   variant: e,
   size: s,
@@ -52,30 +52,57 @@ function D({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? P : "button",
+    r ? z : "button",
     {
       "data-slot": "button",
-      className: u(ie({ variant: e, size: s, className: t })),
+      className: m(ye({ variant: e, size: s, className: t })),
       ...n
     }
   );
 }
-const I = "en", le = () => {
+const $ = "en", Ne = () => {
   try {
     if (typeof navigator > "u")
-      return I;
+      return $;
     const t = navigator.languages?.[0] ?? navigator.language;
-    return t ? new Intl.Locale(t).language : I;
+    return t ? new Intl.Locale(t).language : $;
   } catch {
-    return I;
+    return $;
   }
-}, q = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, vt = (t) => {
-  const e = q(t);
-  return (s, r) => e(s, typeof s == "string" ? s : L(r));
-}, de = () => {
-  const { configurations: t } = T(), e = q(t.locale);
+}, Z = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Pt = (t) => {
+  const e = Z(t);
+  return (s, r) => e(s, typeof s == "string" ? s : A(r));
+}, Ce = (t) => ({
+  modules: t.modules,
+  settingsResources: t.settingsResources ?? [],
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(j, {}),
+  basePath: t.basePath,
+  locale: t.locale ?? Ne()
+}), J = W({
+  configurations: {
+    modules: [],
+    settingsResources: [],
+    locale: $,
+    // Using null! to avoid circular dependency issues.
+    // DefaultErrorBoundary imports useT from i18n-labels, which imports
+    // defineI18nLabels from hooks/i18n, which imports useAppShellConfig
+    // from this file - creating a circular reference.
+    // This default value is never used in practice because AppShell
+    // always provides the context via AppShellConfigContext.Provider.
+    errorBoundary: null
+  }
+}), tt = W({
+  contextData: {}
+}), P = () => D(J), ns = () => D(tt), Se = () => {
+  const t = D(J), e = D(tt);
+  return {
+    ...t,
+    ...e
+  };
+}, Te = () => {
+  const { configurations: t } = P(), e = Z(t.locale);
   return (s, r) => e(s, r);
-}, ce = (t) => {
+}, ke = (t) => {
   const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
   return {
     /**
@@ -98,11 +125,14 @@ const I = "en", le = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = T(), r = e(s.locale);
-      return ((n, ...o) => {
-        const i = r(n);
-        return typeof i == "function" ? i(o[0]) : i;
+      const { configurations: s } = P(), r = e(s.locale), n = ((o, ...i) => {
+        const l = r(o);
+        return typeof l == "function" ? l(i[0]) : l;
       });
+      return n.dynamic = (o, i) => {
+        const l = t[s.locale]?.[o] ?? t.en[o];
+        return l === void 0 || typeof l == "function" ? i : l;
+      }, n;
     },
     /**
      * A function to get the translater for a specific label key.
@@ -131,7 +161,7 @@ const I = "en", le = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, we = ce({
+}, Re = ke({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -170,19 +200,19 @@ const I = "en", le = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), B = we.useT, M = () => {
-  const t = zt(), e = B(), s = {
+}), L = Re.useT, j = () => {
+  const t = Yt(), e = L(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (Ft(t) && t.status === 404)
-    return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(st, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
-      /* @__PURE__ */ l("div", { children: [
+  if (Xt(t) && t.status === 404)
+    return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
+      /* @__PURE__ */ a(dt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ d("div", { children: [
         /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("error404Title") }),
         /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: e("error404Body") }),
         /* @__PURE__ */ a(
-          D,
+          _,
           {
             variant: "outline",
             size: "sm",
@@ -194,13 +224,13 @@ const I = "en", le = () => {
       ] })
     ] }) });
   const r = t instanceof Error ? t.message : e("errorUnexpected");
-  return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-    /* @__PURE__ */ a(st, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
-    /* @__PURE__ */ l("div", { children: [
+  return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
+    /* @__PURE__ */ a(dt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ d("div", { children: [
       /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("errorTitle") }),
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: r }),
       /* @__PURE__ */ a(
-        D,
+        _,
         {
           variant: "outline",
           size: "sm",
@@ -211,168 +241,163 @@ const I = "en", le = () => {
       )
     ] })
   ] }) });
-}, ue = (t) => ({
-  modules: t.modules,
-  settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(M, {}),
-  basePath: t.basePath,
-  locale: t.locale ?? le()
-}), xt = K({
-  configurations: {
-    modules: [],
-    settingsResources: [],
-    errorBoundary: /* @__PURE__ */ a(M, {}),
-    locale: I
-  }
-}), T = () => U(xt), me = () => {
-  const t = B();
-  return /* @__PURE__ */ l(E, { children: [
-    /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
-    /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
-  ] });
-}, rt = () => /* @__PURE__ */ l(E, { children: [
-  /* @__PURE__ */ a(H, {}),
-  /* @__PURE__ */ a(re, {})
-] }), he = () => {
-  const { configurations: t } = T(), e = B(), s = de();
-  return /* @__PURE__ */ l("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
-    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ l("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
-      /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
-      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Ot, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ l(
-        D,
-        {
-          variant: n ? "secondary" : "ghost",
-          className: "astw:w-full astw:justify-start",
-          children: [
-            r.meta.icon,
-            s(r.meta.title, r.path)
-          ]
-        }
-      ) }) }, r.path)) })
-    ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(H, {}) })
-  ] });
-}, yt = () => new Response("Not Found", { status: 404 }), G = async (t, e) => {
-  if (!t) return { state: "visible" };
-  const s = new URL(e.request.url);
-  return await t({
+};
+let Lt = {};
+const Ee = (t) => {
+  Lt = t;
+}, os = () => ({ type: "pass" }), is = () => ({ type: "hidden" }), ls = (t) => ({
+  type: "redirect",
+  to: t
+}), Mt = () => new Response("Not Found", { status: 404 }), et = async (t, e) => {
+  if (!t || t.length === 0) return { type: "pass" };
+  const s = new URL(e.request.url), r = {
     params: e.params,
     searchParams: s.searchParams,
-    signal: e.request.signal
-  }) ?? { state: "visible" };
-}, Nt = (t, e) => async (s) => {
-  switch ((await G(t, s)).state) {
+    signal: e.request.signal,
+    context: Lt
+  };
+  for (const n of t) {
+    const o = await n(r);
+    if (o.type !== "pass")
+      return o;
+  }
+  return { type: "pass" };
+}, It = (t, e) => async (s) => {
+  const r = await et(t, s);
+  switch (r.type) {
     case "hidden":
-      throw yt();
-    case "visible":
+      throw Mt();
+    case "redirect":
+      return kt(r.to);
+    case "pass":
       return e ? e(s) : null;
   }
-};
-function qa(t) {
-  return {
-    redirectTo: t
-  };
-}
-function W(t) {
-  return typeof t == "object" && t !== null && "redirectTo" in t;
-}
-const Ct = (t, e) => () => {
-  const { configurations: s } = T(), { metaTitle: r, fallbackTitle: n } = t, i = q(s.locale)(r, n);
+}, At = (t, e) => () => {
+  const { configurations: s } = P(), { metaTitle: r, fallbackTitle: n } = t, i = Z(s.locale)(r, n);
   return e(i);
 };
-function Ga(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, accessControl: i } = t, d = s?.title ?? L(e), w = L(e), c = W(r) ? {
-    // Use loader for redirects
-    component: () => null,
-    baseLoader: () => ft(r.redirectTo)
-  } : {
-    // Regular component with locale-aware title
-    component: Ct(
-      { metaTitle: d, fallbackTitle: w },
-      (g) => r({ title: g, resources: n })
-    ),
-    baseLoader: void 0
-  }, m = i || c.baseLoader ? Nt(i, c.baseLoader) : void 0;
+function ds(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? A(e), u = A(e), w = i && i.length > 0 ? It(i) : void 0, c = r ? At(
+    { metaTitle: l, fallbackTitle: u },
+    (h) => r({ title: h, resources: n })
+  ) : void 0;
   return {
     path: e,
     type: "component",
     _type: "module",
-    component: c.component,
-    loader: m,
+    component: c,
+    loader: w,
     meta: {
-      title: d,
+      title: l,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: !W(r),
+      menuItemClickable: r !== void 0,
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(M, {}),
-    accessControl: i
+    errorBoundary: o || /* @__PURE__ */ a(j, {}),
+    guards: i
   };
 }
-function Ya(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, accessControl: i } = t, d = n?.title ?? L(e), w = L(e), c = i ? Nt(i) : void 0;
+function cs(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? A(e), u = A(e), w = i && i.length > 0 ? It(i) : void 0;
   return {
     _type: "resource",
     type: "component",
     path: e,
     meta: {
-      title: d,
+      title: l,
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: Ct(
-      { metaTitle: d, fallbackTitle: w },
-      (m) => s({ title: m, resources: r })
+    component: At(
+      { metaTitle: l, fallbackTitle: u },
+      (c) => s({ title: c, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(M, {}),
-    accessControl: i,
-    loader: c
+    errorBoundary: o ?? /* @__PURE__ */ a(j, {}),
+    guards: i,
+    loader: w
   };
 }
-const Y = (t) => () => /* @__PURE__ */ a(E, { children: t }), St = (t, e, s) => {
-  const r = t.errorBoundary || s, n = {
+const Be = () => {
+  const t = L();
+  return /* @__PURE__ */ d(B, { children: [
+    /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
+    /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
+  ] });
+}, wt = () => /* @__PURE__ */ d(B, { children: [
+  /* @__PURE__ */ a(G, {}),
+  /* @__PURE__ */ a(be, {})
+] }), De = () => {
+  const { configurations: t } = Se(), e = L(), s = Te();
+  return /* @__PURE__ */ d("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
+    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ d("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
+      /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Zt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ d(
+        _,
+        {
+          variant: n ? "secondary" : "ghost",
+          className: "astw:w-full astw:justify-start",
+          children: [
+            r.meta.icon,
+            s(r.meta.title, r.path)
+          ]
+        }
+      ) }) }, r.path)) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(G, {}) })
+  ] });
+}, at = (t) => () => /* @__PURE__ */ a(B, { children: t }), _t = (t, e, s) => {
+  const r = t.errorBoundary || s, n = t.component ? {
     index: !0,
-    Component: t.component,
-    ...t.loader && { loader: t.loader }
-  };
+    Component: t.component
+  } : void 0;
   return {
     path: t.path,
+    ...t.loader && { loader: t.loader },
     ...t.errorBoundary && {
-      ErrorBoundary: Y(t.errorBoundary)
+      ErrorBoundary: at(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
-        n,
+        ...n ? [n] : [],
         ...e.map(
-          (o) => St(o, o.subResources, r)
+          (o) => _t(o, o.subResources, r)
         )
       ]
-    } : {
+    } : n ? {
       children: [n]
-    }
+    } : {}
   };
-}, fe = (t) => t.map(
-  (e) => St(e, e.resources, e.errorBoundary)
-), ge = ({
+}, Pe = (t) => {
+  const e = _t(t, t.resources, t.errorBoundary);
+  if (!t.component && t.resources.length > 0) {
+    const s = t.resources[0].path, r = {
+      index: !0,
+      loader: () => kt(s)
+    }, n = {
+      path: e.path,
+      children: [r, ...e.children ?? []],
+      ...e.loader && { loader: e.loader }
+    };
+    return e.ErrorBoundary && (n.ErrorBoundary = e.ErrorBoundary), n;
+  }
+  return e;
+}, Le = (t) => t.map((e) => Pe(e)), Me = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = W(s) ? {
+  const r = {
     index: !0,
-    loader: () => ft(s.redirectTo)
-  } : {
-    index: !0,
-    Component: s ?? me
+    Component: s ?? Be
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        $t,
+        Jt,
         {
           to: e[0].path,
           relative: "path",
@@ -382,12 +407,12 @@ const Y = (t) => () => /* @__PURE__ */ a(E, { children: t }), St = (t, e, s) =>
     },
     {
       path: "settings",
-      Component: he,
+      Component: De,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: Y(o.errorBoundary)
+          ErrorBoundary: at(o.errorBoundary)
         }
       }))
     }
@@ -395,29 +420,29 @@ const Y = (t) => () => /* @__PURE__ */ a(E, { children: t }), St = (t, e, s) =>
   return [
     r,
     {
-      children: fe(t)
+      children: Le(t)
     },
     ...n,
     {
       path: "*",
       loader: () => {
-        throw yt();
+        throw Mt();
       },
       // Component is required to suppress React Router's warning about empty leaf routes,
       // even though the loader always throws and this component will never render.
       Component: () => null,
-      ErrorBoundary: M
+      ErrorBoundary: j
     }
   ];
-}, Tt = "appshell-root-nav", pe = (t) => ({
-  loaderID: Tt,
-  loader: async (e) => ({ navItems: be(t, e) })
-}), kt = () => Wt(Tt)?.navItems, be = async (t, e) => {
-  const s = vt(t.locale);
+}, zt = "appshell-root-nav", Ie = (t) => ({
+  loaderID: zt,
+  loader: async (e) => ({ navItems: Ae(t, e) })
+}), Ft = () => te(zt)?.navItems, Ae = async (t, e) => {
+  const s = Pt(t.locale);
   return (await Promise.all(
     t.modules.map(async (n) => {
-      if (n.path.startsWith(":") || (await G(n.accessControl, e)).state !== "visible") return null;
-      const i = await Rt(
+      if (n.path.startsWith(":") || (await et(n.guards, e)).type !== "pass") return null;
+      const i = await Ot(
         n.resources,
         n.path,
         e,
@@ -428,41 +453,41 @@ const Y = (t) => () => /* @__PURE__ */ a(E, { children: t }), St = (t, e, s) =>
   )).filter((n) => n !== null).map(({ module: n, resources: o }) => ({
     title: s(n.meta.title, n.path),
     url: n.meta.menuItemClickable ? n.path : void 0,
-    icon: n.meta.icon || /* @__PURE__ */ a(Xt, {}),
+    icon: n.meta.icon || /* @__PURE__ */ a(ce, {}),
     items: o
   }));
-}, Rt = async (t, e, s, r) => (await Promise.all(
+}, Ot = async (t, e, s, r) => (await Promise.all(
   t.map(async (o) => {
-    if (o.path.startsWith(":") || (await G(o.accessControl, s)).state !== "visible") return null;
-    const d = `${e}/${o.path}`, w = r(o.meta.title, o.path), c = o.subResources ? await Rt(
+    if (o.path.startsWith(":") || (await et(o.guards, s)).type !== "pass") return null;
+    const l = `${e}/${o.path}`, u = r(o.meta.title, o.path), w = o.subResources ? await Ot(
       o.subResources,
-      d,
+      l,
       s,
       r
     ) : void 0;
     return {
-      title: w,
-      url: d,
-      items: c && c.length > 0 ? c : void 0
+      title: u,
+      url: l,
+      items: w && w.length > 0 ? w : void 0
     };
   })
-)).filter((o) => o !== null), ve = (t) => {
-  const { configurations: e } = T(), { rootComponent: s, children: r } = t, n = ge({
+)).filter((o) => o !== null), _e = (t) => {
+  const { configurations: e } = P(), { rootComponent: s, children: r } = t, n = Me({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, { loaderID: i, loader: d } = pe({
+  }), o = e.errorBoundary, { loaderID: i, loader: l } = Ie({
     modules: e.modules,
     locale: e.locale
-  }), w = [
+  }), u = [
     {
       id: i,
-      loader: d,
+      loader: l,
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(H, {}),
-          ErrorBoundary: Y(o),
+          element: /* @__PURE__ */ a(G, {}),
+          ErrorBoundary: at(o),
           children: n
         }
       ] : n,
@@ -472,107 +497,140 @@ const Y = (t) => () => /* @__PURE__ */ a(E, { children: t }), St = (t, e, s) =>
        */
       HydrateFallback: () => null
     }
-  ], c = e.basePath ? "/" + e.basePath : void 0, m = t.memory ? jt(w, {
-    basename: c,
+  ], w = e.basePath ? "/" + e.basePath : void 0, c = t.memory ? ee(u, {
+    basename: w,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : Kt(w, {
-    basename: c
+  }) : ae(u, {
+    basename: w
   });
-  return /* @__PURE__ */ a(Ut, { router: m });
-}, xe = {
+  return /* @__PURE__ */ a(se, { router: c });
+}, ze = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, Bt = K(xe);
-function ye({
+}, $t = W(ze);
+function Fe({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = k(
+  const [n, o] = R(
     () => localStorage.getItem(e) || s
-  ), i = _(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  C(() => {
-    const w = window.document.documentElement;
-    w.classList.remove("light", "dark"), w.classList.add(i);
+  ), i = k(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  y(() => {
+    const u = window.document.documentElement;
+    u.classList.remove("light", "dark"), u.classList.add(i);
   }, [i]);
-  const d = {
+  const l = {
     resolvedTheme: i,
     theme: n,
-    setTheme: (w) => {
-      localStorage.setItem(e, w), o(w);
+    setTheme: (u) => {
+      localStorage.setItem(e, u), o(u);
     }
   };
-  return /* @__PURE__ */ a(Bt.Provider, { ...r, value: d, children: t });
+  return /* @__PURE__ */ a($t.Provider, { ...r, value: l, children: t });
 }
-const Ne = () => {
-  const t = U(Bt);
+const Oe = () => {
+  const t = D($t);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, Xa = (t) => {
-  const [e, s] = k(!1);
-  return C(function() {
+}, ws = (t) => {
+  const [e, s] = R(!1);
+  y(function() {
     s(!0);
-  }, []), e ? /* @__PURE__ */ a(
-    xt.Provider,
-    {
-      value: {
-        title: t.title,
-        icon: t.icon,
-        configurations: ue(t)
-      },
-      children: /* @__PURE__ */ a(ye, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(ve, { rootComponent: t.rootComponent, children: t.children }) })
-    }
-  ) : null;
+  }, []);
+  const r = t.contextData ?? {};
+  Ee(r);
+  const n = k(
+    () => Ce({
+      modules: t.modules,
+      settingsResources: t.settingsResources,
+      basePath: t.basePath,
+      errorBoundary: t.errorBoundary,
+      locale: t.locale
+    }),
+    [
+      t.modules,
+      t.settingsResources,
+      t.basePath,
+      t.errorBoundary,
+      t.locale
+    ]
+  ), o = k(
+    () => ({ title: t.title, icon: t.icon, configurations: n }),
+    [t.title, t.icon, n]
+  ), i = k(
+    () => ({ contextData: t.contextData ?? {} }),
+    [t.contextData]
+  );
+  return e ? /* @__PURE__ */ a(J.Provider, { value: o, children: /* @__PURE__ */ a(tt.Provider, { value: i, children: /* @__PURE__ */ a(Fe, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(_e, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
 };
-function Ce({
+function $e({
   ...t
 }) {
-  return /* @__PURE__ */ a(Q.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(X.Root, { "data-slot": "collapsible", ...t });
 }
-function nt({
+function ut({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    Q.CollapsibleTrigger,
+    X.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function Se({
+function We({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    Q.CollapsibleContent,
+    X.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
     }
   );
 }
-const O = 768;
-function Te() {
+const V = 768;
+function je() {
   const [t, e] = p.useState(
     void 0
   );
   return p.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${O - 1}px)`), r = () => {
-      e(window.innerWidth < O);
+    const s = window.matchMedia(`(max-width: ${V - 1}px)`), r = () => {
+      e(window.innerWidth < V);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < O), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < V), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function ke({ className: t, type: e, ...s }) {
+const H = 768, U = 1199;
+function Ke() {
+  const [t, e] = p.useState(
+    void 0
+  );
+  return p.useEffect(() => {
+    const s = window.matchMedia(
+      `(min-width: ${H}px) and (max-width: ${U}px)`
+    ), r = () => {
+      e(
+        window.innerWidth >= H && window.innerWidth <= U
+      );
+    };
+    return s.addEventListener("change", r), e(
+      window.innerWidth >= H && window.innerWidth <= U
+    ), () => s.removeEventListener("change", r);
+  }, []), !!t;
+}
+function Ve({ className: t, type: e, ...s }) {
   return /* @__PURE__ */ a(
     "input",
     {
       type: e,
       "data-slot": "input",
-      className: u(
+      className: m(
         "astw:file:text-foreground astw:placeholder:text-muted-foreground astw:selection:bg-primary astw:selection:text-primary-foreground astw:dark:bg-input/30 astw:border-input astw:flex astw:h-9 astw:w-full astw:min-w-0 astw:rounded-md astw:border astw:bg-transparent astw:px-3 astw:py-1 astw:text-base astw:shadow-xs astw:transition-[color,box-shadow] astw:outline-none astw:file:inline-flex astw:file:h-7 astw:file:border-0 astw:file:bg-transparent astw:file:text-sm astw:file:font-medium astw:disabled:pointer-events-none astw:disabled:cursor-not-allowed astw:disabled:opacity-50 astw:md:text-sm",
         "astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px]",
         "astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive",
@@ -582,23 +640,23 @@ function ke({ className: t, type: e, ...s }) {
     }
   );
 }
-function Re({ ...t }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
+function mt({ ...t }) {
+  return /* @__PURE__ */ a(b.Root, { "data-slot": "sheet", ...t });
 }
-function Be({
+function He({
   ...t
 }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(b.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function Ee({
+function Ue({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Overlay,
+    b.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: u(
+      className: m(
         "astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
         t
       ),
@@ -606,19 +664,19 @@ function Ee({
     }
   );
 }
-function Le({
+function ht({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ l(Be, { children: [
-    /* @__PURE__ */ a(Ee, {}),
-    /* @__PURE__ */ l(
-      v.Content,
+  return /* @__PURE__ */ d(He, { children: [
+    /* @__PURE__ */ a(Ue, {}),
+    /* @__PURE__ */ d(
+      b.Content,
       {
         "data-slot": "sheet-content",
-        className: u(
+        className: m(
           "astw:bg-background astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:fixed astw:z-50 astw:flex astw:flex-col astw:gap-4 astw:shadow-lg astw:transition astw:ease-in-out astw:data-[state=closed]:duration-300 astw:data-[state=open]:duration-500",
           s === "right" && "astw:data-[state=closed]:slide-out-to-right astw:data-[state=open]:slide-in-from-right astw:inset-y-0 astw:right-0 astw:h-full astw:w-3/4 astw:border-l astw:sm:max-w-sm",
           s === "left" && "astw:data-[state=closed]:slide-out-to-left astw:data-[state=open]:slide-in-from-left astw:inset-y-0 astw:left-0 astw:h-full astw:w-3/4 astw:border-r astw:sm:max-w-sm",
@@ -629,8 +687,8 @@ function Le({
         ...r,
         children: [
           e,
-          /* @__PURE__ */ l(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(bt, { className: "astw:size-4" }),
+          /* @__PURE__ */ d(b.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
+            /* @__PURE__ */ a(Bt, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -638,48 +696,48 @@ function Le({
     )
   ] });
 }
-function De({ className: t, ...e }) {
+function ft({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-header",
-      className: u("astw:flex astw:flex-col astw:gap-1.5 astw:p-4", t),
+      className: m("astw:flex astw:flex-col astw:gap-1.5 astw:p-4", t),
       ...e
     }
   );
 }
-function Pe({
+function gt({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    b.Title,
     {
       "data-slot": "sheet-title",
-      className: u("astw:text-foreground astw:font-semibold", t),
+      className: m("astw:text-foreground astw:font-semibold", t),
       ...e
     }
   );
 }
-function Me({
+function pt({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Description,
+    b.Description,
     {
       "data-slot": "sheet-description",
-      className: u("astw:text-muted-foreground astw:text-sm", t),
+      className: m("astw:text-muted-foreground astw:text-sm", t),
       ...e
     }
   );
 }
-function X({
+function st({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    R.Provider,
+    E.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -687,47 +745,47 @@ function X({
     }
   );
 }
-function Z({
+function rt({
   ...t
 }) {
-  return /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(R.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(st, { children: /* @__PURE__ */ a(E.Root, { "data-slot": "tooltip", ...t }) });
 }
-function J({
+function nt({
   ...t
 }) {
-  return /* @__PURE__ */ a(R.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(E.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function tt({
+function ot({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(R.Portal, { children: /* @__PURE__ */ l(
-    R.Content,
+  return /* @__PURE__ */ a(E.Portal, { children: /* @__PURE__ */ d(
+    E.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
-      className: u(
+      className: m(
         "astw:bg-primary astw:text-primary-foreground astw:animate-in astw:fade-in-0 astw:zoom-in-95 astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=closed]:zoom-out-95 astw:data-[side=bottom]:slide-in-from-top-2 astw:data-[side=left]:slide-in-from-right-2 astw:data-[side=right]:slide-in-from-left-2 astw:data-[side=top]:slide-in-from-bottom-2 astw:z-50 astw:w-fit astw:origin-(--radix-tooltip-content-transform-origin) astw:rounded-md astw:px-3 astw:py-1.5 astw:text-xs astw:text-balance",
         t
       ),
       ...r,
       children: [
         s,
-        /* @__PURE__ */ a(R.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
+        /* @__PURE__ */ a(E.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
       ]
     }
   ) });
 }
-const Ae = "sidebar_state", Ie = 3600 * 24 * 7, _e = "16rem", ze = "18rem", Fe = "3rem", Oe = "b", Et = p.createContext(null);
-function z() {
-  const t = p.useContext(Et);
+const Wt = "16rem", Qe = "18rem", qe = "3rem", Ge = "b", jt = p.createContext(null);
+function F() {
+  const t = p.useContext(jt);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function $e({
+function Ye({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -736,41 +794,44 @@ function $e({
   children: o,
   ...i
 }) {
-  const d = Te(), [w, c] = p.useState(!1), [m, g] = p.useState(t), f = e ?? m, h = p.useCallback(
-    (b) => {
-      const N = typeof b == "function" ? b(f) : b;
-      s ? s(N) : g(N), document.cookie = `${Ae}=${N}; path=/; max-age=${Ie}`;
+  const l = je(), u = Ke(), [w, c] = p.useState(!1), [h, f] = p.useState(!1), [g, M] = p.useState(t), C = e ?? g, I = p.useCallback(
+    (x) => {
+      const T = typeof x == "function" ? x(C) : x;
+      s ? s(T) : M(T);
     },
-    [s, f]
-  ), y = p.useCallback(() => d ? c((b) => !b) : h((b) => !b), [d, h, c]);
+    [s, C]
+  ), S = u && !l, O = p.useCallback(() => l ? c((x) => !x) : S ? f((x) => !x) : I((x) => !x), [l, S, I, c]);
   p.useEffect(() => {
-    const b = (N) => {
-      N.key === Oe && (N.metaKey || N.ctrlKey) && (N.preventDefault(), y());
+    const x = (T) => {
+      T.key === Ge && (T.metaKey || T.ctrlKey) && (T.preventDefault(), O());
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, [y]);
-  const A = f ? "expanded" : "collapsed", et = p.useMemo(
+    return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
+  }, [O]);
+  const lt = C ? "expanded" : "collapsed", Gt = p.useMemo(
     () => ({
-      state: A,
-      open: f,
-      setOpen: h,
-      isMobile: d,
+      state: lt,
+      open: C,
+      setOpen: I,
+      isMobile: l,
       openMobile: w,
       setOpenMobile: c,
-      toggleSidebar: y
+      toggleSidebar: O,
+      isIconMode: S,
+      openIconMode: h,
+      setOpenIconMode: f
     }),
-    [A, f, h, d, w, c, y]
+    [lt, C, I, l, w, c, O, S, h, f]
   );
-  return /* @__PURE__ */ a(Et.Provider, { value: et, children: /* @__PURE__ */ a(X, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(jt.Provider, { value: Gt, children: /* @__PURE__ */ a(st, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": _e,
-        "--sidebar-width-icon": Fe,
+        "--sidebar-width": Wt,
+        "--sidebar-width-icon": qe,
         ...n
       },
-      className: u(
+      className: m(
         "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full",
         r
       ),
@@ -779,7 +840,7 @@ function $e({
     }
   ) }) });
 }
-function We({
+function Xe({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -787,43 +848,108 @@ function We({
   children: n,
   ...o
 }) {
-  const { isMobile: i, state: d, openMobile: w, setOpenMobile: c } = z();
+  const { isMobile: i, state: l, openMobile: u, setOpenMobile: w, isIconMode: c, openIconMode: h, setOpenIconMode: f } = F();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar",
-      className: u(
+      className: m(
         "astw:bg-sidebar astw:text-sidebar-foreground astw:flex astw:h-full astw:w-(--sidebar-width) astw:flex-col",
         r
       ),
       ...o,
       children: n
     }
-  ) : i ? /* @__PURE__ */ a(Re, { open: w, onOpenChange: c, ...o, children: /* @__PURE__ */ l(
-    Le,
+  ) : i ? /* @__PURE__ */ a(mt, { open: u, onOpenChange: w, ...o, children: /* @__PURE__ */ d(
+    ht,
     {
       "data-sidebar": "sidebar",
       "data-slot": "sidebar",
       "data-mobile": "true",
       className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
       style: {
-        "--sidebar-width": ze
+        "--sidebar-width": Qe
       },
       side: t,
       children: [
-        /* @__PURE__ */ l(De, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(Pe, { children: "Sidebar" }),
-          /* @__PURE__ */ a(Me, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ d(ft, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(gt, { children: "Sidebar" }),
+          /* @__PURE__ */ a(pt, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
     }
-  ) }) : /* @__PURE__ */ l(
+  ) }) : c && s === "icon" ? /* @__PURE__ */ d(B, { children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
+        "data-state": "collapsed",
+        "data-collapsible": "icon",
+        "data-variant": e,
+        "data-side": t,
+        "data-slot": "sidebar",
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              "data-slot": "sidebar-gap",
+              className: m(
+                "astw:relative astw:bg-transparent astw:transition-[width] astw:duration-200 astw:ease-linear",
+                e === "floating" || e === "inset" ? "astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+              )
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              "data-slot": "sidebar-container",
+              className: m(
+                "astw:fixed astw:inset-y-0 astw:z-10 astw:hidden astw:h-svh astw:transition-[left,right,width] astw:duration-200 astw:ease-linear astw:md:flex",
+                t === "left" ? "astw:left-0" : "astw:right-0",
+                e === "floating" || e === "inset" ? "astw:p-2 astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon) astw:group-data-[side=left]:border-r astw:group-data-[side=right]:border-l",
+                e === "inset" && "astw:border-x astw:border-x-border"
+              ),
+              children: /* @__PURE__ */ a(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  "data-slot": "sidebar-inner",
+                  className: "astw:bg-sidebar astw:group-data-[variant=floating]:border-sidebar-border astw:flex astw:h-full astw:w-full astw:flex-col astw:overflow-hidden astw:group-data-[variant=floating]:rounded-lg astw:group-data-[variant=floating]:border astw:group-data-[variant=floating]:shadow-sm",
+                  children: n
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(mt, { open: h, onOpenChange: f, ...o, children: /* @__PURE__ */ d(
+      ht,
+      {
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar-overlay",
+        "data-icon-mode": "true",
+        className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
+        style: {
+          "--sidebar-width": Wt
+        },
+        side: t,
+        children: [
+          /* @__PURE__ */ d(ft, { className: "astw:sr-only", children: [
+            /* @__PURE__ */ a(gt, { children: "Sidebar" }),
+            /* @__PURE__ */ a(pt, { children: "Displays the sidebar overlay." })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
+        ]
+      }
+    ) })
+  ] }) : /* @__PURE__ */ d(
     "div",
     {
       className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
-      "data-state": d,
-      "data-collapsible": d === "collapsed" ? s : "",
+      "data-state": l,
+      "data-collapsible": l === "collapsed" ? s : "",
       "data-variant": e,
       "data-side": t,
       "data-slot": "sidebar",
@@ -832,7 +958,7 @@ function We({
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: u(
+            className: m(
               "astw:relative astw:w-(--sidebar-width) astw:bg-transparent astw:transition-[width] astw:duration-200 astw:ease-linear",
               "astw:group-data-[collapsible=offcanvas]:w-0",
               "astw:group-data-[side=right]:rotate-180",
@@ -844,7 +970,7 @@ function We({
           "div",
           {
             "data-slot": "sidebar-container",
-            className: u(
+            className: m(
               "astw:fixed astw:inset-y-0 astw:z-10 astw:hidden astw:h-svh astw:w-(--sidebar-width) astw:transition-[left,right,width] astw:duration-200 astw:ease-linear astw:md:flex",
               t === "left" ? "astw:left-0 astw:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "astw:right-0 astw:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
@@ -868,37 +994,37 @@ function We({
     }
   );
 }
-function Lt({
+function Kt({
   className: t,
   onClick: e,
   ...s
 }) {
-  const { toggleSidebar: r } = z();
-  return /* @__PURE__ */ l(
-    D,
+  const { toggleSidebar: r } = F();
+  return /* @__PURE__ */ d(
+    _,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      className: u("astw:text-muted-foreground", t),
+      className: m("astw:text-muted-foreground", t),
       onClick: (n) => {
         e?.(n), r();
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(Zt, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(we, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function je({ className: t, ...e }) {
+function Ze({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
       "data-slot": "sidebar-inset",
-      className: u(
+      className: m(
         "astw:bg-background astw:relative astw:flex astw:w-full astw:flex-1 astw:flex-col",
         "astw:px-4 astw:md:peer-data-[variant=inset]:px-8 astw:md:peer-data-[variant=inset]:py-2",
         //  astw:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:pl-2
@@ -908,66 +1034,63 @@ function je({ className: t, ...e }) {
     }
   );
 }
-function Ke({ className: t, ...e }) {
+function Je({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: u("astw:flex astw:flex-row astw:items-center astw:gap-0.5 astw:p-2", t),
+      className: m("astw:flex astw:flex-row astw:items-center astw:gap-0.5 astw:p-2", t),
       ...e
     }
   );
 }
-function Ue({ className: t, ...e }) {
+function ta({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: u(
-        "astw:flex astw:min-h-0 astw:flex-1 astw:flex-col astw:gap-2 astw:overflow-auto astw:group-data-[collapsible=icon]:overflow-hidden",
-        t
-      ),
+      className: m("astw:flex astw:min-h-0 astw:flex-1 astw:flex-col astw:gap-2 astw:overflow-auto astw:group-data-[collapsible=icon]:overflow-hidden", t),
       ...e
     }
   );
 }
-function Dt({ className: t, ...e }) {
+function Vt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: u("astw:relative astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:p-2", t),
+      className: m("astw:relative astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:p-2", t),
       ...e
     }
   );
 }
-function Pt({ className: t, ...e }) {
+function Ht({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: u("astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:gap-1", t),
+      className: m("astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:gap-1", t),
       ...e
     }
   );
 }
-function Mt({ className: t, ...e }) {
+function Ut({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: u("astw:group/menu-item astw:relative", t),
+      className: m("astw:group/menu-item astw:relative", t),
       ...e
     }
   );
 }
-const He = V(
-  "astw:peer/menu-button astw:flex astw:w-full astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:p-2 astw:text-left astw:text-sm astw:outline-hidden astw:ring-sidebar-ring astw:transition-[width,height,padding] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:focus-visible:ring-2 astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:group-has-data-[sidebar=menu-action]/menu-item:pr-8 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:font-medium astw:data-[active=true]:text-sidebar-accent-foreground astw:data-[state=open]:hover:bg-sidebar-accent astw:data-[state=open]:hover:text-sidebar-accent-foreground astw:group-data-[collapsible=icon]:size-8! astw:group-data-[collapsible=icon]:p-2! astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
+const ea = Y(
+  "astw:peer/menu-button astw:flex astw:w-full astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:p-2 astw:text-left astw:text-sm astw:outline-hidden astw:ring-sidebar-ring astw:transition-[width,height,padding] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:focus-visible:ring-2 astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:group-has-data-[sidebar=menu-action]/menu-item:pr-8 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:font-medium astw:data-[active=true]:text-sidebar-accent-foreground astw:data-[state=open]:hover:bg-sidebar-accent astw:data-[state=open]:hover:text-sidebar-accent-foreground astw:group-data-[collapsible=icon]:size-8! astw:group-data-[collapsible=icon]:p-2! astw:[&>span:last-child]:truncate astw:group-data-[collapsible=icon]:[&>span:last-child]:hidden astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -986,7 +1109,7 @@ const He = V(
     }
   }
 );
-function ot({
+function bt({
   asChild: t = !1,
   isActive: e = !1,
   variant: s = "default",
@@ -995,44 +1118,44 @@ function ot({
   className: o,
   ...i
 }) {
-  const d = t ? P : "button", { isMobile: w, state: c } = z(), m = /* @__PURE__ */ a(
-    d,
+  const l = t ? z : "button", { isMobile: u, state: w } = F(), c = /* @__PURE__ */ a(
+    l,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: u(He({ variant: s, size: r }), o),
+      className: m(ea({ variant: s, size: r }), o),
       ...i
     }
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ a(J, { asChild: !0, children: m }),
+  }), /* @__PURE__ */ d(rt, { children: [
+    /* @__PURE__ */ a(nt, { asChild: !0, children: c }),
     /* @__PURE__ */ a(
-      tt,
+      ot,
       {
         side: "right",
         align: "center",
-        hidden: c !== "collapsed" || w,
+        hidden: w !== "collapsed" || u,
         ...n
       }
     )
-  ] })) : m;
+  ] })) : c;
 }
-function it({
+function xt({
   className: t,
   asChild: e = !1,
   showOnHover: s = !1,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? P : "button",
+    e ? z : "button",
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
-      className: u(
+      className: m(
         "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:peer-hover/menu-button:text-sidebar-accent-foreground astw:absolute astw:top-1.5 astw:right-1 astw:flex astw:aspect-square astw:w-5 astw:items-center astw:justify-center astw:rounded-md astw:p-0 astw:outline-hidden astw:transition-transform astw:focus-visible:ring-2 astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "astw:after:absolute astw:after:-inset-2 astw:md:after:hidden",
@@ -1047,13 +1170,13 @@ function it({
     }
   );
 }
-function Ve({ className: t, ...e }) {
+function aa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: u(
+      className: m(
         "astw:border-sidebar-border astw:mx-3.5 astw:flex astw:min-w-0 astw:translate-x-px astw:flex-col astw:gap-1 astw:border-l astw:px-2.5 astw:py-0.5",
         "astw:group-data-[collapsible=icon]:hidden",
         t
@@ -1062,7 +1185,7 @@ function Ve({ className: t, ...e }) {
     }
   );
 }
-function Qe({
+function sa({
   className: t,
   ...e
 }) {
@@ -1071,12 +1194,12 @@ function Qe({
     {
       "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
-      className: u("astw:group/menu-sub-item astw:relative", t),
+      className: m("astw:group/menu-sub-item astw:relative", t),
       ...e
     }
   );
 }
-function qe({
+function ra({
   asChild: t = !1,
   size: e = "md",
   isActive: s = !1,
@@ -1084,14 +1207,14 @@ function qe({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    t ? P : "a",
+    t ? z : "a",
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
       "data-size": e,
       "data-active": s,
-      className: u(
-        "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:[&>svg]:text-sidebar-accent-foreground astw:flex astw:h-7 astw:min-w-0 astw:-translate-x-px astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:px-2 astw:outline-hidden astw:focus-visible:ring-2 astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
+      className: m(
+        "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:[&>svg]:text-sidebar-accent-foreground astw:flex astw:h-7 astw:min-w-0 astw:-translate-x-px astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:px-2 astw:outline-hidden astw:focus-visible:ring-2 astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:[&>span:last-child]:truncate astw:group-data-[collapsible=icon]:[&>span:last-child]:hidden astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
         "astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:text-sidebar-accent-foreground",
         e === "sm" && "astw:text-xs",
         e === "md" && "astw:text-sm",
@@ -1102,22 +1225,22 @@ function qe({
     }
   );
 }
-function j({ to: t, children: e, ...s }) {
+function q({ to: t, children: e, ...s }) {
   try {
-    return Ht(t), /* @__PURE__ */ a(Vt, { to: t, ...s, children: e });
+    return re(t), /* @__PURE__ */ a(ne, { to: t, ...s, children: e });
   } catch {
     return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
   }
 }
-function lt({ ...t }) {
+function vt({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function dt({ className: t, ...e }) {
+function yt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
       "data-slot": "breadcrumb-list",
-      className: u(
+      className: m(
         "astw:text-muted-foreground astw:flex astw:flex-wrap astw:items-center astw:gap-1.5 astw:text-sm astw:break-words astw:sm:gap-2.5",
         t
       ),
@@ -1125,33 +1248,33 @@ function dt({ className: t, ...e }) {
     }
   );
 }
-function ct({ className: t, ...e }) {
+function Nt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "breadcrumb-item",
-      className: u("astw:inline-flex astw:items-center astw:gap-1.5", t),
+      className: m("astw:inline-flex astw:items-center astw:gap-1.5", t),
       ...e
     }
   );
 }
-function wt({
+function Ct({
   asChild: t,
   className: e,
   children: s,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? P : j,
+    t ? z : q,
     {
       "data-slot": "breadcrumb-link",
-      className: u("astw:hover:text-foreground astw:transition-colors", e),
+      className: m("astw:hover:text-foreground astw:transition-colors", e),
       ...r,
       children: s
     }
   );
 }
-function Ge({
+function na({
   children: t,
   className: e,
   ...s
@@ -1162,21 +1285,21 @@ function Ge({
       "data-slot": "breadcrumb-separator",
       role: "presentation",
       "aria-hidden": "true",
-      className: u("astw:[&>svg]:size-3.5", e),
+      className: m("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a($, {})
+      children: t ?? /* @__PURE__ */ a(Q, {})
     }
   );
 }
-function Ye(t, e) {
+function oa(t, e) {
   if (!e.trim()) return t;
   const s = e.toLowerCase();
   return t.filter(
     (r) => r.title.toLowerCase().includes(s) || r.path.toLowerCase().includes(s)
   );
 }
-const Xe = (t, e) => {
-  const s = vt(e);
+const ia = (t, e) => {
+  const s = Pt(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1184,18 +1307,18 @@ const Xe = (t, e) => {
         title: o,
         breadcrumbTitle: n.meta.breadcrumbTitle
       };
-      const i = (d, w) => {
-        !d || d.length === 0 || d.forEach((c) => {
-          const m = `${w}/${c.path}`, g = s(
-            c.meta.title,
-            c.path
+      const i = (l, u) => {
+        !l || l.length === 0 || l.forEach((w) => {
+          const c = `${u}/${w.path}`, h = s(
+            w.meta.title,
+            w.path
           );
-          r[m] = {
-            title: g,
-            breadcrumbTitle: c.meta.breadcrumbTitle
-          }, c.subResources && c.subResources.length > 0 && i(
-            c.subResources,
-            m
+          r[c] = {
+            title: h,
+            breadcrumbTitle: w.meta.breadcrumbTitle
+          }, w.subResources && w.subResources.length > 0 && i(
+            w.subResources,
+            c
           );
         });
       };
@@ -1204,73 +1327,82 @@ const Xe = (t, e) => {
     {}
   );
 };
-function Ze(t, e, s, r) {
-  const n = t.split("/").filter((w) => w !== ""), o = e && n[0] === e ? n.slice(1) : n, i = Xe(s, r), d = o.map((w, c) => {
-    const m = o.slice(0, c + 1).join("/");
-    let g = i[m];
-    if (!g) {
-      const h = Object.entries(i).find(
-        ([y]) => {
-          const A = y.split("/").map((b) => b.startsWith(":") ? "[^/]+" : b).join("/");
-          return new RegExp(`^${A}$`).test(m);
+function la(t, e, s, r) {
+  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = ia(s, r), l = o.map((u, w) => {
+    const c = o.slice(0, w + 1).join("/");
+    let h = i[c];
+    if (!h) {
+      const g = Object.entries(i).find(
+        ([M]) => {
+          const C = M.split("/").map((S) => S.startsWith(":") ? "[^/]+" : S).join("/");
+          return new RegExp(`^${C}$`).test(c);
         }
       )?.[1];
-      h && (g = h);
+      g && (h = g);
     }
     let f;
-    return g ? typeof g.breadcrumbTitle == "function" ? f = g.breadcrumbTitle(w) : typeof g.breadcrumbTitle == "string" ? f = g.breadcrumbTitle : f = g.title : f = decodeURIComponent(w), {
-      segment: w,
-      path: m,
+    return h ? typeof h.breadcrumbTitle == "function" ? f = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? f = h.breadcrumbTitle : f = h.title : f = decodeURIComponent(u), {
+      segment: u,
+      path: c,
       title: f
     };
   });
   return {
     basePath: e || null,
-    segments: d
+    segments: l
   };
 }
-const Je = () => {
-  const { open: t } = z();
-  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(Lt, { className: "astw:-ml-2.5" }) });
-}, Za = (t) => {
-  const e = t.children ? t.children({ Outlet: rt }) : null, s = Ne(), r = () => {
+const da = () => {
+  const { open: t, isIconMode: e } = F();
+  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(Kt, { className: "astw:-ml-2.5" }) });
+}, us = (t) => {
+  const e = t.children ? t.children({ Outlet: wt }) : null, s = Oe(), r = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a($e, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(ta, {}),
-    /* @__PURE__ */ l(je, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
-      /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
-        /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(Je, {}),
-          /* @__PURE__ */ a(na, {})
+  return /* @__PURE__ */ a(Ye, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(ca, {}),
+    /* @__PURE__ */ d(Ze, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+      /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
+        /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
+          /* @__PURE__ */ a(da, {}),
+          /* @__PURE__ */ a(fa, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(D, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(Jt, {}) }) })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(_, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(ue, {}) }) })
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(rt, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(wt, {}) })
     ] })
   ] }) });
-}, ta = (t) => {
-  const { title: e, icon: s } = T(), { pathname: r } = gt(), n = /* @__PURE__ */ l(Ke, { children: [
+}, ca = (t) => {
+  const { title: e, icon: s } = P(), { pathname: r } = Rt(), { isIconMode: n } = F(), o = /* @__PURE__ */ d(Je, { children: [
     s,
-    /* @__PURE__ */ a("h1", { className: "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", children: e })
+    /* @__PURE__ */ a(
+      "h1",
+      {
+        className: m(
+          "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2",
+          n && "astw:hidden"
+        ),
+        children: e
+      }
+    )
   ] });
-  return /* @__PURE__ */ l(We, { variant: "inset", children: [
-    /* @__PURE__ */ l("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
-      t.header ?? n,
-      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(Lt, { className: "astw:-ml-1" }) })
+  return /* @__PURE__ */ d(Xe, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
+    !n && /* @__PURE__ */ d("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
+      t.header ?? o,
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(Kt, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(Ue, { children: /* @__PURE__ */ a(ht, { fallback: /* @__PURE__ */ a(sa, {}), children: /* @__PURE__ */ a(ea, { currentPath: r }) }) }),
+    /* @__PURE__ */ a(ta, { children: /* @__PURE__ */ a(Dt, { fallback: /* @__PURE__ */ a(ma, {}), children: /* @__PURE__ */ a(wa, { currentPath: r }) }) }),
     t.footer ?? null
   ] });
-}, ea = ({ currentPath: t }) => {
-  const e = kt();
-  return /* @__PURE__ */ a(pt, { resolve: e, children: (s) => /* @__PURE__ */ a(aa, { items: s ?? [], currentPath: t }) });
-}, aa = (t) => {
-  const e = B();
-  return /* @__PURE__ */ a(Dt, { children: /* @__PURE__ */ a(Pt, { children: t.items.map((s) => /* @__PURE__ */ a(Ce, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ l(Mt, { children: [
-    s.url ? /* @__PURE__ */ l(E, { children: [
-      /* @__PURE__ */ a(ot, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l(
-        j,
+}, wa = ({ currentPath: t }) => {
+  const e = Ft();
+  return /* @__PURE__ */ a(Et, { resolve: e, children: (s) => /* @__PURE__ */ a(ua, { items: s ?? [], currentPath: t }) });
+}, ua = (t) => {
+  const e = L();
+  return /* @__PURE__ */ a(Vt, { children: /* @__PURE__ */ a(Ht, { children: t.items.map((s) => /* @__PURE__ */ a($e, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ d(Ut, { children: [
+    s.url ? /* @__PURE__ */ d(B, { children: [
+      /* @__PURE__ */ a(bt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ d(
+        q,
         {
           to: s.url,
           className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1280,29 +1412,29 @@ const Je = () => {
           ]
         }
       ) }),
-      !!s.items?.length && /* @__PURE__ */ a(nt, { asChild: !0, children: /* @__PURE__ */ l(it, { className: "astw:data-[state=open]:rotate-90", children: [
-        /* @__PURE__ */ a($, {}),
+      !!s.items?.length && /* @__PURE__ */ a(ut, { asChild: !0, children: /* @__PURE__ */ d(xt, { className: "astw:data-[state=open]:rotate-90", children: [
+        /* @__PURE__ */ a(Q, {}),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
       ] }) })
-    ] }) : /* @__PURE__ */ a(E, { children: /* @__PURE__ */ l(nt, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
-      /* @__PURE__ */ a(ot, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l("span", { className: "astw:flex astw:w-[100%]", children: [
+    ] }) : /* @__PURE__ */ a(B, { children: /* @__PURE__ */ d(ut, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
+      /* @__PURE__ */ a(bt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ d("span", { className: "astw:flex astw:w-[100%]", children: [
         s.icon,
         /* @__PURE__ */ a("span", { children: s.title })
       ] }) }),
       !!s.items?.length && /* @__PURE__ */ a(
-        it,
+        xt,
         {
           className: "astw-rotate-target",
           asChild: !0,
-          children: /* @__PURE__ */ l("span", { children: [
-            /* @__PURE__ */ a($, {}),
+          children: /* @__PURE__ */ d("span", { children: [
+            /* @__PURE__ */ a(Q, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
           ] })
         }
       )
     ] }) }),
-    !!s.items?.length && /* @__PURE__ */ a(Se, { children: /* @__PURE__ */ a(Ve, { children: s.items?.map((r) => /* @__PURE__ */ a(Qe, { children: /* @__PURE__ */ a(qe, { asChild: !0, children: /* @__PURE__ */ a(
-      j,
+    !!s.items?.length && /* @__PURE__ */ a(We, { children: /* @__PURE__ */ a(aa, { children: s.items?.map((r) => /* @__PURE__ */ a(sa, { children: /* @__PURE__ */ a(ra, { asChild: !0, children: /* @__PURE__ */ a(
+      q,
       {
         to: r.url,
         className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1310,9 +1442,9 @@ const Je = () => {
       }
     ) }) }, r.title)) }) })
   ] }) }, s.title)) }) });
-}, sa = () => {
+}, ma = () => {
   const e = [...[112, 96, 80, 104, 88, 100, 92, 84]].sort(() => Math.random() - 0.5);
-  return /* @__PURE__ */ a(Dt, { children: /* @__PURE__ */ a(Pt, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+  return /* @__PURE__ */ a(Vt, { children: /* @__PURE__ */ a(Ht, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Ut, { children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
     /* @__PURE__ */ a("div", { className: "astw:h-4 astw:w-4 astw:rounded-md astw:bg-muted" }),
     /* @__PURE__ */ a(
       "div",
@@ -1322,47 +1454,47 @@ const Je = () => {
       }
     )
   ] }) }, r)) }) });
-}, ra = () => {
-  const { configurations: t } = T(), e = gt();
-  return Ze(
+}, ha = () => {
+  const { configurations: t } = P(), e = Rt();
+  return la(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, na = () => {
-  const { segments: t } = ra(), e = Qt("/:prefix/settings/:suffix"), s = B();
-  return e ? /* @__PURE__ */ a(lt, { children: /* @__PURE__ */ a(dt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ a(wt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(lt, { children: /* @__PURE__ */ a(dt, { children: t.map((r, n) => /* @__PURE__ */ l(
+}, fa = () => {
+  const { segments: t } = ha(), e = oe("/:prefix/settings/:suffix"), s = L();
+  return e ? /* @__PURE__ */ a(vt, { children: /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(Nt, { children: /* @__PURE__ */ a(Ct, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(vt, { children: /* @__PURE__ */ a(yt, { children: t.map((r, n) => /* @__PURE__ */ d(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
-        /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ a(wt, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(Ge, {})
+        /* @__PURE__ */ a(Nt, { children: /* @__PURE__ */ a(Ct, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(na, {})
       ]
     },
     n
   )) }) });
 };
-function oa({
+function ga({
   ...t
 }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(b.Root, { "data-slot": "dialog", ...t });
 }
-function ia({
+function pa({
   ...t
 }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(b.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function la({
+function ba({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Overlay,
+    b.Overlay,
     {
       "data-slot": "dialog-overlay",
-      className: u(
+      className: m(
         "astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
         t
       ),
@@ -1370,26 +1502,26 @@ function la({
     }
   );
 }
-function da({
+function xa({
   className: t,
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ l(ia, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(la, {}),
-    /* @__PURE__ */ l(
-      v.Content,
+  return /* @__PURE__ */ d(pa, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(ba, {}),
+    /* @__PURE__ */ d(
+      b.Content,
       {
         "data-slot": "dialog-content",
-        className: u(
+        className: m(
           "astw:bg-background astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:data-[state=closed]:zoom-out-95 astw:data-[state=open]:zoom-in-95 astw:fixed astw:top-[50%] astw:left-[50%] astw:z-50 astw:grid astw:w-full astw:max-w-[calc(100%-2rem)] astw:translate-x-[-50%] astw:translate-y-[-50%] astw:gap-4 astw:rounded-lg astw:border astw:p-6 astw:shadow-lg astw:duration-200 astw:sm:max-w-lg",
           t
         ),
         ...s,
         children: [
           e,
-          /* @__PURE__ */ l(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-accent astw:data-[state=open]:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ a(bt, {}),
+          /* @__PURE__ */ d(b.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-accent astw:data-[state=open]:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ a(Bt, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1397,29 +1529,29 @@ function da({
     )
   ] });
 }
-function ca({
+function va({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    b.Title,
     {
       "data-slot": "dialog-title",
-      className: u("astw:text-lg astw:leading-none astw:font-semibold", t),
+      className: m("astw:text-lg astw:leading-none astw:font-semibold", t),
       ...e
     }
   );
 }
-function wa(t) {
+function ya(t) {
   const e = [], s = (r, n, o) => {
     r.forEach((i) => {
-      const d = [...o, i.title];
+      const l = [...o, i.title];
       e.push({
         path: i.url,
         title: i.title,
         icon: n,
-        breadcrumb: d
-      }), i.items && i.items.length > 0 && s(i.items, n, d);
+        breadcrumb: l
+      }), i.items && i.items.length > 0 && s(i.items, n, l);
     });
   };
   return t.forEach((r) => {
@@ -1431,87 +1563,87 @@ function wa(t) {
     }), s(r.items, r.icon, [r.title]);
   }), e;
 }
-function ua({
+function Na({
   routes: t
 }) {
-  const e = qt(), s = _t(null), [r, n] = k(!1), [o, i] = k(""), [d, w] = k(0), c = _(
-    () => Ye(t, o),
+  const e = ie(), s = pe(null), [r, n] = R(!1), [o, i] = R(""), [l, u] = R(0), w = k(
+    () => oa(t, o),
     [t, o]
   );
-  C(() => {
-    const f = (h) => {
-      (h.metaKey || h.ctrlKey) && h.key === "k" && (h.preventDefault(), n((y) => !y));
+  y(() => {
+    const f = (g) => {
+      (g.metaKey || g.ctrlKey) && g.key === "k" && (g.preventDefault(), n((M) => !M));
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, []), C(() => {
-    w(0);
-  }, [c]), C(() => {
-    r || (i(""), w(0));
-  }, [r]), C(() => {
-    s.current && s.current.querySelector(`[data-index="${d}"]`)?.scrollIntoView({ block: "nearest" });
-  }, [d]);
-  const m = at(
+  }, []), y(() => {
+    u(0);
+  }, [w]), y(() => {
+    r || (i(""), u(0));
+  }, [r]), y(() => {
+    s.current && s.current.querySelector(`[data-index="${l}"]`)?.scrollIntoView({ block: "nearest" });
+  }, [l]);
+  const c = ct(
     (f) => {
       e(f.path), n(!1), i("");
     },
     [e]
-  ), g = at(
+  ), h = ct(
     (f) => {
       if (!f.nativeEvent.isComposing)
         switch (f.key) {
           case "ArrowDown":
-            f.preventDefault(), w(
-              (h) => h < c.length - 1 ? h + 1 : h
+            f.preventDefault(), u(
+              (g) => g < w.length - 1 ? g + 1 : g
             );
             break;
           case "ArrowUp":
-            f.preventDefault(), w((h) => h > 0 ? h - 1 : h);
+            f.preventDefault(), u((g) => g > 0 ? g - 1 : g);
             break;
           case "Enter":
-            f.preventDefault(), c[d] && m(c[d]);
+            f.preventDefault(), w[l] && c(w[l]);
             break;
         }
     },
-    [c, d, m]
+    [w, l, c]
   );
   return {
     open: r,
     setOpen: n,
     search: o,
     setSearch: i,
-    selectedIndex: d,
-    filteredRoutes: c,
-    handleSelect: m,
-    handleKeyDown: g,
+    selectedIndex: l,
+    filteredRoutes: w,
+    handleSelect: c,
+    handleKeyDown: h,
     listRef: s
   };
 }
-function ma({
+function Ca({
   navItems: t
 }) {
-  const e = B(), s = _(() => wa(t), [t]), {
+  const e = L(), s = k(() => ya(t), [t]), {
     open: r,
     setOpen: n,
     search: o,
     setSearch: i,
-    selectedIndex: d,
-    filteredRoutes: w,
-    handleSelect: c,
-    handleKeyDown: m,
-    listRef: g
-  } = ua({ routes: s });
-  return /* @__PURE__ */ a(oa, { open: r, onOpenChange: n, children: /* @__PURE__ */ l(
-    da,
+    selectedIndex: l,
+    filteredRoutes: u,
+    handleSelect: w,
+    handleKeyDown: c,
+    listRef: h
+  } = Na({ routes: s });
+  return /* @__PURE__ */ a(ga, { open: r, onOpenChange: n, children: /* @__PURE__ */ d(
+    xa,
     {
       className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
-      onKeyDown: m,
+      onKeyDown: c,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(ca, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
-        /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
-          /* @__PURE__ */ a(te, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+        /* @__PURE__ */ a(va, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
+          /* @__PURE__ */ a(me, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
-            ke,
+            Ve,
             {
               value: o,
               onChange: (f) => i(f.target.value),
@@ -1524,20 +1656,20 @@ function ma({
         /* @__PURE__ */ a(
           "div",
           {
-            ref: g,
+            ref: h,
             className: "astw:max-h-[300px] astw:overflow-y-auto astw:overflow-x-hidden",
-            children: w.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: w.map((f, h) => /* @__PURE__ */ l(
+            children: u.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: u.map((f, g) => /* @__PURE__ */ d(
               "button",
               {
-                "data-index": h,
-                onClick: () => c(f),
-                className: u(
+                "data-index": g,
+                onClick: () => w(f),
+                className: m(
                   "astw:relative astw:flex astw:flex-col astw:w-full astw:cursor-pointer astw:select-none astw:items-start astw:rounded-sm astw:px-2 astw:py-2 astw:text-sm astw:outline-none astw:text-left",
-                  h === d ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                  g === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
                 ),
                 children: [
                   /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: f.breadcrumb.join(" > ") }),
-                  /* @__PURE__ */ l("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
+                  /* @__PURE__ */ d("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
                     "/",
                     f.path
                   ] })
@@ -1551,25 +1683,25 @@ function ma({
     }
   ) });
 }
-function Ja() {
-  const t = kt();
-  return /* @__PURE__ */ a(ht, { fallback: null, children: /* @__PURE__ */ a(pt, { resolve: t, children: (e) => /* @__PURE__ */ a(ma, { navItems: e ?? [] }) }) });
+function ms() {
+  const t = Ft();
+  return /* @__PURE__ */ a(Dt, { fallback: null, children: /* @__PURE__ */ a(Et, { resolve: t, children: (e) => /* @__PURE__ */ a(Ca, { navItems: e ?? [] }) }) });
 }
-const At = K(null), ts = (t) => {
-  const e = _(
-    () => oe({
+const Qt = W(null), hs = (t) => {
+  const e = k(
+    () => ve({
       clientId: t.clientId,
       appUri: t.apiEndpoint,
       redirectUri: t.redirectUri,
-      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : ne(t.meQuery))
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : xe(t.meQuery))
     }),
     [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
-  ), [s, r] = k(
+  ), [s, r] = R(
     () => e.getState()
   );
-  C(() => {
+  y(() => {
     t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
-  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), C(
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), y(
     () => e.addEventListener((o) => {
       o.type === "auth_state_changed" && r(o.data);
     }),
@@ -1577,7 +1709,7 @@ const At = K(null), ts = (t) => {
   );
   const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    At.Provider,
+    Qt.Provider,
     {
       value: {
         authState: s,
@@ -1589,12 +1721,12 @@ const At = K(null), ts = (t) => {
       children: n
     }
   );
-}, es = () => {
-  const t = U(At);
+}, fs = () => {
+  const t = D(Qt);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
-}, ha = V(
+}, Sa = Y(
   "astw:inline-flex astw:items-center astw:rounded-md astw:border astw:px-2 astw:py-0.5 astw:text-xs astw:font-medium astw:transition-colors astw:focus:outline-none astw:focus:ring-2 astw:focus:ring-ring astw:focus:ring-offset-2",
   {
     variants: {
@@ -1616,51 +1748,51 @@ const At = K(null), ts = (t) => {
       variant: "default"
     }
   }
-), fa = {
+), Ta = {
   "outline-success": "astw:bg-green-500",
   "outline-warning": "astw:bg-orange-500",
   "outline-error": "astw:bg-red-500",
   "outline-info": "astw:bg-blue-500",
   "outline-neutral": "astw:bg-neutral-400"
 };
-function ga({ variant: t }) {
-  const e = fa[t];
-  return e ? /* @__PURE__ */ a("div", { className: "astw:size-3 astw:shrink-0 astw:flex astw:items-center astw:justify-center", children: /* @__PURE__ */ a("div", { className: u("astw:size-[7px] astw:rounded-full", e) }) }) : null;
+function ka({ variant: t }) {
+  const e = Ta[t];
+  return e ? /* @__PURE__ */ a("div", { className: "astw:size-3 astw:shrink-0 astw:flex astw:items-center astw:justify-center", children: /* @__PURE__ */ a("div", { className: m("astw:size-[7px] astw:rounded-full", e) }) }) : null;
 }
-function pa({ className: t, variant: e, children: s, ...r }) {
+function Ra({ className: t, variant: e, children: s, ...r }) {
   const n = e?.toString().startsWith("outline-");
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: u(ha({ variant: e }), t),
+      className: m(Sa({ variant: e }), t),
       ...r,
       children: [
-        n && /* @__PURE__ */ a(ga, { variant: e }),
+        n && /* @__PURE__ */ a(ka, { variant: e }),
         s
       ]
     }
   );
 }
-function ba(t) {
+function Ea(t) {
   return t.type === "divider";
 }
-function va(t) {
+function Ba(t) {
   return t.type !== "divider" && "key" in t;
 }
-function F(t, e) {
+function K(t, e) {
   return e.split(".").reduce((s, r) => {
     if (s && typeof s == "object" && r in s)
       return s[r];
   }, t);
 }
-function x(t) {
+function v(t) {
   return t == null || t === "";
 }
-function xa(t) {
+function Da(t) {
   return t.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
 }
-function ya(t, e = "medium") {
-  if (x(t)) return "";
+function Pa(t, e = "medium") {
+  if (v(t)) return "";
   const s = t instanceof Date ? t : new Date(String(t));
   if (isNaN(s.getTime())) return String(t);
   switch (e) {
@@ -1691,8 +1823,8 @@ function ya(t, e = "medium") {
       return s.toLocaleDateString();
   }
 }
-function Na(t, e) {
-  if (x(t)) return "";
+function La(t, e) {
+  if (v(t)) return "";
   const s = typeof t == "number" ? t : parseFloat(String(t));
   if (isNaN(s)) return String(t);
   try {
@@ -1704,8 +1836,8 @@ function Na(t, e) {
     return `${e || "$"}${s.toFixed(2)}`;
   }
 }
-function Ca(t) {
-  if (x(t)) return [];
+function Ma(t) {
+  if (v(t)) return [];
   if (typeof t == "string")
     return t.split(/[,\n]/).map((e) => e.trim()).filter(Boolean);
   if (typeof t == "object" && t !== null) {
@@ -1720,10 +1852,10 @@ function Ca(t) {
   }
   return [String(t)];
 }
-function It({ value: t }) {
+function qt({ value: t }) {
   const [e, s] = p.useState(!1);
-  return /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ a(J, { asChild: !0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(rt, { children: [
+    /* @__PURE__ */ a(nt, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
         onClick: async (n) => {
@@ -1734,75 +1866,75 @@ function It({ value: t }) {
           }
         },
         className: "astw:ml-0.5 astw:inline-flex astw:items-center astw:justify-center astw:p-1 astw:rounded astw:hover:bg-muted astw:transition-colors astw:text-muted-foreground astw:hover:text-foreground",
-        children: e ? /* @__PURE__ */ a(ae, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(se, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
+        children: e ? /* @__PURE__ */ a(fe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(ge, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
       }
     ) }),
-    /* @__PURE__ */ a(tt, { side: "top", children: e ? "Copied!" : "Copy" })
+    /* @__PURE__ */ a(ot, { side: "top", children: e ? "Copied!" : "Copy" })
   ] });
 }
-const S = "–";
-function Sa({ field: t }) {
-  const e = x(t.value) ? S : String(t.value), s = t.meta?.copyable && !x(t.value), r = t.meta?.truncateLines, n = p.useRef(null), [o, i] = p.useState(!1);
+const N = "–";
+function Ia({ field: t }) {
+  const e = v(t.value) ? N : String(t.value), s = t.meta?.copyable && !v(t.value), r = t.meta?.truncateLines, n = p.useRef(null), [o, i] = p.useState(!1);
   p.useEffect(() => {
     if (!r) {
       i(!1);
       return;
     }
-    const c = () => {
+    const w = () => {
       if (n.current) {
-        const g = n.current;
-        i(g.scrollHeight > g.clientHeight + 1);
+        const h = n.current;
+        i(h.scrollHeight > h.clientHeight + 1);
       }
-    }, m = setTimeout(c, 50);
-    return window.addEventListener("resize", c), () => {
-      clearTimeout(m), window.removeEventListener("resize", c);
+    }, c = setTimeout(w, 50);
+    return window.addEventListener("resize", w), () => {
+      clearTimeout(c), window.removeEventListener("resize", w);
     };
   }, [e, r]);
-  const d = r && r > 0 ? {
+  const l = r && r > 0 ? {
     display: "-webkit-box",
     WebkitLineClamp: r,
     WebkitBoxOrient: "vertical",
     overflow: "hidden"
-  } : void 0, w = /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
+  } : void 0, u = /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
     /* @__PURE__ */ a(
       "p",
       {
         ref: n,
         className: "astw:text-sm astw:font-medium astw:text-foreground astw:break-words astw:m-0",
-        style: d,
+        style: l,
         children: e
       }
     ),
-    s && /* @__PURE__ */ a(It, { value: String(t.value) })
+    s && /* @__PURE__ */ a(qt, { value: String(t.value) })
   ] });
-  return r && o ? /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ a(J, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "astw:cursor-default", children: w }) }),
-    /* @__PURE__ */ a(tt, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
-  ] }) : w;
-}
-function Ta({ field: t }) {
-  if (x(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
+  return r && o ? /* @__PURE__ */ d(rt, { children: [
+    /* @__PURE__ */ a(nt, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "astw:cursor-default", children: u }) }),
+    /* @__PURE__ */ a(ot, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
+  ] }) : u;
+}
+function Aa({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
   const e = String(t.value), s = t.meta?.badgeVariantMap || {}, r = e.toLowerCase(), n = s[e] || s[r] || "outline-neutral";
-  return /* @__PURE__ */ a(pa, { variant: n, className: "astw:w-fit", children: xa(e) });
+  return /* @__PURE__ */ a(Ra, { variant: n, className: "astw:w-fit", children: Da(e) });
 }
-function ka({ field: t }) {
-  if (x(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.currencyKey || "currency", s = F(t.data, e), r = Na(t.value, s);
+function _a({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.currencyKey || "currency", s = K(t.data, e), r = La(t.value, s);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:tabular-nums", children: r });
 }
-function Ra({ field: t }) {
-  if (x(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.dateFormat || "medium", s = ya(t.value, e);
+function za({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.dateFormat || "medium", s = Pa(t.value, e);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: s });
 }
-function Ba({ field: t }) {
-  if (x(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.hrefKey, s = e ? F(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
-  return s ? /* @__PURE__ */ l(
+function Fa({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.hrefKey, s = e ? K(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
+  return s ? /* @__PURE__ */ d(
     "a",
     {
       href: s,
@@ -1811,63 +1943,63 @@ function Ba({ field: t }) {
       className: "astw:inline-flex astw:items-center astw:gap-1 astw:text-sm astw:text-primary astw:hover:underline",
       children: [
         n,
-        r && /* @__PURE__ */ a(ee, { className: "astw:h-3 astw:w-3" })
+        r && /* @__PURE__ */ a(he, { className: "astw:h-3 astw:w-3" })
       ]
     }
   ) : /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
 }
-function Ea({ field: t }) {
-  if (x(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = Ca(t.value), s = t.meta?.copyable && !x(t.value), r = e.join(`
+function Oa({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = Ma(t.value), s = t.meta?.copyable && !v(t.value), r = e.join(`
 `);
-  return /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
-    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ l(p.Fragment, { children: [
+  return /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
+    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ d(p.Fragment, { children: [
       n,
       o < e.length - 1 && /* @__PURE__ */ a("br", {})
     ] }, o)) }),
-    s && /* @__PURE__ */ a(It, { value: r })
+    s && /* @__PURE__ */ a(qt, { value: r })
   ] });
 }
-function La({ field: t }) {
-  if (x(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? F(t.data, e) : void 0, n = String(t.value);
+function $a({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? K(t.data, e) : void 0, n = String(t.value);
   if (!r || !s)
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
   const o = s.replace("{id}", r);
   return /* @__PURE__ */ a("a", { href: o, className: "astw:text-sm astw:text-primary astw:hover:underline", children: n });
 }
-function ut(t) {
+function St(t) {
   switch (t.type) {
     case "text":
-      return /* @__PURE__ */ a(Sa, { field: t });
+      return /* @__PURE__ */ a(Ia, { field: t });
     case "badge":
-      return /* @__PURE__ */ a(Ta, { field: t });
+      return /* @__PURE__ */ a(Aa, { field: t });
     case "money":
-      return /* @__PURE__ */ a(ka, { field: t });
+      return /* @__PURE__ */ a(_a, { field: t });
     case "date":
-      return /* @__PURE__ */ a(Ra, { field: t });
+      return /* @__PURE__ */ a(za, { field: t });
     case "link":
-      return /* @__PURE__ */ a(Ba, { field: t });
+      return /* @__PURE__ */ a(Fa, { field: t });
     case "address":
-      return /* @__PURE__ */ a(Ea, { field: t });
+      return /* @__PURE__ */ a(Oa, { field: t });
     case "reference":
-      return /* @__PURE__ */ a(La, { field: t });
+      return /* @__PURE__ */ a($a, { field: t });
     default:
-      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
+      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
   }
 }
-function Da(t) {
+function Wa(t) {
   if (t.emptyBehavior !== "hide") return !1;
   const e = t.value;
   return e == null || e === "";
 }
-function Pa(t) {
+function ja(t) {
   return !1;
 }
-function Ma(t, e, s) {
-  const r = F(e, t.key);
+function Ka(t, e, s) {
+  const r = K(e, t.key);
   return {
     id: `${t.key}-${s}`,
     label: t.label,
@@ -1878,23 +2010,23 @@ function Ma(t, e, s) {
     data: e
   };
 }
-function Aa(t, e) {
+function Va(t, e) {
   const s = [];
   let r = [], n = 0, o = 0;
   for (const i of t)
-    if (ba(i))
+    if (Ea(i))
       r.length > 0 && (s.push({ id: `section-${n}`, fields: r }), n++, r = []);
-    else if (va(i)) {
-      const d = Ma(i, e, o);
-      o++, Da(d) || r.push(d);
+    else if (Ba(i)) {
+      const l = Ka(i, e, o);
+      o++, Wa(l) || r.push(l);
     }
   return r.length > 0 && s.push({ id: `section-${n}`, fields: r }), s;
 }
-function mt({ label: t, children: e, fullWidth: s }) {
-  return /* @__PURE__ */ l(
+function Tt({ label: t, children: e, fullWidth: s }) {
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: m(
         "astw:flex astw:flex-col astw:gap-1 astw:min-w-0 astw:py-2",
         s && "astw:col-span-full"
       ),
@@ -1905,7 +2037,7 @@ function mt({ label: t, children: e, fullWidth: s }) {
     }
   );
 }
-function as({
+function gs({
   data: t,
   title: e,
   fields: s,
@@ -1913,7 +2045,7 @@ function as({
   className: n,
   headerAction: o
 }) {
-  const i = Aa(s, t), d = i.some((m) => m.fields.length > 0), w = u(
+  const i = Va(s, t), l = i.some((c) => c.fields.length > 0), u = m(
     "astw:grid astw:gap-x-6 astw:gap-y-4",
     // Default: 1 column
     "astw:grid-cols-1",
@@ -1925,53 +2057,132 @@ function as({
       // 3-column mode: 1 → 2 → 3 columns
       "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3"
     )
-  ), c = (m) => {
-    const g = m.fields.filter((h) => !0), f = m.fields.filter((h) => Pa());
-    return /* @__PURE__ */ l("div", { className: "astw:space-y-4", children: [
-      g.length > 0 && /* @__PURE__ */ a("div", { className: w, children: g.map((h) => /* @__PURE__ */ a(mt, { label: h.label, children: ut(h) }, h.id)) }),
-      f.length > 0 && /* @__PURE__ */ a("div", { className: w, children: f.map((h) => /* @__PURE__ */ a(mt, { label: h.label, fullWidth: !0, children: ut(h) }, h.id)) })
-    ] }, m.id);
+  ), w = (c) => {
+    const h = c.fields.filter((g) => !0), f = c.fields.filter((g) => ja());
+    return /* @__PURE__ */ d("div", { className: "astw:space-y-4", children: [
+      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((g) => /* @__PURE__ */ a(Tt, { label: g.label, children: St(g) }, g.id)) }),
+      f.length > 0 && /* @__PURE__ */ a("div", { className: u, children: f.map((g) => /* @__PURE__ */ a(Tt, { label: g.label, fullWidth: !0, children: St(g) }, g.id)) })
+    ] }, c.id);
   };
-  return /* @__PURE__ */ a(X, { delayDuration: 300, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(st, { delayDuration: 300, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: m(
         "astw:@container astw:bg-card astw:text-card-foreground astw:rounded-xl astw:border",
         n
       ),
       children: [
-        /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:justify-between astw:px-6 astw:py-6", children: [
+        /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:justify-between astw:px-6 astw:py-6", children: [
           /* @__PURE__ */ a("h3", { className: "astw:text-lg astw:font-semibold astw:leading-none", children: e }),
           o && /* @__PURE__ */ a("div", { children: o })
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: d ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((m, g) => /* @__PURE__ */ l(p.Fragment, { children: [
-          g > 0 && /* @__PURE__ */ a("div", { className: "astw:h-px astw:bg-border", role: "separator" }),
-          c(m)
-        ] }, m.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
+        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((c, h) => /* @__PURE__ */ d(p.Fragment, { children: [
+          h > 0 && /* @__PURE__ */ a("div", { className: "astw:h-px astw:bg-border", role: "separator" }),
+          w(c)
+        ] }, c.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
       ]
     }
   ) });
 }
+const it = p.forwardRef(
+  ({ className: t, children: e, ...s }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: m("astw:min-w-0 astw:flex astw:flex-col astw:gap-4", t),
+      ...s,
+      children: e
+    }
+  )
+);
+it.displayName = "Layout.Column";
+function Ha({
+  columns: t,
+  className: e,
+  gap: s = 4,
+  title: r,
+  actions: n,
+  children: o
+}) {
+  if (process.env.NODE_ENV !== "production") {
+    const h = p.Children.toArray(o).reduce((f, g) => p.isValidElement(g) && g.type === it ? f + 1 : f, 0);
+    if (h !== t)
+      throw new Error(
+        `Layout: Expected exactly ${t} Layout.Column child${t === 1 ? "" : "ren"}, but found ${h}. Please ensure the number of <Layout.Column> children matches the \`columns={${t}}\` prop.`
+      );
+  }
+  const l = m(
+    "astw:flex astw:w-full",
+    s === 4 ? "astw:gap-4" : s === 6 ? "astw:gap-6" : s === 8 ? "astw:gap-8" : "astw:gap-4",
+    // 1 column: Always stack vertically
+    t === 1 && "astw:flex-col",
+    // 2 columns: Stack on mobile, side-by-side on desktop (lg: ≥1024px)
+    // Main column flexible, side column fixed 360px
+    t === 2 && [
+      "astw:flex-col",
+      "astw:lg:flex-row"
+    ],
+    // 3 columns: Stack on mobile, 3 columns side-by-side on desktop (xl: ≥1280px)
+    // Outer columns fixed 360px, middle column flexible
+    t === 3 && [
+      "astw:flex-col",
+      "astw:xl:flex-row"
+    ],
+    e
+  ), u = p.useMemo(() => t === 1 ? p.Children.map(o, (c) => c) : t === 2 ? p.Children.map(o, (c, h) => p.isValidElement(c) ? p.cloneElement(c, {
+    className: m(
+      c.props.className,
+      h === 0 ? "astw:lg:flex-1" : "astw:lg:min-w-[280px]"
+      // Second column: fixed 280px
+    )
+  }) : c) : t === 3 ? p.Children.map(o, (c, h) => p.isValidElement(c) ? p.cloneElement(c, {
+    className: m(
+      c.props.className,
+      h === 0 ? "astw:xl:min-w-[320px]" : h === 2 ? "astw:xl:min-w-[280px]" : "astw:xl:flex-1"
+      // Middle column: flexible
+    )
+  }) : c) : o, [o, t]), w = r || n && n.length > 0;
+  return /* @__PURE__ */ d("div", { className: "astw:flex astw:flex-col", children: [
+    w && /* @__PURE__ */ d(
+      "header",
+      {
+        className: "astw:w-full astw:flex astw:justify-between astw:items-center",
+        style: { padding: "1.5rem", paddingBottom: "1rem" },
+        children: [
+          r && /* @__PURE__ */ a("h1", { style: { fontSize: "1.5rem", fontWeight: "bold" }, children: r }),
+          n && n.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: n.map((c, h) => /* @__PURE__ */ a(p.Fragment, { children: c }, h)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("div", { style: { padding: w ? "0 1.5rem 1.5rem 1.5rem" : "1.5rem" }, children: /* @__PURE__ */ a("div", { className: l, children: u }) })
+  ] });
+}
+Ha.Column = it;
 export {
-  Xa as AppShell,
-  ts as AuthProvider,
-  pa as Badge,
-  Ja as CommandPalette,
-  ta as DefaultSidebar,
-  as as DescriptionCard,
-  ns as Link,
-  Za as SidebarLayout,
-  ha as badgeVariants,
-  ce as defineI18nLabels,
-  Ga as defineModule,
-  Ya as defineResource,
-  qa as redirectToResource,
-  T as useAppShell,
-  es as useAuth,
-  os as useLocation,
-  is as useNavigate,
-  ls as useParams,
-  ds as useRouteError,
-  cs as useSearchParams,
-  Ne as useTheme
+  ws as AppShell,
+  hs as AuthProvider,
+  Ra as Badge,
+  ms as CommandPalette,
+  ca as DefaultSidebar,
+  gs as DescriptionCard,
+  Ha as Layout,
+  xs as Link,
+  us as SidebarLayout,
+  Sa as badgeVariants,
+  ke as defineI18nLabels,
+  ds as defineModule,
+  cs as defineResource,
+  is as hidden,
+  os as pass,
+  ls as redirectTo,
+  Se as useAppShell,
+  P as useAppShellConfig,
+  ns as useAppShellData,
+  fs as useAuth,
+  vs as useLocation,
+  ys as useNavigate,
+  Ns as useParams,
+  Cs as useRouteError,
+  Ss as useSearchParams,
+  Oe as useTheme
 };