@augmenting-integrations/ui 0.2.1 → 1.0.0

package/dist/components/shells/AppShell.cjs

@@ -0,0 +1,128 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AppShell_exports = {};
+__export(AppShell_exports, {
+  AppShell: () => AppShell
+});
+module.exports = __toCommonJS(AppShell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_link = __toESM(require("next/link"));
+var import_lucide_react = require("lucide-react");
+var import_Logo = require("../chrome/Logo.js");
+var import_ThemeSwitcher = require("../chrome/ThemeSwitcher.js");
+var import_RoleSwitcher = require("../chrome/RoleSwitcher.js");
+var import_utils = require("../../lib/utils.js");
+function NavGroup({ group, pathname }) {
+  if (group.items.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "px-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: group.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-0.5", children: group.items.map((item) => {
+      const active = pathname === item.href || pathname.startsWith(`${item.href}/`);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href: item.href,
+          className: (0, import_utils.cn)(
+            "flex items-center gap-3 rounded-md px-3 py-2 text-sm transition",
+            active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/60"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label })
+          ]
+        }
+      ) }, item.href);
+    }) })
+  ] });
+}
+function AppShell({
+  children,
+  pathname,
+  navGroups,
+  homeHref = "/",
+  showRoleSwitcher = true
+}) {
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const sidebarContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex h-full flex-col gap-6 px-3 py-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: homeHref, className: "px-2", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Logo.Logo, {}) }),
+    navGroups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavGroup, { group: g, pathname }, g.label))
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-svh bg-background text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("aside", { className: "hidden w-64 shrink-0 border-r border-sidebar-border bg-sidebar text-sidebar-foreground md:block", children: sidebarContent }),
+    mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "fixed inset-0 z-50 flex md:hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "flex-1 bg-foreground/40 backdrop-blur-sm",
+          onClick: () => setMobileOpen(false),
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "relative w-72 border-l border-sidebar-border bg-sidebar text-sidebar-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setMobileOpen(false),
+            "aria-label": "Close menu",
+            className: "absolute right-2 top-2 inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-sidebar-accent",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
+          }
+        ),
+        sidebarContent
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "flex h-14 items-center justify-between gap-3 border-b border-border bg-background/80 px-4 backdrop-blur md:px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setMobileOpen(true),
+            "aria-label": "Open menu",
+            className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-border md:hidden",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Menu, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 md:ml-auto", children: [
+          showRoleSwitcher ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RoleSwitcher.RoleSwitcher, {}) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeSwitcher.ThemeSwitcher, {})
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "min-w-0 flex-1 px-4 py-6 md:px-8 md:py-8", children })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppShell
+});
+//# sourceMappingURL=AppShell.cjs.map

