@tailor-platform/app-shell 0.18.0 → 0.20.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 { capitalCase as k } from "change-case";
-import { Toaster as Lt } from "sonner";
-import * as V from "@radix-ui/react-collapsible";
+import { jsx as a, jsxs as c, Fragment as B } from "react/jsx-runtime";
+import { AlertCircle as q, Table as gt, XIcon as rt, PanelLeftIcon as bt, ChevronRight as z, SunIcon as pt, SearchIcon as vt } from "lucide-react";
+import * as y from "react";
+import { createContext as j, useContext as U, useState as T, useMemo as A, useEffect as C, useRef as xt, useCallback as O } from "react";
+import { useRouteError as yt, isRouteErrorResponse as Nt, Outlet as W, NavLink as Ct, redirect as nt, Navigate as St, createMemoryRouter as Tt, createBrowserRouter as kt, RouterProvider as Rt, useHref as Et, Link as Bt, useLocation as ot, useMatch as At, useNavigate as Pt } from "react-router";
+import { Link as ma, useLocation as ha, useNavigate as fa, useParams as ga, useRouteError as ba, useSearchParams as pa } from "react-router";
+import { Slot as D } from "@radix-ui/react-slot";
+import { cva as it } from "class-variance-authority";
+import { clsx as Lt } from "clsx";
+import { twMerge as Dt } from "tailwind-merge";
+import { capitalCase as P } from "change-case";
+import { Toaster as It } from "sonner";
+import * as H 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 v from "@radix-ui/react-dialog";
+import * as k from "@radix-ui/react-tooltip";
+import { print as _t } from "graphql";
+import { createAuthClient as Mt } from "@tailor-platform/auth-browser-client";
 function u(...t) {
-  return At(It(t));
+  return Dt(Lt(t));
 }
-const Mt = lt(
+const zt = it(
   "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,7 +44,7 @@ const Mt = lt(
     }
   }
 );
