@cortejojicoy/admin-kit 0.1.8

package/dist/client.cjs

@@ -0,0 +1,950 @@
+'use strict';
+
+var react = require('react');
+var navigation = require('next/navigation');
+var NextLink = require('next/link');
+var router = require('next/router');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var NextLink__default = /*#__PURE__*/_interopDefault(NextLink);
+
+// src/config/defaults.ts
+var DEFAULT_LOGIN_PATH = "/login";
+var DEFAULT_AFTER_LOGIN = "/";
+var DEFAULT_AFTER_LOGOUT = "/login";
+var DEFAULT_PUBLIC_ROUTES = ["/login", "/api/auth"];
+function resolveConfig(config) {
+  return {
+    ...config,
+    router: config.router ?? "app",
+    auth: {
+      ...config.auth,
+      loginPage: {
+        path: DEFAULT_LOGIN_PATH,
+        title: `Sign in to ${config.app.name}`,
+        ...config.auth.loginPage
+      },
+      afterLoginRedirect: config.auth.afterLoginRedirect ?? DEFAULT_AFTER_LOGIN,
+      afterLogoutRedirect: config.auth.afterLogoutRedirect ?? DEFAULT_AFTER_LOGOUT,
+      publicRoutes: config.auth.publicRoutes ?? DEFAULT_PUBLIC_ROUTES
+    },
+    layout: {
+      sidebarPosition: "left",
+      sidebarCollapsible: true,
+      sidebarDefaultCollapsed: false,
+      ...config.layout
+    },
+    theme: {
+      mode: "system",
+      ...config.theme
+    }
+  };
+}
+
+// src/auth/providers/JWTProvider.tsx
+var DEFAULT_COOKIE = "admin_kit_token";
+var DEFAULT_HEADER = { name: "Authorization", prefix: "Bearer " };
+function readToken(cfg) {
+  if (typeof window === "undefined") return null;
+  const storage = cfg.tokenStorage ?? "cookie";
+  const cookieName = cfg.cookieName ?? DEFAULT_COOKIE;
+  if (storage === "localStorage") return window.localStorage.getItem(cookieName);
+  if (storage === "memory") return memoryToken;
+  const match = document.cookie.match(new RegExp("(?:^|; )" + cookieName + "=([^;]*)"));
+  return match ? decodeURIComponent(match[1]) : null;
+}
+var memoryToken = null;
+function writeToken(cfg, token) {
+  if (typeof window === "undefined") return;
+  const storage = cfg.tokenStorage ?? "cookie";
+  const cookieName = cfg.cookieName ?? DEFAULT_COOKIE;
+  if (storage === "localStorage") {
+    if (token) window.localStorage.setItem(cookieName, token);
+    else window.localStorage.removeItem(cookieName);
+    return;
+  }
+  if (storage === "memory") {
+    memoryToken = token;
+    return;
+  }
+  if (token) {
+    document.cookie = `${cookieName}=${encodeURIComponent(token)}; path=/; SameSite=Lax`;
+  } else {
+    document.cookie = `${cookieName}=; path=/; Max-Age=0; SameSite=Lax`;
+  }
+}
+function authHeader(cfg, token) {
+  if (!token) return {};
+  const h = cfg.header ?? DEFAULT_HEADER;
+  return { [h.name]: `${h.prefix ?? ""}${token}` };
+}
+function createJWTProvider(cfg) {
+  const mapUser = cfg.mapUser ?? ((raw) => raw);
+  const mapTokens = cfg.mapTokens ?? ((raw) => {
+    const r = raw;
+    return {
+      accessToken: r.accessToken ?? r.token,
+      refreshToken: r.refreshToken,
+      expiresAt: r.expiresAt
+    };
+  });
+  async function getSession() {
+    const token = readToken(cfg);
+    if (!token) return null;
+    const res = await fetch(cfg.endpoints.me, {
+      credentials: "include",
+      headers: { ...authHeader(cfg, token) }
+    });
+    if (!res.ok) return null;
+    const raw = await res.json();
+    return { user: mapUser(raw), accessToken: token };
+  }
+  return {
+    name: "jwt",
+    async login(credentials) {
+      const res = await fetch(cfg.endpoints.login, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(credentials)
+      });
+      if (!res.ok) {
+        const text = await res.text().catch(() => "");
+        throw new Error(text || `Login failed (${res.status})`);
+      }
+      const raw = await res.json();
+      const tokens = mapTokens(raw);
+      if (tokens.accessToken) writeToken(cfg, tokens.accessToken);
+      const session = await getSession();
+      if (!session) throw new Error("Could not establish session after login");
+      return { ...session, ...tokens };
+    },
+    async logout() {
+      const token = readToken(cfg);
+      if (cfg.endpoints.logout) {
+        await fetch(cfg.endpoints.logout, {
+          method: "POST",
+          credentials: "include",
+          headers: { ...authHeader(cfg, token) }
+        }).catch(() => void 0);
+      }
+      writeToken(cfg, null);
+    },
+    getSession,
+    refresh: cfg.endpoints.refresh ? async () => {
+      const token = readToken(cfg);
+      const res = await fetch(cfg.endpoints.refresh, {
+        method: "POST",
+        credentials: "include",
+        headers: { ...authHeader(cfg, token) }
+      });
+      if (!res.ok) return null;
+      const raw = await res.json();
+      const tokens = mapTokens(raw);
+      if (tokens.accessToken) writeToken(cfg, tokens.accessToken);
+      return getSession();
+    } : void 0
+  };
+}
+
+// src/auth/providers/OAuthProvider.tsx
+function createOAuthProvider(cfg) {
+  const callbackPath = cfg.callbackPath ?? "/api/auth/callback";
+  function startAuthorize(providerId) {
+    if (typeof window === "undefined") return;
+    const p = cfg.providers.find((x) => x.id === providerId);
+    if (!p) throw new Error(`Unknown OAuth provider: ${providerId}`);
+    const url = new URL(p.authorizationUrl);
+    url.searchParams.set("client_id", p.clientId);
+    url.searchParams.set("response_type", "code");
+    url.searchParams.set(
+      "redirect_uri",
+      p.redirectUri ?? `${window.location.origin}${callbackPath}/${p.id}`
+    );
+    if (p.scopes?.length) url.searchParams.set("scope", p.scopes.join(" "));
+    url.searchParams.set("state", crypto.randomUUID());
+    window.location.assign(url.toString());
+  }
+  async function getSession() {
+    const res = await fetch("/api/auth/session", { credentials: "include" });
+    if (!res.ok) return null;
+    const raw = await res.json();
+    if (!raw?.user) return null;
+    return raw;
+  }
+  return {
+    name: "oauth",
+    async login(credentials) {
+      const providerId = credentials.provider ?? cfg.providers[0]?.id;
+      if (!providerId) throw new Error("No OAuth provider configured");
+      startAuthorize(providerId);
+      return new Promise(() => void 0);
+    },
+    async logout() {
+      await fetch("/api/auth/logout", { method: "POST", credentials: "include" }).catch(() => void 0);
+    },
+    getSession
+  };
+}
+
+// src/auth/providers/CustomProvider.tsx
+function createCustomProvider(provider) {
+  if (!provider) throw new Error('config.auth.custom is required when provider is "custom"');
+  return provider;
+}
+
+// src/auth/AuthContext.tsx
+var AuthContext = react.createContext(null);
+function resolveProvider(auth) {
+  switch (auth.provider) {
+    case "jwt":
+      if (!auth.jwt) throw new Error('config.auth.jwt is required when provider is "jwt"');
+      return createJWTProvider(auth.jwt);
+    case "oauth":
+      if (!auth.oauth) throw new Error('config.auth.oauth is required when provider is "oauth"');
+      return createOAuthProvider(auth.oauth);
+    case "custom":
+      if (!auth.custom) throw new Error('config.auth.custom is required when provider is "custom"');
+      return createCustomProvider(auth.custom);
+    default:
+      throw new Error(`Unknown auth provider: ${auth.provider}`);
+  }
+}
+function AuthContextProvider({ config, children, initialSession = null }) {
+  const providerRef = react.useRef(null);
+  if (providerRef.current === null) providerRef.current = resolveProvider(config);
+  const provider = providerRef.current;
+  const [state, setState] = react.useState(() => ({
+    status: initialSession ? "authenticated" : "loading",
+    user: initialSession?.user ?? null,
+    session: initialSession,
+    error: null
+  }));
+  react.useEffect(() => {
+    if (initialSession) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const session = await provider.initialize?.() ?? await provider.getSession();
+        if (cancelled) return;
+        setState({
+          status: session ? "authenticated" : "unauthenticated",
+          user: session?.user ?? null,
+          session,
+          error: null
+        });
+      } catch (err) {
+        if (cancelled) return;
+        setState({
+          status: "unauthenticated",
+          user: null,
+          session: null,
+          error: err instanceof Error ? err.message : "Failed to load session"
+        });
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [provider, initialSession]);
+  const login = react.useCallback(
+    async (credentials) => {
+      setState((s) => ({ ...s, status: "loading", error: null }));
+      try {
+        const session = await provider.login(credentials);
+        setState({ status: "authenticated", user: session.user, session, error: null });
+        return session;
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Login failed";
+        setState({ status: "unauthenticated", user: null, session: null, error: message });
+        throw err;
+      }
+    },
+    [provider]
+  );
+  const logout = react.useCallback(async () => {
+    await provider.logout();
+    setState({ status: "unauthenticated", user: null, session: null, error: null });
+  }, [provider]);
+  const getSession = react.useCallback(() => provider.getSession(), [provider]);
+  const refresh = react.useMemo(
+    () => provider.refresh ? async () => {
+      const session = await provider.refresh();
+      setState({
+        status: session ? "authenticated" : "unauthenticated",
+        user: session?.user ?? null,
+        session,
+        error: null
+      });
+      return session;
+    } : void 0,
+    [provider]
+  );
+  const value = react.useMemo(
+    () => ({
+      ...state,
+      isAuthenticated: state.status === "authenticated",
+      isLoading: state.status === "loading",
+      login,
+      logout,
+      getSession,
+      refresh
+    }),
+    [state, login, logout, getSession, refresh]
+  );
+  return /* @__PURE__ */ React.createElement(AuthContext.Provider, { value }, children);
+}
+
+// src/modules/registry.ts
+function createModuleRegistry(modules, user) {
+  const active = modules.filter((m) => m.enabled ? m.enabled({ user }) : true);
+  const byIdMap = new Map(active.map((m) => [m.id, m]));
+  return {
+    all: active,
+    byId: (id) => byIdMap.get(id),
+    widgets: (slot) => active.filter((m) => m.widgets && slot in m.widgets).map((m) => ({ moduleId: m.id, Component: m.widgets[slot] }))
+  };
+}
+
+// src/modules/ModuleContext.tsx
+var ModuleContext = react.createContext(null);
+function ModuleProvider({ modules, user, children }) {
+  const registry = react.useMemo(() => createModuleRegistry(modules, user), [modules, user]);
+  let tree = /* @__PURE__ */ React.createElement(ModuleContext.Provider, { value: registry }, children);
+  for (let i = registry.all.length - 1; i >= 0; i--) {
+    const M = registry.all[i];
+    if (M.Provider) {
+      const Provider = M.Provider;
+      tree = /* @__PURE__ */ React.createElement(Provider, null, tree);
+    }
+  }
+  return tree;
+}
+
+// src/theme/tokens.ts
+var DEFAULT_TOKENS = {
+  "--admin-color-bg": "#fafafa",
+  "--admin-color-surface": "#ffffff",
+  "--admin-color-border": "#e5e5e5",
+  "--admin-color-text": "#171717",
+  "--admin-color-text-muted": "#737373",
+  "--admin-color-primary": "#171717",
+  "--admin-color-primary-fg": "#ffffff",
+  "--admin-color-accent": "#3b82f6",
+  "--admin-radius": "0.5rem",
+  "--admin-sidebar-width": "16rem",
+  "--admin-sidebar-collapsed-width": "4rem",
+  "--admin-topbar-height": "3.5rem"
+};
+function tokensToStyle(tokens) {
+  const out = {};
+  for (const [k, v] of Object.entries(tokens)) {
+    if (v != null) out[k] = v;
+  }
+  return out;
+}
+
+// src/theme/ThemeProvider.tsx
+var ThemeContext = react.createContext(null);
+function resolveSystem() {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function ThemeProvider({ theme, children }) {
+  const [mode, setMode] = react.useState(theme?.mode ?? "system");
+  const [systemMode, setSystemMode] = react.useState(resolveSystem);
+  react.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia("(prefers-color-scheme: dark)");
+    const listener = () => setSystemMode(mql.matches ? "dark" : "light");
+    mql.addEventListener("change", listener);
+    return () => mql.removeEventListener("change", listener);
+  }, []);
+  const resolvedMode = mode === "system" ? systemMode : mode;
+  const style = react.useMemo(
+    () => tokensToStyle({ ...DEFAULT_TOKENS, ...theme?.tokens ?? {} }),
+    [theme?.tokens]
+  );
+  const value = react.useMemo(
+    () => ({ mode, resolvedMode, setMode }),
+    [mode, resolvedMode]
+  );
+  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value }, /* @__PURE__ */ React.createElement("div", { "data-admin-kit": true, "data-theme": resolvedMode, style, className: theme?.className }, children));
+}
+function useAuth() {
+  const ctx = react.useContext(AuthContext);
+  if (!ctx) {
+    throw new Error("useAuth must be used inside <AdminProvider> / <AuthContextProvider>");
+  }
+  return ctx;
+}
+
+// src/AdminProvider.tsx
+function AdminProvider({ config, initialSession, children }) {
+  const resolved = react.useMemo(() => resolveConfig(config), [config]);
+  return /* @__PURE__ */ React.createElement(ThemeProvider, { theme: resolved.theme }, /* @__PURE__ */ React.createElement(AuthContextProvider, { config: resolved.auth, initialSession }, /* @__PURE__ */ React.createElement(ModuleBridge, { modules: resolved.modules ?? [] }, children)));
+}
+function ModuleBridge({
+  modules,
+  children
+}) {
+  const { user } = useAuth();
+  return /* @__PURE__ */ React.createElement(ModuleProvider, { modules, user }, children);
+}
+
+// src/utils/cn.ts
+function cn(...values) {
+  const out = [];
+  for (const v of values) {
+    if (!v) continue;
+    if (typeof v === "string" || typeof v === "number") out.push(String(v));
+    else if (Array.isArray(v)) {
+      const inner = cn(...v);
+      if (inner) out.push(inner);
+    }
+  }
+  return out.join(" ");
+}
+
+// src/auth/components/LoginPage.tsx
+function LoginPage({ config, oauthProviders, onOAuthClick, className }) {
+  const { login, isLoading, error } = useAuth();
+  const [email, setEmail] = react.useState("");
+  const [password, setPassword] = react.useState("");
+  const emailId = react.useId();
+  const passwordId = react.useId();
+  async function handleSubmit(e) {
+    e.preventDefault();
+    try {
+      await login({ email, password });
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: cn("admin-kit-login", "min-h-screen flex items-center justify-center p-6 bg-neutral-50", className) }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-sm rounded-lg border border-neutral-200 bg-white p-6 shadow-sm" }, config?.logo ? /* @__PURE__ */ React.createElement("div", { className: "mb-4 flex justify-center" }, config.logo) : null, /* @__PURE__ */ React.createElement("h1", { className: "text-xl font-semibold text-neutral-900" }, config?.title ?? "Sign in"), config?.subtitle ? /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-neutral-500" }, config.subtitle) : null, /* @__PURE__ */ React.createElement("form", { className: "mt-6 space-y-4", onSubmit: handleSubmit }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: emailId, className: "block text-sm font-medium text-neutral-700" }, "Email"), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      id: emailId,
+      type: "email",
+      autoComplete: "email",
+      required: true,
+      value: email,
+      onChange: (e) => setEmail(e.target.value),
+      className: "mt-1 w-full rounded-md border border-neutral-300 px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-neutral-900"
+    }
+  )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { htmlFor: passwordId, className: "block text-sm font-medium text-neutral-700" }, "Password"), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      id: passwordId,
+      type: "password",
+      autoComplete: "current-password",
+      required: true,
+      value: password,
+      onChange: (e) => setPassword(e.target.value),
+      className: "mt-1 w-full rounded-md border border-neutral-300 px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-neutral-900"
+    }
+  )), error ? /* @__PURE__ */ React.createElement("p", { className: "text-sm text-red-600" }, error) : null, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "submit",
+      disabled: isLoading,
+      className: "w-full rounded-md bg-neutral-900 px-3 py-2 text-sm font-medium text-white hover:bg-neutral-800 disabled:opacity-60"
+    },
+    isLoading ? "Signing in\u2026" : "Sign in"
+  )), oauthProviders?.length ? /* @__PURE__ */ React.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React.createElement("div", { className: "relative my-4 text-center text-xs uppercase text-neutral-400" }, /* @__PURE__ */ React.createElement("span", { className: "bg-white px-2" }, "or continue with"), /* @__PURE__ */ React.createElement("span", { className: "absolute inset-x-0 top-1/2 -z-10 h-px bg-neutral-200" })), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, oauthProviders.map((p) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      key: p.id,
+      type: "button",
+      onClick: () => onOAuthClick?.(p.id),
+      className: "flex items-center justify-center gap-2 rounded-md border border-neutral-300 bg-white px-3 py-2 text-sm font-medium text-neutral-800 hover:bg-neutral-50"
+    },
+    p.icon,
+    /* @__PURE__ */ React.createElement("span", null, "Continue with ", p.name)
+  )))) : null));
+}
+function useAppRouter() {
+  const r = navigation.useRouter();
+  return {
+    push: (href) => r.push(href),
+    replace: (href) => r.replace(href),
+    back: () => r.back()
+  };
+}
+function useAppPathname() {
+  return navigation.usePathname() ?? "/";
+}
+function useAppSearchParams() {
+  const sp = navigation.useSearchParams();
+  return new URLSearchParams(sp?.toString() ?? "");
+}
+var AppLink = NextLink__default.default;
+var appRouterAdapter = {
+  useRouter: useAppRouter,
+  usePathname: useAppPathname,
+  useSearchParams: useAppSearchParams,
+  Link: AppLink
+};
+
+// src/auth/guards/AppRouterGuard.tsx
+function AppRouterGuard({
+  loginPath = "/login",
+  publicRoutes = [],
+  fallback = null,
+  children
+}) {
+  const { status, isAuthenticated } = useAuth();
+  const router = useAppRouter();
+  const pathname = useAppPathname();
+  const isPublic = publicRoutes.some((p) => pathname === p || pathname.startsWith(p + "/"));
+  react.useEffect(() => {
+    if (status === "loading" || status === "idle") return;
+    if (!isAuthenticated && !isPublic && pathname !== loginPath) {
+      const next = encodeURIComponent(pathname);
+      router.replace(`${loginPath}?next=${next}`);
+    }
+  }, [status, isAuthenticated, isPublic, pathname, loginPath, router]);
+  if (status === "loading" || status === "idle") return /* @__PURE__ */ React.createElement(React.Fragment, null, fallback);
+  if (!isAuthenticated && !isPublic && pathname !== loginPath) return /* @__PURE__ */ React.createElement(React.Fragment, null, fallback);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+}
+function usePagesRouter() {
+  const r = router.useRouter();
+  return {
+    push: (href) => {
+      void r.push(href);
+    },
+    replace: (href) => {
+      void r.replace(href);
+    },
+    back: () => r.back()
+  };
+}
+function usePagesPathname() {
+  const r = router.useRouter();
+  return r.pathname;
+}
+function usePagesSearchParams() {
+  const r = router.useRouter();
+  const params = new URLSearchParams();
+  for (const [k, v] of Object.entries(r.query)) {
+    if (Array.isArray(v)) v.forEach((vv) => params.append(k, vv));
+    else if (v != null) params.set(k, String(v));
+  }
+  return params;
+}
+var PagesLink = NextLink__default.default;
+var pagesRouterAdapter = {
+  useRouter: usePagesRouter,
+  usePathname: usePagesPathname,
+  useSearchParams: usePagesSearchParams,
+  Link: PagesLink
+};
+
+// src/auth/guards/PagesRouterGuard.tsx
+function PagesRouterGuard({
+  loginPath = "/login",
+  publicRoutes = [],
+  fallback = null,
+  children
+}) {
+  const { status, isAuthenticated } = useAuth();
+  const router = usePagesRouter();
+  const pathname = usePagesPathname();
+  const isPublic = publicRoutes.some((p) => pathname === p || pathname.startsWith(p + "/"));
+  react.useEffect(() => {
+    if (status === "loading" || status === "idle") return;
+    if (!isAuthenticated && !isPublic && pathname !== loginPath) {
+      const next = encodeURIComponent(pathname);
+      router.replace(`${loginPath}?next=${next}`);
+    }
+  }, [status, isAuthenticated, isPublic, pathname, loginPath, router]);
+  if (status === "loading" || status === "idle") return /* @__PURE__ */ React.createElement(React.Fragment, null, fallback);
+  if (!isAuthenticated && !isPublic && pathname !== loginPath) return /* @__PURE__ */ React.createElement(React.Fragment, null, fallback);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+}
+var SidebarContext = react.createContext(null);
+function SidebarProvider({ sections, defaultCollapsed = false, children }) {
+  const [collapsed, setCollapsed] = react.useState(defaultCollapsed);
+  const [mobileOpen, setMobileOpen] = react.useState(false);
+  const toggle = react.useCallback(() => setCollapsed((c) => !c), []);
+  const value = react.useMemo(
+    () => ({ sections, collapsed, setCollapsed, toggle, mobileOpen, setMobileOpen }),
+    [sections, collapsed, mobileOpen, toggle]
+  );
+  return /* @__PURE__ */ React.createElement(SidebarContext.Provider, { value }, children);
+}
+function useSidebar() {
+  const ctx = react.useContext(SidebarContext);
+  if (!ctx) throw new Error("useSidebar must be used inside <SidebarProvider>");
+  return ctx;
+}
+function SidebarItem({ item, collapsed, Link, currentPath, depth = 0 }) {
+  const hasChildren = (item.children?.length ?? 0) > 0;
+  const isActive = item.href != null && (currentPath === item.href || currentPath.startsWith(item.href + "/"));
+  const [open, setOpen] = react.useState(isActive);
+  const baseCls = cn(
+    "admin-kit-nav-item",
+    "group flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors",
+    isActive ? "bg-neutral-100 text-neutral-900" : "text-neutral-600 hover:bg-neutral-50 hover:text-neutral-900",
+    depth > 0 && "ml-3"
+  );
+  if (hasChildren) {
+    return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        className: cn(baseCls, "w-full justify-between"),
+        "aria-expanded": open
+      },
+      /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-2 min-w-0" }, item.icon, !collapsed && /* @__PURE__ */ React.createElement("span", { className: "truncate" }, item.label)),
+      !collapsed && /* @__PURE__ */ React.createElement("span", { "aria-hidden": true, className: cn("text-xs transition-transform", open && "rotate-90") }, "\u203A")
+    ), open && !collapsed && /* @__PURE__ */ React.createElement("ul", { className: "mt-1 space-y-0.5 border-l border-neutral-200 pl-2" }, item.children.map((child, i) => /* @__PURE__ */ React.createElement(
+      SidebarItem,
+      {
+        key: child.id ?? child.href ?? `${child.label}-${i}`,
+        item: child,
+        Link,
+        currentPath,
+        depth: depth + 1
+      }
+    ))));
+  }
+  if (!item.href) {
+    return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: baseCls }, item.icon, !collapsed && /* @__PURE__ */ React.createElement("span", { className: "truncate" }, item.label)));
+  }
+  return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      href: item.href,
+      className: baseCls,
+      ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {}
+    },
+    item.icon,
+    !collapsed && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "truncate flex-1" }, item.label), item.badge != null && /* @__PURE__ */ React.createElement("span", { className: "ml-auto inline-flex items-center rounded-full bg-neutral-200 px-2 text-xs font-medium text-neutral-700" }, item.badge))
+  ));
+}
+
+// src/navigation/SidebarSection.tsx
+function SidebarSection({ section, collapsed, currentPath, Link }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "admin-kit-nav-section" }, section.label && !collapsed && /* @__PURE__ */ React.createElement("h4", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wider text-neutral-400" }, section.label), /* @__PURE__ */ React.createElement("ul", { className: "space-y-0.5" }, section.items.map((item, i) => /* @__PURE__ */ React.createElement(
+    SidebarItem,
+    {
+      key: item.id ?? item.href ?? `${item.label}-${i}`,
+      item,
+      collapsed,
+      currentPath,
+      Link
+    }
+  ))));
+}
+
+// src/navigation/Sidebar.tsx
+function Sidebar({ Link, currentPath, header, footer, className }) {
+  const { sections, collapsed, mobileOpen, setMobileOpen } = useSidebar();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, mobileOpen && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "fixed inset-0 z-30 bg-black/40 md:hidden",
+      onClick: () => setMobileOpen(false),
+      "aria-hidden": true
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "aside",
+    {
+      className: cn(
+        "admin-kit-sidebar",
+        "fixed inset-y-0 left-0 z-40 flex flex-col border-r border-neutral-200 bg-white transition-all",
+        collapsed ? "w-16" : "w-64",
+        mobileOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0",
+        className
+      ),
+      "aria-label": "Sidebar"
+    },
+    header && /* @__PURE__ */ React.createElement("div", { className: "border-b border-neutral-200 p-3" }, header),
+    /* @__PURE__ */ React.createElement("nav", { className: "flex-1 overflow-y-auto p-2" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, sections.map((section, i) => /* @__PURE__ */ React.createElement(
+      SidebarSection,
+      {
+        key: section.id ?? `section-${i}`,
+        section,
+        collapsed,
+        currentPath,
+        Link
+      }
+    )))),
+    footer && /* @__PURE__ */ React.createElement("div", { className: "border-t border-neutral-200 p-3" }, footer)
+  ));
+}
+
+// src/navigation/buildNav.ts
+function buildNav(configSections, modules = []) {
+  const map = /* @__PURE__ */ new Map();
+  let anonIdx = 0;
+  for (const s of configSections) {
+    const id = s.id ?? `__anon_${anonIdx++}`;
+    map.set(id, { ...s, id, items: [...s.items] });
+  }
+  for (const m of modules) {
+    for (const s of m.navSections ?? []) {
+      const id = s.id ?? `__anon_${anonIdx++}`;
+      const existing = map.get(id);
+      if (existing) {
+        existing.items.push(...s.items);
+      } else {
+        map.set(id, { ...s, id, items: [...s.items] });
+      }
+    }
+  }
+  const sections = Array.from(map.values()).sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  for (const s of sections) {
+    s.items = sortItems(s.items);
+  }
+  return sections;
+}
+function sortItems(items) {
+  const sorted = items.slice().sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  return sorted.map((i) => i.children ? { ...i, children: sortItems(i.children) } : i);
+}
+
+// src/navigation/filterNav.ts
+function userHasAny(user, required, key) {
+  if (!required || required.length === 0) return true;
+  const have = user?.[key] ?? [];
+  return required.some((r) => have.includes(r));
+}
+function visibleItem(item, user) {
+  if (item.hidden) return null;
+  if (!userHasAny(user, item.roles, "roles")) return null;
+  if (!userHasAny(user, item.permissions, "permissions")) return null;
+  if (item.visible && !item.visible(user)) return null;
+  let children;
+  if (item.children) {
+    children = item.children.map((c) => visibleItem(c, user)).filter((c) => c !== null);
+    if (children.length === 0 && !item.href) return null;
+  }
+  return children ? { ...item, children } : item;
+}
+function filterNav(sections, user) {
+  const out = [];
+  for (const section of sections) {
+    if (!userHasAny(user, section.roles, "roles")) continue;
+    if (!userHasAny(user, section.permissions, "permissions")) continue;
+    if (section.visible && !section.visible(user)) continue;
+    const items = section.items.map((i) => visibleItem(i, user)).filter((i) => i !== null);
+    if (items.length === 0) continue;
+    out.push({ ...section, items });
+  }
+  return out;
+}
+function useModules() {
+  const ctx = react.useContext(ModuleContext);
+  if (!ctx) throw new Error("useModules must be used inside <AdminProvider> / <ModuleProvider>");
+  return ctx;
+}
+
+// src/components/layout/Topbar.tsx
+function Topbar({ title, actions, className }) {
+  const { user, logout } = useAuth();
+  const { toggle, setMobileOpen, collapsed } = useSidebar();
+  return /* @__PURE__ */ React.createElement(
+    "header",
+    {
+      className: cn(
+        "admin-kit-topbar",
+        "sticky top-0 z-20 flex h-14 items-center gap-3 border-b border-neutral-200 bg-white px-4",
+        className
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "rounded p-1.5 text-neutral-600 hover:bg-neutral-100 md:hidden",
+        onClick: () => setMobileOpen(true),
+        "aria-label": "Open sidebar"
+      },
+      /* @__PURE__ */ React.createElement(Bars, null)
+    ),
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "hidden rounded p-1.5 text-neutral-600 hover:bg-neutral-100 md:inline-flex",
+        onClick: toggle,
+        "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar"
+      },
+      /* @__PURE__ */ React.createElement(Bars, null)
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "flex-1 truncate text-sm font-medium text-neutral-800" }, title),
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, actions),
+    user && /* @__PURE__ */ React.createElement("div", { className: "ml-2 flex items-center gap-2 border-l border-neutral-200 pl-3" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-neutral-700" }, user.name ?? user.email ?? user.id), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => void logout(),
+        className: "rounded-md px-2 py-1 text-xs font-medium text-neutral-600 hover:bg-neutral-100"
+      },
+      "Sign out"
+    ))
+  );
+}
+function Bars() {
+  return /* @__PURE__ */ React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true }, /* @__PURE__ */ React.createElement("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), /* @__PURE__ */ React.createElement("line", { x1: "3", y1: "12", x2: "21", y2: "12" }), /* @__PURE__ */ React.createElement("line", { x1: "3", y1: "18", x2: "21", y2: "18" }));
+}
+
+// src/components/layout/AdminLayout.tsx
+function AdminLayout({
+  config,
+  Link,
+  currentPath,
+  title,
+  topbarActions,
+  children,
+  className
+}) {
+  const { user } = useAuth();
+  const modules = useModules();
+  const sections = react.useMemo(
+    () => filterNav(buildNav(config.navigation.sections, modules.all), user),
+    [config.navigation.sections, modules, user]
+  );
+  const sidebarPosition = config.layout.sidebarPosition;
+  const Topbarish = config.layout.topbar?.component ?? Topbar;
+  const showTopbar = config.layout.topbar?.visible !== false;
+  return /* @__PURE__ */ React.createElement(SidebarProvider, { sections, defaultCollapsed: config.layout.sidebarDefaultCollapsed }, /* @__PURE__ */ React.createElement("div", { className: cn("admin-kit-root", "min-h-screen bg-neutral-50 text-neutral-900", className) }, /* @__PURE__ */ React.createElement(
+    Sidebar,
+    {
+      Link,
+      currentPath,
+      header: /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, typeof config.app.logo === "string" ? /* @__PURE__ */ React.createElement("img", { src: config.app.logo, alt: "", className: "h-6 w-6" }) : config.app.logo, /* @__PURE__ */ React.createElement("span", { className: "truncate font-semibold" }, config.app.name))
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: cn("flex min-h-screen flex-col transition-[padding]", sidebarPosition === "right" ? "md:pr-64" : "md:pl-64") }, showTopbar && /* @__PURE__ */ React.createElement(Topbarish, { title, actions: topbarActions }), /* @__PURE__ */ React.createElement("main", { className: "flex-1" }, children))));
+}
+
+// src/components/layout/PageContainer.tsx
+function PageContainer({
+  title,
+  description,
+  actions,
+  children,
+  className,
+  contentClassName
+}) {
+  return /* @__PURE__ */ React.createElement("div", { className: cn("admin-kit-page", "p-6", className) }, (title || description || actions) && /* @__PURE__ */ React.createElement("div", { className: "mb-6 flex items-start justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", null, title && /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-semibold text-neutral-900" }, title), description && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-neutral-500" }, description)), actions && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, actions)), /* @__PURE__ */ React.createElement("div", { className: cn("admin-kit-page-content", contentClassName) }, children));
+}
+
+// src/components/dashboard/StatCard.tsx
+function StatCard({ label, value, delta, icon, className }) {
+  const isUp = delta ? (delta.direction ?? (delta.value >= 0 ? "up" : "down")) === "up" : false;
+  return /* @__PURE__ */ React.createElement("div", { className: cn("admin-kit-stat", "rounded-lg border border-neutral-200 bg-white p-4", className) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium text-neutral-500" }, label), icon && /* @__PURE__ */ React.createElement("div", { className: "text-neutral-400" }, icon)), /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-2xl font-semibold text-neutral-900" }, value), delta && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "mt-1 inline-flex items-center gap-1 text-xs font-medium",
+        isUp ? "text-emerald-600" : "text-red-600"
+      )
+    },
+    /* @__PURE__ */ React.createElement("span", { "aria-hidden": true }, isUp ? "\u2191" : "\u2193"),
+    /* @__PURE__ */ React.createElement("span", null, Math.abs(delta.value), "%"),
+    delta.label && /* @__PURE__ */ React.createElement("span", { className: "text-neutral-500" }, delta.label)
+  ));
+}
+
+// src/components/dashboard/ChartCard.tsx
+function ChartCard({ title, subtitle, actions, children, className, contentClassName }) {
+  return /* @__PURE__ */ React.createElement("div", { className: cn("admin-kit-chart-card", "rounded-lg border border-neutral-200 bg-white", className) }, (title || subtitle || actions) && /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between gap-3 border-b border-neutral-100 p-4" }, /* @__PURE__ */ React.createElement("div", null, title && /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-semibold text-neutral-900" }, title), subtitle && /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 text-xs text-neutral-500" }, subtitle)), actions && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, actions)), /* @__PURE__ */ React.createElement("div", { className: cn("p-4", contentClassName) }, children));
+}
+
+// src/components/dashboard/ActivityFeed.tsx
+function formatRelative(timestamp) {
+  const date = timestamp instanceof Date ? timestamp : new Date(timestamp);
+  const diff = Date.now() - date.getTime();
+  const minutes = Math.floor(diff / 6e4);
+  if (minutes < 1) return "just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  return date.toLocaleDateString();
+}
+function ActivityFeed({ items, emptyState, className }) {
+  if (items.length === 0) {
+    return /* @__PURE__ */ React.createElement("div", { className: cn("admin-kit-activity-empty", "rounded-lg border border-dashed border-neutral-200 p-6 text-center text-sm text-neutral-500", className) }, emptyState ?? "No activity yet.");
+  }
+  return /* @__PURE__ */ React.createElement("ul", { className: cn("admin-kit-activity", "divide-y divide-neutral-100 rounded-lg border border-neutral-200 bg-white", className) }, items.map((item) => /* @__PURE__ */ React.createElement("li", { key: item.id, className: "flex gap-3 p-3" }, /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-neutral-100 text-neutral-600" }, item.icon ?? (item.actor?.image ? /* @__PURE__ */ React.createElement("img", { src: item.actor.image, alt: "", className: "h-8 w-8 rounded-full" }) : item.actor?.name?.[0] ?? "\u2022")), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm text-neutral-900" }, item.title), item.description && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-neutral-500" }, item.description), item.timestamp && /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 text-xs text-neutral-400" }, formatRelative(item.timestamp))))));
+}
+
+// src/utils/withAdminLayout.tsx
+function withAdminLayout(Page, opts) {
+  function Wrapped(props) {
+    const currentPath = usePagesPathname();
+    return /* @__PURE__ */ React.createElement(
+      AdminLayout,
+      {
+        config: opts.config,
+        Link: PagesLink,
+        currentPath,
+        title: opts.title,
+        topbarActions: opts.topbarActions
+      },
+      /* @__PURE__ */ React.createElement(Page, { ...props })
+    );
+  }
+  Wrapped.displayName = `withAdminLayout(${Page.displayName ?? Page.name ?? "Page"})`;
+  return Wrapped;
+}
+function useTheme() {
+  const ctx = react.useContext(ThemeContext);
+  if (!ctx) throw new Error("useTheme must be used inside <ThemeProvider> / <AdminProvider>");
+  return ctx;
+}
+
+exports.ActivityFeed = ActivityFeed;
+exports.AdminLayout = AdminLayout;
+exports.AdminProvider = AdminProvider;
+exports.AppLink = AppLink;
+exports.AppRouterGuard = AppRouterGuard;
+exports.AuthContext = AuthContext;
+exports.AuthContextProvider = AuthContextProvider;
+exports.ChartCard = ChartCard;
+exports.DEFAULT_TOKENS = DEFAULT_TOKENS;
+exports.LoginPage = LoginPage;
+exports.ModuleContext = ModuleContext;
+exports.ModuleProvider = ModuleProvider;
+exports.PageContainer = PageContainer;
+exports.PagesLink = PagesLink;
+exports.PagesRouterGuard = PagesRouterGuard;
+exports.Sidebar = Sidebar;
+exports.SidebarContext = SidebarContext;
+exports.SidebarItem = SidebarItem;
+exports.SidebarProvider = SidebarProvider;
+exports.SidebarSection = SidebarSection;
+exports.StatCard = StatCard;
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
+exports.Topbar = Topbar;
+exports.appRouterAdapter = appRouterAdapter;
+exports.buildNav = buildNav;
+exports.cn = cn;
+exports.createCustomProvider = createCustomProvider;
+exports.createJWTProvider = createJWTProvider;
+exports.createModuleRegistry = createModuleRegistry;
+exports.createOAuthProvider = createOAuthProvider;
+exports.filterNav = filterNav;
+exports.pagesRouterAdapter = pagesRouterAdapter;
+exports.tokensToStyle = tokensToStyle;
+exports.useAppPathname = useAppPathname;
+exports.useAppRouter = useAppRouter;
+exports.useAppSearchParams = useAppSearchParams;
+exports.useAuth = useAuth;
+exports.useModules = useModules;
+exports.usePagesPathname = usePagesPathname;
+exports.usePagesRouter = usePagesRouter;
+exports.usePagesSearchParams = usePagesSearchParams;
+exports.useSidebar = useSidebar;
+exports.useTheme = useTheme;
+exports.withAdminLayout = withAdminLayout;
+//# sourceMappingURL=client.cjs.map
+//# sourceMappingURL=client.cjs.map