package/dist/components/shells/AppShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shells/AppShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { Menu, X } from \"lucide-react\";\nimport { Logo } from \"../chrome/Logo.js\";\nimport { ThemeSwitcher } from \"../chrome/ThemeSwitcher.js\";\nimport { RoleSwitcher } from \"../chrome/RoleSwitcher.js\";\nimport { cn } from \"../../lib/utils.js\";\n\nexport type AppNavItem = {\n  href: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n  /** When provided, item only renders if the consumer's `getFlag(flag)` returns true. */\n  flag?: string;\n};\n\nexport type AppNavGroup = { label: string; items: AppNavItem[] };\n\nfunction NavGroup({ group, pathname }: { group: AppNavGroup; pathname: string }) {\n  if (group.items.length === 0) return null;\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"px-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {group.label}\n      </p>\n      <ul className=\"space-y-0.5\">\n        {group.items.map((item) => {\n          const active = pathname === item.href || pathname.startsWith(`${item.href}/`);\n          return (\n            <li key={item.href}>\n              <Link\n                href={item.href}\n                className={cn(\n                  \"flex items-center gap-3 rounded-md px-3 py-2 text-sm transition\",\n                  active\n                    ? \"bg-sidebar-accent text-sidebar-accent-foreground\"\n                    : \"text-sidebar-foreground hover:bg-sidebar-accent/60\",\n                )}\n              >\n                <item.icon className=\"h-4 w-4 shrink-0\" />\n                <span>{item.label}</span>\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n\nexport function AppShell({\n  children,\n  pathname,\n  navGroups,\n  homeHref = \"/\",\n  showRoleSwitcher = true,\n}: {\n  children: React.ReactNode;\n  pathname: string;\n  navGroups: AppNavGroup[];\n  homeHref?: string;\n  showRoleSwitcher?: boolean;\n}) {\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n\n  const sidebarContent = (\n    <div className=\"flex h-full flex-col gap-6 px-3 py-4\">\n      <Link href={homeHref} className=\"px-2\" aria-label=\"Home\">\n        <Logo />\n      </Link>\n      {navGroups.map((g) => (\n        <NavGroup key={g.label} group={g} pathname={pathname} />\n      ))}\n    </div>\n  );\n\n  return (\n    <div className=\"flex min-h-svh bg-background text-foreground\">\n      <aside className=\"hidden w-64 shrink-0 border-r border-sidebar-border bg-sidebar text-sidebar-foreground md:block\">\n        {sidebarContent}\n      </aside>\n\n      {mobileOpen ? (\n        <div className=\"fixed inset-0 z-50 flex md:hidden\">\n          <div\n            className=\"flex-1 bg-foreground/40 backdrop-blur-sm\"\n            onClick={() => setMobileOpen(false)}\n            aria-hidden\n          />\n          <aside className=\"relative w-72 border-l border-sidebar-border bg-sidebar text-sidebar-foreground\">\n            <button\n              type=\"button\"\n              onClick={() => setMobileOpen(false)}\n              aria-label=\"Close menu\"\n              className=\"absolute right-2 top-2 inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-sidebar-accent\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n            {sidebarContent}\n          </aside>\n        </div>\n      ) : null}\n\n      <div className=\"flex min-w-0 flex-1 flex-col\">\n        <header className=\"flex h-14 items-center justify-between gap-3 border-b border-border bg-background/80 px-4 backdrop-blur md:px-6\">\n          <button\n            type=\"button\"\n            onClick={() => setMobileOpen(true)}\n            aria-label=\"Open menu\"\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-md border border-border md:hidden\"\n          >\n            <Menu className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-3 md:ml-auto\">\n            {showRoleSwitcher ? <RoleSwitcher /> : null}\n            <ThemeSwitcher />\n          </div>\n        </header>\n        <main className=\"min-w-0 flex-1 px-4 py-6 md:px-8 md:py-8\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBM;AAtBN,YAAuB;AACvB,kBAAiB;AACjB,0BAAwB;AACxB,kBAAqB;AACrB,2BAA8B;AAC9B,0BAA6B;AAC7B,mBAAmB;AAYnB,SAAS,SAAS,EAAE,OAAO,SAAS,GAA6C;AAC/E,MAAI,MAAM,MAAM,WAAW,EAAG,QAAO;AACrC,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,OAAE,WAAU,4EACV,gBAAM,OACT;AAAA,IACA,4CAAC,QAAG,WAAU,eACX,gBAAM,MAAM,IAAI,CAAC,SAAS;AACzB,YAAM,SAAS,aAAa,KAAK,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,GAAG;AAC5E,aACE,4CAAC,QACC;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,eAAW;AAAA,YACT;AAAA,YACA,SACI,qDACA;AAAA,UACN;AAAA,UAEA;AAAA,wDAAC,KAAK,MAAL,EAAU,WAAU,oBAAmB;AAAA,YACxC,4CAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,MACpB,KAZO,KAAK,IAad;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;AAEO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AACrB,GAMG;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,iBACJ,6CAAC,SAAI,WAAU,wCACb;AAAA,gDAAC,YAAAA,SAAA,EAAK,MAAM,UAAU,WAAU,QAAO,cAAW,QAChD,sDAAC,oBAAK,GACR;AAAA,IACC,UAAU,IAAI,CAAC,MACd,4CAAC,YAAuB,OAAO,GAAG,YAAnB,EAAE,KAAqC,CACvD;AAAA,KACH;AAGF,SACE,6CAAC,SAAI,WAAU,gDACb;AAAA,gDAAC,WAAM,WAAU,mGACd,0BACH;AAAA,IAEC,aACC,6CAAC,SAAI,WAAU,qCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM,cAAc,KAAK;AAAA,UAClC,eAAW;AAAA;AAAA,MACb;AAAA,MACA,6CAAC,WAAM,WAAU,mFACf;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,cAAc,KAAK;AAAA,YAClC,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,sDAAC,yBAAE,WAAU,WAAU;AAAA;AAAA,QACzB;AAAA,QACC;AAAA,SACH;AAAA,OACF,IACE;AAAA,IAEJ,6CAAC,SAAI,WAAU,gCACb;AAAA,mDAAC,YAAO,WAAU,mHAChB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,cAAc,IAAI;AAAA,YACjC,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,sDAAC,4BAAK,WAAU,WAAU;AAAA;AAAA,QAC5B;AAAA,QACA,6CAAC,SAAI,WAAU,sCACZ;AAAA,6BAAmB,4CAAC,oCAAa,IAAK;AAAA,UACvC,4CAAC,sCAAc;AAAA,WACjB;AAAA,SACF;AAAA,MACA,4CAAC,UAAK,WAAU,4CAA4C,UAAS;AAAA,OACvE;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/shells/AppShell.d.ts

