@tailor-platform/app-shell 0.27.3 → 0.29.0

package/dist/app-shell.js

@@ -1,24 +1,24 @@
 import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
-import { capitalCase as D } from "change-case";
-import { useRouteError as ue, isRouteErrorResponse as we, redirect as me, Outlet as nt, NavLink as he, Navigate as pe, useRouteLoaderData as fe, createMemoryRouter as ge, createBrowserRouter as be, RouterProvider as xe, useLocation as Y, Link as $, Await as zt, useMatch as ve, useNavigate as ye } from "react-router";
-import { Link as er, useLocation as ar, useNavigate as sr, useParams as rr, useRouteError as nr, useSearchParams as or } from "react-router";
-import { cva as ot } from "class-variance-authority";
+import { capitalCase as E } from "change-case";
+import { useRouteError as me, isRouteErrorResponse as he, redirect as pe, Outlet as ot, NavLink as fe, Navigate as ge, useRouteLoaderData as be, createMemoryRouter as ve, createBrowserRouter as xe, RouterProvider as ye, useLocation as X, Link as $, Await as $t, useMatch as Ne, useNavigate as Se } from "react-router";
+import { Link as mn, useLocation as hn, useNavigate as pn, useParams as fn, useRouteError as gn, useSearchParams as bn } from "react-router";
+import { cva as it } from "class-variance-authority";
 import { useRender as j } from "@base-ui/react/use-render";
-import { clsx as Ne } from "clsx";
-import { twMerge as Se } from "tailwind-merge";
-import { AlertCircle as yt, Table as Ce, XIcon as _t, PanelLeftIcon as Te, ExternalLink as $t, ChevronRight as W, SunIcon as ke, SearchIcon as Re, Check as Pe, Copy as Ae } from "lucide-react";
-import * as f from "react";
-import { createContext as X, useContext as L, useState as H, useMemo as B, useEffect as F, useSyncExternalStore as Wt, Suspense as it, useRef as Ft, useCallback as M } from "react";
-import { Toaster as Ee, toast as Me } from "sonner";
-import { parsePath as Be } from "@tailor-platform/app-shell-vite-plugin/parser";
-import { Dialog as v } from "@base-ui/react/dialog";
+import { clsx as Ce } from "clsx";
+import { twMerge as Te } from "tailwind-merge";
+import { AlertCircle as St, Table as ke, XIcon as Wt, PanelLeftIcon as Re, ExternalLink as Ft, ChevronRight as W, SunIcon as Pe, SearchIcon as Ae, Check as Be, Copy as De } from "lucide-react";
+import * as g from "react";
+import { createContext as Z, useContext as I, useState as V, useMemo as M, useEffect as F, useSyncExternalStore as Ot, Suspense as lt, useRef as jt, useCallback as D } from "react";
+import { Toaster as Me, toast as Ee } from "sonner";
+import { parsePath as Ie } from "@tailor-platform/app-shell-vite-plugin/parser";
+import { Dialog as x } from "@base-ui/react/dialog";
 import { Tooltip as A } from "@base-ui/react/tooltip";
-import { Collapsible as lt } from "@base-ui/react/collapsible";
-import { createAuthClient as De } from "@tailor-platform/auth-public-client";
+import { Collapsible as ct } from "@base-ui/react/collapsible";
+import { createAuthClient as Le } from "@tailor-platform/auth-public-client";
 function m(...t) {
-  return Se(Ne(t));
+  return Te(Ce(t));
 }
-const Le = ot(
+const _e = it(
   "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: {
@@ -47,22 +47,22 @@ function O({
   className: t,
   variant: e,
   size: s,
-  render: r,
-  children: n,
+  render: n,
+  children: r,
   ...o
 }) {
   return j({
     defaultTagName: "button",
-    render: r,
+    render: n,
     props: {
       "data-slot": "button",
-      className: m(Le({ variant: e, size: s, className: t })),
-      children: n,
+      className: m(_e({ variant: e, size: s, className: t })),
+      children: r,
       ...o
     }
   });
 }
-const G = "en", Ie = () => {
+const G = "en", ze = () => {
   try {
     if (typeof navigator > "u")
       return G;
@@ -71,16 +71,16 @@ const G = "en", Ie = () => {
   } catch {
     return G;
   }
-}, U = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Ot = (t) => {
+}, U = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Ut = (t) => {
   const e = U(t);
-  return (s, r) => e(s, typeof s == "string" ? s : D(r));
-}, ze = (t) => ({
+  return (s, n) => e(s, typeof s == "string" ? s : E(n));
+}, $e = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(_, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(z, {}),
   basePath: t.basePath,
-  locale: t.locale ?? Ie()
-}), ct = X({
+  locale: t.locale ?? ze()
+}), dt = Z({
   configurations: {
     modules: [],
     settingsResources: [],
@@ -93,19 +93,19 @@ const G = "en", Ie = () => {
     // always provides the context via AppShellConfigContext.Provider.
     errorBoundary: null
   }
-}), dt = X({
+}), ut = Z({
   contextData: {}
-}), C = () => L(ct), Ls = () => L(dt), jt = () => {
-  const t = L(ct), e = L(dt);
+}), C = () => I(dt), Hs = () => I(ut), Ht = () => {
+  const t = I(dt), e = I(ut);
   return {
     ...t,
     ...e
   };
-}, _e = () => {
+}, We = () => {
   const { configurations: t } = C(), e = U(t.locale);
-  return (s, r) => e(s, r);
-}, $e = (t) => {
-  const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
+  return (s, n) => e(s, n);
+}, Fe = (t) => {
+  const e = (s) => (n) => t[s]?.[n] ?? t.en[n];
   return {
     /**
      * Hook to get the translated label resolver function.
@@ -127,14 +127,14 @@ const G = "en", Ie = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = C(), r = e(s.locale), n = ((o, ...i) => {
-        const l = r(o);
+      const { configurations: s } = C(), n = e(s.locale), r = ((o, ...i) => {
+        const l = n(o);
         return typeof l == "function" ? l(i[0]) : l;
       });
-      return n.dynamic = (o, i) => {
+      return r.dynamic = (o, i) => {
         const l = t[s.locale]?.[o] ?? t.en[o];
         return l === void 0 || typeof l == "function" ? i : l;
-      }, n;
+      }, r;
     },
     /**
      * A function to get the translater for a specific label key.
@@ -158,12 +158,12 @@ const G = "en", Ie = () => {
      * });
      * ```
      */
-    t: (s, ...r) => (n) => {
-      const o = e(n)(s);
-      return typeof o == "function" ? o(r[0]) : o;
+    t: (s, ...n) => (r) => {
+      const o = e(r)(s);
+      return typeof o == "function" ? o(n[0]) : o;
     }
   };
-}, We = $e({
+}, Oe = Fe({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -202,14 +202,14 @@ const G = "en", Ie = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), E = We.useT, _ = () => {
-  const t = ue(), e = E(), s = {
+}), B = Oe.useT, z = () => {
+  const t = me(), e = B(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (we(t) && t.status === 404)
+  if (he(t) && t.status === 404)
     return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(yt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ a(St, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
       /* @__PURE__ */ c("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") }),
@@ -225,12 +225,12 @@ const G = "en", Ie = () => {
         )
       ] })
     ] }) });
-  const r = t instanceof Error ? t.message : e("errorUnexpected");
+  const n = t instanceof Error ? t.message : e("errorUnexpected");
   return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-    /* @__PURE__ */ a(yt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ a(St, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
     /* @__PURE__ */ c("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("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: n }),
       /* @__PURE__ */ a(
         O,
         {
@@ -244,277 +244,286 @@ const G = "en", Ie = () => {
     ] })
   ] }) });
 };
-let Ut = {};
-const Fe = (t) => {
-  Ut = t;
-}, Is = () => ({ type: "pass" }), zs = () => ({ type: "hidden" }), _s = (t) => ({
+let Kt = {};
+const je = (t) => {
+  Kt = t;
+}, Ks = () => ({ type: "pass" }), Vs = () => ({ type: "hidden" }), Gs = (t) => ({
   type: "redirect",
   to: t
-}), Kt = () => new Response("Not Found", { status: 404 }), ut = async (t) => {
+}), q = () => new Response("Not Found", { status: 404 }), wt = async (t) => {
   if (!t || t.length === 0) return { type: "pass" };
   const e = {
-    context: Ut
+    context: Kt
   };
   for (const s of t) {
-    const r = await s(e);
-    if (r.type !== "pass")
-      return r;
+    const n = await s(e);
+    if (n.type !== "pass")
+      return n;
   }
   return { type: "pass" };
 }, Vt = (t, e) => async (s) => {
-  const r = await ut(t);
-  switch (r.type) {
+  const n = await wt(t);
+  switch (n.type) {
     case "hidden":
-      throw Kt();
+      throw q();
     case "redirect":
-      return me(r.to);
+      return pe(n.to);
     case "pass":
       return e ? e(s) : null;
   }
-}, Ht = (t, e) => () => {
-  const { configurations: s } = C(), { metaTitle: r, fallbackTitle: n } = t, i = U(s.locale)(r, n);
+}, Gt = (t, e) => () => {
+  const { configurations: s } = C(), { metaTitle: n, fallbackTitle: r } = t, i = U(s.locale)(n, r);
   return e(i);
 };
-function $s(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? D(e), u = D(e);
-  if (!r && (!i || i.length === 0))
-    throw new Error(
-      `Module "${e}" has no component. Either provide a \`component\` or use \`guards\` with \`redirectTo()\` or \`hidden()\` to control access. A guard that only returns \`pass()\` without a component will result in a blank page.`
-    );
-  const w = i && i.length > 0 ? Vt(i) : void 0, d = r ? Ht({ metaTitle: l, fallbackTitle: u }, (h) => r({ title: h, resources: n })) : void 0;
+function qs(t) {
+  const { path: e, meta: s, component: n, resources: r, errorBoundary: o, guards: i } = t, l = s?.title ?? E(e), u = E(e), d = i && i.length > 0 ? Vt(i) : void 0, w = n ? Gt({ metaTitle: l, fallbackTitle: u }, (h) => n({ title: h, resources: r })) : void 0;
   return {
     path: e,
     type: "component",
     _type: "module",
-    component: d,
-    loader: w,
+    component: w,
+    loader: d,
     meta: {
       title: l,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: r !== void 0,
+      menuItemClickable: n !== void 0,
       icon: t.meta?.icon
     },
-    resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(_, {}),
+    resources: r,
+    errorBoundary: o || /* @__PURE__ */ a(z, {}),
     guards: i
   };
 }
-function Ws(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? D(e), u = D(e), w = i && i.length > 0 ? Vt(i) : void 0;
+function Ys(t) {
+  const { path: e, component: s, subResources: n, meta: r, errorBoundary: o, guards: i } = t, l = r?.title ?? E(e), u = E(e), d = i && i.length > 0 ? Vt(i) : void 0, w = s ? Gt(
+    { metaTitle: l, fallbackTitle: u },
+    (h) => s({ title: h, resources: n })
+  ) : void 0;
   return {
     _type: "resource",
     type: "component",
     path: e,
     meta: {
       title: l,
-      icon: n?.icon,
-      ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
+      icon: r?.icon,
+      ...r?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: r.breadcrumbTitle } : {}
     },
-    component: Ht(
-      { metaTitle: l, fallbackTitle: u },
-      (d) => s({ title: d, resources: r })
-    ),
-    subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(_, {}),
+    component: w,
+    subResources: n,
+    errorBoundary: o ?? /* @__PURE__ */ a(z, {}),
     guards: i,
-    loader: w
+    loader: d
   };
 }
-const Oe = () => {
-  const t = E();
+const Ue = () => {
+  const t = B();
   return /* @__PURE__ */ c(S, { 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") })
   ] });
-}, Nt = () => /* @__PURE__ */ c(S, { children: [
-  /* @__PURE__ */ a(nt, {}),
-  /* @__PURE__ */ a(Ee, {})
-] }), je = () => {
-  const { configurations: t } = jt(), e = E(), s = _e();
+}, Ct = () => /* @__PURE__ */ c(S, { children: [
+  /* @__PURE__ */ a(ot, {}),
+  /* @__PURE__ */ a(Me, {})
+] }), He = () => {
+  const { configurations: t } = Ht(), e = B(), s = We();
   return /* @__PURE__ */ c("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__ */ c("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(he, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((n) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(fe, { to: `./${n.path}`, children: ({ isActive: r }) => /* @__PURE__ */ c(
         O,
         {
-          variant: n ? "secondary" : "ghost",
+          variant: r ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
           children: [
-            r.meta.icon,
-            s(r.meta.title, r.path)
+            n.meta.icon,
+            s(n.meta.title, n.path)
           ]
         }
-      ) }) }, r.path)) })
+      ) }) }, n.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(nt, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(ot, {}) })
   ] });
