@tailor-platform/app-shell 0.28.0 → 0.30.0

package/dist/app-shell.js

@@ -1,24 +1,25 @@
-import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
-import { capitalCase as D } from "change-case";
-import { useRouteError as ue, isRouteErrorResponse as we, redirect as me, Outlet as nt, NavLink as he, Navigate as pe, useRouteLoaderData as fe, createMemoryRouter as ge, createBrowserRouter as be, RouterProvider as xe, useLocation as Q, Link as $, Await as zt, useMatch as ve, useNavigate as ye } from "react-router";
-import { Link as er, useLocation as ar, useNavigate as sr, useParams as rr, useRouteError as nr, useSearchParams as or } from "react-router";
-import { cva as ot } from "class-variance-authority";
-import { useRender as j } from "@base-ui/react/use-render";
-import { clsx as Ne } from "clsx";
-import { twMerge as Se } from "tailwind-merge";
-import { AlertCircle as yt, Table as Ce, XIcon as _t, PanelLeftIcon as Te, ExternalLink as $t, ChevronRight as W, SunIcon as ke, SearchIcon as Re, Check as Pe, Copy as Ee } from "lucide-react";
-import * as f from "react";
-import { createContext as X, useContext as L, useState as H, useMemo as B, useEffect as F, useSyncExternalStore as Wt, Suspense as it, useRef as Ft, useCallback as M } from "react";
-import { Toaster as Ae, toast as Me } from "sonner";
-import { parsePath as Be } from "@tailor-platform/app-shell-vite-plugin/parser";
-import { Dialog as v } from "@base-ui/react/dialog";
+import { jsx as a, jsxs as c, Fragment as T } from "react/jsx-runtime";
+import { capitalCase as _ } from "change-case";
+import { useRouteError as ze, isRouteErrorResponse as Fe, redirect as Oe, Outlet as lt, NavLink as We, Navigate as je, useRouteLoaderData as He, createMemoryRouter as Ue, createBrowserRouter as Ke, RouterProvider as Ve, useLocation as tt, Link as H, Await as Mt, useMatch as Ge, useNavigate as Ye } from "react-router";
+import { Link as Er, useLocation as Ir, useNavigate as Lr, useParams as $r, useRouteError as _r, useSearchParams as zr } from "react-router";
+import { cva as ct } from "class-variance-authority";
+import { useRender as G } from "@base-ui/react/use-render";
+import { clsx as Xe } from "clsx";
+import { twMerge as qe } from "tailwind-merge";
+import { AlertCircle as xt, Table as Qe, XIcon as At, PanelLeftIcon as Ze, ExternalLink as Bt, ChevronRight as U, SunIcon as Je, SearchIcon as ta, Check as ea, Copy as aa } from "lucide-react";
+import * as b from "react";
+import { createContext as et, useContext as z, useState as q, useMemo as $, useEffect as K, useSyncExternalStore as Et, Suspense as dt, useRef as It, useCallback as L } from "react";
+import { Toaster as sa, toast as ra } from "sonner";
+import { parsePath as na } from "@tailor-platform/app-shell-vite-plugin/parser";
+import { Drawer as S } from "@base-ui/react/drawer";
 import { Tooltip as E } from "@base-ui/react/tooltip";
-import { Collapsible as lt } from "@base-ui/react/collapsible";
-import { createAuthClient as De } from "@tailor-platform/auth-public-client";
-function m(...t) {
-  return Se(Ne(t));
+import { Collapsible as R } from "@base-ui/react/collapsible";
+import { Dialog as P } from "@base-ui/react/dialog";
+import { createAuthClient as oa } from "@tailor-platform/auth-public-client";
+function w(...t) {
+  return qe(Xe(t));
 }
-const Le = ot(
+const ia = ct(
   "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: {
@@ -43,48 +44,41 @@ const Le = ot(
     }
   }
 );
-function O({
-  className: t,
-  variant: e,
-  size: s,
-  render: r,
-  children: n,
-  ...o
-}) {
-  return j({
+function V({ className: t, variant: e, size: s, render: r, children: n, ...o }) {
+  return G({
     defaultTagName: "button",
     render: r,
     props: {
       "data-slot": "button",
-      className: m(Le({ variant: e, size: s, className: t })),
+      className: w(ia({ variant: e, size: s, className: t })),
       children: n,
       ...o
     }
   });
 }
-const G = "en", Ie = () => {
+const Q = "en", la = () => {
   try {
     if (typeof navigator > "u")
-      return G;
+      return Q;
     const t = navigator.languages?.[0] ?? navigator.language;
-    return t ? new Intl.Locale(t).language : G;
+    return t ? new Intl.Locale(t).language : Q;
   } catch {
-    return G;
+    return Q;
   }
-}, U = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Ot = (t) => {
-  const e = U(t);
-  return (s, r) => e(s, typeof s == "string" ? s : D(r));
-}, ze = (t) => ({
+}, Y = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Lt = (t) => {
+  const e = Y(t);
+  return (s, r) => e(s, typeof s == "string" ? s : _(r));
+}, ca = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(_, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(W, {}),
   basePath: t.basePath,
-  locale: t.locale ?? Ie()
-}), ct = X({
+  locale: t.locale ?? la()
+}), wt = et({
   configurations: {
     modules: [],
     settingsResources: [],
-    locale: G,
+    locale: Q,
     // Using null! to avoid circular dependency issues.
     // DefaultErrorBoundary imports useT from i18n-labels, which imports
     // defineI18nLabels from hooks/i18n, which imports useAppShellConfig
@@ -93,18 +87,18 @@ const G = "en", Ie = () => {
     // always provides the context via AppShellConfigContext.Provider.
     errorBoundary: null
   }
-}), dt = X({
+}), ut = et({
   contextData: {}
-}), C = () => L(ct), Ls = () => L(dt), jt = () => {
-  const t = L(ct), e = L(dt);
+}), D = () => z(wt), dr = () => z(ut), $t = () => {
+  const t = z(wt), e = z(ut);
   return {
     ...t,
     ...e
   };
-}, _e = () => {
-  const { configurations: t } = C(), e = U(t.locale);
+}, da = () => {
+  const { configurations: t } = D(), e = Y(t.locale);
   return (s, r) => e(s, r);
-}, $e = (t) => {
+}, wa = (t) => {
   const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
   return {
     /**
@@ -127,7 +121,7 @@ const G = "en", Ie = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = C(), r = e(s.locale), n = ((o, ...i) => {
+      const { configurations: s } = D(), r = e(s.locale), n = ((o, ...i) => {
         const l = r(o);
         return typeof l == "function" ? l(i[0]) : l;
       });
@@ -163,7 +157,7 @@ const G = "en", Ie = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, We = $e({
+}, ua = wa({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -202,19 +196,19 @@ const G = "en", Ie = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), A = We.useT, _ = () => {
-  const t = ue(), e = A(), s = {
+}), I = ua.useT, W = () => {
+  const t = ze(), e = I(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (we(t) && t.status === 404)
+  if (Fe(t) && t.status === 404)
     return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(yt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ a(xt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
       /* @__PURE__ */ c("div", { children: [
         /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("error404Title") }),
         /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: e("error404Body") }),
         /* @__PURE__ */ a(
-          O,
+          V,
           {
             variant: "outline",
             size: "sm",
@@ -227,12 +221,12 @@ const G = "en", Ie = () => {
     ] }) });
   const r = t instanceof Error ? t.message : e("errorUnexpected");
   return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-    /* @__PURE__ */ a(yt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ a(xt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
     /* @__PURE__ */ c("div", { children: [
       /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("errorTitle") }),
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: r }),
       /* @__PURE__ */ a(
-        O,
+        V,
         {
           variant: "outline",
           size: "sm",
@@ -244,16 +238,16 @@ const G = "en", Ie = () => {
     ] })
   ] }) });
 };