@@ -12,16 +12,10 @@ export type AppNavGroup = {
     label: string;
     items: AppNavItem[];
 };
-export declare function AppShell({ children, pathname, navGroups, Link, homeHref, showRoleSwitcher, }: {
+export declare function AppShell({ children, pathname, navGroups, homeHref, showRoleSwitcher, }: {
     children: React.ReactNode;
     pathname: string;
     navGroups: AppNavGroup[];
-    Link: React.ComponentType<{
-        href: string;
-        children?: React.ReactNode;
-        className?: string;
-        "aria-label"?: string;
-    }>;
     homeHref?: string;
     showRoleSwitcher?: boolean;
 }): React.JSX.Element;

package/dist/components/shells/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/shells/AppShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAA;CAAE,CAAC;AA8CjE,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAc,EACd,gBAAuB,GACxB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,qBA4DA"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/shells/AppShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAA;CAAE,CAAC;AAkCjE,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAc,EACd,gBAAuB,GACxB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,qBA4DA"}

package/dist/components/shells/AppShell.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Menu, X } from "lucide-react";
+import { Logo } from "../chrome/Logo.js";
+import { ThemeSwitcher } from "../chrome/ThemeSwitcher.js";
+import { RoleSwitcher } from "../chrome/RoleSwitcher.js";
+import { cn } from "../../lib/utils.js";
+function NavGroup({ group, pathname }) {
+  if (group.items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "px-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: group.label }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: group.items.map((item) => {
+      const active = pathname === item.href || pathname.startsWith(`${item.href}/`);
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: item.href,
+          className: cn(
+            "flex items-center gap-3 rounded-md px-3 py-2 text-sm transition",
+            active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/60"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(item.icon, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: item.label })
+          ]
+        }
+      ) }, item.href);
+    }) })
+  ] });
+}
+function AppShell({
+  children,
+  pathname,
+  navGroups,
+  homeHref = "/",
+  showRoleSwitcher = true
+}) {
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const sidebarContent = /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-6 px-3 py-4", children: [
+    /* @__PURE__ */ jsx(Link, { href: homeHref, className: "px-2", "aria-label": "Home", children: /* @__PURE__ */ jsx(Logo, {}) }),
+    navGroups.map((g) => /* @__PURE__ */ jsx(NavGroup, { group: g, pathname }, g.label))
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-svh bg-background text-foreground", children: [
+    /* @__PURE__ */ jsx("aside", { className: "hidden w-64 shrink-0 border-r border-sidebar-border bg-sidebar text-sidebar-foreground md:block", children: sidebarContent }),
+    mobileOpen ? /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex md:hidden", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex-1 bg-foreground/40 backdrop-blur-sm",
+          onClick: () => setMobileOpen(false),
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsxs("aside", { className: "relative w-72 border-l border-sidebar-border bg-sidebar text-sidebar-foreground", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setMobileOpen(false),
+            "aria-label": "Close menu",
+            className: "absolute right-2 top-2 inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-sidebar-accent",
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        ),
+        sidebarContent
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs("header", { className: "flex h-14 items-center justify-between gap-3 border-b border-border bg-background/80 px-4 backdrop-blur md:px-6", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setMobileOpen(true),
+            "aria-label": "Open menu",
+            className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-border md:hidden",
+            children: /* @__PURE__ */ jsx(Menu, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 md:ml-auto", children: [
+          showRoleSwitcher ? /* @__PURE__ */ jsx(RoleSwitcher, {}) : null,
+          /* @__PURE__ */ jsx(ThemeSwitcher, {})
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("main", { className: "min-w-0 flex-1 px-4 py-6 md:px-8 md:py-8", children })
+    ] })
+  ] });
+}
+export {
+  AppShell
+};
+//# sourceMappingURL=AppShell.js.map

