@tailor-platform/app-shell 0.17.0 → 0.18.0

package/dist/app-shell.js

@@ -0,0 +1,1421 @@
+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 "@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";
+function u(...t) {
+  return At(It(t));
+}
+const Mt = lt(
+  "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: {
+      variant: {
+        default: "astw:bg-primary astw:text-primary-foreground astw:shadow-xs astw:hover:bg-primary/90",
+        destructive: "astw:bg-destructive astw:text-white astw:shadow-xs astw:hover:bg-destructive/90 astw:focus-visible:ring-destructive/20 astw:dark:focus-visible:ring-destructive/40 astw:dark:bg-destructive/60",
+        outline: "astw:border astw:bg-background astw:shadow-xs astw:hover:bg-accent astw:hover:text-accent-foreground astw:dark:bg-input/30 astw:dark:border-input astw:dark:hover:bg-input/50",
+        secondary: "astw:bg-secondary astw:text-secondary-foreground astw:shadow-xs astw:hover:bg-secondary/80",
+        ghost: "astw:hover:bg-accent astw:hover:text-accent-foreground astw:dark:hover:bg-accent/50",
+        link: "astw:text-primary astw:underline-offset-4 astw:hover:underline"
+      },
+      size: {
+        default: "astw:h-9 astw:px-4 astw:py-2 astw:has-[>svg]:px-3",
+        sm: "astw:h-8 astw:rounded-md astw:gap-1.5 astw:px-3 astw:has-[>svg]:px-2.5",
+        lg: "astw:h-10 astw:rounded-md astw:px-6 astw:has-[>svg]:px-4",
+        icon: "astw:size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function B({
+  className: t,
+  variant: e,
+  size: s,
+  asChild: r = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    r ? P : "button",
+    {
+      "data-slot": "button",
+      className: u(Mt({ variant: e, size: s, className: t })),
+      ...n
+    }
+  );
+}
+const C = "en", zt = () => {
+  try {
+    if (typeof navigator > "u")
+      return C;
+    const t = navigator.languages?.[0] ?? navigator.language;
+    return t ? new Intl.Locale(t).language : C;
+  } catch {
+    return C;
+  }
+}, 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);
+  return (s, r) => e(s, r);
+}, Ot = (t) => {
+  const e = (s) => (r) => t[s ?? C]?.[r] ?? t.en[r];
+  return {
+    /**
+     * Hook to get the translated label resolver function.
+     *
+     * @example
+     * ```tsx
+     * import { useT } from "./i18n-labels";
+     *
+     * const YourComponent = () => {
+     *   const t = useT();
+     *
+     *   return (
+     *     <div>
+     *       {t("staticLabel")}
+     *       {t("dynamicLabel", { name: "John" })}
+     *     </div>
+     *   );
+     * }
+     * ```
+     */
+    useT: () => {
+      const { configurations: s } = y(), r = e(s.locale);
+      return ((n, ...o) => {
+        const l = r(n);
+        return typeof l == "function" ? l(o[0]) : l;
+      });
+    },
+    /**
+     * A function to get the translater for a specific label key.
+     * This is expected to be used in `meta.title` in module/resource definitions.
+     *
+     * Note: When using dynamic labels with props in meta.title, the props are
+     * bound at definition time (when calling labels.t), not at render time.
+     *
+     * @example
+     * ```tsx
+     * import { labels } from "./i18n-labels";
+     *
+     * const resource = defineResource({
+     *   path: "example",
+     *   meta: {
+     *     title: labels.t("someLabelKey"),
+     *     // or with props for dynamic labels
+     *     title: labels.t("dynamicKey", { id: "123" }),
+     *   },
+     *   component: ExampleComponent,
+     * });
+     * ```
+     */
+    t: (s, ...r) => (n) => {
+      const o = e(n)(s);
+      return typeof o == "function" ? o(r[0]) : o;
+    }
+  };
+}, jt = Ot({
+  en: {
+    error404Title: "404 Not Found",
+    error404Body: "The page you requested could not be found.",
+    goBack: "Go Back",
+    errorUnexpected: "An unexpected error occurred",
+    errorTitle: "Something went wrong",
+    tryAgain: "Try Again",
+    welcomeTitle: "Welcome to AppShell",
+    welcomeBody: "Add your GraphQL resources from configuration at first!",
+    settings: "Settings",
+    toggle: "Toggle",
+    toggleSidebar: "Toggle Sidebar",
+    sidebar: "Sidebar",
+    sidebarDesc: "Displays the mobile sidebar.",
+    close: "Close",
+    more: "More"
+  },
+  ja: {
+    error404Title: "404 ページが見つかりません",
+    error404Body: "お探しのページは存在しません。",
+    goBack: "戻る",
+    errorUnexpected: "予期しないエラーが発生しました",
+    errorTitle: "問題が発生しました",
+    tryAgain: "再試行",
+    welcomeTitle: "AppShell へようこそ",
+    welcomeBody: "まず設定から GraphQL リソースを追加してください。",
+    settings: "設定",
+    toggle: "切り替え",
+    toggleSidebar: "サイドバーを切り替え",
+    sidebar: "サイドバー",
+    sidebarDesc: "モバイル用サイドバーを表示します。",
+    close: "閉じる",
+    more: "その他"
+  }
+}), R = jt.useT, E = () => {
+  const t = Tt(), e = R(), s = {
+    role: "alert",
+    "aria-label": "default-error-boundary"
+  };
+  if (St(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__ */ 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,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "astw:mt-4",
+            onClick: () => window.history.back(),
+            children: e("goBack")
+          }
+        )
+      ] })
+    ] }) });
+  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__ */ 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,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "astw:mt-4",
+          onClick: () => window.location.reload(),
+          children: e("tryAgain")
+        }
+      )
+    ] })
+  ] }) });
+}, $t = (t) => ({
+  modules: t.modules,
+  settingsResources: t.settingsResources ?? [],
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(E, {}),
+  basePath: t.basePath,
+  locale: t.locale ?? zt()
+}), ct = $({
+  navItems: [],
+  configurations: {
+    modules: [],
+    settingsResources: [],
+    errorBoundary: /* @__PURE__ */ a(E, {}),
+    locale: C
+  }
+}), y = () => F(ct), Ft = () => {
+  const t = R();
+  return /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
+    /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
+  ] });
+}, J = () => /* @__PURE__ */ c(N, { children: [
+  /* @__PURE__ */ a(W, {}),
+  /* @__PURE__ */ a(Lt, {})
+] }), Kt = () => {
+  const { configurations: t } = y(), e = R(), s = Dt();
+  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,
+        {
+          variant: n ? "secondary" : "ghost",
+          className: "astw:w-full astw:justify-start",
+          children: [
+            r.meta.icon,
+            s(r.meta.title, r.path)
+          ]
+        }
+      ) }) }, r.path)) })
+    ] }) }),
+    /* @__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) {
+  return {
+    redirectTo: t
+  };
+}
+function O(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);
+  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) ? {
+    // Use loader for redirects
+    component: () => null,
+    loader: () => ot(r.redirectTo)
+  } : {
+    // Regular component with locale-aware title
+    component: wt(
+      { metaTitle: l, fallbackTitle: d },
+      (w) => r({ title: w, resources: n })
+    )
+  };
+  return {
+    path: e,
+    type: "component",
+    _type: "module",
+    ...i,
+    meta: {
+      title: l,
+      ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
+      ...s,
+      menuItemClickable: !O(r),
+      icon: t.meta?.icon
+    },
+    resources: n,
+    errorBoundary: o || /* @__PURE__ */ a(E, {})
+  };
+}
+function Xe(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o } = t, l = n?.title ?? k(e), d = k(e);
+  return {
+    _type: "resource",
+    type: "component",
+    path: e,
+    meta: {
+      title: l,
+      icon: n?.icon,
+      ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
+    },
+    component: wt(
+      { metaTitle: l, fallbackTitle: d },
+      (i) => s({ title: i, resources: r })
+    ),
+    subResources: r,
+    errorBoundary: o ?? /* @__PURE__ */ a(E, {})
+  };
+}
+const G = (t) => () => /* @__PURE__ */ a(N, { children: t }), ut = (t, e, s) => {
+  const r = t.errorBoundary || s, n = {
+    index: !0,
+    Component: t.component,
+    ...t.loader && { loader: t.loader }
+  };
+  return {
+    path: t.path,
+    ...t.errorBoundary && {
+      ErrorBoundary: G(t.errorBoundary)
+    },
+    ...e && e.length > 0 ? {
+      children: [
+        n,
+        ...e.map(
+          (o) => ut(o, o.subResources, r)
+        )
+      ]
+    } : {
+      children: [n]
+    }
+  };
+}, Ht = (t) => t.map(
+  (e) => ut(e, e.resources, e.errorBoundary)
+), Ut = ({
+  modules: t,
+  settingsResources: e,
+  rootComponent: s
+}) => {
+  const r = O(s) ? {
+    index: !0,
+    loader: () => ot(s.redirectTo)
+  } : {
+    index: !0,
+    Component: s ?? Ft
+  }, n = e.length > 0 ? [
+    {
+      path: "settings",
+      index: !0,
+      Component: () => /* @__PURE__ */ a(
+        Nt,
+        {
+          to: e[0].path,
+          relative: "path",
+          replace: !0
+        }
+      )
+    },
+    {
+      path: "settings",
+      Component: Kt,
+      children: e.map((o) => ({
+        path: o.path,
+        Component: o.component,
+        ...o.errorBoundary && {
+          ErrorBoundary: G(o.errorBoundary)
+        }
+      }))
+    }
+  ] : [];
+  return [
+    r,
+    {
+      children: Ht(t)
+    },
+    ...n,
+    {
+      path: "*",
+      loader: () => {
+        throw new Response("Not Found", { status: 404 });
+      }
+    }
+  ];
+}, Wt = (t) => {
+  const { configurations: e } = y(), { rootComponent: s, children: r } = t, n = Ut({
+    modules: e.modules,
+    settingsResources: e.settingsResources,
+    rootComponent: s
+  }), o = e.errorBoundary, l = [
+    {
+      element: r,
+      children: o ? [
+        {
+          element: /* @__PURE__ */ a(W, {}),
+          ErrorBoundary: G(o),
+          children: n
+        }
+      ] : n
+    }
+  ], d = e.basePath ? "/" + e.basePath : void 0, i = t.memory ? kt(l, {
+    basename: d,
+    ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
+  }) : Bt(l, {
+    basename: d
+  });
+  return /* @__PURE__ */ a(Pt, { router: i });
+}, Vt = {
+  resolvedTheme: "light",
+  theme: "system",
+  setTheme: () => null
+}, mt = $(Vt);
+function qt({
+  children: t,
+  storageKey: e,
+  defaultTheme: s = "system",
+  ...r
+}) {
+  const [n, o] = K(
+    () => localStorage.getItem(e) || s
+  ), l = H(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  U(() => {
+    const i = window.document.documentElement;
+    i.classList.remove("light", "dark"), i.classList.add(l);
+  }, [l]);
+  const d = {
+    resolvedTheme: l,
+    theme: n,
+    setTheme: (i) => {
+      localStorage.setItem(e, i), o(i);
+    }
+  };
+  return /* @__PURE__ */ a(mt.Provider, { ...r, value: d, children: t });
+}
+const Gt = () => {
+  const t = F(mt);
+  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() {
+    s(!0);
+  }, []);
+  const r = $t(t), n = H(() => {
+    const o = t.modules, l = dt(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}`
+      }));
+      return {
+        title: i,
+        url: d.meta.menuItemClickable ? d.path : void 0,
+        clickable: d.component,
+        icon: d.meta.icon || /* @__PURE__ */ a(ft, {}),
+        isActive: !0,
+        items: w
+      };
+    });
+  }, [t.modules, r.locale]);
+  return e ? /* @__PURE__ */ a(
+    ct.Provider,
+    {
+      value: {
+        title: t.title,
+        icon: t.icon,
+        configurations: r,
+        navItems: n
+      },
+      children: /* @__PURE__ */ a(qt, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Wt, { rootComponent: t.rootComponent, children: t.children }) })
+    }
+  ) : null;
+};
+function Xt({
+  ...t
+}) {
+  return /* @__PURE__ */ a(V.Root, { "data-slot": "collapsible", ...t });
+}
+function Z({
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    V.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...t
+    }
+  );
+}
+function Yt({
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    V.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...t
+    }
+  );
+}
+const z = 768;
+function Qt() {
+  const [t, e] = b.useState(
+    void 0
+  );
+  return b.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${z - 1}px)`), r = () => {
+      e(window.innerWidth < z);
+    };
+    return s.addEventListener("change", r), e(window.innerWidth < z), () => s.removeEventListener("change", r);
+  }, []), !!t;
+}
+function Jt({ ...t }) {
+  return /* @__PURE__ */ a(x.Root, { "data-slot": "sheet", ...t });
+}
+function Zt({
+  ...t
+}) {
+  return /* @__PURE__ */ a(x.Portal, { "data-slot": "sheet-portal", ...t });
+}
+function te({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    x.Overlay,
+    {
+      "data-slot": "sheet-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 ee({
+  className: t,
+  children: e,
+  side: s = "right",
+  ...r
+}) {
+  return /* @__PURE__ */ c(Zt, { children: [
+    /* @__PURE__ */ a(te, {}),
+    /* @__PURE__ */ c(
+      x.Content,
+      {
+        "data-slot": "sheet-content",
+        className: u(
+          "astw:bg-background astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:fixed astw:z-50 astw:flex astw:flex-col astw:gap-4 astw:shadow-lg astw:transition astw:ease-in-out astw:data-[state=closed]:duration-300 astw:data-[state=open]:duration-500",
+          s === "right" && "astw:data-[state=closed]:slide-out-to-right astw:data-[state=open]:slide-in-from-right astw:inset-y-0 astw:right-0 astw:h-full astw:w-3/4 astw:border-l astw:sm:max-w-sm",
+          s === "left" && "astw:data-[state=closed]:slide-out-to-left astw:data-[state=open]:slide-in-from-left astw:inset-y-0 astw:left-0 astw:h-full astw:w-3/4 astw:border-r astw:sm:max-w-sm",
+          s === "top" && "astw:data-[state=closed]:slide-out-to-top astw:data-[state=open]:slide-in-from-top astw:inset-x-0 astw:top-0 astw:h-auto astw:border-b",
+          s === "bottom" && "astw:data-[state=closed]:slide-out-to-bottom astw:data-[state=open]:slide-in-from-bottom astw:inset-x-0 astw:bottom-0 astw:h-auto astw:border-t",
+          t
+        ),
+        ...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__ */ a("span", { className: "astw:sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function ae({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: u("astw:flex astw:flex-col astw:gap-1.5 astw:p-4", t),
+      ...e
+    }
+  );
+}
+function se({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    x.Title,
+    {
+      "data-slot": "sheet-title",
+      className: u("astw:text-foreground astw:font-semibold", t),
+      ...e
+    }
+  );
+}
+function re({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    x.Description,
+    {
+      "data-slot": "sheet-description",
+      className: u("astw:text-muted-foreground astw:text-sm", t),
+      ...e
+    }
+  );
+}
+function ht({
+  delayDuration: t = 0,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    S.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...e
+    }
+  );
+}
+function ne({
+  ...t
+}) {
+  return /* @__PURE__ */ a(ht, { children: /* @__PURE__ */ a(S.Root, { "data-slot": "tooltip", ...t }) });
+}
+function oe({
+  ...t
+}) {
+  return /* @__PURE__ */ a(S.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function ie({
+  className: t,
+  sideOffset: e = 0,
+  children: s,
+  ...r
+}) {
+  return /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ c(
+    S.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: e,
+      className: u(
+        "astw:bg-primary astw:text-primary-foreground astw:animate-in astw:fade-in-0 astw:zoom-in-95 astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=closed]:zoom-out-95 astw:data-[side=bottom]:slide-in-from-top-2 astw:data-[side=left]:slide-in-from-right-2 astw:data-[side=right]:slide-in-from-left-2 astw:data-[side=top]:slide-in-from-bottom-2 astw:z-50 astw:w-fit astw:origin-(--radix-tooltip-content-transform-origin) astw:rounded-md astw:px-3 astw:py-1.5 astw:text-xs astw:text-balance",
+        t
+      ),
+      ...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]" })
+      ]
+    }
+  ) });
+}
+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);
+  if (!t)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return t;
+}
+function he({
+  defaultOpen: t = !0,
+  open: e,
+  onOpenChange: s,
+  className: r,
+  style: n,
+  children: o,
+  ...l
+}) {
+  const d = Qt(), [i, w] = b.useState(!1), [m, h] = b.useState(t), g = e ?? m, v = b.useCallback(
+    (p) => {
+      const f = typeof p == "function" ? p(g) : p;
+      s ? s(f) : h(f), document.cookie = `${le}=${f}; path=/; max-age=${de}`;
+    },
+    [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());
+    };
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+  }, [T]);
+  const _ = g ? "expanded" : "collapsed", X = b.useMemo(
+    () => ({
+      state: _,
+      open: g,
+      setOpen: v,
+      isMobile: d,
+      openMobile: i,
+      setOpenMobile: w,
+      toggleSidebar: T
+    }),
+    [_, g, v, d, i, w, T]
+  );
+  return /* @__PURE__ */ a(pt.Provider, { value: X, children: /* @__PURE__ */ a(ht, { delayDuration: 0, children: /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": ce,
+        "--sidebar-width-icon": ue,
+        ...n
+      },
+      className: u(
+        "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full",
+        r
+      ),
+      ...l,
+      children: o
+    }
+  ) }) });
+}
+function pe({
+  side: t = "left",
+  variant: e = "sidebar",
+  collapsible: s = "offcanvas",
+  className: r,
+  children: n,
+  ...o
+}) {
+  const { isMobile: l, state: d, openMobile: i, setOpenMobile: w } = I();
+  return s === "none" ? /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "sidebar",
+      className: u(
+        "astw:bg-sidebar astw:text-sidebar-foreground astw:flex astw:h-full astw:w-(--sidebar-width) astw:flex-col",
+        r
+      ),
+      ...o,
+      children: n
+    }
+  ) : l ? /* @__PURE__ */ a(Jt, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
+    ee,
+    {
+      "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
+      },
+      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__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
+      ]
+    }
+  ) }) : /* @__PURE__ */ c(
+    "div",
+    {
+      className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
+      "data-state": d,
+      "data-collapsible": d === "collapsed" ? s : "",
+      "data-variant": e,
+      "data-side": t,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: u(
+              "astw:relative astw:w-(--sidebar-width) astw:bg-transparent astw:transition-[width] astw:duration-200 astw:ease-linear",
+              "astw:group-data-[collapsible=offcanvas]:w-0",
+              "astw:group-data-[side=right]:rotate-180",
+              e === "floating" || e === "inset" ? "astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            )
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            className: u(
+              "astw:fixed astw:inset-y-0 astw:z-10 astw:hidden astw:h-svh astw:w-(--sidebar-width) astw:transition-[left,right,width] astw:duration-200 astw:ease-linear astw:md:flex",
+              t === "left" ? "astw:left-0 astw:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "astw:right-0 astw:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              // Adjust the padding for floating and inset variants.
+              e === "floating" || e === "inset" ? "astw:p-2 astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon) astw:group-data-[side=left]:border-r astw:group-data-[side=right]:border-l",
+              e === "inset" && "astw:border-x astw:border-x-border",
+              r
+            ),
+            ...o,
+            children: /* @__PURE__ */ a(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                className: "astw:bg-sidebar astw:group-data-[variant=floating]:border-sidebar-border astw:flex astw:h-full astw:w-full astw:flex-col astw:group-data-[variant=floating]:rounded-lg astw:group-data-[variant=floating]:border astw:group-data-[variant=floating]:shadow-sm",
+                children: n
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function gt({
+  className: t,
+  onClick: e,
+  ...s
+}) {
+  const { toggleSidebar: r } = I();
+  return /* @__PURE__ */ c(
+    B,
+    {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      size: "icon",
+      className: u("astw:text-muted-foreground", t),
+      onClick: (n) => {
+        e?.(n), r();
+      },
+      ...s,
+      children: [
+        /* @__PURE__ */ a(xt, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+}
+function ge({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "main",
+    {
+      "data-slot": "sidebar-inset",
+      className: u(
+        "astw:bg-background astw:relative astw:flex astw:w-full astw:flex-1 astw:flex-col",
+        "astw:px-4 astw:md:peer-data-[variant=inset]:px-8 astw:md:peer-data-[variant=inset]:py-2",
+        //  astw:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:pl-2
+        t
+      ),
+      ...e
+    }
+  );
+}
+function be({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: u("astw:flex astw:flex-row astw:items-center astw:gap-0.5 astw:p-2", t),
+      ...e
+    }
+  );
+}
+function fe({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: u(
+        "astw:flex astw:min-h-0 astw:flex-1 astw:flex-col astw:gap-2 astw:overflow-auto astw:group-data-[collapsible=icon]:overflow-hidden",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function ve({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: u("astw:relative astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:p-2", t),
+      ...e
+    }
+  );
+}
+function xe({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "ul",
+    {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: u("astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:gap-1", t),
+      ...e
+    }
+  );
+}
+function ye({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: u("astw:group/menu-item astw:relative", t),
+      ...e
+    }
+  );
+}
+const Te = lt(
+  "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: {
+      variant: {
+        default: "astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground",
+        outline: "astw:bg-background astw:shadow-[0_0_0_1px_hsl(var(--sidebar-border))] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "astw:h-8 astw:text-sm",
+        sm: "astw:h-7 astw:rounded-md astw:gap-1.5 astw:px-3 astw:has-[>svg]:px-2.5",
+        lg: "astw:h-12 astw:text-sm astw:group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function tt({
+  asChild: t = !1,
+  isActive: e = !1,
+  variant: s = "default",
+  size: r = "default",
+  tooltip: n,
+  className: o,
+  ...l
+}) {
+  const d = t ? P : "button", { isMobile: i, state: w } = I(), m = /* @__PURE__ */ a(
+    d,
+    {
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": r,
+      "data-active": e,
+      className: u(Te({ variant: s, size: r }), o),
+      ...l
+    }
+  );
+  return n ? (typeof n == "string" && (n = {
+    children: n
+  }), /* @__PURE__ */ c(ne, { children: [
+    /* @__PURE__ */ a(oe, { asChild: !0, children: m }),
+    /* @__PURE__ */ a(
+      ie,
+      {
+        side: "right",
+        align: "center",
+        hidden: w !== "collapsed" || i,
+        ...n
+      }
+    )
+  ] })) : m;
+}
+function et({
+  className: t,
+  asChild: e = !1,
+  showOnHover: s = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    e ? P : "button",
+    {
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      className: u(
+        "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:peer-hover/menu-button:text-sidebar-accent-foreground astw:absolute astw:top-1.5 astw:right-1 astw:flex astw:aspect-square astw:w-5 astw:items-center astw:justify-center astw:rounded-md astw:p-0 astw:outline-hidden astw:transition-transform astw:focus-visible:ring-2 astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "astw:after:absolute astw:after:-inset-2 astw:md:after:hidden",
+        "astw:peer-data-[size=sm]/menu-button:top-1",
+        "astw:peer-data-[size=default]/menu-button:top-1.5",
+        "astw:peer-data-[size=lg]/menu-button:top-2.5",
+        "astw:group-data-[collapsible=icon]:hidden",
+        s && "astw:peer-data-[active=true]/menu-button:text-sidebar-accent-foreground astw:group-focus-within/menu-item:opacity-100 astw:group-hover/menu-item:opacity-100 astw:data-[state=open]:opacity-100 astw:md:opacity-0",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function Se({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "ul",
+    {
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: u(
+        "astw:border-sidebar-border astw:mx-3.5 astw:flex astw:min-w-0 astw:translate-x-px astw:flex-col astw:gap-1 astw:border-l astw:px-2.5 astw:py-0.5",
+        "astw:group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function Ce({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: u("astw:group/menu-sub-item astw:relative", t),
+      ...e
+    }
+  );
+}
+function Ne({
+  asChild: t = !1,
+  size: e = "md",
+  isActive: s = !1,
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    t ? P : "a",
+    {
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": e,
+      "data-active": s,
+      className: u(
+        "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:[&>svg]:text-sidebar-accent-foreground astw:flex astw:h-7 astw:min-w-0 astw:-translate-x-px astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:px-2 astw:outline-hidden astw:focus-visible:ring-2 astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
+        "astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:text-sidebar-accent-foreground",
+        e === "sm" && "astw:text-xs",
+        e === "md" && "astw:text-sm",
+        "astw:group-data-[collapsible=icon]:hidden",
+        r
+      ),
+      ...n
+    }
+  );
+}
+function j({ to: t, children: e, ...s }) {
+  try {
+    return Rt(t), /* @__PURE__ */ a(_t, { to: t, ...s, children: e });
+  } catch {
+    return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
+  }
+}
+function at({ ...t }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
+}
+function st({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: u(
+        "astw:text-muted-foreground astw:flex astw:flex-wrap astw:items-center astw:gap-1.5 astw:text-sm astw:break-words astw:sm:gap-2.5",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function rt({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: u("astw:inline-flex astw:items-center astw:gap-1.5", t),
+      ...e
+    }
+  );
+}
+function nt({
+  asChild: t,
+  className: e,
+  children: s,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    t ? P : j,
+    {
+      "data-slot": "breadcrumb-link",
+      className: u("astw:hover:text-foreground astw:transition-colors", e),
+      ...r,
+      children: s
+    }
+  );
+}
+function ke({
+  children: t,
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: u("astw:[&>svg]:size-3.5", e),
+      ...s,
+      children: t ?? /* @__PURE__ */ a(D, {})
+    }
+  );
+}
+const Be = (t, e) => {
+  const s = dt(e);
+  return t.reduce(
+    (r, n) => {
+      const o = s(n.meta.title, n.path);
+      r[n.path] = {
+        title: o,
+        breadcrumbTitle: n.meta.breadcrumbTitle
+      };
+      const l = (d, i) => {
+        !d || d.length === 0 || d.forEach((w) => {
+          const m = `${i}/${w.path}`, h = s(
+            w.meta.title,
+            w.path
+          );
+          r[m] = {
+            title: h,
+            breadcrumbTitle: w.meta.breadcrumbTitle
+          }, w.subResources && w.subResources.length > 0 && l(
+            w.subResources,
+            m
+          );
+        });
+      };
+      return n.resources && n.resources.length > 0 && l(n.resources, n.path), r;
+    },
+    {}
+  );
+};
+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);
+        }
+      )?.[1];
+      v && (h = v);
+    }
+    let g;
+    return h ? typeof h.breadcrumbTitle == "function" ? g = h.breadcrumbTitle(i) : typeof h.breadcrumbTitle == "string" ? g = h.breadcrumbTitle : g = h.title : g = decodeURIComponent(i), {
+      segment: i,
+      path: m,
+      title: g
+    };
+  });
+  return {
+    basePath: e || null,
+    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 = () => {
+    s.setTheme(s.theme === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ a(he, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(_e, {}),
+    /* @__PURE__ */ c(ge, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+      /* @__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("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:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(J, {}) })
+    ] })
+  ] }) });
+}, _e = (t) => {
+  const { title: e, icon: s, navItems: r } = y(), { pathname: n } = it(), o = R(), l = /* @__PURE__ */ c(be, { children: [
+    s,
+    /* @__PURE__ */ a("h1", { className: "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", children: e })
+  ] });
+  return /* @__PURE__ */ c(pe, { variant: "inset", children: [
+    /* @__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(fe, { children: /* @__PURE__ */ a(ve, { children: /* @__PURE__ */ a(xe, { children: r.map((i) => /* @__PURE__ */ a(
+      Xt,
+      {
+        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,
+              {
+                to: i.url,
+                className: i.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
+                children: [
+                  i.icon,
+                  /* @__PURE__ */ a("span", { children: i.title })
+                ]
+              }
+            ) }),
+            !!i.items?.length && /* @__PURE__ */ a(Z, { asChild: !0, children: /* @__PURE__ */ c(et, { className: "astw:data-[state=open]:rotate-90", children: [
+              /* @__PURE__ */ a(D, {}),
+              /* @__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: [
+              i.icon,
+              /* @__PURE__ */ a("span", { children: i.title })
+            ] }) }),
+            !!i.items?.length && /* @__PURE__ */ a(
+              et,
+              {
+                className: "astw-rotate-target",
+                asChild: !0,
+                children: /* @__PURE__ */ c("span", { children: [
+                  /* @__PURE__ */ a(D, {}),
+                  /* @__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,
+            {
+              to: w.url,
+              className: w.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
+              children: /* @__PURE__ */ a("span", { children: w.title })
+            }
+          ) }) }, w.title)) }) })
+        ] })
+      },
+      i.title
+    )) }) }) }),
+    t.footer ?? null
+  ] });
+}, Ee = () => {
+  const { configurations: t } = y(), e = it();
+  return Pe(
+    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(
+    "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, {})
+      ]
+    },
+    n
+  )) }) });
+}, A = "oauth_pkce_verifier", L = "oauth_state", Ae = ({
+  apiEndpoint: t,
+  clientId: e,
+  state: s,
+  codeChallenge: r,
+  redirectUri: n
+}) => {
+  const o = new URL(`${t}/oauth2/authorize`);
+  return o.searchParams.set("response_type", "code"), o.searchParams.set("client_id", e), o.searchParams.set(
+    "redirect_uri",
+    n ?? window.location.origin
+  ), o.searchParams.set("scope", "openid profile email"), o.searchParams.set("state", s), o.searchParams.set("code_challenge", r), o.searchParams.set("code_challenge_method", "S256"), o.toString();
+}, Le = async ({
+  code: t,
+  returnedState: e,
+  apiEndpoint: s,
+  clientId: r,
+  redirectUri: n
+}) => {
+  const o = sessionStorage.getItem(A), l = sessionStorage.getItem(L);
+  if (!t || !e || !o || !l) {
+    const i = [];
+    throw t || i.push("code"), e || i.push("returnedState"), o || i.push("code_verifier"), l || i.push("expectedState"), new Error(`Missing params: ${i.join(", ")}`);
+  }
+  if (e !== l)
+    throw new Error("State mismatch: possible CSRF attack");
+  const d = new URLSearchParams({
+    grant_type: "authorization_code",
+    client_id: r,
+    code: t,
+    redirect_uri: n ?? window.location.origin,
+    code_verifier: o
+  });
+  try {
+    const i = await fetch(`${s}/oauth2/token`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded",
+        Accept: "application/json",
+        "X-Tailor-Nonce": crypto.randomUUID()
+      },
+      credentials: "include",
+      body: d.toString()
+    }), { access_token: w } = await i.json();
+    return w;
+  } catch (i) {
+    throw new Error(
+      `Token exchange failed: ${i instanceof Error ? i.message : String(i)}`
+    );
+  }
+}, Me = async () => {
+  const t = M.generateRandomCodeVerifier(), e = await M.calculatePKCECodeChallenge(t), s = M.generateRandomState();
+  return sessionStorage.setItem(A, t), sessionStorage.setItem(L, s), { codeChallenge: e, state: s };
+}, Je = async ({
+  currentUrl: t,
+  apiEndpoint: e,
+  clientId: s,
+  redirectUri: r
+}) => {
+  try {
+    const n = t.searchParams.get("code"), o = t.searchParams.get("state");
+    await Le({
+      apiEndpoint: e,
+      clientId: s,
+      code: n,
+      returnedState: o,
+      redirectUri: r
+    });
+  } catch (n) {
+    console.error(n);
+  } finally {
+    sessionStorage.removeItem(A), sessionStorage.removeItem(L), t.searchParams.delete("code"), t.searchParams.delete("state"), t.searchParams.delete("error"), t.searchParams.delete("error_description"), window.history.replaceState({}, document.title, t.toString());
+  }
+}, bt = $(void 0), Ze = () => {
+  const t = F(bt);
+  if (t === void 0)
+    throw new Error(
+      "useBuiltinIdpAuth must be used within an BuiltinIdPAuthContextProvider"
+    );
+  return t;
+}, ta = ({
+  apiEndpoint: t,
+  clientId: e,
+  redirectUri: s,
+  children: r
+}) => {
+  const [n, o] = K(!1), l = Q(async () => {
+    const { codeChallenge: i, state: w } = await Me(), m = Ae({
+      apiEndpoint: t,
+      clientId: e,
+      codeChallenge: i,
+      state: w,
+      redirectUri: s
+    });
+    window.location.href = m;
+  }, [t, e, s]);
+  U(() => {
+    (async () => (await (await fetch(`${t}/query`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-Tailor-Nonce": crypto.randomUUID()
+      },
+      credentials: "include",
+      // Include HTTP-only cookies
+      body: JSON.stringify({
+        query: "query Myself(){ me { id }}"
+      })
+    })).json()).data.me ? o(!0) : l())();
+  }, [t, l]);
+  const d = Q(async () => {
+    sessionStorage.removeItem(A), sessionStorage.removeItem(L);
+    try {
+      await fetch(`${t}/oauth2/revoke`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+          "X-Tailor-Nonce": crypto.randomUUID()
+        },
+        credentials: "include",
+        body: ""
+      }), window.location.href = "/";
+    } catch (i) {
+      console.error(i);
+    }
+  }, [t]);
+  return /* @__PURE__ */ a(
+    bt.Provider,
+    {
+      value: H(
+        () => ({
+          login: l,
+          logout: d
+        }),
+        [l, d]
+      ),
+      children: n ? r : null
+    }
+  );
+};
+export {
+  Ye as AppShell,
+  ta as BuiltinIdPAuthProvider,
+  _e as DefaultSidebar,
+  sa as Link,
+  L as OAUTH_STATE_KEY,
+  A as PKCE_VERIFIER_KEY,
+  Qe as SidebarLayout,
+  Ae as buildAuthorizationUrl,
+  Ot as defineI18nLabels,
+  Ge as defineModule,
+  Xe as defineResource,
+  Le as exchangeCodeForToken,
+  Je as handleOAuthCallback,
+  Me as prepareLogin,
+  qe as redirectToResource,
+  y as useAppShell,
+  Ze as useBuiltinIdpAuth,
+  ra as useLocation,
+  na as useNavigate,
+  oa as useParams,
+  ia as useRouteError,
+  la as useSearchParams,
+  Gt as useTheme
+};