@dataimago/hub-chrome 0.2.0-alpha.0

package/dist/index.cjs

@@ -0,0 +1,251 @@
+"use strict";
+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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PhilosophyFooter: () => PhilosophyFooter,
+  PlatformNav: () => PlatformNav,
+  SiteFooter: () => SiteFooter
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/PlatformNav.tsx
+var import_link = __toESM(require("next/link"), 1);
+var import_ui = require("@dataimago/ui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_LINKS = [
+  { href: "/ecosystem", label: "Ecosystem" },
+  { href: "/philosophy", label: "Philosophy" }
+];
+var DEFAULT_CTA = { href: "/onboard", label: "Begin" };
+function PlatformNav({
+  links = DEFAULT_LINKS,
+  cta = DEFAULT_CTA,
+  navLabel = "Primary",
+  homeHref = "/"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "sticky top-0 z-40 border-b border-stone-200 bg-stone-100/95 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "nav",
+    {
+      className: "mx-auto flex max-w-7xl items-center justify-between px-6 py-4",
+      "aria-label": navLabel,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_link.default,
+          {
+            href: homeHref,
+            className: "group flex items-center gap-1.5 hover:[--color-interactive-accent:#154d6f]",
+            "aria-label": "dataimago.ai home",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_ui.LogoMonogramBg,
+                {
+                  className: "h-8 w-8 sm:h-9 sm:w-9",
+                  "aria-hidden": true,
+                  title: void 0
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-mono text-sm text-stone-500", children: ".ai" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 sm:gap-6", children: [
+          links.map(
+            ({ href, label, external }) => external ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href,
+                className: "btn-ghost hidden sm:inline-flex",
+                target: "_blank",
+                rel: "noreferrer",
+                children: label
+              },
+              href
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href, className: "btn-ghost hidden sm:inline-flex", children: label }, href)
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: cta.href, className: "btn-primary", children: cta.label })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/SiteFooter.tsx
+var import_link2 = __toESM(require("next/link"), 1);
+var import_ui2 = require("@dataimago/ui");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_TAGLINE = "A living AI-native application ecosystem.";
+var DEFAULT_COLUMNS = [
+  {
+    heading: "Platform",
+    links: [
+      { href: "/onboard", label: "Begin a project" },
+      { href: "/ecosystem", label: "Ecosystem" },
+      { href: "/philosophy", label: "Philosophy" }
+    ]
+  },
+  {
+    heading: "Framework",
+    links: [
+      {
+        href: "https://github.com/dataimago/dataimago-design",
+        label: "dataimago-design",
+        external: true
+      },
+      {
+        href: "https://github.com/dataimago/dataimago-rpkg",
+        label: "dataimago-rpkg",
+        external: true
+      },
+      {
+        href: "https://github.com/dataimago/dataimago-ai",
+        label: "dataimago-ai",
+        external: true
+      }
+    ]
+  },
+  {
+    heading: "Legacy",
+    links: [
+      { label: "super-alignment" },
+      { label: "human-centered ai" },
+      { label: "critical transformation" }
+    ]
+  }
+];
+var DEFAULT_CLOSING = '"dataimago is the instantiation of critical theory in software."';
+function SiteFooter({
+  tagline = DEFAULT_TAGLINE,
+  columns = DEFAULT_COLUMNS,
+  closingStatement = DEFAULT_CLOSING
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "footer",
+    {
+      className: "border-t border-stone-800 bg-stone-900 text-stone-400",
+      "data-bs-theme": "dark",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mx-auto max-w-6xl px-6 py-12", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "grid gap-8 md:grid-cols-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_link2.default, { href: "/", className: "inline-flex items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.LogoWordmark, { className: "w-32 sm:w-36", "aria-label": "dataimago" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-mono text-xs text-stone-500", children: ".ai" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mt-3 text-xs text-stone-400", children: tagline })
+          ] }),
+          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { className: "font-mono text-xs uppercase tracking-wider text-accent-500", children: col.heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "mt-3 space-y-2 text-sm", children: col.links.map(({ href, label, external }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: !href ? label : external ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "a",
+              {
+                href,
+                className: "hover:text-paper-100",
+                target: "_blank",
+                rel: "noreferrer",
+                children: label
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_link2.default, { href, className: "hover:text-paper-100", children: label }) }, label)) })
+          ] }, col.heading))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mt-12 border-t border-stone-800 pt-6 text-xs text-stone-400", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: closingStatement }) })
+      ] })
+    }
+  );
+}
+
+// src/PhilosophyFooter.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DEFAULT_PAIRS = [
+  {
+    eyebrow: "our belief",
+    body: "AI can enable virtuous cycles of improvement in the world."
+  },
+  {
+    eyebrow: "our mission",
+    body: "The emancipation of humanity through ai super-alignment."
+  },
+  {
+    eyebrow: "our vision",
+    body: "Super-alignment embeds ai in culture, not culture in ai."
+  }
+];
+var DEFAULT_QUOTE = {
+  text: `If men create intelligent machines, or fantasize about them, it is either because they secretly despair of their own intelligence or because they are in danger of succumbing to the weight of a monstrous and useless intelligence which they seek to exorcize by transferring it to machines, where they can play with it and make fun of it. By entrusting this burdensome intelligence to machines we are released from any responsibility to knowledge.`,
+  attribution: "Jean Baudrillard",
+  work: "Xerox and Infinity",
+  year: 1988
+};
+var DEFAULT_CLOSING2 = "dataimago is the structural answer to this critique. Every architectural choice \u2014 R as source of truth, editorial authority with the domain expert, the non-destructive retrofit principle, the ecosystem-as-commons \u2014 refuses to release the scholar from responsibility to their own knowledge. The AI serves the culture; the culture governs the AI.";
+function PhilosophyFooter({
+  pairs = DEFAULT_PAIRS,
+  quote = DEFAULT_QUOTE,
+  closingStatement = DEFAULT_CLOSING2
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "section",
+    {
+      "aria-labelledby": "philosophy-heading",
+      className: "border-t border-stone-200 bg-stone-900 py-20 text-paper-100 sm:py-28",
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mx-auto max-w-6xl px-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "grid gap-12 lg:grid-cols-3", children: pairs.map((pair, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "font-mono text-xs uppercase tracking-wider text-accent-500", children: pair.eyebrow }),
+          i === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "h3",
+            {
+              id: "philosophy-heading",
+              className: "mt-2 font-display text-xl text-paper-100",
+              children: pair.body
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-2 font-display text-xl text-paper-100", children: pair.body })
+        ] }, i)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("blockquote", { className: "mt-16 max-w-prose-wide border-l-2 border-copper-500 pl-6 font-display italic text-paper-100", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-base leading-relaxed", children: quote.text }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("footer", { className: "mt-4 text-sm not-italic text-stone-400", children: [
+            "\u2014 ",
+            quote.attribution,
+            ", ",
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("cite", { children: quote.work }),
+            " (",
+            quote.year,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-8 max-w-prose-wide text-sm text-stone-400", children: closingStatement })
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PhilosophyFooter,
+  PlatformNav,
+  SiteFooter
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/PlatformNav.tsx","../src/SiteFooter.tsx","../src/PhilosophyFooter.tsx"],"sourcesContent":["/**\n * @dataimago/hub-chrome — public surface barrel.\n *\n * All three chrome components are named exports. The original apps/hub\n * versions were default exports; the package exposes them as named exports\n * for tree-shaking and to keep the import surface symmetric with\n * @dataimago/ui and @dataimago/interview.\n */\nexport { PlatformNav } from './PlatformNav';\nexport { SiteFooter } from './SiteFooter';\nexport { PhilosophyFooter } from './PhilosophyFooter';\n\nexport type {\n  NavLink,\n  FooterColumn,\n  EditorialPair,\n  PullQuote,\n  PlatformNavProps,\n  SiteFooterProps,\n  PhilosophyFooterProps,\n} from './types';\n","'use client';\n\nimport Link from 'next/link';\nimport { LogoMonogramBg } from '@dataimago/ui';\nimport type { PlatformNavProps } from './types';\n\n/**\n * Platform navigation — sticky header with logo + nav link cluster.\n *\n * Iteration-2-tail (Plan A, 2026-05-07):\n * The wordmark is the LogoMonogramBg badge — the 'ai' SVG monogram on a\n * sky-blue rounded accent backplate sourced from @dataimago/ui — paired\n * with a \".ai\" mono span. Hover shifts the backplate from accent-500 to\n * accent-600 via a scoped CSS-variable override on the Link's group.\n *\n * Extracted from apps/hub into @dataimago/hub-chrome during iteration-3-B.2\n * (2026-05-11) to make the chrome available to Level-2 verticals. The\n * `links` and `cta` props allow per-vertical nav customization; all props\n * default to the Level-1 hub configuration.\n */\n\nconst DEFAULT_LINKS = [\n  { href: '/ecosystem', label: 'Ecosystem' },\n  { href: '/philosophy', label: 'Philosophy' },\n];\n\nconst DEFAULT_CTA = { href: '/onboard', label: 'Begin' };\n\nexport function PlatformNav({\n  links = DEFAULT_LINKS,\n  cta = DEFAULT_CTA,\n  navLabel = 'Primary',\n  homeHref = '/',\n}: PlatformNavProps) {\n  return (\n    <header className=\"sticky top-0 z-40 border-b border-stone-200 bg-stone-100/95 backdrop-blur-sm\">\n      <nav\n        className=\"mx-auto flex max-w-7xl items-center justify-between px-6 py-4\"\n        aria-label={navLabel}\n      >\n        <Link\n          href={homeHref}\n          className=\"group flex items-center gap-1.5 hover:[--color-interactive-accent:#154d6f]\"\n          aria-label=\"dataimago.ai home\"\n        >\n          <LogoMonogramBg\n            className=\"h-8 w-8 sm:h-9 sm:w-9\"\n            aria-hidden\n            title={undefined}\n          />\n          <span className=\"font-mono text-sm text-stone-500\">.ai</span>\n        </Link>\n\n        <div className=\"flex items-center gap-2 sm:gap-6\">\n          {links.map(({ href, label, external }) =>\n            external ? (\n              <a\n                key={href}\n                href={href}\n                className=\"btn-ghost hidden sm:inline-flex\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {label}\n              </a>\n            ) : (\n              <Link key={href} href={href} className=\"btn-ghost hidden sm:inline-flex\">\n                {label}\n              </Link>\n            )\n          )}\n          <Link href={cta.href} className=\"btn-primary\">\n            {cta.label}\n          </Link>\n        </div>\n      </nav>\n    </header>\n  );\n}\n","'use client';\n\nimport Link from 'next/link';\nimport { LogoWordmark } from '@dataimago/ui';\nimport type { SiteFooterProps } from './types';\n\n/**\n * Site footer — dark-surface footer with wordmark + nav column grid.\n *\n * Iteration-2-tail (Plan A, 2026-05-07):\n * The wordmark is the LogoWordmark SVG on a sky-blue backplate, scoped to\n * dark-surface token resolution via data-bs-theme=\"dark\". The backplate\n * resolves to accent-300 (#3498DB) on bg-stone-900 at 5.41:1 AA.\n *\n * Extracted from apps/hub into @dataimago/hub-chrome during iteration-3-B.2\n * (2026-05-11). The `tagline` and `columns` props allow per-vertical\n * customization; all props default to the Level-1 hub configuration.\n *\n * Note (open regression from iteration-2): text-accent-500 column eyebrows\n * render at 2.56:1 on stone-900 because Tailwind's static class binds to the\n * absolute color, not the mode-aware role. Migration to text-accent-300 or a\n * CSS-variable consumer closes the gap. Deferred to iteration-3 candidate.\n */\n\nconst DEFAULT_TAGLINE = 'A living AI-native application ecosystem.';\n\nconst DEFAULT_COLUMNS = [\n  {\n    heading: 'Platform',\n    links: [\n      { href: '/onboard', label: 'Begin a project' },\n      { href: '/ecosystem', label: 'Ecosystem' },\n      { href: '/philosophy', label: 'Philosophy' },\n    ],\n  },\n  {\n    heading: 'Framework',\n    links: [\n      {\n        href: 'https://github.com/dataimago/dataimago-design',\n        label: 'dataimago-design',\n        external: true,\n      },\n      {\n        href: 'https://github.com/dataimago/dataimago-rpkg',\n        label: 'dataimago-rpkg',\n        external: true,\n      },\n      {\n        href: 'https://github.com/dataimago/dataimago-ai',\n        label: 'dataimago-ai',\n        external: true,\n      },\n    ],\n  },\n  {\n    heading: 'Legacy',\n    links: [\n      { label: 'super-alignment' },\n      { label: 'human-centered ai' },\n      { label: 'critical transformation' },\n    ],\n  },\n];\n\nconst DEFAULT_CLOSING =\n  '\"dataimago is the instantiation of critical theory in software.\"';\n\nexport function SiteFooter({\n  tagline = DEFAULT_TAGLINE,\n  columns = DEFAULT_COLUMNS,\n  closingStatement = DEFAULT_CLOSING,\n}: SiteFooterProps) {\n  return (\n    <footer\n      className=\"border-t border-stone-800 bg-stone-900 text-stone-400\"\n      data-bs-theme=\"dark\"\n    >\n      <div className=\"mx-auto max-w-6xl px-6 py-12\">\n        <div className=\"grid gap-8 md:grid-cols-4\">\n          <div>\n            <Link href=\"/\" className=\"inline-flex items-center gap-1.5\">\n              <LogoWordmark className=\"w-32 sm:w-36\" aria-label=\"dataimago\" />\n              <span className=\"font-mono text-xs text-stone-500\">.ai</span>\n            </Link>\n            <p className=\"mt-3 text-xs text-stone-400\">{tagline}</p>\n          </div>\n\n          {columns.map((col) => (\n            <div key={col.heading}>\n              <h4 className=\"font-mono text-xs uppercase tracking-wider text-accent-500\">\n                {col.heading}\n              </h4>\n              <ul className=\"mt-3 space-y-2 text-sm\">\n                {col.links.map(({ href, label, external }) => (\n                  <li key={label}>\n                    {!href ? (\n                      label\n                    ) : external ? (\n                      <a\n                        href={href}\n                        className=\"hover:text-paper-100\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        {label}\n                      </a>\n                    ) : (\n                      <Link href={href} className=\"hover:text-paper-100\">\n                        {label}\n                      </Link>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n\n        <div className=\"mt-12 border-t border-stone-800 pt-6 text-xs text-stone-400\">\n          <p>{closingStatement}</p>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","'use client';\n\nimport type { PhilosophyFooterProps } from './types';\n\n/**\n * Philosophy footer — the platform's moral weight, rendered as a dark\n * editorial section with three belief/mission/vision pairs and a pull-quote.\n *\n * Iteration-1 visual identity (Phase B.3, 2026-05-06):\n * Dark-surface chrome with text-accent-500 eyebrows, font-display body, and\n * the Baudrillard blockquote with border-copper-500 (preserved-decorative-\n * copper per iteration-1 §5.2 governance).\n *\n * Iteration-2 role-shift (2026-05-07): text-accent-500 eyebrows resolve to\n * sky-blue accent-300 (#3498DB) on this dark surface via mode-aware mapping —\n * 5.41:1 on stone-900 (was 3.23:1 AA-large only with copper). The\n * border-copper-500 blockquote frame survives untouched. \"Two warmths\"\n * coexist: cool sky-blue on editorial eyebrows, warm copper on the\n * philosophical-quote frame.\n *\n * Extracted from apps/hub into @dataimago/hub-chrome during iteration-3-B.2\n * (2026-05-11). The `pairs`, `quote`, and `closingStatement` props allow\n * per-vertical adaptation; all props default to the Level-1 hub content.\n */\n\nconst DEFAULT_PAIRS = [\n  {\n    eyebrow: 'our belief',\n    body: 'AI can enable virtuous cycles of improvement in the world.',\n  },\n  {\n    eyebrow: 'our mission',\n    body: 'The emancipation of humanity through ai super-alignment.',\n  },\n  {\n    eyebrow: 'our vision',\n    body: 'Super-alignment embeds ai in culture, not culture in ai.',\n  },\n];\n\nconst DEFAULT_QUOTE = {\n  text: `If men create intelligent machines, or fantasize about them, it is either because they secretly despair of their own intelligence or because they are in danger of succumbing to the weight of a monstrous and useless intelligence which they seek to exorcize by transferring it to machines, where they can play with it and make fun of it. By entrusting this burdensome intelligence to machines we are released from any responsibility to knowledge.`,\n  attribution: 'Jean Baudrillard',\n  work: 'Xerox and Infinity',\n  year: 1988,\n};\n\nconst DEFAULT_CLOSING =\n  'dataimago is the structural answer to this critique. Every architectural choice — R as source of truth, editorial authority with the domain expert, the non-destructive retrofit principle, the ecosystem-as-commons — refuses to release the scholar from responsibility to their own knowledge. The AI serves the culture; the culture governs the AI.';\n\nexport function PhilosophyFooter({\n  pairs = DEFAULT_PAIRS,\n  quote = DEFAULT_QUOTE,\n  closingStatement = DEFAULT_CLOSING,\n}: PhilosophyFooterProps) {\n  return (\n    <section\n      aria-labelledby=\"philosophy-heading\"\n      className=\"border-t border-stone-200 bg-stone-900 py-20 text-paper-100 sm:py-28\"\n    >\n      <div className=\"mx-auto max-w-6xl px-6\">\n        <div className=\"grid gap-12 lg:grid-cols-3\">\n          {pairs.map((pair, i) => (\n            <div key={i}>\n              <p className=\"font-mono text-xs uppercase tracking-wider text-accent-500\">\n                {pair.eyebrow}\n              </p>\n              {i === 0 ? (\n                <h3\n                  id=\"philosophy-heading\"\n                  className=\"mt-2 font-display text-xl text-paper-100\"\n                >\n                  {pair.body}\n                </h3>\n              ) : (\n                <p className=\"mt-2 font-display text-xl text-paper-100\">\n                  {pair.body}\n                </p>\n              )}\n            </div>\n          ))}\n        </div>\n\n        {/* Pull-quote — border-copper-500 PRESERVED: decorative-emphasis\n            blockquote frame per iteration-1 §5.2 preserved-decorative-copper\n            governance. */}\n        <blockquote className=\"mt-16 max-w-prose-wide border-l-2 border-copper-500 pl-6 font-display italic text-paper-100\">\n          <p className=\"text-base leading-relaxed\">{quote.text}</p>\n          <footer className=\"mt-4 text-sm not-italic text-stone-400\">\n            — {quote.attribution}, <cite>{quote.work}</cite> ({quote.year})\n          </footer>\n        </blockquote>\n\n        <p className=\"mt-8 max-w-prose-wide text-sm text-stone-400\">\n          {closingStatement}\n        </p>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,kBAAiB;AACjB,gBAA+B;AAqCvB;AAnBR,IAAM,gBAAgB;AAAA,EACpB,EAAE,MAAM,cAAc,OAAO,YAAY;AAAA,EACzC,EAAE,MAAM,eAAe,OAAO,aAAa;AAC7C;AAEA,IAAM,cAAc,EAAE,MAAM,YAAY,OAAO,QAAQ;AAEhD,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AACb,GAAqB;AACnB,SACE,4CAAC,YAAO,WAAU,gFAChB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACV,cAAW;AAAA,YAEX;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,eAAW;AAAA,kBACX,OAAO;AAAA;AAAA,cACT;AAAA,cACA,4CAAC,UAAK,WAAU,oCAAmC,iBAAG;AAAA;AAAA;AAAA,QACxD;AAAA,QAEA,6CAAC,SAAI,WAAU,oCACZ;AAAA,gBAAM;AAAA,YAAI,CAAC,EAAE,MAAM,OAAO,SAAS,MAClC,WACE;AAAA,cAAC;AAAA;AAAA,gBAEC;AAAA,gBACA,WAAU;AAAA,gBACV,QAAO;AAAA,gBACP,KAAI;AAAA,gBAEH;AAAA;AAAA,cANI;AAAA,YAOP,IAEA,4CAAC,YAAAA,SAAA,EAAgB,MAAY,WAAU,mCACpC,mBADQ,IAEX;AAAA,UAEJ;AAAA,UACA,4CAAC,YAAAA,SAAA,EAAK,MAAM,IAAI,MAAM,WAAU,eAC7B,cAAI,OACP;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;;;AC5EA,IAAAC,eAAiB;AACjB,IAAAC,aAA6B;AA8EjB,IAAAC,sBAAA;AAzDZ,IAAM,kBAAkB;AAExB,IAAM,kBAAkB;AAAA,EACtB;AAAA,IACE,SAAS;AAAA,IACT,OAAO;AAAA,MACL,EAAE,MAAM,YAAY,OAAO,kBAAkB;AAAA,MAC7C,EAAE,MAAM,cAAc,OAAO,YAAY;AAAA,MACzC,EAAE,MAAM,eAAe,OAAO,aAAa;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,OAAO;AAAA,MACL,EAAE,OAAO,kBAAkB;AAAA,MAC3B,EAAE,OAAO,oBAAoB;AAAA,MAC7B,EAAE,OAAO,0BAA0B;AAAA,IACrC;AAAA,EACF;AACF;AAEA,IAAM,kBACJ;AAEK,SAAS,WAAW;AAAA,EACzB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,mBAAmB;AACrB,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAc;AAAA,MAEd,wDAAC,SAAI,WAAU,gCACb;AAAA,sDAAC,SAAI,WAAU,6BACb;AAAA,wDAAC,SACC;AAAA,0DAAC,aAAAC,SAAA,EAAK,MAAK,KAAI,WAAU,oCACvB;AAAA,2DAAC,2BAAa,WAAU,gBAAe,cAAW,aAAY;AAAA,cAC9D,6CAAC,UAAK,WAAU,oCAAmC,iBAAG;AAAA,eACxD;AAAA,YACA,6CAAC,OAAE,WAAU,+BAA+B,mBAAQ;AAAA,aACtD;AAAA,UAEC,QAAQ,IAAI,CAAC,QACZ,8CAAC,SACC;AAAA,yDAAC,QAAG,WAAU,8DACX,cAAI,SACP;AAAA,YACA,6CAAC,QAAG,WAAU,0BACX,cAAI,MAAM,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,MACtC,6CAAC,QACE,WAAC,OACA,QACE,WACF;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBACV,QAAO;AAAA,gBACP,KAAI;AAAA,gBAEH;AAAA;AAAA,YACH,IAEA,6CAAC,aAAAA,SAAA,EAAK,MAAY,WAAU,wBACzB,iBACH,KAfK,KAiBT,CACD,GACH;AAAA,eAzBQ,IAAI,OA0Bd,CACD;AAAA,WACH;AAAA,QAEA,6CAAC,SAAI,WAAU,+DACb,uDAAC,OAAG,4BAAiB,GACvB;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;;;AC9DY,IAAAC,sBAAA;AAtCZ,IAAM,gBAAgB;AAAA,EACpB;AAAA,IACE,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAEA,IAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AACR;AAEA,IAAMC,mBACJ;AAEK,SAAS,iBAAiB;AAAA,EAC/B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,mBAAmBA;AACrB,GAA0B;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,mBAAgB;AAAA,MAChB,WAAU;AAAA,MAEV,wDAAC,SAAI,WAAU,0BACb;AAAA,qDAAC,SAAI,WAAU,8BACZ,gBAAM,IAAI,CAAC,MAAM,MAChB,8CAAC,SACC;AAAA,uDAAC,OAAE,WAAU,8DACV,eAAK,SACR;AAAA,UACC,MAAM,IACL;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,WAAU;AAAA,cAET,eAAK;AAAA;AAAA,UACR,IAEA,6CAAC,OAAE,WAAU,4CACV,eAAK,MACR;AAAA,aAdM,CAgBV,CACD,GACH;AAAA,QAKA,8CAAC,gBAAW,WAAU,+FACpB;AAAA,uDAAC,OAAE,WAAU,6BAA6B,gBAAM,MAAK;AAAA,UACrD,8CAAC,YAAO,WAAU,0CAAyC;AAAA;AAAA,YACtD,MAAM;AAAA,YAAY;AAAA,YAAE,6CAAC,UAAM,gBAAM,MAAK;AAAA,YAAO;AAAA,YAAG,MAAM;AAAA,YAAK;AAAA,aAChE;AAAA,WACF;AAAA,QAEA,6CAAC,OAAE,WAAU,gDACV,4BACH;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":["Link","import_link","import_ui","import_jsx_runtime","Link","import_jsx_runtime","DEFAULT_CLOSING"]}

package/dist/index.d.cts

@@ -0,0 +1,100 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * @dataimago/hub-chrome — configuration type surface.
+ *
+ * All props are optional with hub-specific defaults baked into each
+ * component. Verticals (dissertation.ai, sgpc.ai, rpkg.ai) override
+ * whichever values differ from the hub defaults.
+ */
+/** A single navigation link or plain-text label (when href is omitted). */
+interface NavLink {
+    /** Omit to render as a non-interactive text label (e.g. legacy items). */
+    href?: string;
+    label: string;
+    /** External links open in a new tab with rel="noreferrer". */
+    external?: boolean;
+}
+/** A single column in SiteFooter's nav grid. */
+interface FooterColumn {
+    heading: string;
+    links: NavLink[];
+}
+/** A belief / mission / vision editorial pair in PhilosophyFooter. */
+interface EditorialPair {
+    eyebrow: string;
+    body: string;
+}
+/** A pull-quote with full citation metadata. */
+interface PullQuote {
+    text: string;
+    attribution: string;
+    work: string;
+    year: number;
+}
+interface PlatformNavProps {
+    /**
+     * Secondary nav links rendered in the header's right-side cluster.
+     * Defaults to the Level-1 hub links: Ecosystem, Philosophy.
+     * href is required for navigation links (unlike footer labels).
+     */
+    links?: (NavLink & {
+        href: string;
+    })[];
+    /**
+     * Primary call-to-action button.
+     * Defaults to { href: '/onboard', label: 'Begin' }.
+     */
+    cta?: NavLink & {
+        href: string;
+    };
+    /**
+     * Accessible label for the <nav> landmark.
+     * Defaults to "Primary".
+     */
+    navLabel?: string;
+    /**
+     * href for the logo/home link.
+     * Defaults to "/".
+     */
+    homeHref?: string;
+}
+interface SiteFooterProps {
+    /** One-line vertical tagline below the wordmark. */
+    tagline?: string;
+    /**
+     * Nav columns rendered in the footer grid.
+     * Defaults to the hub's Platform / Framework / Legacy columns.
+     */
+    columns?: FooterColumn[];
+    /**
+     * Closing statement in the dark strip below the nav grid.
+     * Defaults to the Baudrillard framing quote from the hub.
+     */
+    closingStatement?: string;
+}
+interface PhilosophyFooterProps {
+    /**
+     * The three editorial pairs (belief / mission / vision or equivalent).
+     * Defaults to the hub's emancipation-themed trio.
+     */
+    pairs?: EditorialPair[];
+    /**
+     * The pull-quote anchoring the section.
+     * Defaults to the Baudrillard "Xerox and Infinity" excerpt.
+     */
+    quote?: PullQuote;
+    /**
+     * Closing prose paragraph below the pull-quote.
+     * Defaults to the hub's dataimago structural-answer paragraph.
+     */
+    closingStatement?: string;
+}
+
+declare function PlatformNav({ links, cta, navLabel, homeHref, }: PlatformNavProps): react_jsx_runtime.JSX.Element;
+
+declare function SiteFooter({ tagline, columns, closingStatement, }: SiteFooterProps): react_jsx_runtime.JSX.Element;
+
+declare function PhilosophyFooter({ pairs, quote, closingStatement, }: PhilosophyFooterProps): react_jsx_runtime.JSX.Element;
+
+export { type EditorialPair, type FooterColumn, type NavLink, PhilosophyFooter, type PhilosophyFooterProps, PlatformNav, type PlatformNavProps, type PullQuote, SiteFooter, type SiteFooterProps };

package/dist/index.d.ts

@@ -0,0 +1,100 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * @dataimago/hub-chrome — configuration type surface.
+ *
+ * All props are optional with hub-specific defaults baked into each
+ * component. Verticals (dissertation.ai, sgpc.ai, rpkg.ai) override
+ * whichever values differ from the hub defaults.
+ */
+/** A single navigation link or plain-text label (when href is omitted). */
+interface NavLink {
+    /** Omit to render as a non-interactive text label (e.g. legacy items). */
+    href?: string;
+    label: string;
+    /** External links open in a new tab with rel="noreferrer". */
+    external?: boolean;
+}
+/** A single column in SiteFooter's nav grid. */
+interface FooterColumn {
+    heading: string;
+    links: NavLink[];
+}
+/** A belief / mission / vision editorial pair in PhilosophyFooter. */
+interface EditorialPair {
+    eyebrow: string;
+    body: string;
+}
+/** A pull-quote with full citation metadata. */
+interface PullQuote {
+    text: string;
+    attribution: string;
+    work: string;
+    year: number;
+}
+interface PlatformNavProps {
+    /**
+     * Secondary nav links rendered in the header's right-side cluster.
+     * Defaults to the Level-1 hub links: Ecosystem, Philosophy.
+     * href is required for navigation links (unlike footer labels).
+     */
+    links?: (NavLink & {
+        href: string;
+    })[];
+    /**
+     * Primary call-to-action button.
+     * Defaults to { href: '/onboard', label: 'Begin' }.
+     */
+    cta?: NavLink & {
+        href: string;
+    };
+    /**
+     * Accessible label for the <nav> landmark.
+     * Defaults to "Primary".
+     */
+    navLabel?: string;
+    /**
+     * href for the logo/home link.
+     * Defaults to "/".
+     */
+    homeHref?: string;
+}
+interface SiteFooterProps {
+    /** One-line vertical tagline below the wordmark. */
+    tagline?: string;
+    /**
+     * Nav columns rendered in the footer grid.
+     * Defaults to the hub's Platform / Framework / Legacy columns.
+     */
+    columns?: FooterColumn[];
+    /**
+     * Closing statement in the dark strip below the nav grid.
+     * Defaults to the Baudrillard framing quote from the hub.
+     */
+    closingStatement?: string;
+}
+interface PhilosophyFooterProps {
+    /**
+     * The three editorial pairs (belief / mission / vision or equivalent).
+     * Defaults to the hub's emancipation-themed trio.
+     */
+    pairs?: EditorialPair[];
+    /**
+     * The pull-quote anchoring the section.
+     * Defaults to the Baudrillard "Xerox and Infinity" excerpt.
+     */
+    quote?: PullQuote;
+    /**
+     * Closing prose paragraph below the pull-quote.
+     * Defaults to the hub's dataimago structural-answer paragraph.
+     */
+    closingStatement?: string;
+}
+
+declare function PlatformNav({ links, cta, navLabel, homeHref, }: PlatformNavProps): react_jsx_runtime.JSX.Element;
+
+declare function SiteFooter({ tagline, columns, closingStatement, }: SiteFooterProps): react_jsx_runtime.JSX.Element;
+
+declare function PhilosophyFooter({ pairs, quote, closingStatement, }: PhilosophyFooterProps): react_jsx_runtime.JSX.Element;
+
+export { type EditorialPair, type FooterColumn, type NavLink, PhilosophyFooter, type PhilosophyFooterProps, PlatformNav, type PlatformNavProps, type PullQuote, SiteFooter, type SiteFooterProps };

package/dist/index.js

@@ -0,0 +1,212 @@
+// src/PlatformNav.tsx
+import Link from "next/link";
+import { LogoMonogramBg } from "@dataimago/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_LINKS = [
+  { href: "/ecosystem", label: "Ecosystem" },
+  { href: "/philosophy", label: "Philosophy" }
+];
+var DEFAULT_CTA = { href: "/onboard", label: "Begin" };
+function PlatformNav({
+  links = DEFAULT_LINKS,
+  cta = DEFAULT_CTA,
+  navLabel = "Primary",
+  homeHref = "/"
+}) {
+  return /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-40 border-b border-stone-200 bg-stone-100/95 backdrop-blur-sm", children: /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: "mx-auto flex max-w-7xl items-center justify-between px-6 py-4",
+      "aria-label": navLabel,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: homeHref,
+            className: "group flex items-center gap-1.5 hover:[--color-interactive-accent:#154d6f]",
+            "aria-label": "dataimago.ai home",
+            children: [
+              /* @__PURE__ */ jsx(
+                LogoMonogramBg,
+                {
+                  className: "h-8 w-8 sm:h-9 sm:w-9",
+                  "aria-hidden": true,
+                  title: void 0
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-sm text-stone-500", children: ".ai" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:gap-6", children: [
+          links.map(
+            ({ href, label, external }) => external ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href,
+                className: "btn-ghost hidden sm:inline-flex",
+                target: "_blank",
+                rel: "noreferrer",
+                children: label
+              },
+              href
+            ) : /* @__PURE__ */ jsx(Link, { href, className: "btn-ghost hidden sm:inline-flex", children: label }, href)
+          ),
+          /* @__PURE__ */ jsx(Link, { href: cta.href, className: "btn-primary", children: cta.label })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/SiteFooter.tsx
+import Link2 from "next/link";
+import { LogoWordmark } from "@dataimago/ui";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULT_TAGLINE = "A living AI-native application ecosystem.";
+var DEFAULT_COLUMNS = [
+  {
+    heading: "Platform",
+    links: [
+      { href: "/onboard", label: "Begin a project" },
+      { href: "/ecosystem", label: "Ecosystem" },
+      { href: "/philosophy", label: "Philosophy" }
+    ]
+  },
+  {
+    heading: "Framework",
+    links: [
+      {
+        href: "https://github.com/dataimago/dataimago-design",
+        label: "dataimago-design",
+        external: true
+      },
+      {
+        href: "https://github.com/dataimago/dataimago-rpkg",
+        label: "dataimago-rpkg",
+        external: true
+      },
+      {
+        href: "https://github.com/dataimago/dataimago-ai",
+        label: "dataimago-ai",
+        external: true
+      }
+    ]
+  },
+  {
+    heading: "Legacy",
+    links: [
+      { label: "super-alignment" },
+      { label: "human-centered ai" },
+      { label: "critical transformation" }
+    ]
+  }
+];
+var DEFAULT_CLOSING = '"dataimago is the instantiation of critical theory in software."';
+function SiteFooter({
+  tagline = DEFAULT_TAGLINE,
+  columns = DEFAULT_COLUMNS,
+  closingStatement = DEFAULT_CLOSING
+}) {
+  return /* @__PURE__ */ jsx2(
+    "footer",
+    {
+      className: "border-t border-stone-800 bg-stone-900 text-stone-400",
+      "data-bs-theme": "dark",
+      children: /* @__PURE__ */ jsxs2("div", { className: "mx-auto max-w-6xl px-6 py-12", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "grid gap-8 md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsxs2(Link2, { href: "/", className: "inline-flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx2(LogoWordmark, { className: "w-32 sm:w-36", "aria-label": "dataimago" }),
+              /* @__PURE__ */ jsx2("span", { className: "font-mono text-xs text-stone-500", children: ".ai" })
+            ] }),
+            /* @__PURE__ */ jsx2("p", { className: "mt-3 text-xs text-stone-400", children: tagline })
+          ] }),
+          columns.map((col) => /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx2("h4", { className: "font-mono text-xs uppercase tracking-wider text-accent-500", children: col.heading }),
+            /* @__PURE__ */ jsx2("ul", { className: "mt-3 space-y-2 text-sm", children: col.links.map(({ href, label, external }) => /* @__PURE__ */ jsx2("li", { children: !href ? label : external ? /* @__PURE__ */ jsx2(
+              "a",
+              {
+                href,
+                className: "hover:text-paper-100",
+                target: "_blank",
+                rel: "noreferrer",
+                children: label
+              }
+            ) : /* @__PURE__ */ jsx2(Link2, { href, className: "hover:text-paper-100", children: label }) }, label)) })
+          ] }, col.heading))
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "mt-12 border-t border-stone-800 pt-6 text-xs text-stone-400", children: /* @__PURE__ */ jsx2("p", { children: closingStatement }) })
+      ] })
+    }
+  );
+}
+
+// src/PhilosophyFooter.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var DEFAULT_PAIRS = [
+  {
+    eyebrow: "our belief",
+    body: "AI can enable virtuous cycles of improvement in the world."
+  },
+  {
+    eyebrow: "our mission",
+    body: "The emancipation of humanity through ai super-alignment."
+  },
+  {
+    eyebrow: "our vision",
+    body: "Super-alignment embeds ai in culture, not culture in ai."
+  }
+];
+var DEFAULT_QUOTE = {
+  text: `If men create intelligent machines, or fantasize about them, it is either because they secretly despair of their own intelligence or because they are in danger of succumbing to the weight of a monstrous and useless intelligence which they seek to exorcize by transferring it to machines, where they can play with it and make fun of it. By entrusting this burdensome intelligence to machines we are released from any responsibility to knowledge.`,
+  attribution: "Jean Baudrillard",
+  work: "Xerox and Infinity",
+  year: 1988
+};
+var DEFAULT_CLOSING2 = "dataimago is the structural answer to this critique. Every architectural choice \u2014 R as source of truth, editorial authority with the domain expert, the non-destructive retrofit principle, the ecosystem-as-commons \u2014 refuses to release the scholar from responsibility to their own knowledge. The AI serves the culture; the culture governs the AI.";
+function PhilosophyFooter({
+  pairs = DEFAULT_PAIRS,
+  quote = DEFAULT_QUOTE,
+  closingStatement = DEFAULT_CLOSING2
+}) {
+  return /* @__PURE__ */ jsx3(
+    "section",
+    {
+      "aria-labelledby": "philosophy-heading",
+      className: "border-t border-stone-200 bg-stone-900 py-20 text-paper-100 sm:py-28",
+      children: /* @__PURE__ */ jsxs3("div", { className: "mx-auto max-w-6xl px-6", children: [
+        /* @__PURE__ */ jsx3("div", { className: "grid gap-12 lg:grid-cols-3", children: pairs.map((pair, i) => /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx3("p", { className: "font-mono text-xs uppercase tracking-wider text-accent-500", children: pair.eyebrow }),
+          i === 0 ? /* @__PURE__ */ jsx3(
+            "h3",
+            {
+              id: "philosophy-heading",
+              className: "mt-2 font-display text-xl text-paper-100",
+              children: pair.body
+            }
+          ) : /* @__PURE__ */ jsx3("p", { className: "mt-2 font-display text-xl text-paper-100", children: pair.body })
+        ] }, i)) }),
+        /* @__PURE__ */ jsxs3("blockquote", { className: "mt-16 max-w-prose-wide border-l-2 border-copper-500 pl-6 font-display italic text-paper-100", children: [
+          /* @__PURE__ */ jsx3("p", { className: "text-base leading-relaxed", children: quote.text }),
+          /* @__PURE__ */ jsxs3("footer", { className: "mt-4 text-sm not-italic text-stone-400", children: [
+            "\u2014 ",
+            quote.attribution,
+            ", ",
+            /* @__PURE__ */ jsx3("cite", { children: quote.work }),
+            " (",
+            quote.year,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx3("p", { className: "mt-8 max-w-prose-wide text-sm text-stone-400", children: closingStatement })
+      ] })
+    }
+  );
+}
+export {
+  PhilosophyFooter,
+  PlatformNav,
+  SiteFooter
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PlatformNav.tsx","../src/SiteFooter.tsx","../src/PhilosophyFooter.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { LogoMonogramBg } from '@dataimago/ui';\nimport type { PlatformNavProps } from './types';\n\n/**\n * Platform navigation — sticky header with logo + nav link cluster.\n *\n * Iteration-2-tail (Plan A, 2026-05-07):\n * The wordmark is the LogoMonogramBg badge — the 'ai' SVG monogram on a\n * sky-blue rounded accent backplate sourced from @dataimago/ui — paired\n * with a \".ai\" mono span. Hover shifts the backplate from accent-500 to\n * accent-600 via a scoped CSS-variable override on the Link's group.\n *\n * Extracted from apps/hub into @dataimago/hub-chrome during iteration-3-B.2\n * (2026-05-11) to make the chrome available to Level-2 verticals. The\n * `links` and `cta` props allow per-vertical nav customization; all props\n * default to the Level-1 hub configuration.\n */\n\nconst DEFAULT_LINKS = [\n  { href: '/ecosystem', label: 'Ecosystem' },\n  { href: '/philosophy', label: 'Philosophy' },\n];\n\nconst DEFAULT_CTA = { href: '/onboard', label: 'Begin' };\n\nexport function PlatformNav({\n  links = DEFAULT_LINKS,\n  cta = DEFAULT_CTA,\n  navLabel = 'Primary',\n  homeHref = '/',\n}: PlatformNavProps) {\n  return (\n    <header className=\"sticky top-0 z-40 border-b border-stone-200 bg-stone-100/95 backdrop-blur-sm\">\n      <nav\n        className=\"mx-auto flex max-w-7xl items-center justify-between px-6 py-4\"\n        aria-label={navLabel}\n      >\n        <Link\n          href={homeHref}\n          className=\"group flex items-center gap-1.5 hover:[--color-interactive-accent:#154d6f]\"\n          aria-label=\"dataimago.ai home\"\n        >\n          <LogoMonogramBg\n            className=\"h-8 w-8 sm:h-9 sm:w-9\"\n            aria-hidden\n            title={undefined}\n          />\n          <span className=\"font-mono text-sm text-stone-500\">.ai</span>\n        </Link>\n\n        <div className=\"flex items-center gap-2 sm:gap-6\">\n          {links.map(({ href, label, external }) =>\n            external ? (\n              <a\n                key={href}\n                href={href}\n                className=\"btn-ghost hidden sm:inline-flex\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {label}\n              </a>\n            ) : (\n              <Link key={href} href={href} className=\"btn-ghost hidden sm:inline-flex\">\n                {label}\n              </Link>\n            )\n          )}\n          <Link href={cta.href} className=\"btn-primary\">\n            {cta.label}\n          </Link>\n        </div>\n      </nav>\n    </header>\n  );\n}\n","'use client';\n\nimport Link from 'next/link';\nimport { LogoWordmark } from '@dataimago/ui';\nimport type { SiteFooterProps } from './types';\n\n/**\n * Site footer — dark-surface footer with wordmark + nav column grid.\n *\n * Iteration-2-tail (Plan A, 2026-05-07):\n * The wordmark is the LogoWordmark SVG on a sky-blue backplate, scoped to\n * dark-surface token resolution via data-bs-theme=\"dark\". The backplate\n * resolves to accent-300 (#3498DB) on bg-stone-900 at 5.41:1 AA.\n *\n * Extracted from apps/hub into @dataimago/hub-chrome during iteration-3-B.2\n * (2026-05-11). The `tagline` and `columns` props allow per-vertical\n * customization; all props default to the Level-1 hub configuration.\n *\n * Note (open regression from iteration-2): text-accent-500 column eyebrows\n * render at 2.56:1 on stone-900 because Tailwind's static class binds to the\n * absolute color, not the mode-aware role. Migration to text-accent-300 or a\n * CSS-variable consumer closes the gap. Deferred to iteration-3 candidate.\n */\n\nconst DEFAULT_TAGLINE = 'A living AI-native application ecosystem.';\n\nconst DEFAULT_COLUMNS = [\n  {\n    heading: 'Platform',\n    links: [\n      { href: '/onboard', label: 'Begin a project' },\n      { href: '/ecosystem', label: 'Ecosystem' },\n      { href: '/philosophy', label: 'Philosophy' },\n    ],\n  },\n  {\n    heading: 'Framework',\n    links: [\n      {\n        href: 'https://github.com/dataimago/dataimago-design',\n        label: 'dataimago-design',\n        external: true,\n      },\n      {\n        href: 'https://github.com/dataimago/dataimago-rpkg',\n        label: 'dataimago-rpkg',\n        external: true,\n      },\n      {\n        href: 'https://github.com/dataimago/dataimago-ai',\n        label: 'dataimago-ai',\n        external: true,\n      },\n    ],\n  },\n  {\n    heading: 'Legacy',\n    links: [\n      { label: 'super-alignment' },\n      { label: 'human-centered ai' },\n      { label: 'critical transformation' },\n    ],\n  },\n];\n\nconst DEFAULT_CLOSING =\n  '\"dataimago is the instantiation of critical theory in software.\"';\n\nexport function SiteFooter({\n  tagline = DEFAULT_TAGLINE,\n  columns = DEFAULT_COLUMNS,\n  closingStatement = DEFAULT_CLOSING,\n}: SiteFooterProps) {\n  return (\n    <footer\n      className=\"border-t border-stone-800 bg-stone-900 text-stone-400\"\n      data-bs-theme=\"dark\"\n    >\n      <div className=\"mx-auto max-w-6xl px-6 py-12\">\n        <div className=\"grid gap-8 md:grid-cols-4\">\n          <div>\n            <Link href=\"/\" className=\"inline-flex items-center gap-1.5\">\n              <LogoWordmark className=\"w-32 sm:w-36\" aria-label=\"dataimago\" />\n              <span className=\"font-mono text-xs text-stone-500\">.ai</span>\n            </Link>\n            <p className=\"mt-3 text-xs text-stone-400\">{tagline}</p>\n          </div>\n\n          {columns.map((col) => (\n            <div key={col.heading}>\n              <h4 className=\"font-mono text-xs uppercase tracking-wider text-accent-500\">\n                {col.heading}\n              </h4>\n              <ul className=\"mt-3 space-y-2 text-sm\">\n                {col.links.map(({ href, label, external }) => (\n                  <li key={label}>\n                    {!href ? (\n                      label\n                    ) : external ? (\n                      <a\n                        href={href}\n                        className=\"hover:text-paper-100\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        {label}\n                      </a>\n                    ) : (\n                      <Link href={href} className=\"hover:text-paper-100\">\n                        {label}\n                      </Link>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n\n        <div className=\"mt-12 border-t border-stone-800 pt-6 text-xs text-stone-400\">\n          <p>{closingStatement}</p>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","'use client';\n\nimport type { PhilosophyFooterProps } from './types';\n\n/**\n * Philosophy footer — the platform's moral weight, rendered as a dark\n * editorial section with three belief/mission/vision pairs and a pull-quote.\n *\n * Iteration-1 visual identity (Phase B.3, 2026-05-06):\n * Dark-surface chrome with text-accent-500 eyebrows, font-display body, and\n * the Baudrillard blockquote with border-copper-500 (preserved-decorative-\n * copper per iteration-1 §5.2 governance).\n *\n * Iteration-2 role-shift (2026-05-07): text-accent-500 eyebrows resolve to\n * sky-blue accent-300 (#3498DB) on this dark surface via mode-aware mapping —\n * 5.41:1 on stone-900 (was 3.23:1 AA-large only with copper). The\n * border-copper-500 blockquote frame survives untouched. \"Two warmths\"\n * coexist: cool sky-blue on editorial eyebrows, warm copper on the\n * philosophical-quote frame.\n *\n * Extracted from apps/hub into @dataimago/hub-chrome during iteration-3-B.2\n * (2026-05-11). The `pairs`, `quote`, and `closingStatement` props allow\n * per-vertical adaptation; all props default to the Level-1 hub content.\n */\n\nconst DEFAULT_PAIRS = [\n  {\n    eyebrow: 'our belief',\n    body: 'AI can enable virtuous cycles of improvement in the world.',\n  },\n  {\n    eyebrow: 'our mission',\n    body: 'The emancipation of humanity through ai super-alignment.',\n  },\n  {\n    eyebrow: 'our vision',\n    body: 'Super-alignment embeds ai in culture, not culture in ai.',\n  },\n];\n\nconst DEFAULT_QUOTE = {\n  text: `If men create intelligent machines, or fantasize about them, it is either because they secretly despair of their own intelligence or because they are in danger of succumbing to the weight of a monstrous and useless intelligence which they seek to exorcize by transferring it to machines, where they can play with it and make fun of it. By entrusting this burdensome intelligence to machines we are released from any responsibility to knowledge.`,\n  attribution: 'Jean Baudrillard',\n  work: 'Xerox and Infinity',\n  year: 1988,\n};\n\nconst DEFAULT_CLOSING =\n  'dataimago is the structural answer to this critique. Every architectural choice — R as source of truth, editorial authority with the domain expert, the non-destructive retrofit principle, the ecosystem-as-commons — refuses to release the scholar from responsibility to their own knowledge. The AI serves the culture; the culture governs the AI.';\n\nexport function PhilosophyFooter({\n  pairs = DEFAULT_PAIRS,\n  quote = DEFAULT_QUOTE,\n  closingStatement = DEFAULT_CLOSING,\n}: PhilosophyFooterProps) {\n  return (\n    <section\n      aria-labelledby=\"philosophy-heading\"\n      className=\"border-t border-stone-200 bg-stone-900 py-20 text-paper-100 sm:py-28\"\n    >\n      <div className=\"mx-auto max-w-6xl px-6\">\n        <div className=\"grid gap-12 lg:grid-cols-3\">\n          {pairs.map((pair, i) => (\n            <div key={i}>\n              <p className=\"font-mono text-xs uppercase tracking-wider text-accent-500\">\n                {pair.eyebrow}\n              </p>\n              {i === 0 ? (\n                <h3\n                  id=\"philosophy-heading\"\n                  className=\"mt-2 font-display text-xl text-paper-100\"\n                >\n                  {pair.body}\n                </h3>\n              ) : (\n                <p className=\"mt-2 font-display text-xl text-paper-100\">\n                  {pair.body}\n                </p>\n              )}\n            </div>\n          ))}\n        </div>\n\n        {/* Pull-quote — border-copper-500 PRESERVED: decorative-emphasis\n            blockquote frame per iteration-1 §5.2 preserved-decorative-copper\n            governance. */}\n        <blockquote className=\"mt-16 max-w-prose-wide border-l-2 border-copper-500 pl-6 font-display italic text-paper-100\">\n          <p className=\"text-base leading-relaxed\">{quote.text}</p>\n          <footer className=\"mt-4 text-sm not-italic text-stone-400\">\n            — {quote.attribution}, <cite>{quote.work}</cite> ({quote.year})\n          </footer>\n        </blockquote>\n\n        <p className=\"mt-8 max-w-prose-wide text-sm text-stone-400\">\n          {closingStatement}\n        </p>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":["Link","jsx","jsxs","jsx","jsxs","DEFAULT_CLOSING"]}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@dataimago/hub-chrome",
+  "version": "0.2.0-alpha.0",
+  "description": "Configurable hub chrome components — PlatformNav, SiteFooter, PhilosophyFooter — with dataimago house defaults and props for per-vertical adaptation. Extracted from dataimago-ai/apps/hub during iteration-3-B.2 (2026-05-11). Consumed by both the Level-1 dataimago.ai hub and Level-2 verticals (dissertation.ai, future sgpc.ai / rpkg.ai).",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dataimago/dataimago-ai.git",
+    "directory": "packages/hub-chrome"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "dataimago",
+    "hub-chrome",
+    "react",
+    "next-js",
+    "design-system"
+  ],
+  "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"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "@dataimago/ui": ">=0.1.0-alpha.4",
+    "next": ">=14",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@dataimago/ui": "^0.1.0-alpha.4",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "lucide-react": "^0.344.0",
+    "next": "^14.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.3.3"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}