package/dist/components/shells/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shells/AppShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { Menu, X } from \"lucide-react\";\nimport { Logo } from \"../chrome/Logo.js\";\nimport { ThemeSwitcher } from \"../chrome/ThemeSwitcher.js\";\nimport { RoleSwitcher } from \"../chrome/RoleSwitcher.js\";\nimport { cn } from \"../../lib/utils.js\";\n\nexport type AppNavItem = {\n  href: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n  /** When provided, item only renders if the consumer's `getFlag(flag)` returns true. */\n  flag?: string;\n};\n\nexport type AppNavGroup = { label: string; items: AppNavItem[] };\n\nfunction NavGroup({ group, pathname }: { group: AppNavGroup; pathname: string }) {\n  if (group.items.length === 0) return null;\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"px-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {group.label}\n      </p>\n      <ul className=\"space-y-0.5\">\n        {group.items.map((item) => {\n          const active = pathname === item.href || pathname.startsWith(`${item.href}/`);\n          return (\n            <li key={item.href}>\n              <Link\n                href={item.href}\n                className={cn(\n                  \"flex items-center gap-3 rounded-md px-3 py-2 text-sm transition\",\n                  active\n                    ? \"bg-sidebar-accent text-sidebar-accent-foreground\"\n                    : \"text-sidebar-foreground hover:bg-sidebar-accent/60\",\n                )}\n              >\n                <item.icon className=\"h-4 w-4 shrink-0\" />\n                <span>{item.label}</span>\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n\nexport function AppShell({\n  children,\n  pathname,\n  navGroups,\n  homeHref = \"/\",\n  showRoleSwitcher = true,\n}: {\n  children: React.ReactNode;\n  pathname: string;\n  navGroups: AppNavGroup[];\n  homeHref?: string;\n  showRoleSwitcher?: boolean;\n}) {\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n\n  const sidebarContent = (\n    <div className=\"flex h-full flex-col gap-6 px-3 py-4\">\n      <Link href={homeHref} className=\"px-2\" aria-label=\"Home\">\n        <Logo />\n      </Link>\n      {navGroups.map((g) => (\n        <NavGroup key={g.label} group={g} pathname={pathname} />\n      ))}\n    </div>\n  );\n\n  return (\n    <div className=\"flex min-h-svh bg-background text-foreground\">\n      <aside className=\"hidden w-64 shrink-0 border-r border-sidebar-border bg-sidebar text-sidebar-foreground md:block\">\n        {sidebarContent}\n      </aside>\n\n      {mobileOpen ? (\n        <div className=\"fixed inset-0 z-50 flex md:hidden\">\n          <div\n            className=\"flex-1 bg-foreground/40 backdrop-blur-sm\"\n            onClick={() => setMobileOpen(false)}\n            aria-hidden\n          />\n          <aside className=\"relative w-72 border-l border-sidebar-border bg-sidebar text-sidebar-foreground\">\n            <button\n              type=\"button\"\n              onClick={() => setMobileOpen(false)}\n              aria-label=\"Close menu\"\n              className=\"absolute right-2 top-2 inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-sidebar-accent\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n            {sidebarContent}\n          </aside>\n        </div>\n      ) : null}\n\n      <div className=\"flex min-w-0 flex-1 flex-col\">\n        <header className=\"flex h-14 items-center justify-between gap-3 border-b border-border bg-background/80 px-4 backdrop-blur md:px-6\">\n          <button\n            type=\"button\"\n            onClick={() => setMobileOpen(true)}\n            aria-label=\"Open menu\"\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-md border border-border md:hidden\"\n          >\n            <Menu className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-3 md:ml-auto\">\n            {showRoleSwitcher ? <RoleSwitcher /> : null}\n            <ThemeSwitcher />\n          </div>\n        </header>\n        <main className=\"min-w-0 flex-1 px-4 py-6 md:px-8 md:py-8\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAwBM,cAQQ,YARR;AAtBN,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,MAAM,SAAS;AACxB,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AAYnB,SAAS,SAAS,EAAE,OAAO,SAAS,GAA6C;AAC/E,MAAI,MAAM,MAAM,WAAW,EAAG,QAAO;AACrC,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,4EACV,gBAAM,OACT;AAAA,IACA,oBAAC,QAAG,WAAU,eACX,gBAAM,MAAM,IAAI,CAAC,SAAS;AACzB,YAAM,SAAS,aAAa,KAAK,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,GAAG;AAC5E,aACE,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,SACI,qDACA;AAAA,UACN;AAAA,UAEA;AAAA,gCAAC,KAAK,MAAL,EAAU,WAAU,oBAAmB;AAAA,YACxC,oBAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,MACpB,KAZO,KAAK,IAad;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;AAEO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AACrB,GAMG;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,iBACJ,qBAAC,SAAI,WAAU,wCACb;AAAA,wBAAC,QAAK,MAAM,UAAU,WAAU,QAAO,cAAW,QAChD,8BAAC,QAAK,GACR;AAAA,IACC,UAAU,IAAI,CAAC,MACd,oBAAC,YAAuB,OAAO,GAAG,YAAnB,EAAE,KAAqC,CACvD;AAAA,KACH;AAGF,SACE,qBAAC,SAAI,WAAU,gDACb;AAAA,wBAAC,WAAM,WAAU,mGACd,0BACH;AAAA,IAEC,aACC,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM,cAAc,KAAK;AAAA,UAClC,eAAW;AAAA;AAAA,MACb;AAAA,MACA,qBAAC,WAAM,WAAU,mFACf;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,cAAc,KAAK;AAAA,YAClC,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,QACzB;AAAA,QACC;AAAA,SACH;AAAA,OACF,IACE;AAAA,IAEJ,qBAAC,SAAI,WAAU,gCACb;AAAA,2BAAC,YAAO,WAAU,mHAChB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,cAAc,IAAI;AAAA,YACjC,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,QAC5B;AAAA,QACA,qBAAC,SAAI,WAAU,sCACZ;AAAA,6BAAmB,oBAAC,gBAAa,IAAK;AAAA,UACvC,oBAAC,iBAAc;AAAA,WACjB;AAAA,SACF;AAAA,MACA,oBAAC,UAAK,WAAU,4CAA4C,UAAS;AAAA,OACvE;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/shells/PublicShell.cjs

