@tailor-platform/app-shell 0.21.1 → 0.22.0

package/dist/app-shell.js

@@ -1,25 +1,25 @@
-import { jsx as a, jsxs as l, Fragment as R } from "react/jsx-runtime";
-import * as v from "react";
-import { createContext as j, useContext as K, useState as S, useMemo as I, useEffect as N, Suspense as rt, useRef as Rt, useCallback as q } from "react";
-import { useRouteError as Et, isRouteErrorResponse as Pt, Outlet as U, NavLink as Bt, redirect as nt, Navigate as Lt, useRouteLoaderData as At, createMemoryRouter as Dt, createBrowserRouter as It, RouterProvider as Mt, useHref as _t, Link as zt, useLocation as ot, useMatch as Ot, Await as it, useNavigate as $t } from "react-router";
-import { Link as Ea, useLocation as Pa, useNavigate as Ba, useParams as La, useRouteError as Aa, useSearchParams as Da } from "react-router";
-import { Slot as B } from "@radix-ui/react-slot";
-import { cva as lt } from "class-variance-authority";
-import { clsx as jt } from "clsx";
-import { twMerge as Kt } from "tailwind-merge";
-import { AlertCircle as G, Table as Ut, XIcon as dt, PanelLeftIcon as Ft, ChevronRight as z, SunIcon as Wt, SearchIcon as Ht } from "lucide-react";
-import { capitalCase as E } from "change-case";
-import { Toaster as Qt } from "sonner";
-import * as F from "@radix-ui/react-collapsible";
+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 "@radix-ui/react-separator";
-import * as p from "@radix-ui/react-dialog";
-import * as T from "@radix-ui/react-tooltip";
-import { print as Vt } from "graphql";
-import { createAuthClient as qt } from "@tailor-platform/auth-browser-client";
+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 Kt(jt(t));
+  return Yt(Gt(t));
 }
-const Gt = lt(
+const ie = V(
   "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 Gt = lt(
     }
   }
 );
-function P({
+function D({
   className: t,
   variant: e,
   size: s,
@@ -52,30 +52,30 @@ function P({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? B : "button",
+    r ? P : "button",
     {
       "data-slot": "button",
-      className: u(Gt({ variant: e, size: s, className: t })),
+      className: u(ie({ variant: e, size: s, className: t })),
       ...n
     }
   );
 }
-const D = "en", Xt = () => {
+const I = "en", le = () => {
   try {
     if (typeof navigator > "u")
-      return D;
+      return I;
     const t = navigator.languages?.[0] ?? navigator.language;
-    return t ? new Intl.Locale(t).language : D;
+    return t ? new Intl.Locale(t).language : I;
   } catch {
-    return D;
+    return I;
   }
-}, W = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, ct = (t) => {
-  const e = W(t);
-  return (s, r) => e(s, typeof s == "string" ? s : E(r));
-}, Yt = () => {
-  const { configurations: t } = C(), e = W(t.locale);
+}, 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);
   return (s, r) => e(s, r);
-}, Jt = (t) => {
+}, ce = (t) => {
   const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
   return {
     /**
@@ -98,7 +98,7 @@ const D = "en", Xt = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = C(), r = e(s.locale);
+      const { configurations: s } = T(), r = e(s.locale);
       return ((n, ...o) => {
         const i = r(n);
         return typeof i == "function" ? i(o[0]) : i;
@@ -131,7 +131,7 @@ const D = "en", Xt = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, Zt = Jt({
+}, we = ce({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -170,19 +170,19 @@ const D = "en", Xt = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), k = Zt.useT, L = () => {
-  const t = Et(), e = k(), s = {
+}), B = we.useT, M = () => {
+  const t = zt(), e = B(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (Pt(t) && t.status === 404)
+  if (Ft(t) && t.status === 404)
     return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ a(st, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
       /* @__PURE__ */ 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(
-          P,
+          D,
           {
             variant: "outline",
             size: "sm",
@@ -195,12 +195,12 @@ const D = "en", Xt = () => {
     ] }) });
   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(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ a(st, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
     /* @__PURE__ */ 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(
-        P,
+        D,
         {
           variant: "outline",
           size: "sm",
@@ -211,35 +211,35 @@ const D = "en", Xt = () => {
       )
     ] })
   ] }) });