-let Ut = {};
-const Fe = (t) => {
-  Ut = t;
-}, Is = () => ({ type: "pass" }), zs = () => ({ type: "hidden" }), _s = (t) => ({
+let _t = {};
+const ma = (t) => {
+  _t = t;
+}, wr = () => ({ type: "pass" }), ur = () => ({ type: "hidden" }), mr = (t) => ({
   type: "redirect",
   to: t
-}), Kt = () => new Response("Not Found", { status: 404 }), ut = async (t) => {
+}), Z = () => new Response("Not Found", { status: 404 }), mt = async (t) => {
   if (!t || t.length === 0) return { type: "pass" };
   const e = {
-    context: Ut
+    context: _t
   };
   for (const s of t) {
     const r = await s(e);
@@ -261,33 +255,28 @@ const Fe = (t) => {
       return r;
   }
   return { type: "pass" };
-}, Vt = (t, e) => async (s) => {
-  const r = await ut(t);
+}, zt = (t, e) => async (s) => {
+  const r = await mt(t);
   switch (r.type) {
     case "hidden":
-      throw Kt();
+      throw Z();
     case "redirect":
-      return me(r.to);
+      return Oe(r.to);
     case "pass":
       return e ? e(s) : null;
   }
-}, Ht = (t, e) => () => {
-  const { configurations: s } = C(), { metaTitle: r, fallbackTitle: n } = t, i = U(s.locale)(r, n);
+}, Ft = (t, e) => () => {
+  const { configurations: s } = D(), { metaTitle: r, fallbackTitle: n } = t, i = Y(s.locale)(r, n);
   return e(i);
 };
-function $s(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? D(e), u = D(e);
-  if (!r && (!i || i.length === 0))
-    throw new Error(
-      `Module "${e}" has no component. Either provide a \`component\` or use \`guards\` with \`redirectTo()\` or \`hidden()\` to control access. A guard that only returns \`pass()\` without a component will result in a blank page.`
-    );
-  const w = i && i.length > 0 ? Vt(i) : void 0, d = r ? Ht({ metaTitle: l, fallbackTitle: u }, (h) => r({ title: h, resources: n })) : void 0;
+function hr(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? _(e), u = _(e), d = i && i.length > 0 ? zt(i) : void 0, m = r ? Ft({ metaTitle: l, fallbackTitle: u }, (h) => r({ title: h, resources: n })) : void 0;
   return {
     path: e,
     type: "component",
     _type: "module",
-    component: d,
-    loader: w,
+    component: m,
+    loader: d,
     meta: {
       title: l,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
@@ -296,12 +285,15 @@ function $s(t) {
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(_, {}),
+    errorBoundary: o || /* @__PURE__ */ a(W, {}),
     guards: i
   };
 }
-function Ws(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? D(e), u = D(e), w = i && i.length > 0 ? Vt(i) : void 0;
+function fr(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? _(e), u = _(e), d = i && i.length > 0 ? zt(i) : void 0, m = s ? Ft(
+    { metaTitle: l, fallbackTitle: u },
+    (h) => s({ title: h, resources: r })
+  ) : void 0;
   return {
     _type: "resource",
     type: "component",
@@ -311,32 +303,29 @@ function Ws(t) {
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: Ht(
-      { metaTitle: l, fallbackTitle: u },
-      (d) => s({ title: d, resources: r })
-    ),
+    component: m,
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(_, {}),
+    errorBoundary: o ?? /* @__PURE__ */ a(W, {}),
     guards: i,
-    loader: w
+    loader: d
   };
 }
-const Oe = () => {
-  const t = A();
-  return /* @__PURE__ */ c(S, { children: [
+const ha = () => {
+  const t = I();
+  return /* @__PURE__ */ c(T, { children: [
     /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
     /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
   ] });
-}, Nt = () => /* @__PURE__ */ c(S, { children: [
-  /* @__PURE__ */ a(nt, {}),
-  /* @__PURE__ */ a(Ae, {})
-] }), je = () => {
-  const { configurations: t } = jt(), e = A(), s = _e();
+}, yt = () => /* @__PURE__ */ c(T, { children: [
+  /* @__PURE__ */ a(lt, {}),
+  /* @__PURE__ */ a(sa, {})
+] }), fa = () => {
+  const { configurations: t } = $t(), e = I(), s = da();
   return /* @__PURE__ */ c("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
     /* @__PURE__ */ a("div", { children: /* @__PURE__ */ c("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
       /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
-      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(he, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
-        O,
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(We, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
+        V,
         {
           variant: n ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
@@ -347,82 +336,96 @@ const Oe = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(nt, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(lt, {}) })
   ] });
-}, wt = (t) => () => /* @__PURE__ */ a(S, { children: t }), Gt = (t, e, s) => {
-  const r = t.errorBoundary || s, n = t.component ? {
-    index: !0,
-    Component: t.component,
-    ...t.loader && { loader: t.loader }
-  } : void 0;
+}, ht = (t) => () => /* @__PURE__ */ a(T, { children: t }), pa = (t) => t.component ? {
+  index: !0,
+  Component: t.component,
+  ...t.loader && { loader: t.loader }
+} : t.loader ? {
+  index: !0,
+  // No-op component to suppress React Router's warning about a matched
+  // leaf route without an element. The loader always throws (404) or
+  // returns a redirect Response, so this component never actually renders.
+  Component: () => null,
+  loader: async (e) => {
+    const s = await t.loader(e);
+    if (s instanceof Response) return s;
+    throw Z();
+  }
+} : {
+  index: !0,
+  Component: () => null,
+  loader: () => {
+    throw Z();
+  }
+}, Ot = (t, e, s) => {
+  const r = t.errorBoundary || s, n = (e ?? []).map(
+    (l) => Ot(l, l.subResources, r)
+  ), i = [pa(t), ...n];
   return {
     path: t.path,
     ...t.errorBoundary && {
-      ErrorBoundary: wt(t.errorBoundary)
+      ErrorBoundary: ht(t.errorBoundary)
     },
-    ...e && e.length > 0 ? {
-      children: [
-        ...n ? [n] : [],
-        ...e.map(
-          (o) => Gt(o, o.subResources, r)
-        )
-      ]
-    } : n ? {
-      children: [n]
-    } : {}
+    ...i.length > 0 ? { children: i } : {}
   };
-}, Ue = (t) => t.map((e) => Gt(e, e.resources, e.errorBoundary)), Ke = ({
+}, ga = (t) => t.map((e) => Ot(e, e.resources, e.errorBoundary)), ba = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
   const r = {
     index: !0,
-    Component: s ?? Oe
+    Component: s ?? ha
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
-      Component: () => /* @__PURE__ */ a(pe, { to: e[0].path, relative: "path", replace: !0 })
+      Component: () => /* @__PURE__ */ a(je, { to: e[0].path, relative: "path", replace: !0 })
     },
     {
       path: "settings",
-      Component: je,
-      children: e.map((o) => ({
-        path: o.path,
-        Component: o.component,
-        ...o.errorBoundary && {
-          ErrorBoundary: wt(o.errorBoundary)
-        }
-      }))
+      Component: fa,
+      children: e.map((o) => {
+        if (!o.component)
+          throw new Error(`Settings resource "${o.path}" must have a component.`);
+        return {
+          path: o.path,
+          Component: o.component,
+          ...o.errorBoundary && {
+            ErrorBoundary: ht(o.errorBoundary)
+          }
+        };
+      })
     }
   ] : [];
   return [
     r,
     {
-      children: Ue(t)
+      children: ga(t)
     },
     ...n,
     {
       path: "*",
       loader: () => {
-        throw Kt();
+        throw Z();
       },
       // Component is required to suppress React Router's warning about empty leaf routes,
       // even though the loader always throws and this component will never render.
       Component: () => null,
-      ErrorBoundary: _
+      ErrorBoundary: W
     }
   ];
-}, qt = "appshell-root-nav", Ve = (t) => ({
-  loaderID: qt,
-  loader: async () => ({ navItems: He(t) })
-}), Yt = () => fe(qt)?.navItems, He = async (t) => {
-  const e = Ot(t.locale);
+}, Wt = "appshell-root-nav", va = (t) => ({
+  loaderID: Wt,
+  loader: async () => ({ navItems: xa(t) })
+}), jt = () => He(Wt)?.navItems, xa = async (t) => {
+  const e = Lt(t.locale);
   return (await Promise.all(
     t.modules.map(async (r) => {
-      if (r.path.startsWith(":") || (await ut(r.guards)).type !== "pass") return null;
-      const o = await Qt(
+      if (r.path.startsWith(":") || (await mt(r.guards)).type !== "pass") return null;
+      const o = await Ht(
         r.resources,
         r.path,
         e
@@ -432,25 +435,25 @@ const Oe = () => {
   )).filter((r) => r !== null).map(({ module: r, resources: n }) => ({
     title: e(r.meta.title, r.path),
     url: r.meta.menuItemClickable ? r.path : void 0,
-    icon: r.meta.icon || /* @__PURE__ */ a(Ce, {}),
+    icon: r.meta.icon || /* @__PURE__ */ a(Qe, {}),
     items: n
   }));
-}, Qt = async (t, e, s) => (await Promise.all(
+}, Ht = async (t, e, s) => (await Promise.all(
   t.map(async (n) => {
-    if (n.path.startsWith(":") || (await ut(n.guards)).type !== "pass") return null;
-    const i = `${e}/${n.path}`, l = s(n.meta.title, n.path), u = n.subResources ? await Qt(n.subResources, i, s) : void 0;
-    return {
+    if (n.path.startsWith(":") || (await mt(n.guards)).type !== "pass") return null;
+    const i = `${e}/${n.path}`, l = s(n.meta.title, n.path), u = n.component !== void 0, d = n.subResources ? await Ht(n.subResources, i, s) : void 0, m = d && d.length > 0;
+    return !u && !m ? null : {
       title: l,
-      url: i,
-      items: u && u.length > 0 ? u : void 0
+      url: u ? i : void 0,
+      items: m ? d : void 0
     };
   })
-)).filter((n) => n !== null), Ge = (t) => {
-  const { configurations: e } = C(), { rootComponent: s, children: r } = t, n = Ke({
+)).filter((n) => n !== null), ya = (t) => {
+  const { configurations: e } = D(), { rootComponent: s, children: r } = t, n = ba({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, { loaderID: i, loader: l } = Ve({
+  }), o = e.errorBoundary, { loaderID: i, loader: l } = va({
     modules: e.modules,
     locale: e.locale
   }), u = [
@@ -460,8 +463,8 @@ const Oe = () => {
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(nt, {}),
-          ErrorBoundary: wt(o),
+          element: /* @__PURE__ */ a(lt, {}),
+          ErrorBoundary: ht(o),
           children: n
         }
       ] : n,
@@ -471,28 +474,28 @@ const Oe = () => {
        */
       HydrateFallback: () => null
     }
-  ], w = e.basePath ? "/" + e.basePath : void 0, d = t.memory ? ge(u, {
-    basename: w,
+  ], d = e.basePath ? "/" + e.basePath : void 0, m = t.memory ? Ue(u, {
+    basename: d,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : be(u, {
-    basename: w
+  }) : Ke(u, {
+    basename: d
   });
-  return /* @__PURE__ */ a(xe, { router: d });
-}, qe = {
+  return /* @__PURE__ */ a(Ve, { router: m });
+}, Na = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, Xt = X(qe);
-function Ye({
+}, Ut = et(Na);
+function Sa({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = H(
+  const [n, o] = q(
     () => localStorage.getItem(e) || s
-  ), i = B(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  F(() => {
+  ), i = $(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  K(() => {
     const u = window.document.documentElement;
     u.classList.remove("light", "dark"), u.classList.add(i);
   }, [i]);
@@ -503,18 +506,18 @@ function Ye({
       localStorage.setItem(e, u), o(u);
     }
   };
-  return /* @__PURE__ */ a(Xt.Provider, { ...r, value: l, children: t });
+  return /* @__PURE__ */ a(Ut.Provider, { ...r, value: l, children: t });
 }
-const Qe = () => {
-  const t = L(Xt);
+const Ca = () => {
+  const t = z(Ut);
   if (t === void 0) throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, Xe = () => () => {
-}, Ze = () => !0, Je = () => !1;
-function ta() {
-  return Wt(Xe, Ze, Je);
+}, Ta = () => () => {
+}, ka = () => !0, Ra = () => !1;
+function Pa() {
+  return Et(Ta, ka, Ra);
 }
-function ea(t) {
+function Da(t) {
   const e = {
     path: "",
     fullPath: "",
@@ -522,7 +525,7 @@ function ea(t) {
     children: /* @__PURE__ */ new Map()
   };
   for (const s of t) {
-    const r = Be(s.path);
+    const r = na(s.path);
     let n = e, o = "";
     for (const i of r)
       i.type !== "group" && (o = o ? `${o}/${i.converted}` : i.converted, n.children.has(i.converted) || n.children.set(i.converted, {
@@ -535,13 +538,13 @@ function ea(t) {
   }
   return e;
 }
-function Zt(t, e) {
-  return t?.appShellPageProps?.meta?.title ?? D(e || "home");
+function Kt(t, e) {
+  return t?.appShellPageProps?.meta?.title ?? _(e || "home");
 }
-function Jt(t) {
-  const e = t.component, s = Zt(e, t.path), r = e?.appShellPageProps?.meta?.icon, n = e?.appShellPageProps?.loader, o = [];
+function Vt(t) {
+  const e = t.component, s = Kt(e, t.path), r = e?.appShellPageProps?.meta?.icon, n = e?.appShellPageProps?.loader, o = [];
   for (const i of t.children.values())
-    o.push(Jt(i));
+    o.push(Vt(i));
   return {
     _type: "resource",
     type: "component",
@@ -550,22 +553,17 @@ function Jt(t) {
       title: s,
       icon: r
     },
-    component: e ? () => /* @__PURE__ */ a(e, {}) : () => null,
+    component: e ? () => /* @__PURE__ */ a(e, {}) : void 0,
     subResources: o.length > 0 ? o : void 0,
-    errorBoundary: /* @__PURE__ */ a(_, {}),
+    errorBoundary: /* @__PURE__ */ a(W, {}),
     guards: t.guards,
     loader: n
   };
 }
-function St(t) {
-  const e = t.component;
-  if (!e)
-    throw new Error(
-      `Module "${t.path}" must have a component. Add a page file (e.g., page.tsx) to the module directory.`
-    );
-  const s = Zt(e, t.path), r = e.appShellPageProps?.meta?.icon, n = e.appShellPageProps?.loader, o = [];
+function Nt(t) {
+  const e = t.component, s = Kt(e, t.path), r = e?.appShellPageProps?.meta?.icon, n = e?.appShellPageProps?.loader, o = [];
   for (const i of t.children.values())
-    o.push(Jt(i));
+    o.push(Vt(i));
   return {
     _type: "module",
     type: "component",
@@ -575,19 +573,19 @@ function St(t) {
       icon: r,
       menuItemClickable: e !== void 0
     },
-    component: () => /* @__PURE__ */ a(e, {}),
+    component: e ? () => /* @__PURE__ */ a(e, {}) : void 0,
     resources: o,
-    errorBoundary: /* @__PURE__ */ a(_, {}),
+    errorBoundary: /* @__PURE__ */ a(W, {}),
     guards: t.guards,
     loader: n
   };
 }
-function aa(t) {
+function Ma(t) {
   if (t.length === 0)
     return [];
-  const e = ea(t), s = [];
+  const e = Da(t), s = [];
   if (e.component) {
-    const r = St({
+    const r = Nt({
       ...e,
       path: "",
       children: /* @__PURE__ */ new Map()
@@ -596,14 +594,14 @@ function aa(t) {
     s.push(r);
   }
   for (const r of e.children.values())
-    s.push(St(r));
+    s.push(Nt(r));
   return s;
 }
-const te = (t) => {
-  const e = ta(), s = t.contextData ?? {};
-  Fe(s);
-  const r = t.modules, n = B(
-    () => r ? ze({
+const Gt = (t) => {
+  const e = Pa(), s = t.contextData ?? {};
+  ma(s);
+  const r = t.modules, n = $(
+    () => r ? ca({
       modules: r,
       settingsResources: t.settingsResources,
       basePath: t.basePath,
@@ -611,10 +609,10 @@ const te = (t) => {
       locale: t.locale
     }) : null,
     [r, t.settingsResources, t.basePath, t.errorBoundary, t.locale]
-  ), o = B(
+  ), o = $(
     () => n ? { title: t.title, icon: t.icon, configurations: n } : null,
     [t.title, t.icon, n]
-  ), i = B(
+  ), i = $(
     () => ({ contextData: t.contextData ?? {} }),
     [t.contextData]
   );
@@ -625,12 +623,12 @@ const te = (t) => {
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: l })
     ] }) });
   }
-  return e ? /* @__PURE__ */ a(ct.Provider, { value: o, children: /* @__PURE__ */ a(dt.Provider, { value: i, children: /* @__PURE__ */ a(Ye, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Ge, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
+  return e ? /* @__PURE__ */ a(wt.Provider, { value: o, children: /* @__PURE__ */ a(ut.Provider, { value: i, children: /* @__PURE__ */ a(Sa, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(ya, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
 };
-function sa(t) {
-  const e = aa(t), s = e.find((o) => o.path === ""), r = e.filter((o) => o.path !== "");
+function Aa(t) {
+  const e = Ma(t), s = e.find((o) => o.path === ""), r = e.filter((o) => o.path !== "");
   return (o) => /* @__PURE__ */ a(
-    te,
+    Gt,
     {
       ...o,
       modules: r,
@@ -638,40 +636,40 @@ function sa(t) {
     }
   );
 }
-te.WithPages = sa;
-const J = 768;
-function ra() {
-  const [t, e] = f.useState(void 0);
-  return f.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${J - 1}px)`), r = () => {
-      e(window.innerWidth < J);
+Gt.WithPages = Aa;
+const st = 768;
+function Ba() {
+  const [t, e] = b.useState(void 0);
+  return b.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${st - 1}px)`), r = () => {
+      e(window.innerWidth < st);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < J), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < st), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-const tt = 768, et = 1199;
-function na() {
-  const [t, e] = f.useState(void 0);
-  return f.useEffect(() => {
+const rt = 768, nt = 1199;
+function Ea() {
+  const [t, e] = b.useState(void 0);
+  return b.useEffect(() => {
     const s = window.matchMedia(
-      `(min-width: ${tt}px) and (max-width: ${et}px)`
+      `(min-width: ${rt}px) and (max-width: ${nt}px)`
     ), r = () => {
       e(
-        window.innerWidth >= tt && window.innerWidth <= et
+        window.innerWidth >= rt && window.innerWidth <= nt
       );
     };
     return s.addEventListener("change", r), e(
-      window.innerWidth >= tt && window.innerWidth <= et
+      window.innerWidth >= rt && window.innerWidth <= nt
     ), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function oa({ className: t, type: e, ...s }) {
+function Ia({ className: t, type: e, ...s }) {
   return /* @__PURE__ */ a(
     "input",
     {
       type: e,
       "data-slot": "input",
-      className: m(
+      className: w(
         "astw:file:text-foreground astw:placeholder:text-muted-foreground astw:selection:bg-primary astw:selection:text-primary-foreground astw:dark:bg-input/30 astw:border-input astw:flex astw:h-9 astw:w-full astw:min-w-0 astw:rounded-md astw:border astw:bg-transparent astw:px-3 astw:py-1 astw:text-base astw:shadow-xs astw:transition-[color,box-shadow] astw:outline-none astw:file:inline-flex astw:file:h-7 astw:file:border-0 astw:file:bg-transparent astw:file:text-sm astw:file:font-medium astw:disabled:pointer-events-none astw:disabled:cursor-not-allowed astw:disabled:opacity-50 astw:md:text-sm",
         "astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px]",
         "astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive",
@@ -681,7 +679,7 @@ function oa({ className: t, type: e, ...s }) {
     }
   );
 }
-function ia({
+function La({
   className: t,
   orientation: e = "horizontal",
   decorative: s = !0,
@@ -694,7 +692,7 @@ function ia({
       role: s ? "none" : "separator",
       "aria-orientation": s ? void 0 : e,
       "data-orientation": e,
-      className: m(
+      className: w(
         "astw:bg-border astw:shrink-0",
         e === "horizontal" ? "astw:h-px astw:w-full" : "astw:h-full astw:w-px",
         t
@@ -703,106 +701,154 @@ function ia({
     }
   );
 }
-function Ct({ ...t }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
-}
-function la({ ...t }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
-}
-function ca({ className: t, ...e }) {
+const $a = {
+  top: "up",
+  right: "right",
+  bottom: "down",
+  left: "left"
+}, Yt = b.createContext("right");
+function Xt({ side: t = "right", ...e }) {
+  return /* @__PURE__ */ a(Yt.Provider, { value: t, children: /* @__PURE__ */ a(S.Root, { "data-slot": "sheet", swipeDirection: $a[t], ...e }) });
+}
+Xt.displayName = "Sheet.Root";
+function qt({ ...t }) {
+  return /* @__PURE__ */ a(S.Trigger, { "data-slot": "sheet-trigger", ...t });
+}
+qt.displayName = "Sheet.Trigger";
+function Qt({ ...t }) {
+  return /* @__PURE__ */ a(S.Close, { "data-slot": "sheet-close", ...t });
+}
+Qt.displayName = "Sheet.Close";
+function Zt({ ...t }) {
+  return /* @__PURE__ */ a(S.Portal, { "data-slot": "sheet-portal", ...t });
+}
+Zt.displayName = "Sheet.Portal";
+function Jt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Backdrop,
+    S.Backdrop,
     {
       "data-slot": "sheet-overlay",
-      className: m(
-        "astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
+      className: w(
+        "astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:fill-mode-forwards astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
         t
       ),
       ...e
     }
   );
 }
-function Tt({
-  className: t,
-  children: e,
-  side: s = "right",
-  ...r
-}) {
-  return /* @__PURE__ */ c(la, { children: [
-    /* @__PURE__ */ a(ca, {}),
-    /* @__PURE__ */ c(
-      v.Popup,
+Jt.displayName = "Sheet.Overlay";
+function te({ className: t, children: e, ...s }) {
+  const r = b.useContext(Yt);
+  return /* @__PURE__ */ c(Zt, { children: [
+    /* @__PURE__ */ a(Jt, {}),
+    /* @__PURE__ */ a(
+      S.Viewport,
       {
-        "data-slot": "sheet-content",
-        className: m(
-          "astw:bg-background astw:data-open:animate-in astw:data-ending-style:animate-out astw:fixed astw:z-50 astw:flex astw:flex-col astw:gap-4 astw:shadow-lg astw:transition astw:ease-in-out astw:data-ending-style:duration-300 astw:data-open:duration-500",
-          s === "right" && "astw:data-ending-style:slide-out-to-right astw:data-open:slide-in-from-right astw:inset-y-0 astw:right-0 astw:h-full astw:w-3/4 astw:border-l astw:sm:max-w-sm",
-          s === "left" && "astw:data-ending-style:slide-out-to-left astw:data-open:slide-in-from-left astw:inset-y-0 astw:left-0 astw:h-full astw:w-3/4 astw:border-r astw:sm:max-w-sm",
-          s === "top" && "astw:data-ending-style:slide-out-to-top astw:data-open:slide-in-from-top astw:inset-x-0 astw:top-0 astw:h-auto astw:border-b",
-          s === "bottom" && "astw:data-ending-style:slide-out-to-bottom astw:data-open:slide-in-from-bottom astw:inset-x-0 astw:bottom-0 astw:h-auto astw:border-t",
-          t
+        "data-slot": "sheet-viewport",
+        className: w(
+          "astw:fixed astw:inset-0 astw:z-50 astw:flex",
+          r === "right" && "astw:items-stretch astw:justify-end",
+          r === "left" && "astw:items-stretch astw:justify-start",
+          r === "top" && "astw:items-start astw:justify-stretch",
+          r === "bottom" && "astw:items-end astw:justify-stretch"
         ),
-        ...r,
-        children: [
-          e,
-          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-open:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(_t, { className: "astw:size-4" }),
-            /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
-          ] })
-        ]
+        children: /* @__PURE__ */ c(
+          S.Popup,
+          {
+            "data-slot": "sheet-content",
+            className: w(
+              "astw:bg-background astw:flex astw:flex-col astw:gap-4 astw:shadow-lg astw:transition-transform astw:ease-[cubic-bezier(0.32,0.72,0,1)] astw:duration-[450ms]",
+              r === "right" && "astw:h-full astw:w-3/4 astw:border-l astw:sm:max-w-sm astw:[transform:translateX(var(--drawer-swipe-movement-x))] astw:data-ending-style:[transform:translateX(100%)] astw:data-starting-style:[transform:translateX(100%)]",
+              r === "left" && "astw:h-full astw:w-3/4 astw:border-r astw:sm:max-w-sm astw:[transform:translateX(var(--drawer-swipe-movement-x))] astw:data-ending-style:[transform:translateX(-100%)] astw:data-starting-style:[transform:translateX(-100%)]",
+              r === "top" && "astw:w-full astw:h-auto astw:border-b astw:[transform:translateY(var(--drawer-swipe-movement-y))] astw:data-ending-style:[transform:translateY(-100%)] astw:data-starting-style:[transform:translateY(-100%)]",
+              r === "bottom" && "astw:w-full astw:h-auto astw:border-t astw:[transform:translateY(var(--drawer-swipe-movement-y))] astw:data-ending-style:[transform:translateY(100%)] astw:data-starting-style:[transform:translateY(100%)]",
+              "astw:data-swiping:select-none",
+              t
+            ),
+            ...s,
+            children: [
+              /* @__PURE__ */ a(S.Content, { "data-slot": "sheet-inner-content", className: "astw:contents", children: e }),
+              /* @__PURE__ */ c(S.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-open:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
+                /* @__PURE__ */ a(At, { className: "astw:size-4" }),
+                /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
+              ] })
+            ]
+          }
+        )
       }
     )
   ] });
 }
-function kt({ className: t, ...e }) {
+te.displayName = "Sheet.Content";
+function ee({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-header",
-      className: m("astw:flex astw:flex-col astw:gap-1.5 astw:p-4", t),
+      className: w("astw:flex astw:flex-col astw:gap-1.5 astw:p-4", t),
       ...e
     }
   );
 }
-function Rt({ className: t, ...e }) {
+ee.displayName = "Sheet.Header";
+function ae({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: w("astw:mt-auto astw:flex astw:flex-col astw:gap-2 astw:p-4", t),
+      ...e
+    }
+  );
+}
+ae.displayName = "Sheet.Footer";
+function se({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    S.Title,
     {
       "data-slot": "sheet-title",
-      className: m("astw:text-foreground astw:font-semibold", t),
+      className: w("astw:text-foreground astw:font-semibold", t),
       ...e
     }
   );
 }
-function Pt({
-  className: t,
-  ...e
-}) {
+se.displayName = "Sheet.Title";
+function re({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Description,
+    S.Description,
     {
       "data-slot": "sheet-description",
-      className: m("astw:text-muted-foreground astw:text-sm", t),
+      className: w("astw:text-muted-foreground astw:text-sm", t),
       ...e
     }
   );
 }
-function mt({
-  delayDuration: t = 0,
-  children: e,
-  ...s
-}) {
+re.displayName = "Sheet.Description";
+const k = {
+  Root: Xt,
+  Trigger: qt,
+  Close: Qt,
+  Content: te,
+  Header: ee,
+  Footer: ae,
+  Title: se,
+  Description: re
+};
+function ne({ delay: t = 0, children: e, ...s }) {
   return /* @__PURE__ */ a(E.Provider, { "data-slot": "tooltip-provider", delay: t, ...s, children: e });
 }
-function ht({ children: t, ...e }) {
-  return /* @__PURE__ */ a(mt, { children: /* @__PURE__ */ a(E.Root, { "data-slot": "tooltip", ...e, children: t }) });
+ne.displayName = "Tooltip.Provider";
+function oe({ children: t, ...e }) {
+  return /* @__PURE__ */ a(E.Root, { "data-slot": "tooltip", ...e, children: t });
 }
-function pt({ ...t }) {
+oe.displayName = "Tooltip.Root";
+function ie({ ...t }) {
   return /* @__PURE__ */ a(E.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function ft({
+ie.displayName = "Tooltip.Trigger";
+function le({
   className: t,
-  sideOffset: e = 0,
+  sideOffset: e = 5,
   side: s = "top",
   align: r = "center",
   children: n,
@@ -812,26 +858,32 @@ function ft({
     E.Popup,
     {
       "data-slot": "tooltip-content",
-      className: m(
-        "astw:bg-primary astw:text-primary-foreground astw:animate-in astw:fade-in-0 astw:zoom-in-95 astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-ending-style:zoom-out-95 astw:data-[side=bottom]:slide-in-from-top-2 astw:data-[side=left]:slide-in-from-right-2 astw:data-[side=right]:slide-in-from-left-2 astw:data-[side=top]:slide-in-from-bottom-2 astw:z-50 astw:w-fit astw:origin-(--transform-origin) astw:rounded-md astw:px-3 astw:py-1.5 astw:text-xs astw:text-balance",
+      className: w(
+        "astw:bg-primary astw:text-primary-foreground astw:animate-in astw:fade-in-0 astw:zoom-in-95 astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-ending-style:zoom-out-95 astw:data-[side=bottom]:slide-in-from-top-2 astw:data-[side=left]:slide-in-from-right-2 astw:data-[side=right]:slide-in-from-left-2 astw:data-[side=top]:slide-in-from-bottom-2 astw:z-50 astw:w-fit astw:overflow-visible astw:origin-(--transform-origin) astw:rounded-md astw:px-3 astw:py-1.5 astw:text-xs astw:text-balance",
         t
       ),
       ...o,
       children: [
         n,
-        /* @__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(E.Arrow, { className: "astw:size-2.5 astw:rotate-45 astw:bg-primary astw:data-[side=top]:-bottom-1 astw:data-[side=bottom]:-top-1 astw:data-[side=left]:-right-1 astw:data-[side=right]:-left-1" })
       ]
     }
   ) }) });
 }
-const ee = "16rem", da = "18rem", ua = "3rem", wa = "b", ae = f.createContext(null);
-function K() {
-  const t = f.useContext(ae);
+le.displayName = "Tooltip.Content";
+const C = {
+  Root: oe,
+  Trigger: ie,
+  Content: le,
+  Provider: ne
+}, ce = "16rem", _a = "18rem", za = "3rem", Fa = "b", de = b.createContext(null);
+function j() {
+  const t = b.useContext(de);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function ma({
+function Oa({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -840,55 +892,55 @@ function ma({
   children: o,
   ...i
 }) {
-  const l = ra(), u = na(), [w, d] = f.useState(!1), [h, p] = f.useState(!1), [g, x] = f.useState(t), b = e ?? g, k = f.useCallback(
+  const l = Ba(), u = Ea(), [d, m] = b.useState(!1), [h, f] = b.useState(!1), [v, g] = b.useState(t), p = e ?? v, x = b.useCallback(
     (y) => {
-      const P = typeof y == "function" ? y(b) : y;
-      s ? s(P) : x(P);
+      const B = typeof y == "function" ? y(p) : y;
+      s ? s(B) : g(B);
     },
-    [s, b]
-  ), R = u && !l, V = f.useCallback(() => l ? d((y) => !y) : R ? p((y) => !y) : k((y) => !y), [l, R, k, d]);
-  f.useEffect(() => {
-    const y = (P) => {
-      P.key === wa && (P.metaKey || P.ctrlKey) && (P.preventDefault(), V());
+    [s, p]
+  ), A = u && !l, X = b.useCallback(() => l ? m((y) => !y) : A ? f((y) => !y) : x((y) => !y), [l, A, x, m]);
+  b.useEffect(() => {
+    const y = (B) => {
+      B.key === Fa && (B.metaKey || B.ctrlKey) && (B.preventDefault(), X());
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [V]);
-  const vt = b ? "expanded" : "collapsed", de = f.useMemo(
+  }, [X]);
+  const vt = p ? "expanded" : "collapsed", _e = b.useMemo(
     () => ({
       state: vt,
-      open: b,
-      setOpen: k,
+      open: p,
+      setOpen: x,
       isMobile: l,
-      openMobile: w,
-      setOpenMobile: d,
-      toggleSidebar: V,
-      isIconMode: R,
+      openMobile: d,
+      setOpenMobile: m,
+      toggleSidebar: X,
+      isIconMode: A,
       openIconMode: h,
-      setOpenIconMode: p
+      setOpenIconMode: f
     }),
     [
       vt,
-      b,
-      k,
+      p,
+      x,
       l,
-      w,
       d,
-      V,
-      R,
+      m,
+      X,
+      A,
       h,
-      p
+      f
     ]
   );
-  return /* @__PURE__ */ a(ae.Provider, { value: de, children: /* @__PURE__ */ a(mt, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(de.Provider, { value: _e, children: /* @__PURE__ */ a(C.Provider, { delay: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": ee,
-        "--sidebar-width-icon": ua,
+        "--sidebar-width": ce,
+        "--sidebar-width-icon": za,
         ...n
       },
-      className: m(
+      className: w(
         "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full astw:overflow-hidden",
         r
       ),
@@ -897,7 +949,7 @@ function ma({
     }
   ) }) });
 }
-function ha({
+function Wa({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -905,38 +957,37 @@ function ha({
   children: n,
   ...o
 }) {
-  const { isMobile: i, state: l, openMobile: u, setOpenMobile: w, isIconMode: d, openIconMode: h, setOpenIconMode: p } = K();
+  const { isMobile: i, state: l, openMobile: u, setOpenMobile: d, isIconMode: m, openIconMode: h, setOpenIconMode: f } = j();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar",
-      className: m(
+      className: w(
         "astw:bg-sidebar astw:text-sidebar-foreground astw:flex astw:h-full astw:w-(--sidebar-width) astw:flex-col",
         r
       ),
       ...o,
       children: n
     }
-  ) : i ? /* @__PURE__ */ a(Ct, { open: u, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
-    Tt,
+  ) : i ? /* @__PURE__ */ a(k.Root, { open: u, onOpenChange: d, side: t, ...o, children: /* @__PURE__ */ c(
+    k.Content,
     {
       "data-sidebar": "sidebar",
       "data-slot": "sidebar",
       "data-mobile": "true",
       className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
       style: {
-        "--sidebar-width": da
+        "--sidebar-width": _a
       },
-      side: t,
       children: [
-        /* @__PURE__ */ c(kt, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(Rt, { children: "Sidebar" }),
-          /* @__PURE__ */ a(Pt, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ c(k.Header, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(k.Title, { children: "Sidebar" }),
+          /* @__PURE__ */ a(k.Description, { children: "Displays the mobile sidebar." })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:h-full astw:w-full astw:flex-col", children: n })
       ]
     }
-  ) }) : d && s === "icon" ? /* @__PURE__ */ c(S, { children: [
+  ) }) : m && s === "icon" ? /* @__PURE__ */ c(T, { children: [
     /* @__PURE__ */ c(
       "div",
       {
@@ -951,7 +1002,7 @@ function ha({
             "div",
             {
               "data-slot": "sidebar-gap",
-              className: m(
+              className: w(
                 "astw:relative astw:bg-transparent astw:transition-[width] astw:duration-200 astw:ease-linear",
                 e === "floating" || e === "inset" ? "astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
               )
@@ -961,7 +1012,7 @@ function ha({
             "div",
             {
               "data-slot": "sidebar-container",
-              className: m(
+              className: w(
                 "astw:fixed astw:inset-y-0 astw:z-10 astw:hidden astw:h-svh astw:transition-[left,right,width] astw:duration-200 astw:ease-linear astw:md:flex",
                 t === "left" ? "astw:left-0" : "astw:right-0",
                 e === "floating" || e === "inset" ? "astw:p-2 astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon) astw:group-data-[side=left]:border-r astw:group-data-[side=right]:border-l",
@@ -981,23 +1032,22 @@ function ha({
         ]
       }
     ),
-    /* @__PURE__ */ a(Ct, { open: h, onOpenChange: p, ...o, children: /* @__PURE__ */ c(
-      Tt,
+    /* @__PURE__ */ a(k.Root, { open: h, onOpenChange: f, side: t, ...o, children: /* @__PURE__ */ c(
+      k.Content,
       {
         "data-sidebar": "sidebar",
         "data-slot": "sidebar-overlay",
         "data-icon-mode": "true",
         className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
         style: {
-          "--sidebar-width": ee
+          "--sidebar-width": ce
         },
-        side: t,
         children: [
-          /* @__PURE__ */ c(kt, { className: "astw:sr-only", children: [
-            /* @__PURE__ */ a(Rt, { children: "Sidebar" }),
-            /* @__PURE__ */ a(Pt, { children: "Displays the sidebar overlay." })
+          /* @__PURE__ */ c(k.Header, { className: "astw:sr-only", children: [
+            /* @__PURE__ */ a(k.Title, { children: "Sidebar" }),
+            /* @__PURE__ */ a(k.Description, { children: "Displays the sidebar overlay." })
           ] }),
-          /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
+          /* @__PURE__ */ a("div", { className: "astw:flex astw:h-full astw:w-full astw:flex-col", children: n })
         ]
       }
     ) })
@@ -1015,7 +1065,7 @@ function ha({
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: m(
+            className: w(
               "astw:relative astw:w-(--sidebar-width) astw:bg-transparent astw:transition-[width] astw:duration-200 astw:ease-linear",
               "astw:group-data-[collapsible=offcanvas]:w-0",
               "astw:group-data-[side=right]:rotate-180",
@@ -1027,7 +1077,7 @@ function ha({
           "div",
           {
             "data-slot": "sidebar-container",
-            className: m(
+            className: w(
               "astw:fixed astw:inset-y-0 astw:z-10 astw:hidden astw:h-svh astw:w-(--sidebar-width) astw:transition-[left,right,width] astw:duration-200 astw:ease-linear astw:md:flex",
               t === "left" ? "astw:left-0 astw:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "astw:right-0 astw:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
@@ -1051,33 +1101,33 @@ function ha({
     }
   );
 }
-function se({ className: t, onClick: e, ...s }) {
-  const { toggleSidebar: r } = K();
+function we({ className: t, onClick: e, ...s }) {
+  const { toggleSidebar: r } = j();
   return /* @__PURE__ */ c(
-    O,
+    V,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      className: m("astw:text-muted-foreground", t),
+      className: w("astw:text-muted-foreground", t),
       onClick: (n) => {
         e?.(n), r();
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(Te, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(Ze, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function pa({ className: t, ...e }) {
+function ja({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
       "data-slot": "sidebar-inset",
-      className: m(
+      className: w(
         "astw:bg-background astw:relative astw:flex astw:w-full astw:flex-1 astw:flex-col",
         "astw:px-4 astw:md:peer-data-[variant=inset]:px-8 astw:md:peer-data-[variant=inset]:py-2",
         //  astw:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:pl-2
@@ -1087,35 +1137,35 @@ function pa({ className: t, ...e }) {
     }
   );
 }
-function fa({ className: t, ...e }) {
+function Ha({ 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: w("astw:flex astw:flex-row astw:items-center astw:gap-0.5 astw:p-2", t),
       ...e
     }
   );
 }
-function ga({ className: t, ...e }) {
+function Ua({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    ia,
+    La,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
-      className: m("astw:bg-sidebar-border astw:mx-2 astw:w-auto", t),
+      className: w("astw:bg-sidebar-border astw:mx-2 astw:w-auto", t),
       ...e
     }
   );
 }
-function ba({ className: t, ...e }) {
+function Ka({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: m(
+      className: w(
         "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
       ),
@@ -1123,13 +1173,13 @@ function ba({ className: t, ...e }) {
     }
   );
 }
-function gt({ className: t, ...e }) {
+function ft({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: m(
+      className: w(
         "astw:relative astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:p-2",
         t
       ),
@@ -1137,29 +1187,29 @@ function gt({ className: t, ...e }) {
     }
   );
 }
-function bt({ className: t, ...e }) {
+function pt({ 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: w("astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:gap-1", t),
       ...e
     }
   );
 }
-function I({ className: t, ...e }) {
+function F({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: m("astw:group/menu-item astw:relative", t),
+      className: w("astw:group/menu-item astw:relative", t),
       ...e
     }
   );
 }
-const xa = ot(
+const Va = ct(
   "astw:peer/menu-button astw:flex astw:w-full astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:p-2 astw:text-left astw:text-sm astw:outline-hidden astw:ring-sidebar-ring astw:transition-[width,height,padding] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:focus-visible:ring-2 astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:group-has-data-[sidebar=menu-action]/menu-item:pr-8 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:font-medium astw:data-[active=true]:text-sidebar-accent-foreground astw:data-[state=open]:hover:bg-sidebar-accent astw:data-[state=open]:hover:text-sidebar-accent-foreground astw:group-data-[collapsible=icon]:size-8! astw:group-data-[collapsible=icon]:p-2! astw:[&>span:last-child]:truncate astw:group-data-[collapsible=icon]:[&>span:last-child]:hidden astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
   {
     variants: {
@@ -1179,7 +1229,7 @@ const xa = ot(
     }
   }
 );
-function z({
+function O({
   render: t,
   isActive: e = !1,
   variant: s = "default",
@@ -1187,9 +1237,15 @@ function z({
   tooltip: n,
   className: o,
   children: i,
-  ...l
+  onClick: l,
+  ...u
 }) {
-  const { isMobile: u, state: w } = K(), d = j({
+  const { isMobile: d, state: m, setOpenMobile: h, openIconMode: f, setOpenIconMode: v } = j(), g = b.useCallback(
+    (x) => {
+      l?.(x), !x.defaultPrevented && (d ? h(!1) : f && v(!1));
+    },
+    [l, d, h, f, v]
+  ), p = G({
     defaultTagName: "button",
     render: t,
     props: {
@@ -1197,40 +1253,41 @@ function z({
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: m(xa({ variant: s, size: r }), o),
+      className: w(Va({ variant: s, size: r }), o),
+      onClick: g,
       children: i,
-      ...l
+      ...u
     }
   });
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ c(ht, { children: [
-    /* @__PURE__ */ a(pt, { render: d }),
+  }), /* @__PURE__ */ c(C.Root, { children: [
+    /* @__PURE__ */ a(C.Trigger, { render: p }),
     /* @__PURE__ */ a(
-      ft,
+      C.Content,
       {
         side: "right",
         align: "center",
-        hidden: w !== "collapsed" || u,
+        hidden: m !== "collapsed" || d,
         ...n
       }
     )
-  ] })) : d;
+  ] })) : p;
 }
-function q({
+function J({
   className: t,
   render: e,
   showOnHover: s = !1,
   children: r,
   ...n
 }) {
-  return j({
+  return G({
     defaultTagName: "button",
     render: e,
     props: {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
-      className: m(
+      className: w(
         "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:peer-hover/menu-button:text-sidebar-accent-foreground astw:absolute astw:top-1.5 astw:right-1 astw:flex astw:aspect-square astw:w-5 astw:items-center astw:justify-center astw:rounded-md astw:p-0 astw:outline-hidden astw:transition-transform astw:focus-visible:ring-2 astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "astw:after:absolute astw:after:-inset-2 astw:md:after:hidden",
@@ -1246,13 +1303,13 @@ function q({
     }
   });
 }
-function at({ className: t, ...e }) {
+function it({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: m(
+      className: w(
         "astw:border-sidebar-border astw:ml-3.5 astw:mr-0 astw:flex astw:min-w-0 astw:translate-x-px astw:flex-col astw:gap-1 astw:border-l astw:pl-2.5 astw:pr-0 astw:py-0.5",
         "astw:group-data-[collapsible=icon]:hidden",
         t
@@ -1261,26 +1318,33 @@ function at({ className: t, ...e }) {
     }
   );
 }
-function va({ className: t, ...e }) {
+function Ga({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
-      className: m("astw:group/menu-sub-item astw:relative", t),
+      className: w("astw:group/menu-sub-item astw:relative", t),
       ...e
     }
   );
 }
-function ya({
+function Ya({
   render: t,
   size: e = "md",
   isActive: s = !1,
   className: r,
   children: n,
-  ...o
+  onClick: o,
+  ...i
 }) {
-  return j({
+  const { isMobile: l, setOpenMobile: u, openIconMode: d, setOpenIconMode: m } = j(), h = b.useCallback(
+    (f) => {
+      o?.(f), !f.defaultPrevented && (l ? u(!1) : d && m(!1));
+    },
+    [o, l, u, d, m]
+  );
+  return G({
     defaultTagName: "a",
     render: t,
     props: {
@@ -1288,7 +1352,8 @@ function ya({
       "data-sidebar": "menu-sub-button",
       "data-size": e,
       "data-active": s,
-      className: m(
+      onClick: h,
+      className: w(
         "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:[&>svg]:text-sidebar-accent-foreground astw:flex astw:h-7 astw:min-w-0 astw:-translate-x-px astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:px-2 astw:outline-hidden astw:focus-visible:ring-2 astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:[&>span:last-child]:truncate astw:group-data-[collapsible=icon]:[&>span:last-child]:hidden astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
         "astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:text-sidebar-accent-foreground",
         e === "sm" && "astw:text-xs",
@@ -1297,50 +1362,50 @@ function ya({
         r
       ),
       children: n,
-      ...o
+      ...i
     }
   });
 }
-const Na = (t) => {
-  const { configurations: e } = C(), { modules: s, locale: r } = e;
-  return Sa(t) ? null : Ca(t, s, r);
-}, Sa = (t) => t.startsWith("http://") || t.startsWith("https://"), Ca = (t, e, s) => {
-  const r = U(s), n = Et(t);
+const Xa = (t) => {
+  const { configurations: e } = D(), { modules: s, locale: r } = e;
+  return qa(t) ? null : Qa(t, s, r);
+}, qa = (t) => t.startsWith("http://") || t.startsWith("https://"), Qa = (t, e, s) => {
+  const r = Y(s), n = St(t);
   for (const o of e) {
-    const i = Et(o.path);
-    if (re(n, i))
+    const i = St(o.path);
+    if (ue(n, i))
       return {
         title: r(o.meta.title, o.path),
         icon: o.meta.icon
       };
-    const l = ne(n, i, o.resources, r);
+    const l = me(n, i, o.resources, r);
     if (l)
       return l;
   }
   return null;
-}, re = (t, e) => {
+}, ue = (t, e) => {
   if (t === e) return !0;
   const s = t.split("/"), r = e.split("/");
   return s.length !== r.length ? !1 : r.every((n, o) => n.startsWith(":") || n === s[o]);
-}, Et = (t) => {
+}, St = (t) => {
   let e = t;
   return e.startsWith("/") || (e = `/${e}`), e.length > 1 && e.endsWith("/") && (e = e.slice(0, -1)), e;
-}, ne = (t, e, s, r) => {
+}, me = (t, e, s, r) => {
   for (const n of s) {
     const o = `${e}/${n.path}`;
-    if (re(t, o))
+    if (ue(t, o))
       return {
         title: r(n.meta.title, n.path),
         icon: n.meta.icon
       };
     if (n.subResources) {
-      const i = ne(t, o, n.subResources, r);
+      const i = me(t, o, n.subResources, r);
       if (i)
         return i;
     }
   }
   return null;
-}, Fs = (t) => {
+}, pr = (t) => {
   const {
     to: e,
     external: s,
@@ -1348,14 +1413,14 @@ const Na = (t) => {
     activeMatch: n = "prefix",
     title: o,
     icon: i
-  } = t, { pathname: l } = Q(), u = Na(e), w = n === "exact" ? l === e : l === e || l.startsWith(`${e}/`), d = o ?? u?.title ?? Ta(e), h = i ?? u?.icon, p = {
-    title: d,
+  } = t, { pathname: l } = tt(), u = Xa(e), d = n === "exact" ? l === e : l === e || l.startsWith(`${e}/`), m = o ?? u?.title ?? Za(e), h = i ?? u?.icon, f = {
+    title: m,
     url: e,
     icon: h,
-    isActive: w
+    isActive: d
   };
-  return s || oe(e) ? /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
-    z,
+  return s || he(e) ? /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(
+    O,
     {
       render: (
         // oxlint-disable-next-line jsx-a11y/anchor-has-content -- content is provided by SidebarMenuButton's children
@@ -1365,35 +1430,35 @@ const Na = (t) => {
             href: e,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+            className: d ? "astw:bg-sidebar-accent astw:font-medium" : void 0
           }
         )
       ),
-      tooltip: d,
-      children: r ? r(p) : /* @__PURE__ */ c(S, { children: [
-        h ?? /* @__PURE__ */ a($t, { className: "astw:size-4" }),
-        /* @__PURE__ */ a("span", { children: d })
+      tooltip: m,
+      children: r ? r(f) : /* @__PURE__ */ c(T, { children: [
+        h ?? /* @__PURE__ */ a(Bt, { className: "astw:size-4" }),
+        /* @__PURE__ */ a("span", { children: m })
       ] })
     }
-  ) }) : /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
-    z,
+  ) }) : /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(
+    O,
     {
       render: /* @__PURE__ */ a(
-        $,
+        H,
         {
           to: e,
-          className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+          className: d ? "astw:bg-sidebar-accent astw:font-medium" : void 0
         }
       ),
-      tooltip: d,
-      children: r ? r(p) : /* @__PURE__ */ c(S, { children: [
+      tooltip: m,
+      children: r ? r(f) : /* @__PURE__ */ c(T, { children: [
         h,
-        /* @__PURE__ */ a("span", { children: d })
+        /* @__PURE__ */ a("span", { children: m })
       ] })
     }
   ) });
-}, oe = (t) => t.startsWith("http://") || t.startsWith("https://"), Ta = (t) => {
-  if (oe(t))
+}, he = (t) => t.startsWith("http://") || t.startsWith("https://"), Za = (t) => {
+  if (he(t))
     try {
       return new URL(t).hostname;
     } catch {
@@ -1401,98 +1466,89 @@ const Na = (t) => {
     }
   const e = t.split("/").filter(Boolean);
   return (e[e.length - 1] ?? t).split("-").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
-};
-function st({ ...t }) {
-  return /* @__PURE__ */ a(lt.Root, { "data-slot": "collapsible", ...t });
-}
-function Y({ ...t }) {
-  return /* @__PURE__ */ a(lt.Trigger, { "data-slot": "collapsible-trigger", ...t });
-}
-function rt({ ...t }) {
-  return /* @__PURE__ */ a(lt.Panel, { "data-slot": "collapsible-content", ...t });
-}
-const Os = (t) => {
-  const { title: e, icon: s, to: r, defaultOpen: n = !0, children: o } = t, { pathname: i } = Q(), { configurations: l } = C(), u = U(l.locale), w = A(), d = u(e, typeof e == "string" ? e : ""), h = r ? i === r : !1;
-  return r ? /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
+}, gr = (t) => {
+  const { title: e, icon: s, to: r, defaultOpen: n = !0, children: o } = t, { pathname: i } = tt(), { configurations: l } = D(), u = Y(l.locale), d = I(), m = u(e, typeof e == "string" ? e : ""), h = r ? i === r : !1;
+  return r ? /* @__PURE__ */ c(R.Root, { render: /* @__PURE__ */ a(F, {}), defaultOpen: n, children: [
     /* @__PURE__ */ c(
-      z,
+      O,
       {
         render: /* @__PURE__ */ a(
-          $,
+          H,
           {
             to: r,
             className: h ? "astw:bg-sidebar-accent astw:font-medium" : void 0
           }
         ),
-        tooltip: d,
+        tooltip: m,
         children: [
           s,
-          /* @__PURE__ */ a("span", { children: d })
+          /* @__PURE__ */ a("span", { children: m })
         ]
       }
     ),
     /* @__PURE__ */ c(
-      Y,
+      R.Trigger,
       {
-        render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
+        render: /* @__PURE__ */ a(J, { className: "astw:data-panel-open:rotate-90" }),
         children: [
-          /* @__PURE__ */ a(W, {}),
-          /* @__PURE__ */ a("span", { className: "astw:sr-only", children: w("toggle") })
+          /* @__PURE__ */ a(U, {}),
+          /* @__PURE__ */ a("span", { className: "astw:sr-only", children: d("toggle") })
         ]
       }
     ),
-    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
-  ] }) : /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
-    /* @__PURE__ */ c(Y, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
+    /* @__PURE__ */ a(R.Panel, { children: /* @__PURE__ */ a(it, { children: o }) })
+  ] }) : /* @__PURE__ */ c(R.Root, { render: /* @__PURE__ */ a(F, {}), defaultOpen: n, children: [
+    /* @__PURE__ */ c(R.Trigger, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
       /* @__PURE__ */ c(
-        z,
+        O,
         {
           render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
-          tooltip: d,
+          tooltip: m,
+          onClick: (f) => f.preventDefault(),
           children: [
             s,
-            /* @__PURE__ */ a("span", { children: d })
+            /* @__PURE__ */ a("span", { children: m })
           ]
         }
       ),
-      /* @__PURE__ */ c(q, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
-        /* @__PURE__ */ a(W, {}),
-        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: w("toggle") })
+      /* @__PURE__ */ c(J, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
+        /* @__PURE__ */ a(U, {}),
+        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: d("toggle") })
       ] })
     ] }),
-    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
+    /* @__PURE__ */ a(R.Panel, { children: /* @__PURE__ */ a(it, { children: o }) })
   ] });
-}, js = () => /* @__PURE__ */ a(ga, {}), ka = (t) => {
-  const { title: e, icon: s } = C(), { pathname: r } = Q(), { isIconMode: n } = K(), o = /* @__PURE__ */ c(fa, { children: [
+}, br = () => /* @__PURE__ */ a(Ua, {}), Ja = (t) => {
+  const { title: e, icon: s } = D(), { pathname: r } = tt(), { isIconMode: n } = j(), o = /* @__PURE__ */ c(Ha, { children: [
     s,
-    /* @__PURE__ */ a("h1", { className: m("astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", n && "astw:hidden"), children: e })
+    /* @__PURE__ */ a("h1", { className: w("astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", n && "astw:hidden"), children: e })
   ] });
-  return /* @__PURE__ */ c(ha, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
+  return /* @__PURE__ */ c(Wa, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
     !n && /* @__PURE__ */ c("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
       t.header ?? o,
-      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(se, { className: "astw:-ml-1" }) })
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(we, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(ba, { children: t.children ? (
+    /* @__PURE__ */ a(Ka, { children: t.children ? (
       // New API: children-based explicit definition
-      /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.children }) })
+      /* @__PURE__ */ a(ft, { children: /* @__PURE__ */ a(pt, { children: t.children }) })
     ) : (
       // Existing behavior: auto-generation from resources
-      /* @__PURE__ */ a(it, { fallback: /* @__PURE__ */ a(Aa, {}), children: /* @__PURE__ */ a(Ra, { currentPath: r }) })
+      /* @__PURE__ */ a(dt, { fallback: /* @__PURE__ */ a(ss, {}), children: /* @__PURE__ */ a(ts, { currentPath: r }) })
     ) }),
     t.footer ?? null
   ] });
-}, Ra = ({ currentPath: t }) => {
-  const e = Yt();
-  return /* @__PURE__ */ a(zt, { resolve: e, children: (s) => /* @__PURE__ */ a(Pa, { items: s ?? [], currentPath: t }) });
-}, Pa = (t) => {
-  const e = A();
-  return /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.items.map((s) => /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: !0, children: [
-    s.url ? /* @__PURE__ */ c(S, { children: [
+}, ts = ({ currentPath: t }) => {
+  const e = jt();
+  return /* @__PURE__ */ a(Mt, { resolve: e, children: (s) => /* @__PURE__ */ a(es, { items: s ?? [], currentPath: t }) });
+}, es = (t) => {
+  const e = I();
+  return /* @__PURE__ */ a(ft, { children: /* @__PURE__ */ a(pt, { children: t.items.map((s) => /* @__PURE__ */ c(R.Root, { render: /* @__PURE__ */ a(F, {}), defaultOpen: !0, children: [
+    s.url ? /* @__PURE__ */ c(T, { children: [
       /* @__PURE__ */ c(
-        z,
+        O,
         {
           render: /* @__PURE__ */ a(
-            $,
+            H,
             {
               to: s.url,
               className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
@@ -1506,37 +1562,42 @@ const Os = (t) => {
         }
       ),
       !!s.items?.length && /* @__PURE__ */ c(
-        Y,
+        R.Trigger,
         {
-          render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
+          render: /* @__PURE__ */ a(J, { className: "astw:data-panel-open:rotate-90" }),
           children: [
-            /* @__PURE__ */ a(W, {}),
+            /* @__PURE__ */ a(U, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(Y, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
+    ] }) : /* @__PURE__ */ a(T, { children: /* @__PURE__ */ c(R.Trigger, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
       /* @__PURE__ */ c(
-        z,
+        O,
         {
           render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
           tooltip: s.title,
+          onClick: (r) => (
+            // Prevent SidebarMenuButton's auto-close behavior so the mobile sidebar
+            // stays open when toggling a collapsible group.
+            r.preventDefault()
+          ),
           children: [
             s.icon,
             /* @__PURE__ */ a("span", { children: s.title })
           ]
         }
       ),
-      !!s.items?.length && /* @__PURE__ */ c(q, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
-        /* @__PURE__ */ a(W, {}),
+      !!s.items?.length && /* @__PURE__ */ c(J, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
+        /* @__PURE__ */ a(U, {}),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
       ] })
     ] }) }),
-    !!s.items?.length && /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: s.items?.map((r) => /* @__PURE__ */ a(va, { children: /* @__PURE__ */ a(
-      ya,
+    !!s.items?.length && /* @__PURE__ */ a(R.Panel, { children: /* @__PURE__ */ a(it, { children: s.items?.filter((r) => r.url).map((r) => /* @__PURE__ */ a(Ga, { children: /* @__PURE__ */ a(
+      Ya,
       {
         render: /* @__PURE__ */ a(
-          $,
+          H,
           {
             to: r.url,
             className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
@@ -1546,7 +1607,7 @@ const Os = (t) => {
       }
     ) }, r.title)) }) })
   ] }, s.title)) }) });
-}, Ea = [104, 80, 112, 88, 96, 100, 84, 92], Aa = () => /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { className: "astw:px-2", children: Ea.map((t, e) => /* @__PURE__ */ a(I, { children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+}, as = [104, 80, 112, 88, 96, 100, 84, 92], ss = () => /* @__PURE__ */ a(ft, { children: /* @__PURE__ */ a(pt, { className: "astw:px-2", children: as.map((t, e) => /* @__PURE__ */ a(F, { children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
   /* @__PURE__ */ a("div", { className: "astw:h-4 astw:w-4 astw:rounded-md astw:bg-muted" }),
   /* @__PURE__ */ a(
     "div",
@@ -1556,15 +1617,15 @@ const Os = (t) => {
     }
   )
 ] }) }, e)) }) });
-function At({ ...t }) {
+function Ct({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function Mt({ className: t, ...e }) {
+function Tt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
       "data-slot": "breadcrumb-list",
-      className: m(
+      className: w(
         "astw:text-muted-foreground astw:flex astw:flex-wrap astw:items-center astw:gap-1.5 astw:text-sm astw:break-words astw:sm:gap-2.5",
         t
       ),
@@ -1572,27 +1633,27 @@ function Mt({ className: t, ...e }) {
     }
   );
 }
-function Bt({ className: t, ...e }) {
+function kt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "breadcrumb-item",
-      className: m("astw:inline-flex astw:items-center astw:gap-1.5", t),
+      className: w("astw:inline-flex astw:items-center astw:gap-1.5", t),
       ...e
     }
   );
 }
-function Dt({
+function Rt({
   render: t,
   className: e,
   children: s,
   to: r,
   ...n
 }) {
-  const o = m("astw:hover:text-foreground astw:transition-colors", e);
-  return j({
+  const o = w("astw:hover:text-foreground astw:transition-colors", e);
+  return G({
     defaultTagName: "a",
-    render: t ?? /* @__PURE__ */ a($, { to: r }),
+    render: t ?? /* @__PURE__ */ a(H, { to: r }),
     props: {
       "data-slot": "breadcrumb-link",
       className: o,
@@ -1601,28 +1662,28 @@ function Dt({
     }
   });
 }
-function Ma({ children: t, className: e, ...s }) {
+function rs({ children: t, className: e, ...s }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "breadcrumb-separator",
       role: "presentation",
       "aria-hidden": "true",
-      className: m("astw:[&>svg]:size-3.5", e),
+      className: w("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(W, {})
+      children: t ?? /* @__PURE__ */ a(U, {})
     }
   );
 }
-function Ba(t, e) {
+function ns(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 Da = (t, e) => {
-  const s = Ot(e);
+const os = (t, e) => {
+  const s = Lt(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1632,13 +1693,13 @@ const Da = (t, e) => {
         breadcrumbTitle: n.meta.breadcrumbTitle
       };
       const i = (l, u) => {
-        !l || l.length === 0 || l.forEach((w) => {
-          const d = `${u}/${w.path}`, h = s(w.meta.title, w.path);
-          r[d] = {
+        !l || l.length === 0 || l.forEach((d) => {
+          const m = `${u}/${d.path}`, h = s(d.meta.title, d.path);
+          r[m] = {
             title: h,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any -- breadcrumbTitle exists at runtime but not in CommonPageResource type
-            breadcrumbTitle: w.meta.breadcrumbTitle
-          }, w.subResources && w.subResources.length > 0 && i(w.subResources, d);
+            breadcrumbTitle: d.meta.breadcrumbTitle
+          }, d.subResources && d.subResources.length > 0 && i(d.subResources, m);
         });
       };
       return n.resources && n.resources.length > 0 && i(n.resources, n.path), r;
@@ -1646,22 +1707,22 @@ const Da = (t, e) => {
     {}
   );
 };
-function La(t, e, s, r) {
-  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = Da(s, r), l = o.map((u, w) => {
-    const d = o.slice(0, w + 1).join("/");
-    let h = i[d];
+function is(t, e, s, r) {
+  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = os(s, r), l = o.map((u, d) => {
+    const m = o.slice(0, d + 1).join("/");
+    let h = i[m];
     if (!h) {
-      const g = Object.entries(i).find(([x]) => {
-        const b = x.split("/").map((R) => R.startsWith(":") ? "[^/]+" : R).join("/");
-        return new RegExp(`^${b}$`).test(d);
+      const v = Object.entries(i).find(([g]) => {
+        const p = g.split("/").map((A) => A.startsWith(":") ? "[^/]+" : A).join("/");
+        return new RegExp(`^${p}$`).test(m);
       })?.[1];
-      g && (h = g);
+      v && (h = v);
     }
-    let p;
-    return h ? typeof h.breadcrumbTitle == "function" ? p = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? p = h.breadcrumbTitle : p = h.title : p = decodeURIComponent(u), {
+    let f;
+    return h ? typeof h.breadcrumbTitle == "function" ? f = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? f = h.breadcrumbTitle : f = h.title : f = decodeURIComponent(u), {
       segment: u,
-      path: d,
-      title: p
+      path: m,
+      title: f
     };
   });
   return {
@@ -1669,87 +1730,94 @@ function La(t, e, s, r) {
     segments: l
   };
 }
-const Ia = () => {
-  const { configurations: t } = C(), e = Q();
-  return La(
+const ls = () => {
+  const { configurations: t } = D(), e = tt();
+  return is(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, za = () => {
-  const { segments: t } = Ia(), e = ve("/:prefix/settings/:suffix"), s = A();
-  return e ? /* @__PURE__ */ a(At, { children: /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(At, { children: /* @__PURE__ */ a(Mt, { children: t.map((r, n) => /* @__PURE__ */ c(
+}, cs = () => {
+  const { segments: t } = ls(), e = Ge("/:prefix/settings/:suffix"), s = I();
+  return e ? /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(Tt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(kt, { children: /* @__PURE__ */ a(Rt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(Tt, { children: t.map((r, n) => /* @__PURE__ */ c(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
-        /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(Ma, {})
+        /* @__PURE__ */ a(kt, { children: /* @__PURE__ */ a(Rt, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(rs, {})
       ]
     },
     n
   )) }) });
-}, _a = () => {
-  const { open: t, isIconMode: e } = K();
-  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(se, { className: "astw:-ml-2.5" }) });
-}, Us = (t) => {
-  const e = t.children ? t.children({ Outlet: Nt }) : null, s = Qe(), r = () => {
+}, ds = () => {
+  const { open: t, isIconMode: e } = j();
+  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(we, { className: "astw:-ml-2.5" }) });
+}, vr = (t) => {
+  const e = t.children ? t.children({ Outlet: yt }) : null, s = Ca(), r = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a(ma, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(ka, {}),
-    /* @__PURE__ */ c(pa, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+  return /* @__PURE__ */ a(Oa, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(Ja, {}),
+    /* @__PURE__ */ c(ja, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
       /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
         /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(_a, {}),
-          /* @__PURE__ */ a(za, {})
+          /* @__PURE__ */ a(ds, {}),
+          /* @__PURE__ */ a(cs, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(O, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(ke, {}) }) })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(V, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(Je, {}) }) })
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4 astw:flex-1 astw:min-h-0", children: e ?? /* @__PURE__ */ a(Nt, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4 astw:flex-1 astw:min-h-0", children: e ?? /* @__PURE__ */ a(yt, {}) })
     ] })
   ] }) });
 };
-function $a({ ...t }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
+function fe({ ...t }) {
+  return /* @__PURE__ */ a(P.Root, { "data-slot": "dialog", ...t });
+}
+fe.displayName = "Dialog.Root";
+function pe({ ...t }) {
+  return /* @__PURE__ */ a(P.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function Wa({ ...t }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
+pe.displayName = "Dialog.Trigger";
+function ge({ ...t }) {
+  return /* @__PURE__ */ a(P.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function Fa({ className: t, ...e }) {
+ge.displayName = "Dialog.Portal";
+function be({ ...t }) {
+  return /* @__PURE__ */ a(P.Close, { "data-slot": "dialog-close", ...t });
+}
+be.displayName = "Dialog.Close";
+function ve({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Backdrop,
+    P.Backdrop,
     {
       "data-slot": "dialog-overlay",
-      className: m(
-        "astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
+      className: w(
+        "astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:fill-mode-forwards astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
         t
       ),
       ...e
     }
   );
 }
-function Oa({
-  className: t,
-  children: e,
-  ...s
-}) {
-  return /* @__PURE__ */ c(Wa, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(Fa, {}),
+ve.displayName = "Dialog.Overlay";
+function xe({ className: t, children: e, ...s }) {
+  return /* @__PURE__ */ c(ge, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(ve, {}),
     /* @__PURE__ */ c(
-      v.Popup,
+      P.Popup,
       {
         "data-slot": "dialog-content",
-        className: m(
-          "astw:bg-background astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:data-ending-style:zoom-out-95 astw:data-open:zoom-in-95 astw:fixed astw:top-[50%] astw:left-[50%] astw:z-50 astw:grid astw:w-full astw:max-w-[calc(100%-2rem)] astw:translate-x-[-50%] astw:translate-y-[-50%] astw:gap-4 astw:rounded-lg astw:border astw:p-6 astw:shadow-lg astw:duration-200 astw:sm:max-w-lg",
+        className: w(
+          "astw:bg-background astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:data-ending-style:zoom-out-95 astw:data-open:zoom-in-95 astw:fill-mode-forwards astw:fixed astw:top-[50%] astw:left-[50%] astw:z-50 astw:grid astw:w-full astw:max-w-[calc(100%-2rem)] astw:translate-x-[-50%] astw:translate-y-[-50%] astw:gap-4 astw:rounded-lg astw:border astw:p-6 astw:shadow-lg astw:duration-200 astw:sm:max-w-lg",
           t
         ),
         ...s,
         children: [
           e,
-          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-open:bg-accent astw:data-open:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ a(_t, {}),
+          /* @__PURE__ */ c(P.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-open:bg-accent astw:data-open:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ a(At, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1757,21 +1825,72 @@ function Oa({
     )
   ] });
 }
-function ja({ className: t, ...e }) {
+xe.displayName = "Dialog.Content";
+function ye({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: w(
+        "astw:flex astw:flex-col astw:gap-2 astw:text-center astw:sm:text-left",
+        t
+      ),
+      ...e
+    }
+  );
+}
+ye.displayName = "Dialog.Header";
+function Ne({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: w(
+        "astw:flex astw:flex-col-reverse astw:gap-2 astw:sm:flex-row astw:sm:justify-end",
+        t
+      ),
+      ...e
+    }
+  );
+}
+Ne.displayName = "Dialog.Footer";
+function Se({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    P.Title,
     {
       "data-slot": "dialog-title",
-      className: m("astw:text-lg astw:leading-none astw:font-semibold", t),
+      className: w("astw:text-lg astw:leading-none astw:font-semibold", t),
+      ...e
+    }
+  );
+}
+Se.displayName = "Dialog.Title";
+function Ce({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    P.Description,
+    {
+      "data-slot": "dialog-description",
+      className: w("astw:text-muted-foreground astw:text-sm", t),
       ...e
     }
   );
 }
-function Ua(t) {
+Ce.displayName = "Dialog.Description";
+const ot = {
+  Root: fe,
+  Close: be,
+  Content: xe,
+  Description: Ce,
+  Footer: Ne,
+  Header: ye,
+  Title: Se,
+  Trigger: pe
+};
+function ws(t) {
   const e = [], s = (r, n, o) => {
     r.forEach((i) => {
       const l = [...o, i.title];
-      e.push({
+      i.url && e.push({
         path: i.url,
         title: i.title,
         icon: n,
@@ -1788,119 +1907,119 @@ function Ua(t) {
     }), s(r.items, r.icon, [r.title]);
   }), e;
 }
-function Ka({ routes: t }) {
-  const e = ye(), s = Ft(null), [r, n] = H(!1), [o, i] = H(""), [l, u] = H(0), w = B(() => Ba(t, o), [t, o]), d = M((x) => {
-    i(x), u(0);
+function us({ routes: t }) {
+  const e = Ye(), s = It(null), [r, n] = q(!1), [o, i] = q(""), [l, u] = q(0), d = $(() => ns(t, o), [t, o]), m = L((g) => {
+    i(g), u(0);
   }, []);
-  F(() => {
-    const x = (b) => {
-      (b.metaKey || b.ctrlKey) && b.key === "k" && (b.preventDefault(), n((k) => !k));
+  K(() => {
+    const g = (p) => {
+      (p.metaKey || p.ctrlKey) && p.key === "k" && (p.preventDefault(), n((x) => !x));
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, []);
-  const h = M((x) => {
-    n(x), x || (i(""), u(0));
+  const h = L((g) => {
+    n(g), g || (i(""), u(0));
   }, []);
-  F(() => {
+  K(() => {
     s.current && s.current.querySelector(`[data-index="${l}"]`)?.scrollIntoView({ block: "nearest" });
   }, [l]);
-  const p = M(
-    (x) => {
-      e(x.path), n(!1), i("");
+  const f = L(
+    (g) => {
+      e(g.path), n(!1), i("");
     },
     [e]
-  ), g = M(
-    (x) => {
-      if (!x.nativeEvent.isComposing)
-        switch (x.key) {
+  ), v = L(
+    (g) => {
+      if (!g.nativeEvent.isComposing)
+        switch (g.key) {
           case "ArrowDown":
-            x.preventDefault(), u((b) => b < w.length - 1 ? b + 1 : b);
+            g.preventDefault(), u((p) => p < d.length - 1 ? p + 1 : p);
             break;
           case "ArrowUp":
-            x.preventDefault(), u((b) => b > 0 ? b - 1 : b);
+            g.preventDefault(), u((p) => p > 0 ? p - 1 : p);
             break;
           case "Enter":
-            x.preventDefault(), w[l] && p(w[l]);
+            g.preventDefault(), d[l] && f(d[l]);
             break;
         }
     },
-    [w, l, p]
+    [d, l, f]
   );
   return {
     open: r,
     handleOpenChange: h,
     search: o,
-    setSearch: d,
+    setSearch: m,
     selectedIndex: l,
-    filteredRoutes: w,
-    handleSelect: p,
-    handleKeyDown: g,
+    filteredRoutes: d,
+    handleSelect: f,
+    handleKeyDown: v,
     listRef: s
   };
 }
-function Va({ navItems: t }) {
-  const e = A(), s = B(() => Ua(t), [t]), {
+function ms({ navItems: t }) {
+  const e = I(), s = $(() => ws(t), [t]), {
     open: r,
     handleOpenChange: n,
     search: o,
     setSearch: i,
     selectedIndex: l,
     filteredRoutes: u,
-    handleSelect: w,
-    handleKeyDown: d,
+    handleSelect: d,
+    handleKeyDown: m,
     listRef: h
-  } = Ka({ routes: s });
-  return /* @__PURE__ */ a($a, { open: r, onOpenChange: n, children: /* @__PURE__ */ c(
-    Oa,
+  } = us({ routes: s });
+  return /* @__PURE__ */ a(ot.Root, { open: r, onOpenChange: n, children: /* @__PURE__ */ c(
+    ot.Content,
     {
       className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
-      onKeyDown: d,
+      onKeyDown: m,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(ja, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ a(ot.Title, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
         /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
-          /* @__PURE__ */ a(Re, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+          /* @__PURE__ */ a(ta, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
-            oa,
+            Ia,
             {
               value: o,
-              onChange: (p) => i(p.target.value),
+              onChange: (f) => i(f.target.value),
               placeholder: e("commandPaletteSearch"),
               className: "astw:flex astw:h-10 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-sm astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
               autoFocus: !0
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { ref: h, className: "astw:max-h-75 astw:overflow-y-auto astw:overflow-x-hidden", children: u.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: u.map((p, g) => /* @__PURE__ */ c(
+        /* @__PURE__ */ a("div", { ref: h, className: "astw:max-h-75 astw:overflow-y-auto astw:overflow-x-hidden", children: u.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: u.map((f, v) => /* @__PURE__ */ c(
           "button",
           {
-            "data-index": g,
-            onClick: () => w(p),
-            className: m(
+            "data-index": v,
+            onClick: () => d(f),
+            className: w(
               "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"
+              v === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
             ),
             children: [
-              /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: p.breadcrumb.join(" > ") }),
+              /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: f.breadcrumb.join(" > ") }),
               /* @__PURE__ */ c("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
                 "/",
-                p.path
+                f.path
               ] })
             ]
           },
-          p.path
+          f.path
         )) }) })
       ]
     }
   ) });
 }
-function Ks() {
-  const t = Yt();
-  return /* @__PURE__ */ a(it, { fallback: null, children: /* @__PURE__ */ a(zt, { resolve: t, children: (e) => /* @__PURE__ */ a(Va, { navItems: e ?? [] }) }) });
+function xr() {
+  const t = jt();
+  return /* @__PURE__ */ a(dt, { fallback: null, children: /* @__PURE__ */ a(Mt, { resolve: t, children: (e) => /* @__PURE__ */ a(ms, { navItems: e ?? [] }) }) });
 }
-function Ha(t, e, s) {
+function hs(t, e, s) {
   if (s.current === null || s.current.contextData !== e || s.current.guards !== t) {
-    const r = Ya(t, e), n = {
+    const r = gs(t, e), n = {
       contextData: e,
       guards: t,
       promise: r,
@@ -1917,7 +2036,7 @@ function Ha(t, e, s) {
   }
   return s.current;
 }
-function Ga(t) {
+function fs(t) {
   const { state: e } = t;
   switch (e.status) {
     case "fulfilled":
@@ -1928,10 +2047,10 @@ function Ga(t) {
       throw e.promise;
   }
 }
-const Vs = (t) => {
-  const { guards: e, children: s, fallback: r = null, loading: n = null } = t, { contextData: o } = jt(), i = Ft(null), l = Ha(e, o, i);
-  return /* @__PURE__ */ a(it, { fallback: n, children: /* @__PURE__ */ a(qa, { cache: l, fallback: r, children: s }) });
-}, qa = (t) => Ga(t.cache).type === "pass" ? /* @__PURE__ */ a(S, { children: t.children }) : /* @__PURE__ */ a(S, { children: t.fallback }), Ya = async (t, e) => {
+const yr = (t) => {
+  const { guards: e, children: s, fallback: r = null, loading: n = null } = t, { contextData: o } = $t(), i = It(null), l = hs(e, o, i);
+  return /* @__PURE__ */ a(dt, { fallback: n, children: /* @__PURE__ */ a(ps, { cache: l, fallback: r, children: s }) });
+}, ps = (t) => fs(t.cache).type === "pass" ? /* @__PURE__ */ a(T, { children: t.children }) : /* @__PURE__ */ a(T, { children: t.fallback }), gs = async (t, e) => {
   const s = { context: e };
   for (const r of t) {
     const n = await r(s);
@@ -1940,8 +2059,8 @@ const Vs = (t) => {
   }
   return { type: "pass" };
 };
-function Hs(t) {
-  const e = De(t), { appUri: s } = t;
+function Nr(t) {
+  const e = oa(t), { appUri: s } = t;
   return {
     ...e,
     getAppUri() {
@@ -1949,38 +2068,38 @@ function Hs(t) {
     }
   };
 }
-function Qa(t) {
+function bs(t) {
   const e = new URLSearchParams(t.search);
   e.delete("code"), e.delete("state");
   const s = e.toString();
   return t.pathname + (s ? `?${s}` : "") + t.hash;
 }
-const ie = X(null), Gs = (t) => {
-  const e = t.client, s = M(
+const Te = et(null), Sr = (t) => {
+  const e = t.client, s = L(
     (l) => e.addEventListener((u) => {
       u.type === "auth_state_changed" && l();
     }),
     [e]
-  ), r = M(() => e.getState(), [e]), n = Wt(s, r);
-  F(() => {
+  ), r = L(() => e.getState(), [e]), n = Et(s, r);
+  K(() => {
     (async () => {
       if (new URLSearchParams(window.location.search).has("code"))
         try {
           await e.handleCallback();
-          const w = Qa(new URL(window.location.href));
-          window.history.replaceState({}, "", w);
-        } catch (w) {
-          console.error("Failed to handle callback:", w);
+          const d = bs(new URL(window.location.href));
+          window.history.replaceState({}, "", d);
+        } catch (d) {
+          console.error("Failed to handle callback:", d);
         }
       else
         await e.checkAuthStatus();
     })();
-  }, [e]), F(() => {
+  }, [e]), K(() => {
     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(
-    ie.Provider,
+    Te.Provider,
     {
       value: {
         authState: n,
@@ -1992,13 +2111,13 @@ const ie = X(null), Gs = (t) => {
       children: i
     }
   );
-}, le = () => {
-  const t = L(ie);
+}, ke = () => {
+  const t = z(Te);
   if (!t)
     throw new Error("useAuth/useAuthSuspense must be used within an AuthProvider");
   return t;
-}, qs = () => {
-  const t = le(), { isAuthenticated: e, error: s, isReady: r } = t.authState;
+}, Cr = () => {
+  const t = ke(), { isAuthenticated: e, error: s, isReady: r } = t.authState;
   return {
     error: s,
     isAuthenticated: e,
@@ -2007,8 +2126,8 @@ const ie = X(null), Gs = (t) => {
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Ys = () => {
-  const t = le();
+}, Tr = () => {
+  const t = ke();
   if (!t.authState.isReady)
     throw t.ready();
   const { isAuthenticated: e, error: s } = t.authState;
@@ -2019,7 +2138,16 @@ const ie = X(null), Gs = (t) => {
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Qs = () => Me, Xa = ot(
+};
+function kr() {
+  return {
+    for(t, ...e) {
+      const s = e[0];
+      return s ? t.replace(/:([^/?]+)|\*([^/?]+)/g, (r, n, o) => n ? encodeURIComponent(s[n] ?? "") : (s[o] ?? "").split("/").map((l) => encodeURIComponent(l)).join("/")) : t;
+    }
+  };
+}
+const Rr = () => ra, vs = ct(
   "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: {
@@ -2041,31 +2169,31 @@ const ie = X(null), Gs = (t) => {
       variant: "default"
     }
   }
-), Za = {
+), xs = {
   "outline-success": "astw:bg-green-500",
   "outline-warning": "astw:bg-orange-500",
   "outline-error": "astw:bg-red-500",
   "outline-info": "astw:bg-blue-500",
   "outline-neutral": "astw:bg-neutral-400"
 };
-function Ja({ variant: t }) {
-  const e = Za[t];
-  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 ys({ variant: t }) {
+  const e = xs[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: w("astw:size-1.75 astw:rounded-full", e) }) }) : null;
 }
-function ts({ className: t, variant: e, children: s, ...r }) {
+function Ns({ className: t, variant: e, children: s, ...r }) {
   const n = e?.toString().startsWith("outline-");
-  return /* @__PURE__ */ c("div", { className: m(Xa({ variant: e }), t), ...r, children: [
-    n && /* @__PURE__ */ a(Ja, { variant: e }),
+  return /* @__PURE__ */ c("div", { className: w(vs({ variant: e }), t), ...r, children: [
+    n && /* @__PURE__ */ a(ys, { variant: e }),
     s
   ] });
 }
-function es(t) {
+function Ss(t) {
   return t.type === "divider";
 }
-function as(t) {
+function Cs(t) {
   return t.type !== "divider" && "key" in t;
 }
-function Z(t, e) {
+function at(t, e) {
   return e.split(".").reduce((s, r) => {
     if (s && typeof s == "object" && r in s)
       return s[r];
@@ -2074,10 +2202,10 @@ function Z(t, e) {
 function N(t) {
   return t == null || t === "";
 }
-function ss(t) {
+function Ts(t) {
   return t.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
 }
-function rs(t, e = "medium") {
+function ks(t, e = "medium") {
   if (N(t)) return "";
   const s = t instanceof Date ? t : new Date(String(t));
   if (isNaN(s.getTime())) return String(t);
@@ -2109,7 +2237,7 @@ function rs(t, e = "medium") {
       return s.toLocaleDateString();
   }
 }
-function ns(t, e) {
+function Rs(t, e) {
   if (N(t)) return "";
   const s = typeof t == "number" ? t : parseFloat(String(t));
   if (isNaN(s)) return String(t);
@@ -2122,7 +2250,7 @@ function ns(t, e) {
     return `${e || "$"}${s.toFixed(2)}`;
   }
 }
-function os(t) {
+function Ps(t) {
   if (N(t)) return [];
   if (typeof t == "string")
     return t.split(/[,\n]/).map((e) => e.trim()).filter(Boolean);
@@ -2134,47 +2262,47 @@ function os(t) {
   }
   return [String(t)];
 }
-function ce({ value: t }) {
-  const [e, s] = f.useState(!1);
-  return /* @__PURE__ */ c(ht, { children: [
+function Re({ value: t }) {
+  const [e, s] = b.useState(!1), r = async (n) => {
+    n.stopPropagation();
+    try {
+      await navigator.clipboard.writeText(t), s(!0), setTimeout(() => s(!1), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ c(C.Root, { children: [
     /* @__PURE__ */ a(
-      pt,
+      C.Trigger,
       {
         render: /* @__PURE__ */ a(
           "button",
           {
-            onClick: async (n) => {
-              n.stopPropagation();
-              try {
-                await navigator.clipboard.writeText(t), s(!0), setTimeout(() => s(!1), 2e3);
-              } catch {
-              }
-            },
+            onClick: r,
             className: "astw:ml-0.5 astw:inline-flex astw:items-center astw:justify-center astw:p-1 astw:rounded astw:hover:bg-muted astw:transition-colors astw:text-muted-foreground astw:hover:text-foreground"
           }
         ),
-        children: e ? /* @__PURE__ */ a(Pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(Ee, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
+        children: e ? /* @__PURE__ */ a(ea, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(aa, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
       }
     ),
-    /* @__PURE__ */ a(ft, { side: "top", children: e ? "Copied!" : "Copy" })
+    /* @__PURE__ */ a(C.Content, { side: "top", children: e ? "Copied!" : "Copy" })
   ] });
 }
-const T = "–";
-function is({ field: t }) {
-  const e = N(t.value) ? T : String(t.value), s = t.meta?.copyable && !N(t.value), r = t.meta?.truncateLines, n = f.useRef(null), [o, i] = f.useState(!1);
-  f.useEffect(() => {
+const M = "–";
+function Ds({ field: t }) {
+  const e = N(t.value) ? M : String(t.value), s = t.meta?.copyable && !N(t.value), r = t.meta?.truncateLines, n = b.useRef(null), [o, i] = b.useState(!1);
+  b.useEffect(() => {
     if (!r) {
       i(!1);
       return;
     }
-    const w = () => {
+    const d = () => {
       if (n.current) {
         const h = n.current;
         i(h.scrollHeight > h.clientHeight + 1);
       }
-    }, d = setTimeout(w, 50);
-    return window.addEventListener("resize", w), () => {
-      clearTimeout(d), window.removeEventListener("resize", w);
+    }, m = setTimeout(d, 50);
+    return window.addEventListener("resize", d), () => {
+      clearTimeout(m), window.removeEventListener("resize", d);
     };
   }, [e, r]);
   const l = r && r > 0 ? {
@@ -2192,35 +2320,35 @@ function is({ field: t }) {
         children: e
       }
     ),
-    s && /* @__PURE__ */ a(ce, { value: String(t.value) })
+    s && /* @__PURE__ */ a(Re, { value: String(t.value) })
   ] });
-  return r && o ? /* @__PURE__ */ c(ht, { children: [
-    /* @__PURE__ */ a(pt, { render: /* @__PURE__ */ a("span", { className: "astw:cursor-default" }), children: u }),
-    /* @__PURE__ */ a(ft, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
+  return r && o ? /* @__PURE__ */ c(C.Root, { children: [
+    /* @__PURE__ */ a(C.Trigger, { render: /* @__PURE__ */ a("span", { className: "astw:cursor-default" }), children: u }),
+    /* @__PURE__ */ a(C.Content, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
   ] }) : u;
 }
-function ls({ field: t }) {
+function Ms({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: M });
   const e = String(t.value), s = t.meta?.badgeVariantMap || {}, r = e.toLowerCase(), n = s[e] || s[r] || "outline-neutral";
-  return /* @__PURE__ */ a(ts, { variant: n, className: "astw:w-fit", children: ss(e) });
+  return /* @__PURE__ */ a(Ns, { variant: n, className: "astw:w-fit", children: Ts(e) });
 }
-function cs({ field: t }) {
+function As({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.currencyKey || "currency", s = Z(t.data, e), r = ns(t.value, s);
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: M });
+  const e = t.meta?.currencyKey || "currency", s = at(t.data, e), r = Rs(t.value, s);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:tabular-nums", children: r });
 }
-function ds({ field: t }) {
+function Bs({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.dateFormat || "medium", s = rs(t.value, e);
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: M });
+  const e = t.meta?.dateFormat || "medium", s = ks(t.value, e);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: s });
 }
-function us({ field: t }) {
+function Es({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.hrefKey, s = e ? Z(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: M });
+  const e = t.meta?.hrefKey, s = e ? at(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
   return s ? /* @__PURE__ */ c(
     "a",
     {
@@ -2230,63 +2358,63 @@ function us({ 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($t, { className: "astw:h-3 astw:w-3" })
+        r && /* @__PURE__ */ a(Bt, { className: "astw:h-3 astw:w-3" })
       ]
     }
   ) : /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
 }
-function ws({ field: t }) {
+function Is({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = os(t.value), s = t.meta?.copyable && !N(t.value), r = e.join(`
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: M });
+  const e = Ps(t.value), s = t.meta?.copyable && !N(t.value), r = e.join(`
 `);
   return /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
-    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ c(f.Fragment, { children: [
+    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ c(b.Fragment, { children: [
       n,
       o < e.length - 1 && /* @__PURE__ */ a("br", {})
     ] }, o)) }),
-    s && /* @__PURE__ */ a(ce, { value: r })
+    s && /* @__PURE__ */ a(Re, { value: r })
   ] });
 }
-function ms({ field: t }) {
+function Ls({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
-  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? Z(t.data, e) : void 0, n = String(t.value);
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: M });
+  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? at(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 Lt(t) {
+function Pt(t) {
   switch (t.type) {
     case "text":
-      return /* @__PURE__ */ a(is, { field: t });
+      return /* @__PURE__ */ a(Ds, { field: t });
     case "badge":
-      return /* @__PURE__ */ a(ls, { field: t });
+      return /* @__PURE__ */ a(Ms, { field: t });
     case "money":
-      return /* @__PURE__ */ a(cs, { field: t });
+      return /* @__PURE__ */ a(As, { field: t });
     case "date":
-      return /* @__PURE__ */ a(ds, { field: t });
+      return /* @__PURE__ */ a(Bs, { field: t });
     case "link":
-      return /* @__PURE__ */ a(us, { field: t });
+      return /* @__PURE__ */ a(Es, { field: t });
     case "address":
-      return /* @__PURE__ */ a(ws, { field: t });
+      return /* @__PURE__ */ a(Is, { field: t });
     case "reference":
-      return /* @__PURE__ */ a(ms, { field: t });
+      return /* @__PURE__ */ a(Ls, { field: t });
     default:
-      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
+      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: M });
   }
 }
-function hs(t) {
+function $s(t) {
   if (t.emptyBehavior !== "hide") return !1;
   const e = t.value;
   return e == null || e === "";
 }
-function ps(t) {
+function _s(t) {
   return !1;
 }
-function fs(t, e, s) {
-  const r = Z(e, t.key);
+function zs(t, e, s) {
+  const r = at(e, t.key);
   return {
     id: `${t.key}-${s}`,
     label: t.label,
@@ -2297,26 +2425,26 @@ function fs(t, e, s) {
     data: e
   };
 }
-function gs(t, e) {
+function Fs(t, e) {
   const s = [];
   let r = [], n = 0, o = 0;
   for (const i of t)
-    if (es(i))
+    if (Ss(i))
       r.length > 0 && (s.push({
         id: `section-${n}`,
         fields: r
       }), n++, r = []);
-    else if (as(i)) {
-      const l = fs(i, e, o);
-      o++, hs(l) || r.push(l);
+    else if (Cs(i)) {
+      const l = zs(i, e, o);
+      o++, $s(l) || r.push(l);
     }
   return r.length > 0 && s.push({ id: `section-${n}`, fields: r }), s;
 }
-function It({ label: t, children: e, fullWidth: s }) {
+function Dt({ label: t, children: e, fullWidth: s }) {
   return /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: w(
         "astw:flex astw:flex-col astw:gap-1 astw:min-w-0 astw:py-2",
         s && "astw:col-span-full"
       ),
@@ -2327,15 +2455,16 @@ function It({ label: t, children: e, fullWidth: s }) {
     }
   );
 }
-function Xs({
+function Pr({
   data: t,
   title: e,
   fields: s,
   columns: r = 3,
   className: n,
-  headerAction: o
+  style: o,
+  headerAction: i
 }) {
-  const i = gs(s, t), l = i.some((d) => d.fields.length > 0), u = m(
+  const l = Fs(s, t), u = l.some((h) => h.fields.length > 0), d = w(
     "astw:grid astw:gap-x-6 astw:gap-y-4",
     // Default: 1 column
     "astw:grid-cols-1",
@@ -2347,140 +2476,322 @@ function Xs({
       // 3-column mode: 1 → 2 → 3 columns
       "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3"
     )
-  ), w = (d) => {
-    const h = d.fields.filter((g) => !0), p = d.fields.filter((g) => ps());
+  ), m = (h) => {
+    const f = h.fields.filter((g) => !0), v = h.fields.filter((g) => _s());
     return /* @__PURE__ */ c("div", { className: "astw:space-y-4", children: [
-      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((g) => /* @__PURE__ */ a(It, { label: g.label, children: Lt(g) }, g.id)) }),
-      p.length > 0 && /* @__PURE__ */ a("div", { className: u, children: p.map((g) => /* @__PURE__ */ a(It, { label: g.label, fullWidth: !0, children: Lt(g) }, g.id)) })
-    ] }, d.id);
+      f.length > 0 && /* @__PURE__ */ a("div", { className: d, children: f.map((g) => /* @__PURE__ */ a(Dt, { label: g.label, children: Pt(g) }, g.id)) }),
+      v.length > 0 && /* @__PURE__ */ a("div", { className: d, children: v.map((g) => /* @__PURE__ */ a(Dt, { label: g.label, fullWidth: !0, children: Pt(g) }, g.id)) })
+    ] }, h.id);
   };
-  return /* @__PURE__ */ a(mt, { delayDuration: 300, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(C.Provider, { delay: 300, children: /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: w(
         "astw:@container astw:bg-card astw:text-card-foreground astw:rounded-xl astw:border",
         n
       ),
+      style: o,
       children: [
         /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:justify-between astw:px-6 astw:py-6", children: [
           /* @__PURE__ */ a("h3", { className: "astw:text-lg astw:font-semibold astw:leading-none", children: e }),
-          o && /* @__PURE__ */ a("div", { children: o })
+          i && /* @__PURE__ */ a("div", { children: i })
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((d, h) => /* @__PURE__ */ c(f.Fragment, { children: [
-          h > 0 && /* @__PURE__ */ a("div", { className: "astw:h-px astw:bg-border", role: "separator" }),
-          w(d)
-        ] }, d.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
+        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: u ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: l.map((h, f) => /* @__PURE__ */ c(b.Fragment, { children: [
+          f > 0 && /* @__PURE__ */ a("div", { className: "astw:h-px astw:bg-border", role: "separator" }),
+          m(h)
+        ] }, h.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
       ]
     }
   ) });
 }
-const xt = f.forwardRef(
-  ({ className: t, children: e, ...s }, r) => /* @__PURE__ */ a(
+const Os = "astw:flex astw:size-4 astw:items-center astw:justify-center", Ws = () => /* @__PURE__ */ a(
+  "svg",
+  {
+    className: "astw:size-4 astw:animate-spin",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "action-panel-spinner",
+    children: /* @__PURE__ */ a(
+      "circle",
+      {
+        cx: "8",
+        cy: "8",
+        r: "6",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeDasharray: "24 24",
+        strokeDashoffset: "8"
+      }
+    )
+  }
+), js = w(
+  "astw:flex astw:items-center astw:gap-2 astw:w-full astw:rounded-md astw:px-3 astw:py-2",
+  "astw:text-sm astw:font-medium astw:transition-colors astw:border astw:border-transparent",
+  "astw:bg-transparent astw:text-left astw:cursor-pointer astw:[&_svg]:size-4 astw:[&_svg]:shrink-0"
+), Hs = "astw:hover:bg-accent astw:hover:text-accent-foreground astw:outline-none astw:focus-visible:ring-2 astw:focus-visible:ring-ring astw:focus-visible:ring-offset-2", Us = "astw:pointer-events-none astw:opacity-50";
+function Ks({ action: t }) {
+  const { key: e, label: s, icon: r, onClick: n, disabled: o, loading: i } = t, l = !!o || !!i, u = /* @__PURE__ */ c(T, { children: [
+    /* @__PURE__ */ a("span", { className: Os, "aria-hidden": !0, children: i ? /* @__PURE__ */ a(Ws, {}) : r }),
+    /* @__PURE__ */ a("span", { className: "astw:min-w-0 astw:truncate", children: s })
+  ] }), d = w(
+    js,
+    l ? Us : Hs
+  );
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: d,
+      onClick: l ? void 0 : n,
+      disabled: l,
+      "aria-disabled": l,
+      "aria-busy": i,
+      "data-slot": "action-panel-item",
+      "data-key": e,
+      children: u
+    }
+  );
+}
+function Dr({ title: t, actions: e, className: s }) {
+  return /* @__PURE__ */ c(
     "div",
     {
-      ref: r,
-      className: m("astw:min-w-0 astw:flex astw:flex-col astw:gap-4", t),
-      ...s,
-      children: e
+      className: w(
+        "astw:min-w-[278px] astw:w-full astw:bg-card astw:text-card-foreground astw:rounded-xl astw:border astw:shadow-xs",
+        s
+      ),
+      children: [
+        /* @__PURE__ */ a("div", { className: "astw:px-4 astw:pt-6 astw:pb-4", children: /* @__PURE__ */ a("h3", { className: "astw:text-lg astw:font-semibold astw:leading-none astw:pl-3", children: t }) }),
+        /* @__PURE__ */ a("div", { className: "astw:px-4 astw:pb-4", children: e.length === 0 ? /* @__PURE__ */ a("p", { className: "astw:py-2 astw:pl-3 astw:text-sm astw:text-muted-foreground", children: "No actions available" }) : /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-0", role: "list", children: e.map((r) => /* @__PURE__ */ a("div", { role: "listitem", children: /* @__PURE__ */ a(Ks, { action: r }) }, r.key)) }) })
+      ]
+    }
+  );
+}
+const gt = b.forwardRef(
+  ({ className: t, style: e, children: s, area: r, ...n }, o) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: o,
+      "data-layout-column": "",
+      ...r ? { "data-area": r } : {},
+      className: w("astw:min-w-0 astw:flex astw:flex-col astw:gap-4", t),
+      style: e,
+      ...n,
+      children: s
     }
   )
 );
-xt.displayName = "Layout.Column";
-function bs({ columns: t, className: e, gap: s = 4, title: r, actions: n, children: o }) {
-  if (process.env.NODE_ENV !== "production") {
-    const h = f.Children.toArray(o).reduce((p, g) => f.isValidElement(g) && g.type === xt ? p + 1 : p, 0);
-    if (h !== t)
-      throw new Error(
-        `Layout: Expected exactly ${t} Layout.Column child${t === 1 ? "" : "ren"}, but found ${h}. Please ensure the number of <Layout.Column> children matches the \`columns={${t}}\` prop.`
-      );
-  }
-  const l = m(
-    "astw:flex astw:w-full",
-    s === 4 ? "astw:gap-4" : s === 6 ? "astw:gap-6" : s === 8 ? "astw:gap-8" : "astw:gap-4",
-    // 1 column: Always stack vertically
-    t === 1 && "astw:flex-col",
-    // 2 columns: Stack on mobile, side-by-side on desktop (lg: ≥1024px)
-    // Main column flexible, side column fixed 360px
-    t === 2 && ["astw:flex-col", "astw:lg:flex-row"],
-    // 3 columns: Stack on mobile, 3 columns side-by-side on desktop (xl: ≥1280px)
-    // Outer columns fixed 360px, middle column flexible
-    t === 3 && ["astw:flex-col", "astw:xl:flex-row"],
-    e
-  ), u = f.useMemo(() => t === 1 ? f.Children.map(o, (d) => d) : t === 2 ? f.Children.map(o, (d, h) => f.isValidElement(d) ? f.cloneElement(d, {
-    className: m(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React child props type is not known
-      d.props.className,
-      h === 0 ? "astw:lg:flex-1" : "astw:lg:min-w-[280px]"
-      // Second column: fixed 280px
-    )
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React.cloneElement requires type assertion
-  }) : d) : t === 3 ? f.Children.map(o, (d, h) => f.isValidElement(d) ? f.cloneElement(d, {
-    className: m(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React child props type is not known
-      d.props.className,
-      h === 0 ? "astw:xl:min-w-[320px]" : h === 2 ? "astw:xl:min-w-[280px]" : "astw:xl:flex-1"
-      // Middle column: flexible
-    )
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React.cloneElement requires type assertion
-  }) : d) : o, [o, t]), w = r || n && n.length > 0;
-  return /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-col", children: [
-    w && /* @__PURE__ */ c(
-      "header",
-      {
-        className: "astw:w-full astw:flex astw:justify-between astw:items-center",
-        style: { paddingTop: "1rem", paddingBottom: "1rem" },
-        children: [
-          r && /* @__PURE__ */ a("h1", { style: { fontSize: "1.5rem", fontWeight: "bold" }, children: r }),
-          n && n.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: n.map((d, h) => /* @__PURE__ */ a(f.Fragment, { children: d }, h)) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ a("div", { style: { padding: w ? "0 0 1rem 0" : "1rem 0 1rem 0" }, children: /* @__PURE__ */ a("div", { className: l, children: u }) })
+gt.displayName = "Layout.Column";
+function bt({ title: t, actions: e, children: s }) {
+  const r = t || e != null && e.length > 0;
+  return /* @__PURE__ */ c("header", { "data-layout-header": "", className: "astw:flex astw:w-full astw:flex-col", children: [
+    r && /* @__PURE__ */ c("div", { className: "astw:flex astw:w-full astw:flex-1 astw:items-center astw:justify-between astw:pt-4", children: [
+      t && /* @__PURE__ */ a("h1", { className: "astw:text-2xl astw:font-bold astw:tracking-tight", children: t }),
+      e != null && e.length > 0 && /* @__PURE__ */ a("div", { className: "astw:ml-auto astw:flex astw:gap-2 astw:items-center", children: e.map((n, o) => /* @__PURE__ */ a(b.Fragment, { children: n }, o)) })
+    ] }),
+    s != null && s !== !1 && /* @__PURE__ */ a("div", { className: "astw:w-full", children: s })
   ] });
 }
-bs.Column = xt;
-function Zs() {
-  return {
-    for(t, ...e) {
-      const s = e[0];
-      return s ? t.replace(/:([^/?]+)|\*([^/?]+)/g, (r, n, o) => n ? encodeURIComponent(s[n] ?? "") : (s[o] ?? "").split("/").map((l) => encodeURIComponent(l)).join("/")) : t;
+bt.displayName = "Layout.Header";
+const Vs = {
+  left: "320px",
+  main: "1fr",
+  right: "280px"
+}, Gs = {
+  2: "1fr 280px",
+  3: "320px 1fr 280px"
+};
+function Pe({ columns: t, className: e, style: s, gap: r, title: n, actions: o, children: i }) {
+  const l = [];
+  let u = !1;
+  b.Children.forEach(i, (p) => {
+    b.isValidElement(p) && (p.type === bt ? u = !0 : p.type === gt && l.push(p.props.area));
+  });
+  const d = l.length, m = t ?? d;
+  t !== void 0 && t !== d && console.warn(
+    `Layout: \`columns\` prop (${t}) does not match Layout.Column child count (${d}). The \`columns\` prop is deprecated; remove it to use auto-detection.`
+  );
+  const h = l.some((p) => p != null);
+  let f;
+  m >= 2 && (h ? f = l.map((p) => p ? Vs[p] : "1fr").join(" ") : f = Gs[m] ?? `repeat(${m}, 1fr)`);
+  const v = r === void 0 || r === 4 ? "astw:gap-4" : r === 6 ? "astw:gap-6" : r === 8 ? "astw:gap-8" : "astw:gap-4", g = !u && (n || o != null && o.length > 0);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: w(
+        "astw:grid astw:grid-cols-1 astw:w-full",
+        u || g ? "astw:pb-4" : "astw:py-4",
+        v,
+        "astw:[&>[data-layout-header]]:col-span-full",
+        m === 2 && f && "astw:lg:grid-cols-[var(--layout-cols)]",
+        m >= 3 && f && "astw:xl:grid-cols-[var(--layout-cols)]",
+        e
+      ),
+      style: {
+        ...s,
+        ...f ? { "--layout-cols": f } : void 0
+      },
+      children: [
+        g && /* @__PURE__ */ c(
+          "header",
+          {
+            "data-layout-header": "",
+            className: "astw:w-full astw:flex astw:justify-between astw:items-center astw:pt-4",
+            children: [
+              n && /* @__PURE__ */ a("h1", { className: "astw:text-2xl astw:font-bold astw:tracking-tight", children: n }),
+              o != null && o.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: o.map((p, x) => /* @__PURE__ */ a(b.Fragment, { children: p }, x)) })
+            ]
+          }
+        ),
+        i
+      ]
     }
-  };
+  );
+}
+Pe.Column = gt;
+Pe.Header = bt;
+function De({ className: t, containerClassName: e, ...s }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: w("astw:relative astw:w-full astw:overflow-x-auto", e),
+      children: /* @__PURE__ */ a(
+        "table",
+        {
+          "data-slot": "table",
+          className: w("astw:w-full astw:caption-bottom astw:text-sm", t),
+          ...s
+        }
+      )
+    }
+  );
+}
+De.displayName = "Table.Root";
+function Me({ className: t, ...e }) {
+  return /* @__PURE__ */ a("thead", { "data-slot": "table-header", className: w("astw:[&_tr]:border-b", t), ...e });
+}
+Me.displayName = "Table.Header";
+function Ae({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: w("astw:[&_tr:last-child]:border-0", t),
+      ...e
+    }
+  );
+}
+Ae.displayName = "Table.Body";
+function Be({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: w("astw:border-t astw:font-medium astw:[&>tr]:last:border-b-0", t),
+      ...e
+    }
+  );
+}
+Be.displayName = "Table.Footer";
+function Ee({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: w(
+        "astw:hover:bg-muted/50 astw:data-[state=selected]:bg-muted astw:border-b astw:transition-colors",
+        t
+      ),
+      ...e
+    }
+  );
+}
+Ee.displayName = "Table.Row";
+function Ie({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: w(
+        "astw:text-foreground astw:h-10 astw:px-2 astw:text-left astw:align-middle astw:font-medium astw:whitespace-nowrap astw:[&:has([role=checkbox])]:pr-0 astw:[&>[role=checkbox]]:translate-y-[2px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+Ie.displayName = "Table.Head";
+function Le({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: w(
+        "astw:p-2 astw:align-middle astw:whitespace-nowrap astw:[&:has([role=checkbox])]:pr-0 astw:[&>[role=checkbox]]:translate-y-[2px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+Le.displayName = "Table.Cell";
+function $e({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: w("astw:text-muted-foreground astw:mt-4 astw:text-sm", t),
+      ...e
+    }
+  );
 }
+$e.displayName = "Table.Caption";
+const Mr = { Root: De, Header: Me, Body: Ae, Footer: Be, Row: Ee, Head: Ie, Cell: Le, Caption: $e };
 export {
-  te as AppShell,
-  Gs as AuthProvider,
-  ts as Badge,
-  Ks as CommandPalette,
-  ka as DefaultSidebar,
-  Xs as DescriptionCard,
-  bs as Layout,
-  er as Link,
-  Os as SidebarGroup,
-  Fs as SidebarItem,
-  Us as SidebarLayout,
-  js as SidebarSeparator,
-  Vs as WithGuard,
-  Xa as badgeVariants,
-  Hs as createAuthClient,
-  Zs as createTypedPaths,
-  $e as defineI18nLabels,
-  $s as defineModule,
-  Ws as defineResource,
-  zs as hidden,
-  Is as pass,
-  _s as redirectTo,
-  jt as useAppShell,
-  C as useAppShellConfig,
-  Ls as useAppShellData,
-  qs as useAuth,
-  Ys as useAuthSuspense,
-  ar as useLocation,
-  sr as useNavigate,
-  Na as usePageMeta,
-  rr as useParams,
-  nr as useRouteError,
-  or as useSearchParams,
-  Qe as useTheme,
-  Qs as useToast
+  Dr as ActionPanel,
+  Gt as AppShell,
+  Sr as AuthProvider,
+  Ns as Badge,
+  V as Button,
+  xr as CommandPalette,
+  Ja as DefaultSidebar,
+  Pr as DescriptionCard,
+  ot as Dialog,
+  Ia as Input,
+  Pe as Layout,
+  Er as Link,
+  k as Sheet,
+  gr as SidebarGroup,
+  pr as SidebarItem,
+  vr as SidebarLayout,
+  br as SidebarSeparator,
+  Mr as Table,
+  C as Tooltip,
+  yr as WithGuard,
+  vs as badgeVariants,
+  ia as buttonVariants,
+  Nr as createAuthClient,
+  kr as createTypedPaths,
+  wa as defineI18nLabels,
+  hr as defineModule,
+  fr as defineResource,
+  ur as hidden,
+  wr as pass,
+  mr as redirectTo,
+  $t as useAppShell,
+  D as useAppShellConfig,
+  dr as useAppShellData,
+  Cr as useAuth,
+  Tr as useAuthSuspense,
+  Ir as useLocation,
+  Lr as useNavigate,
+  Xa as usePageMeta,
+  $r as useParams,
+  _r as useRouteError,
+  zr as useSearchParams,
+  Ca as useTheme,
+  Rr as useToast
 };