@@ -0,0 +1,87 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PublicShell_exports = {};
+__export(PublicShell_exports, {
+  PublicShell: () => PublicShell
+});
+module.exports = __toCommonJS(PublicShell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"));
+var import_brand = require("@augmenting-integrations/brand");
+var import_Logo = require("../chrome/Logo.js");
+var import_ThemeSwitcher = require("../chrome/ThemeSwitcher.js");
+function PublicShell({
+  children,
+  navLinks,
+  loginHref = "/login",
+  footerLinks
+}) {
+  const brand = (0, import_brand.useBrand)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-svh flex-col bg-background text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "border-b border-border bg-background/80 backdrop-blur", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto flex max-w-6xl items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Logo.Logo, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", { className: "flex items-center gap-6 text-sm", children: [
+        navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
+          {
+            href: link.href,
+            className: "text-muted-foreground transition hover:text-foreground",
+            children: link.label
+          },
+          link.href
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
+          {
+            href: loginHref,
+            className: "text-muted-foreground transition hover:text-foreground",
+            children: "Log in"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeSwitcher.ThemeSwitcher, {})
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "flex-1", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("footer", { className: "border-t border-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-3 px-6 py-6 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        "\xA9 ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " ",
+        brand.name
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-4", children: (footerLinks ?? []).map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: link.href, className: "hover:text-foreground", children: link.label }, link.href)) })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PublicShell
+});
+//# sourceMappingURL=PublicShell.cjs.map

package/dist/components/shells/PublicShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shells/PublicShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { useBrand } from \"@augmenting-integrations/brand\";\nimport { Logo } from \"../chrome/Logo.js\";\nimport { ThemeSwitcher } from \"../chrome/ThemeSwitcher.js\";\n\nexport type NavLink = { href: string; label: string };\n\nexport function PublicShell({\n  children,\n  navLinks,\n  loginHref = \"/login\",\n  footerLinks,\n}: {\n  children: React.ReactNode;\n  navLinks: NavLink[];\n  loginHref?: string;\n  footerLinks?: NavLink[];\n}) {\n  const brand = useBrand();\n  return (\n    <div className=\"flex min-h-svh flex-col bg-background text-foreground\">\n      <header className=\"border-b border-border bg-background/80 backdrop-blur\">\n        <div className=\"mx-auto flex max-w-6xl items-center justify-between px-6 py-4\">\n          <Link href=\"/\" aria-label=\"Home\">\n            <Logo />\n          </Link>\n          <nav className=\"flex items-center gap-6 text-sm\">\n            {navLinks.map((link) => (\n              <Link\n                key={link.href}\n                href={link.href}\n                className=\"text-muted-foreground transition hover:text-foreground\"\n              >\n                {link.label}\n              </Link>\n            ))}\n            <Link\n              href={loginHref}\n              className=\"text-muted-foreground transition hover:text-foreground\"\n            >\n              Log in\n            </Link>\n            <ThemeSwitcher />\n          </nav>\n        </div>\n      </header>\n\n      <main className=\"flex-1\">{children}</main>\n\n      <footer className=\"border-t border-border\">\n        <div className=\"mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-3 px-6 py-6 text-sm text-muted-foreground\">\n          <span>\n            © {new Date().getFullYear()} {brand.name}\n          </span>\n          <div className=\"flex gap-4\">\n            {(footerLinks ?? []).map((link) => (\n              <Link key={link.href} href={link.href} className=\"hover:text-foreground\">\n                {link.label}\n              </Link>\n            ))}\n          </div>\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BY;AAxBZ,kBAAiB;AACjB,mBAAyB;AACzB,kBAAqB;AACrB,2BAA8B;AAIvB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAKG;AACD,QAAM,YAAQ,uBAAS;AACvB,SACE,6CAAC,SAAI,WAAU,yDACb;AAAA,gDAAC,YAAO,WAAU,yDAChB,uDAAC,SAAI,WAAU,iEACb;AAAA,kDAAC,YAAAA,SAAA,EAAK,MAAK,KAAI,cAAW,QACxB,sDAAC,oBAAK,GACR;AAAA,MACA,6CAAC,SAAI,WAAU,mCACZ;AAAA,iBAAS,IAAI,CAAC,SACb;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX,WAAU;AAAA,YAET,eAAK;AAAA;AAAA,UAJD,KAAK;AAAA,QAKZ,CACD;AAAA,QACD;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QACA,4CAAC,sCAAc;AAAA,SACjB;AAAA,OACF,GACF;AAAA,IAEA,4CAAC,UAAK,WAAU,UAAU,UAAS;AAAA,IAEnC,4CAAC,YAAO,WAAU,0BAChB,uDAAC,SAAI,WAAU,+GACb;AAAA,mDAAC,UAAK;AAAA;AAAA,SACD,oBAAI,KAAK,GAAE,YAAY;AAAA,QAAE;AAAA,QAAE,MAAM;AAAA,SACtC;AAAA,MACA,4CAAC,SAAI,WAAU,cACX,0BAAe,CAAC,GAAG,IAAI,CAAC,SACxB,4CAAC,YAAAA,SAAA,EAAqB,MAAM,KAAK,MAAM,WAAU,yBAC9C,eAAK,SADG,KAAK,IAEhB,CACD,GACH;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/shells/PublicShell.d.ts

@@ -3,20 +3,10 @@ export type NavLink = {
     href: string;
     label: string;
 };
-export declare function PublicShell({ children, navLinks, loginHref, footerLinks, Link, }: {
+export declare function PublicShell({ children, navLinks, loginHref, footerLinks, }: {
     children: React.ReactNode;
     navLinks: NavLink[];
     loginHref?: string;
     footerLinks?: NavLink[];
-    /**
-     * The consuming app passes its router's Link component (e.g. next/link).
-     * Decoupling the package from next/link keeps it framework-agnostic.
-     */
-    Link: React.ComponentType<{
-        href: string;
-        children?: React.ReactNode;
-        className?: string;
-        "aria-label"?: string;
-    }>;
 }): React.JSX.Element;
 //# sourceMappingURL=PublicShell.d.ts.map

package/dist/components/shells/PublicShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PublicShell.d.ts","sourceRoot":"","sources":["../../../src/components/shells/PublicShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,WAAW,EACX,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;IACxB;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC,CAAC;CACJ,qBAgDA"}
+{"version":3,"file":"PublicShell.d.ts","sourceRoot":"","sources":["../../../src/components/shells/PublicShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;CACzB,qBAgDA"}

package/dist/components/shells/PublicShell.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useBrand } from "@augmenting-integrations/brand";
+import { Logo } from "../chrome/Logo.js";
+import { ThemeSwitcher } from "../chrome/ThemeSwitcher.js";
+function PublicShell({
+  children,
+  navLinks,
+  loginHref = "/login",
+  footerLinks
+}) {
+  const brand = useBrand();
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-svh flex-col bg-background text-foreground", children: [
+    /* @__PURE__ */ jsx("header", { className: "border-b border-border bg-background/80 backdrop-blur", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-6xl items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Link, { href: "/", "aria-label": "Home", children: /* @__PURE__ */ jsx(Logo, {}) }),
+      /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-6 text-sm", children: [
+        navLinks.map((link) => /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: link.href,
+            className: "text-muted-foreground transition hover:text-foreground",
+            children: link.label
+          },
+          link.href
+        )),
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: loginHref,
+            className: "text-muted-foreground transition hover:text-foreground",
+            children: "Log in"
+          }
+        ),
+        /* @__PURE__ */ jsx(ThemeSwitcher, {})
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("main", { className: "flex-1", children }),
+    /* @__PURE__ */ jsx("footer", { className: "border-t border-border", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-3 px-6 py-6 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "\xA9 ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " ",
+        brand.name
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: (footerLinks ?? []).map((link) => /* @__PURE__ */ jsx(Link, { href: link.href, className: "hover:text-foreground", children: link.label }, link.href)) })
+    ] }) })
+  ] });
+}
+export {
+  PublicShell
+};
+//# sourceMappingURL=PublicShell.js.map

