@tailor-platform/app-shell 0.19.0 → 0.20.1

package/dist/app-shell.js

@@ -1,25 +1,25 @@
-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 At } from "sonner";
-import * as W 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 bt, XIcon as rt, PanelLeftIcon as gt, 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 ba, useRouteError as ga, 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 N from "@radix-ui/react-tooltip";
-import { print as Lt } from "graphql";
+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 Et(Rt(t));
+  return Dt(Lt(t));
 }
-const _t = rt(
+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: {
@@ -44,7 +44,7 @@ const _t = rt(
     }
   }
 );
-function B({
+function L({
   className: t,
   variant: e,
   size: s,
@@ -52,31 +52,31 @@ function B({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? R : "button",
+    r ? D : "button",
     {
       "data-slot": "button",
-      className: u(_t({ variant: e, size: s, className: t })),
+      className: u(zt({ variant: e, size: s, className: t })),
       ...n
     }
   );
 }
-const C = "en", Pt = () => {
+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;
   }
-}, F = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, nt = (t) => {
+}, 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 : k(r));
-}, It = () => {
-  const { configurations: t } = y(), e = F(t.locale);
+  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);
-}, zt = (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.
@@ -98,7 +98,7 @@ const C = "en", Pt = () => {
      * ```
      */
     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;
@@ -131,7 +131,7 @@ const C = "en", Pt = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, Dt = zt({
+}, jt = Kt({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -147,7 +147,9 @@ const C = "en", Pt = () => {
     sidebar: "Sidebar",
     sidebarDesc: "Displays the mobile sidebar.",
     close: "Close",
-    more: "More"
+    more: "More",
+    commandPaletteSearch: "Search pages...",
+    commandPaletteNoResults: "No results found"
   },
   ja: {
     error404Title: "404 ページが見つかりません",
@@ -164,21 +166,23 @@ const C = "en", Pt = () => {
     sidebar: "サイドバー",
     sidebarDesc: "モバイル用サイドバーを表示します。",
     close: "閉じる",
-    more: "その他"
+    more: "その他",
+    commandPaletteSearch: "ページを検索...",
+    commandPaletteNoResults: "結果が見つかりません"
   }
-}), E = Dt.useT, M = () => {
-  const t = pt(), e = E(), s = {
+}), R = jt.useT, I = () => {
+  const t = yt(), e = R(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (vt(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(G, { 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",
@@ -191,12 +195,12 @@ const C = "en", Pt = () => {
     ] }) });
   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(G, { 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",
@@ -207,36 +211,36 @@ const C = "en", Pt = () => {
       )
     ] })
   ] }) });
-}, Ot = (t) => ({
+}, Ut = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(M, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(I, {}),
   basePath: t.basePath,
-  locale: t.locale ?? Pt()
-}), ot = O({
+  locale: t.locale ?? Ot()
+}), lt = j({
   navItems: [],
   configurations: {
     modules: [],
     settingsResources: [],
-    errorBoundary: /* @__PURE__ */ a(M, {}),
-    locale: C
+    errorBoundary: /* @__PURE__ */ a(I, {}),
+    locale: E
   }
-}), y = () => $(ot), $t = () => {
-  const t = E();
-  return /* @__PURE__ */ c(S, { children: [
+}), S = () => U(lt), Wt = () => {
+  const t = R();
+  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") })
   ] });
-}, V = () => /* @__PURE__ */ c(S, { children: [
-  /* @__PURE__ */ a(H, {}),
-  /* @__PURE__ */ a(At, {})
-] }), jt = () => {
-  const { configurations: t } = y(), e = E(), s = It();
+}, X = () => /* @__PURE__ */ c(B, { children: [
+  /* @__PURE__ */ a(W, {}),
+  /* @__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(xt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
-        B,
+      /* @__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(
+        L,
         {
           variant: n ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
@@ -247,29 +251,29 @@ const C = "en", Pt = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(H, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(W, {}) })
   ] });
 };
-function Fe(t) {
+function sa(t) {
   return {
     redirectTo: t
   };
 }
-function z(t) {
+function $(t) {
   return typeof t == "object" && t !== null && "redirectTo" in t;
 }
-const it = (t, e) => () => {
-  const { configurations: s } = y(), { metaTitle: r, fallbackTitle: n } = t, l = F(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 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) ? {
+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: () => at(r.redirectTo)
+    loader: () => nt(r.redirectTo)
   } : {
     // Regular component with locale-aware title
-    component: it(
+    component: dt(
       { metaTitle: l, fallbackTitle: d },
       (w) => r({ title: w, resources: n })
     )
@@ -283,15 +287,15 @@ function Qe(t) {
       title: l,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: !z(r),
+      menuItemClickable: !$(r),
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(M, {})
+    errorBoundary: o || /* @__PURE__ */ a(I, {})
   };
 }
-function Ke(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",
@@ -301,15 +305,15 @@ function Ke(t) {
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: it(
+    component: dt(
       { metaTitle: l, fallbackTitle: d },
       (i) => s({ title: i, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(M, {})
+    errorBoundary: o ?? /* @__PURE__ */ a(I, {})
   };
 }
-const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (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,
@@ -318,38 +322,38 @@ const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (t, e, s) =>
   return {
     path: t.path,
     ...t.errorBoundary && {
-      ErrorBoundary: Q(t.errorBoundary)
+      ErrorBoundary: G(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
         n,
         ...e.map(
-          (o) => lt(o, o.subResources, r)
+          (o) => ct(o, o.subResources, r)
         )
       ]
     } : {
       children: [n]
     }
   };
-}, Ut = (t) => t.map(
-  (e) => lt(e, e.resources, e.errorBoundary)
-), Ht = ({
+}, Ft = (t) => t.map(
+  (e) => ct(e, e.resources, e.errorBoundary)
+), Qt = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = z(s) ? {
+  const r = $(s) ? {
     index: !0,
-    loader: () => at(s.redirectTo)
+    loader: () => nt(s.redirectTo)
   } : {
     index: !0,
-    Component: s ?? $t
+    Component: s ?? Wt
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        yt,
+        St,
         {
           to: e[0].path,
           relative: "path",
@@ -359,12 +363,12 @@ const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (t, e, s) =>
     },
     {
       path: "settings",
-      Component: jt,
+      Component: Ht,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: Q(o.errorBoundary)
+          ErrorBoundary: G(o.errorBoundary)
         }
       }))
     }
@@ -372,7 +376,7 @@ const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (t, e, s) =>
   return [
     r,
     {
-      children: Ut(t)
+      children: Ft(t)
     },
     ...n,
     {
@@ -382,8 +386,8 @@ const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (t, e, s) =>
       }
     }
   ];
-}, Wt = (t) => {
-  const { configurations: e } = y(), { rootComponent: s, children: r } = t, n = Ht({
+}, Gt = (t) => {
+  const { configurations: e } = S(), { rootComponent: s, children: r } = t, n = Qt({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
@@ -392,8 +396,8 @@ const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (t, e, s) =>
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(H, {}),
-          ErrorBoundary: Q(o),
+          element: /* @__PURE__ */ a(W, {}),
+          ErrorBoundary: G(o),
           children: n
         }
       ] : n
@@ -401,25 +405,25 @@ const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (t, e, s) =>
   ], d = e.basePath ? "/" + e.basePath : void 0, i = t.memory ? Tt(l, {
     basename: d,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : Nt(l, {
+  }) : kt(l, {
     basename: d
   });
-  return /* @__PURE__ */ a(Ct, { router: i });
-}, Ft = {
+  return /* @__PURE__ */ a(Rt, { router: i });
+}, Vt = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, dt = O(Ft);
-function Qt({
+}, wt = j(Vt);
+function qt({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = j(
+  const [n, o] = T(
     () => localStorage.getItem(e) || s
-  ), l = U(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  L(() => {
+  ), 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]);
@@ -430,20 +434,20 @@ function Qt({
       localStorage.setItem(e, i), o(i);
     }
   };
-  return /* @__PURE__ */ a(dt.Provider, { ...r, value: d, children: t });
+  return /* @__PURE__ */ a(wt.Provider, { ...r, value: d, children: t });
 }
-const Kt = () => {
-  const t = $(dt);
+const Xt = () => {
+  const t = U(wt);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, Ge = (t) => {
-  const [e, s] = j(!1);
-  L(function() {
+}, oa = (t) => {
+  const [e, s] = T(!1);
+  C(function() {
     s(!0);
   }, []);
-  const r = Ot(t), n = U(() => {
-    const o = t.modules, l = nt(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),
@@ -453,14 +457,14 @@ const Kt = () => {
         title: i,
         url: d.meta.menuItemClickable ? d.path : void 0,
         clickable: d.component,
-        icon: d.meta.icon || /* @__PURE__ */ a(ht, {}),
+        icon: d.meta.icon || /* @__PURE__ */ a(bt, {}),
         isActive: !0,
         items: w
       };
     });
   }, [t.modules, r.locale]);
   return e ? /* @__PURE__ */ a(
-    ot.Provider,
+    lt.Provider,
     {
       value: {
         title: t.title,
@@ -468,63 +472,79 @@ const Kt = () => {
         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 Gt({
+function Yt({
   ...t
 }) {
-  return /* @__PURE__ */ a(W.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(H.Root, { "data-slot": "collapsible", ...t });
 }
-function q({
+function Y({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    W.CollapsibleTrigger,
+    H.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function Vt({
+function Jt({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    W.CollapsibleContent,
+    H.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
     }
   );
 }
-const P = 768;
-function qt() {
-  const [t, e] = g.useState(
+const M = 768;
+function Zt() {
+  const [t, e] = y.useState(
     void 0
   );
-  return g.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${P - 1}px)`), r = () => {
-      e(window.innerWidth < P);
+  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 < P), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < M), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function Xt({ ...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 Yt({
+function ae({
   ...t
 }) {
-  return /* @__PURE__ */ a(x.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function Jt({
+function se({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    x.Overlay,
+    v.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: u(
@@ -535,16 +555,16 @@ function Jt({
     }
   );
 }
-function Zt({
+function re({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ c(Yt, { children: [
-    /* @__PURE__ */ a(Jt, {}),
+  return /* @__PURE__ */ c(ae, { children: [
+    /* @__PURE__ */ a(se, {}),
     /* @__PURE__ */ c(
-      x.Content,
+      v.Content,
       {
         "data-slot": "sheet-content",
         className: u(
@@ -558,8 +578,8 @@ function Zt({
         ...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(bt, { 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" })
           ] })
         ]
@@ -567,7 +587,7 @@ function Zt({
     )
   ] });
 }
-function te({ className: t, ...e }) {
+function ne({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -577,12 +597,12 @@ function te({ className: t, ...e }) {
     }
   );
 }
-function ee({
+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),
@@ -590,12 +610,12 @@ function ee({
     }
   );
 }
-function ae({
+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),
@@ -603,12 +623,12 @@ function ae({
     }
   );
 }
-function ct({
+function ut({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    N.Provider,
+    k.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -616,24 +636,24 @@ function ct({
     }
   );
 }
-function se({
+function le({
   ...t
 }) {
-  return /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ a(N.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(ut, { children: /* @__PURE__ */ a(k.Root, { "data-slot": "tooltip", ...t }) });
 }
-function re({
+function de({
   ...t
 }) {
-  return /* @__PURE__ */ a(N.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(k.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function ne({
+function ce({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(N.Portal, { children: /* @__PURE__ */ c(
-    N.Content,
+  return /* @__PURE__ */ a(k.Portal, { children: /* @__PURE__ */ c(
+    k.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
@@ -644,19 +664,19 @@ function ne({
       ...r,
       children: [
         s,
-        /* @__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]" })
+        /* @__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 oe = "sidebar_state", ie = 3600 * 24 * 7, le = "16rem", de = "18rem", ce = "3rem", we = "b", wt = g.createContext(null);
+const we = "sidebar_state", ue = 3600 * 24 * 7, me = "16rem", he = "18rem", fe = "3rem", be = "b", mt = y.createContext(null);
 function _() {
-  const t = g.useContext(wt);
+  const t = y.useContext(mt);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function ue({
+function ge({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -665,38 +685,38 @@ function ue({
   children: o,
   ...l
 }) {
-  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}`;
+  const d = Zt(), [i, w] = y.useState(!1), [m, f] = y.useState(t), g = e ?? m, h = y.useCallback(
+    (p) => {
+      const N = typeof p == "function" ? p(g) : p;
+      s ? s(N) : f(N), document.cookie = `${we}=${N}; path=/; max-age=${ue}`;
     },
-    [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());
+    [s, g]
+  ), b = y.useCallback(() => d ? w((p) => !p) : h((p) => !p), [d, h, w]);
+  y.useEffect(() => {
+    const p = (N) => {
+      N.key === be && (N.metaKey || N.ctrlKey) && (N.preventDefault(), b());
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, [T]);
-  const A = f ? "expanded" : "collapsed", K = g.useMemo(
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+  }, [b]);
+  const x = g ? "expanded" : "collapsed", V = y.useMemo(
     () => ({
-      state: A,
-      open: f,
-      setOpen: v,
+      state: x,
+      open: g,
+      setOpen: h,
       isMobile: d,
       openMobile: i,
       setOpenMobile: w,
-      toggleSidebar: T
+      toggleSidebar: b
     }),
-    [A, f, v, d, i, w, T]
+    [x, g, h, d, i, w, b]
   );
-  return /* @__PURE__ */ a(wt.Provider, { value: K, children: /* @__PURE__ */ a(ct, { 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": le,
-        "--sidebar-width-icon": ce,
+        "--sidebar-width": me,
+        "--sidebar-width-icon": fe,
         ...n
       },
       className: u(
@@ -708,7 +728,7 @@ function ue({
     }
   ) }) });
 }
-function me({
+function pe({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -728,21 +748,21 @@ function me({
       ...o,
       children: n
     }
-  ) : l ? /* @__PURE__ */ a(Xt, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
-    Zt,
+  ) : 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": de
+        "--sidebar-width": he
       },
       side: t,
       children: [
-        /* @__PURE__ */ c(te, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(ee, { children: "Sidebar" }),
-          /* @__PURE__ */ a(ae, { 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 })
       ]
@@ -797,14 +817,14 @@ function me({
     }
   );
 }
-function ut({
+function ht({
   className: t,
   onClick: e,
   ...s
 }) {
   const { toggleSidebar: r } = _();
   return /* @__PURE__ */ c(
-    B,
+    L,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -816,13 +836,13 @@ function ut({
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(ft, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(gt, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function he({ className: t, ...e }) {
+function ve({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -837,7 +857,7 @@ function he({ className: t, ...e }) {
     }
   );
 }
-function be({ className: t, ...e }) {
+function xe({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -848,7 +868,7 @@ function be({ className: t, ...e }) {
     }
   );
 }
-function fe({ className: t, ...e }) {
+function ye({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -862,7 +882,7 @@ function fe({ className: t, ...e }) {
     }
   );
 }
-function ge({ className: t, ...e }) {
+function Ne({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -873,7 +893,7 @@ function ge({ className: t, ...e }) {
     }
   );
 }
-function pe({ className: t, ...e }) {
+function Ce({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -884,7 +904,7 @@ function pe({ className: t, ...e }) {
     }
   );
 }
-function ve({ className: t, ...e }) {
+function Se({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -895,7 +915,7 @@ function ve({ className: t, ...e }) {
     }
   );
 }
-const xe = rt(
+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: {
@@ -915,7 +935,7 @@ const xe = rt(
     }
   }
 );
-function X({
+function J({
   asChild: t = !1,
   isActive: e = !1,
   variant: s = "default",
@@ -924,23 +944,23 @@ function X({
   className: o,
   ...l
 }) {
-  const d = t ? R : "button", { isMobile: i, state: w } = _(), m = /* @__PURE__ */ a(
+  const d = t ? D : "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(xe({ variant: s, size: r }), o),
+      className: u(Te({ variant: s, size: r }), o),
       ...l
     }
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ c(se, { children: [
-    /* @__PURE__ */ a(re, { asChild: !0, children: m }),
+  }), /* @__PURE__ */ c(le, { children: [
+    /* @__PURE__ */ a(de, { asChild: !0, children: m }),
     /* @__PURE__ */ a(
-      ne,
+      ce,
       {
         side: "right",
         align: "center",
@@ -950,14 +970,14 @@ function X({
     )
   ] })) : m;
 }
-function Y({
+function Z({
   className: t,
   asChild: e = !1,
   showOnHover: s = !1,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? R : "button",
+    e ? D : "button",
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
@@ -976,7 +996,7 @@ function Y({
     }
   );
 }
-function ye({ className: t, ...e }) {
+function ke({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -991,7 +1011,7 @@ function ye({ className: t, ...e }) {
     }
   );
 }
-function Te({
+function Re({
   className: t,
   ...e
 }) {
@@ -1005,7 +1025,7 @@ function Te({
     }
   );
 }
-function Ne({
+function Ee({
   asChild: t = !1,
   size: e = "md",
   isActive: s = !1,
@@ -1013,7 +1033,7 @@ function Ne({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    t ? R : "a",
+    t ? D : "a",
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
@@ -1031,17 +1051,17 @@ function Ne({
     }
   );
 }
-function D({ to: t, children: e, ...s }) {
+function K({ to: t, children: e, ...s }) {
   try {
-    return St(t), /* @__PURE__ */ a(kt, { 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 J({ ...t }) {
+function tt({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function Z({ className: t, ...e }) {
+function et({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1054,7 +1074,7 @@ function Z({ className: t, ...e }) {
     }
   );
 }
-function tt({ className: t, ...e }) {
+function at({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1064,14 +1084,14 @@ function tt({ className: t, ...e }) {
     }
   );
 }
-function et({
+function st({
   asChild: t,
   className: e,
   children: s,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? R : D,
+    t ? D : K,
     {
       "data-slot": "breadcrumb-link",
       className: u("astw:hover:text-foreground astw:transition-colors", e),
@@ -1080,7 +1100,7 @@ function et({
     }
   );
 }
-function Ce({
+function Be({
   children: t,
   className: e,
   ...s
@@ -1093,12 +1113,45 @@ function Ce({
       "aria-hidden": "true",
       className: u("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(I, {})
+      children: t ?? /* @__PURE__ */ a(z, {})
     }
   );
 }
-const Se = (t, e) => {
-  const s = nt(e);
+function Ae(t, e) {
+  const s = Q(e), r = [], n = (o, l, d) => {
+    if (o.path.startsWith(":")) return;
+    const i = `${l}/${o.path}`, w = s(o.meta.title, o.path), m = [...d, w];
+    r.push({
+      path: i,
+      title: w,
+      icon: o.meta.icon,
+      breadcrumb: m
+    }), o.subResources && o.subResources.forEach(
+      (f) => n(f, i, m)
+    );
+  };
+  return t.forEach((o) => {
+    if (o.path.startsWith(":")) return;
+    const l = s(o.meta.title, o.path), d = [l];
+    o.meta.menuItemClickable && r.push({
+      path: o.path,
+      title: l,
+      icon: o.meta.icon,
+      breadcrumb: d
+    }), o.resources.forEach(
+      (i) => n(i, o.path, d)
+    );
+  }), 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);
@@ -1108,12 +1161,12 @@ const Se = (t, e) => {
       };
       const l = (d, i) => {
         !d || d.length === 0 || d.forEach((w) => {
-          const m = `${i}/${w.path}`, h = s(
+          const m = `${i}/${w.path}`, f = s(
             w.meta.title,
             w.path
           );
           r[m] = {
-            title: h,
+            title: f,
             breadcrumbTitle: w.meta.breadcrumbTitle
           }, w.subResources && w.subResources.length > 0 && l(
             w.subResources,
@@ -1126,24 +1179,24 @@ const Se = (t, e) => {
     {}
   );
 };
-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) => {
+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 m = o.slice(0, w + 1).join("/");
-    let h = l[m];
-    if (!h) {
-      const v = Object.entries(l).find(
-        ([T]) => {
-          const A = T.split("/").map((b) => b.startsWith(":") ? "[^/]+" : b).join("/");
-          return new RegExp(`^${A}$`).test(m);
+    let f = l[m];
+    if (!f) {
+      const h = Object.entries(l).find(
+        ([b]) => {
+          const x = b.split("/").map((p) => p.startsWith(":") ? "[^/]+" : p).join("/");
+          return new RegExp(`^${x}$`).test(m);
         }
       )?.[1];
-      v && (h = v);
+      h && (f = h);
     }
-    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), {
+    let g;
+    return f ? typeof f.breadcrumbTitle == "function" ? g = f.breadcrumbTitle(i) : typeof f.breadcrumbTitle == "string" ? g = f.breadcrumbTitle : g = f.title : g = decodeURIComponent(i), {
       segment: i,
       path: m,
-      title: f
+      title: g
     };
   });
   return {
@@ -1151,45 +1204,45 @@ function ke(t, e, s, r) {
     segments: d
   };
 }
-const Be = () => {
+const Ie = () => {
   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 = () => {
+  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(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: [
+  return /* @__PURE__ */ a(ge, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(_e, {}),
+    /* @__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(Be, {}),
-          /* @__PURE__ */ a(Ae, {})
+          /* @__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(gt, {}) }) })
+        /* @__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(V, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(X, {}) })
     ] })
   ] }) });
-}, Re = (t) => {
-  const { title: e, icon: s, navItems: r } = y(), { pathname: n } = st(), o = E(), l = /* @__PURE__ */ c(be, { children: [
+}, _e = (t) => {
+  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(me, { variant: "inset", children: [
+  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(ut, { 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(ge, { children: /* @__PURE__ */ a(pe, { children: r.map((i) => /* @__PURE__ */ a(
-      Gt,
+    /* @__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(ve, { children: [
-          i.url ? /* @__PURE__ */ c(S, { children: [
-            /* @__PURE__ */ a(X, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c(
-              D,
+        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,
@@ -1199,29 +1252,29 @@ const Be = () => {
                 ]
               }
             ) }),
-            !!i.items?.length && /* @__PURE__ */ a(q, { asChild: !0, children: /* @__PURE__ */ c(Y, { className: "astw:data-[state=open]:rotate-90", children: [
-              /* @__PURE__ */ a(I, {}),
+            !!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(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: [
+          ] }) : /* @__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(
-              Y,
+              Z,
               {
                 className: "astw-rotate-target",
                 asChild: !0,
                 children: /* @__PURE__ */ c("span", { children: [
-                  /* @__PURE__ */ a(I, {}),
+                  /* @__PURE__ */ a(z, {}),
                   /* @__PURE__ */ a("span", { className: "astw:sr-only", children: o("toggle") })
                 ] })
               }
             )
           ] }) }),
-          !!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,
+          !!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,
@@ -1234,42 +1287,243 @@ const Be = () => {
     )) }) }) }),
     t.footer ?? null
   ] });
-}, Ee = () => {
-  const { configurations: t } = y(), e = st();
-  return ke(
+}, Me = () => {
+  const { configurations: t } = S(), e = ot();
+  return De(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, 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(
+}, 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(tt, { children: /* @__PURE__ */ a(et, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(Ce, {})
+        /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(Be, {})
       ]
     },
     n
   )) }) });
-}, mt = O(null), qe = (t) => {
-  const e = U(
+};
+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]
+  ), m = A(
+    () => Pe(w, o),
+    [w, o]
+  );
+  C(() => {
+    i(0);
+  }, [m]), C(() => {
+    r || (l(""), i(0));
+  }, [r]);
+  const f = O(
+    (h) => {
+      s(h.path), n(!1), l("");
+    },
+    [s]
+  ), g = O(
+    (h, b) => {
+      if (!b)
+        switch (h) {
+          case "ArrowDown":
+            i(
+              (x) => x < m.length - 1 ? x + 1 : x
+            );
+            break;
+          case "ArrowUp":
+            i((x) => x > 0 ? x - 1 : x);
+            break;
+          case "Enter":
+            m[d] && f(m[d]);
+            break;
+        }
+    },
+    [m, d, f]
+  );
+  return {
+    open: r,
+    setOpen: n,
+    search: o,
+    setSearch: l,
+    selectedIndex: d,
+    filteredRoutes: m,
+    handleSelect: f,
+    handleKeyDown: g
+  };
+}
+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: m,
+    handleKeyDown: f
+  } = We({
+    modules: e.modules,
+    locale: e.locale,
+    onNavigate: s
+  });
+  C(() => {
+    t.current && t.current.querySelector(
+      `[data-index="${i}"]`
+    )?.scrollIntoView({ block: "nearest" });
+  }, [i]);
+  const g = O(
+    (h) => {
+      ["ArrowDown", "ArrowUp", "Enter"].includes(h.key) && h.preventDefault(), f(h.key, h.nativeEvent.isComposing);
+    },
+    [f]
+  );
+  return C(() => {
+    const h = (b) => {
+      (b.metaKey || b.ctrlKey) && b.key === "k" && (b.preventDefault(), o(!n));
+    };
+    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
+  }, [n, o]), /* @__PURE__ */ a(Oe, { open: n, onOpenChange: o, children: /* @__PURE__ */ c(
+    je,
+    {
+      className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
+      onKeyDown: g,
+      "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 astw:py-1", 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: (h) => d(h.target.value),
+              placeholder: r("commandPaletteSearch"),
+              className: "astw:flex astw:h-10 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-sm astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
+              autoFocus: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            ref: 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((h, b) => /* @__PURE__ */ c(
+              "button",
+              {
+                "data-index": b,
+                onClick: () => m(h),
+                className: u(
+                  "astw:relative astw:flex astw:flex-col astw:w-full astw:cursor-pointer astw:select-none astw:items-start astw:rounded-sm astw:px-2 astw:py-2 astw:text-sm astw:outline-none astw:text-left",
+                  b === i ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: h.breadcrumb.join(" > ") }),
+                  /* @__PURE__ */ c("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
+                    "/",
+                    h.path
+                  ] })
+                ]
+              },
+              h.path
+            )) })
+          }
+        )
+      ]
+    }
+  ) });
+}
+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 : Lt(t.meQuery))
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : _t(t.meQuery))
     }),
     [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
-  ), [s, r] = j(
+  ), [s, r] = T(
     () => e.getState()
   );
-  L(() => {
+  C(() => {
     t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
-  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), L(
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), C(
     () => e.addEventListener((o) => {
       o.type === "auth_state_changed" && r(o.data);
     }),
@@ -1277,7 +1531,7 @@ const Be = () => {
   );
   const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    mt.Provider,
+    ft.Provider,
     {
       value: {
         authState: s,
@@ -1289,28 +1543,29 @@ const Be = () => {
       children: n
     }
   );
-}, Xe = () => {
-  const t = $(mt);
+}, ca = () => {
+  const t = U(ft);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 };
 export {
-  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,
-  Xe as useAuth,
-  ta as useLocation,
-  ea as useNavigate,
-  aa as useParams,
-  sa as useRouteError,
-  ra as useSearchParams,
-  Kt as useTheme
+  oa as AppShell,
+  da as AuthProvider,
+  la as CommandPalette,
+  _e as DefaultSidebar,
+  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,
+  ba as useParams,
+  ga as useRouteError,
+  pa as useSearchParams,
+  Xt as useTheme
 };