@tailor-platform/app-shell 0.25.0 → 0.26.1

package/dist/app-shell.js

@@ -1,25 +1,24 @@
-import { jsx as a, jsxs as d, Fragment as B } from "react/jsx-runtime";
-import { capitalCase as A } from "change-case";
-import { useRouteError as Yt, isRouteErrorResponse as Xt, redirect as Rt, Outlet as Y, NavLink as Zt, Navigate as Jt, useRouteLoaderData as te, createMemoryRouter as ee, createBrowserRouter as ae, RouterProvider as se, useHref as re, Link as ne, useLocation as Et, Await as Bt, useMatch as oe, useNavigate as ie } from "react-router";
-import { Link as ys, useLocation as Ns, useNavigate as Cs, useParams as Ss, useRouteError as Ts, useSearchParams as ks } from "react-router";
+import { jsx as a, jsxs as d, Fragment as E } from "react/jsx-runtime";
+import { capitalCase as I } from "change-case";
+import { useRouteError as Xt, isRouteErrorResponse as Zt, redirect as Rt, Outlet as X, NavLink as Jt, Navigate as te, useRouteLoaderData as ee, createMemoryRouter as ae, createBrowserRouter as se, RouterProvider as re, useHref as ne, Link as oe, useLocation as Et, Await as Bt, useMatch as ie, useNavigate as le } from "react-router";
+import { Link as Cs, useLocation as Ts, useNavigate as ks, useParams as Rs, useRouteError as Es, useSearchParams as Bs } from "react-router";
 import { Slot as z } 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 ct, Table as ce, XIcon as Dt, PanelLeftIcon as we, ChevronRight as q, SunIcon as ue, SearchIcon as me, ExternalLink as he, Check as fe, Copy as ge } from "lucide-react";
-import * as p from "react";
-import { createContext as W, useContext as D, useState as R, useMemo as k, useEffect as y, Suspense as Lt, useRef as pe, useCallback as wt } from "react";
-import { Toaster as be, toast as xe } from "sonner";
-import * as Z from "@radix-ui/react-collapsible";
+import { cva as Z } from "class-variance-authority";
+import { clsx as de } from "clsx";
+import { twMerge as ce } from "tailwind-merge";
+import { AlertCircle as wt, Table as we, XIcon as At, PanelLeftIcon as ue, ChevronRight as Q, SunIcon as me, SearchIcon as he, ExternalLink as fe, Check as pe, Copy as ge } from "lucide-react";
+import * as g from "react";
+import { createContext as j, useContext as B, useState as M, useMemo as k, useEffect as y, Suspense as Dt, useRef as be, useCallback as W, useSyncExternalStore as xe } from "react";
+import { Toaster as ve, toast as ye } from "sonner";
+import * as J from "@radix-ui/react-collapsible";
 import "@radix-ui/react-separator";
 import * as b from "@radix-ui/react-dialog";
-import * as E from "@radix-ui/react-tooltip";
-import { print as ve } from "graphql";
-import { createAuthClient as ye } from "@tailor-platform/auth-browser-client";
+import * as R from "@radix-ui/react-tooltip";
+import { createAuthClient as Ne } from "@tailor-platform/auth-public-client";
 function m(...t) {
-  return de(le(t));
+  return ce(de(t));
 }
-const Ne = X(
+const Se = Z(
   "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: {
@@ -55,7 +54,7 @@ function _({
     r ? z : "button",
     {
       "data-slot": "button",
-      className: m(Ne({ variant: e, size: s, className: t })),
+      className: m(Se({ variant: e, size: s, className: t })),
       ...n
     }
   );
@@ -69,16 +68,16 @@ const $ = "en", Ce = () => {
   } catch {
     return $;
   }
-}, J = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Pt = (t) => {
-  const e = J(t);
-  return (s, r) => e(s, typeof s == "string" ? s : A(r));
-}, Se = (t) => ({
+}, tt = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Pt = (t) => {
+  const e = tt(t);
+  return (s, r) => e(s, typeof s == "string" ? s : I(r));
+}, Te = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(j, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(K, {}),
   basePath: t.basePath,
   locale: t.locale ?? Ce()
-}), tt = W({
+}), et = j({
   configurations: {
     modules: [],
     settingsResources: [],
@@ -91,18 +90,18 @@ const $ = "en", Ce = () => {
     // always provides the context via AppShellConfigContext.Provider.
     errorBoundary: null
   }
-}), et = W({
+}), at = j({
   contextData: {}
-}), L = () => D(tt), os = () => D(et), Te = () => {
-  const t = D(tt), e = D(et);
+}), A = () => B(et), is = () => B(at), ke = () => {
+  const t = B(et), e = B(at);
   return {
     ...t,
     ...e
   };
-}, ke = () => {
-  const { configurations: t } = L(), e = J(t.locale);
+}, Re = () => {
+  const { configurations: t } = A(), e = tt(t.locale);
   return (s, r) => e(s, r);
-}, Re = (t) => {
+}, Ee = (t) => {
   const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
   return {
     /**
@@ -125,7 +124,7 @@ const $ = "en", Ce = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = L(), r = e(s.locale), n = ((o, ...i) => {
+      const { configurations: s } = A(), r = e(s.locale), n = ((o, ...i) => {
         const l = r(o);
         return typeof l == "function" ? l(i[0]) : l;
       });
@@ -161,7 +160,7 @@ const $ = "en", Ce = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, Ee = Re({
+}, Be = Ee({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -200,14 +199,14 @@ const $ = "en", Ce = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), P = Ee.useT, j = () => {
-  const t = Yt(), e = P(), s = {
+}), D = Be.useT, K = () => {
+  const t = Xt(), e = D(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (Xt(t) && t.status === 404)
+  if (Zt(t) && t.status === 404)
     return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(ct, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ a(wt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
       /* @__PURE__ */ d("div", { children: [
         /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("error404Title") }),
         /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: e("error404Body") }),
@@ -225,7 +224,7 @@ const $ = "en", Ce = () => {
     ] }) });
   const r = t instanceof Error ? t.message : e("errorUnexpected");
   return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-    /* @__PURE__ */ a(ct, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ a(wt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
     /* @__PURE__ */ d("div", { children: [
       /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("errorTitle") }),
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: r }),
@@ -242,19 +241,19 @@ const $ = "en", Ce = () => {
     ] })
   ] }) });
 };