package/dist/components/shells/PublicShell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shells/PublicShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { useBrand } from \"@augmenting-integrations/brand\";\nimport { Logo } from \"../chrome/Logo.js\";\nimport { ThemeSwitcher } from \"../chrome/ThemeSwitcher.js\";\n\nexport type NavLink = { href: string; label: string };\n\nexport function PublicShell({\n  children,\n  navLinks,\n  loginHref = \"/login\",\n  footerLinks,\n}: {\n  children: React.ReactNode;\n  navLinks: NavLink[];\n  loginHref?: string;\n  footerLinks?: NavLink[];\n}) {\n  const brand = useBrand();\n  return (\n    <div className=\"flex min-h-svh flex-col bg-background text-foreground\">\n      <header className=\"border-b border-border bg-background/80 backdrop-blur\">\n        <div className=\"mx-auto flex max-w-6xl items-center justify-between px-6 py-4\">\n          <Link href=\"/\" aria-label=\"Home\">\n            <Logo />\n          </Link>\n          <nav className=\"flex items-center gap-6 text-sm\">\n            {navLinks.map((link) => (\n              <Link\n                key={link.href}\n                href={link.href}\n                className=\"text-muted-foreground transition hover:text-foreground\"\n              >\n                {link.label}\n              </Link>\n            ))}\n            <Link\n              href={loginHref}\n              className=\"text-muted-foreground transition hover:text-foreground\"\n            >\n              Log in\n            </Link>\n            <ThemeSwitcher />\n          </nav>\n        </div>\n      </header>\n\n      <main className=\"flex-1\">{children}</main>\n\n      <footer className=\"border-t border-border\">\n        <div className=\"mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-3 px-6 py-6 text-sm text-muted-foreground\">\n          <span>\n            © {new Date().getFullYear()} {brand.name}\n          </span>\n          <div className=\"flex gap-4\">\n            {(footerLinks ?? []).map((link) => (\n              <Link key={link.href} href={link.href} className=\"hover:text-foreground\">\n                {link.label}\n              </Link>\n            ))}\n          </div>\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"mappings":";AA2BY,cAEF,YAFE;AAxBZ,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAIvB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAKG;AACD,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,SAAI,WAAU,yDACb;AAAA,wBAAC,YAAO,WAAU,yDAChB,+BAAC,SAAI,WAAU,iEACb;AAAA,0BAAC,QAAK,MAAK,KAAI,cAAW,QACxB,8BAAC,QAAK,GACR;AAAA,MACA,qBAAC,SAAI,WAAU,mCACZ;AAAA,iBAAS,IAAI,CAAC,SACb;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX,WAAU;AAAA,YAET,eAAK;AAAA;AAAA,UAJD,KAAK;AAAA,QAKZ,CACD;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QACA,oBAAC,iBAAc;AAAA,SACjB;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,UAAK,WAAU,UAAU,UAAS;AAAA,IAEnC,oBAAC,YAAO,WAAU,0BAChB,+BAAC,SAAI,WAAU,+GACb;AAAA,2BAAC,UAAK;AAAA;AAAA,SACD,oBAAI,KAAK,GAAE,YAAY;AAAA,QAAE;AAAA,QAAE,MAAM;AAAA,SACtC;AAAA,MACA,oBAAC,SAAI,WAAU,cACX,0BAAe,CAAC,GAAG,IAAI,CAAC,SACxB,oBAAC,QAAqB,MAAM,KAAK,MAAM,WAAU,yBAC9C,eAAK,SADG,KAAK,IAEhB,CACD,GACH;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/shells/StudioShell.cjs