-}, wt = (t) => () => /* @__PURE__ */ a(S, { children: t }), Gt = (t, e, s) => {
-  const r = t.errorBoundary || s, n = t.component ? {
-    index: !0,
-    Component: t.component,
-    ...t.loader && { loader: t.loader }
-  } : void 0;
+}, mt = (t) => () => /* @__PURE__ */ a(S, { children: t }), Ke = (t) => t.component ? {
+  index: !0,
+  Component: t.component,
+  ...t.loader && { loader: t.loader }
+} : t.loader ? {
+  index: !0,
+  // No-op component to suppress React Router's warning about a matched
+  // leaf route without an element. The loader always throws (404) or
+  // returns a redirect Response, so this component never actually renders.
+  Component: () => null,
+  loader: async (e) => {
+    const s = await t.loader(e);
+    if (s instanceof Response) return s;
+    throw q();
+  }
+} : {
+  index: !0,
+  Component: () => null,
+  loader: () => {
+    throw q();
+  }
+}, qt = (t, e, s) => {
+  const n = t.errorBoundary || s, r = (e ?? []).map(
+    (l) => qt(l, l.subResources, n)
+  ), i = [Ke(t), ...r];
   return {
     path: t.path,
     ...t.errorBoundary && {
-      ErrorBoundary: wt(t.errorBoundary)
+      ErrorBoundary: mt(t.errorBoundary)
     },
-    ...e && e.length > 0 ? {
-      children: [
-        ...n ? [n] : [],
-        ...e.map(
-          (o) => Gt(o, o.subResources, r)
-        )
-      ]
-    } : n ? {
-      children: [n]
-    } : {}
+    ...i.length > 0 ? { children: i } : {}
   };
-}, Ue = (t) => t.map((e) => Gt(e, e.resources, e.errorBoundary)), Ke = ({
+}, Ve = (t) => t.map((e) => qt(e, e.resources, e.errorBoundary)), Ge = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = {
+  const n = {
     index: !0,
-    Component: s ?? Oe
-  }, n = e.length > 0 ? [
+    Component: s ?? Ue
+  }, r = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
-      Component: () => /* @__PURE__ */ a(pe, { to: e[0].path, relative: "path", replace: !0 })
+      Component: () => /* @__PURE__ */ a(ge, { to: e[0].path, relative: "path", replace: !0 })
     },
     {
       path: "settings",
-      Component: je,
-      children: e.map((o) => ({
-        path: o.path,
-        Component: o.component,
-        ...o.errorBoundary && {
-          ErrorBoundary: wt(o.errorBoundary)
-        }
-      }))
+      Component: He,
+      children: e.map((o) => {
+        if (!o.component)
+          throw new Error(`Settings resource "${o.path}" must have a component.`);
+        return {
+          path: o.path,
+          Component: o.component,
+          ...o.errorBoundary && {
+            ErrorBoundary: mt(o.errorBoundary)
+          }
+        };
+      })
     }
   ] : [];
   return [
-    r,
+    n,
     {
-      children: Ue(t)
+      children: Ve(t)
     },
-    ...n,
+    ...r,
     {
       path: "*",
       loader: () => {
-        throw Kt();
+        throw q();
       },
       // 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: _
+      ErrorBoundary: z
     }
   ];
