@create-flow/common-ui 0.3.5

package/README.md

@@ -0,0 +1,45 @@
+# common-auth-ui
+
+Shared auth UI components for Next.js and React applications.
+
+## Installation
+
+```bash
+npm install common-auth-ui
+# or
+bun add common-auth-ui
+# or
+pnpm add common-auth-ui
+```
+
+## Usage
+
+```tsx
+import { Hello } from "common-auth-ui";
+
+export default function Page() {
+  return <Hello />;
+}
+```
+
+## Development
+
+```bash
+bun install
+bun run build
+bun run lint
+```
+
+## Publishing
+
+```bash
+# Dry run (see what would be published)
+bun run publish:dry
+
+# Publish with version bump
+bun run publish:patch   # 0.1.0 → 0.1.1
+bun run publish:minor   # 0.1.0 → 0.2.0
+bun run publish:major   # 0.1.0 → 1.0.0
+```
+
+Requires `npm login` before first publish. For scoped packages (e.g. `@your-org/common-auth-ui`), add `"publishConfig": { "access": "public" }` to `package.json` if publishing to the public registry.

package/dist/index.cjs

@@ -0,0 +1,318 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Link = require('next/link');
+var navigation = require('next/navigation');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/components/Hello.tsx
+function Hello() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Hello world" });
+}
+
+// src/utils/authApi.ts
+var DEFAULT_AUTH_HOST = (() => {
+  if (typeof process !== "undefined" && process.env?.NEXT_PUBLIC_AUTH_API_HOST) {
+    const envHost = process.env.NEXT_PUBLIC_AUTH_API_HOST.trim();
+    if (envHost.length > 0) return envHost;
+  }
+  return "https://auth.create-flow.ai";
+})();
+var DEFAULT_APP_ID = typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_AUTH_APP_ID?.trim() ?? "" : "";
+function normalizeHost(host) {
+  const value = (host ?? DEFAULT_AUTH_HOST).trim();
+  if (!value) throw new Error("Auth host is not configured");
+  if (/^https?:\/\//i.test(value)) return value.replace(/\/+$/g, "");
+  return `https://${value}`.replace(/\/+$/g, "");
+}
+function buildAuthUrl(path, host, query) {
+  const normalizedHost = normalizeHost(host);
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  const url = new URL(normalizedPath, normalizedHost);
+  if (query) {
+    for (const [key, value] of Object.entries(query)) {
+      if (value !== void 0 && value !== null) {
+        url.searchParams.set(key, value);
+      }
+    }
+  }
+  return url;
+}
+async function fetchWithCredentials(url, init = {}) {
+  const response = await fetch(url.toString(), {
+    credentials: "include",
+    cache: "no-store",
+    ...init
+  });
+  let data = null;
+  try {
+    data = await response.json();
+  } catch {
+  }
+  return { response, data };
+}
+async function getAuthJson(path, host, query) {
+  const url = buildAuthUrl(path, host, query);
+  return fetchWithCredentials(url, { method: "GET" });
+}
+function getResolvedAppId(appId) {
+  return (appId ?? DEFAULT_APP_ID).trim();
+}
+function HomeIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 22V12h6v10" })
+  ] });
+}
+function FolderIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" }) });
+}
+function UserIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 20c0-4 3.6-7 8-7s8 3 8 7" })
+  ] });
+}
+function SettingsIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z" })
+  ] });
+}
+function LogOutIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16,17 21,12 16,7" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+  ] });
+}
+function ChevronLeftIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 18l-6-6 6-6" }) });
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 18l6-6-6-6" }) });
+}
+function ChevronsUpDownIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 15l5 5 5-5M7 9l5-5 5 5" }) });
+}
+var defaultNavItems = [
+  { href: "/dashboard", label: "Dashboard", icon: HomeIcon, exact: true },
+  { href: "/dashboard/projects", label: "Projects", icon: FolderIcon, exact: false },
+  { href: "/dashboard/settings", label: "Settings", icon: SettingsIcon, exact: false }
+];
+var AVATAR_COLORS = [
+  "bg-violet-600",
+  "bg-indigo-600",
+  "bg-sky-600",
+  "bg-emerald-600",
+  "bg-amber-600",
+  "bg-rose-600"
+];
+function getAvatarColor(name) {
+  let hash = 0;
+  for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);
+  return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];
+}
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).map((w) => w[0]).join("").toUpperCase().slice(0, 2);
+}
+function Sidebar({
+  user: userProp,
+  appId,
+  authHost,
+  navItems = defaultNavItems,
+  title = "Workspace",
+  logoutRedirectTo = "/",
+  profileHref = "/profile",
+  settingsHref = "/settings",
+  onLogout
+}) {
+  const [isCollapsed, setIsCollapsed] = react.useState(false);
+  const [isUserMenuOpen, setIsUserMenuOpen] = react.useState(false);
+  const [fetchedUser, setFetchedUser] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(!userProp);
+  const pathname = navigation.usePathname();
+  const router = navigation.useRouter();
+  const menuRef = react.useRef(null);
+  react.useEffect(() => {
+    if (userProp) return;
+    let cancelled = false;
+    async function fetchSession() {
+      try {
+        const { response, data } = await getAuthJson("api/auth/session", authHost);
+        if (!cancelled && response.ok && data?.user) {
+          setFetchedUser(data.user);
+        }
+      } catch (err) {
+        console.error("Failed to fetch session:", err);
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    fetchSession();
+    return () => {
+      cancelled = true;
+    };
+  }, [authHost, userProp]);
+  react.useEffect(() => {
+    function handleClickOutside(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        setIsUserMenuOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const user = userProp || fetchedUser;
+  if (isLoading || !user) return null;
+  const displayName = user.name || user.email?.split("@")[0] || "User";
+  const initials = getInitials(displayName);
+  const avatarColor = getAvatarColor(displayName);
+  function isActive(href, exact) {
+    return exact ? pathname === href : pathname.startsWith(href);
+  }
+  async function handleLogout() {
+    const resolvedAppId = getResolvedAppId(appId);
+    try {
+      await getAuthJson("api/auth/logout", authHost, resolvedAppId ? { appId: resolvedAppId } : void 0);
+    } catch (err) {
+      console.error("Logout error:", err);
+    }
+    if (onLogout) {
+      onLogout();
+    } else {
+      router.push(logoutRedirectTo);
+      router.refresh();
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      className: "relative flex flex-col h-screen bg-white border-r border-zinc-200 transition-all duration-200 ease-in-out flex-shrink-0 " + (isCollapsed ? "w-[60px]" : "w-[220px]"),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-center h-14 px-3 flex-shrink-0 border-b border-zinc-200 " + (isCollapsed ? "justify-center" : "justify-between"),
+            children: [
+              !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-zinc-900 tracking-tight truncate select-none", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => setIsCollapsed((c) => !c),
+                  title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
+                  className: "p-1.5 rounded-md text-zinc-400 hover:text-zinc-700 hover:bg-zinc-100 transition-colors flex-shrink-0",
+                  children: isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, { className: "w-4 h-4" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex-1 overflow-y-auto py-2 px-2 space-y-0.5", children: navItems.map(({ href, label, icon: Icon, exact }) => {
+          const active = isActive(href, exact ?? false);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            Link__default.default,
+            {
+              href,
+              title: isCollapsed ? label : void 0,
+              className: "flex items-center gap-2.5 px-2.5 py-2 rounded-lg text-sm transition-colors " + (isCollapsed ? "justify-center " : "") + (active ? "bg-zinc-100 text-zinc-900 font-medium" : "text-zinc-500 hover:bg-zinc-50 hover:text-zinc-900"),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
+                !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
+              ]
+            },
+            href
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: menuRef,
+            className: "relative flex-shrink-0 p-2 border-t border-zinc-200",
+            children: [
+              isUserMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "absolute bottom-full mb-1 z-50 bg-white border border-zinc-200 rounded-xl shadow-lg shadow-zinc-200/50 overflow-hidden " + (isCollapsed ? "left-full ml-2 w-52" : "left-2 right-2"),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3.5 py-3 border-b border-zinc-100", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-900 truncate", children: displayName }),
+                      user.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-500 truncate mt-0.5", children: user.email })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        Link__default.default,
+                        {
+                          href: profileHref,
+                          onClick: () => setIsUserMenuOpen(false),
+                          className: "flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(UserIcon, { className: "w-4 h-4 text-zinc-400" }),
+                            "Profile"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        Link__default.default,
+                        {
+                          href: settingsHref,
+                          onClick: () => setIsUserMenuOpen(false),
+                          className: "flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(SettingsIcon, { className: "w-4 h-4 text-zinc-400" }),
+                            "Settings"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        "button",
+                        {
+                          onClick: handleLogout,
+                          className: "flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors text-left",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(LogOutIcon, { className: "w-4 h-4 text-zinc-400" }),
+                            "Log out"
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  onClick: () => setIsUserMenuOpen((o) => !o),
+                  title: isCollapsed ? displayName : void 0,
+                  className: "w-full flex items-center gap-2.5 p-2 rounded-lg hover:bg-zinc-50 transition-colors text-left " + (isCollapsed ? "justify-center" : ""),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: "w-7 h-7 rounded-full flex items-center justify-center flex-shrink-0 " + avatarColor,
+                        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-white leading-none", children: initials })
+                      }
+                    ),
+                    !isCollapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-900 truncate leading-tight", children: displayName }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(ChevronsUpDownIcon, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.Hello = Hello;
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hello.tsx","../src/utils/authApi.ts","../src/components/Sidebar.tsx"],"names":["jsx","jsxs","useState","usePathname","useRouter","useRef","useEffect","Link","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["export function Hello() {\n  return <div>Hello world</div>;\n}\n","const DEFAULT_AUTH_HOST = (() => {\n  if (typeof process !== \"undefined\" && process.env?.NEXT_PUBLIC_AUTH_API_HOST) {\n    const envHost = process.env.NEXT_PUBLIC_AUTH_API_HOST.trim();\n    if (envHost.length > 0) return envHost;\n  }\n  return \"https://auth.create-flow.ai\";\n})();\n\nconst DEFAULT_APP_ID =\n  typeof process !== \"undefined\"\n    ? process.env?.NEXT_PUBLIC_AUTH_APP_ID?.trim() ?? \"\"\n    : \"\";\n\nfunction normalizeHost(host?: string) {\n  const value = (host ?? DEFAULT_AUTH_HOST).trim();\n  if (!value) throw new Error(\"Auth host is not configured\");\n  if (/^https?:\\/\\//i.test(value)) return value.replace(/\\/+$/g, \"\");\n  return `https://${value}`.replace(/\\/+$/g, \"\");\n}\n\nfunction buildAuthUrl(\n  path: string,\n  host?: string,\n  query?: Record<string, string | undefined>\n) {\n  const normalizedHost = normalizeHost(host);\n  const normalizedPath = path.startsWith(\"/\") ? path : `/${path}`;\n  const url = new URL(normalizedPath, normalizedHost);\n\n  if (query) {\n    for (const [key, value] of Object.entries(query)) {\n      if (value !== undefined && value !== null) {\n        url.searchParams.set(key, value);\n      }\n    }\n  }\n\n  return url;\n}\n\nasync function fetchWithCredentials(url: URL, init: RequestInit = {}) {\n  const response = await fetch(url.toString(), {\n    credentials: \"include\",\n    cache: \"no-store\",\n    ...init,\n  });\n  let data: any = null;\n  try {\n    data = await response.json();\n  } catch {\n    // Ignore JSON parse errors\n  }\n  return { response, data };\n}\n\nexport async function getAuthJson(\n  path: string,\n  host?: string,\n  query?: Record<string, string | undefined>\n) {\n  const url = buildAuthUrl(path, host, query);\n  return fetchWithCredentials(url, { method: \"GET\" });\n}\n\nexport function getResolvedAppId(appId?: string) {\n  return (appId ?? DEFAULT_APP_ID).trim();\n}\n","\"use client\";\n\nimport { useState, useRef, useEffect, type ComponentType } from \"react\";\nimport Link from \"next/link\";\nimport { usePathname, useRouter } from \"next/navigation\";\n\nimport { getResolvedAppId, getAuthJson } from \"../utils/authApi\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type UserType = \"guest\" | \"regular\";\n\nexport interface AuthUser {\n  id: string;\n  name?: string | null;\n  email?: string | null;\n  image?: string | null;\n  type: UserType;\n  appId: string;\n  isGuest: boolean;\n}\n\nexport interface NavItem {\n  href: string;\n  label: string;\n  icon: ComponentType<{ className?: string }>;\n  exact?: boolean;\n}\n\nexport interface SidebarProps {\n  user?: AuthUser;\n  appId?: string;\n  authHost?: string;\n  navItems?: NavItem[];\n  title?: string;\n  logoutRedirectTo?: string;\n  profileHref?: string;\n  settingsHref?: string;\n  onLogout?: () => void;\n}\n\n// ── Icons ─────────────────────────────────────────────────────────────────────\n\nfunction HomeIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\n      <path d=\"M9 22V12h6v10\" />\n    </svg>\n  );\n}\n\nfunction FolderIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z\" />\n    </svg>\n  );\n}\n\nfunction UserIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <circle cx=\"12\" cy=\"8\" r=\"4\" />\n      <path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\" />\n    </svg>\n  );\n}\n\nfunction SettingsIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n      <path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z\" />\n    </svg>\n  );\n}\n\nfunction LogOutIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4\" />\n      <polyline points=\"16,17 21,12 16,7\" />\n      <line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\" />\n    </svg>\n  );\n}\n\nfunction ChevronLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M15 18l-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M9 18l6-6-6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronsUpDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M7 15l5 5 5-5M7 9l5-5 5 5\" />\n    </svg>\n  );\n}\n\n// ── Default nav items ─────────────────────────────────────────────────────────\n\nconst defaultNavItems: NavItem[] = [\n  { href: \"/dashboard\", label: \"Dashboard\", icon: HomeIcon, exact: true },\n  { href: \"/dashboard/projects\", label: \"Projects\", icon: FolderIcon, exact: false },\n  { href: \"/dashboard/settings\", label: \"Settings\", icon: SettingsIcon, exact: false },\n];\n\n// ── Avatar ────────────────────────────────────────────────────────────────────\n\nconst AVATAR_COLORS = [\n  \"bg-violet-600\",\n  \"bg-indigo-600\",\n  \"bg-sky-600\",\n  \"bg-emerald-600\",\n  \"bg-amber-600\",\n  \"bg-rose-600\",\n];\n\nfunction getAvatarColor(name: string): string {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);\n  return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .filter(Boolean)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n}\n\n// ── Sidebar ───────────────────────────────────────────────────────────────────\n\nexport function Sidebar({\n  user: userProp,\n  appId,\n  authHost,\n  navItems = defaultNavItems,\n  title = \"Workspace\",\n  logoutRedirectTo = \"/\",\n  profileHref = \"/profile\",\n  settingsHref = \"/settings\",\n  onLogout,\n}: SidebarProps) {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);\n  const [fetchedUser, setFetchedUser] = useState<AuthUser | null>(null);\n  const [isLoading, setIsLoading] = useState(!userProp);\n  const pathname = usePathname();\n  const router = useRouter();\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (userProp) return;\n\n    let cancelled = false;\n\n    async function fetchSession() {\n      try {\n        const { response, data } = await getAuthJson(\"api/auth/session\", authHost);\n        if (!cancelled && response.ok && data?.user) {\n          setFetchedUser(data.user);\n        }\n      } catch (err) {\n        console.error(\"Failed to fetch session:\", err);\n      } finally {\n        if (!cancelled) setIsLoading(false);\n      }\n    }\n\n    fetchSession();\n    return () => { cancelled = true; };\n  }, [authHost, userProp]);\n\n  useEffect(() => {\n    function handleClickOutside(e: MouseEvent) {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setIsUserMenuOpen(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, []);\n\n  const user = userProp || fetchedUser;\n\n  if (isLoading || !user) return null;\n\n  const displayName = user.name || user.email?.split(\"@\")[0] || \"User\";\n  const initials = getInitials(displayName);\n  const avatarColor = getAvatarColor(displayName);\n\n  function isActive(href: string, exact: boolean) {\n    return exact ? pathname === href : pathname.startsWith(href);\n  }\n\n  async function handleLogout() {\n    const resolvedAppId = getResolvedAppId(appId);\n\n    try {\n      await getAuthJson(\"api/auth/logout\", authHost, resolvedAppId ? { appId: resolvedAppId } : undefined);\n    } catch (err) {\n      console.error(\"Logout error:\", err);\n    }\n\n    if (onLogout) {\n      onLogout();\n    } else {\n      router.push(logoutRedirectTo);\n      router.refresh();\n    }\n  }\n\n  return (\n    <aside\n      className={\n        \"relative flex flex-col h-screen bg-white border-r border-zinc-200 transition-all duration-200 ease-in-out flex-shrink-0 \" +\n        (isCollapsed ? \"w-[60px]\" : \"w-[220px]\")\n      }\n    >\n      {/* ── Header ─────────────────────────────────────────────────────────── */}\n      <div\n        className={\n          \"flex items-center h-14 px-3 flex-shrink-0 border-b border-zinc-200 \" +\n          (isCollapsed ? \"justify-center\" : \"justify-between\")\n        }\n      >\n        {!isCollapsed && (\n          <span className=\"text-sm font-semibold text-zinc-900 tracking-tight truncate select-none\">\n            {title}\n          </span>\n        )}\n        <button\n          onClick={() => setIsCollapsed((c) => !c)}\n          title={isCollapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n          className=\"p-1.5 rounded-md text-zinc-400 hover:text-zinc-700 hover:bg-zinc-100 transition-colors flex-shrink-0\"\n        >\n          {isCollapsed ? (\n            <ChevronRightIcon className=\"w-4 h-4\" />\n          ) : (\n            <ChevronLeftIcon className=\"w-4 h-4\" />\n          )}\n        </button>\n      </div>\n\n      {/* ── Nav ────────────────────────────────────────────────────────────── */}\n      <nav className=\"flex-1 overflow-y-auto py-2 px-2 space-y-0.5\">\n        {navItems.map(({ href, label, icon: Icon, exact }) => {\n          const active = isActive(href, exact ?? false);\n          return (\n            <Link\n              key={href}\n              href={href}\n              title={isCollapsed ? label : undefined}\n              className={\n                \"flex items-center gap-2.5 px-2.5 py-2 rounded-lg text-sm transition-colors \" +\n                (isCollapsed ? \"justify-center \" : \"\") +\n                (active\n                  ? \"bg-zinc-100 text-zinc-900 font-medium\"\n                  : \"text-zinc-500 hover:bg-zinc-50 hover:text-zinc-900\")\n              }\n            >\n              <Icon className=\"w-4 h-4 flex-shrink-0\" />\n              {!isCollapsed && <span className=\"truncate\">{label}</span>}\n            </Link>\n          );\n        })}\n      </nav>\n\n      {/* ── User area ──────────────────────────────────────────────────────── */}\n      <div\n        ref={menuRef}\n        className=\"relative flex-shrink-0 p-2 border-t border-zinc-200\"\n      >\n        {/* Dropdown menu */}\n        {isUserMenuOpen && (\n          <div\n            className={\n              \"absolute bottom-full mb-1 z-50 bg-white border border-zinc-200 rounded-xl shadow-lg shadow-zinc-200/50 overflow-hidden \" +\n              (isCollapsed ? \"left-full ml-2 w-52\" : \"left-2 right-2\")\n            }\n          >\n            {/* User info */}\n            <div className=\"px-3.5 py-3 border-b border-zinc-100\">\n              <p className=\"text-sm font-medium text-zinc-900 truncate\">\n                {displayName}\n              </p>\n              {user.email && (\n                <p className=\"text-xs text-zinc-500 truncate mt-0.5\">\n                  {user.email}\n                </p>\n              )}\n            </div>\n            {/* Menu items */}\n            <div className=\"p-1\">\n              <Link\n                href={profileHref}\n                onClick={() => setIsUserMenuOpen(false)}\n                className=\"flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors\"\n              >\n                <UserIcon className=\"w-4 h-4 text-zinc-400\" />\n                Profile\n              </Link>\n              <Link\n                href={settingsHref}\n                onClick={() => setIsUserMenuOpen(false)}\n                className=\"flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors\"\n              >\n                <SettingsIcon className=\"w-4 h-4 text-zinc-400\" />\n                Settings\n              </Link>\n              <button\n                onClick={handleLogout}\n                className=\"flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors text-left\"\n              >\n                <LogOutIcon className=\"w-4 h-4 text-zinc-400\" />\n                Log out\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* User trigger button */}\n        <button\n          onClick={() => setIsUserMenuOpen((o) => !o)}\n          title={isCollapsed ? displayName : undefined}\n          className={\n            \"w-full flex items-center gap-2.5 p-2 rounded-lg hover:bg-zinc-50 transition-colors text-left \" +\n            (isCollapsed ? \"justify-center\" : \"\")\n          }\n        >\n          <div\n            className={\"w-7 h-7 rounded-full flex items-center justify-center flex-shrink-0 \" + avatarColor}\n          >\n            <span className=\"text-xs font-semibold text-white leading-none\">\n              {initials}\n            </span>\n          </div>\n          {!isCollapsed && (\n            <>\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-medium text-zinc-900 truncate leading-tight\">\n                  {displayName}\n                </p>\n              </div>\n              <ChevronsUpDownIcon className=\"w-3.5 h-3.5 text-zinc-400 flex-shrink-0\" />\n            </>\n          )}\n        </button>\n      </div>\n    </aside>\n  );\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType } from 'react';
+
+declare function Hello(): react_jsx_runtime.JSX.Element;
+
+type UserType = "guest" | "regular";
+interface AuthUser {
+    id: string;
+    name?: string | null;
+    email?: string | null;
+    image?: string | null;
+    type: UserType;
+    appId: string;
+    isGuest: boolean;
+}
+interface NavItem {
+    href: string;
+    label: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    exact?: boolean;
+}
+interface SidebarProps {
+    user?: AuthUser;
+    appId?: string;
+    authHost?: string;
+    navItems?: NavItem[];
+    title?: string;
+    logoutRedirectTo?: string;
+    profileHref?: string;
+    settingsHref?: string;
+    onLogout?: () => void;
+}
+declare function Sidebar({ user: userProp, appId, authHost, navItems, title, logoutRedirectTo, profileHref, settingsHref, onLogout, }: SidebarProps): react_jsx_runtime.JSX.Element | null;
+
+export { type AuthUser, Hello, type NavItem, Sidebar, type SidebarProps, type UserType };

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType } from 'react';
+
+declare function Hello(): react_jsx_runtime.JSX.Element;
+
+type UserType = "guest" | "regular";
+interface AuthUser {
+    id: string;
+    name?: string | null;
+    email?: string | null;
+    image?: string | null;
+    type: UserType;
+    appId: string;
+    isGuest: boolean;
+}
+interface NavItem {
+    href: string;
+    label: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    exact?: boolean;
+}
+interface SidebarProps {
+    user?: AuthUser;
+    appId?: string;
+    authHost?: string;
+    navItems?: NavItem[];
+    title?: string;
+    logoutRedirectTo?: string;
+    profileHref?: string;
+    settingsHref?: string;
+    onLogout?: () => void;
+}
+declare function Sidebar({ user: userProp, appId, authHost, navItems, title, logoutRedirectTo, profileHref, settingsHref, onLogout, }: SidebarProps): react_jsx_runtime.JSX.Element | null;
+
+export { type AuthUser, Hello, type NavItem, Sidebar, type SidebarProps, type UserType };

package/dist/index.js

@@ -0,0 +1,311 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import Link from 'next/link';
+import { usePathname, useRouter } from 'next/navigation';
+
+// src/components/Hello.tsx
+function Hello() {
+  return /* @__PURE__ */ jsx("div", { children: "Hello world" });
+}
+
+// src/utils/authApi.ts
+var DEFAULT_AUTH_HOST = (() => {
+  if (typeof process !== "undefined" && process.env?.NEXT_PUBLIC_AUTH_API_HOST) {
+    const envHost = process.env.NEXT_PUBLIC_AUTH_API_HOST.trim();
+    if (envHost.length > 0) return envHost;
+  }
+  return "https://auth.create-flow.ai";
+})();
+var DEFAULT_APP_ID = typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_AUTH_APP_ID?.trim() ?? "" : "";
+function normalizeHost(host) {
+  const value = (host ?? DEFAULT_AUTH_HOST).trim();
+  if (!value) throw new Error("Auth host is not configured");
+  if (/^https?:\/\//i.test(value)) return value.replace(/\/+$/g, "");
+  return `https://${value}`.replace(/\/+$/g, "");
+}
+function buildAuthUrl(path, host, query) {
+  const normalizedHost = normalizeHost(host);
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  const url = new URL(normalizedPath, normalizedHost);
+  if (query) {
+    for (const [key, value] of Object.entries(query)) {
+      if (value !== void 0 && value !== null) {
+        url.searchParams.set(key, value);
+      }
+    }
+  }
+  return url;
+}
+async function fetchWithCredentials(url, init = {}) {
+  const response = await fetch(url.toString(), {
+    credentials: "include",
+    cache: "no-store",
+    ...init
+  });
+  let data = null;
+  try {
+    data = await response.json();
+  } catch {
+  }
+  return { response, data };
+}
+async function getAuthJson(path, host, query) {
+  const url = buildAuthUrl(path, host, query);
+  return fetchWithCredentials(url, { method: "GET" });
+}
+function getResolvedAppId(appId) {
+  return (appId ?? DEFAULT_APP_ID).trim();
+}
+function HomeIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 22V12h6v10" })
+  ] });
+}
+function FolderIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" }) });
+}
+function UserIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "4" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 20c0-4 3.6-7 8-7s8 3 8 7" })
+  ] });
+}
+function SettingsIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z" })
+  ] });
+}
+function LogOutIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4" }),
+    /* @__PURE__ */ jsx("polyline", { points: "16,17 21,12 16,7" }),
+    /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+  ] });
+}
+function ChevronLeftIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M15 18l-6-6 6-6" }) });
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M9 18l6-6-6-6" }) });
+}
+function ChevronsUpDownIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M7 15l5 5 5-5M7 9l5-5 5 5" }) });
+}
+var defaultNavItems = [
+  { href: "/dashboard", label: "Dashboard", icon: HomeIcon, exact: true },
+  { href: "/dashboard/projects", label: "Projects", icon: FolderIcon, exact: false },
+  { href: "/dashboard/settings", label: "Settings", icon: SettingsIcon, exact: false }
+];
+var AVATAR_COLORS = [
+  "bg-violet-600",
+  "bg-indigo-600",
+  "bg-sky-600",
+  "bg-emerald-600",
+  "bg-amber-600",
+  "bg-rose-600"
+];
+function getAvatarColor(name) {
+  let hash = 0;
+  for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);
+  return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];
+}
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).map((w) => w[0]).join("").toUpperCase().slice(0, 2);
+}
+function Sidebar({
+  user: userProp,
+  appId,
+  authHost,
+  navItems = defaultNavItems,
+  title = "Workspace",
+  logoutRedirectTo = "/",
+  profileHref = "/profile",
+  settingsHref = "/settings",
+  onLogout
+}) {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
+  const [fetchedUser, setFetchedUser] = useState(null);
+  const [isLoading, setIsLoading] = useState(!userProp);
+  const pathname = usePathname();
+  const router = useRouter();
+  const menuRef = useRef(null);
+  useEffect(() => {
+    if (userProp) return;
+    let cancelled = false;
+    async function fetchSession() {
+      try {
+        const { response, data } = await getAuthJson("api/auth/session", authHost);
+        if (!cancelled && response.ok && data?.user) {
+          setFetchedUser(data.user);
+        }
+      } catch (err) {
+        console.error("Failed to fetch session:", err);
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    fetchSession();
+    return () => {
+      cancelled = true;
+    };
+  }, [authHost, userProp]);
+  useEffect(() => {
+    function handleClickOutside(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        setIsUserMenuOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const user = userProp || fetchedUser;
+  if (isLoading || !user) return null;
+  const displayName = user.name || user.email?.split("@")[0] || "User";
+  const initials = getInitials(displayName);
+  const avatarColor = getAvatarColor(displayName);
+  function isActive(href, exact) {
+    return exact ? pathname === href : pathname.startsWith(href);
+  }
+  async function handleLogout() {
+    const resolvedAppId = getResolvedAppId(appId);
+    try {
+      await getAuthJson("api/auth/logout", authHost, resolvedAppId ? { appId: resolvedAppId } : void 0);
+    } catch (err) {
+      console.error("Logout error:", err);
+    }
+    if (onLogout) {
+      onLogout();
+    } else {
+      router.push(logoutRedirectTo);
+      router.refresh();
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: "relative flex flex-col h-screen bg-white border-r border-zinc-200 transition-all duration-200 ease-in-out flex-shrink-0 " + (isCollapsed ? "w-[60px]" : "w-[220px]"),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center h-14 px-3 flex-shrink-0 border-b border-zinc-200 " + (isCollapsed ? "justify-center" : "justify-between"),
+            children: [
+              !isCollapsed && /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-zinc-900 tracking-tight truncate select-none", children: title }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setIsCollapsed((c) => !c),
+                  title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
+                  className: "p-1.5 rounded-md text-zinc-400 hover:text-zinc-700 hover:bg-zinc-100 transition-colors flex-shrink-0",
+                  children: isCollapsed ? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "w-4 h-4" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("nav", { className: "flex-1 overflow-y-auto py-2 px-2 space-y-0.5", children: navItems.map(({ href, label, icon: Icon, exact }) => {
+          const active = isActive(href, exact ?? false);
+          return /* @__PURE__ */ jsxs(
+            Link,
+            {
+              href,
+              title: isCollapsed ? label : void 0,
+              className: "flex items-center gap-2.5 px-2.5 py-2 rounded-lg text-sm transition-colors " + (isCollapsed ? "justify-center " : "") + (active ? "bg-zinc-100 text-zinc-900 font-medium" : "text-zinc-500 hover:bg-zinc-50 hover:text-zinc-900"),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
+                !isCollapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+              ]
+            },
+            href
+          );
+        }) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: menuRef,
+            className: "relative flex-shrink-0 p-2 border-t border-zinc-200",
+            children: [
+              isUserMenuOpen && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "absolute bottom-full mb-1 z-50 bg-white border border-zinc-200 rounded-xl shadow-lg shadow-zinc-200/50 overflow-hidden " + (isCollapsed ? "left-full ml-2 w-52" : "left-2 right-2"),
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "px-3.5 py-3 border-b border-zinc-100", children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-zinc-900 truncate", children: displayName }),
+                      user.email && /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500 truncate mt-0.5", children: user.email })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "p-1", children: [
+                      /* @__PURE__ */ jsxs(
+                        Link,
+                        {
+                          href: profileHref,
+                          onClick: () => setIsUserMenuOpen(false),
+                          className: "flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors",
+                          children: [
+                            /* @__PURE__ */ jsx(UserIcon, { className: "w-4 h-4 text-zinc-400" }),
+                            "Profile"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Link,
+                        {
+                          href: settingsHref,
+                          onClick: () => setIsUserMenuOpen(false),
+                          className: "flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors",
+                          children: [
+                            /* @__PURE__ */ jsx(SettingsIcon, { className: "w-4 h-4 text-zinc-400" }),
+                            "Settings"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          onClick: handleLogout,
+                          className: "flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors text-left",
+                          children: [
+                            /* @__PURE__ */ jsx(LogOutIcon, { className: "w-4 h-4 text-zinc-400" }),
+                            "Log out"
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => setIsUserMenuOpen((o) => !o),
+                  title: isCollapsed ? displayName : void 0,
+                  className: "w-full flex items-center gap-2.5 p-2 rounded-lg hover:bg-zinc-50 transition-colors text-left " + (isCollapsed ? "justify-center" : ""),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "w-7 h-7 rounded-full flex items-center justify-center flex-shrink-0 " + avatarColor,
+                        children: /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-white leading-none", children: initials })
+                      }
+                    ),
+                    !isCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-zinc-900 truncate leading-tight", children: displayName }) }),
+                      /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "w-3.5 h-3.5 text-zinc-400 flex-shrink-0" })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Hello, Sidebar };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hello.tsx","../src/utils/authApi.ts","../src/components/Sidebar.tsx"],"names":["jsx"],"mappings":"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","file":"index.js","sourcesContent":["export function Hello() {\n  return <div>Hello world</div>;\n}\n","const DEFAULT_AUTH_HOST = (() => {\n  if (typeof process !== \"undefined\" && process.env?.NEXT_PUBLIC_AUTH_API_HOST) {\n    const envHost = process.env.NEXT_PUBLIC_AUTH_API_HOST.trim();\n    if (envHost.length > 0) return envHost;\n  }\n  return \"https://auth.create-flow.ai\";\n})();\n\nconst DEFAULT_APP_ID =\n  typeof process !== \"undefined\"\n    ? process.env?.NEXT_PUBLIC_AUTH_APP_ID?.trim() ?? \"\"\n    : \"\";\n\nfunction normalizeHost(host?: string) {\n  const value = (host ?? DEFAULT_AUTH_HOST).trim();\n  if (!value) throw new Error(\"Auth host is not configured\");\n  if (/^https?:\\/\\//i.test(value)) return value.replace(/\\/+$/g, \"\");\n  return `https://${value}`.replace(/\\/+$/g, \"\");\n}\n\nfunction buildAuthUrl(\n  path: string,\n  host?: string,\n  query?: Record<string, string | undefined>\n) {\n  const normalizedHost = normalizeHost(host);\n  const normalizedPath = path.startsWith(\"/\") ? path : `/${path}`;\n  const url = new URL(normalizedPath, normalizedHost);\n\n  if (query) {\n    for (const [key, value] of Object.entries(query)) {\n      if (value !== undefined && value !== null) {\n        url.searchParams.set(key, value);\n      }\n    }\n  }\n\n  return url;\n}\n\nasync function fetchWithCredentials(url: URL, init: RequestInit = {}) {\n  const response = await fetch(url.toString(), {\n    credentials: \"include\",\n    cache: \"no-store\",\n    ...init,\n  });\n  let data: any = null;\n  try {\n    data = await response.json();\n  } catch {\n    // Ignore JSON parse errors\n  }\n  return { response, data };\n}\n\nexport async function getAuthJson(\n  path: string,\n  host?: string,\n  query?: Record<string, string | undefined>\n) {\n  const url = buildAuthUrl(path, host, query);\n  return fetchWithCredentials(url, { method: \"GET\" });\n}\n\nexport function getResolvedAppId(appId?: string) {\n  return (appId ?? DEFAULT_APP_ID).trim();\n}\n","\"use client\";\n\nimport { useState, useRef, useEffect, type ComponentType } from \"react\";\nimport Link from \"next/link\";\nimport { usePathname, useRouter } from \"next/navigation\";\n\nimport { getResolvedAppId, getAuthJson } from \"../utils/authApi\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type UserType = \"guest\" | \"regular\";\n\nexport interface AuthUser {\n  id: string;\n  name?: string | null;\n  email?: string | null;\n  image?: string | null;\n  type: UserType;\n  appId: string;\n  isGuest: boolean;\n}\n\nexport interface NavItem {\n  href: string;\n  label: string;\n  icon: ComponentType<{ className?: string }>;\n  exact?: boolean;\n}\n\nexport interface SidebarProps {\n  user?: AuthUser;\n  appId?: string;\n  authHost?: string;\n  navItems?: NavItem[];\n  title?: string;\n  logoutRedirectTo?: string;\n  profileHref?: string;\n  settingsHref?: string;\n  onLogout?: () => void;\n}\n\n// ── Icons ─────────────────────────────────────────────────────────────────────\n\nfunction HomeIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\n      <path d=\"M9 22V12h6v10\" />\n    </svg>\n  );\n}\n\nfunction FolderIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z\" />\n    </svg>\n  );\n}\n\nfunction UserIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <circle cx=\"12\" cy=\"8\" r=\"4\" />\n      <path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\" />\n    </svg>\n  );\n}\n\nfunction SettingsIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n      <path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z\" />\n    </svg>\n  );\n}\n\nfunction LogOutIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4\" />\n      <polyline points=\"16,17 21,12 16,7\" />\n      <line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\" />\n    </svg>\n  );\n}\n\nfunction ChevronLeftIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M15 18l-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M9 18l6-6-6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronsUpDownIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M7 15l5 5 5-5M7 9l5-5 5 5\" />\n    </svg>\n  );\n}\n\n// ── Default nav items ─────────────────────────────────────────────────────────\n\nconst defaultNavItems: NavItem[] = [\n  { href: \"/dashboard\", label: \"Dashboard\", icon: HomeIcon, exact: true },\n  { href: \"/dashboard/projects\", label: \"Projects\", icon: FolderIcon, exact: false },\n  { href: \"/dashboard/settings\", label: \"Settings\", icon: SettingsIcon, exact: false },\n];\n\n// ── Avatar ────────────────────────────────────────────────────────────────────\n\nconst AVATAR_COLORS = [\n  \"bg-violet-600\",\n  \"bg-indigo-600\",\n  \"bg-sky-600\",\n  \"bg-emerald-600\",\n  \"bg-amber-600\",\n  \"bg-rose-600\",\n];\n\nfunction getAvatarColor(name: string): string {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);\n  return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .filter(Boolean)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n}\n\n// ── Sidebar ───────────────────────────────────────────────────────────────────\n\nexport function Sidebar({\n  user: userProp,\n  appId,\n  authHost,\n  navItems = defaultNavItems,\n  title = \"Workspace\",\n  logoutRedirectTo = \"/\",\n  profileHref = \"/profile\",\n  settingsHref = \"/settings\",\n  onLogout,\n}: SidebarProps) {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);\n  const [fetchedUser, setFetchedUser] = useState<AuthUser | null>(null);\n  const [isLoading, setIsLoading] = useState(!userProp);\n  const pathname = usePathname();\n  const router = useRouter();\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (userProp) return;\n\n    let cancelled = false;\n\n    async function fetchSession() {\n      try {\n        const { response, data } = await getAuthJson(\"api/auth/session\", authHost);\n        if (!cancelled && response.ok && data?.user) {\n          setFetchedUser(data.user);\n        }\n      } catch (err) {\n        console.error(\"Failed to fetch session:\", err);\n      } finally {\n        if (!cancelled) setIsLoading(false);\n      }\n    }\n\n    fetchSession();\n    return () => { cancelled = true; };\n  }, [authHost, userProp]);\n\n  useEffect(() => {\n    function handleClickOutside(e: MouseEvent) {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setIsUserMenuOpen(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, []);\n\n  const user = userProp || fetchedUser;\n\n  if (isLoading || !user) return null;\n\n  const displayName = user.name || user.email?.split(\"@\")[0] || \"User\";\n  const initials = getInitials(displayName);\n  const avatarColor = getAvatarColor(displayName);\n\n  function isActive(href: string, exact: boolean) {\n    return exact ? pathname === href : pathname.startsWith(href);\n  }\n\n  async function handleLogout() {\n    const resolvedAppId = getResolvedAppId(appId);\n\n    try {\n      await getAuthJson(\"api/auth/logout\", authHost, resolvedAppId ? { appId: resolvedAppId } : undefined);\n    } catch (err) {\n      console.error(\"Logout error:\", err);\n    }\n\n    if (onLogout) {\n      onLogout();\n    } else {\n      router.push(logoutRedirectTo);\n      router.refresh();\n    }\n  }\n\n  return (\n    <aside\n      className={\n        \"relative flex flex-col h-screen bg-white border-r border-zinc-200 transition-all duration-200 ease-in-out flex-shrink-0 \" +\n        (isCollapsed ? \"w-[60px]\" : \"w-[220px]\")\n      }\n    >\n      {/* ── Header ─────────────────────────────────────────────────────────── */}\n      <div\n        className={\n          \"flex items-center h-14 px-3 flex-shrink-0 border-b border-zinc-200 \" +\n          (isCollapsed ? \"justify-center\" : \"justify-between\")\n        }\n      >\n        {!isCollapsed && (\n          <span className=\"text-sm font-semibold text-zinc-900 tracking-tight truncate select-none\">\n            {title}\n          </span>\n        )}\n        <button\n          onClick={() => setIsCollapsed((c) => !c)}\n          title={isCollapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n          className=\"p-1.5 rounded-md text-zinc-400 hover:text-zinc-700 hover:bg-zinc-100 transition-colors flex-shrink-0\"\n        >\n          {isCollapsed ? (\n            <ChevronRightIcon className=\"w-4 h-4\" />\n          ) : (\n            <ChevronLeftIcon className=\"w-4 h-4\" />\n          )}\n        </button>\n      </div>\n\n      {/* ── Nav ────────────────────────────────────────────────────────────── */}\n      <nav className=\"flex-1 overflow-y-auto py-2 px-2 space-y-0.5\">\n        {navItems.map(({ href, label, icon: Icon, exact }) => {\n          const active = isActive(href, exact ?? false);\n          return (\n            <Link\n              key={href}\n              href={href}\n              title={isCollapsed ? label : undefined}\n              className={\n                \"flex items-center gap-2.5 px-2.5 py-2 rounded-lg text-sm transition-colors \" +\n                (isCollapsed ? \"justify-center \" : \"\") +\n                (active\n                  ? \"bg-zinc-100 text-zinc-900 font-medium\"\n                  : \"text-zinc-500 hover:bg-zinc-50 hover:text-zinc-900\")\n              }\n            >\n              <Icon className=\"w-4 h-4 flex-shrink-0\" />\n              {!isCollapsed && <span className=\"truncate\">{label}</span>}\n            </Link>\n          );\n        })}\n      </nav>\n\n      {/* ── User area ──────────────────────────────────────────────────────── */}\n      <div\n        ref={menuRef}\n        className=\"relative flex-shrink-0 p-2 border-t border-zinc-200\"\n      >\n        {/* Dropdown menu */}\n        {isUserMenuOpen && (\n          <div\n            className={\n              \"absolute bottom-full mb-1 z-50 bg-white border border-zinc-200 rounded-xl shadow-lg shadow-zinc-200/50 overflow-hidden \" +\n              (isCollapsed ? \"left-full ml-2 w-52\" : \"left-2 right-2\")\n            }\n          >\n            {/* User info */}\n            <div className=\"px-3.5 py-3 border-b border-zinc-100\">\n              <p className=\"text-sm font-medium text-zinc-900 truncate\">\n                {displayName}\n              </p>\n              {user.email && (\n                <p className=\"text-xs text-zinc-500 truncate mt-0.5\">\n                  {user.email}\n                </p>\n              )}\n            </div>\n            {/* Menu items */}\n            <div className=\"p-1\">\n              <Link\n                href={profileHref}\n                onClick={() => setIsUserMenuOpen(false)}\n                className=\"flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors\"\n              >\n                <UserIcon className=\"w-4 h-4 text-zinc-400\" />\n                Profile\n              </Link>\n              <Link\n                href={settingsHref}\n                onClick={() => setIsUserMenuOpen(false)}\n                className=\"flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors\"\n              >\n                <SettingsIcon className=\"w-4 h-4 text-zinc-400\" />\n                Settings\n              </Link>\n              <button\n                onClick={handleLogout}\n                className=\"flex items-center gap-2.5 w-full px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-50 rounded-lg transition-colors text-left\"\n              >\n                <LogOutIcon className=\"w-4 h-4 text-zinc-400\" />\n                Log out\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* User trigger button */}\n        <button\n          onClick={() => setIsUserMenuOpen((o) => !o)}\n          title={isCollapsed ? displayName : undefined}\n          className={\n            \"w-full flex items-center gap-2.5 p-2 rounded-lg hover:bg-zinc-50 transition-colors text-left \" +\n            (isCollapsed ? \"justify-center\" : \"\")\n          }\n        >\n          <div\n            className={\"w-7 h-7 rounded-full flex items-center justify-center flex-shrink-0 \" + avatarColor}\n          >\n            <span className=\"text-xs font-semibold text-white leading-none\">\n              {initials}\n            </span>\n          </div>\n          {!isCollapsed && (\n            <>\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-medium text-zinc-900 truncate leading-tight\">\n                  {displayName}\n                </p>\n              </div>\n              <ChevronsUpDownIcon className=\"w-3.5 h-3.5 text-zinc-400 flex-shrink-0\" />\n            </>\n          )}\n        </button>\n      </div>\n    </aside>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@create-flow/common-ui",
+  "version": "0.3.5",
+  "description": "Shared UI components for Flow apps",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint src",
+    "prepublishOnly": "bun run build",
+    "publish:dry": "npm pack --dry-run",
+    "version:patch": "node -e \"const p=require('./package.json');const v=p.version.split('.');v[2]++;p.version=v.join('.');require('fs').writeFileSync('package.json',JSON.stringify(p,null,2)+'\\n')\"",
+    "version:minor": "node -e \"const p=require('./package.json');const v=p.version.split('.');v[1]++;v[2]=0;p.version=v.join('.');require('fs').writeFileSync('package.json',JSON.stringify(p,null,2)+'\\n')\"",
+    "version:major": "node -e \"const p=require('./package.json');const v=p.version.split('.');v[0]++;v[1]=0;v[2]=0;p.version=v.join('.');require('fs').writeFileSync('package.json',JSON.stringify(p,null,2)+'\\n')\"",
+    "publish:patch": "bun run version:patch && bun publish",
+    "publish:minor": "bun run version:minor && bun publish",
+    "publish:major": "bun run version:major && bun publish"
+  },
+  "peerDependencies": {
+    "next": ">=14",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "typescript-eslint": "^8",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tsup": "^8",
+    "typescript": "^5"
+  }
+}