@tailor-platform/app-shell 0.17.1 → 0.19.0

package/dist/app-shell.js

@@ -0,0 +1,1316 @@
+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 "@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 { createAuthClient as Mt } from "@tailor-platform/auth-browser-client";
+function u(...t) {
+  return Et(Rt(t));
+}
+const _t = rt(
+  "astw:inline-flex astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive",
+  {
+    variants: {
+      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 ? R : "button",
+    {
+      "data-slot": "button",
+      className: u(_t({ variant: e, size: s, className: t })),
+      ...n
+    }
+  );
+}
+const C = "en", Pt = () => {
+  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;
+  }
+}, F = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, nt = (t) => {
+  const e = F(t);
+  return (s, r) => e(s, typeof s == "string" ? s : k(r));
+}, It = () => {
+  const { configurations: t } = y(), e = F(t.locale);
+  return (s, r) => e(s, r);
+}, zt = (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;
+    }
+  };
+}, Dt = zt({
+  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: "その他"
+  }
+}), E = Dt.useT, M = () => {
+  const t = pt(), e = E(), s = {
+    role: "alert",
+    "aria-label": "default-error-boundary"
+  };
+  if (vt(t) && t.status === 404)
+    return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
+      /* @__PURE__ */ a(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ c("div", { children: [
+        /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("error404Title") }),
+        /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: e("error404Body") }),
+        /* @__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(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ c("div", { children: [
+      /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("errorTitle") }),
+      /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: r }),
+      /* @__PURE__ */ a(
+        B,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "astw:mt-4",
+          onClick: () => window.location.reload(),
+          children: e("tryAgain")
+        }
+      )
+    ] })
+  ] }) });
+}, Ot = (t) => ({
+  modules: t.modules,
+  settingsResources: t.settingsResources ?? [],
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(M, {}),
+  basePath: t.basePath,
+  locale: t.locale ?? Pt()
+}), ot = O({
+  navItems: [],
+  configurations: {
+    modules: [],
+    settingsResources: [],
+    errorBoundary: /* @__PURE__ */ a(M, {}),
+    locale: C
+  }
+}), y = () => $(ot), $t = () => {
+  const t = E();
+  return /* @__PURE__ */ c(S, { children: [
+    /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
+    /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
+  ] });
+}, V = () => /* @__PURE__ */ c(S, { children: [
+  /* @__PURE__ */ a(H, {}),
+  /* @__PURE__ */ a(At, {})
+] }), jt = () => {
+  const { configurations: t } = y(), e = E(), s = It();
+  return /* @__PURE__ */ c("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
+    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ c("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
+      /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(xt, { 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(H, {}) })
+  ] });
+};
+function Fe(t) {
+  return {
+    redirectTo: t
+  };
+}
+function z(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);
+  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) ? {
+    // Use loader for redirects
+    component: () => null,
+    loader: () => at(r.redirectTo)
+  } : {
+    // Regular component with locale-aware title
+    component: it(
+      { 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: !z(r),
+      icon: t.meta?.icon
+    },
+    resources: n,
+    errorBoundary: o || /* @__PURE__ */ a(M, {})
+  };
+}
+function Ke(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o } = t, l = n?.title ?? k(e), d = k(e);
+  return {
+    _type: "resource",
+    type: "component",
+    path: e,
+    meta: {
+      title: l,
+      icon: n?.icon,
+      ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
+    },
+    component: it(
+      { metaTitle: l, fallbackTitle: d },
+      (i) => s({ title: i, resources: r })
+    ),
+    subResources: r,
+    errorBoundary: o ?? /* @__PURE__ */ a(M, {})
+  };
+}
+const Q = (t) => () => /* @__PURE__ */ a(S, { children: t }), lt = (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: Q(t.errorBoundary)
+    },
+    ...e && e.length > 0 ? {
+      children: [
+        n,
+        ...e.map(
+          (o) => lt(o, o.subResources, r)
+        )
+      ]
+    } : {
+      children: [n]
+    }
+  };
+}, Ut = (t) => t.map(
+  (e) => lt(e, e.resources, e.errorBoundary)
+), Ht = ({
+  modules: t,
+  settingsResources: e,
+  rootComponent: s
+}) => {
+  const r = z(s) ? {
+    index: !0,
+    loader: () => at(s.redirectTo)
+  } : {
+    index: !0,
+    Component: s ?? $t
+  }, n = e.length > 0 ? [
+    {
+      path: "settings",
+      index: !0,
+      Component: () => /* @__PURE__ */ a(
+        yt,
+        {
+          to: e[0].path,
+          relative: "path",
+          replace: !0
+        }
+      )
+    },
+    {
+      path: "settings",
+      Component: jt,
+      children: e.map((o) => ({
+        path: o.path,
+        Component: o.component,
+        ...o.errorBoundary && {
+          ErrorBoundary: Q(o.errorBoundary)
+        }
+      }))
+    }
+  ] : [];
+  return [
+    r,
+    {
+      children: Ut(t)
+    },
+    ...n,
+    {
+      path: "*",
+      loader: () => {
+        throw new Response("Not Found", { status: 404 });
+      }
+    }
+  ];
+}, Wt = (t) => {
+  const { configurations: e } = y(), { rootComponent: s, children: r } = t, n = Ht({
+    modules: e.modules,
+    settingsResources: e.settingsResources,
+    rootComponent: s
+  }), o = e.errorBoundary, l = [
+    {
+      element: r,
+      children: o ? [
+        {
+          element: /* @__PURE__ */ a(H, {}),
+          ErrorBoundary: Q(o),
+          children: n
+        }
+      ] : n
+    }
+  ], d = e.basePath ? "/" + e.basePath : void 0, i = t.memory ? Tt(l, {
+    basename: d,
+    ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
+  }) : Nt(l, {
+    basename: d
+  });
+  return /* @__PURE__ */ a(Ct, { router: i });
+}, Ft = {
+  resolvedTheme: "light",
+  theme: "system",
+  setTheme: () => null
+}, dt = O(Ft);
+function Qt({
+  children: t,
+  storageKey: e,
+  defaultTheme: s = "system",
+  ...r
+}) {
+  const [n, o] = j(
+    () => localStorage.getItem(e) || s
+  ), l = U(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  L(() => {
+    const i = window.document.documentElement;
+    i.classList.remove("light", "dark"), i.classList.add(l);
+  }, [l]);
+  const d = {
+    resolvedTheme: l,
+    theme: n,
+    setTheme: (i) => {
+      localStorage.setItem(e, i), o(i);
+    }
+  };
+  return /* @__PURE__ */ a(dt.Provider, { ...r, value: d, children: t });
+}
+const Kt = () => {
+  const t = $(dt);
+  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() {
+    s(!0);
+  }, []);
+  const r = Ot(t), n = U(() => {
+    const o = t.modules, l = nt(r.locale);
+    return o.map((d) => {
+      const i = l(d.meta.title, d.path), w = d.resources.map((m) => ({
+        title: l(m.meta.title, m.path),
+        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(ht, {}),
+        isActive: !0,
+        items: w
+      };
+    });
+  }, [t.modules, r.locale]);
+  return e ? /* @__PURE__ */ a(
+    ot.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 Gt({
+  ...t
+}) {
+  return /* @__PURE__ */ a(W.Root, { "data-slot": "collapsible", ...t });
+}
+function q({
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    W.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...t
+    }
+  );
+}
+function Vt({
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    W.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...t
+    }
+  );
+}
+const P = 768;
+function qt() {
+  const [t, e] = g.useState(
+    void 0
+  );
+  return g.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${P - 1}px)`), r = () => {
+      e(window.innerWidth < P);
+    };
+    return s.addEventListener("change", r), e(window.innerWidth < P), () => s.removeEventListener("change", r);
+  }, []), !!t;
+}
+function Xt({ ...t }) {
+  return /* @__PURE__ */ a(x.Root, { "data-slot": "sheet", ...t });
+}
+function Yt({
+  ...t
+}) {
+  return /* @__PURE__ */ a(x.Portal, { "data-slot": "sheet-portal", ...t });
+}
+function Jt({
+  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 Zt({
+  className: t,
+  children: e,
+  side: s = "right",
+  ...r
+}) {
+  return /* @__PURE__ */ c(Yt, { children: [
+    /* @__PURE__ */ a(Jt, {}),
+    /* @__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(bt, { className: "astw:size-4" }),
+            /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function te({ 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 ee({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    x.Title,
+    {
+      "data-slot": "sheet-title",
+      className: u("astw:text-foreground astw:font-semibold", t),
+      ...e
+    }
+  );
+}
+function ae({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    x.Description,
+    {
+      "data-slot": "sheet-description",
+      className: u("astw:text-muted-foreground astw:text-sm", t),
+      ...e
+    }
+  );
+}
+function ct({
+  delayDuration: t = 0,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    N.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...e
+    }
+  );
+}
+function se({
+  ...t
+}) {
+  return /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ a(N.Root, { "data-slot": "tooltip", ...t }) });
+}
+function re({
+  ...t
+}) {
+  return /* @__PURE__ */ a(N.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function ne({
+  className: t,
+  sideOffset: e = 0,
+  children: s,
+  ...r
+}) {
+  return /* @__PURE__ */ a(N.Portal, { children: /* @__PURE__ */ c(
+    N.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(N.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+const oe = "sidebar_state", ie = 3600 * 24 * 7, le = "16rem", de = "18rem", ce = "3rem", we = "b", wt = g.createContext(null);
+function _() {
+  const t = g.useContext(wt);
+  if (!t)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return t;
+}
+function ue({
+  defaultOpen: t = !0,
+  open: e,
+  onOpenChange: s,
+  className: r,
+  style: n,
+  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}`;
+    },
+    [s, f]
+  ), T = g.useCallback(() => d ? w((b) => !b) : v((b) => !b), [d, v, w]);
+  g.useEffect(() => {
+    const b = (p) => {
+      p.key === we && (p.metaKey || p.ctrlKey) && (p.preventDefault(), T());
+    };
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+  }, [T]);
+  const A = f ? "expanded" : "collapsed", K = g.useMemo(
+    () => ({
+      state: A,
+      open: f,
+      setOpen: v,
+      isMobile: d,
+      openMobile: i,
+      setOpenMobile: w,
+      toggleSidebar: T
+    }),
+    [A, f, v, d, i, w, T]
+  );
+  return /* @__PURE__ */ a(wt.Provider, { value: K, children: /* @__PURE__ */ a(ct, { delayDuration: 0, children: /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": le,
+        "--sidebar-width-icon": ce,
+        ...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 me({
+  side: t = "left",
+  variant: e = "sidebar",
+  collapsible: s = "offcanvas",
+  className: r,
+  children: n,
+  ...o
+}) {
+  const { isMobile: l, state: d, openMobile: i, setOpenMobile: w } = _();
+  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(Xt, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
+    Zt,
+    {
+      "data-sidebar": "sidebar",
+      "data-slot": "sidebar",
+      "data-mobile": "true",
+      className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
+      style: {
+        "--sidebar-width": de
+      },
+      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__ */ 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 ut({
+  className: t,
+  onClick: e,
+  ...s
+}) {
+  const { toggleSidebar: r } = _();
+  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(ft, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+}
+function he({ 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 ge({ 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 pe({ 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 ve({ 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 xe = rt(
+  "astw:peer/menu-button astw:flex astw:w-full astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:p-2 astw:text-left astw:text-sm astw:outline-hidden astw:ring-sidebar-ring astw:transition-[width,height,padding] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:focus-visible:ring-2 astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:group-has-data-[sidebar=menu-action]/menu-item:pr-8 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:font-medium astw:data-[active=true]:text-sidebar-accent-foreground astw:data-[state=open]:hover:bg-sidebar-accent astw:data-[state=open]:hover:text-sidebar-accent-foreground astw:group-data-[collapsible=icon]:size-8! astw:group-data-[collapsible=icon]:p-2! astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
+  {
+    variants: {
+      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 X({
+  asChild: t = !1,
+  isActive: e = !1,
+  variant: s = "default",
+  size: r = "default",
+  tooltip: n,
+  className: o,
+  ...l
+}) {
+  const d = t ? R : "button", { isMobile: i, state: w } = _(), m = /* @__PURE__ */ a(
+    d,
+    {
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": r,
+      "data-active": e,
+      className: u(xe({ 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__ */ a(
+      ne,
+      {
+        side: "right",
+        align: "center",
+        hidden: w !== "collapsed" || i,
+        ...n
+      }
+    )
+  ] })) : m;
+}
+function Y({
+  className: t,
+  asChild: e = !1,
+  showOnHover: s = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    e ? R : "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 ye({ 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 Te({
+  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 ? R : "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 D({ to: t, children: e, ...s }) {
+  try {
+    return St(t), /* @__PURE__ */ a(kt, { to: t, ...s, children: e });
+  } catch {
+    return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
+  }
+}
+function J({ ...t }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
+}
+function Z({ 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 tt({ 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 et({
+  asChild: t,
+  className: e,
+  children: s,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    t ? R : D,
+    {
+      "data-slot": "breadcrumb-link",
+      className: u("astw:hover:text-foreground astw:transition-colors", e),
+      ...r,
+      children: s
+    }
+  );
+}
+function Ce({
+  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(I, {})
+    }
+  );
+}
+const Se = (t, e) => {
+  const s = nt(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 ke(t, e, s, r) {
+  const n = t.split("/").filter((i) => i !== ""), o = e && n[0] === e ? n.slice(1) : n, l = Se(s, r), d = o.map((i, w) => {
+    const m = o.slice(0, w + 1).join("/");
+    let h = l[m];
+    if (!h) {
+      const v = Object.entries(l).find(
+        ([T]) => {
+          const A = T.split("/").map((b) => b.startsWith(":") ? "[^/]+" : b).join("/");
+          return new RegExp(`^${A}$`).test(m);
+        }
+      )?.[1];
+      v && (h = v);
+    }
+    let f;
+    return h ? typeof h.breadcrumbTitle == "function" ? f = h.breadcrumbTitle(i) : typeof h.breadcrumbTitle == "string" ? f = h.breadcrumbTitle : f = h.title : f = decodeURIComponent(i), {
+      segment: i,
+      path: m,
+      title: f
+    };
+  });
+  return {
+    basePath: e || null,
+    segments: d
+  };
+}
+const Be = () => {
+  const { open: t } = _();
+  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(ut, { className: "astw:-ml-2.5" }) });
+}, Ve = (t) => {
+  const e = t.children ? t.children({ Outlet: V }) : null, s = Kt(), r = () => {
+    s.setTheme(s.theme === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ a(ue, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(Re, {}),
+    /* @__PURE__ */ c(he, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+      /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
+        /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
+          /* @__PURE__ */ a(Be, {}),
+          /* @__PURE__ */ a(Ae, {})
+        ] }),
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(B, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(gt, {}) }) })
+      ] }) }),
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(V, {}) })
+    ] })
+  ] }) });
+}, Re = (t) => {
+  const { title: e, icon: s, navItems: r } = y(), { pathname: n } = st(), o = E(), l = /* @__PURE__ */ c(be, { children: [
+    s,
+    /* @__PURE__ */ a("h1", { className: "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", children: e })
+  ] });
+  return /* @__PURE__ */ c(me, { variant: "inset", children: [
+    /* @__PURE__ */ c("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
+      t.header ?? l,
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(ut, { className: "astw:-ml-1" }) })
+    ] }),
+    /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a(ge, { children: /* @__PURE__ */ a(pe, { children: r.map((i) => /* @__PURE__ */ a(
+      Gt,
+      {
+        asChild: !0,
+        defaultOpen: i.isActive,
+        children: /* @__PURE__ */ c(ve, { children: [
+          i.url ? /* @__PURE__ */ c(S, { children: [
+            /* @__PURE__ */ a(X, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c(
+              D,
+              {
+                to: i.url,
+                className: i.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
+                children: [
+                  i.icon,
+                  /* @__PURE__ */ a("span", { children: i.title })
+                ]
+              }
+            ) }),
+            !!i.items?.length && /* @__PURE__ */ a(q, { asChild: !0, children: /* @__PURE__ */ c(Y, { className: "astw:data-[state=open]:rotate-90", children: [
+              /* @__PURE__ */ a(I, {}),
+              /* @__PURE__ */ a("span", { className: "astw:sr-only", children: o("toggle") })
+            ] }) })
+          ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(q, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
+            /* @__PURE__ */ a(X, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c("span", { className: "astw:flex astw:w-[100%]", children: [
+              i.icon,
+              /* @__PURE__ */ a("span", { children: i.title })
+            ] }) }),
+            !!i.items?.length && /* @__PURE__ */ a(
+              Y,
+              {
+                className: "astw-rotate-target",
+                asChild: !0,
+                children: /* @__PURE__ */ c("span", { children: [
+                  /* @__PURE__ */ a(I, {}),
+                  /* @__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,
+            {
+              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 = st();
+  return ke(
+    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(
+    "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, {})
+      ]
+    },
+    n
+  )) }) });
+}, mt = O(null), qe = (t) => {
+  const e = U(
+    () => Mt({
+      clientId: t.clientId,
+      appUri: t.apiEndpoint,
+      redirectUri: t.redirectUri,
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : Lt(t.meQuery))
+    }),
+    [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
+  ), [s, r] = j(
+    () => e.getState()
+  );
+  L(() => {
+    t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), L(
+    () => e.addEventListener((o) => {
+      o.type === "auth_state_changed" && r(o.data);
+    }),
+    [e]
+  );
+  const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
+  return /* @__PURE__ */ a(
+    mt.Provider,
+    {
+      value: {
+        authState: s,
+        login: async () => e.login(),
+        logout: async () => e.logout(),
+        checkAuthStatus: async () => e.checkAuthStatus(),
+        handleCallback: async () => e.handleCallback()
+      },
+      children: n
+    }
+  );
+}, Xe = () => {
+  const t = $(mt);
+  if (!t)
+    throw new Error("useAuth must be used within an AuthProvider");
+  return t;
+};
+export {
+  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
+};