-function B({
+function L({
   className: t,
   variant: e,
   size: s,
@@ -51,31 +52,31 @@ function B({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? P : "button",
+    r ? D : "button",
     {
       "data-slot": "button",
-      className: u(Mt({ variant: e, size: s, className: t })),
+      className: u(zt({ variant: e, size: s, className: t })),
       ...n
     }
   );
 }
-const C = "en", zt = () => {
+const E = "en", Ot = () => {
   try {
     if (typeof navigator > "u")
-      return C;
+      return E;
     const t = navigator.languages?.[0] ?? navigator.language;
-    return t ? new Intl.Locale(t).language : C;
+    return t ? new Intl.Locale(t).language : E;
   } catch {
-    return C;
+    return E;
   }
-}, q = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, dt = (t) => {
-  const e = q(t);
-  return (s, r) => e(s, typeof s == "string" ? s : k(r));
-}, Dt = () => {
-  const { configurations: t } = y(), e = q(t.locale);
+}, F = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Q = (t) => {
+  const e = F(t);
+  return (s, r) => e(s, typeof s == "string" ? s : P(r));
+}, $t = () => {
+  const { configurations: t } = S(), e = F(t.locale);
   return (s, r) => e(s, r);
-}, Ot = (t) => {
-  const e = (s) => (r) => t[s ?? C]?.[r] ?? t.en[r];
+}, Kt = (t) => {
+  const e = (s) => (r) => t[s ?? E]?.[r] ?? t.en[r];
   return {
     /**
      * Hook to get the translated label resolver function.
@@ -97,7 +98,7 @@ const C = "en", zt = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = y(), r = e(s.locale);
+      const { configurations: s } = S(), r = e(s.locale);
       return ((n, ...o) => {
         const l = r(n);
         return typeof l == "function" ? l(o[0]) : l;
@@ -130,7 +131,7 @@ const C = "en", zt = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, jt = Ot({
+}, jt = Kt({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -146,7 +147,9 @@ const C = "en", zt = () => {
     sidebar: "Sidebar",
     sidebarDesc: "Displays the mobile sidebar.",
     close: "Close",
-    more: "More"
+    more: "More",
+    commandPaletteSearch: "Search pages...",
+    commandPaletteNoResults: "No results found"
   },
   ja: {
     error404Title: "404 ページが見つかりません",
@@ -163,21 +166,23 @@ const C = "en", zt = () => {
     sidebar: "サイドバー",
     sidebarDesc: "モバイル用サイドバーを表示します。",
     close: "閉じる",
-    more: "その他"
+    more: "その他",
+    commandPaletteSearch: "ページを検索...",
+    commandPaletteNoResults: "結果が見つかりません"
   }
-}), R = jt.useT, E = () => {
-  const t = Tt(), e = R(), s = {
+}), R = jt.useT, I = () => {
+  const t = yt(), e = R(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (St(t) && t.status === 404)
+  if (Nt(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(q, { 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(
-          B,
+          L,
           {
             variant: "outline",
             size: "sm",
@@ -190,12 +195,12 @@ 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(q, { 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(
-        B,
+        L,
         {
           variant: "outline",
           size: "sm",
@@ -206,36 +211,36 @@ const C = "en", zt = () => {
       )
     ] })
   ] }) });
-}, $t = (t) => ({
+}, Ut = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(E, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(I, {}),
   basePath: t.basePath,
-  locale: t.locale ?? zt()
-}), ct = $({
+  locale: t.locale ?? Ot()
+}), lt = j({
   navItems: [],
   configurations: {
     modules: [],
     settingsResources: [],
-    errorBoundary: /* @__PURE__ */ a(E, {}),
-    locale: C
+    errorBoundary: /* @__PURE__ */ a(I, {}),
+    locale: E
   }
-}), y = () => F(ct), Ft = () => {
+}), S = () => U(lt), Wt = () => {
   const t = R();
-  return /* @__PURE__ */ c(N, { children: [
+  return /* @__PURE__ */ c(B, { 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: [
+}, X = () => /* @__PURE__ */ c(B, { children: [
   /* @__PURE__ */ a(W, {}),
-  /* @__PURE__ */ a(Lt, {})
-] }), Kt = () => {
-  const { configurations: t } = y(), e = R(), s = Dt();
+  /* @__PURE__ */ a(It, {})
+] }), Ht = () => {
+  const { configurations: t } = S(), e = R(), s = $t();
   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(
-        B,
+        L,
         {
           variant: n ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
@@ -249,26 +254,26 @@ const C = "en", zt = () => {
     /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(W, {}) })
   ] });
 };
-function qe(t) {
+function sa(t) {
   return {
     redirectTo: t
   };
 }
-function O(t) {
+function $(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 dt = (t, e) => () => {
+  const { configurations: s } = S(), { 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 ra(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o } = t, l = s?.title ?? P(e), d = P(e), i = $(r) ? {
     // Use loader for redirects
     component: () => null,
-    loader: () => ot(r.redirectTo)
+    loader: () => nt(r.redirectTo)
   } : {
     // Regular component with locale-aware title
-    component: wt(
+    component: dt(
       { metaTitle: l, fallbackTitle: d },
       (w) => r({ title: w, resources: n })
     )
@@ -282,15 +287,15 @@ function Ge(t) {
       title: l,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: !O(r),
+      menuItemClickable: !$(r),
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(E, {})
+    errorBoundary: o || /* @__PURE__ */ a(I, {})
   };
 }
-function Xe(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o } = t, l = n?.title ?? k(e), d = k(e);
+function na(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o } = t, l = n?.title ?? P(e), d = P(e);
   return {
     _type: "resource",
     type: "component",
@@ -300,15 +305,15 @@ function Xe(t) {
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: wt(
+    component: dt(
       { metaTitle: l, fallbackTitle: d },
       (i) => s({ title: i, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(E, {})
+    errorBoundary: o ?? /* @__PURE__ */ a(I, {})
   };
 }
-const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) => {
+const G = (t) => () => /* @__PURE__ */ a(B, { children: t }), ct = (t, e, s) => {
   const r = t.errorBoundary || s, n = {
     index: !0,
     Component: t.component,
@@ -323,32 +328,32 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
       children: [
         n,
         ...e.map(
-          (o) => ut(o, o.subResources, r)
+          (o) => ct(o, o.subResources, r)
         )
       ]
     } : {
       children: [n]
     }
   };
-}, Ht = (t) => t.map(
-  (e) => ut(e, e.resources, e.errorBoundary)
-), Ut = ({
+}, Ft = (t) => t.map(
+  (e) => ct(e, e.resources, e.errorBoundary)
+), Qt = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = O(s) ? {
+  const r = $(s) ? {
     index: !0,
-    loader: () => ot(s.redirectTo)
+    loader: () => nt(s.redirectTo)
   } : {
     index: !0,
-    Component: s ?? Ft
+    Component: s ?? Wt
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        Nt,
+        St,
         {
           to: e[0].path,
           relative: "path",
@@ -358,7 +363,7 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
     },
     {
       path: "settings",
-      Component: Kt,
+      Component: Ht,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
@@ -371,7 +376,7 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
   return [
     r,
     {
-      children: Ht(t)
+      children: Ft(t)
     },
     ...n,
     {
@@ -381,8 +386,8 @@ 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({
+}, Gt = (t) => {
+  const { configurations: e } = S(), { rootComponent: s, children: r } = t, n = Qt({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
@@ -397,28 +402,28 @@ const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) =>
         }
       ] : 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, {
+  }) : kt(l, {
     basename: d
   });
-  return /* @__PURE__ */ a(Pt, { router: i });
+  return /* @__PURE__ */ a(Rt, { router: i });
 }, Vt = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, mt = $(Vt);
+}, wt = j(Vt);
 function qt({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = K(
+  const [n, o] = T(
     () => localStorage.getItem(e) || s
-  ), l = H(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  U(() => {
+  ), l = A(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  C(() => {
     const i = window.document.documentElement;
     i.classList.remove("light", "dark"), i.classList.add(l);
   }, [l]);
@@ -429,37 +434,37 @@ function qt({
       localStorage.setItem(e, i), o(i);
     }
   };
-  return /* @__PURE__ */ a(mt.Provider, { ...r, value: d, children: t });
+  return /* @__PURE__ */ a(wt.Provider, { ...r, value: d, children: t });
 }
-const Gt = () => {
-  const t = F(mt);
+const Xt = () => {
+  const t = U(wt);
   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() {
+}, oa = (t) => {
+  const [e, s] = T(!1);
+  C(function() {
     s(!0);
   }, []);
-  const r = $t(t), n = H(() => {
-    const o = t.modules, l = dt(r.locale);
+  const r = Ut(t), n = A(() => {
+    const o = t.modules, l = Q(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),
-        url: `${d.path}/${m.path}`
+      const i = l(d.meta.title, d.path), w = d.resources.map((h) => ({
+        title: l(h.meta.title, h.path),
+        url: `${d.path}/${h.path}`
       }));
       return {
         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(gt, {}),
         isActive: !0,
         items: w
       };
     });
   }, [t.modules, r.locale]);
   return e ? /* @__PURE__ */ a(
-    ct.Provider,
+    lt.Provider,
     {
       value: {
         title: t.title,
@@ -467,63 +472,79 @@ 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(Gt, { rootComponent: t.rootComponent, children: t.children }) })
     }
   ) : null;
 };
-function Xt({
+function Yt({
   ...t
 }) {
-  return /* @__PURE__ */ a(V.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(H.Root, { "data-slot": "collapsible", ...t });
 }
-function Z({
+function Y({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    V.CollapsibleTrigger,
+    H.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function Yt({
+function Jt({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    V.CollapsibleContent,
+    H.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
     }
   );
 }
-const z = 768;
-function Qt() {
-  const [t, e] = b.useState(
+const M = 768;
+function Zt() {
+  const [t, e] = y.useState(
     void 0
   );
-  return b.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${z - 1}px)`), r = () => {
-      e(window.innerWidth < z);
+  return y.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${M - 1}px)`), r = () => {
+      e(window.innerWidth < M);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < z), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < M), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function Jt({ ...t }) {
-  return /* @__PURE__ */ a(x.Root, { "data-slot": "sheet", ...t });
+function te({ className: t, type: e, ...s }) {
+  return /* @__PURE__ */ a(
+    "input",
+    {
+      type: e,
+      "data-slot": "input",
+      className: u(
+        "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",
+        t
+      ),
+      ...s
+    }
+  );
+}
+function ee({ ...t }) {
+  return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
 }
-function Zt({
+function ae({
   ...t
 }) {
-  return /* @__PURE__ */ a(x.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function te({
+function se({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    x.Overlay,
+    v.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: u(
@@ -534,16 +555,16 @@ function te({
     }
   );
 }
-function ee({
+function re({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ c(Zt, { children: [
-    /* @__PURE__ */ a(te, {}),
+  return /* @__PURE__ */ c(ae, { children: [
+    /* @__PURE__ */ a(se, {}),
     /* @__PURE__ */ c(
-      x.Content,
+      v.Content,
       {
         "data-slot": "sheet-content",
         className: u(
@@ -557,8 +578,8 @@ function ee({
         ...r,
         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__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
+            /* @__PURE__ */ a(rt, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -566,7 +587,7 @@ function ee({
     )
   ] });
 }
-function ae({ className: t, ...e }) {
+function ne({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -576,12 +597,12 @@ function ae({ className: t, ...e }) {
     }
   );
 }
-function se({
+function oe({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    x.Title,
+    v.Title,
     {
       "data-slot": "sheet-title",
       className: u("astw:text-foreground astw:font-semibold", t),
@@ -589,12 +610,12 @@ function se({
     }
   );
 }
-function re({
+function ie({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    x.Description,
+    v.Description,
     {
       "data-slot": "sheet-description",
       className: u("astw:text-muted-foreground astw:text-sm", t),
@@ -602,12 +623,12 @@ function re({
     }
   );
 }
-function ht({
+function ut({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    S.Provider,
+    k.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -615,24 +636,24 @@ function ht({
     }
   );
 }
-function ne({
+function le({
   ...t
 }) {
-  return /* @__PURE__ */ a(ht, { children: /* @__PURE__ */ a(S.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(ut, { children: /* @__PURE__ */ a(k.Root, { "data-slot": "tooltip", ...t }) });
 }
-function oe({
+function de({
   ...t
 }) {
-  return /* @__PURE__ */ a(S.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(k.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function ie({
+function ce({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ c(
-    S.Content,
+  return /* @__PURE__ */ a(k.Portal, { children: /* @__PURE__ */ c(
+    k.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
@@ -643,19 +664,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(k.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 we = "sidebar_state", ue = 3600 * 24 * 7, me = "16rem", he = "18rem", fe = "3rem", ge = "b", mt = y.createContext(null);
+function _() {
+  const t = y.useContext(mt);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function he({
+function be({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -664,38 +685,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(
+  const d = Zt(), [i, w] = y.useState(!1), [h, f] = y.useState(t), b = e ?? h, m = y.useCallback(
     (p) => {
-      const f = typeof p == "function" ? p(g) : p;
-      s ? s(f) : h(f), document.cookie = `${le}=${f}; path=/; max-age=${de}`;
+      const N = typeof p == "function" ? p(b) : p;
+      s ? s(N) : f(N), document.cookie = `${we}=${N}; path=/; max-age=${ue}`;
     },
-    [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, b]
+  ), g = y.useCallback(() => d ? w((p) => !p) : m((p) => !p), [d, m, w]);
+  y.useEffect(() => {
+    const p = (N) => {
+      N.key === ge && (N.metaKey || N.ctrlKey) && (N.preventDefault(), g());
     };
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
-  }, [T]);
-  const _ = g ? "expanded" : "collapsed", X = b.useMemo(
+  }, [g]);
+  const x = b ? "expanded" : "collapsed", V = y.useMemo(
     () => ({
-      state: _,
-      open: g,
-      setOpen: v,
+      state: x,
+      open: b,
+      setOpen: m,
       isMobile: d,
       openMobile: i,
       setOpenMobile: w,
-      toggleSidebar: T
+      toggleSidebar: g
     }),
-    [_, g, v, d, i, w, T]
+    [x, b, m, d, i, w, g]
   );
-  return /* @__PURE__ */ a(pt.Provider, { value: X, children: /* @__PURE__ */ a(ht, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(mt.Provider, { value: V, children: /* @__PURE__ */ a(ut, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": ce,
-        "--sidebar-width-icon": ue,
+        "--sidebar-width": me,
+        "--sidebar-width-icon": fe,
         ...n
       },
       className: u(
@@ -715,7 +736,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 +748,21 @@ function pe({
       ...o,
       children: n
     }
-  ) : l ? /* @__PURE__ */ a(Jt, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
-    ee,
+  ) : l ? /* @__PURE__ */ a(ee, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
+    re,
     {
       "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": he
       },
       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(ne, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(oe, { children: "Sidebar" }),
+          /* @__PURE__ */ a(ie, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
@@ -796,14 +817,14 @@ function pe({
     }
   );
 }
-function gt({
+function ht({
   className: t,
   onClick: e,
   ...s
 }) {
-  const { toggleSidebar: r } = I();
+  const { toggleSidebar: r } = _();
   return /* @__PURE__ */ c(
-    B,
+    L,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -815,13 +836,13 @@ function gt({
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(xt, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(bt, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function ge({ className: t, ...e }) {
+function ve({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -836,7 +857,7 @@ function ge({ className: t, ...e }) {
     }
   );
 }
-function be({ className: t, ...e }) {
+function xe({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -847,7 +868,7 @@ function be({ className: t, ...e }) {
     }
   );
 }
-function fe({ className: t, ...e }) {
+function ye({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -861,7 +882,7 @@ function fe({ className: t, ...e }) {
     }
   );
 }
-function ve({ className: t, ...e }) {
+function Ne({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -872,7 +893,7 @@ function ve({ className: t, ...e }) {
     }
   );
 }
-function xe({ className: t, ...e }) {
+function Ce({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -883,7 +904,7 @@ function xe({ className: t, ...e }) {
     }
   );
 }
-function ye({ className: t, ...e }) {
+function Se({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -894,7 +915,7 @@ function ye({ className: t, ...e }) {
     }
   );
 }
-const Te = lt(
+const Te = it(
   "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 +935,7 @@ const Te = lt(
     }
   }
 );
-function tt({
+function J({
   asChild: t = !1,
   isActive: e = !1,
   variant: s = "default",
@@ -923,7 +944,7 @@ function tt({
   className: o,
   ...l
 }) {
-  const d = t ? P : "button", { isMobile: i, state: w } = I(), m = /* @__PURE__ */ a(
+  const d = t ? D : "button", { isMobile: i, state: w } = _(), h = /* @__PURE__ */ a(
     d,
     {
       "data-slot": "sidebar-menu-button",
@@ -936,10 +957,10 @@ function tt({
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ c(ne, { children: [
-    /* @__PURE__ */ a(oe, { asChild: !0, children: m }),
+  }), /* @__PURE__ */ c(le, { children: [
+    /* @__PURE__ */ a(de, { asChild: !0, children: h }),
     /* @__PURE__ */ a(
-      ie,
+      ce,
       {
         side: "right",
         align: "center",
@@ -947,16 +968,16 @@ function tt({
         ...n
       }
     )
-  ] })) : m;
+  ] })) : h;
 }
-function et({
+function Z({
   className: t,
   asChild: e = !1,
   showOnHover: s = !1,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? P : "button",
+    e ? D : "button",
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
@@ -975,7 +996,7 @@ function et({
     }
   );
 }
-function Se({ className: t, ...e }) {
+function ke({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -990,7 +1011,7 @@ function Se({ className: t, ...e }) {
     }
   );
 }
-function Ce({
+function Re({
   className: t,
   ...e
 }) {
@@ -1004,7 +1025,7 @@ function Ce({
     }
   );
 }
-function Ne({
+function Ee({
   asChild: t = !1,
   size: e = "md",
   isActive: s = !1,
@@ -1012,7 +1033,7 @@ function Ne({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    t ? P : "a",
+    t ? D : "a",
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
@@ -1030,17 +1051,17 @@ function Ne({
     }
   );
 }
-function j({ to: t, children: e, ...s }) {
+function K({ to: t, children: e, ...s }) {
   try {
-    return Rt(t), /* @__PURE__ */ a(_t, { to: t, ...s, children: e });
+    return Et(t), /* @__PURE__ */ a(Bt, { to: t, ...s, children: e });
   } catch {
     return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
   }
 }
-function at({ ...t }) {
+function tt({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function st({ className: t, ...e }) {
+function et({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1053,7 +1074,7 @@ function st({ className: t, ...e }) {
     }
   );
 }
-function rt({ className: t, ...e }) {
+function at({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1063,14 +1084,14 @@ function rt({ className: t, ...e }) {
     }
   );
 }
-function nt({
+function st({
   asChild: t,
   className: e,
   children: s,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? P : j,
+    t ? D : K,
     {
       "data-slot": "breadcrumb-link",
       className: u("astw:hover:text-foreground astw:transition-colors", e),
@@ -1079,7 +1100,7 @@ function nt({
     }
   );
 }
-function ke({
+function Be({
   children: t,
   className: e,
   ...s
@@ -1092,12 +1113,39 @@ function ke({
       "aria-hidden": "true",
       className: u("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(D, {})
+      children: t ?? /* @__PURE__ */ a(z, {})
     }
   );
 }
-const Be = (t, e) => {
-  const s = dt(e);
+function Ae(t, e) {
+  const s = Q(e), r = [], n = (o, l) => {
+    if (o.path.startsWith(":")) return;
+    const d = `${l}/${o.path}`;
+    r.push({
+      path: d,
+      title: s(o.meta.title, o.path),
+      icon: o.meta.icon
+    }), o.subResources && o.subResources.forEach((i) => n(i, d));
+  };
+  return t.forEach((o) => {
+    o.path.startsWith(":") || (o.meta.menuItemClickable && r.push({
+      path: o.path,
+      title: s(o.meta.title, o.path),
+      icon: o.meta.icon
+    }), o.resources.forEach(
+      (l) => n(l, o.path)
+    ));
+  }), r;
+}
+function Pe(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 Le = (t, e) => {
+  const s = Q(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1107,16 +1155,16 @@ const Be = (t, e) => {
       };
       const l = (d, i) => {
         !d || d.length === 0 || d.forEach((w) => {
-          const m = `${i}/${w.path}`, h = s(
+          const h = `${i}/${w.path}`, f = s(
             w.meta.title,
             w.path
           );
-          r[m] = {
-            title: h,
+          r[h] = {
+            title: f,
             breadcrumbTitle: w.meta.breadcrumbTitle
           }, w.subResources && w.subResources.length > 0 && l(
             w.subResources,
-            m
+            h
           );
         });
       };
@@ -1125,24 +1173,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) => {
-    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);
+function De(t, e, s, r) {
+  const n = t.split("/").filter((i) => i !== ""), o = e && n[0] === e ? n.slice(1) : n, l = Le(s, r), d = o.map((i, w) => {
+    const h = o.slice(0, w + 1).join("/");
+    let f = l[h];
+    if (!f) {
+      const m = Object.entries(l).find(
+        ([g]) => {
+          const x = g.split("/").map((p) => p.startsWith(":") ? "[^/]+" : p).join("/");
+          return new RegExp(`^${x}$`).test(h);
         }
       )?.[1];
-      v && (h = v);
+      m && (f = m);
     }
-    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 b;
+    return f ? typeof f.breadcrumbTitle == "function" ? b = f.breadcrumbTitle(i) : typeof f.breadcrumbTitle == "string" ? b = f.breadcrumbTitle : b = f.title : b = decodeURIComponent(i), {
       segment: i,
-      path: m,
-      title: g
+      path: h,
+      title: b
     };
   });
   return {
@@ -1150,45 +1198,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 Ie = () => {
+  const { open: t } = _();
+  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(ht, { className: "astw:-ml-2.5" }) });
+}, ia = (t) => {
+  const e = t.children ? t.children({ Outlet: X }) : null, s = Xt(), 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: [
+  return /* @__PURE__ */ a(be, { 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: [
+    /* @__PURE__ */ c(ve, { 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(Ie, {}),
+          /* @__PURE__ */ a(ze, {})
         ] }),
-        /* @__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(L, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(pt, {}) }) })
       ] }) }),
-      /* @__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(X, {}) })
     ] })
   ] }) });
 }, _e = (t) => {
-  const { title: e, icon: s, navItems: r } = y(), { pathname: n } = it(), o = R(), l = /* @__PURE__ */ c(be, { children: [
+  const { title: e, icon: s, navItems: r } = S(), { pathname: n } = ot(), o = R(), l = /* @__PURE__ */ c(xe, { 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: [
     /* @__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(ht, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a(ve, { children: /* @__PURE__ */ a(xe, { children: r.map((i) => /* @__PURE__ */ a(
-      Xt,
+    /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(Ce, { children: r.map((i) => /* @__PURE__ */ a(
+      Yt,
       {
         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(Se, { children: [
+          i.url ? /* @__PURE__ */ c(B, { children: [
+            /* @__PURE__ */ a(J, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c(
+              K,
               {
                 to: i.url,
                 className: i.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1198,29 +1246,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(Y, { asChild: !0, children: /* @__PURE__ */ c(Z, { className: "astw:data-[state=open]:rotate-90", children: [
+              /* @__PURE__ */ a(z, {}),
               /* @__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(B, { children: /* @__PURE__ */ c(Y, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
+            /* @__PURE__ */ a(J, { 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,
+              Z,
               {
                 className: "astw-rotate-target",
                 asChild: !0,
                 children: /* @__PURE__ */ c("span", { children: [
-                  /* @__PURE__ */ a(D, {}),
+                  /* @__PURE__ */ a(z, {}),
                   /* @__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(Jt, { children: /* @__PURE__ */ a(ke, { children: i.items?.map((w) => /* @__PURE__ */ a(Re, { children: /* @__PURE__ */ a(Ee, { asChild: !0, children: /* @__PURE__ */ a(
+            K,
             {
               to: w.url,
               className: w.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1233,189 +1281,286 @@ const Re = () => {
     )) }) }) }),
     t.footer ?? null
   ] });
-}, Ee = () => {
-  const { configurations: t } = y(), e = it();
-  return Pe(
+}, Me = () => {
+  const { configurations: t } = S(), e = ot();
+  return De(
     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(
+}, ze = () => {
+  const { segments: t } = Me(), e = At("/:prefix/settings/:suffix"), s = R();
+  return e ? /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: t.map((r, n) => /* @__PURE__ */ 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(at, { children: /* @__PURE__ */ a(st, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(Be, {})
       ]
     },
     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
+};
+function Oe({
+  ...t
+}) {
+  return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
+}
+function $e({
+  ...t
+}) {
+  return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
+}
+function Ke({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    v.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: u(
+        "astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function je({
+  className: t,
+  children: e,
+  ...s
+}) {
+  return /* @__PURE__ */ c($e, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(Ke, {}),
+    /* @__PURE__ */ c(
+      v.Content,
+      {
+        "data-slot": "dialog-content",
+        className: u(
+          "astw:bg-background astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:data-[state=closed]:zoom-out-95 astw:data-[state=open]:zoom-in-95 astw:fixed astw:top-[50%] astw:left-[50%] astw:z-50 astw:grid astw:w-full astw:max-w-[calc(100%-2rem)] astw:translate-x-[-50%] astw:translate-y-[-50%] astw:gap-4 astw:rounded-lg astw:border astw:p-6 astw:shadow-lg astw:duration-200 astw:sm:max-w-lg",
+          t
+        ),
+        ...s,
+        children: [
+          e,
+          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-accent astw:data-[state=open]:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ a(rt, {}),
+            /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function Ue({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    v.Title,
+    {
+      "data-slot": "dialog-title",
+      className: u("astw:text-lg astw:leading-none astw:font-semibold", t),
+      ...e
+    }
+  );
+}
+function We({
+  modules: t,
+  locale: e,
+  onNavigate: s
+}) {
+  const [r, n] = T(!1), [o, l] = T(""), [d, i] = T(0), w = A(
+    () => Ae(t, e),
+    [t, e]
+  ), h = A(
+    () => Pe(w, o),
+    [w, o]
+  );
+  C(() => {
+    i(0);
+  }, [h]), C(() => {
+    r || (l(""), i(0));
+  }, [r]);
+  const f = O(
+    (m) => {
+      s(m.path), n(!1), l("");
+    },
+    [s]
+  ), b = O(
+    (m, g) => {
+      if (!g)
+        switch (m) {
+          case "ArrowDown":
+            i(
+              (x) => x < h.length - 1 ? x + 1 : x
+            );
+            break;
+          case "ArrowUp":
+            i((x) => x > 0 ? x - 1 : x);
+            break;
+          case "Enter":
+            h[d] && f(h[d]);
+            break;
+        }
+    },
+    [h, d, f]
+  );
+  return {
+    open: r,
+    setOpen: n,
+    search: o,
+    setSearch: l,
+    selectedIndex: d,
+    filteredRoutes: h,
+    handleSelect: f,
+    handleKeyDown: b
+  };
+}
+function la() {
+  const t = xt(null), { configurations: e } = S(), s = Pt(), r = R(), {
+    open: n,
+    setOpen: o,
+    search: l,
+    setSearch: d,
+    selectedIndex: i,
+    filteredRoutes: w,
+    handleSelect: h,
+    handleKeyDown: f
+  } = We({
+    modules: e.modules,
+    locale: e.locale,
+    onNavigate: s
   });
-  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);
+  C(() => {
+    t.current && t.current.querySelector(
+      `[data-index="${i}"]`
+    )?.scrollIntoView({ block: "nearest" });
+  }, [i]);
+  const b = O(
+    (m) => {
+      ["ArrowDown", "ArrowUp", "Enter"].includes(m.key) && m.preventDefault(), f(m.key, m.nativeEvent.isComposing);
+    },
+    [f]
+  );
+  return C(() => {
+    const m = (g) => {
+      (g.metaKey || g.ctrlKey) && g.key === "k" && (g.preventDefault(), o(!n));
+    };
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [n, o]), /* @__PURE__ */ a(Oe, { open: n, onOpenChange: o, children: /* @__PURE__ */ c(
+    je,
+    {
+      className: "astw:p-0 astw:gap-0 astw:max-w-lg astw:overflow-hidden",
+      onKeyDown: b,
+      "aria-describedby": void 0,
+      children: [
+        /* @__PURE__ */ a(Ue, { className: "astw:sr-only", children: r("commandPaletteSearch") }),
+        /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3", children: [
+          /* @__PURE__ */ a(vt, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+          /* @__PURE__ */ a(
+            te,
+            {
+              value: l,
+              onChange: (m) => d(m.target.value),
+              placeholder: r("commandPaletteSearch"),
+              className: "astw:flex astw:h-11 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: t,
+            className: "astw:max-h-[300px] astw:overflow-y-auto astw:overflow-x-hidden",
+            children: w.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: r("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: w.map((m, g) => /* @__PURE__ */ c(
+              "button",
+              {
+                "data-index": g,
+                onClick: () => h(m),
+                className: u(
+                  "astw:relative astw:flex astw:w-full astw:cursor-pointer astw:select-none astw:items-center astw:gap-2 astw:rounded-sm astw:px-2 astw:py-1.5 astw:text-sm astw:outline-none",
+                  g === i ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                ),
+                children: [
+                  m.icon && /* @__PURE__ */ a("span", { className: "astw:flex astw:h-4 astw:w-4 astw:items-center astw:justify-center astw:shrink-0 astw:[&_svg]:h-4 astw:[&_svg]:w-4", children: m.icon }),
+                  /* @__PURE__ */ a("span", { className: "astw:flex-1 astw:text-left astw:truncate", children: m.title }),
+                  /* @__PURE__ */ c("span", { className: "astw:text-xs astw:text-muted-foreground astw:truncate astw:max-w-[200px]", children: [
+                    "/",
+                    m.path
+                  ] })
+                ]
+              },
+              m.path
+            )) })
+          }
+        )
+      ]
     }
-  }, [t]);
+  ) });
+}
+const ft = j(null), da = (t) => {
+  const e = A(
+    () => Mt({
+      clientId: t.clientId,
+      appUri: t.apiEndpoint,
+      redirectUri: t.redirectUri,
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : _t(t.meQuery))
+    }),
+    [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
+  ), [s, r] = T(
+    () => e.getState()
+  );
+  C(() => {
+    t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), C(
+    () => 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,
+    ft.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
     }
   );
+}, ca = () => {
+  const t = U(ft);
+  if (!t)
+    throw new Error("useAuth must be used within an AuthProvider");
+  return t;
 };
 export {
-  Ye as AppShell,
-  ta as BuiltinIdPAuthProvider,
+  oa as AppShell,
+  da as AuthProvider,
+  la as CommandPalette,
   _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,
-  y as useAppShell,
-  Ze as useBuiltinIdpAuth,
-  ra as useLocation,
-  na as useNavigate,
-  oa as useParams,
-  ia as useRouteError,
-  la as useSearchParams,
-  Gt as useTheme
+  ma as Link,
+  ia as SidebarLayout,
+  Kt as defineI18nLabels,
+  ra as defineModule,
+  na as defineResource,
+  sa as redirectToResource,
+  S as useAppShell,
+  ca as useAuth,
+  ha as useLocation,
+  fa as useNavigate,
+  ga as useParams,
+  ba as useRouteError,
+  pa as useSearchParams,
+  Xt as useTheme
 };