-}, qt = "appshell-root-nav", Ve = (t) => ({
-  loaderID: qt,
-  loader: async () => ({ navItems: He(t) })
-}), Qt = () => fe(qt)?.navItems, He = async (t) => {
-  const e = Ot(t.locale);
+}, Yt = "appshell-root-nav", qe = (t) => ({
+  loaderID: Yt,
+  loader: async () => ({ navItems: Ye(t) })
+}), Qt = () => be(Yt)?.navItems, Ye = async (t) => {
+  const e = Ut(t.locale);
   return (await Promise.all(
-    t.modules.map(async (r) => {
-      if (r.path.startsWith(":") || (await ut(r.guards)).type !== "pass") return null;
-      const o = await Yt(
-        r.resources,
-        r.path,
+    t.modules.map(async (n) => {
+      if (n.path.startsWith(":") || (await wt(n.guards)).type !== "pass") return null;
+      const o = await Xt(
+        n.resources,
+        n.path,
         e
       );
-      return o.length === 0 ? null : { module: r, resources: o };
+      return o.length === 0 ? null : { module: n, resources: o };
     })
-  )).filter((r) => r !== null).map(({ module: r, resources: n }) => ({
-    title: e(r.meta.title, r.path),
-    url: r.meta.menuItemClickable ? r.path : void 0,
-    icon: r.meta.icon || /* @__PURE__ */ a(Ce, {}),
-    items: n
+  )).filter((n) => n !== null).map(({ module: n, resources: r }) => ({
+    title: e(n.meta.title, n.path),
+    url: n.meta.menuItemClickable ? n.path : void 0,
+    icon: n.meta.icon || /* @__PURE__ */ a(ke, {}),
+    items: r
   }));
-}, Yt = async (t, e, s) => (await Promise.all(
-  t.map(async (n) => {
-    if (n.path.startsWith(":") || (await ut(n.guards)).type !== "pass") return null;
-    const i = `${e}/${n.path}`, l = s(n.meta.title, n.path), u = n.subResources ? await Yt(n.subResources, i, s) : void 0;
-    return {
+}, Xt = async (t, e, s) => (await Promise.all(
+  t.map(async (r) => {
+    if (r.path.startsWith(":") || (await wt(r.guards)).type !== "pass") return null;
+    const i = `${e}/${r.path}`, l = s(r.meta.title, r.path), u = r.component !== void 0, d = r.subResources ? await Xt(r.subResources, i, s) : void 0, w = d && d.length > 0;
+    return !u && !w ? null : {
       title: l,
-      url: i,
-      items: u && u.length > 0 ? u : void 0
+      url: u ? i : void 0,
+      items: w ? d : void 0
     };
   })
-)).filter((n) => n !== null), Ge = (t) => {
-  const { configurations: e } = C(), { rootComponent: s, children: r } = t, n = Ke({
+)).filter((r) => r !== null), Qe = (t) => {
+  const { configurations: e } = C(), { rootComponent: s, children: n } = t, r = Ge({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, { loaderID: i, loader: l } = Ve({
+  }), o = e.errorBoundary, { loaderID: i, loader: l } = qe({
     modules: e.modules,
     locale: e.locale
   }), u = [
     {
       id: i,
       loader: l,
-      element: r,
+      element: n,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(nt, {}),
-          ErrorBoundary: wt(o),
-          children: n
+          element: /* @__PURE__ */ a(ot, {}),
+          ErrorBoundary: mt(o),
+          children: r
         }
-      ] : n,
+      ] : r,
       /*
        * Hydration fallback is unused in CSR-only usage of AppShell.
        * return null to silence hydration warnings.
        */
       HydrateFallback: () => null
     }
-  ], w = e.basePath ? "/" + e.basePath : void 0, d = t.memory ? ge(u, {
-    basename: w,
+  ], d = e.basePath ? "/" + e.basePath : void 0, w = t.memory ? ve(u, {
+    basename: d,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : be(u, {
-    basename: w
+  }) : xe(u, {
+    basename: d
   });
-  return /* @__PURE__ */ a(xe, { router: d });
-}, qe = {
+  return /* @__PURE__ */ a(ye, { router: w });
+}, Xe = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, Xt = X(qe);
-function Qe({
+}, Zt = Z(Xe);
+function Ze({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
-  ...r
+  ...n
 }) {
-  const [n, o] = H(
+  const [r, o] = V(
     () => localStorage.getItem(e) || s
-  ), i = B(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  ), i = M(() => r !== "system" ? r : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [r]);
   F(() => {
     const u = window.document.documentElement;
     u.classList.remove("light", "dark"), u.classList.add(i);
   }, [i]);
   const l = {
     resolvedTheme: i,
-    theme: n,
+    theme: r,
     setTheme: (u) => {
       localStorage.setItem(e, u), o(u);
     }
   };
-  return /* @__PURE__ */ a(Xt.Provider, { ...r, value: l, children: t });
+  return /* @__PURE__ */ a(Zt.Provider, { ...n, value: l, children: t });
 }
-const Ye = () => {
-  const t = L(Xt);
+const Je = () => {
+  const t = I(Zt);
   if (t === void 0) throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, Xe = () => () => {
-}, Ze = () => !0, Je = () => !1;
-function ta() {
-  return Wt(Xe, Ze, Je);
+}, ta = () => () => {
+}, ea = () => !0, aa = () => !1;
+function sa() {
+  return Ot(ta, ea, aa);
 }
-function ea(t) {
+function na(t) {
   const e = {
     path: "",
     fullPath: "",
@@ -522,150 +531,145 @@ function ea(t) {
     children: /* @__PURE__ */ new Map()
   };
   for (const s of t) {
-    const r = Be(s.path);
-    let n = e, o = "";
-    for (const i of r)
-      i.type !== "group" && (o = o ? `${o}/${i.converted}` : i.converted, n.children.has(i.converted) || n.children.set(i.converted, {
+    const n = Ie(s.path);
+    let r = e, o = "";
+    for (const i of n)
+      i.type !== "group" && (o = o ? `${o}/${i.converted}` : i.converted, r.children.has(i.converted) || r.children.set(i.converted, {
         path: i.converted,
         fullPath: o,
         guards: [],
         children: /* @__PURE__ */ new Map()
-      }), n = n.children.get(i.converted));
-    n.component = s.component, n.guards = s.component.appShellPageProps?.guards ?? [];
+      }), r = r.children.get(i.converted));
+    r.component = s.component, r.guards = s.component.appShellPageProps?.guards ?? [];
   }
   return e;
 }
-function Zt(t, e) {
-  return t?.appShellPageProps?.meta?.title ?? D(e || "home");
+function Jt(t, e) {
+  return t?.appShellPageProps?.meta?.title ?? E(e || "home");
 }
-function Jt(t) {
-  const e = t.component, s = Zt(e, t.path), r = e?.appShellPageProps?.meta?.icon, n = e?.appShellPageProps?.loader, o = [];
+function te(t) {
+  const e = t.component, s = Jt(e, t.path), n = e?.appShellPageProps?.meta?.icon, r = e?.appShellPageProps?.loader, o = [];
   for (const i of t.children.values())
-    o.push(Jt(i));
+    o.push(te(i));
   return {
     _type: "resource",
     type: "component",
     path: t.path,
     meta: {
       title: s,
-      icon: r
+      icon: n
     },
-    component: e ? () => /* @__PURE__ */ a(e, {}) : () => null,
+    component: e ? () => /* @__PURE__ */ a(e, {}) : void 0,
     subResources: o.length > 0 ? o : void 0,
-    errorBoundary: /* @__PURE__ */ a(_, {}),
+    errorBoundary: /* @__PURE__ */ a(z, {}),
     guards: t.guards,
-    loader: n
+    loader: r
   };
 }
-function St(t) {
-  const e = t.component;
-  if (!e)
-    throw new Error(
-      `Module "${t.path}" must have a component. Add a page file (e.g., page.tsx) to the module directory.`
-    );
-  const s = Zt(e, t.path), r = e.appShellPageProps?.meta?.icon, n = e.appShellPageProps?.loader, o = [];
+function Tt(t) {
+  const e = t.component, s = Jt(e, t.path), n = e?.appShellPageProps?.meta?.icon, r = e?.appShellPageProps?.loader, o = [];
   for (const i of t.children.values())
-    o.push(Jt(i));
+    o.push(te(i));
   return {
     _type: "module",
     type: "component",
     path: t.path,
     meta: {
       title: s,
-      icon: r,
+      icon: n,
       menuItemClickable: e !== void 0
     },
-    component: () => /* @__PURE__ */ a(e, {}),
+    component: e ? () => /* @__PURE__ */ a(e, {}) : void 0,
     resources: o,
-    errorBoundary: /* @__PURE__ */ a(_, {}),
+    errorBoundary: /* @__PURE__ */ a(z, {}),
     guards: t.guards,
-    loader: n
+    loader: r
   };
 }
-function aa(t) {
+function ra(t) {
   if (t.length === 0)
     return [];
-  const e = ea(t), s = [];
+  const e = na(t), s = [];
   if (e.component) {
-    const r = St({
+    const n = Tt({
       ...e,
       path: "",
       children: /* @__PURE__ */ new Map()
       // Root module doesn't include children as resources
     });
-    s.push(r);
+    s.push(n);
   }
-  for (const r of e.children.values())
-    s.push(St(r));
+  for (const n of e.children.values())
+    s.push(Tt(n));
   return s;
 }
-const te = (t) => {
-  const e = ta(), s = t.contextData ?? {};
-  Fe(s);
-  const r = t.modules, n = B(
-    () => r ? ze({
-      modules: r,
+const ee = (t) => {
+  const e = sa(), s = t.contextData ?? {};
+  je(s);
+  const n = t.modules, r = M(
+    () => n ? $e({
+      modules: n,
       settingsResources: t.settingsResources,
       basePath: t.basePath,
       errorBoundary: t.errorBoundary,
       locale: t.locale
     }) : null,
-    [r, t.settingsResources, t.basePath, t.errorBoundary, t.locale]
-  ), o = B(
-    () => n ? { title: t.title, icon: t.icon, configurations: n } : null,
-    [t.title, t.icon, n]
-  ), i = B(
+    [n, t.settingsResources, t.basePath, t.errorBoundary, t.locale]
+  ), o = M(
+    () => r ? { title: t.title, icon: t.icon, configurations: r } : null,
+    [t.title, t.icon, r]
+  ), i = M(
     () => ({ contextData: t.contextData ?? {} }),
     [t.contextData]
   );
-  if (!r || !o) {
+  if (!n || !o) {
     const l = "[AppShell] No routes configured. Either use the appShellRoutes() vite-plugin for automatic page configuration, or pass the 'modules' prop for manual configuration.";
     return console.error(l), /* @__PURE__ */ a("div", { className: "astw:flex astw:min-h-screen astw:items-center astw:justify-center astw:bg-background astw:p-4", children: /* @__PURE__ */ c("div", { className: "astw:max-w-md astw:rounded-lg astw:border astw:border-destructive/50 astw:bg-destructive/10 astw:p-6 astw:text-center", children: [
       /* @__PURE__ */ a("h1", { className: "astw:mb-2 astw:text-lg astw:font-semibold astw:text-destructive", children: "Configuration Error" }),
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: l })
     ] }) });
   }
-  return e ? /* @__PURE__ */ a(ct.Provider, { value: o, children: /* @__PURE__ */ a(dt.Provider, { value: i, children: /* @__PURE__ */ a(Qe, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Ge, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
+  return e ? /* @__PURE__ */ a(dt.Provider, { value: o, children: /* @__PURE__ */ a(ut.Provider, { value: i, children: /* @__PURE__ */ a(Ze, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Qe, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
 };
-function sa(t) {
-  const e = aa(t), s = e.find((o) => o.path === ""), r = e.filter((o) => o.path !== "");
+function oa(t) {
+  const e = ra(t), s = e.find((o) => o.path === ""), n = e.filter((o) => o.path !== "");
   return (o) => /* @__PURE__ */ a(
-    te,
+    ee,
     {
       ...o,
-      modules: r,
+      modules: n,
       rootComponent: o.rootComponent ?? s?.component
     }
   );
 }
-te.WithPages = sa;
-const J = 768;
-function ra() {
-  const [t, e] = f.useState(void 0);
-  return f.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${J - 1}px)`), r = () => {
-      e(window.innerWidth < J);
+ee.WithPages = oa;
+const tt = 768;
+function ia() {
+  const [t, e] = g.useState(void 0);
+  return g.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${tt - 1}px)`), n = () => {
+      e(window.innerWidth < tt);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < J), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", n), e(window.innerWidth < tt), () => s.removeEventListener("change", n);
   }, []), !!t;
 }
-const tt = 768, et = 1199;
-function na() {
-  const [t, e] = f.useState(void 0);
-  return f.useEffect(() => {
+const et = 768, at = 1199;
+function la() {
+  const [t, e] = g.useState(void 0);
+  return g.useEffect(() => {
     const s = window.matchMedia(
-      `(min-width: ${tt}px) and (max-width: ${et}px)`
-    ), r = () => {
+      `(min-width: ${et}px) and (max-width: ${at}px)`
+    ), n = () => {
       e(
-        window.innerWidth >= tt && window.innerWidth <= et
+        window.innerWidth >= et && window.innerWidth <= at
       );
     };
-    return s.addEventListener("change", r), e(
-      window.innerWidth >= tt && window.innerWidth <= et
-    ), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", n), e(
+      window.innerWidth >= et && window.innerWidth <= at
+    ), () => s.removeEventListener("change", n);
   }, []), !!t;
 }
-function oa({ className: t, type: e, ...s }) {
+function ca({ className: t, type: e, ...s }) {
   return /* @__PURE__ */ a(
     "input",
     {
@@ -681,11 +685,11 @@ function oa({ className: t, type: e, ...s }) {
     }
   );
 }
-function ia({
+function da({
   className: t,
   orientation: e = "horizontal",
   decorative: s = !0,
-  ...r
+  ...n
 }) {
   return /* @__PURE__ */ a(
     "div",
@@ -699,19 +703,19 @@ function ia({
         e === "horizontal" ? "astw:h-px astw:w-full" : "astw:h-full astw:w-px",
         t
       ),
-      ...r
+      ...n
     }
   );
 }
-function Ct({ ...t }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
+function kt({ ...t }) {
+  return /* @__PURE__ */ a(x.Root, { "data-slot": "sheet", ...t });
 }
-function la({ ...t }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
+function ua({ ...t }) {
+  return /* @__PURE__ */ a(x.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function ca({ className: t, ...e }) {
+function wa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Backdrop,
+    x.Backdrop,
     {
       "data-slot": "sheet-overlay",
       className: m(
@@ -722,16 +726,16 @@ function ca({ className: t, ...e }) {
     }
   );
 }
-function Tt({
+function Rt({
   className: t,
   children: e,
   side: s = "right",
-  ...r
+  ...n
 }) {
-  return /* @__PURE__ */ c(la, { children: [
-    /* @__PURE__ */ a(ca, {}),
+  return /* @__PURE__ */ c(ua, { children: [
+    /* @__PURE__ */ a(wa, {}),
     /* @__PURE__ */ c(
-      v.Popup,
+      x.Popup,
       {
         "data-slot": "sheet-content",
         className: m(
@@ -742,11 +746,11 @@ function Tt({
           s === "bottom" && "astw:data-ending-style:slide-out-to-bottom astw:data-open:slide-in-from-bottom astw:inset-x-0 astw:bottom-0 astw:h-auto astw:border-t",
           t
         ),
-        ...r,
+        ...n,
         children: [
           e,
-          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-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(_t, { className: "astw:size-4" }),
+          /* @__PURE__ */ c(x.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-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(Wt, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -754,7 +758,7 @@ function Tt({
     )
   ] });
 }
-function kt({ className: t, ...e }) {
+function Pt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -764,9 +768,9 @@ function kt({ className: t, ...e }) {
     }
   );
 }
-function Rt({ className: t, ...e }) {
+function At({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    x.Title,
     {
       "data-slot": "sheet-title",
       className: m("astw:text-foreground astw:font-semibold", t),
@@ -774,12 +778,12 @@ function Rt({ className: t, ...e }) {
     }
   );
 }
-function Pt({
+function Bt({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Description,
+    x.Description,
     {
       "data-slot": "sheet-description",
       className: m("astw:text-muted-foreground astw:text-sm", t),
@@ -787,28 +791,28 @@ function Pt({
     }
   );
 }
-function mt({
+function ht({
   delayDuration: t = 0,
   children: e,
   ...s
 }) {
   return /* @__PURE__ */ a(A.Provider, { "data-slot": "tooltip-provider", delay: t, ...s, children: e });
 }
-function ht({ children: t, ...e }) {
-  return /* @__PURE__ */ a(mt, { children: /* @__PURE__ */ a(A.Root, { "data-slot": "tooltip", ...e, children: t }) });
+function pt({ children: t, ...e }) {
+  return /* @__PURE__ */ a(ht, { children: /* @__PURE__ */ a(A.Root, { "data-slot": "tooltip", ...e, children: t }) });
 }
-function pt({ ...t }) {
+function ft({ ...t }) {
   return /* @__PURE__ */ a(A.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function ft({
+function gt({
   className: t,
   sideOffset: e = 0,
   side: s = "top",
-  align: r = "center",
-  children: n,
+  align: n = "center",
+  children: r,
   ...o
 }) {
-  return /* @__PURE__ */ a(A.Portal, { children: /* @__PURE__ */ a(A.Positioner, { sideOffset: e, side: s, align: r, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(A.Portal, { children: /* @__PURE__ */ a(A.Positioner, { sideOffset: e, side: s, align: n, children: /* @__PURE__ */ c(
     A.Popup,
     {
       "data-slot": "tooltip-content",
@@ -818,125 +822,125 @@ function ft({
       ),
       ...o,
       children: [
-        n,
+        r,
         /* @__PURE__ */ a(A.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 ee = "16rem", da = "18rem", ua = "3rem", wa = "b", ae = f.createContext(null);
-function K() {
-  const t = f.useContext(ae);
+const ae = "16rem", ma = "18rem", ha = "3rem", pa = "b", se = g.createContext(null);
+function H() {
+  const t = g.useContext(se);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function ma({
+function fa({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
-  className: r,
-  style: n,
+  className: n,
+  style: r,
   children: o,
   ...i
 }) {
-  const l = ra(), u = na(), [w, d] = f.useState(!1), [h, p] = f.useState(!1), [g, x] = f.useState(t), b = e ?? g, k = f.useCallback(
+  const l = ia(), u = la(), [d, w] = g.useState(!1), [h, f] = g.useState(!1), [b, p] = g.useState(t), v = e ?? b, k = g.useCallback(
     (y) => {
-      const P = typeof y == "function" ? y(b) : y;
-      s ? s(P) : x(P);
+      const P = typeof y == "function" ? y(v) : y;
+      s ? s(P) : p(P);
     },
-    [s, b]
-  ), R = u && !l, V = f.useCallback(() => l ? d((y) => !y) : R ? p((y) => !y) : k((y) => !y), [l, R, k, d]);
-  f.useEffect(() => {
+    [s, v]
+  ), R = u && !l, K = g.useCallback(() => l ? w((y) => !y) : R ? f((y) => !y) : k((y) => !y), [l, R, k, w]);
+  g.useEffect(() => {
     const y = (P) => {
-      P.key === wa && (P.metaKey || P.ctrlKey) && (P.preventDefault(), V());
+      P.key === pa && (P.metaKey || P.ctrlKey) && (P.preventDefault(), K());
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [V]);
-  const vt = b ? "expanded" : "collapsed", de = f.useMemo(
+  }, [K]);
+  const Nt = v ? "expanded" : "collapsed", we = g.useMemo(
     () => ({
-      state: vt,
-      open: b,
+      state: Nt,
+      open: v,
       setOpen: k,
       isMobile: l,
-      openMobile: w,
-      setOpenMobile: d,
-      toggleSidebar: V,
+      openMobile: d,
+      setOpenMobile: w,
+      toggleSidebar: K,
       isIconMode: R,
       openIconMode: h,
-      setOpenIconMode: p
+      setOpenIconMode: f
     }),
     [
-      vt,
-      b,
+      Nt,
+      v,
       k,
       l,
-      w,
       d,
-      V,
+      w,
+      K,
       R,
       h,
-      p
+      f
     ]
   );
-  return /* @__PURE__ */ a(ae.Provider, { value: de, children: /* @__PURE__ */ a(mt, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(se.Provider, { value: we, children: /* @__PURE__ */ a(ht, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": ee,
-        "--sidebar-width-icon": ua,
-        ...n
+        "--sidebar-width": ae,
+        "--sidebar-width-icon": ha,
+        ...r
       },
       className: m(
         "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full astw:overflow-hidden",
-        r
+        n
       ),
       ...i,
       children: o
     }
   ) }) });
 }
-function ha({
+function ga({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
-  className: r,
-  children: n,
+  className: n,
+  children: r,
   ...o
 }) {
-  const { isMobile: i, state: l, openMobile: u, setOpenMobile: w, isIconMode: d, openIconMode: h, setOpenIconMode: p } = K();
+  const { isMobile: i, state: l, openMobile: u, setOpenMobile: d, isIconMode: w, openIconMode: h, setOpenIconMode: f } = H();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar",
       className: m(
         "astw:bg-sidebar astw:text-sidebar-foreground astw:flex astw:h-full astw:w-(--sidebar-width) astw:flex-col",
-        r
+        n
       ),
       ...o,
-      children: n
+      children: r
     }
-  ) : i ? /* @__PURE__ */ a(Ct, { open: u, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
-    Tt,
+  ) : i ? /* @__PURE__ */ a(kt, { open: u, onOpenChange: d, ...o, children: /* @__PURE__ */ c(
+    Rt,
     {
       "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": da
+        "--sidebar-width": ma
       },
       side: t,
       children: [
-        /* @__PURE__ */ c(kt, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(Rt, { children: "Sidebar" }),
-          /* @__PURE__ */ a(Pt, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ c(Pt, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(At, { children: "Sidebar" }),
+          /* @__PURE__ */ a(Bt, { children: "Displays the mobile sidebar." })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
+        /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: r })
       ]
     }
-  ) }) : d && s === "icon" ? /* @__PURE__ */ c(S, { children: [
+  ) }) : w && s === "icon" ? /* @__PURE__ */ c(S, { children: [
     /* @__PURE__ */ c(
       "div",
       {
@@ -973,7 +977,7 @@ function ha({
                   "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
+                  children: r
                 }
               )
             }
@@ -981,23 +985,23 @@ function ha({
         ]
       }
     ),
-    /* @__PURE__ */ a(Ct, { open: h, onOpenChange: p, ...o, children: /* @__PURE__ */ c(
-      Tt,
+    /* @__PURE__ */ a(kt, { open: h, onOpenChange: f, ...o, children: /* @__PURE__ */ c(
+      Rt,
       {
         "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": ee
+          "--sidebar-width": ae
         },
         side: t,
         children: [
-          /* @__PURE__ */ c(kt, { className: "astw:sr-only", children: [
-            /* @__PURE__ */ a(Rt, { children: "Sidebar" }),
-            /* @__PURE__ */ a(Pt, { children: "Displays the sidebar overlay." })
+          /* @__PURE__ */ c(Pt, { className: "astw:sr-only", children: [
+            /* @__PURE__ */ a(At, { children: "Sidebar" }),
+            /* @__PURE__ */ a(Bt, { children: "Displays the sidebar overlay." })
           ] }),
-          /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
+          /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: r })
         ]
       }
     ) })
@@ -1033,7 +1037,7 @@ function ha({
               // Adjust the padding for floating and inset variants.
               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",
-              r
+              n
             ),
             ...o,
             children: /* @__PURE__ */ a(
@@ -1042,7 +1046,7 @@ function ha({
                 "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:group-data-[variant=floating]:rounded-lg astw:group-data-[variant=floating]:border astw:group-data-[variant=floating]:shadow-sm",
-                children: n
+                children: r
               }
             )
           }
@@ -1051,8 +1055,8 @@ function ha({
     }
   );
 }
-function se({ className: t, onClick: e, ...s }) {
-  const { toggleSidebar: r } = K();
+function ne({ className: t, onClick: e, ...s }) {
+  const { toggleSidebar: n } = H();
   return /* @__PURE__ */ c(
     O,
     {
@@ -1061,18 +1065,18 @@ function se({ className: t, onClick: e, ...s }) {
       variant: "ghost",
       size: "icon",
       className: m("astw:text-muted-foreground", t),
-      onClick: (n) => {
-        e?.(n), r();
+      onClick: (r) => {
+        e?.(r), n();
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(Te, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(Re, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function pa({ className: t, ...e }) {
+function ba({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -1087,7 +1091,7 @@ function pa({ className: t, ...e }) {
     }
   );
 }
-function fa({ className: t, ...e }) {
+function va({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1098,9 +1102,9 @@ function fa({ className: t, ...e }) {
     }
   );
 }
-function ga({ className: t, ...e }) {
+function xa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    ia,
+    da,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
@@ -1109,7 +1113,7 @@ function ga({ className: t, ...e }) {
     }
   );
 }
-function ba({ className: t, ...e }) {
+function ya({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1123,7 +1127,7 @@ function ba({ className: t, ...e }) {
     }
   );
 }
-function gt({ className: t, ...e }) {
+function bt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1137,7 +1141,7 @@ function gt({ className: t, ...e }) {
     }
   );
 }
-function bt({ className: t, ...e }) {
+function vt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -1148,7 +1152,7 @@ function bt({ className: t, ...e }) {
     }
   );
 }
-function I({ className: t, ...e }) {
+function L({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1159,7 +1163,7 @@ function I({ className: t, ...e }) {
     }
   );
 }
-const xa = ot(
+const Na = it(
   "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: {
@@ -1179,50 +1183,50 @@ const xa = ot(
     }
   }
 );
-function z({
+function _({
   render: t,
   isActive: e = !1,
   variant: s = "default",
-  size: r = "default",
-  tooltip: n,
+  size: n = "default",
+  tooltip: r,
   className: o,
   children: i,
   ...l
 }) {
-  const { isMobile: u, state: w } = K(), d = j({
+  const { isMobile: u, state: d } = H(), w = j({
     defaultTagName: "button",
     render: t,
     props: {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
-      "data-size": r,
+      "data-size": n,
       "data-active": e,
-      className: m(xa({ variant: s, size: r }), o),
+      className: m(Na({ variant: s, size: n }), o),
       children: i,
       ...l
     }
   });
-  return n ? (typeof n == "string" && (n = {
-    children: n
-  }), /* @__PURE__ */ c(ht, { children: [
-    /* @__PURE__ */ a(pt, { render: d }),
+  return r ? (typeof r == "string" && (r = {
+    children: r
+  }), /* @__PURE__ */ c(pt, { children: [
+    /* @__PURE__ */ a(ft, { render: w }),
     /* @__PURE__ */ a(
-      ft,
+      gt,
       {
         side: "right",
         align: "center",
-        hidden: w !== "collapsed" || u,
-        ...n
+        hidden: d !== "collapsed" || u,
+        ...r
       }
     )
-  ] })) : d;
+  ] })) : w;
 }
-function q({
+function Y({
   className: t,
   render: e,
   showOnHover: s = !1,
-  children: r,
-  ...n
+  children: n,
+  ...r
 }) {
   return j({
     defaultTagName: "button",
@@ -1241,12 +1245,12 @@ function q({
         s && "astw:peer-data-[active=true]/menu-button:text-sidebar-accent-foreground astw:group-focus-within/menu-item:opacity-100 astw:group-hover/menu-item:opacity-100 astw:data-[state=open]:opacity-100 astw:md:opacity-0",
         t
       ),
-      children: r,
-      ...n
+      children: n,
+      ...r
     }
   });
 }
-function at({ className: t, ...e }) {
+function st({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -1261,7 +1265,7 @@ function at({ className: t, ...e }) {
     }
   );
 }
-function va({ className: t, ...e }) {
+function Sa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1272,12 +1276,12 @@ function va({ className: t, ...e }) {
     }
   );
 }
-function ya({
+function Ca({
   render: t,
   size: e = "md",
   isActive: s = !1,
-  className: r,
-  children: n,
+  className: n,
+  children: r,
   ...o
 }) {
   return j({
@@ -1294,199 +1298,202 @@ function ya({
         e === "sm" && "astw:text-xs",
         e === "md" && "astw:text-sm",
         "astw:group-data-[collapsible=icon]:hidden",
-        r
+        n
       ),
-      children: n,
+      children: r,
       ...o
     }
   });
 }
-const Na = (t) => {
-  const { configurations: e } = C(), { modules: s, locale: r } = e;
-  return Sa(t) ? null : Ca(t, s, r);
-}, Sa = (t) => t.startsWith("http://") || t.startsWith("https://"), Ca = (t, e, s) => {
-  const r = U(s), n = At(t);
+const Ta = (t) => {
+  const { configurations: e } = C(), { modules: s, locale: n } = e;
+  return ka(t) ? null : Ra(t, s, n);
+}, ka = (t) => t.startsWith("http://") || t.startsWith("https://"), Ra = (t, e, s) => {
+  const n = U(s), r = Dt(t);
   for (const o of e) {
-    const i = At(o.path);
-    if (re(n, i))
+    const i = Dt(o.path);
+    if (re(r, i))
       return {
-        title: r(o.meta.title, o.path),
+        title: n(o.meta.title, o.path),
         icon: o.meta.icon
       };
-    const l = ne(n, i, o.resources, r);
+    const l = oe(r, i, o.resources, n);
     if (l)
       return l;
   }
   return null;
 }, re = (t, e) => {
   if (t === e) return !0;
-  const s = t.split("/"), r = e.split("/");
-  return s.length !== r.length ? !1 : r.every((n, o) => n.startsWith(":") || n === s[o]);
-}, At = (t) => {
+  const s = t.split("/"), n = e.split("/");
+  return s.length !== n.length ? !1 : n.every((r, o) => r.startsWith(":") || r === s[o]);
+}, Dt = (t) => {
   let e = t;
   return e.startsWith("/") || (e = `/${e}`), e.length > 1 && e.endsWith("/") && (e = e.slice(0, -1)), e;
-}, ne = (t, e, s, r) => {
-  for (const n of s) {
-    const o = `${e}/${n.path}`;
+}, oe = (t, e, s, n) => {
+  for (const r of s) {
+    const o = `${e}/${r.path}`;
     if (re(t, o))
       return {
-        title: r(n.meta.title, n.path),
-        icon: n.meta.icon
+        title: n(r.meta.title, r.path),
+        icon: r.meta.icon
       };
-    if (n.subResources) {
-      const i = ne(t, o, n.subResources, r);
+    if (r.subResources) {
+      const i = oe(t, o, r.subResources, n);
       if (i)
         return i;
     }
   }
   return null;
-}, Fs = (t) => {
+}, Qs = (t) => {
   const {
     to: e,
     external: s,
-    render: r,
-    activeMatch: n = "prefix",
+    render: n,
+    activeMatch: r = "prefix",
     title: o,
     icon: i
-  } = t, { pathname: l } = Y(), u = Na(e), w = n === "exact" ? l === e : l === e || l.startsWith(`${e}/`), d = o ?? u?.title ?? Ta(e), h = i ?? u?.icon, p = {
-    title: d,
+  } = t, { pathname: l } = X(), u = Ta(e), d = r === "exact" ? l === e : l === e || l.startsWith(`${e}/`), w = o ?? u?.title ?? Pa(e), h = i ?? u?.icon, f = {
+    title: w,
     url: e,
     icon: h,
-    isActive: w
+    isActive: d
   };
-  return s || oe(e) ? /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
-    z,
+  return s || ie(e) ? /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(
+    _,
     {
-      render: /* @__PURE__ */ a(
-        "a",
-        {
-          href: e,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
-        }
+      render: (
+        // oxlint-disable-next-line jsx-a11y/anchor-has-content -- content is provided by SidebarMenuButton's children
+        /* @__PURE__ */ a(
+          "a",
+          {
+            href: e,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: d ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+          }
+        )
       ),
-      tooltip: d,
-      children: r ? r(p) : /* @__PURE__ */ c(S, { children: [
-        h ?? /* @__PURE__ */ a($t, { className: "astw:size-4" }),
-        /* @__PURE__ */ a("span", { children: d })
+      tooltip: w,
+      children: n ? n(f) : /* @__PURE__ */ c(S, { children: [
+        h ?? /* @__PURE__ */ a(Ft, { className: "astw:size-4" }),
+        /* @__PURE__ */ a("span", { children: w })
       ] })
     }
-  ) }) : /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
-    z,
+  ) }) : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(
+    _,
     {
       render: /* @__PURE__ */ a(
         $,
         {
           to: e,
-          className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+          className: d ? "astw:bg-sidebar-accent astw:font-medium" : void 0
         }
       ),
-      tooltip: d,
-      children: r ? r(p) : /* @__PURE__ */ c(S, { children: [
+      tooltip: w,
+      children: n ? n(f) : /* @__PURE__ */ c(S, { children: [
         h,
-        /* @__PURE__ */ a("span", { children: d })
+        /* @__PURE__ */ a("span", { children: w })
       ] })
     }
   ) });
-}, oe = (t) => t.startsWith("http://") || t.startsWith("https://"), Ta = (t) => {
-  if (oe(t))
+}, ie = (t) => t.startsWith("http://") || t.startsWith("https://"), Pa = (t) => {
+  if (ie(t))
     try {
       return new URL(t).hostname;
     } catch {
       return t;
     }
   const e = t.split("/").filter(Boolean);
-  return (e[e.length - 1] ?? t).split("-").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
+  return (e[e.length - 1] ?? t).split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ");
 };
-function st({ ...t }) {
-  return /* @__PURE__ */ a(lt.Root, { "data-slot": "collapsible", ...t });
+function nt({ ...t }) {
+  return /* @__PURE__ */ a(ct.Root, { "data-slot": "collapsible", ...t });
 }
 function Q({ ...t }) {
-  return /* @__PURE__ */ a(lt.Trigger, { "data-slot": "collapsible-trigger", ...t });
+  return /* @__PURE__ */ a(ct.Trigger, { "data-slot": "collapsible-trigger", ...t });
 }
 function rt({ ...t }) {
-  return /* @__PURE__ */ a(lt.Panel, { "data-slot": "collapsible-content", ...t });
+  return /* @__PURE__ */ a(ct.Panel, { "data-slot": "collapsible-content", ...t });
 }
-const Os = (t) => {
-  const { title: e, icon: s, to: r, defaultOpen: n = !0, children: o } = t, { pathname: i } = Y(), { configurations: l } = C(), u = U(l.locale), w = E(), d = u(e, typeof e == "string" ? e : ""), h = r ? i === r : !1;
-  return r ? /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
+const Xs = (t) => {
+  const { title: e, icon: s, to: n, defaultOpen: r = !0, children: o } = t, { pathname: i } = X(), { configurations: l } = C(), u = U(l.locale), d = B(), w = u(e, typeof e == "string" ? e : ""), h = n ? i === n : !1;
+  return n ? /* @__PURE__ */ c(nt, { render: /* @__PURE__ */ a(L, {}), defaultOpen: r, children: [
     /* @__PURE__ */ c(
-      z,
+      _,
       {
         render: /* @__PURE__ */ a(
           $,
           {
-            to: r,
+            to: n,
             className: h ? "astw:bg-sidebar-accent astw:font-medium" : void 0
           }
         ),
-        tooltip: d,
+        tooltip: w,
         children: [
           s,
-          /* @__PURE__ */ a("span", { children: d })
+          /* @__PURE__ */ a("span", { children: w })
         ]
       }
     ),
     /* @__PURE__ */ c(
       Q,
       {
-        render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
+        render: /* @__PURE__ */ a(Y, { className: "astw:data-panel-open:rotate-90" }),
         children: [
           /* @__PURE__ */ a(W, {}),
-          /* @__PURE__ */ a("span", { className: "astw:sr-only", children: w("toggle") })
+          /* @__PURE__ */ a("span", { className: "astw:sr-only", children: d("toggle") })
         ]
       }
     ),
-    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
-  ] }) : /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
+    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(st, { children: o }) })
+  ] }) : /* @__PURE__ */ c(nt, { render: /* @__PURE__ */ a(L, {}), defaultOpen: r, children: [
     /* @__PURE__ */ c(Q, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
       /* @__PURE__ */ c(
-        z,
+        _,
         {
           render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
-          tooltip: d,
+          tooltip: w,
           children: [
             s,
-            /* @__PURE__ */ a("span", { children: d })
+            /* @__PURE__ */ a("span", { children: w })
           ]
         }
       ),
-      /* @__PURE__ */ c(q, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
+      /* @__PURE__ */ c(Y, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
         /* @__PURE__ */ a(W, {}),
-        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: w("toggle") })
+        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: d("toggle") })
       ] })
     ] }),
-    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
+    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(st, { children: o }) })
   ] });
-}, js = () => /* @__PURE__ */ a(ga, {}), ka = (t) => {
-  const { title: e, icon: s } = C(), { pathname: r } = Y(), { isIconMode: n } = K(), o = /* @__PURE__ */ c(fa, { children: [
+}, Zs = () => /* @__PURE__ */ a(xa, {}), Aa = (t) => {
+  const { title: e, icon: s } = C(), { pathname: n } = X(), { isIconMode: r } = H(), o = /* @__PURE__ */ c(va, { children: [
     s,
-    /* @__PURE__ */ a("h1", { className: m("astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", n && "astw:hidden"), children: e })
+    /* @__PURE__ */ a("h1", { className: m("astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", r && "astw:hidden"), children: e })
   ] });
-  return /* @__PURE__ */ c(ha, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
-    !n && /* @__PURE__ */ c("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
+  return /* @__PURE__ */ c(ga, { variant: "inset", collapsible: r ? "icon" : "offcanvas", children: [
+    !r && /* @__PURE__ */ c("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(se, { className: "astw:-ml-1" }) })
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(ne, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(ba, { children: t.children ? (
+    /* @__PURE__ */ a(ya, { children: t.children ? (
       // New API: children-based explicit definition
-      /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.children }) })
+      /* @__PURE__ */ a(bt, { children: /* @__PURE__ */ a(vt, { children: t.children }) })
     ) : (
       // Existing behavior: auto-generation from resources
-      /* @__PURE__ */ a(it, { fallback: /* @__PURE__ */ a(Ea, {}), children: /* @__PURE__ */ a(Ra, { currentPath: r }) })
+      /* @__PURE__ */ a(lt, { fallback: /* @__PURE__ */ a(Ea, {}), children: /* @__PURE__ */ a(Ba, { currentPath: n }) })
     ) }),
     t.footer ?? null
   ] });
-}, Ra = ({ currentPath: t }) => {
+}, Ba = ({ currentPath: t }) => {
   const e = Qt();
-  return /* @__PURE__ */ a(zt, { resolve: e, children: (s) => /* @__PURE__ */ a(Pa, { items: s ?? [], currentPath: t }) });
-}, Pa = (t) => {
-  const e = E();
-  return /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.items.map((s) => /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: !0, children: [
+  return /* @__PURE__ */ a($t, { resolve: e, children: (s) => /* @__PURE__ */ a(Da, { items: s ?? [], currentPath: t }) });
+}, Da = (t) => {
+  const e = B();
+  return /* @__PURE__ */ a(bt, { children: /* @__PURE__ */ a(vt, { children: t.items.map((s) => /* @__PURE__ */ c(nt, { render: /* @__PURE__ */ a(L, {}), defaultOpen: !0, children: [
     s.url ? /* @__PURE__ */ c(S, { children: [
       /* @__PURE__ */ c(
-        z,
+        _,
         {
           render: /* @__PURE__ */ a(
             $,
@@ -1505,7 +1512,7 @@ const Os = (t) => {
       !!s.items?.length && /* @__PURE__ */ c(
         Q,
         {
-          render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
+          render: /* @__PURE__ */ a(Y, { className: "astw:data-panel-open:rotate-90" }),
           children: [
             /* @__PURE__ */ a(W, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
@@ -1514,7 +1521,7 @@ const Os = (t) => {
       )
     ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(Q, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
       /* @__PURE__ */ c(
-        z,
+        _,
         {
           render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
           tooltip: s.title,
@@ -1524,26 +1531,26 @@ const Os = (t) => {
           ]
         }
       ),
-      !!s.items?.length && /* @__PURE__ */ c(q, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
+      !!s.items?.length && /* @__PURE__ */ c(Y, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
         /* @__PURE__ */ a(W, {}),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
       ] })
     ] }) }),
-    !!s.items?.length && /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: s.items?.map((r) => /* @__PURE__ */ a(va, { children: /* @__PURE__ */ a(
-      ya,
+    !!s.items?.length && /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(st, { children: s.items?.filter((n) => n.url).map((n) => /* @__PURE__ */ a(Sa, { children: /* @__PURE__ */ a(
+      Ca,
       {
         render: /* @__PURE__ */ a(
           $,
           {
-            to: r.url,
-            className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+            to: n.url,
+            className: n.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
           }
         ),
-        children: /* @__PURE__ */ a("span", { children: r.title })
+        children: /* @__PURE__ */ a("span", { children: n.title })
       }
-    ) }, r.title)) }) })
+    ) }, n.title)) }) })
   ] }, s.title)) }) });
-}, Aa = [104, 80, 112, 88, 96, 100, 84, 92], Ea = () => /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { className: "astw:px-2", children: Aa.map((t, e) => /* @__PURE__ */ a(I, { children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+}, Ma = [104, 80, 112, 88, 96, 100, 84, 92], Ea = () => /* @__PURE__ */ a(bt, { children: /* @__PURE__ */ a(vt, { className: "astw:px-2", children: Ma.map((t, e) => /* @__PURE__ */ a(L, { children: /* @__PURE__ */ c("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",
@@ -1553,10 +1560,10 @@ const Os = (t) => {
     }
   )
 ] }) }, e)) }) });
-function Et({ ...t }) {
+function Mt({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function Mt({ className: t, ...e }) {
+function Et({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1569,7 +1576,7 @@ function Mt({ className: t, ...e }) {
     }
   );
 }
-function Bt({ className: t, ...e }) {
+function It({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1579,26 +1586,26 @@ function Bt({ className: t, ...e }) {
     }
   );
 }
-function Dt({
+function Lt({
   render: t,
   className: e,
   children: s,
-  to: r,
-  ...n
+  to: n,
+  ...r
 }) {
   const o = m("astw:hover:text-foreground astw:transition-colors", e);
   return j({
     defaultTagName: "a",
-    render: t ?? /* @__PURE__ */ a($, { to: r }),
+    render: t ?? /* @__PURE__ */ a($, { to: n }),
     props: {
       "data-slot": "breadcrumb-link",
       className: o,
       children: s,
-      ...t ? n : { to: r, ...n }
+      ...t ? r : { to: n, ...r }
     }
   });
 }
-function Ma({ children: t, className: e, ...s }) {
+function Ia({ children: t, className: e, ...s }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1611,54 +1618,54 @@ function Ma({ children: t, className: e, ...s }) {
     }
   );
 }
-function Ba(t, e) {
+function La(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)
+    (n) => n.title.toLowerCase().includes(s) || n.path.toLowerCase().includes(s)
   );
 }
-const Da = (t, e) => {
-  const s = Ot(e);
+const _a = (t, e) => {
+  const s = Ut(e);
   return t.reduce(
-    (r, n) => {
-      const o = s(n.meta.title, n.path);
-      r[n.path] = {
+    (n, r) => {
+      const o = s(r.meta.title, r.path);
+      n[r.path] = {
         title: o,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any -- breadcrumbTitle exists at runtime but not in CommonPageResource type
-        breadcrumbTitle: n.meta.breadcrumbTitle
+        breadcrumbTitle: r.meta.breadcrumbTitle
       };
       const i = (l, u) => {
-        !l || l.length === 0 || l.forEach((w) => {
-          const d = `${u}/${w.path}`, h = s(w.meta.title, w.path);
-          r[d] = {
+        !l || l.length === 0 || l.forEach((d) => {
+          const w = `${u}/${d.path}`, h = s(d.meta.title, d.path);
+          n[w] = {
             title: h,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any -- breadcrumbTitle exists at runtime but not in CommonPageResource type
-            breadcrumbTitle: w.meta.breadcrumbTitle
-          }, w.subResources && w.subResources.length > 0 && i(w.subResources, d);
+            breadcrumbTitle: d.meta.breadcrumbTitle
+          }, d.subResources && d.subResources.length > 0 && i(d.subResources, w);
         });
       };
-      return n.resources && n.resources.length > 0 && i(n.resources, n.path), r;
+      return r.resources && r.resources.length > 0 && i(r.resources, r.path), n;
     },
     {}
   );
 };
-function La(t, e, s, r) {
-  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = Da(s, r), l = o.map((u, w) => {
-    const d = o.slice(0, w + 1).join("/");
-    let h = i[d];
+function za(t, e, s, n) {
+  const r = t.split("/").filter((u) => u !== ""), o = e && r[0] === e ? r.slice(1) : r, i = _a(s, n), l = o.map((u, d) => {
+    const w = o.slice(0, d + 1).join("/");
+    let h = i[w];
     if (!h) {
-      const g = Object.entries(i).find(([x]) => {
-        const b = x.split("/").map((R) => R.startsWith(":") ? "[^/]+" : R).join("/");
-        return new RegExp(`^${b}$`).test(d);
+      const b = Object.entries(i).find(([p]) => {
+        const v = p.split("/").map((R) => R.startsWith(":") ? "[^/]+" : R).join("/");
+        return new RegExp(`^${v}$`).test(w);
       })?.[1];
-      g && (h = g);
+      b && (h = b);
     }
-    let p;
-    return h ? typeof h.breadcrumbTitle == "function" ? p = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? p = h.breadcrumbTitle : p = h.title : p = decodeURIComponent(u), {
+    let f;
+    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: d,
-      title: p
+      path: w,
+      title: f
     };
   });
   return {
@@ -1666,57 +1673,57 @@ function La(t, e, s, r) {
     segments: l
   };
 }
-const Ia = () => {
-  const { configurations: t } = C(), e = Y();
-  return La(
+const $a = () => {
+  const { configurations: t } = C(), e = X();
+  return za(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, za = () => {
-  const { segments: t } = Ia(), e = ve("/:prefix/settings/:suffix"), s = E();
-  return e ? /* @__PURE__ */ a(Et, { children: /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(Et, { children: /* @__PURE__ */ a(Mt, { children: t.map((r, n) => /* @__PURE__ */ c(
+}, Wa = () => {
+  const { segments: t } = $a(), e = Ne("/:prefix/settings/:suffix"), s = B();
+  return e ? /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a(Et, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(It, { children: /* @__PURE__ */ a(Lt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a(Et, { children: t.map((n, r) => /* @__PURE__ */ c(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
-        /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(Ma, {})
+        /* @__PURE__ */ a(It, { children: /* @__PURE__ */ a(Lt, { to: n.path, children: n.title }) }),
+        r < t.length - 1 && /* @__PURE__ */ a(Ia, {})
       ]
     },
-    n
+    r
   )) }) });
-}, _a = () => {
-  const { open: t, isIconMode: e } = K();
-  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(se, { className: "astw:-ml-2.5" }) });
-}, Us = (t) => {
-  const e = t.children ? t.children({ Outlet: Nt }) : null, s = Ye(), r = () => {
+}, Fa = () => {
+  const { open: t, isIconMode: e } = H();
+  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(ne, { className: "astw:-ml-2.5" }) });
+}, Js = (t) => {
+  const e = t.children ? t.children({ Outlet: Ct }) : null, s = Je(), n = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a(ma, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(ka, {}),
-    /* @__PURE__ */ c(pa, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+  return /* @__PURE__ */ a(fa, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(Aa, {}),
+    /* @__PURE__ */ c(ba, { 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__ */ c("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
         /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(_a, {}),
-          /* @__PURE__ */ a(za, {})
+          /* @__PURE__ */ a(Fa, {}),
+          /* @__PURE__ */ a(Wa, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(O, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(ke, {}) }) })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(O, { variant: "outline", size: "icon", onClick: n, children: /* @__PURE__ */ a(Pe, {}) }) })
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4 astw:flex-1 astw:min-h-0", children: e ?? /* @__PURE__ */ a(Nt, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4 astw:flex-1 astw:min-h-0", children: e ?? /* @__PURE__ */ a(Ct, {}) })
     ] })
   ] }) });
 };
-function $a({ ...t }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
+function Oa({ ...t }) {
+  return /* @__PURE__ */ a(x.Root, { "data-slot": "dialog", ...t });
 }
-function Wa({ ...t }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
+function ja({ ...t }) {
+  return /* @__PURE__ */ a(x.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function Fa({ className: t, ...e }) {
+function Ua({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Backdrop,
+    x.Backdrop,
     {
       "data-slot": "dialog-overlay",
       className: m(
@@ -1727,15 +1734,15 @@ function Fa({ className: t, ...e }) {
     }
   );
 }
-function Oa({
+function Ha({
   className: t,
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ c(Wa, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(Fa, {}),
+  return /* @__PURE__ */ c(ja, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(Ua, {}),
     /* @__PURE__ */ c(
-      v.Popup,
+      x.Popup,
       {
         "data-slot": "dialog-content",
         className: m(
@@ -1745,8 +1752,8 @@ function Oa({
         ...s,
         children: [
           e,
-          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-open:bg-accent astw:data-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(_t, {}),
+          /* @__PURE__ */ c(x.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-open:bg-accent astw:data-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(Wt, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1754,9 +1761,9 @@ function Oa({
     )
   ] });
 }
-function ja({ className: t, ...e }) {
+function Ka({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    x.Title,
     {
       "data-slot": "dialog-title",
       className: m("astw:text-lg astw:leading-none astw:font-semibold", t),
@@ -1764,157 +1771,157 @@ function ja({ className: t, ...e }) {
     }
   );
 }
-function Ua(t) {
-  const e = [], s = (r, n, o) => {
-    r.forEach((i) => {
+function Va(t) {
+  const e = [], s = (n, r, o) => {
+    n.forEach((i) => {
       const l = [...o, i.title];
-      e.push({
+      i.url && e.push({
         path: i.url,
         title: i.title,
-        icon: n,
+        icon: r,
         breadcrumb: l
-      }), i.items && i.items.length > 0 && s(i.items, n, l);
+      }), i.items && i.items.length > 0 && s(i.items, r, l);
     });
   };
-  return t.forEach((r) => {
-    r.url && e.push({
-      path: r.url,
-      title: r.title,
-      icon: r.icon,
-      breadcrumb: [r.title]
-    }), s(r.items, r.icon, [r.title]);
+  return t.forEach((n) => {
+    n.url && e.push({
+      path: n.url,
+      title: n.title,
+      icon: n.icon,
+      breadcrumb: [n.title]
+    }), s(n.items, n.icon, [n.title]);
   }), e;
 }
-function Ka({ routes: t }) {
-  const e = ye(), s = Ft(null), [r, n] = H(!1), [o, i] = H(""), [l, u] = H(0), w = B(() => Ba(t, o), [t, o]), d = M((x) => {
-    i(x), u(0);
+function Ga({ routes: t }) {
+  const e = Se(), s = jt(null), [n, r] = V(!1), [o, i] = V(""), [l, u] = V(0), d = M(() => La(t, o), [t, o]), w = D((p) => {
+    i(p), u(0);
   }, []);
   F(() => {
-    const x = (b) => {
-      (b.metaKey || b.ctrlKey) && b.key === "k" && (b.preventDefault(), n((k) => !k));
+    const p = (v) => {
+      (v.metaKey || v.ctrlKey) && v.key === "k" && (v.preventDefault(), r((k) => !k));
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
   }, []);
-  const h = M((x) => {
-    n(x), x || (i(""), u(0));
+  const h = D((p) => {
+    r(p), p || (i(""), u(0));
   }, []);
   F(() => {
     s.current && s.current.querySelector(`[data-index="${l}"]`)?.scrollIntoView({ block: "nearest" });
   }, [l]);
-  const p = M(
-    (x) => {
-      e(x.path), n(!1), i("");
+  const f = D(
+    (p) => {
+      e(p.path), r(!1), i("");
     },
     [e]
-  ), g = M(
-    (x) => {
-      if (!x.nativeEvent.isComposing)
-        switch (x.key) {
+  ), b = D(
+    (p) => {
+      if (!p.nativeEvent.isComposing)
+        switch (p.key) {
           case "ArrowDown":
-            x.preventDefault(), u((b) => b < w.length - 1 ? b + 1 : b);
+            p.preventDefault(), u((v) => v < d.length - 1 ? v + 1 : v);
             break;
           case "ArrowUp":
-            x.preventDefault(), u((b) => b > 0 ? b - 1 : b);
+            p.preventDefault(), u((v) => v > 0 ? v - 1 : v);
             break;
           case "Enter":
-            x.preventDefault(), w[l] && p(w[l]);
+            p.preventDefault(), d[l] && f(d[l]);
             break;
         }
     },
-    [w, l, p]
+    [d, l, f]
   );
   return {
-    open: r,
+    open: n,
     handleOpenChange: h,
     search: o,
-    setSearch: d,
+    setSearch: w,
     selectedIndex: l,
-    filteredRoutes: w,
-    handleSelect: p,
-    handleKeyDown: g,
+    filteredRoutes: d,
+    handleSelect: f,
+    handleKeyDown: b,
     listRef: s
   };
 }
-function Va({ navItems: t }) {
-  const e = E(), s = B(() => Ua(t), [t]), {
-    open: r,
-    handleOpenChange: n,
+function qa({ navItems: t }) {
+  const e = B(), s = M(() => Va(t), [t]), {
+    open: n,
+    handleOpenChange: r,
     search: o,
     setSearch: i,
     selectedIndex: l,
     filteredRoutes: u,
-    handleSelect: w,
-    handleKeyDown: d,
+    handleSelect: d,
+    handleKeyDown: w,
     listRef: h
-  } = Ka({ routes: s });
-  return /* @__PURE__ */ a($a, { open: r, onOpenChange: n, children: /* @__PURE__ */ c(
-    Oa,
+  } = Ga({ routes: s });
+  return /* @__PURE__ */ a(Oa, { open: n, onOpenChange: r, children: /* @__PURE__ */ c(
+    Ha,
     {
       className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
-      onKeyDown: d,
+      onKeyDown: w,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(ja, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ a(Ka, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
         /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
-          /* @__PURE__ */ a(Re, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+          /* @__PURE__ */ a(Ae, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
-            oa,
+            ca,
             {
               value: o,
-              onChange: (p) => i(p.target.value),
+              onChange: (f) => i(f.target.value),
               placeholder: e("commandPaletteSearch"),
               className: "astw:flex astw:h-10 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-sm astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
               autoFocus: !0
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { ref: h, className: "astw:max-h-75 astw:overflow-y-auto astw:overflow-x-hidden", 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((p, g) => /* @__PURE__ */ c(
+        /* @__PURE__ */ a("div", { ref: h, className: "astw:max-h-75 astw:overflow-y-auto astw:overflow-x-hidden", 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, b) => /* @__PURE__ */ c(
           "button",
           {
-            "data-index": g,
-            onClick: () => w(p),
+            "data-index": b,
+            onClick: () => d(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",
-              g === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+              b === 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: p.breadcrumb.join(" > ") }),
+              /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: f.breadcrumb.join(" > ") }),
               /* @__PURE__ */ c("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
                 "/",
-                p.path
+                f.path
               ] })
             ]
           },
-          p.path
+          f.path
         )) }) })
       ]
     }
   ) });
 }
-function Ks() {
+function tn() {
   const t = Qt();
-  return /* @__PURE__ */ a(it, { fallback: null, children: /* @__PURE__ */ a(zt, { resolve: t, children: (e) => /* @__PURE__ */ a(Va, { navItems: e ?? [] }) }) });
+  return /* @__PURE__ */ a(lt, { fallback: null, children: /* @__PURE__ */ a($t, { resolve: t, children: (e) => /* @__PURE__ */ a(qa, { navItems: e ?? [] }) }) });
 }
-function Ha(t, e, s) {
+function Ya(t, e, s) {
   if (s.current === null || s.current.contextData !== e || s.current.guards !== t) {
-    const r = Qa(t, e), n = {
+    const n = Za(t, e), r = {
       contextData: e,
       guards: t,
-      promise: r,
-      state: { status: "pending", promise: r }
+      promise: n,
+      state: { status: "pending", promise: n }
     };
-    r.then(
+    n.then(
       (o) => {
-        n.state = { status: "fulfilled", value: o };
+        r.state = { status: "fulfilled", value: o };
       },
       (o) => {
-        n.state = { status: "rejected", error: o };
+        r.state = { status: "rejected", error: o };
       }
-    ), s.current = n;
+    ), s.current = r;
   }
   return s.current;
 }
-function Ga(t) {
+function Qa(t) {
   const { state: e } = t;
   switch (e.status) {
     case "fulfilled":
@@ -1925,66 +1932,62 @@ function Ga(t) {
       throw e.promise;
   }
 }
-const Vs = (t) => {
-  const { guards: e, children: s, fallback: r = null, loading: n = null } = t, { contextData: o } = jt(), i = Ft(null), l = Ha(e, o, i);
-  return /* @__PURE__ */ a(it, { fallback: n, children: /* @__PURE__ */ a(qa, { cache: l, children: s, fallback: r }) });
-}, qa = (t) => Ga(t.cache).type === "pass" ? /* @__PURE__ */ a(S, { children: t.children }) : /* @__PURE__ */ a(S, { children: t.fallback }), Qa = async (t, e) => {
+const en = (t) => {
+  const { guards: e, children: s, fallback: n = null, loading: r = null } = t, { contextData: o } = Ht(), i = jt(null), l = Ya(e, o, i);
+  return /* @__PURE__ */ a(lt, { fallback: r, children: /* @__PURE__ */ a(Xa, { cache: l, fallback: n, children: s }) });
+}, Xa = (t) => Qa(t.cache).type === "pass" ? /* @__PURE__ */ a(S, { children: t.children }) : /* @__PURE__ */ a(S, { children: t.fallback }), Za = async (t, e) => {
   const s = { context: e };
-  for (const r of t) {
-    const n = await r(s);
-    if (n.type !== "pass")
-      return n;
+  for (const n of t) {
+    const r = await n(s);
+    if (r.type !== "pass")
+      return r;
   }
   return { type: "pass" };
 };
-function Ya(t) {
-  const e = new URLSearchParams(t.search);
-  e.delete("code"), e.delete("state");
-  const s = e.toString();
-  return t.pathname + (s ? `?${s}` : "") + t.hash;
-}
-function Hs(t) {
-  const e = De(t), { appUri: s } = t;
+function an(t) {
+  const e = Le(t), { appUri: s } = t;
   return {
     ...e,
     getAppUri() {
       return s;
-    },
-    async getAuthHeadersForQuery(n = "/query", o = "POST") {
-      const i = `${s}${n}`;
-      return e.getAuthHeaders(i, o);
     }
   };
 }
-const ie = X(null), Gs = (t) => {
-  const e = t.client, s = M(
+function Ja(t) {
+  const e = new URLSearchParams(t.search);
+  e.delete("code"), e.delete("state");
+  const s = e.toString();
+  return t.pathname + (s ? `?${s}` : "") + t.hash;
+}
+const le = Z(null), sn = (t) => {
+  const e = t.client, s = D(
     (l) => e.addEventListener((u) => {
       u.type === "auth_state_changed" && l();
     }),
     [e]
-  ), r = M(() => e.getState(), [e]), n = Wt(s, r);
+  ), n = D(() => e.getState(), [e]), r = Ot(s, n);
   F(() => {
     (async () => {
       if (new URLSearchParams(window.location.search).has("code"))
         try {
           await e.handleCallback();
-          const w = Ya(new URL(window.location.href));
-          window.history.replaceState({}, "", w);
-        } catch (w) {
-          console.error("Failed to handle callback:", w);
+          const d = Ja(new URL(window.location.href));
+          window.history.replaceState({}, "", d);
+        } catch (d) {
+          console.error("Failed to handle callback:", d);
         }
       else
         await e.checkAuthStatus();
     })();
   }, [e]), F(() => {
-    t.autoLogin && (!n.isReady || n.isAuthenticated || e.login());
-  }, [n.isReady, n.isAuthenticated, t.autoLogin, e]);
-  const o = n.isAuthenticated, i = t.guardComponent && (!n.isReady || !o) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
+    t.autoLogin && (!r.isReady || r.isAuthenticated || e.login());
+  }, [r.isReady, r.isAuthenticated, t.autoLogin, e]);
+  const o = r.isAuthenticated, i = t.guardComponent && (!r.isReady || !o) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    ie.Provider,
+    le.Provider,
     {
       value: {
-        authState: n,
+        authState: r,
         login: () => e.login(),
         logout: () => e.logout(),
         checkAuthStatus: () => e.checkAuthStatus(),
@@ -1993,23 +1996,23 @@ const ie = X(null), Gs = (t) => {
       children: i
     }
   );
-}, le = () => {
-  const t = L(ie);
+}, ce = () => {
+  const t = I(le);
   if (!t)
     throw new Error("useAuth/useAuthSuspense must be used within an AuthProvider");
   return t;
-}, qs = () => {
-  const t = le(), { isAuthenticated: e, error: s, isReady: r } = t.authState;
+}, nn = () => {
+  const t = ce(), { isAuthenticated: e, error: s, isReady: n } = t.authState;
   return {
     error: s,
     isAuthenticated: e,
-    isReady: r,
+    isReady: n,
     login: t.login,
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Qs = () => {
-  const t = le();
+}, rn = () => {
+  const t = ce();
   if (!t.authState.isReady)
     throw t.ready();
   const { isAuthenticated: e, error: s } = t.authState;
@@ -2020,7 +2023,7 @@ const ie = X(null), Gs = (t) => {
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Ys = () => Me, Xa = ot(
+}, on = () => Ee, ts = it(
   "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: {
@@ -2042,43 +2045,43 @@ const ie = X(null), Gs = (t) => {
       variant: "default"
     }
   }
-), Za = {
+), es = {
   "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 Ja({ variant: t }) {
-  const e = Za[t];
+function as({ variant: t }) {
+  const e = es[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 ts({ className: t, variant: e, children: s, ...r }) {
-  const n = e?.toString().startsWith("outline-");
-  return /* @__PURE__ */ c("div", { className: m(Xa({ variant: e }), t), ...r, children: [
-    n && /* @__PURE__ */ a(Ja, { variant: e }),
+function ss({ className: t, variant: e, children: s, ...n }) {
+  const r = e?.toString().startsWith("outline-");
+  return /* @__PURE__ */ c("div", { className: m(ts({ variant: e }), t), ...n, children: [
+    r && /* @__PURE__ */ a(as, { variant: e }),
     s
   ] });
 }
-function es(t) {
+function ns(t) {
   return t.type === "divider";
 }
-function as(t) {
+function rs(t) {
   return t.type !== "divider" && "key" in t;
 }
-function Z(t, e) {
-  return e.split(".").reduce((s, r) => {
-    if (s && typeof s == "object" && r in s)
-      return s[r];
+function J(t, e) {
+  return e.split(".").reduce((s, n) => {
+    if (s && typeof s == "object" && n in s)
+      return s[n];
   }, t);
 }
 function N(t) {
   return t == null || t === "";
 }
-function ss(t) {
+function os(t) {
   return t.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
 }
-function rs(t, e = "medium") {
+function is(t, e = "medium") {
   if (N(t)) return "";
   const s = t instanceof Date ? t : new Date(String(t));
   if (isNaN(s.getTime())) return String(t);
@@ -2103,14 +2106,14 @@ function rs(t, e = "medium") {
         year: "numeric"
       });
     case "relative": {
-      const n = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), o = Math.floor(n / (1e3 * 60 * 60 * 24));
+      const r = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), o = Math.floor(r / (1e3 * 60 * 60 * 24));
       return o === 0 ? "Today" : o === 1 ? "Yesterday" : o < 7 ? `${o} days ago` : o < 30 ? `${Math.floor(o / 7)} weeks ago` : o < 365 ? `${Math.floor(o / 30)} months ago` : `${Math.floor(o / 365)} years ago`;
     }
     default:
       return s.toLocaleDateString();
   }
 }
-function ns(t, e) {
+function ls(t, e) {
   if (N(t)) return "";
   const s = typeof t == "number" ? t : parseFloat(String(t));
   if (isNaN(s)) return String(t);
@@ -2123,29 +2126,29 @@ function ns(t, e) {
     return `${e || "$"}${s.toFixed(2)}`;
   }
 }
-function os(t) {
+function cs(t) {
   if (N(t)) return [];
   if (typeof t == "string")
     return t.split(/[,\n]/).map((e) => e.trim()).filter(Boolean);
   if (typeof t == "object" && t !== null) {
     const e = t, s = [];
     e.line1 && s.push(String(e.line1)), e.line2 && s.push(String(e.line2));
-    const r = [e.city, e.state || e.province, e.zip || e.postalCode].filter(Boolean).join(", ");
-    return r && s.push(r), e.country && s.push(String(e.country)), s;
+    const n = [e.city, e.state || e.province, e.zip || e.postalCode].filter(Boolean).join(", ");
+    return n && s.push(n), e.country && s.push(String(e.country)), s;
   }
   return [String(t)];
 }
-function ce({ value: t }) {
-  const [e, s] = f.useState(!1);
-  return /* @__PURE__ */ c(ht, { children: [
+function de({ value: t }) {
+  const [e, s] = g.useState(!1);
+  return /* @__PURE__ */ c(pt, { children: [
     /* @__PURE__ */ a(
-      pt,
+      ft,
       {
         render: /* @__PURE__ */ a(
           "button",
           {
-            onClick: async (n) => {
-              n.stopPropagation();
+            onClick: async (r) => {
+              r.stopPropagation();
               try {
                 await navigator.clipboard.writeText(t), s(!0), setTimeout(() => s(!1), 2e3);
               } catch {
@@ -2154,166 +2157,166 @@ function ce({ 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(Pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(Ae, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
+        children: e ? /* @__PURE__ */ a(Be, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(De, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
       }
     ),
-    /* @__PURE__ */ a(ft, { side: "top", children: e ? "Copied!" : "Copy" })
+    /* @__PURE__ */ a(gt, { side: "top", children: e ? "Copied!" : "Copy" })
   ] });
 }
 const T = "–";
-function is({ field: t }) {
-  const e = N(t.value) ? T : String(t.value), s = t.meta?.copyable && !N(t.value), r = t.meta?.truncateLines, n = f.useRef(null), [o, i] = f.useState(!1);
-  f.useEffect(() => {
-    if (!r) {
+function ds({ field: t }) {
+  const e = N(t.value) ? T : String(t.value), s = t.meta?.copyable && !N(t.value), n = t.meta?.truncateLines, r = g.useRef(null), [o, i] = g.useState(!1);
+  g.useEffect(() => {
+    if (!n) {
       i(!1);
       return;
     }
-    const w = () => {
-      if (n.current) {
-        const h = n.current;
+    const d = () => {
+      if (r.current) {
+        const h = r.current;
         i(h.scrollHeight > h.clientHeight + 1);
       }
-    }, d = setTimeout(w, 50);
-    return window.addEventListener("resize", w), () => {
-      clearTimeout(d), window.removeEventListener("resize", w);
+    }, w = setTimeout(d, 50);
+    return window.addEventListener("resize", d), () => {
+      clearTimeout(w), window.removeEventListener("resize", d);
     };
-  }, [e, r]);
-  const l = r && r > 0 ? {
+  }, [e, n]);
+  const l = n && n > 0 ? {
     display: "-webkit-box",
-    WebkitLineClamp: r,
+    WebkitLineClamp: n,
     WebkitBoxOrient: "vertical",
     overflow: "hidden"
   } : void 0, u = /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
     /* @__PURE__ */ a(
       "p",
       {
-        ref: n,
+        ref: r,
         className: "astw:text-sm astw:font-medium astw:text-foreground astw:wrap-break-word astw:m-0",
         style: l,
         children: e
       }
     ),
-    s && /* @__PURE__ */ a(ce, { value: String(t.value) })
+    s && /* @__PURE__ */ a(de, { value: String(t.value) })
   ] });
-  return r && o ? /* @__PURE__ */ c(ht, { children: [
-    /* @__PURE__ */ a(pt, { render: /* @__PURE__ */ a("span", { className: "astw:cursor-default" }), children: u }),
-    /* @__PURE__ */ a(ft, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
+  return n && o ? /* @__PURE__ */ c(pt, { children: [
+    /* @__PURE__ */ a(ft, { render: /* @__PURE__ */ a("span", { className: "astw:cursor-default" }), children: u }),
+    /* @__PURE__ */ a(gt, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
   ] }) : u;
 }
-function ls({ field: t }) {
+function us({ field: t }) {
   if (N(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = String(t.value), s = t.meta?.badgeVariantMap || {}, r = e.toLowerCase(), n = s[e] || s[r] || "outline-neutral";
-  return /* @__PURE__ */ a(ts, { variant: n, className: "astw:w-fit", children: ss(e) });
+  const e = String(t.value), s = t.meta?.badgeVariantMap || {}, n = e.toLowerCase(), r = s[e] || s[n] || "outline-neutral";
+  return /* @__PURE__ */ a(ss, { variant: r, className: "astw:w-fit", children: os(e) });
 }
-function cs({ field: t }) {
+function ws({ field: t }) {
   if (N(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.currencyKey || "currency", s = Z(t.data, e), r = ns(t.value, s);
-  return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:tabular-nums", children: r });
+  const e = t.meta?.currencyKey || "currency", s = J(t.data, e), n = ls(t.value, s);
+  return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:tabular-nums", children: n });
 }
-function ds({ field: t }) {
+function ms({ field: t }) {
   if (N(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.dateFormat || "medium", s = rs(t.value, e);
+  const e = t.meta?.dateFormat || "medium", s = is(t.value, e);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: s });
 }
-function us({ field: t }) {
+function hs({ field: t }) {
   if (N(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.hrefKey, s = e ? Z(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
+  const e = t.meta?.hrefKey, s = e ? J(t.data, e) : void 0, n = t.meta?.external ?? !1, r = String(t.value);
   return s ? /* @__PURE__ */ c(
     "a",
     {
       href: s,
-      target: r ? "_blank" : void 0,
-      rel: r ? "noopener noreferrer" : void 0,
+      target: n ? "_blank" : void 0,
+      rel: n ? "noopener noreferrer" : void 0,
       className: "astw:inline-flex astw:items-center astw:gap-1 astw:text-sm astw:text-primary astw:hover:underline",
       children: [
-        n,
-        r && /* @__PURE__ */ a($t, { className: "astw:h-3 astw:w-3" })
+        r,
+        n && /* @__PURE__ */ a(Ft, { className: "astw:h-3 astw:w-3" })
       ]
     }
-  ) : /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
+  ) : /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: r });
 }
-function ws({ field: t }) {
+function ps({ field: t }) {
   if (N(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = os(t.value), s = t.meta?.copyable && !N(t.value), r = e.join(`
+  const e = cs(t.value), s = t.meta?.copyable && !N(t.value), n = e.join(`
 `);
   return /* @__PURE__ */ c("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__ */ c(f.Fragment, { children: [
-      n,
+    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((r, o) => /* @__PURE__ */ c(g.Fragment, { children: [
+      r,
       o < e.length - 1 && /* @__PURE__ */ a("br", {})
     ] }, o)) }),
-    s && /* @__PURE__ */ a(ce, { value: r })
+    s && /* @__PURE__ */ a(de, { value: n })
   ] });
 }
-function ms({ field: t }) {
+function fs({ field: t }) {
   if (N(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? Z(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 });
+  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, n = e ? J(t.data, e) : void 0, r = String(t.value);
+  if (!n || !s)
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: r });
+  const o = s.replace("{id}", n);
+  return /* @__PURE__ */ a("a", { href: o, className: "astw:text-sm astw:text-primary astw:hover:underline", children: r });
 }
-function Lt(t) {
+function _t(t) {
   switch (t.type) {
     case "text":
-      return /* @__PURE__ */ a(is, { field: t });
+      return /* @__PURE__ */ a(ds, { field: t });
     case "badge":
-      return /* @__PURE__ */ a(ls, { field: t });
+      return /* @__PURE__ */ a(us, { field: t });
     case "money":
-      return /* @__PURE__ */ a(cs, { field: t });
+      return /* @__PURE__ */ a(ws, { field: t });
     case "date":
-      return /* @__PURE__ */ a(ds, { field: t });
+      return /* @__PURE__ */ a(ms, { field: t });
     case "link":
-      return /* @__PURE__ */ a(us, { field: t });
+      return /* @__PURE__ */ a(hs, { field: t });
     case "address":
-      return /* @__PURE__ */ a(ws, { field: t });
+      return /* @__PURE__ */ a(ps, { field: t });
     case "reference":
-      return /* @__PURE__ */ a(ms, { field: t });
+      return /* @__PURE__ */ a(fs, { field: t });
     default:
       return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
   }
 }
-function hs(t) {
+function gs(t) {
   if (t.emptyBehavior !== "hide") return !1;
   const e = t.value;
   return e == null || e === "";
 }
-function ps(t) {
+function bs(t) {
   return !1;
 }
-function fs(t, e, s) {
-  const r = Z(e, t.key);
+function vs(t, e, s) {
+  const n = J(e, t.key);
   return {
     id: `${t.key}-${s}`,
     label: t.label,
     type: t.type ?? "text",
-    value: r,
+    value: n,
     emptyBehavior: t.emptyBehavior ?? "dash",
     meta: t.meta,
     data: e
   };
 }
-function gs(t, e) {
+function xs(t, e) {
   const s = [];
-  let r = [], n = 0, o = 0;
+  let n = [], r = 0, o = 0;
   for (const i of t)
-    if (es(i))
-      r.length > 0 && (s.push({
-        id: `section-${n}`,
-        fields: r
-      }), n++, r = []);
-    else if (as(i)) {
-      const l = fs(i, e, o);
-      o++, hs(l) || r.push(l);
+    if (ns(i))
+      n.length > 0 && (s.push({
+        id: `section-${r}`,
+        fields: n
+      }), r++, n = []);
+    else if (rs(i)) {
+      const l = vs(i, e, o);
+      o++, gs(l) || n.push(l);
     }
-  return r.length > 0 && s.push({ id: `section-${n}`, fields: r }), s;
+  return n.length > 0 && s.push({ id: `section-${r}`, fields: n }), s;
 }
-function It({ label: t, children: e, fullWidth: s }) {
+function zt({ label: t, children: e, fullWidth: s }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -2328,160 +2331,240 @@ function It({ label: t, children: e, fullWidth: s }) {
     }
   );
 }
-function Xs({
+function ln({
   data: t,
   title: e,
   fields: s,
-  columns: r = 3,
-  className: n,
+  columns: n = 3,
+  className: r,
   headerAction: o
 }) {
-  const i = gs(s, t), l = i.some((d) => d.fields.length > 0), u = m(
+  const i = xs(s, t), l = i.some((w) => w.fields.length > 0), u = m(
     "astw:grid astw:gap-x-6 astw:gap-y-4",
     // Default: 1 column
     "astw:grid-cols-1",
     // Container queries for responsive columns
-    r === 4 ? (
+    n === 4 ? (
       // 4-column mode: 1 → 2 → 3 → 4 columns
       "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3 astw:@[800px]:grid-cols-4"
     ) : (
       // 3-column mode: 1 → 2 → 3 columns
       "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3"
     )
-  ), w = (d) => {
-    const h = d.fields.filter((g) => !0), p = d.fields.filter((g) => ps());
+  ), d = (w) => {
+    const h = w.fields.filter((b) => !0), f = w.fields.filter((b) => bs());
     return /* @__PURE__ */ c("div", { className: "astw:space-y-4", children: [
-      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((g) => /* @__PURE__ */ a(It, { label: g.label, children: Lt(g) }, g.id)) }),
-      p.length > 0 && /* @__PURE__ */ a("div", { className: u, children: p.map((g) => /* @__PURE__ */ a(It, { label: g.label, fullWidth: !0, children: Lt(g) }, g.id)) })
-    ] }, d.id);
+      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((b) => /* @__PURE__ */ a(zt, { label: b.label, children: _t(b) }, b.id)) }),
+      f.length > 0 && /* @__PURE__ */ a("div", { className: u, children: f.map((b) => /* @__PURE__ */ a(zt, { label: b.label, fullWidth: !0, children: _t(b) }, b.id)) })
+    ] }, w.id);
   };
-  return /* @__PURE__ */ a(mt, { delayDuration: 300, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(ht, { delayDuration: 300, children: /* @__PURE__ */ c(
     "div",
     {
       className: m(
         "astw:@container astw:bg-card astw:text-card-foreground astw:rounded-xl astw:border",
-        n
+        r
       ),
       children: [
         /* @__PURE__ */ c("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: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((d, h) => /* @__PURE__ */ c(f.Fragment, { children: [
+        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((w, h) => /* @__PURE__ */ c(g.Fragment, { children: [
           h > 0 && /* @__PURE__ */ a("div", { className: "astw:h-px astw:bg-border", role: "separator" }),
-          w(d)
-        ] }, d.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
+          d(w)
+        ] }, w.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
       ]
     }
   ) });
 }
-const xt = f.forwardRef(
-  ({ className: t, children: e, ...s }, r) => /* @__PURE__ */ a(
+const ys = "astw:flex astw:size-4 astw:items-center astw:justify-center", Ns = () => /* @__PURE__ */ a(
+  "svg",
+  {
+    className: "astw:size-4 astw:animate-spin",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "action-panel-spinner",
+    children: /* @__PURE__ */ a(
+      "circle",
+      {
+        cx: "8",
+        cy: "8",
+        r: "6",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeDasharray: "24 24",
+        strokeDashoffset: "8"
+      }
+    )
+  }
+), Ss = m(
+  "astw:flex astw:items-center astw:gap-2 astw:w-full astw:rounded-md astw:px-3 astw:py-2",
+  "astw:text-sm astw:font-medium astw:transition-colors astw:border astw:border-transparent",
+  "astw:bg-transparent astw:text-left astw:cursor-pointer astw:[&_svg]:size-4 astw:[&_svg]:shrink-0"
+), Cs = "astw:hover:bg-accent astw:hover:text-accent-foreground astw:outline-none astw:focus-visible:ring-2 astw:focus-visible:ring-ring astw:focus-visible:ring-offset-2", Ts = "astw:pointer-events-none astw:opacity-50";
+function ks({ action: t }) {
+  const { key: e, label: s, icon: n, onClick: r, disabled: o, loading: i } = t, l = !!o || !!i, u = /* @__PURE__ */ c(S, { children: [
+    /* @__PURE__ */ a("span", { className: ys, "aria-hidden": !0, children: i ? /* @__PURE__ */ a(Ns, {}) : n }),
+    /* @__PURE__ */ a("span", { className: "astw:min-w-0 astw:truncate", children: s })
+  ] }), d = m(
+    Ss,
+    l ? Ts : Cs
+  );
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: d,
+      onClick: l ? void 0 : r,
+      disabled: l,
+      "aria-disabled": l,
+      "aria-busy": i,
+      "data-slot": "action-panel-item",
+      "data-key": e,
+      children: u
+    }
+  );
+}
+function cn({ title: t, actions: e, className: s }) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: m(
+        "astw:min-w-[278px] astw:w-full astw:bg-card astw:text-card-foreground astw:rounded-xl astw:border astw:shadow-xs",
+        s
+      ),
+      children: [
+        /* @__PURE__ */ a("div", { className: "astw:px-4 astw:pt-6 astw:pb-4", children: /* @__PURE__ */ a("h3", { className: "astw:text-lg astw:font-semibold astw:leading-none astw:pl-3", children: t }) }),
+        /* @__PURE__ */ a("div", { className: "astw:px-4 astw:pb-4", children: e.length === 0 ? /* @__PURE__ */ a("p", { className: "astw:py-2 astw:pl-3 astw:text-sm astw:text-muted-foreground", children: "No actions available" }) : /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-0", role: "list", children: e.map((n) => /* @__PURE__ */ a("div", { role: "listitem", children: /* @__PURE__ */ a(ks, { action: n }) }, n.key)) }) })
+      ]
+    }
+  );
+}
+const xt = g.forwardRef(
+  ({ className: t, children: e, area: s, ...n }, r) => /* @__PURE__ */ a(
     "div",
     {
       ref: r,
+      "data-layout-column": "",
+      ...s ? { "data-area": s } : {},
       className: m("astw:min-w-0 astw:flex astw:flex-col astw:gap-4", t),
-      ...s,
+      ...n,
       children: e
     }
   )
 );
 xt.displayName = "Layout.Column";
-function bs({ columns: t, className: e, gap: s = 4, title: r, actions: n, children: o }) {
-  if (process.env.NODE_ENV !== "production") {
-    const h = f.Children.toArray(o).reduce((p, g) => f.isValidElement(g) && g.type === xt ? p + 1 : p, 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 = f.useMemo(() => t === 1 ? f.Children.map(o, (d) => d) : t === 2 ? f.Children.map(o, (d, h) => f.isValidElement(d) ? f.cloneElement(d, {
-    className: m(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React child props type is not known
-      d.props.className,
-      h === 0 ? "astw:lg:flex-1" : "astw:lg:min-w-[280px]"
-      // Second column: fixed 280px
-    )
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React.cloneElement requires type assertion
-  }) : d) : t === 3 ? f.Children.map(o, (d, h) => f.isValidElement(d) ? f.cloneElement(d, {
-    className: m(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React child props type is not known
-      d.props.className,
-      h === 0 ? "astw:xl:min-w-[320px]" : h === 2 ? "astw:xl:min-w-[280px]" : "astw:xl:flex-1"
-      // Middle column: flexible
-    )
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React.cloneElement requires type assertion
-  }) : d) : o, [o, t]), w = r || n && n.length > 0;
-  return /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-col", children: [
-    w && /* @__PURE__ */ c(
-      "header",
-      {
-        className: "astw:w-full astw:flex astw:justify-between astw:items-center",
-        style: { paddingTop: "1rem", 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((d, h) => /* @__PURE__ */ a(f.Fragment, { children: d }, h)) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ a("div", { style: { padding: w ? "0 0 1rem 0" : "1rem 0 1rem 0" }, children: /* @__PURE__ */ a("div", { className: l, children: u }) })
+function yt({ title: t, actions: e, children: s }) {
+  const n = t || e != null && e.length > 0;
+  return /* @__PURE__ */ c("header", { "data-layout-header": "", className: "astw:flex astw:w-full astw:flex-col", children: [
+    n && /* @__PURE__ */ c("div", { className: "astw:flex astw:w-full astw:flex-1 astw:items-center astw:justify-between astw:pt-4", children: [
+      t && /* @__PURE__ */ a("h1", { className: "astw:text-2xl astw:font-bold astw:tracking-tight", children: t }),
+      e != null && e.length > 0 && /* @__PURE__ */ a("div", { className: "astw:ml-auto astw:flex astw:gap-2 astw:items-center", children: e.map((r, o) => /* @__PURE__ */ a(g.Fragment, { children: r }, o)) })
+    ] }),
+    s != null && s !== !1 && /* @__PURE__ */ a("div", { className: "astw:w-full", children: s })
   ] });
 }
-bs.Column = xt;
-function Zs() {
+yt.displayName = "Layout.Header";
+const Rs = {
+  left: "320px",
+  main: "1fr",
+  right: "280px"
+}, Ps = {
+  2: "1fr 280px",
+  3: "320px 1fr 280px"
+};
+function ue({ columns: t, className: e, gap: s, title: n, actions: r, children: o }) {
+  const i = [];
+  let l = !1;
+  g.Children.forEach(o, (p) => {
+    g.isValidElement(p) && (p.type === yt ? l = !0 : p.type === xt && i.push(p.props.area));
+  });
+  const u = i.length, d = t ?? u;
+  t !== void 0 && t !== u && console.warn(
+    `Layout: \`columns\` prop (${t}) does not match Layout.Column child count (${u}). The \`columns\` prop is deprecated; remove it to use auto-detection.`
+  );
+  const w = i.some((p) => p != null);
+  let h;
+  d >= 2 && (w ? h = i.map((p) => p ? Rs[p] : "1fr").join(" ") : h = Ps[d] ?? `repeat(${d}, 1fr)`);
+  const f = s === void 0 || s === 4 ? "astw:gap-4" : s === 6 ? "astw:gap-6" : s === 8 ? "astw:gap-8" : "astw:gap-4", b = !l && (n || r != null && r.length > 0);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: m(
+        "astw:grid astw:grid-cols-1 astw:w-full",
+        l || b ? "astw:pb-4" : "astw:py-4",
+        f,
+        "astw:[&>[data-layout-header]]:col-span-full",
+        d === 2 && h && "astw:lg:grid-cols-[var(--layout-cols)]",
+        d >= 3 && h && "astw:xl:grid-cols-[var(--layout-cols)]",
+        e
+      ),
+      style: h ? { "--layout-cols": h } : void 0,
+      children: [
+        b && /* @__PURE__ */ c(
+          "header",
+          {
+            "data-layout-header": "",
+            className: "astw:w-full astw:flex astw:justify-between astw:items-center astw:pt-4",
+            children: [
+              n && /* @__PURE__ */ a("h1", { className: "astw:text-2xl astw:font-bold astw:tracking-tight", children: n }),
+              r != null && r.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: r.map((p, v) => /* @__PURE__ */ a(g.Fragment, { children: p }, v)) })
+            ]
+          }
+        ),
+        o
+      ]
+    }
+  );
+}
+ue.Column = xt;
+ue.Header = yt;
+function dn() {
   return {
     for(t, ...e) {
       const s = e[0];
-      return s ? t.replace(/:([^/?]+)|\*([^/?]+)/g, (r, n, o) => n ? encodeURIComponent(s[n] ?? "") : (s[o] ?? "").split("/").map((l) => encodeURIComponent(l)).join("/")) : t;
+      return s ? t.replace(/:([^/?]+)|\*([^/?]+)/g, (n, r, o) => r ? encodeURIComponent(s[r] ?? "") : (s[o] ?? "").split("/").map((l) => encodeURIComponent(l)).join("/")) : t;
     }
   };
 }
 export {
-  te as AppShell,
-  Gs as AuthProvider,
-  ts as Badge,
-  Ks as CommandPalette,
-  ka as DefaultSidebar,
-  Xs as DescriptionCard,
-  bs as Layout,
-  er as Link,
-  Os as SidebarGroup,
-  Fs as SidebarItem,
-  Us as SidebarLayout,
-  js as SidebarSeparator,
-  Vs as WithGuard,
-  Xa as badgeVariants,
-  Hs as createAuthClient,
-  Zs as createTypedPaths,
-  $e as defineI18nLabels,
-  $s as defineModule,
-  Ws as defineResource,
-  zs as hidden,
-  Is as pass,
-  _s as redirectTo,
-  jt as useAppShell,
+  cn as ActionPanel,
+  ee as AppShell,
+  sn as AuthProvider,
+  ss as Badge,
+  tn as CommandPalette,
+  Aa as DefaultSidebar,
+  ln as DescriptionCard,
+  ue as Layout,
+  mn as Link,
+  Xs as SidebarGroup,
+  Qs as SidebarItem,
+  Js as SidebarLayout,
+  Zs as SidebarSeparator,
+  en as WithGuard,
+  ts as badgeVariants,
+  an as createAuthClient,
+  dn as createTypedPaths,
+  Fe as defineI18nLabels,
+  qs as defineModule,
+  Ys as defineResource,
+  Vs as hidden,
+  Ks as pass,
+  Gs as redirectTo,
+  Ht as useAppShell,
   C as useAppShellConfig,
-  Ls as useAppShellData,
-  qs as useAuth,
-  Qs as useAuthSuspense,
-  ar as useLocation,
-  sr as useNavigate,
-  Na as usePageMeta,
-  rr as useParams,
-  nr as useRouteError,
-  or as useSearchParams,
-  Ye as useTheme,
-  Ys as useToast
+  Hs as useAppShellData,
+  nn as useAuth,
+  rn as useAuthSuspense,
+  hn as useLocation,
+  pn as useNavigate,
+  Ta as usePageMeta,
+  fn as useParams,
+  gn as useRouteError,
+  bn as useSearchParams,
+  Je as useTheme,
+  on as useToast
 };