@tailor-platform/app-shell 0.18.0 → 0.19.0

package/dist/app-shell.js

@@ -1,24 +1,25 @@
-import { jsx as a, jsxs as c, Fragment as N } from "react/jsx-runtime";
-import { AlertCircle as Y, Table as ft, XIcon as vt, PanelLeftIcon as xt, ChevronRight as D, SunIcon as yt } from "lucide-react";
-import * as b from "react";
-import { createContext as $, useContext as F, useState as K, useMemo as H, useEffect as U, useCallback as Q } from "react";
-import { useRouteError as Tt, isRouteErrorResponse as St, Outlet as W, NavLink as Ct, redirect as ot, Navigate as Nt, createMemoryRouter as kt, createBrowserRouter as Bt, RouterProvider as Pt, useHref as Rt, Link as _t, useLocation as it, useMatch as Et } from "react-router";
-import { Link as sa, useLocation as ra, useNavigate as na, useParams as oa, useRouteError as ia, useSearchParams as la } from "react-router";
-import { Slot as P } from "@radix-ui/react-slot";
-import { cva as lt } from "class-variance-authority";
-import { clsx as It } from "clsx";
-import { twMerge as At } from "tailwind-merge";
+import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
+import { AlertCircle as G, Table as ht, XIcon as bt, PanelLeftIcon as ft, ChevronRight as I, SunIcon as gt } from "lucide-react";
+import * as g from "react";
+import { createContext as O, useContext as $, useState as j, useMemo as U, useEffect as L } from "react";
+import { useRouteError as pt, isRouteErrorResponse as vt, Outlet as H, NavLink as xt, redirect as at, Navigate as yt, createMemoryRouter as Tt, createBrowserRouter as Nt, RouterProvider as Ct, useHref as St, Link as kt, useLocation as st, useMatch as Bt } from "react-router";
+import { Link as Ze, useLocation as ta, useNavigate as ea, useParams as aa, useRouteError as sa, useSearchParams as ra } from "react-router";
+import { Slot as R } from "@radix-ui/react-slot";
+import { cva as rt } from "class-variance-authority";
+import { clsx as Rt } from "clsx";
+import { twMerge as Et } from "tailwind-merge";
 import { capitalCase as k } from "change-case";
-import { Toaster as Lt } from "sonner";
-import * as V from "@radix-ui/react-collapsible";
+import { Toaster as At } from "sonner";
+import * as W from "@radix-ui/react-collapsible";
 import "@radix-ui/react-separator";
 import * as x from "@radix-ui/react-dialog";
-import * as S from "@radix-ui/react-tooltip";
-import * as M from "oauth4webapi";
+import * as N from "@radix-ui/react-tooltip";
+import { print as Lt } from "graphql";
+import { createAuthClient as Mt } from "@tailor-platform/auth-browser-client";
 function u(...t) {
-  return At(It(t));
+  return Et(Rt(t));
 }