@@ -0,0 +1,49 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var StudioShell_exports = {};
+__export(StudioShell_exports, {
+  StudioShell: () => StudioShell
+});
+module.exports = __toCommonJS(StudioShell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = require("../../lib/utils.js");
+function StudioShell({
+  title,
+  description,
+  actions,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: (0, import_utils.cn)("space-y-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: description }) : null
+      ] }),
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-2", children: actions }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-lg border border-border bg-card p-4 md:p-6", children })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StudioShell
+});
+//# sourceMappingURL=StudioShell.cjs.map

package/dist/components/shells/StudioShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shells/StudioShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/utils.js\";\n\n/**\n * Common chrome for studio panels (theme, brand, flags, content). Each app's\n * studio routes wrap their page in <StudioShell title=\"Feature flags\">.\n */\nexport function StudioShell({\n  title,\n  description,\n  actions,\n  children,\n  className,\n}: {\n  title: string;\n  description?: string;\n  actions?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <section className={cn(\"space-y-6\", className)}>\n      <header className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n          {description ? (\n            <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n      </header>\n      <div className=\"rounded-lg border border-border bg-card p-4 md:p-6\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBQ;AAtBR,mBAAmB;AAMZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,6CAAC,aAAQ,eAAW,iBAAG,aAAa,SAAS,GAC3C;AAAA,iDAAC,YAAO,WAAU,oDAChB;AAAA,mDAAC,SACC;AAAA,oDAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,QAC5D,cACC,4CAAC,OAAE,WAAU,gDAAgD,uBAAY,IACvE;AAAA,SACN;AAAA,MACC,UAAU,4CAAC,SAAI,WAAU,2BAA2B,mBAAQ,IAAS;AAAA,OACxE;AAAA,IACA,4CAAC,SAAI,WAAU,sDAAsD,UAAS;AAAA,KAChF;AAEJ;","names":[]}