-}, te = (t) => ({
+}, ue = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(L, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(M, {}),
   basePath: t.basePath,
-  locale: t.locale ?? Xt()
-}), wt = j({
+  locale: t.locale ?? le()
+}), xt = K({
   configurations: {
     modules: [],
     settingsResources: [],
-    errorBoundary: /* @__PURE__ */ a(L, {}),
-    locale: D
+    errorBoundary: /* @__PURE__ */ a(M, {}),
+    locale: I
   }
-}), C = () => K(wt), ee = () => {
-  const t = k();
-  return /* @__PURE__ */ l(R, { children: [
+}), T = () => U(xt), me = () => {
+  const t = B();
+  return /* @__PURE__ */ l(E, { children: [
     /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
     /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
   ] });
-}, X = () => /* @__PURE__ */ l(R, { children: [
-  /* @__PURE__ */ a(U, {}),
-  /* @__PURE__ */ a(Qt, {})
-] }), ae = () => {
-  const { configurations: t } = C(), e = k(), s = Yt();
+}, rt = () => /* @__PURE__ */ l(E, { children: [
+  /* @__PURE__ */ a(H, {}),
+  /* @__PURE__ */ a(re, {})
+] }), he = () => {
+  const { configurations: t } = T(), e = B(), s = de();
   return /* @__PURE__ */ l("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
     /* @__PURE__ */ a("div", { children: /* @__PURE__ */ l("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
       /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
-      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Bt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ l(
-        P,
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Ot, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ l(
+        D,
         {
           variant: n ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
@@ -250,9 +250,9 @@ const D = "en", Xt = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(U, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(H, {}) })
   ] });
-}, ut = () => new Response("Not Found", { status: 404 }), H = async (t, e) => {
+}, yt = () => new Response("Not Found", { status: 404 }), G = async (t, e) => {
   if (!t) return { state: "visible" };
   const s = new URL(e.request.url);
   return await t({
@@ -260,59 +260,59 @@ const D = "en", Xt = () => {
     searchParams: s.searchParams,
     signal: e.request.signal
   }) ?? { state: "visible" };
-}, mt = (t, e) => async (s) => {
-  switch ((await H(t, s)).state) {
+}, Nt = (t, e) => async (s) => {
+  switch ((await G(t, s)).state) {
     case "hidden":
-      throw ut();
+      throw yt();
     case "visible":
       return e ? e(s) : null;
   }
 };
-function pa(t) {
+function qa(t) {
   return {
     redirectTo: t
   };
 }
-function O(t) {
+function W(t) {
   return typeof t == "object" && t !== null && "redirectTo" in t;
 }
-const ht = (t, e) => () => {
-  const { configurations: s } = C(), { metaTitle: r, fallbackTitle: n } = t, i = W(s.locale)(r, n);
+const Ct = (t, e) => () => {
+  const { configurations: s } = T(), { metaTitle: r, fallbackTitle: n } = t, i = q(s.locale)(r, n);
   return e(i);
 };
-function va(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, accessControl: i } = t, d = s?.title ?? E(e), w = E(e), c = O(r) ? {
+function Ga(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, accessControl: i } = t, d = s?.title ?? L(e), w = L(e), c = W(r) ? {
     // Use loader for redirects
     component: () => null,
-    baseLoader: () => nt(r.redirectTo)
+    baseLoader: () => ft(r.redirectTo)
   } : {
     // Regular component with locale-aware title
-    component: ht(
+    component: Ct(
       { metaTitle: d, fallbackTitle: w },
-      (b) => r({ title: b, resources: n })
+      (g) => r({ title: g, resources: n })
     ),
     baseLoader: void 0
-  }, h = i || c.baseLoader ? mt(i, c.baseLoader) : void 0;
+  }, m = i || c.baseLoader ? Nt(i, c.baseLoader) : void 0;
   return {
     path: e,
     type: "component",
     _type: "module",
     component: c.component,
-    loader: h,
+    loader: m,
     meta: {
       title: d,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: !O(r),
+      menuItemClickable: !W(r),
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(L, {}),
+    errorBoundary: o || /* @__PURE__ */ a(M, {}),
     accessControl: i
   };
 }
-function xa(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, accessControl: i } = t, d = n?.title ?? E(e), w = E(e), c = i ? mt(i) : void 0;
+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;
   return {
     _type: "resource",
     type: "component",
@@ -322,17 +322,17 @@ function xa(t) {
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: ht(
+    component: Ct(
       { metaTitle: d, fallbackTitle: w },
-      (h) => s({ title: h, resources: r })
+      (m) => s({ title: m, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(L, {}),
+    errorBoundary: o ?? /* @__PURE__ */ a(M, {}),
     accessControl: i,
     loader: c
   };
 }
-const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) => {
+const Y = (t) => () => /* @__PURE__ */ a(E, { children: t }), St = (t, e, s) => {
   const r = t.errorBoundary || s, n = {
     index: !0,
     Component: t.component,
@@ -341,38 +341,38 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
   return {
     path: t.path,
     ...t.errorBoundary && {
-      ErrorBoundary: Q(t.errorBoundary)
+      ErrorBoundary: Y(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
         n,
         ...e.map(
-          (o) => ft(o, o.subResources, r)
+          (o) => St(o, o.subResources, r)
         )
       ]
     } : {
       children: [n]
     }
   };
-}, se = (t) => t.map(
-  (e) => ft(e, e.resources, e.errorBoundary)
-), re = ({
+}, fe = (t) => t.map(
+  (e) => St(e, e.resources, e.errorBoundary)
+), ge = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = O(s) ? {
+  const r = W(s) ? {
     index: !0,
-    loader: () => nt(s.redirectTo)
+    loader: () => ft(s.redirectTo)
   } : {
     index: !0,
-    Component: s ?? ee
+    Component: s ?? me
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        Lt,
+        $t,
         {
           to: e[0].path,
           relative: "path",
@@ -382,12 +382,12 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
     },
     {
       path: "settings",
-      Component: ae,
+      Component: he,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: Q(o.errorBoundary)
+          ErrorBoundary: Y(o.errorBoundary)
         }
       }))
     }
@@ -395,29 +395,29 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
   return [
     r,
     {
-      children: se(t)
+      children: fe(t)
     },
     ...n,
     {
       path: "*",
       loader: () => {
-        throw ut();
+        throw yt();
       },
       // 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: L
+      ErrorBoundary: M
     }
   ];
-}, bt = "appshell-root-nav", ne = (t) => ({
-  loaderID: bt,
-  loader: async (e) => ({ navItems: oe(t, e) })
-}), gt = () => At(bt)?.navItems, oe = async (t, e) => {
-  const s = ct(t.locale);
+}, 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);
   return (await Promise.all(
     t.modules.map(async (n) => {
-      if (n.path.startsWith(":") || (await H(n.accessControl, e)).state !== "visible") return null;
-      const i = await pt(
+      if (n.path.startsWith(":") || (await G(n.accessControl, e)).state !== "visible") return null;
+      const i = await Rt(
         n.resources,
         n.path,
         e,
@@ -428,13 +428,13 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (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(Ut, {}),
+    icon: n.meta.icon || /* @__PURE__ */ a(Xt, {}),
     items: o
   }));
-}, pt = async (t, e, s, r) => (await Promise.all(
+}, Rt = async (t, e, s, r) => (await Promise.all(
   t.map(async (o) => {
-    if (o.path.startsWith(":") || (await H(o.accessControl, s)).state !== "visible") return null;
-    const d = `${e}/${o.path}`, w = r(o.meta.title, o.path), c = o.subResources ? await pt(
+    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(
       o.subResources,
       d,
       s,
@@ -446,12 +446,12 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
       items: c && c.length > 0 ? c : void 0
     };
   })
-)).filter((o) => o !== null), ie = (t) => {
-  const { configurations: e } = C(), { rootComponent: s, children: r } = t, n = re({
+)).filter((o) => o !== null), ve = (t) => {
+  const { configurations: e } = T(), { rootComponent: s, children: r } = t, n = ge({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, { loaderID: i, loader: d } = ne({
+  }), o = e.errorBoundary, { loaderID: i, loader: d } = pe({
     modules: e.modules,
     locale: e.locale
   }), w = [
@@ -461,8 +461,8 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(U, {}),
-          ErrorBoundary: Q(o),
+          element: /* @__PURE__ */ a(H, {}),
+          ErrorBoundary: Y(o),
           children: n
         }
       ] : n,
@@ -472,28 +472,28 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
        */
       HydrateFallback: () => null
     }
-  ], c = e.basePath ? "/" + e.basePath : void 0, h = t.memory ? Dt(w, {
+  ], c = e.basePath ? "/" + e.basePath : void 0, m = t.memory ? jt(w, {
     basename: c,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : It(w, {
+  }) : Kt(w, {
     basename: c
   });
-  return /* @__PURE__ */ a(Mt, { router: h });
-}, le = {
+  return /* @__PURE__ */ a(Ut, { router: m });
+}, xe = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, vt = j(le);
-function de({
+}, Bt = K(xe);
+function ye({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = S(
+  const [n, o] = k(
     () => localStorage.getItem(e) || s
-  ), i = I(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  N(() => {
+  ), 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]);
@@ -504,69 +504,69 @@ function de({
       localStorage.setItem(e, w), o(w);
     }
   };
-  return /* @__PURE__ */ a(vt.Provider, { ...r, value: d, children: t });
+  return /* @__PURE__ */ a(Bt.Provider, { ...r, value: d, children: t });
 }
-const ce = () => {
-  const t = K(vt);
+const Ne = () => {
+  const t = U(Bt);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, ya = (t) => {
-  const [e, s] = S(!1);
-  return N(function() {
+}, Xa = (t) => {
+  const [e, s] = k(!1);
+  return C(function() {
     s(!0);
   }, []), e ? /* @__PURE__ */ a(
-    wt.Provider,
+    xt.Provider,
     {
       value: {
         title: t.title,
         icon: t.icon,
-        configurations: te(t)
+        configurations: ue(t)
       },
-      children: /* @__PURE__ */ a(de, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(ie, { rootComponent: t.rootComponent, children: t.children }) })
+      children: /* @__PURE__ */ a(ye, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(ve, { rootComponent: t.rootComponent, children: t.children }) })
     }
   ) : null;
 };
-function we({
+function Ce({
   ...t
 }) {
-  return /* @__PURE__ */ a(F.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(Q.Root, { "data-slot": "collapsible", ...t });
 }
-function Y({
+function nt({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    F.CollapsibleTrigger,
+    Q.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function ue({
+function Se({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    F.CollapsibleContent,
+    Q.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
     }
   );
 }
-const _ = 768;
-function me() {
-  const [t, e] = v.useState(
+const O = 768;
+function Te() {
+  const [t, e] = p.useState(
     void 0
   );
-  return v.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${_ - 1}px)`), r = () => {
-      e(window.innerWidth < _);
+  return p.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${O - 1}px)`), r = () => {
+      e(window.innerWidth < O);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < _), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < O), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function he({ className: t, type: e, ...s }) {
+function ke({ className: t, type: e, ...s }) {
   return /* @__PURE__ */ a(
     "input",
     {
@@ -582,20 +582,20 @@ function he({ className: t, type: e, ...s }) {
     }
   );
 }
-function fe({ ...t }) {
-  return /* @__PURE__ */ a(p.Root, { "data-slot": "sheet", ...t });
+function Re({ ...t }) {
+  return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
 }
-function be({
+function Be({
   ...t
 }) {
-  return /* @__PURE__ */ a(p.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function ge({
+function Ee({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Overlay,
+    v.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: u(
@@ -606,16 +606,16 @@ function ge({
     }
   );
 }
-function pe({
+function Le({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ l(be, { children: [
-    /* @__PURE__ */ a(ge, {}),
+  return /* @__PURE__ */ l(Be, { children: [
+    /* @__PURE__ */ a(Ee, {}),
     /* @__PURE__ */ l(
-      p.Content,
+      v.Content,
       {
         "data-slot": "sheet-content",
         className: u(
@@ -629,8 +629,8 @@ function pe({
         ...r,
         children: [
           e,
-          /* @__PURE__ */ l(p.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(dt, { className: "astw:size-4" }),
+          /* @__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__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -638,7 +638,7 @@ function pe({
     )
   ] });
 }
-function ve({ className: t, ...e }) {
+function De({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -648,12 +648,12 @@ function ve({ className: t, ...e }) {
     }
   );
 }
-function xe({
+function Pe({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Title,
+    v.Title,
     {
       "data-slot": "sheet-title",
       className: u("astw:text-foreground astw:font-semibold", t),
@@ -661,12 +661,12 @@ function xe({
     }
   );
 }
-function ye({
+function Me({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Description,
+    v.Description,
     {
       "data-slot": "sheet-description",
       className: u("astw:text-muted-foreground astw:text-sm", t),
@@ -674,12 +674,12 @@ function ye({
     }
   );
 }
-function xt({
+function X({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    T.Provider,
+    R.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -687,24 +687,24 @@ function xt({
     }
   );
 }
-function Ne({
+function Z({
   ...t
 }) {
-  return /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(T.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(R.Root, { "data-slot": "tooltip", ...t }) });
 }
-function Ce({
+function J({
   ...t
 }) {
-  return /* @__PURE__ */ a(T.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(R.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function Se({
+function tt({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(T.Portal, { children: /* @__PURE__ */ l(
-    T.Content,
+  return /* @__PURE__ */ a(R.Portal, { children: /* @__PURE__ */ l(
+    R.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
@@ -715,19 +715,19 @@ function Se({
       ...r,
       children: [
         s,
-        /* @__PURE__ */ a(T.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(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]" })
       ]
     }
   ) });
 }
-const Te = "sidebar_state", ke = 3600 * 24 * 7, Re = "16rem", Ee = "18rem", Pe = "3rem", Be = "b", yt = v.createContext(null);
-function M() {
-  const t = v.useContext(yt);
+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);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function Le({
+function $e({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -736,38 +736,38 @@ function Le({
   children: o,
   ...i
 }) {
-  const d = me(), [w, c] = v.useState(!1), [h, b] = v.useState(t), m = e ?? h, f = v.useCallback(
-    (g) => {
-      const y = typeof g == "function" ? g(m) : g;
-      s ? s(y) : b(y), document.cookie = `${Te}=${y}; path=/; max-age=${ke}`;
+  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}`;
     },
-    [s, m]
-  ), x = v.useCallback(() => d ? c((g) => !g) : f((g) => !g), [d, f, c]);
-  v.useEffect(() => {
-    const g = (y) => {
-      y.key === Be && (y.metaKey || y.ctrlKey) && (y.preventDefault(), x());
+    [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());
     };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [x]);
-  const A = m ? "expanded" : "collapsed", V = v.useMemo(
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+  }, [y]);
+  const A = f ? "expanded" : "collapsed", et = p.useMemo(
     () => ({
       state: A,
-      open: m,
-      setOpen: f,
+      open: f,
+      setOpen: h,
       isMobile: d,
       openMobile: w,
       setOpenMobile: c,
-      toggleSidebar: x
+      toggleSidebar: y
     }),
-    [A, m, f, d, w, c, x]
+    [A, f, h, d, w, c, y]
   );
-  return /* @__PURE__ */ a(yt.Provider, { value: V, children: /* @__PURE__ */ a(xt, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Et.Provider, { value: et, children: /* @__PURE__ */ a(X, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": Re,
-        "--sidebar-width-icon": Pe,
+        "--sidebar-width": _e,
+        "--sidebar-width-icon": Fe,
         ...n
       },
       className: u(
@@ -779,7 +779,7 @@ function Le({
     }
   ) }) });
 }
-function Ae({
+function We({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -787,7 +787,7 @@ function Ae({
   children: n,
   ...o
 }) {
-  const { isMobile: i, state: d, openMobile: w, setOpenMobile: c } = M();
+  const { isMobile: i, state: d, openMobile: w, setOpenMobile: c } = z();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -799,21 +799,21 @@ function Ae({
       ...o,
       children: n
     }
-  ) : i ? /* @__PURE__ */ a(fe, { open: w, onOpenChange: c, ...o, children: /* @__PURE__ */ l(
-    pe,
+  ) : i ? /* @__PURE__ */ a(Re, { open: w, onOpenChange: c, ...o, children: /* @__PURE__ */ l(
+    Le,
     {
       "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": Ee
+        "--sidebar-width": ze
       },
       side: t,
       children: [
-        /* @__PURE__ */ l(ve, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(xe, { children: "Sidebar" }),
-          /* @__PURE__ */ a(ye, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ l(De, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(Pe, { children: "Sidebar" }),
+          /* @__PURE__ */ a(Me, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
@@ -868,14 +868,14 @@ function Ae({
     }
   );
 }
-function Nt({
+function Lt({
   className: t,
   onClick: e,
   ...s
 }) {
-  const { toggleSidebar: r } = M();
+  const { toggleSidebar: r } = z();
   return /* @__PURE__ */ l(
-    P,
+    D,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -887,13 +887,13 @@ function Nt({
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(Ft, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(Zt, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function De({ className: t, ...e }) {
+function je({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -908,7 +908,7 @@ function De({ className: t, ...e }) {
     }
   );
 }
-function Ie({ className: t, ...e }) {
+function Ke({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -919,7 +919,7 @@ function Ie({ className: t, ...e }) {
     }
   );
 }
-function Me({ className: t, ...e }) {
+function Ue({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -933,7 +933,7 @@ function Me({ className: t, ...e }) {
     }
   );
 }
-function Ct({ className: t, ...e }) {
+function Dt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -944,7 +944,7 @@ function Ct({ className: t, ...e }) {
     }
   );
 }
-function St({ className: t, ...e }) {
+function Pt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -955,7 +955,7 @@ function St({ className: t, ...e }) {
     }
   );
 }
-function Tt({ className: t, ...e }) {
+function Mt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -966,7 +966,7 @@ function Tt({ className: t, ...e }) {
     }
   );
 }
-const _e = lt(
+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",
   {
     variants: {
@@ -986,7 +986,7 @@ const _e = lt(
     }
   }
 );
-function J({
+function ot({
   asChild: t = !1,
   isActive: e = !1,
   variant: s = "default",
@@ -995,23 +995,23 @@ function J({
   className: o,
   ...i
 }) {
-  const d = t ? B : "button", { isMobile: w, state: c } = M(), h = /* @__PURE__ */ a(
+  const d = t ? P : "button", { isMobile: w, state: c } = z(), m = /* @__PURE__ */ a(
     d,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: u(_e({ variant: s, size: r }), o),
+      className: u(He({ variant: s, size: r }), o),
       ...i
     }
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ l(Ne, { children: [
-    /* @__PURE__ */ a(Ce, { asChild: !0, children: h }),
+  }), /* @__PURE__ */ l(Z, { children: [
+    /* @__PURE__ */ a(J, { asChild: !0, children: m }),
     /* @__PURE__ */ a(
-      Se,
+      tt,
       {
         side: "right",
         align: "center",
@@ -1019,16 +1019,16 @@ function J({
         ...n
       }
     )
-  ] })) : h;
+  ] })) : m;
 }
-function Z({
+function it({
   className: t,
   asChild: e = !1,
   showOnHover: s = !1,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? B : "button",
+    e ? P : "button",
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
@@ -1047,7 +1047,7 @@ function Z({
     }
   );
 }
-function ze({ className: t, ...e }) {
+function Ve({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -1062,7 +1062,7 @@ function ze({ className: t, ...e }) {
     }
   );
 }
-function Oe({
+function Qe({
   className: t,
   ...e
 }) {
@@ -1076,7 +1076,7 @@ function Oe({
     }
   );
 }
-function $e({
+function qe({
   asChild: t = !1,
   size: e = "md",
   isActive: s = !1,
@@ -1084,7 +1084,7 @@ function $e({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    t ? B : "a",
+    t ? P : "a",
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
@@ -1102,17 +1102,17 @@ function $e({
     }
   );
 }
-function $({ to: t, children: e, ...s }) {
+function j({ to: t, children: e, ...s }) {
   try {
-    return _t(t), /* @__PURE__ */ a(zt, { to: t, ...s, children: e });
+    return Ht(t), /* @__PURE__ */ a(Vt, { to: t, ...s, children: e });
   } catch {
     return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
   }
 }
-function tt({ ...t }) {
+function lt({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function et({ className: t, ...e }) {
+function dt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1125,7 +1125,7 @@ function et({ className: t, ...e }) {
     }
   );
 }
-function at({ className: t, ...e }) {
+function ct({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1135,14 +1135,14 @@ function at({ className: t, ...e }) {
     }
   );
 }
-function st({
+function wt({
   asChild: t,
   className: e,
   children: s,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? B : $,
+    t ? P : j,
     {
       "data-slot": "breadcrumb-link",
       className: u("astw:hover:text-foreground astw:transition-colors", e),
@@ -1151,7 +1151,7 @@ function st({
     }
   );
 }
-function je({
+function Ge({
   children: t,
   className: e,
   ...s
@@ -1164,19 +1164,19 @@ function je({
       "aria-hidden": "true",
       className: u("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(z, {})
+      children: t ?? /* @__PURE__ */ a($, {})
     }
   );
 }
-function Ke(t, e) {
+function Ye(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 Ue = (t, e) => {
-  const s = ct(e);
+const Xe = (t, e) => {
+  const s = vt(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1186,16 +1186,16 @@ const Ue = (t, e) => {
       };
       const i = (d, w) => {
         !d || d.length === 0 || d.forEach((c) => {
-          const h = `${w}/${c.path}`, b = s(
+          const m = `${w}/${c.path}`, g = s(
             c.meta.title,
             c.path
           );
-          r[h] = {
-            title: b,
+          r[m] = {
+            title: g,
             breadcrumbTitle: c.meta.breadcrumbTitle
           }, c.subResources && c.subResources.length > 0 && i(
             c.subResources,
-            h
+            m
           );
         });
       };
@@ -1204,24 +1204,24 @@ const Ue = (t, e) => {
     {}
   );
 };
-function Fe(t, e, s, r) {
-  const n = t.split("/").filter((w) => w !== ""), o = e && n[0] === e ? n.slice(1) : n, i = Ue(s, r), d = o.map((w, c) => {
-    const h = o.slice(0, c + 1).join("/");
-    let b = i[h];
-    if (!b) {
-      const f = Object.entries(i).find(
-        ([x]) => {
-          const A = x.split("/").map((g) => g.startsWith(":") ? "[^/]+" : g).join("/");
-          return new RegExp(`^${A}$`).test(h);
+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);
         }
       )?.[1];
-      f && (b = f);
+      h && (g = h);
     }
-    let m;
-    return b ? typeof b.breadcrumbTitle == "function" ? m = b.breadcrumbTitle(w) : typeof b.breadcrumbTitle == "string" ? m = b.breadcrumbTitle : m = b.title : m = decodeURIComponent(w), {
+    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: h,
-      title: m
+      path: m,
+      title: f
     };
   });
   return {
@@ -1229,48 +1229,48 @@ function Fe(t, e, s, r) {
     segments: d
   };
 }
-const We = () => {
-  const { open: t } = M();
-  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(Nt, { className: "astw:-ml-2.5" }) });
-}, Na = (t) => {
-  const e = t.children ? t.children({ Outlet: X }) : null, s = ce(), r = () => {
+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 = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a(Le, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(He, {}),
-    /* @__PURE__ */ l(De, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+  return /* @__PURE__ */ a($e, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(ta, {}),
+    /* @__PURE__ */ l(je, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
       /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
         /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(We, {}),
-          /* @__PURE__ */ a(Xe, {})
+          /* @__PURE__ */ a(Je, {}),
+          /* @__PURE__ */ a(na, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(P, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(Wt, {}) }) })
+        /* @__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:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(X, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(rt, {}) })
     ] })
   ] }) });
-}, He = (t) => {
-  const { title: e, icon: s } = C(), { pathname: r } = ot(), n = /* @__PURE__ */ l(Ie, { children: [
+}, ta = (t) => {
+  const { title: e, icon: s } = T(), { pathname: r } = gt(), n = /* @__PURE__ */ l(Ke, { children: [
     s,
     /* @__PURE__ */ a("h1", { className: "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", children: e })
   ] });
-  return /* @__PURE__ */ l(Ae, { variant: "inset", children: [
+  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(Nt, { className: "astw:-ml-1" }) })
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(Lt, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(Me, { children: /* @__PURE__ */ a(rt, { fallback: /* @__PURE__ */ a(qe, {}), children: /* @__PURE__ */ a(Qe, { currentPath: r }) }) }),
+    /* @__PURE__ */ a(Ue, { children: /* @__PURE__ */ a(ht, { fallback: /* @__PURE__ */ a(sa, {}), children: /* @__PURE__ */ a(ea, { currentPath: r }) }) }),
     t.footer ?? null
   ] });
-}, Qe = ({ currentPath: t }) => {
-  const e = gt();
-  return /* @__PURE__ */ a(it, { resolve: e, children: (s) => /* @__PURE__ */ a(Ve, { items: s ?? [], currentPath: t }) });
-}, Ve = (t) => {
-  const e = k();
-  return /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(St, { children: t.items.map((s) => /* @__PURE__ */ a(we, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ l(Tt, { children: [
-    s.url ? /* @__PURE__ */ l(R, { children: [
-      /* @__PURE__ */ a(J, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l(
-        $,
+}, ea = ({ currentPath: t }) => {
+  const e = kt();
+  return /* @__PURE__ */ a(pt, { resolve: e, children: (s) => /* @__PURE__ */ a(aa, { items: s ?? [], currentPath: t }) });
+}, aa = (t) => {
+  const e = B();
+  return /* @__PURE__ */ a(Dt, { children: /* @__PURE__ */ a(Pt, { children: t.items.map((s) => /* @__PURE__ */ a(Ce, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ l(Mt, { children: [
+    s.url ? /* @__PURE__ */ l(E, { children: [
+      /* @__PURE__ */ a(ot, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l(
+        j,
         {
           to: s.url,
           className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1280,29 +1280,29 @@ const We = () => {
           ]
         }
       ) }),
-      !!s.items?.length && /* @__PURE__ */ a(Y, { asChild: !0, children: /* @__PURE__ */ l(Z, { className: "astw:data-[state=open]:rotate-90", children: [
-        /* @__PURE__ */ a(z, {}),
+      !!s.items?.length && /* @__PURE__ */ a(nt, { asChild: !0, children: /* @__PURE__ */ l(it, { className: "astw:data-[state=open]:rotate-90", children: [
+        /* @__PURE__ */ a($, {}),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
       ] }) })
-    ] }) : /* @__PURE__ */ a(R, { children: /* @__PURE__ */ l(Y, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
-      /* @__PURE__ */ a(J, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l("span", { className: "astw:flex astw:w-[100%]", children: [
+    ] }) : /* @__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: [
         s.icon,
         /* @__PURE__ */ a("span", { children: s.title })
       ] }) }),
       !!s.items?.length && /* @__PURE__ */ a(
-        Z,
+        it,
         {
           className: "astw-rotate-target",
           asChild: !0,
           children: /* @__PURE__ */ l("span", { children: [
-            /* @__PURE__ */ a(z, {}),
+            /* @__PURE__ */ a($, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
           ] })
         }
       )
     ] }) }),
-    !!s.items?.length && /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(ze, { children: s.items?.map((r) => /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(
-      $,
+    !!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,
       {
         to: r.url,
         className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1310,9 +1310,9 @@ const We = () => {
       }
     ) }) }, r.title)) }) })
   ] }) }, s.title)) }) });
-}, qe = () => {
+}, sa = () => {
   const e = [...[112, 96, 80, 104, 88, 100, 92, 84]].sort(() => Math.random() - 0.5);
-  return /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(St, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Tt, { children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+  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: [
     /* @__PURE__ */ a("div", { className: "astw:h-4 astw:w-4 astw:rounded-md astw:bg-muted" }),
     /* @__PURE__ */ a(
       "div",
@@ -1322,44 +1322,44 @@ const We = () => {
       }
     )
   ] }) }, r)) }) });
-}, Ge = () => {
-  const { configurations: t } = C(), e = ot();
-  return Fe(
+}, ra = () => {
+  const { configurations: t } = T(), e = gt();
+  return Ze(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, Xe = () => {
-  const { segments: t } = Ge(), e = Ot("/:prefix/settings/:suffix"), s = k();
-  return e ? /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: t.map((r, n) => /* @__PURE__ */ l(
+}, 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(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
-        /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(je, {})
+        /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ a(wt, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(Ge, {})
       ]
     },
     n
   )) }) });
 };
-function Ye({
+function oa({
   ...t
 }) {
-  return /* @__PURE__ */ a(p.Root, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
 }
-function Je({
+function ia({
   ...t
 }) {
-  return /* @__PURE__ */ a(p.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function Ze({
+function la({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Overlay,
+    v.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: u(
@@ -1370,15 +1370,15 @@ function Ze({
     }
   );
 }
-function ta({
+function da({
   className: t,
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ l(Je, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(Ze, {}),
+  return /* @__PURE__ */ l(ia, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(la, {}),
     /* @__PURE__ */ l(
-      p.Content,
+      v.Content,
       {
         "data-slot": "dialog-content",
         className: u(
@@ -1388,8 +1388,8 @@ function ta({
         ...s,
         children: [
           e,
-          /* @__PURE__ */ l(p.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(dt, {}),
+          /* @__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__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1397,12 +1397,12 @@ function ta({
     )
   ] });
 }
-function ea({
+function ca({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Title,
+    v.Title,
     {
       "data-slot": "dialog-title",
       className: u("astw:text-lg astw:leading-none astw:font-semibold", t),
@@ -1410,7 +1410,7 @@ function ea({
     }
   );
 }
-function aa(t) {
+function wa(t) {
   const e = [], s = (r, n, o) => {
     r.forEach((i) => {
       const d = [...o, i.title];
@@ -1431,48 +1431,48 @@ function aa(t) {
     }), s(r.items, r.icon, [r.title]);
   }), e;
 }
-function sa({
+function ua({
   routes: t
 }) {
-  const e = $t(), s = Rt(null), [r, n] = S(!1), [o, i] = S(""), [d, w] = S(0), c = I(
-    () => Ke(t, o),
+  const e = qt(), s = _t(null), [r, n] = k(!1), [o, i] = k(""), [d, w] = k(0), c = _(
+    () => Ye(t, o),
     [t, o]
   );
-  N(() => {
-    const m = (f) => {
-      (f.metaKey || f.ctrlKey) && f.key === "k" && (f.preventDefault(), n((x) => !x));
+  C(() => {
+    const f = (h) => {
+      (h.metaKey || h.ctrlKey) && h.key === "k" && (h.preventDefault(), n((y) => !y));
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, []), N(() => {
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, []), C(() => {
     w(0);
-  }, [c]), N(() => {
+  }, [c]), C(() => {
     r || (i(""), w(0));
-  }, [r]), N(() => {
+  }, [r]), C(() => {
     s.current && s.current.querySelector(`[data-index="${d}"]`)?.scrollIntoView({ block: "nearest" });
   }, [d]);
-  const h = q(
-    (m) => {
-      e(m.path), n(!1), i("");
+  const m = at(
+    (f) => {
+      e(f.path), n(!1), i("");
     },
     [e]
-  ), b = q(
-    (m) => {
-      if (!m.nativeEvent.isComposing)
-        switch (m.key) {
+  ), g = at(
+    (f) => {
+      if (!f.nativeEvent.isComposing)
+        switch (f.key) {
           case "ArrowDown":
-            m.preventDefault(), w(
-              (f) => f < c.length - 1 ? f + 1 : f
+            f.preventDefault(), w(
+              (h) => h < c.length - 1 ? h + 1 : h
             );
             break;
           case "ArrowUp":
-            m.preventDefault(), w((f) => f > 0 ? f - 1 : f);
+            f.preventDefault(), w((h) => h > 0 ? h - 1 : h);
             break;
           case "Enter":
-            m.preventDefault(), c[d] && h(c[d]);
+            f.preventDefault(), c[d] && m(c[d]);
             break;
         }
     },
-    [c, d, h]
+    [c, d, m]
   );
   return {
     open: r,
@@ -1481,15 +1481,15 @@ function sa({
     setSearch: i,
     selectedIndex: d,
     filteredRoutes: c,
-    handleSelect: h,
-    handleKeyDown: b,
+    handleSelect: m,
+    handleKeyDown: g,
     listRef: s
   };
 }
-function ra({
+function ma({
   navItems: t
 }) {
-  const e = k(), s = I(() => aa(t), [t]), {
+  const e = B(), s = _(() => wa(t), [t]), {
     open: r,
     setOpen: n,
     search: o,
@@ -1497,24 +1497,24 @@ function ra({
     selectedIndex: d,
     filteredRoutes: w,
     handleSelect: c,
-    handleKeyDown: h,
-    listRef: b
-  } = sa({ routes: s });
-  return /* @__PURE__ */ a(Ye, { open: r, onOpenChange: n, children: /* @__PURE__ */ l(
-    ta,
+    handleKeyDown: m,
+    listRef: g
+  } = ua({ routes: s });
+  return /* @__PURE__ */ a(oa, { open: r, onOpenChange: n, children: /* @__PURE__ */ l(
+    da,
     {
       className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
-      onKeyDown: h,
+      onKeyDown: m,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(ea, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ a(ca, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
         /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
-          /* @__PURE__ */ a(Ht, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+          /* @__PURE__ */ a(te, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
-            he,
+            ke,
             {
               value: o,
-              onChange: (m) => i(m.target.value),
+              onChange: (f) => i(f.target.value),
               placeholder: e("commandPaletteSearch"),
               className: "astw:flex astw:h-10 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-sm astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
               autoFocus: !0
@@ -1524,26 +1524,26 @@ function ra({
         /* @__PURE__ */ a(
           "div",
           {
-            ref: b,
+            ref: g,
             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((m, f) => /* @__PURE__ */ l(
+            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(
               "button",
               {
-                "data-index": f,
-                onClick: () => c(m),
+                "data-index": h,
+                onClick: () => c(f),
                 className: u(
                   "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",
-                  f === d ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                  h === d ? "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: m.breadcrumb.join(" > ") }),
+                  /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: f.breadcrumb.join(" > ") }),
                   /* @__PURE__ */ l("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
                     "/",
-                    m.path
+                    f.path
                   ] })
                 ]
               },
-              m.path
+              f.path
             )) })
           }
         )
@@ -1551,25 +1551,25 @@ function ra({
     }
   ) });
 }
-function Ca() {
-  const t = gt();
-  return /* @__PURE__ */ a(rt, { fallback: null, children: /* @__PURE__ */ a(it, { resolve: t, children: (e) => /* @__PURE__ */ a(ra, { navItems: e ?? [] }) }) });
+function Ja() {
+  const t = kt();
+  return /* @__PURE__ */ a(ht, { fallback: null, children: /* @__PURE__ */ a(pt, { resolve: t, children: (e) => /* @__PURE__ */ a(ma, { navItems: e ?? [] }) }) });
 }
-const kt = j(null), Sa = (t) => {
-  const e = I(
-    () => qt({
+const At = K(null), ts = (t) => {
+  const e = _(
+    () => oe({
       clientId: t.clientId,
       appUri: t.apiEndpoint,
       redirectUri: t.redirectUri,
-      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : Vt(t.meQuery))
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : ne(t.meQuery))
     }),
     [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
-  ), [s, r] = S(
+  ), [s, r] = k(
     () => e.getState()
   );
-  N(() => {
+  C(() => {
     t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
-  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), N(
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), C(
     () => e.addEventListener((o) => {
       o.type === "auth_state_changed" && r(o.data);
     }),
@@ -1577,7 +1577,7 @@ const kt = j(null), Sa = (t) => {
   );
   const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    kt.Provider,
+    At.Provider,
     {
       value: {
         authState: s,
@@ -1589,29 +1589,389 @@ const kt = j(null), Sa = (t) => {
       children: n
     }
   );
-}, Ta = () => {
-  const t = K(kt);
+}, es = () => {
+  const t = U(At);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
+}, ha = V(
+  "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: {
+      variant: {
+        default: "astw:border-transparent astw:bg-primary astw:text-primary-foreground astw:hover:bg-primary/80",
+        success: "astw:border-transparent astw:bg-green-500 astw:text-white astw:hover:bg-green-600",
+        warning: "astw:border-transparent astw:bg-yellow-500 astw:text-white astw:hover:bg-yellow-600",
+        error: "astw:border-transparent astw:bg-destructive astw:text-destructive-foreground astw:hover:bg-destructive/80",
+        neutral: "astw:border-transparent astw:bg-secondary astw:text-secondary-foreground astw:hover:bg-secondary/80",
+        // Outline variants with status dots - matches Figma design
+        "outline-success": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-warning": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-error": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-info": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-neutral": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), fa = {
+  "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 pa({ className: t, variant: e, children: s, ...r }) {
+  const n = e?.toString().startsWith("outline-");
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: u(ha({ variant: e }), t),
+      ...r,
+      children: [
+        n && /* @__PURE__ */ a(ga, { variant: e }),
+        s
+      ]
+    }
+  );
+}
+function ba(t) {
+  return t.type === "divider";
+}
+function va(t) {
+  return t.type !== "divider" && "key" in t;
+}
+function F(t, e) {
+  return e.split(".").reduce((s, r) => {
+    if (s && typeof s == "object" && r in s)
+      return s[r];
+  }, t);
+}
+function x(t) {
+  return t == null || t === "";
+}
+function xa(t) {
+  return t.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
+}
+function ya(t, e = "medium") {
+  if (x(t)) return "";
+  const s = t instanceof Date ? t : new Date(String(t));
+  if (isNaN(s.getTime())) return String(t);
+  switch (e) {
+    case "short":
+      return s.toLocaleDateString(void 0, {
+        month: "numeric",
+        day: "numeric",
+        year: "2-digit"
+      });
+    case "medium":
+      return s.toLocaleDateString(void 0, {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+    case "long":
+      return s.toLocaleDateString(void 0, {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      });
+    case "relative": {
+      const n = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), o = Math.floor(n / (1e3 * 60 * 60 * 24));
+      return o === 0 ? "Today" : o === 1 ? "Yesterday" : o < 7 ? `${o} days ago` : o < 30 ? `${Math.floor(o / 7)} weeks ago` : o < 365 ? `${Math.floor(o / 30)} months ago` : `${Math.floor(o / 365)} years ago`;
+    }
+    default:
+      return s.toLocaleDateString();
+  }
+}
+function Na(t, e) {
+  if (x(t)) return "";
+  const s = typeof t == "number" ? t : parseFloat(String(t));
+  if (isNaN(s)) return String(t);
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: e || "USD"
+    }).format(s);
+  } catch {
+    return `${e || "$"}${s.toFixed(2)}`;
+  }
+}
+function Ca(t) {
+  if (x(t)) return [];
+  if (typeof t == "string")
+    return t.split(/[,\n]/).map((e) => e.trim()).filter(Boolean);
+  if (typeof t == "object" && t !== null) {
+    const e = t, s = [];
+    e.line1 && s.push(String(e.line1)), e.line2 && s.push(String(e.line2));
+    const r = [
+      e.city,
+      e.state || e.province,
+      e.zip || e.postalCode
+    ].filter(Boolean).join(", ");
+    return r && s.push(r), e.country && s.push(String(e.country)), s;
+  }
+  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(
+      "button",
+      {
+        onClick: async (n) => {
+          n.stopPropagation();
+          try {
+            await navigator.clipboard.writeText(t), s(!0), setTimeout(() => s(!1), 2e3);
+          } catch {
+          }
+        },
+        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 })
+      }
+    ) }),
+    /* @__PURE__ */ a(tt, { 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(() => {
+    if (!r) {
+      i(!1);
+      return;
+    }
+    const c = () => {
+      if (n.current) {
+        const g = n.current;
+        i(g.scrollHeight > g.clientHeight + 1);
+      }
+    }, m = setTimeout(c, 50);
+    return window.addEventListener("resize", c), () => {
+      clearTimeout(m), window.removeEventListener("resize", c);
+    };
+  }, [e, r]);
+  const d = 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: [
+    /* @__PURE__ */ a(
+      "p",
+      {
+        ref: n,
+        className: "astw:text-sm astw:font-medium astw:text-foreground astw:break-words astw:m-0",
+        style: d,
+        children: e
+      }
+    ),
+    s && /* @__PURE__ */ a(It, { 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 });
+  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) });
+}
+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);
+  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);
+  return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: s });
+}
+function Ba({ field: t }) {
+  if (x(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
+  const e = t.meta?.hrefKey, s = e ? F(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
+  return s ? /* @__PURE__ */ l(
+    "a",
+    {
+      href: s,
+      target: r ? "_blank" : void 0,
+      rel: r ? "noopener noreferrer" : void 0,
+      className: "astw:inline-flex astw:items-center astw:gap-1 astw:text-sm astw:text-primary astw:hover:underline",
+      children: [
+        n,
+        r && /* @__PURE__ */ a(ee, { 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(`
+`);
+  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: [
+      n,
+      o < e.length - 1 && /* @__PURE__ */ a("br", {})
+    ] }, o)) }),
+    s && /* @__PURE__ */ a(It, { 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);
+  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) {
+  switch (t.type) {
+    case "text":
+      return /* @__PURE__ */ a(Sa, { field: t });
+    case "badge":
+      return /* @__PURE__ */ a(Ta, { field: t });
+    case "money":
+      return /* @__PURE__ */ a(ka, { field: t });
+    case "date":
+      return /* @__PURE__ */ a(Ra, { field: t });
+    case "link":
+      return /* @__PURE__ */ a(Ba, { field: t });
+    case "address":
+      return /* @__PURE__ */ a(Ea, { field: t });
+    case "reference":
+      return /* @__PURE__ */ a(La, { field: t });
+    default:
+      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
+  }
+}
+function Da(t) {
+  if (t.emptyBehavior !== "hide") return !1;
+  const e = t.value;
+  return e == null || e === "";
+}
+function Pa(t) {
+  return !1;
+}
+function Ma(t, e, s) {
+  const r = F(e, t.key);
+  return {
+    id: `${t.key}-${s}`,
+    label: t.label,
+    type: t.type ?? "text",
+    value: r,
+    emptyBehavior: t.emptyBehavior ?? "dash",
+    meta: t.meta,
+    data: e
+  };
+}
+function Aa(t, e) {
+  const s = [];
+  let r = [], n = 0, o = 0;
+  for (const i of t)
+    if (ba(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);
+    }
+  return r.length > 0 && s.push({ id: `section-${n}`, fields: r }), s;
+}
+function mt({ label: t, children: e, fullWidth: s }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: u(
+        "astw:flex astw:flex-col astw:gap-1 astw:min-w-0 astw:py-2",
+        s && "astw:col-span-full"
+      ),
+      children: [
+        /* @__PURE__ */ a("p", { className: "astw:text-sm astw:font-medium astw:text-muted-foreground astw:leading-none", children: t }),
+        /* @__PURE__ */ a("div", { className: "astw:min-w-0", children: e })
+      ]
+    }
+  );
+}
+function as({
+  data: t,
+  title: e,
+  fields: s,
+  columns: r = 3,
+  className: n,
+  headerAction: o
+}) {
+  const i = Aa(s, t), d = i.some((m) => m.fields.length > 0), w = u(
+    "astw:grid astw:gap-x-6 astw:gap-y-4",
+    // Default: 1 column
+    "astw:grid-cols-1",
+    // Container queries for responsive columns
+    r === 4 ? (
+      // 4-column mode: 1 → 2 → 3 → 4 columns
+      "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3 astw:@[800px]:grid-cols-4"
+    ) : (
+      // 3-column mode: 1 → 2 → 3 columns
+      "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3"
+    )
+  ), c = (m) => {
+    const g = m.fields.filter((h) => !0), f = m.fields.filter((h) => Pa());
+    return /* @__PURE__ */ l("div", { className: "astw:space-y-4", children: [
+      g.length > 0 && /* @__PURE__ */ a("div", { className: w, children: g.map((h) => /* @__PURE__ */ a(mt, { label: h.label, children: ut(h) }, h.id)) }),
+      f.length > 0 && /* @__PURE__ */ a("div", { className: w, children: f.map((h) => /* @__PURE__ */ a(mt, { label: h.label, fullWidth: !0, children: ut(h) }, h.id)) })
+    ] }, m.id);
+  };
+  return /* @__PURE__ */ a(X, { delayDuration: 300, children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: u(
+        "astw:@container astw:bg-card astw:text-card-foreground astw:rounded-xl astw:border",
+        n
+      ),
+      children: [
+        /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:justify-between astw:px-6 astw:py-6", children: [
+          /* @__PURE__ */ 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" }) })
+      ]
+    }
+  ) });
+}
 export {
-  ya as AppShell,
-  Sa as AuthProvider,
-  Ca as CommandPalette,
-  He as DefaultSidebar,
-  Ea as Link,
-  Na as SidebarLayout,
-  Jt as defineI18nLabels,
-  va as defineModule,
-  xa as defineResource,
-  pa as redirectToResource,
-  C as useAppShell,
-  Ta as useAuth,
-  Pa as useLocation,
-  Ba as useNavigate,
-  La as useParams,
-  Aa as useRouteError,
-  Da as useSearchParams,
-  ce as useTheme
+  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
 };