-const Mt = lt(
+const _t = rt(
   "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: {
@@ -51,15 +52,15 @@ function B({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? P : "button",
+    r ? R : "button",
     {
       "data-slot": "button",
-      className: u(Mt({ variant: e, size: s, className: t })),
+      className: u(_t({ variant: e, size: s, className: t })),
       ...n
     }
   );
 }
-const C = "en", zt = () => {
+const C = "en", Pt = () => {
   try {
     if (typeof navigator > "u")
       return C;
@@ -68,13 +69,13 @@ const C = "en", zt = () => {
   } catch {
     return C;
   }
-}, q = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, dt = (t) => {
-  const e = q(t);
+}, F = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, nt = (t) => {
+  const e = F(t);
   return (s, r) => e(s, typeof s == "string" ? s : k(r));
-}, Dt = () => {
-  const { configurations: t } = y(), e = q(t.locale);
+}, It = () => {
+  const { configurations: t } = y(), e = F(t.locale);
   return (s, r) => e(s, r);
-}, Ot = (t) => {
+}, zt = (t) => {
   const e = (s) => (r) => t[s ?? C]?.[r] ?? t.en[r];
   return {
     /**
@@ -130,7 +131,7 @@ const C = "en", zt = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, jt = Ot({
+}, Dt = zt({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -165,14 +166,14 @@ const C = "en", zt = () => {
     close: "閉じる",
     more: "その他"
   }
-}), R = jt.useT, E = () => {
-  const t = Tt(), e = R(), s = {
+}), E = Dt.useT, M = () => {
+  const t = pt(), e = E(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (St(t) && t.status === 404)
+  if (vt(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(Y, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ a(G, { 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") }),
@@ -190,7 +191,7 @@ const C = "en", zt = () => {
     ] }) });
   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(Y, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ a(G, { 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 }),
@@ -206,35 +207,35 @@ const C = "en", zt = () => {
       )
     ] })
   ] }) });
-}, $t = (t) => ({
+}, Ot = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(E, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(M, {}),
   basePath: t.basePath,
-  locale: t.locale ?? zt()
-}), ct = $({
+  locale: t.locale ?? Pt()
+}), ot = O({
   navItems: [],
   configurations: {
     modules: [],
     settingsResources: [],
-    errorBoundary: /* @__PURE__ */ a(E, {}),
+    errorBoundary: /* @__PURE__ */ a(M, {}),
     locale: C
   }
-}), y = () => F(ct), Ft = () => {
-  const t = R();
-  return /* @__PURE__ */ c(N, { children: [
+}), y = () => $(ot), $t = () => {
+  const t = E();
+  return /* @__PURE__ */ c(S, { children: [
     /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
     /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
   ] });
-}, J = () => /* @__PURE__ */ c(N, { children: [
-  /* @__PURE__ */ a(W, {}),
-  /* @__PURE__ */ a(Lt, {})
-] }), Kt = () => {
-  const { configurations: t } = y(), e = R(), s = Dt();
+}, V = () => /* @__PURE__ */ c(S, { children: [
+  /* @__PURE__ */ a(H, {}),
+  /* @__PURE__ */ a(At, {})
+] }), jt = () => {
+  const { configurations: t } = y(), e = E(), s = It();
   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(Ct, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(xt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
         B,
         {
           variant: n ? "secondary" : "ghost",
@@ -246,29 +247,29 @@ const C = "en", zt = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(W, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(H, {}) })
   ] });
 };
-function qe(t) {
+function Fe(t) {
   return {
     redirectTo: t
   };
 }
-function O(t) {
+function z(t) {
   return typeof t == "object" && t !== null && "redirectTo" in t;
 }
-const wt = (t, e) => () => {
-  const { configurations: s } = y(), { metaTitle: r, fallbackTitle: n } = t, l = q(s.locale)(r, n);
+const it = (t, e) => () => {
+  const { configurations: s } = y(), { metaTitle: r, fallbackTitle: n } = t, l = F(s.locale)(r, n);
   return e(l);
 };
-function Ge(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o } = t, l = s?.title ?? k(e), d = k(e), i = O(r) ? {
+function Qe(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o } = t, l = s?.title ?? k(e), d = k(e), i = z(r) ? {
     // Use loader for redirects
     component: () => null,
-    loader: () => ot(r.redirectTo)
+    loader: () => at(r.redirectTo)
   } : {
     // Regular component with locale-aware title
-    component: wt(
+    component: it(
       { metaTitle: l, fallbackTitle: d },
       (w) => r({ title: w, resources: n })
     )
@@ -282,14 +283,14 @@ function Ge(t) {
       title: l,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: !O(r),
+      menuItemClickable: !z(r),
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(E, {})
+    errorBoundary: o || /* @__PURE__ */ a(M, {})
   };
 }
-function Xe(t) {
+function Ke(t) {
   const { path: e, component: s, subResources: r, meta: n, errorBoundary: o } = t, l = n?.title ?? k(e), d = k(e);
   return {
     _type: "resource",
@@ -300,15 +301,15 @@ function Xe(t) {
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: wt(
+    component: it(
       { metaTitle: l, fallbackTitle: d },
       (i) => s({ title: i, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(E, {})
+    errorBoundary: o ?? /* @__PURE__ */ a(M, {})
   };
 }
-const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) => {
+const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (t, e, s) => {
   const r = t.errorBoundary || s, n = {
     index: !0,
     Component: t.component,
@@ -317,38 +318,38 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
   return {
     path: t.path,
     ...t.errorBoundary && {
-      ErrorBoundary: G(t.errorBoundary)
+      ErrorBoundary: Q(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
         n,
         ...e.map(
-          (o) => ut(o, o.subResources, r)
+          (o) => lt(o, o.subResources, r)
         )
       ]
     } : {
       children: [n]
     }
   };
-}, Ht = (t) => t.map(
-  (e) => ut(e, e.resources, e.errorBoundary)
-), Ut = ({
+}, Ut = (t) => t.map(
+  (e) => lt(e, e.resources, e.errorBoundary)
+), Ht = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = O(s) ? {
+  const r = z(s) ? {
     index: !0,
-    loader: () => ot(s.redirectTo)
+    loader: () => at(s.redirectTo)
   } : {
     index: !0,
-    Component: s ?? Ft
+    Component: s ?? $t
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        Nt,
+        yt,
         {
           to: e[0].path,
           relative: "path",
@@ -358,12 +359,12 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
     },
     {
       path: "settings",
-      Component: Kt,
+      Component: jt,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: G(o.errorBoundary)
+          ErrorBoundary: Q(o.errorBoundary)
         }
       }))
     }
@@ -371,7 +372,7 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
   return [
     r,
     {
-      children: Ht(t)
+      children: Ut(t)
     },
     ...n,
     {
@@ -382,7 +383,7 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
     }
   ];
 }, Wt = (t) => {
-  const { configurations: e } = y(), { rootComponent: s, children: r } = t, n = Ut({
+  const { configurations: e } = y(), { rootComponent: s, children: r } = t, n = Ht({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
@@ -391,34 +392,34 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(W, {}),
-          ErrorBoundary: G(o),
+          element: /* @__PURE__ */ a(H, {}),
+          ErrorBoundary: Q(o),
           children: n
         }
       ] : n
     }
-  ], d = e.basePath ? "/" + e.basePath : void 0, i = t.memory ? kt(l, {
+  ], d = e.basePath ? "/" + e.basePath : void 0, i = t.memory ? Tt(l, {
     basename: d,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : Bt(l, {
+  }) : Nt(l, {
     basename: d
   });
-  return /* @__PURE__ */ a(Pt, { router: i });
-}, Vt = {
+  return /* @__PURE__ */ a(Ct, { router: i });
+}, Ft = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, mt = $(Vt);
-function qt({
+}, dt = O(Ft);
+function Qt({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = K(
+  const [n, o] = j(
     () => localStorage.getItem(e) || s
-  ), l = H(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  U(() => {
+  ), l = U(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  L(() => {
     const i = window.document.documentElement;
     i.classList.remove("light", "dark"), i.classList.add(l);
   }, [l]);
@@ -429,20 +430,20 @@ function qt({
       localStorage.setItem(e, i), o(i);
     }
   };
-  return /* @__PURE__ */ a(mt.Provider, { ...r, value: d, children: t });
+  return /* @__PURE__ */ a(dt.Provider, { ...r, value: d, children: t });
 }
-const Gt = () => {
-  const t = F(mt);
+const Kt = () => {
+  const t = $(dt);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, Ye = (t) => {
-  const [e, s] = K(!1);
-  U(function() {
+}, Ge = (t) => {
+  const [e, s] = j(!1);
+  L(function() {
     s(!0);
   }, []);
-  const r = $t(t), n = H(() => {
-    const o = t.modules, l = dt(r.locale);
+  const r = Ot(t), n = U(() => {
+    const o = t.modules, l = nt(r.locale);
     return o.map((d) => {
       const i = l(d.meta.title, d.path), w = d.resources.map((m) => ({
         title: l(m.meta.title, m.path),
@@ -452,14 +453,14 @@ const Gt = () => {
         title: i,
         url: d.meta.menuItemClickable ? d.path : void 0,
         clickable: d.component,
-        icon: d.meta.icon || /* @__PURE__ */ a(ft, {}),
+        icon: d.meta.icon || /* @__PURE__ */ a(ht, {}),
         isActive: !0,
         items: w
       };
     });
   }, [t.modules, r.locale]);
   return e ? /* @__PURE__ */ a(
-    ct.Provider,
+    ot.Provider,
     {
       value: {
         title: t.title,
@@ -467,58 +468,58 @@ const Gt = () => {
         configurations: r,
         navItems: n
       },
-      children: /* @__PURE__ */ a(qt, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Wt, { rootComponent: t.rootComponent, children: t.children }) })
+      children: /* @__PURE__ */ a(Qt, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Wt, { rootComponent: t.rootComponent, children: t.children }) })
     }
   ) : null;
 };
-function Xt({
+function Gt({
   ...t
 }) {
-  return /* @__PURE__ */ a(V.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(W.Root, { "data-slot": "collapsible", ...t });
 }
-function Z({
+function q({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    V.CollapsibleTrigger,
+    W.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function Yt({
+function Vt({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    V.CollapsibleContent,
+    W.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
     }
   );
 }
-const z = 768;
-function Qt() {
-  const [t, e] = b.useState(
+const P = 768;
+function qt() {
+  const [t, e] = g.useState(
     void 0
   );
-  return b.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${z - 1}px)`), r = () => {
-      e(window.innerWidth < z);
+  return g.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${P - 1}px)`), r = () => {
+      e(window.innerWidth < P);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < z), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < P), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function Jt({ ...t }) {
+function Xt({ ...t }) {
   return /* @__PURE__ */ a(x.Root, { "data-slot": "sheet", ...t });
 }
-function Zt({
+function Yt({
   ...t
 }) {
   return /* @__PURE__ */ a(x.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function te({
+function Jt({
   className: t,
   ...e
 }) {
@@ -534,14 +535,14 @@ function te({
     }
   );
 }
-function ee({
+function Zt({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ c(Zt, { children: [
-    /* @__PURE__ */ a(te, {}),
+  return /* @__PURE__ */ c(Yt, { children: [
+    /* @__PURE__ */ a(Jt, {}),
     /* @__PURE__ */ c(
       x.Content,
       {
@@ -558,7 +559,7 @@ function ee({
         children: [
           e,
           /* @__PURE__ */ c(x.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(vt, { className: "astw:size-4" }),
+            /* @__PURE__ */ a(bt, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -566,7 +567,7 @@ function ee({
     )
   ] });
 }
-function ae({ className: t, ...e }) {
+function te({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -576,7 +577,7 @@ function ae({ className: t, ...e }) {
     }
   );
 }
-function se({
+function ee({
   className: t,
   ...e
 }) {
@@ -589,7 +590,7 @@ function se({
     }
   );
 }
-function re({
+function ae({
   className: t,
   ...e
 }) {
@@ -602,12 +603,12 @@ function re({
     }
   );
 }
-function ht({
+function ct({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    S.Provider,
+    N.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -615,24 +616,24 @@ function ht({
     }
   );
 }
-function ne({
+function se({
   ...t
 }) {
-  return /* @__PURE__ */ a(ht, { children: /* @__PURE__ */ a(S.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ a(N.Root, { "data-slot": "tooltip", ...t }) });
 }
-function oe({
+function re({
   ...t
 }) {
-  return /* @__PURE__ */ a(S.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(N.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function ie({
+function ne({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ c(
-    S.Content,
+  return /* @__PURE__ */ a(N.Portal, { children: /* @__PURE__ */ c(
+    N.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
@@ -643,19 +644,19 @@ function ie({
       ...r,
       children: [
         s,
-        /* @__PURE__ */ a(S.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(N.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
       ]
     }
   ) });
 }
-const le = "sidebar_state", de = 3600 * 24 * 7, ce = "16rem", we = "18rem", ue = "3rem", me = "b", pt = b.createContext(null);
-function I() {
-  const t = b.useContext(pt);
+const oe = "sidebar_state", ie = 3600 * 24 * 7, le = "16rem", de = "18rem", ce = "3rem", we = "b", wt = g.createContext(null);
+function _() {
+  const t = g.useContext(wt);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function he({
+function ue({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -664,38 +665,38 @@ function he({
   children: o,
   ...l
 }) {
-  const d = Qt(), [i, w] = b.useState(!1), [m, h] = b.useState(t), g = e ?? m, v = b.useCallback(
-    (p) => {
-      const f = typeof p == "function" ? p(g) : p;
-      s ? s(f) : h(f), document.cookie = `${le}=${f}; path=/; max-age=${de}`;
+  const d = qt(), [i, w] = g.useState(!1), [m, h] = g.useState(t), f = e ?? m, v = g.useCallback(
+    (b) => {
+      const p = typeof b == "function" ? b(f) : b;
+      s ? s(p) : h(p), document.cookie = `${oe}=${p}; path=/; max-age=${ie}`;
     },
-    [s, g]
-  ), T = b.useCallback(() => d ? w((p) => !p) : v((p) => !p), [d, v, w]);
-  b.useEffect(() => {
-    const p = (f) => {
-      f.key === me && (f.metaKey || f.ctrlKey) && (f.preventDefault(), T());
+    [s, f]
+  ), T = g.useCallback(() => d ? w((b) => !b) : v((b) => !b), [d, v, w]);
+  g.useEffect(() => {
+    const b = (p) => {
+      p.key === we && (p.metaKey || p.ctrlKey) && (p.preventDefault(), T());
     };
-    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
   }, [T]);
-  const _ = g ? "expanded" : "collapsed", X = b.useMemo(
+  const A = f ? "expanded" : "collapsed", K = g.useMemo(
     () => ({
-      state: _,
-      open: g,
+      state: A,
+      open: f,
       setOpen: v,
       isMobile: d,
       openMobile: i,
       setOpenMobile: w,
       toggleSidebar: T
     }),
-    [_, g, v, d, i, w, T]
+    [A, f, v, d, i, w, T]
   );
-  return /* @__PURE__ */ a(pt.Provider, { value: X, children: /* @__PURE__ */ a(ht, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(wt.Provider, { value: K, children: /* @__PURE__ */ a(ct, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": ce,
-        "--sidebar-width-icon": ue,
+        "--sidebar-width": le,
+        "--sidebar-width-icon": ce,
         ...n
       },
       className: u(
@@ -707,7 +708,7 @@ function he({
     }
   ) }) });
 }
-function pe({
+function me({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -715,7 +716,7 @@ function pe({
   children: n,
   ...o
 }) {
-  const { isMobile: l, state: d, openMobile: i, setOpenMobile: w } = I();
+  const { isMobile: l, state: d, openMobile: i, setOpenMobile: w } = _();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -727,21 +728,21 @@ function pe({
       ...o,
       children: n
     }
-  ) : l ? /* @__PURE__ */ a(Jt, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
-    ee,
+  ) : l ? /* @__PURE__ */ a(Xt, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
+    Zt,
     {
       "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": we
+        "--sidebar-width": de
       },
       side: t,
       children: [
-        /* @__PURE__ */ c(ae, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(se, { children: "Sidebar" }),
-          /* @__PURE__ */ a(re, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ c(te, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(ee, { children: "Sidebar" }),
+          /* @__PURE__ */ a(ae, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
@@ -796,12 +797,12 @@ function pe({
     }
   );
 }
-function gt({
+function ut({
   className: t,
   onClick: e,
   ...s
 }) {
-  const { toggleSidebar: r } = I();
+  const { toggleSidebar: r } = _();
   return /* @__PURE__ */ c(
     B,
     {
@@ -815,13 +816,13 @@ function gt({
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(xt, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(ft, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function ge({ className: t, ...e }) {
+function he({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -861,7 +862,7 @@ function fe({ className: t, ...e }) {
     }
   );
 }
-function ve({ className: t, ...e }) {
+function ge({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -872,7 +873,7 @@ function ve({ className: t, ...e }) {
     }
   );
 }
-function xe({ className: t, ...e }) {
+function pe({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -883,7 +884,7 @@ function xe({ className: t, ...e }) {
     }
   );
 }
-function ye({ className: t, ...e }) {
+function ve({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -894,7 +895,7 @@ function ye({ className: t, ...e }) {
     }
   );
 }
-const Te = lt(
+const xe = rt(
   "astw:peer/menu-button astw:flex astw:w-full astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:p-2 astw:text-left astw:text-sm astw:outline-hidden astw:ring-sidebar-ring astw:transition-[width,height,padding] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:focus-visible:ring-2 astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:group-has-data-[sidebar=menu-action]/menu-item:pr-8 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:font-medium astw:data-[active=true]:text-sidebar-accent-foreground astw:data-[state=open]:hover:bg-sidebar-accent astw:data-[state=open]:hover:text-sidebar-accent-foreground astw:group-data-[collapsible=icon]:size-8! astw:group-data-[collapsible=icon]:p-2! astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
   {
     variants: {
@@ -914,7 +915,7 @@ const Te = lt(
     }
   }
 );
-function tt({
+function X({
   asChild: t = !1,
   isActive: e = !1,
   variant: s = "default",
@@ -923,23 +924,23 @@ function tt({
   className: o,
   ...l
 }) {
-  const d = t ? P : "button", { isMobile: i, state: w } = I(), m = /* @__PURE__ */ a(
+  const d = t ? R : "button", { isMobile: i, state: w } = _(), m = /* @__PURE__ */ a(
     d,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: u(Te({ variant: s, size: r }), o),
+      className: u(xe({ variant: s, size: r }), o),
       ...l
     }
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ c(ne, { children: [
-    /* @__PURE__ */ a(oe, { asChild: !0, children: m }),
+  }), /* @__PURE__ */ c(se, { children: [
+    /* @__PURE__ */ a(re, { asChild: !0, children: m }),
     /* @__PURE__ */ a(
-      ie,
+      ne,
       {
         side: "right",
         align: "center",
@@ -949,14 +950,14 @@ function tt({
     )
   ] })) : m;
 }
-function et({
+function Y({
   className: t,
   asChild: e = !1,
   showOnHover: s = !1,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? P : "button",
+    e ? R : "button",
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
@@ -975,7 +976,7 @@ function et({
     }
   );
 }
-function Se({ className: t, ...e }) {
+function ye({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -990,7 +991,7 @@ function Se({ className: t, ...e }) {
     }
   );
 }
-function Ce({
+function Te({
   className: t,
   ...e
 }) {
@@ -1012,7 +1013,7 @@ function Ne({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    t ? P : "a",
+    t ? R : "a",
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
@@ -1030,17 +1031,17 @@ function Ne({
     }
   );
 }
-function j({ to: t, children: e, ...s }) {
+function D({ to: t, children: e, ...s }) {
   try {
-    return Rt(t), /* @__PURE__ */ a(_t, { to: t, ...s, children: e });
+    return St(t), /* @__PURE__ */ a(kt, { to: t, ...s, children: e });
   } catch {
     return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
   }
 }
-function at({ ...t }) {
+function J({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function st({ className: t, ...e }) {
+function Z({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1053,7 +1054,7 @@ function st({ className: t, ...e }) {
     }
   );
 }
-function rt({ className: t, ...e }) {
+function tt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1063,14 +1064,14 @@ function rt({ className: t, ...e }) {
     }
   );
 }
-function nt({
+function et({
   asChild: t,
   className: e,
   children: s,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? P : j,
+    t ? R : D,
     {
       "data-slot": "breadcrumb-link",
       className: u("astw:hover:text-foreground astw:transition-colors", e),
@@ -1079,7 +1080,7 @@ function nt({
     }
   );
 }
-function ke({
+function Ce({
   children: t,
   className: e,
   ...s
@@ -1092,12 +1093,12 @@ function ke({
       "aria-hidden": "true",
       className: u("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(D, {})
+      children: t ?? /* @__PURE__ */ a(I, {})
     }
   );
 }
-const Be = (t, e) => {
-  const s = dt(e);
+const Se = (t, e) => {
+  const s = nt(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1125,24 +1126,24 @@ const Be = (t, e) => {
     {}
   );
 };
-function Pe(t, e, s, r) {
-  const n = t.split("/").filter((i) => i !== ""), o = e && n[0] === e ? n.slice(1) : n, l = Be(s, r), d = o.map((i, w) => {
+function ke(t, e, s, r) {
+  const n = t.split("/").filter((i) => i !== ""), o = e && n[0] === e ? n.slice(1) : n, l = Se(s, r), d = o.map((i, w) => {
     const m = o.slice(0, w + 1).join("/");
     let h = l[m];
     if (!h) {
       const v = Object.entries(l).find(
         ([T]) => {
-          const _ = T.split("/").map((p) => p.startsWith(":") ? "[^/]+" : p).join("/");
-          return new RegExp(`^${_}$`).test(m);
+          const A = T.split("/").map((b) => b.startsWith(":") ? "[^/]+" : b).join("/");
+          return new RegExp(`^${A}$`).test(m);
         }
       )?.[1];
       v && (h = v);
     }
-    let g;
-    return h ? typeof h.breadcrumbTitle == "function" ? g = h.breadcrumbTitle(i) : typeof h.breadcrumbTitle == "string" ? g = h.breadcrumbTitle : g = h.title : g = decodeURIComponent(i), {
+    let f;
+    return h ? typeof h.breadcrumbTitle == "function" ? f = h.breadcrumbTitle(i) : typeof h.breadcrumbTitle == "string" ? f = h.breadcrumbTitle : f = h.title : f = decodeURIComponent(i), {
       segment: i,
       path: m,
-      title: g
+      title: f
     };
   });
   return {
@@ -1150,45 +1151,45 @@ function Pe(t, e, s, r) {
     segments: d
   };
 }
-const Re = () => {
-  const { open: t } = I();
-  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(gt, { className: "astw:-ml-2.5" }) });
-}, Qe = (t) => {
-  const e = t.children ? t.children({ Outlet: J }) : null, s = Gt(), r = () => {
+const Be = () => {
+  const { open: t } = _();
+  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(ut, { className: "astw:-ml-2.5" }) });
+}, Ve = (t) => {
+  const e = t.children ? t.children({ Outlet: V }) : null, s = Kt(), r = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a(he, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(_e, {}),
-    /* @__PURE__ */ c(ge, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+  return /* @__PURE__ */ a(ue, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(Re, {}),
+    /* @__PURE__ */ c(he, { 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(Re, {}),
-          /* @__PURE__ */ a(Ie, {})
+          /* @__PURE__ */ a(Be, {}),
+          /* @__PURE__ */ a(Ae, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(B, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(yt, {}) }) })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(B, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(gt, {}) }) })
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(J, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(V, {}) })
     ] })
   ] }) });
-}, _e = (t) => {
-  const { title: e, icon: s, navItems: r } = y(), { pathname: n } = it(), o = R(), l = /* @__PURE__ */ c(be, { children: [
+}, Re = (t) => {
+  const { title: e, icon: s, navItems: r } = y(), { pathname: n } = st(), o = E(), l = /* @__PURE__ */ c(be, { children: [
     s,
     /* @__PURE__ */ a("h1", { className: "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", children: e })
   ] });
-  return /* @__PURE__ */ c(pe, { variant: "inset", children: [
+  return /* @__PURE__ */ c(me, { variant: "inset", children: [
     /* @__PURE__ */ c("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
       t.header ?? l,
-      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(gt, { className: "astw:-ml-1" }) })
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(ut, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a(ve, { children: /* @__PURE__ */ a(xe, { children: r.map((i) => /* @__PURE__ */ a(
-      Xt,
+    /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a(ge, { children: /* @__PURE__ */ a(pe, { children: r.map((i) => /* @__PURE__ */ a(
+      Gt,
       {
         asChild: !0,
         defaultOpen: i.isActive,
-        children: /* @__PURE__ */ c(ye, { children: [
-          i.url ? /* @__PURE__ */ c(N, { children: [
-            /* @__PURE__ */ a(tt, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c(
-              j,
+        children: /* @__PURE__ */ c(ve, { children: [
+          i.url ? /* @__PURE__ */ c(S, { children: [
+            /* @__PURE__ */ a(X, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c(
+              D,
               {
                 to: i.url,
                 className: i.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1198,29 +1199,29 @@ const Re = () => {
                 ]
               }
             ) }),
-            !!i.items?.length && /* @__PURE__ */ a(Z, { asChild: !0, children: /* @__PURE__ */ c(et, { className: "astw:data-[state=open]:rotate-90", children: [
-              /* @__PURE__ */ a(D, {}),
+            !!i.items?.length && /* @__PURE__ */ a(q, { asChild: !0, children: /* @__PURE__ */ c(Y, { className: "astw:data-[state=open]:rotate-90", children: [
+              /* @__PURE__ */ a(I, {}),
               /* @__PURE__ */ a("span", { className: "astw:sr-only", children: o("toggle") })
             ] }) })
-          ] }) : /* @__PURE__ */ a(N, { children: /* @__PURE__ */ c(Z, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
-            /* @__PURE__ */ a(tt, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c("span", { className: "astw:flex astw:w-[100%]", children: [
+          ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(q, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
+            /* @__PURE__ */ a(X, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c("span", { className: "astw:flex astw:w-[100%]", children: [
               i.icon,
               /* @__PURE__ */ a("span", { children: i.title })
             ] }) }),
             !!i.items?.length && /* @__PURE__ */ a(
-              et,
+              Y,
               {
                 className: "astw-rotate-target",
                 asChild: !0,
                 children: /* @__PURE__ */ c("span", { children: [
-                  /* @__PURE__ */ a(D, {}),
+                  /* @__PURE__ */ a(I, {}),
                   /* @__PURE__ */ a("span", { className: "astw:sr-only", children: o("toggle") })
                 ] })
               }
             )
           ] }) }),
-          !!i.items?.length && /* @__PURE__ */ a(Yt, { children: /* @__PURE__ */ a(Se, { children: i.items?.map((w) => /* @__PURE__ */ a(Ce, { children: /* @__PURE__ */ a(Ne, { asChild: !0, children: /* @__PURE__ */ a(
-            j,
+          !!i.items?.length && /* @__PURE__ */ a(Vt, { children: /* @__PURE__ */ a(ye, { children: i.items?.map((w) => /* @__PURE__ */ a(Te, { children: /* @__PURE__ */ a(Ne, { asChild: !0, children: /* @__PURE__ */ a(
+            D,
             {
               to: w.url,
               className: w.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1234,188 +1235,82 @@ const Re = () => {
     t.footer ?? null
   ] });
 }, Ee = () => {
-  const { configurations: t } = y(), e = it();
-  return Pe(
+  const { configurations: t } = y(), e = st();
+  return ke(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, Ie = () => {
-  const { segments: t } = Ee(), e = Et("/:prefix/settings/:suffix"), s = R();
-  return e ? /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(nt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { children: t.map((r, n) => /* @__PURE__ */ c(
+}, Ae = () => {
+  const { segments: t } = Ee(), e = Bt("/:prefix/settings/:suffix"), s = E();
+  return e ? /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(Z, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(Z, { 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(rt, { children: /* @__PURE__ */ a(nt, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(ke, {})
+        /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(Ce, {})
       ]
     },
     n
   )) }) });
-}, A = "oauth_pkce_verifier", L = "oauth_state", Ae = ({
-  apiEndpoint: t,
-  clientId: e,
-  state: s,
-  codeChallenge: r,
-  redirectUri: n
-}) => {
-  const o = new URL(`${t}/oauth2/authorize`);
-  return o.searchParams.set("response_type", "code"), o.searchParams.set("client_id", e), o.searchParams.set(
-    "redirect_uri",
-    n ?? window.location.origin
-  ), o.searchParams.set("scope", "openid profile email"), o.searchParams.set("state", s), o.searchParams.set("code_challenge", r), o.searchParams.set("code_challenge_method", "S256"), o.toString();
-}, Le = async ({
-  code: t,
-  returnedState: e,
-  apiEndpoint: s,
-  clientId: r,
-  redirectUri: n
-}) => {
-  const o = sessionStorage.getItem(A), l = sessionStorage.getItem(L);
-  if (!t || !e || !o || !l) {
-    const i = [];
-    throw t || i.push("code"), e || i.push("returnedState"), o || i.push("code_verifier"), l || i.push("expectedState"), new Error(`Missing params: ${i.join(", ")}`);
-  }
-  if (e !== l)
-    throw new Error("State mismatch: possible CSRF attack");
-  const d = new URLSearchParams({
-    grant_type: "authorization_code",
-    client_id: r,
-    code: t,
-    redirect_uri: n ?? window.location.origin,
-    code_verifier: o
-  });
-  try {
-    const i = await fetch(`${s}/oauth2/token`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/x-www-form-urlencoded",
-        Accept: "application/json",
-        "X-Tailor-Nonce": crypto.randomUUID()
-      },
-      credentials: "include",
-      body: d.toString()
-    }), { access_token: w } = await i.json();
-    return w;
-  } catch (i) {
-    throw new Error(
-      `Token exchange failed: ${i instanceof Error ? i.message : String(i)}`
-    );
-  }
-}, Me = async () => {
-  const t = M.generateRandomCodeVerifier(), e = await M.calculatePKCECodeChallenge(t), s = M.generateRandomState();
-  return sessionStorage.setItem(A, t), sessionStorage.setItem(L, s), { codeChallenge: e, state: s };
-}, Je = async ({
-  currentUrl: t,
-  apiEndpoint: e,
-  clientId: s,
-  redirectUri: r
-}) => {
-  try {
-    const n = t.searchParams.get("code"), o = t.searchParams.get("state");
-    await Le({
-      apiEndpoint: e,
-      clientId: s,
-      code: n,
-      returnedState: o,
-      redirectUri: r
-    });
-  } catch (n) {
-    console.error(n);
-  } finally {
-    sessionStorage.removeItem(A), sessionStorage.removeItem(L), t.searchParams.delete("code"), t.searchParams.delete("state"), t.searchParams.delete("error"), t.searchParams.delete("error_description"), window.history.replaceState({}, document.title, t.toString());
-  }
-}, bt = $(void 0), Ze = () => {
-  const t = F(bt);
-  if (t === void 0)
-    throw new Error(
-      "useBuiltinIdpAuth must be used within an BuiltinIdPAuthContextProvider"
-    );
-  return t;
-}, ta = ({
-  apiEndpoint: t,
-  clientId: e,
-  redirectUri: s,
-  children: r
-}) => {
-  const [n, o] = K(!1), l = Q(async () => {
-    const { codeChallenge: i, state: w } = await Me(), m = Ae({
-      apiEndpoint: t,
-      clientId: e,
-      codeChallenge: i,
-      state: w,
-      redirectUri: s
-    });
-    window.location.href = m;
-  }, [t, e, s]);
-  U(() => {
-    (async () => (await (await fetch(`${t}/query`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "X-Tailor-Nonce": crypto.randomUUID()
-      },
-      credentials: "include",
-      // Include HTTP-only cookies
-      body: JSON.stringify({
-        query: "query Myself(){ me { id }}"
-      })
-    })).json()).data.me ? o(!0) : l())();
-  }, [t, l]);
-  const d = Q(async () => {
-    sessionStorage.removeItem(A), sessionStorage.removeItem(L);
-    try {
-      await fetch(`${t}/oauth2/revoke`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/x-www-form-urlencoded",
-          "X-Tailor-Nonce": crypto.randomUUID()
-        },
-        credentials: "include",
-        body: ""
-      }), window.location.href = "/";
-    } catch (i) {
-      console.error(i);
-    }
-  }, [t]);
+}, mt = O(null), qe = (t) => {
+  const e = U(
+    () => Mt({
+      clientId: t.clientId,
+      appUri: t.apiEndpoint,
+      redirectUri: t.redirectUri,
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : Lt(t.meQuery))
+    }),
+    [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
+  ), [s, r] = j(
+    () => e.getState()
+  );
+  L(() => {
+    t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), L(
+    () => e.addEventListener((o) => {
+      o.type === "auth_state_changed" && r(o.data);
+    }),
+    [e]
+  );
+  const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    bt.Provider,
+    mt.Provider,
     {
-      value: H(
-        () => ({
-          login: l,
-          logout: d
-        }),
-        [l, d]
-      ),
-      children: n ? r : null
+      value: {
+        authState: s,
+        login: async () => e.login(),
+        logout: async () => e.logout(),
+        checkAuthStatus: async () => e.checkAuthStatus(),
+        handleCallback: async () => e.handleCallback()
+      },
+      children: n
     }
   );
+}, Xe = () => {
+  const t = $(mt);
+  if (!t)
+    throw new Error("useAuth must be used within an AuthProvider");
+  return t;
 };
 export {
-  Ye as AppShell,
-  ta as BuiltinIdPAuthProvider,
-  _e as DefaultSidebar,
-  sa as Link,
-  L as OAUTH_STATE_KEY,
-  A as PKCE_VERIFIER_KEY,
-  Qe as SidebarLayout,
-  Ae as buildAuthorizationUrl,
-  Ot as defineI18nLabels,
-  Ge as defineModule,
-  Xe as defineResource,
-  Le as exchangeCodeForToken,
-  Je as handleOAuthCallback,
-  Me as prepareLogin,
-  qe as redirectToResource,
+  Ge as AppShell,
+  qe as AuthProvider,
+  Re as DefaultSidebar,
+  Ze as Link,
+  Ve as SidebarLayout,
+  zt as defineI18nLabels,
+  Qe as defineModule,
+  Ke as defineResource,
+  Fe as redirectToResource,
   y as useAppShell,
-  Ze as useBuiltinIdpAuth,
-  ra as useLocation,
-  na as useNavigate,
-  oa as useParams,
-  ia as useRouteError,
-  la as useSearchParams,
-  Gt as useTheme
+  Xe as useAuth,
+  ta as useLocation,
+  ea as useNavigate,
+  aa as useParams,
+  sa as useRouteError,
+  ra as useSearchParams,
+  Kt as useTheme
 };