-let Mt = {};
-const Be = (t) => {
-  Mt = t;
-}, is = () => ({ type: "pass" }), ls = () => ({ type: "hidden" }), ds = (t) => ({
+let Lt = {};
+const Ae = (t) => {
+  Lt = t;
+}, ls = () => ({ type: "pass" }), ds = () => ({ type: "hidden" }), cs = (t) => ({
   type: "redirect",
   to: t
-}), at = () => new Response("Not Found", { status: 404 }), K = async (t, e) => {
+}), st = () => new Response("Not Found", { status: 404 }), V = async (t, e) => {
   if (!t || t.length === 0) return { type: "pass" };
   const s = new URL(e.request.url), r = {
     params: e.params,
     searchParams: s.searchParams,
     signal: e.request.signal,
-    context: Mt
+    context: Lt
   };
   for (const n of t) {
     const o = await n(r);
@@ -262,22 +261,22 @@ const Be = (t) => {
       return o;
   }
   return { type: "pass" };
-}, It = (t, e) => async (s) => {
-  const r = await K(t, s);
+}, Mt = (t, e) => async (s) => {
+  const r = await V(t, s);
   switch (r.type) {
     case "hidden":
-      throw at();
+      throw st();
     case "redirect":
       return Rt(r.to);
     case "pass":
       return e ? e(s) : null;
   }
-}, At = (t, e) => () => {
-  const { configurations: s } = L(), { metaTitle: r, fallbackTitle: n } = t, i = J(s.locale)(r, n);
+}, It = (t, e) => () => {
+  const { configurations: s } = A(), { metaTitle: r, fallbackTitle: n } = t, i = tt(s.locale)(r, n);
   return e(i);
 };
-function cs(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? A(e), u = A(e), w = i && i.length > 0 ? It(i) : void 0, c = r ? At(
+function ws(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? I(e), u = I(e), w = i && i.length > 0 ? Mt(i) : void 0, c = r ? It(
     { metaTitle: l, fallbackTitle: u },
     (h) => r({ title: h, resources: n })
   ) : void 0;
@@ -295,12 +294,12 @@ function cs(t) {
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(j, {}),
+    errorBoundary: o || /* @__PURE__ */ a(K, {}),
     guards: i
   };
 }
-function ws(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? A(e), u = A(e), w = i && i.length > 0 ? It(i) : void 0;
+function us(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? I(e), u = I(e), w = i && i.length > 0 ? Mt(i) : void 0;
   return {
     _type: "resource",
     type: "component",
@@ -310,31 +309,31 @@ function ws(t) {
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: At(
+    component: It(
       { metaTitle: l, fallbackTitle: u },
       (c) => s({ title: c, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(j, {}),
+    errorBoundary: o ?? /* @__PURE__ */ a(K, {}),
     guards: i,
     loader: w
   };
 }
 const De = () => {
-  const t = P();
-  return /* @__PURE__ */ d(B, { children: [
+  const t = D();
+  return /* @__PURE__ */ d(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") })
   ] });
-}, ut = () => /* @__PURE__ */ d(B, { children: [
-  /* @__PURE__ */ a(Y, {}),
-  /* @__PURE__ */ a(be, {})
-] }), Le = () => {
-  const { configurations: t } = Te(), e = P(), s = ke();
+}, ut = () => /* @__PURE__ */ d(E, { children: [
+  /* @__PURE__ */ a(X, {}),
+  /* @__PURE__ */ a(ve, {})
+] }), Pe = () => {
+  const { configurations: t } = ke(), e = D(), s = Re();
   return /* @__PURE__ */ d("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
     /* @__PURE__ */ a("div", { children: /* @__PURE__ */ d("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
       /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
-      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Zt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ d(
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Jt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ d(
         _,
         {
           variant: n ? "secondary" : "ghost",
@@ -346,9 +345,9 @@ const De = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(Y, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(X, {}) })
   ] });
-}, st = (t) => () => /* @__PURE__ */ a(B, { children: t }), _t = (t, e, s) => {
+}, rt = (t) => () => /* @__PURE__ */ a(E, { children: t }), _t = (t, e, s) => {
   const r = t.errorBoundary || s, n = t.component ? {
     index: !0,
     Component: t.component
@@ -357,7 +356,7 @@ const De = () => {
     path: t.path,
     ...t.loader && { loader: t.loader },
     ...t.errorBoundary && {
-      ErrorBoundary: st(t.errorBoundary)
+      ErrorBoundary: rt(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
@@ -370,7 +369,7 @@ const De = () => {
       children: [n]
     } : {}
   };
-}, Pe = (t) => {
+}, Le = (t) => {
   const e = _t(t, t.resources, t.errorBoundary);
   if (!t.component && t.resources.length > 0) {
     const s = {
@@ -380,9 +379,9 @@ const De = () => {
       Component: () => null,
       loader: async (n) => {
         for (const o of t.resources)
-          if ((await K(o.guards, n)).type === "pass")
+          if ((await V(o.guards, n)).type === "pass")
             return Rt(o.path);
-        throw at();
+        throw st();
       }
     }, r = {
       path: e.path,
@@ -392,7 +391,7 @@ const De = () => {
     return e.ErrorBoundary && (r.ErrorBoundary = e.ErrorBoundary), r;
   }
   return e;
-}, Me = (t) => t.map((e) => Pe(e)), Ie = ({
+}, Me = (t) => t.map((e) => Le(e)), Ie = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
@@ -405,7 +404,7 @@ const De = () => {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        Jt,
+        te,
         {
           to: e[0].path,
           relative: "path",
@@ -415,12 +414,12 @@ const De = () => {
     },
     {
       path: "settings",
-      Component: Le,
+      Component: Pe,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: st(o.errorBoundary)
+          ErrorBoundary: rt(o.errorBoundary)
         }
       }))
     }
@@ -434,22 +433,22 @@ const De = () => {
     {
       path: "*",
       loader: () => {
-        throw at();
+        throw st();
       },
       // 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: j
+      ErrorBoundary: K
     }
   ];
-}, zt = "appshell-root-nav", Ae = (t) => ({
+}, zt = "appshell-root-nav", _e = (t) => ({
   loaderID: zt,
-  loader: async (e) => ({ navItems: _e(t, e) })
-}), Ft = () => te(zt)?.navItems, _e = async (t, e) => {
+  loader: async (e) => ({ navItems: ze(t, e) })
+}), Ft = () => ee(zt)?.navItems, ze = async (t, e) => {
   const s = Pt(t.locale);
   return (await Promise.all(
     t.modules.map(async (n) => {
-      if (n.path.startsWith(":") || (await K(n.guards, e)).type !== "pass") return null;
+      if (n.path.startsWith(":") || (await V(n.guards, e)).type !== "pass") return null;
       const i = await Ot(
         n.resources,
         n.path,
@@ -461,12 +460,12 @@ const De = () => {
   )).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(ce, {}),
+    icon: n.meta.icon || /* @__PURE__ */ a(we, {}),
     items: o
   }));
 }, Ot = async (t, e, s, r) => (await Promise.all(
   t.map(async (o) => {
-    if (o.path.startsWith(":") || (await K(o.guards, s)).type !== "pass") return null;
+    if (o.path.startsWith(":") || (await V(o.guards, s)).type !== "pass") return null;
     const l = `${e}/${o.path}`, u = r(o.meta.title, o.path), w = o.subResources ? await Ot(
       o.subResources,
       l,
@@ -479,12 +478,12 @@ const De = () => {
       items: w && w.length > 0 ? w : void 0
     };
   })
-)).filter((o) => o !== null), ze = (t) => {
-  const { configurations: e } = L(), { rootComponent: s, children: r } = t, n = Ie({
+)).filter((o) => o !== null), Fe = (t) => {
+  const { configurations: e } = A(), { rootComponent: s, children: r } = t, n = Ie({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, { loaderID: i, loader: l } = Ae({
+  }), o = e.errorBoundary, { loaderID: i, loader: l } = _e({
     modules: e.modules,
     locale: e.locale
   }), u = [
@@ -494,8 +493,8 @@ const De = () => {
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(Y, {}),
-          ErrorBoundary: st(o),
+          element: /* @__PURE__ */ a(X, {}),
+          ErrorBoundary: rt(o),
           children: n
         }
       ] : n,
@@ -505,25 +504,25 @@ const De = () => {
        */
       HydrateFallback: () => null
     }
-  ], w = e.basePath ? "/" + e.basePath : void 0, c = t.memory ? ee(u, {
+  ], w = e.basePath ? "/" + e.basePath : void 0, c = t.memory ? ae(u, {
     basename: w,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : ae(u, {
+  }) : se(u, {
     basename: w
   });
-  return /* @__PURE__ */ a(se, { router: c });
-}, Fe = {
+  return /* @__PURE__ */ a(re, { router: c });
+}, Oe = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, $t = W(Fe);
-function Oe({
+}, $t = j(Oe);
+function $e({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = R(
+  const [n, o] = M(
     () => localStorage.getItem(e) || s
   ), i = k(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
   y(() => {
@@ -539,20 +538,20 @@ function Oe({
   };
   return /* @__PURE__ */ a($t.Provider, { ...r, value: l, children: t });
 }
-const $e = () => {
-  const t = D($t);
+const We = () => {
+  const t = B($t);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, us = (t) => {
-  const [e, s] = R(!1);
+}, ms = (t) => {
+  const [e, s] = M(!1);
   y(function() {
     s(!0);
   }, []);
   const r = t.contextData ?? {};
-  Be(r);
+  Ae(r);
   const n = k(
-    () => Se({
+    () => Te({
       modules: t.modules,
       settingsResources: t.settingsResources,
       basePath: t.basePath,
@@ -573,29 +572,29 @@ const $e = () => {
     () => ({ contextData: t.contextData ?? {} }),
     [t.contextData]
   );
-  return e ? /* @__PURE__ */ a(tt.Provider, { value: o, children: /* @__PURE__ */ a(et.Provider, { value: i, children: /* @__PURE__ */ a(Oe, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(ze, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
+  return e ? /* @__PURE__ */ a(et.Provider, { value: o, children: /* @__PURE__ */ a(at.Provider, { value: i, children: /* @__PURE__ */ a($e, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Fe, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
 };
-function We({
+function je({
   ...t
 }) {
-  return /* @__PURE__ */ a(Z.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(J.Root, { "data-slot": "collapsible", ...t });
 }
 function mt({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    Z.CollapsibleTrigger,
+    J.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function je({
+function Ke({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    Z.CollapsibleContent,
+    J.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
@@ -603,32 +602,32 @@ function je({
   );
 }
 const H = 768;
-function Ke() {
-  const [t, e] = p.useState(
+function Ve() {
+  const [t, e] = g.useState(
     void 0
   );
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     const s = window.matchMedia(`(max-width: ${H - 1}px)`), r = () => {
       e(window.innerWidth < H);
     };
     return s.addEventListener("change", r), e(window.innerWidth < H), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-const U = 768, Q = 1199;
-function Ve() {
-  const [t, e] = p.useState(
+const q = 768, G = 1199;
+function Ue() {
+  const [t, e] = g.useState(
     void 0
   );
-  return p.useEffect(() => {
+  return g.useEffect(() => {
     const s = window.matchMedia(
-      `(min-width: ${U}px) and (max-width: ${Q}px)`
+      `(min-width: ${q}px) and (max-width: ${G}px)`
     ), r = () => {
       e(
-        window.innerWidth >= U && window.innerWidth <= Q
+        window.innerWidth >= q && window.innerWidth <= G
       );
     };
     return s.addEventListener("change", r), e(
-      window.innerWidth >= U && window.innerWidth <= Q
+      window.innerWidth >= q && window.innerWidth <= G
     ), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
@@ -651,12 +650,12 @@ function He({ className: t, type: e, ...s }) {
 function ht({ ...t }) {
   return /* @__PURE__ */ a(b.Root, { "data-slot": "sheet", ...t });
 }
-function Ue({
+function qe({
   ...t
 }) {
   return /* @__PURE__ */ a(b.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function Qe({
+function Ge({
   className: t,
   ...e
 }) {
@@ -678,8 +677,8 @@ function ft({
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ d(Ue, { children: [
-    /* @__PURE__ */ a(Qe, {}),
+  return /* @__PURE__ */ d(qe, { children: [
+    /* @__PURE__ */ a(Ge, {}),
     /* @__PURE__ */ d(
       b.Content,
       {
@@ -696,7 +695,7 @@ function ft({
         children: [
           e,
           /* @__PURE__ */ d(b.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(Dt, { className: "astw:size-4" }),
+            /* @__PURE__ */ a(At, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -704,7 +703,7 @@ function ft({
     )
   ] });
 }
-function gt({ className: t, ...e }) {
+function pt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -714,7 +713,7 @@ function gt({ className: t, ...e }) {
     }
   );
 }
-function pt({
+function gt({
   className: t,
   ...e
 }) {
@@ -740,12 +739,12 @@ function bt({
     }
   );
 }
-function rt({
+function nt({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    E.Provider,
+    R.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -753,24 +752,24 @@ function rt({
     }
   );
 }
-function nt({
+function ot({
   ...t
 }) {
-  return /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(E.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(nt, { children: /* @__PURE__ */ a(R.Root, { "data-slot": "tooltip", ...t }) });
 }
-function ot({
+function it({
   ...t
 }) {
-  return /* @__PURE__ */ a(E.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(R.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function it({
+function lt({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(E.Portal, { children: /* @__PURE__ */ d(
-    E.Content,
+  return /* @__PURE__ */ a(R.Portal, { children: /* @__PURE__ */ d(
+    R.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
@@ -781,19 +780,19 @@ function it({
       ...r,
       children: [
         s,
-        /* @__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]" })
+        /* @__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 Wt = "16rem", qe = "18rem", Ge = "3rem", Ye = "b", jt = p.createContext(null);
+const Wt = "16rem", Qe = "18rem", Ye = "3rem", Xe = "b", jt = g.createContext(null);
 function F() {
-  const t = p.useContext(jt);
+  const t = g.useContext(jt);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function Xe({
+function Ze({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -802,45 +801,56 @@ function Xe({
   children: o,
   ...i
 }) {
-  const l = Ke(), u = Ve(), [w, c] = p.useState(!1), [h, f] = p.useState(!1), [g, M] = p.useState(t), C = e ?? g, I = p.useCallback(
+  const l = Ve(), u = Ue(), [w, c] = g.useState(!1), [h, f] = g.useState(!1), [p, P] = g.useState(t), S = e ?? p, L = g.useCallback(
     (x) => {
-      const T = typeof x == "function" ? x(C) : x;
-      s ? s(T) : M(T);
+      const T = typeof x == "function" ? x(S) : x;
+      s ? s(T) : P(T);
     },
-    [s, C]
-  ), S = u && !l, O = p.useCallback(() => l ? c((x) => !x) : S ? f((x) => !x) : I((x) => !x), [l, S, I, c]);
-  p.useEffect(() => {
+    [s, S]
+  ), C = u && !l, O = g.useCallback(() => l ? c((x) => !x) : C ? f((x) => !x) : L((x) => !x), [l, C, L, c]);
+  g.useEffect(() => {
     const x = (T) => {
-      T.key === Ye && (T.metaKey || T.ctrlKey) && (T.preventDefault(), O());
+      T.key === Xe && (T.metaKey || T.ctrlKey) && (T.preventDefault(), O());
     };
     return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
   }, [O]);
-  const dt = C ? "expanded" : "collapsed", Gt = p.useMemo(
+  const ct = S ? "expanded" : "collapsed", Yt = g.useMemo(
     () => ({
-      state: dt,
-      open: C,
-      setOpen: I,
+      state: ct,
+      open: S,
+      setOpen: L,
       isMobile: l,
       openMobile: w,
       setOpenMobile: c,
       toggleSidebar: O,
-      isIconMode: S,
+      isIconMode: C,
       openIconMode: h,
       setOpenIconMode: f
     }),
-    [dt, C, I, l, w, c, O, S, h, f]
+    [
+      ct,
+      S,
+      L,
+      l,
+      w,
+      c,
+      O,
+      C,
+      h,
+      f
+    ]
   );
-  return /* @__PURE__ */ a(jt.Provider, { value: Gt, children: /* @__PURE__ */ a(rt, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(jt.Provider, { value: Yt, children: /* @__PURE__ */ a(nt, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
         "--sidebar-width": Wt,
-        "--sidebar-width-icon": Ge,
+        "--sidebar-width-icon": Ye,
         ...n
       },
       className: m(
-        "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full",
+        "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full astw:overflow-hidden",
         r
       ),
       ...i,
@@ -848,7 +858,7 @@ function Xe({
     }
   ) }) });
 }
-function Ze({
+function Je({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -856,7 +866,15 @@ function Ze({
   children: n,
   ...o
 }) {
-  const { isMobile: i, state: l, openMobile: u, setOpenMobile: w, isIconMode: c, openIconMode: h, setOpenIconMode: f } = F();
+  const {
+    isMobile: i,
+    state: l,
+    openMobile: u,
+    setOpenMobile: w,
+    isIconMode: c,
+    openIconMode: h,
+    setOpenIconMode: f
+  } = F();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -876,18 +894,18 @@ function Ze({
       "data-mobile": "true",
       className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
       style: {
-        "--sidebar-width": qe
+        "--sidebar-width": Qe
       },
       side: t,
       children: [
-        /* @__PURE__ */ d(gt, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(pt, { children: "Sidebar" }),
+        /* @__PURE__ */ d(pt, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(gt, { children: "Sidebar" }),
           /* @__PURE__ */ a(bt, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
     }
-  ) }) : c && s === "icon" ? /* @__PURE__ */ d(B, { children: [
+  ) }) : c && s === "icon" ? /* @__PURE__ */ d(E, { children: [
     /* @__PURE__ */ d(
       "div",
       {
@@ -944,8 +962,8 @@ function Ze({
         },
         side: t,
         children: [
-          /* @__PURE__ */ d(gt, { className: "astw:sr-only", children: [
-            /* @__PURE__ */ a(pt, { children: "Sidebar" }),
+          /* @__PURE__ */ d(pt, { className: "astw:sr-only", children: [
+            /* @__PURE__ */ a(gt, { children: "Sidebar" }),
             /* @__PURE__ */ a(bt, { children: "Displays the sidebar overlay." })
           ] }),
           /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
@@ -1021,13 +1039,13 @@ function Kt({
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(we, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(ue, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function Je({ className: t, ...e }) {
+function ta({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -1042,24 +1060,30 @@ function Je({ className: t, ...e }) {
     }
   );
 }
-function ta({ className: t, ...e }) {
+function ea({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: m("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 ea({ className: t, ...e }) {
+function aa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      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),
+      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
     }
   );
@@ -1070,23 +1094,29 @@ function Vt({ className: t, ...e }) {
     {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: m("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 Ht({ className: t, ...e }) {
+function Ut({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: m("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 Ut({ className: t, ...e }) {
+function Ht({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1097,7 +1127,7 @@ function Ut({ className: t, ...e }) {
     }
   );
 }
-const aa = X(
+const sa = Z(
   "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: {
@@ -1133,16 +1163,16 @@ function xt({
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: m(aa({ variant: s, size: r }), o),
+      className: m(sa({ variant: s, size: r }), o),
       ...i
     }
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ d(nt, { children: [
-    /* @__PURE__ */ a(ot, { asChild: !0, children: c }),
+  }), /* @__PURE__ */ d(ot, { children: [
+    /* @__PURE__ */ a(it, { asChild: !0, children: c }),
     /* @__PURE__ */ a(
-      it,
+      lt,
       {
         side: "right",
         align: "center",
@@ -1178,7 +1208,7 @@ function vt({
     }
   );
 }
-function sa({ className: t, ...e }) {
+function ra({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -1193,7 +1223,7 @@ function sa({ className: t, ...e }) {
     }
   );
 }
-function ra({
+function na({
   className: t,
   ...e
 }) {
@@ -1207,7 +1237,7 @@ function ra({
     }
   );
 }
-function na({
+function oa({
   asChild: t = !1,
   size: e = "md",
   isActive: s = !1,
@@ -1233,9 +1263,9 @@ function na({
     }
   );
 }
-function G({ to: t, children: e, ...s }) {
+function Y({ to: t, children: e, ...s }) {
   try {
-    return re(t), /* @__PURE__ */ a(ne, { to: t, ...s, children: e });
+    return ne(t), /* @__PURE__ */ a(oe, { to: t, ...s, children: e });
   } catch {
     return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
   }
@@ -1256,7 +1286,7 @@ function Nt({ className: t, ...e }) {
     }
   );
 }
-function Ct({ className: t, ...e }) {
+function St({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1266,14 +1296,14 @@ function Ct({ className: t, ...e }) {
     }
   );
 }
-function St({
+function Ct({
   asChild: t,
   className: e,
   children: s,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? z : G,
+    t ? z : Y,
     {
       "data-slot": "breadcrumb-link",
       className: m("astw:hover:text-foreground astw:transition-colors", e),
@@ -1282,7 +1312,7 @@ function St({
     }
   );
 }
-function oa({
+function ia({
   children: t,
   className: e,
   ...s
@@ -1295,18 +1325,18 @@ function oa({
       "aria-hidden": "true",
       className: m("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(q, {})
+      children: t ?? /* @__PURE__ */ a(Q, {})
     }
   );
 }
-function ia(t, e) {
+function la(t, e) {
   if (!e.trim()) return t;
   const s = e.toLowerCase();
   return t.filter(
     (r) => r.title.toLowerCase().includes(s) || r.path.toLowerCase().includes(s)
   );
 }
-const la = (t, e) => {
+const da = (t, e) => {
   const s = Pt(e);
   return t.reduce(
     (r, n) => {
@@ -1335,18 +1365,18 @@ const la = (t, e) => {
     {}
   );
 };
-function da(t, e, s, r) {
-  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = la(s, r), l = o.map((u, w) => {
+function ca(t, e, s, r) {
+  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = da(s, r), l = o.map((u, w) => {
     const c = o.slice(0, w + 1).join("/");
     let h = i[c];
     if (!h) {
-      const g = Object.entries(i).find(
-        ([M]) => {
-          const C = M.split("/").map((S) => S.startsWith(":") ? "[^/]+" : S).join("/");
-          return new RegExp(`^${C}$`).test(c);
+      const p = Object.entries(i).find(
+        ([P]) => {
+          const S = P.split("/").map((C) => C.startsWith(":") ? "[^/]+" : C).join("/");
+          return new RegExp(`^${S}$`).test(c);
         }
       )?.[1];
-      g && (h = g);
+      p && (h = p);
     }
     let f;
     return h ? typeof h.breadcrumbTitle == "function" ? f = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? f = h.breadcrumbTitle : f = h.title : f = decodeURIComponent(u), {
@@ -1360,28 +1390,28 @@ function da(t, e, s, r) {
     segments: l
   };
 }
-const ca = () => {
+const wa = () => {
   const { open: t, isIconMode: e } = F();
   return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(Kt, { className: "astw:-ml-2.5" }) });
-}, ms = (t) => {
-  const e = t.children ? t.children({ Outlet: ut }) : null, s = $e(), r = () => {
+}, hs = (t) => {
+  const e = t.children ? t.children({ Outlet: ut }) : null, s = We(), r = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a(Xe, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(wa, {}),
-    /* @__PURE__ */ d(Je, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+  return /* @__PURE__ */ a(Ze, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(ua, {}),
+    /* @__PURE__ */ d(ta, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
       /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
         /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(ca, {}),
+          /* @__PURE__ */ a(wa, {}),
           /* @__PURE__ */ a(ga, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(_, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(ue, {}) }) })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(_, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(me, {}) }) })
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(ut, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4 astw:flex-1 astw:min-h-0", children: e ?? /* @__PURE__ */ a(ut, {}) })
     ] })
   ] }) });
-}, wa = (t) => {
-  const { title: e, icon: s } = L(), { pathname: r } = Et(), { isIconMode: n } = F(), o = /* @__PURE__ */ d(ta, { children: [
+}, ua = (t) => {
+  const { title: e, icon: s } = A(), { pathname: r } = Et(), { isIconMode: n } = F(), o = /* @__PURE__ */ d(ea, { children: [
     s,
     /* @__PURE__ */ a(
       "h1",
@@ -1394,23 +1424,23 @@ const ca = () => {
       }
     )
   ] });
-  return /* @__PURE__ */ d(Ze, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
+  return /* @__PURE__ */ d(Je, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
     !n && /* @__PURE__ */ d("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
       t.header ?? o,
       /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(Kt, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(ea, { children: /* @__PURE__ */ a(Lt, { fallback: /* @__PURE__ */ a(ha, {}), children: /* @__PURE__ */ a(ua, { currentPath: r }) }) }),
+    /* @__PURE__ */ a(aa, { children: /* @__PURE__ */ a(Dt, { fallback: /* @__PURE__ */ a(fa, {}), children: /* @__PURE__ */ a(ma, { currentPath: r }) }) }),
     t.footer ?? null
   ] });
-}, ua = ({ currentPath: t }) => {
+}, ma = ({ currentPath: t }) => {
   const e = Ft();
-  return /* @__PURE__ */ a(Bt, { resolve: e, children: (s) => /* @__PURE__ */ a(ma, { items: s ?? [], currentPath: t }) });
-}, ma = (t) => {
-  const e = P();
-  return /* @__PURE__ */ a(Vt, { children: /* @__PURE__ */ a(Ht, { children: t.items.map((s) => /* @__PURE__ */ a(We, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ d(Ut, { children: [
-    s.url ? /* @__PURE__ */ d(B, { children: [
+  return /* @__PURE__ */ a(Bt, { resolve: e, children: (s) => /* @__PURE__ */ a(ha, { items: s ?? [], currentPath: t }) });
+}, ha = (t) => {
+  const e = D();
+  return /* @__PURE__ */ a(Vt, { children: /* @__PURE__ */ a(Ut, { children: t.items.map((s) => /* @__PURE__ */ a(je, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ d(Ht, { children: [
+    s.url ? /* @__PURE__ */ d(E, { children: [
       /* @__PURE__ */ a(xt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ d(
-        G,
+        Y,
         {
           to: s.url,
           className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1421,10 +1451,10 @@ const ca = () => {
         }
       ) }),
       !!s.items?.length && /* @__PURE__ */ a(mt, { asChild: !0, children: /* @__PURE__ */ d(vt, { className: "astw:data-[state=open]:rotate-90", children: [
-        /* @__PURE__ */ a(q, {}),
+        /* @__PURE__ */ a(Q, {}),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
       ] }) })
-    ] }) : /* @__PURE__ */ a(B, { children: /* @__PURE__ */ d(mt, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
+    ] }) : /* @__PURE__ */ a(E, { children: /* @__PURE__ */ d(mt, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
       /* @__PURE__ */ a(xt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ d("span", { className: "astw:flex astw:w-[100%]", children: [
         s.icon,
         /* @__PURE__ */ a("span", { children: s.title })
@@ -1435,14 +1465,14 @@ const ca = () => {
           className: "astw-rotate-target",
           asChild: !0,
           children: /* @__PURE__ */ d("span", { children: [
-            /* @__PURE__ */ a(q, {}),
+            /* @__PURE__ */ a(Q, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
           ] })
         }
       )
     ] }) }),
-    !!s.items?.length && /* @__PURE__ */ a(je, { children: /* @__PURE__ */ a(sa, { children: s.items?.map((r) => /* @__PURE__ */ a(ra, { children: /* @__PURE__ */ a(na, { asChild: !0, children: /* @__PURE__ */ a(
-      G,
+    !!s.items?.length && /* @__PURE__ */ a(Ke, { children: /* @__PURE__ */ a(ra, { children: s.items?.map((r) => /* @__PURE__ */ a(na, { children: /* @__PURE__ */ a(oa, { asChild: !0, children: /* @__PURE__ */ a(
+      Y,
       {
         to: r.url,
         className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1450,9 +1480,9 @@ const ca = () => {
       }
     ) }) }, r.title)) }) })
   ] }) }, s.title)) }) });
-}, ha = () => {
+}, fa = () => {
   const e = [...[112, 96, 80, 104, 88, 100, 92, 84]].sort(() => Math.random() - 0.5);
-  return /* @__PURE__ */ a(Vt, { children: /* @__PURE__ */ a(Ht, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Ut, { children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+  return /* @__PURE__ */ a(Vt, { children: /* @__PURE__ */ a(Ut, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Ht, { children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
     /* @__PURE__ */ a("div", { className: "astw:h-4 astw:w-4 astw:rounded-md astw:bg-muted" }),
     /* @__PURE__ */ a(
       "div",
@@ -1462,39 +1492,39 @@ const ca = () => {
       }
     )
   ] }) }, r)) }) });
-}, fa = () => {
-  const { configurations: t } = L(), e = Et();
-  return da(
+}, pa = () => {
+  const { configurations: t } = A(), e = Et();
+  return ca(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
 }, ga = () => {
-  const { segments: t } = fa(), e = oe("/:prefix/settings/:suffix"), s = P();
-  return e ? /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { 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(St, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { children: t.map((r, n) => /* @__PURE__ */ d(
+  const { segments: t } = pa(), e = ie("/:prefix/settings/:suffix"), s = D();
+  return e ? /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(St, { children: /* @__PURE__ */ a(Ct, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { children: t.map((r, n) => /* @__PURE__ */ d(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
-        /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(St, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(oa, {})
+        /* @__PURE__ */ a(St, { children: /* @__PURE__ */ a(Ct, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(ia, {})
       ]
     },
     n
   )) }) });
 };
-function pa({
+function ba({
   ...t
 }) {
   return /* @__PURE__ */ a(b.Root, { "data-slot": "dialog", ...t });
 }
-function ba({
+function xa({
   ...t
 }) {
   return /* @__PURE__ */ a(b.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function xa({
+function va({
   className: t,
   ...e
 }) {
@@ -1510,13 +1540,13 @@ function xa({
     }
   );
 }
-function va({
+function ya({
   className: t,
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ d(ba, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(xa, {}),
+  return /* @__PURE__ */ d(xa, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(va, {}),
     /* @__PURE__ */ d(
       b.Content,
       {
@@ -1529,7 +1559,7 @@ function va({
         children: [
           e,
           /* @__PURE__ */ d(b.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-accent astw:data-[state=open]:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ a(Dt, {}),
+            /* @__PURE__ */ a(At, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1537,7 +1567,7 @@ function va({
     )
   ] });
 }
-function ya({
+function Na({
   className: t,
   ...e
 }) {
@@ -1550,7 +1580,7 @@ function ya({
     }
   );
 }
-function Na(t) {
+function Sa(t) {
   const e = [], s = (r, n, o) => {
     r.forEach((i) => {
       const l = [...o, i.title];
@@ -1574,13 +1604,13 @@ function Na(t) {
 function Ca({
   routes: t
 }) {
-  const e = ie(), s = pe(null), [r, n] = R(!1), [o, i] = R(""), [l, u] = R(0), w = k(
-    () => ia(t, o),
+  const e = le(), s = be(null), [r, n] = M(!1), [o, i] = M(""), [l, u] = M(0), w = k(
+    () => la(t, o),
     [t, o]
   );
   y(() => {
-    const f = (g) => {
-      (g.metaKey || g.ctrlKey) && g.key === "k" && (g.preventDefault(), n((M) => !M));
+    const f = (p) => {
+      (p.metaKey || p.ctrlKey) && p.key === "k" && (p.preventDefault(), n((P) => !P));
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
   }, []), y(() => {
@@ -1590,22 +1620,22 @@ function Ca({
   }, [r]), y(() => {
     s.current && s.current.querySelector(`[data-index="${l}"]`)?.scrollIntoView({ block: "nearest" });
   }, [l]);
-  const c = wt(
+  const c = W(
     (f) => {
       e(f.path), n(!1), i("");
     },
     [e]
-  ), h = wt(
+  ), h = W(
     (f) => {
       if (!f.nativeEvent.isComposing)
         switch (f.key) {
           case "ArrowDown":
             f.preventDefault(), u(
-              (g) => g < w.length - 1 ? g + 1 : g
+              (p) => p < w.length - 1 ? p + 1 : p
             );
             break;
           case "ArrowUp":
-            f.preventDefault(), u((g) => g > 0 ? g - 1 : g);
+            f.preventDefault(), u((p) => p > 0 ? p - 1 : p);
             break;
           case "Enter":
             f.preventDefault(), w[l] && c(w[l]);
@@ -1626,10 +1656,10 @@ function Ca({
     listRef: s
   };
 }
-function Sa({
+function Ta({
   navItems: t
 }) {
-  const e = P(), s = k(() => Na(t), [t]), {
+  const e = D(), s = k(() => Sa(t), [t]), {
     open: r,
     setOpen: n,
     search: o,
@@ -1640,16 +1670,16 @@ function Sa({
     handleKeyDown: c,
     listRef: h
   } = Ca({ routes: s });
-  return /* @__PURE__ */ a(pa, { open: r, onOpenChange: n, children: /* @__PURE__ */ d(
-    va,
+  return /* @__PURE__ */ a(ba, { open: r, onOpenChange: n, children: /* @__PURE__ */ d(
+    ya,
     {
       className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
       onKeyDown: c,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(ya, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ a(Na, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
         /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
-          /* @__PURE__ */ a(me, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+          /* @__PURE__ */ a(he, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
             He,
             {
@@ -1666,14 +1696,14 @@ function Sa({
           {
             ref: h,
             className: "astw:max-h-[300px] astw:overflow-y-auto astw:overflow-x-hidden",
-            children: u.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: u.map((f, g) => /* @__PURE__ */ d(
+            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__ */ d(
               "button",
               {
-                "data-index": g,
+                "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",
-                  g === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                  p === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
                 ),
                 children: [
                   /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: f.breadcrumb.join(" > ") }),
@@ -1691,50 +1721,98 @@ function Sa({
     }
   ) });
 }
-function hs() {
+function fs() {
   const t = Ft();
-  return /* @__PURE__ */ a(Lt, { fallback: null, children: /* @__PURE__ */ a(Bt, { resolve: t, children: (e) => /* @__PURE__ */ a(Sa, { navItems: e ?? [] }) }) });
-}
-const Qt = W(null), fs = (t) => {
-  const e = k(
-    () => ye({
-      clientId: t.clientId,
-      appUri: t.apiEndpoint,
-      redirectUri: t.redirectUri,
-      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : ve(t.meQuery))
-    }),
-    [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
-  ), [s, r] = R(
-    () => e.getState()
-  );
-  y(() => {
-    t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
-  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), y(
-    () => e.addEventListener((o) => {
-      o.type === "auth_state_changed" && r(o.data);
+  return /* @__PURE__ */ a(Dt, { fallback: null, children: /* @__PURE__ */ a(Bt, { resolve: t, children: (e) => /* @__PURE__ */ a(Ta, { navItems: e ?? [] }) }) });
+}
+function ka(t) {
+  const e = new URLSearchParams(t.search);
+  e.delete("code"), e.delete("state");
+  const s = e.toString();
+  return t.pathname + (s ? `?${s}` : "") + t.hash;
+}
+function ps(t) {
+  const e = Ne(t), { appUri: s } = t;
+  return {
+    ...e,
+    getAppUri() {
+      return s;
+    },
+    async getAuthHeadersForQuery(n = "/query", o = "POST") {
+      const i = `${s}${n}`;
+      return e.getAuthHeaders(i, o);
+    }
+  };
+}
+const qt = j(null), gs = (t) => {
+  const e = t.client, s = W(
+    (l) => e.addEventListener((u) => {
+      u.type === "auth_state_changed" && l();
     }),
     [e]
-  );
-  const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
+  ), r = W(() => e.getState(), [e]), n = xe(s, r);
+  y(() => {
+    (async () => {
+      if (new URLSearchParams(window.location.search).has("code"))
+        try {
+          await e.handleCallback();
+          const w = ka(
+            new URL(window.location.href)
+          );
+          window.history.replaceState({}, "", w);
+        } catch (w) {
+          console.error("Failed to handle callback:", w);
+        }
+      else
+        await e.checkAuthStatus();
+    })();
+  }, [e]), y(() => {
+    t.autoLogin && (!n.isReady || n.isAuthenticated || e.login());
+  }, [n.isReady, n.isAuthenticated, t.autoLogin, e]);
+  const o = n.isAuthenticated, i = t.guardComponent && (!n.isReady || !o) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    Qt.Provider,
+    qt.Provider,
     {
       value: {
-        authState: s,
-        login: async () => e.login(),
-        logout: async () => e.logout(),
-        checkAuthStatus: async () => e.checkAuthStatus(),
-        handleCallback: async () => e.handleCallback()
+        authState: n,
+        login: () => e.login(),
+        logout: () => e.logout(),
+        checkAuthStatus: () => e.checkAuthStatus(),
+        ready: () => e.ready()
       },
-      children: n
+      children: i
     }
   );
-}, gs = () => {
-  const t = D(Qt);
+}, Gt = () => {
+  const t = B(qt);
   if (!t)
-    throw new Error("useAuth must be used within an AuthProvider");
+    throw new Error(
+      "useAuth/useAuthSuspense must be used within an AuthProvider"
+    );
   return t;
-}, ps = () => xe, Ta = X(
+}, bs = () => {
+  const t = Gt(), { isAuthenticated: e, error: s, isReady: r } = t.authState;
+  return {
+    error: s,
+    isAuthenticated: e,
+    isReady: r,
+    login: t.login,
+    logout: t.logout,
+    checkAuthStatus: t.checkAuthStatus
+  };
+}, xs = () => {
+  const t = Gt();
+  if (!t.authState.isReady)
+    throw t.ready();
+  const { isAuthenticated: e, error: s } = t.authState;
+  return {
+    error: s,
+    isAuthenticated: e,
+    login: t.login,
+    logout: t.logout,
+    checkAuthStatus: t.checkAuthStatus
+  };
+}, vs = () => ye, Ra = Z(
   "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: {
@@ -1756,38 +1834,38 @@ const Qt = W(null), fs = (t) => {
       variant: "default"
     }
   }
-), ka = {
+), Ea = {
   "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 Ra({ variant: t }) {
-  const e = ka[t];
+function Ba({ variant: t }) {
+  const e = Ea[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 Ea({ className: t, variant: e, children: s, ...r }) {
+function Aa({ className: t, variant: e, children: s, ...r }) {
   const n = e?.toString().startsWith("outline-");
   return /* @__PURE__ */ d(
     "div",
     {
-      className: m(Ta({ variant: e }), t),
+      className: m(Ra({ variant: e }), t),
       ...r,
       children: [
-        n && /* @__PURE__ */ a(Ra, { variant: e }),
+        n && /* @__PURE__ */ a(Ba, { variant: e }),
         s
       ]
     }
   );
 }
-function Ba(t) {
+function Da(t) {
   return t.type === "divider";
 }
-function Da(t) {
+function Pa(t) {
   return t.type !== "divider" && "key" in t;
 }
-function V(t, e) {
+function U(t, e) {
   return e.split(".").reduce((s, r) => {
     if (s && typeof s == "object" && r in s)
       return s[r];
@@ -1799,7 +1877,7 @@ function v(t) {
 function La(t) {
   return t.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
 }
-function Pa(t, e = "medium") {
+function Ma(t, e = "medium") {
   if (v(t)) return "";
   const s = t instanceof Date ? t : new Date(String(t));
   if (isNaN(s.getTime())) return String(t);
@@ -1831,7 +1909,7 @@ function Pa(t, e = "medium") {
       return s.toLocaleDateString();
   }
 }
-function Ma(t, e) {
+function Ia(t, e) {
   if (v(t)) return "";
   const s = typeof t == "number" ? t : parseFloat(String(t));
   if (isNaN(s)) return String(t);
@@ -1844,7 +1922,7 @@ function Ma(t, e) {
     return `${e || "$"}${s.toFixed(2)}`;
   }
 }
-function Ia(t) {
+function _a(t) {
   if (v(t)) return [];
   if (typeof t == "string")
     return t.split(/[,\n]/).map((e) => e.trim()).filter(Boolean);
@@ -1860,10 +1938,10 @@ function Ia(t) {
   }
   return [String(t)];
 }
-function qt({ value: t }) {
-  const [e, s] = p.useState(!1);
-  return /* @__PURE__ */ d(nt, { children: [
-    /* @__PURE__ */ a(ot, { asChild: !0, children: /* @__PURE__ */ a(
+function Qt({ value: t }) {
+  const [e, s] = g.useState(!1);
+  return /* @__PURE__ */ d(ot, { children: [
+    /* @__PURE__ */ a(it, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
         onClick: async (n) => {
@@ -1874,16 +1952,16 @@ function qt({ 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(fe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(ge, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
+        children: e ? /* @__PURE__ */ a(pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(ge, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
       }
     ) }),
-    /* @__PURE__ */ a(it, { side: "top", children: e ? "Copied!" : "Copy" })
+    /* @__PURE__ */ a(lt, { side: "top", children: e ? "Copied!" : "Copy" })
   ] });
 }
 const N = "–";
-function Aa({ field: t }) {
-  const e = v(t.value) ? N : String(t.value), s = t.meta?.copyable && !v(t.value), r = t.meta?.truncateLines, n = p.useRef(null), [o, i] = p.useState(!1);
-  p.useEffect(() => {
+function za({ 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;
@@ -1913,35 +1991,35 @@ function Aa({ field: t }) {
         children: e
       }
     ),
-    s && /* @__PURE__ */ a(qt, { value: String(t.value) })
+    s && /* @__PURE__ */ a(Qt, { value: String(t.value) })
   ] });
-  return r && o ? /* @__PURE__ */ d(nt, { children: [
-    /* @__PURE__ */ a(ot, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "astw:cursor-default", children: u }) }),
-    /* @__PURE__ */ a(it, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
+  return r && o ? /* @__PURE__ */ d(ot, { children: [
+    /* @__PURE__ */ a(it, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "astw:cursor-default", children: u }) }),
+    /* @__PURE__ */ a(lt, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
   ] }) : u;
 }
-function _a({ field: t }) {
+function Fa({ field: t }) {
   if (v(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
   const e = String(t.value), s = t.meta?.badgeVariantMap || {}, r = e.toLowerCase(), n = s[e] || s[r] || "outline-neutral";
-  return /* @__PURE__ */ a(Ea, { variant: n, className: "astw:w-fit", children: La(e) });
+  return /* @__PURE__ */ a(Aa, { variant: n, className: "astw:w-fit", children: La(e) });
 }
-function za({ field: t }) {
+function Oa({ field: t }) {
   if (v(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
-  const e = t.meta?.currencyKey || "currency", s = V(t.data, e), r = Ma(t.value, s);
+  const e = t.meta?.currencyKey || "currency", s = U(t.data, e), r = Ia(t.value, s);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:tabular-nums", children: r });
 }
-function Fa({ field: t }) {
+function $a({ field: t }) {
   if (v(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
-  const e = t.meta?.dateFormat || "medium", s = Pa(t.value, e);
+  const e = t.meta?.dateFormat || "medium", s = Ma(t.value, e);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: s });
 }
-function Oa({ field: t }) {
+function Wa({ 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 ? V(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
+  const e = t.meta?.hrefKey, s = e ? U(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
   return s ? /* @__PURE__ */ d(
     "a",
     {
@@ -1951,28 +2029,28 @@ function Oa({ 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(he, { className: "astw:h-3 astw:w-3" })
+        r && /* @__PURE__ */ a(fe, { className: "astw:h-3 astw:w-3" })
       ]
     }
   ) : /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
 }
-function $a({ field: t }) {
+function ja({ field: t }) {
   if (v(t.value))
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
-  const e = Ia(t.value), s = t.meta?.copyable && !v(t.value), r = e.join(`
+  const e = _a(t.value), s = t.meta?.copyable && !v(t.value), r = e.join(`
 `);
   return /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
-    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ d(p.Fragment, { children: [
+    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ d(g.Fragment, { children: [
       n,
       o < e.length - 1 && /* @__PURE__ */ a("br", {})
     ] }, o)) }),
-    s && /* @__PURE__ */ a(qt, { value: r })
+    s && /* @__PURE__ */ a(Qt, { value: r })
   ] });
 }
-function Wa({ field: t }) {
+function Ka({ 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 ? V(t.data, e) : void 0, n = String(t.value);
+  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? U(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);
@@ -1981,33 +2059,33 @@ function Wa({ field: t }) {
 function Tt(t) {
   switch (t.type) {
     case "text":
-      return /* @__PURE__ */ a(Aa, { field: t });
+      return /* @__PURE__ */ a(za, { field: t });
     case "badge":
-      return /* @__PURE__ */ a(_a, { field: t });
+      return /* @__PURE__ */ a(Fa, { field: t });
     case "money":
-      return /* @__PURE__ */ a(za, { field: t });
+      return /* @__PURE__ */ a(Oa, { field: t });
     case "date":
-      return /* @__PURE__ */ a(Fa, { field: t });
+      return /* @__PURE__ */ a($a, { field: t });
     case "link":
-      return /* @__PURE__ */ a(Oa, { field: t });
+      return /* @__PURE__ */ a(Wa, { field: t });
     case "address":
-      return /* @__PURE__ */ a($a, { field: t });
+      return /* @__PURE__ */ a(ja, { field: t });
     case "reference":
-      return /* @__PURE__ */ a(Wa, { field: t });
+      return /* @__PURE__ */ a(Ka, { field: t });
     default:
       return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
   }
 }
-function ja(t) {
+function Va(t) {
   if (t.emptyBehavior !== "hide") return !1;
   const e = t.value;
   return e == null || e === "";
 }
-function Ka(t) {
+function Ua(t) {
   return !1;
 }
-function Va(t, e, s) {
-  const r = V(e, t.key);
+function Ha(t, e, s) {
+  const r = U(e, t.key);
   return {
     id: `${t.key}-${s}`,
     label: t.label,
@@ -2018,15 +2096,15 @@ function Va(t, e, s) {
     data: e
   };
 }
-function Ha(t, e) {
+function qa(t, e) {
   const s = [];
   let r = [], n = 0, o = 0;
   for (const i of t)
-    if (Ba(i))
+    if (Da(i))
       r.length > 0 && (s.push({ id: `section-${n}`, fields: r }), n++, r = []);
-    else if (Da(i)) {
-      const l = Va(i, e, o);
-      o++, ja(l) || r.push(l);
+    else if (Pa(i)) {
+      const l = Ha(i, e, o);
+      o++, Va(l) || r.push(l);
     }
   return r.length > 0 && s.push({ id: `section-${n}`, fields: r }), s;
 }
@@ -2045,7 +2123,7 @@ function kt({ label: t, children: e, fullWidth: s }) {
     }
   );
 }
-function bs({
+function ys({
   data: t,
   title: e,
   fields: s,
@@ -2053,7 +2131,7 @@ function bs({
   className: n,
   headerAction: o
 }) {
-  const i = Ha(s, t), l = i.some((c) => c.fields.length > 0), u = m(
+  const i = qa(s, t), l = i.some((c) => c.fields.length > 0), u = m(
     "astw:grid astw:gap-x-6 astw:gap-y-4",
     // Default: 1 column
     "astw:grid-cols-1",
@@ -2066,13 +2144,13 @@ function bs({
       "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3"
     )
   ), w = (c) => {
-    const h = c.fields.filter((g) => !0), f = c.fields.filter((g) => Ka());
+    const h = c.fields.filter((p) => !0), f = c.fields.filter((p) => Ua());
     return /* @__PURE__ */ d("div", { className: "astw:space-y-4", children: [
-      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((g) => /* @__PURE__ */ a(kt, { label: g.label, children: Tt(g) }, g.id)) }),
-      f.length > 0 && /* @__PURE__ */ a("div", { className: u, children: f.map((g) => /* @__PURE__ */ a(kt, { label: g.label, fullWidth: !0, children: Tt(g) }, g.id)) })
+      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((p) => /* @__PURE__ */ a(kt, { label: p.label, children: Tt(p) }, p.id)) }),
+      f.length > 0 && /* @__PURE__ */ a("div", { className: u, children: f.map((p) => /* @__PURE__ */ a(kt, { label: p.label, fullWidth: !0, children: Tt(p) }, p.id)) })
     ] }, c.id);
   };
-  return /* @__PURE__ */ a(rt, { delayDuration: 300, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ a(nt, { delayDuration: 300, children: /* @__PURE__ */ d(
     "div",
     {
       className: m(
@@ -2084,7 +2162,7 @@ function bs({
           /* @__PURE__ */ a("h3", { className: "astw:text-lg astw:font-semibold astw:leading-none", children: e }),
           o && /* @__PURE__ */ a("div", { children: o })
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((c, h) => /* @__PURE__ */ d(p.Fragment, { children: [
+        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((c, h) => /* @__PURE__ */ d(g.Fragment, { children: [
           h > 0 && /* @__PURE__ */ a("div", { className: "astw:h-px astw:bg-border", role: "separator" }),
           w(c)
         ] }, c.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
@@ -2092,7 +2170,7 @@ function bs({
     }
   ) });
 }
-const lt = p.forwardRef(
+const dt = g.forwardRef(
   ({ className: t, children: e, ...s }, r) => /* @__PURE__ */ a(
     "div",
     {
@@ -2103,8 +2181,8 @@ const lt = p.forwardRef(
     }
   )
 );
-lt.displayName = "Layout.Column";
-function Ua({
+dt.displayName = "Layout.Column";
+function Ga({
   columns: t,
   className: e,
   gap: s = 4,
@@ -2113,7 +2191,7 @@ function Ua({
   children: o
 }) {
   if (process.env.NODE_ENV !== "production") {
-    const h = p.Children.toArray(o).reduce((f, g) => p.isValidElement(g) && g.type === lt ? f + 1 : f, 0);
+    const h = g.Children.toArray(o).reduce((f, p) => g.isValidElement(p) && p.type === dt ? 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.`
@@ -2137,13 +2215,13 @@ function Ua({
       "astw:xl:flex-row"
     ],
     e
-  ), u = p.useMemo(() => t === 1 ? p.Children.map(o, (c) => c) : t === 2 ? p.Children.map(o, (c, h) => p.isValidElement(c) ? p.cloneElement(c, {
+  ), u = g.useMemo(() => t === 1 ? g.Children.map(o, (c) => c) : t === 2 ? g.Children.map(o, (c, h) => g.isValidElement(c) ? g.cloneElement(c, {
     className: m(
       c.props.className,
       h === 0 ? "astw:lg:flex-1" : "astw:lg:min-w-[280px]"
       // Second column: fixed 280px
     )
-  }) : c) : t === 3 ? p.Children.map(o, (c, h) => p.isValidElement(c) ? p.cloneElement(c, {
+  }) : c) : t === 3 ? g.Children.map(o, (c, h) => g.isValidElement(c) ? g.cloneElement(c, {
     className: m(
       c.props.className,
       h === 0 ? "astw:xl:min-w-[320px]" : h === 2 ? "astw:xl:min-w-[280px]" : "astw:xl:flex-1"
@@ -2158,40 +2236,42 @@ function Ua({
         style: { padding: "1.5rem", paddingBottom: "1rem" },
         children: [
           r && /* @__PURE__ */ a("h1", { style: { fontSize: "1.5rem", fontWeight: "bold" }, children: r }),
-          n && n.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: n.map((c, h) => /* @__PURE__ */ a(p.Fragment, { children: c }, h)) })
+          n && n.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: n.map((c, h) => /* @__PURE__ */ a(g.Fragment, { children: c }, h)) })
         ]
       }
     ),
     /* @__PURE__ */ a("div", { style: { padding: w ? "0 1.5rem 1.5rem 1.5rem" : "1.5rem" }, children: /* @__PURE__ */ a("div", { className: l, children: u }) })
   ] });
 }
-Ua.Column = lt;
+Ga.Column = dt;
 export {
-  us as AppShell,
-  fs as AuthProvider,
-  Ea as Badge,
-  hs as CommandPalette,
-  wa as DefaultSidebar,
-  bs as DescriptionCard,
-  Ua as Layout,
-  ys as Link,
-  ms as SidebarLayout,
-  Ta as badgeVariants,
-  Re as defineI18nLabels,
-  cs as defineModule,
-  ws as defineResource,
-  ls as hidden,
-  is as pass,
-  ds as redirectTo,
-  Te as useAppShell,
-  L as useAppShellConfig,
-  os as useAppShellData,
-  gs as useAuth,
-  Ns as useLocation,
-  Cs as useNavigate,
-  Ss as useParams,
-  Ts as useRouteError,
-  ks as useSearchParams,
-  $e as useTheme,
-  ps as useToast
+  ms as AppShell,
+  gs as AuthProvider,
+  Aa as Badge,
+  fs as CommandPalette,
+  ua as DefaultSidebar,
+  ys as DescriptionCard,
+  Ga as Layout,
+  Cs as Link,
+  hs as SidebarLayout,
+  Ra as badgeVariants,
+  ps as createAuthClient,
+  Ee as defineI18nLabels,
+  ws as defineModule,
+  us as defineResource,
+  ds as hidden,
+  ls as pass,
+  cs as redirectTo,
+  ke as useAppShell,
+  A as useAppShellConfig,
+  is as useAppShellData,
+  bs as useAuth,
+  xs as useAuthSuspense,
+  Ts as useLocation,
+  ks as useNavigate,
+  Rs as useParams,
+  Es as useRouteError,
+  Bs as useSearchParams,
+  We as useTheme,
+  vs as useToast
 };