package/dist/components/shells/StudioShell.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function StudioShell({
+  title,
+  description,
+  actions,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+        description ? /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: description }) : null
+      ] }),
+      actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions }) : null
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-card p-4 md:p-6", children })
+  ] });
+}
+export {
+  StudioShell
+};
+//# sourceMappingURL=StudioShell.js.map

package/dist/components/shells/StudioShell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/shells/StudioShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/utils.js\";\n\n/**\n * Common chrome for studio panels (theme, brand, flags, content). Each app's\n * studio routes wrap their page in <StudioShell title=\"Feature flags\">.\n */\nexport function StudioShell({\n  title,\n  description,\n  actions,\n  children,\n  className,\n}: {\n  title: string;\n  description?: string;\n  actions?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <section className={cn(\"space-y-6\", className)}>\n      <header className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n          {description ? (\n            <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n      </header>\n      <div className=\"rounded-lg border border-border bg-card p-4 md:p-6\">{children}</div>\n    </section>\n  );\n}\n"],"mappings":";AAyBQ,SACE,KADF;AAtBR,SAAS,UAAU;AAMZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,qBAAC,aAAQ,WAAW,GAAG,aAAa,SAAS,GAC3C;AAAA,yBAAC,YAAO,WAAU,oDAChB;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,QAC5D,cACC,oBAAC,OAAE,WAAU,gDAAgD,uBAAY,IACvE;AAAA,SACN;AAAA,MACC,UAAU,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ,IAAS;AAAA,OACxE;AAAA,IACA,oBAAC,SAAI,WAAU,sDAAsD,UAAS;AAAA,KAChF;AAEJ;","names":[]}