@tailor-platform/app-shell 0.22.0 → 0.23.0

package/dist/app-shell.js

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