@dreamtree-org/landing-kit 0.0.0-stage → 0.2.0

package/dist/auth.cjs

@@ -0,0 +1,232 @@
+'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);
+
+// src/auth.js
+var auth_exports = {};
+__export(auth_exports, {
+  AuthShell: () => AuthShell,
+  brandStyle: () => brandStyle,
+  brands: () => brands,
+  getBrand: () => getBrand
+});
+module.exports = __toCommonJS(auth_exports);
+
+// src/AuthShell.jsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_LEGAL = [
+  { label: "Privacy Policy", href: "/privacy" },
+  { label: "Terms", href: "/terms" },
+  { label: "Data Policy", href: "/data-policy" }
+];
+function BrandMark({ brand, size }) {
+  if (brand.logoSrc) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { className: "dt-auth-mark-img", src: brand.logoSrc, alt: "", width: size, height: size });
+  }
+  if (brand.mark) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dt-auth-mark-node", children: brand.mark });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dt-auth-monogram", style: { width: size, height: size }, "aria-hidden": "true", children: brand.name.charAt(0) });
+}
+function brandStyle(brand) {
+  return {
+    "--dt-brand": brand.primary,
+    "--dt-brand-accent": brand.accent || brand.primary,
+    ...brand.panel ? { "--dt-brand-panel": brand.panel } : {}
+  };
+}
+function AuthShell({
+  brand,
+  title,
+  subtitle,
+  children,
+  footer,
+  variant = "tenant",
+  legalLinks = DEFAULT_LEGAL,
+  linkComponent: LinkComponent,
+  className = ""
+}) {
+  var _a;
+  const headingId = (0, import_react.useId)();
+  const isPlatform = variant === "platform";
+  const headline = isPlatform ? brand.platformHeadline || "Platform administration" : brand.headline;
+  const pitch = isPlatform ? brand.platformPitch || `Super administrator console for ${brand.name}. Every action here is audited.` : brand.pitch;
+  const renderLink = (l) => LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkComponent, { to: l.href, href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `dt-auth ${isPlatform ? "dt-auth--platform" : ""} ${className}`,
+      style: brandStyle(brand),
+      "data-product": brand.id,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "dt-auth-panel", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "/", className: "dt-auth-brand", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BrandMark, { brand, size: 28 }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dt-auth-brand-name", children: brand.name }),
+            isPlatform ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dt-auth-badge", children: "Platform" }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dt-auth-pitch", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: headline }),
+            pitch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: pitch }) : null,
+            !isPlatform && ((_a = brand.points) == null ? void 0 : _a.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: brand.points.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: p }, p)) }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dt-auth-panel-foot", children: brand.category || "by Dreamtree-Org" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "dt-auth-main", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dt-auth-column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "/", className: "dt-auth-brand dt-auth-brand--mobile", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BrandMark, { brand, size: 24 }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dt-auth-brand-name", children: brand.name }),
+            isPlatform ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dt-auth-badge", children: "Platform" }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dt-auth-card", "aria-labelledby": headingId, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "dt-auth-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { id: headingId, children: title }),
+              subtitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: subtitle }) : null
+            ] }),
+            children
+          ] }),
+          footer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dt-auth-footer", children: footer }) : null,
+          (legalLinks == null ? void 0 : legalLinks.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "dt-auth-legal", "aria-label": "Legal", children: legalLinks.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dt-auth-legal-item", children: [
+            i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+            renderLink(l)
+          ] }, l.href)) }) : null
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/brands.js
+var brands = {
+  billpro: {
+    id: "billpro",
+    name: "BillPro",
+    primary: "#15803d",
+    // current #19a249, darkened one step for AA contrast on white
+    accent: "#4ade80",
+    logoSrc: "/brand/billpro-mark.svg",
+    headline: "Billing, inventory and GST \u2014 done right, every day.",
+    pitch: "GST invoices, stock, purchases and accounts for growing Indian businesses.",
+    points: ["GST-ready invoices and returns", "Live inventory across branches", "Payments, ledgers and reports"],
+    category: "Billing & Inventory \xB7 by Dreamtree-Org"
+  },
+  taskpro: {
+    id: "taskpro",
+    name: "TaskPro",
+    primary: "#065f46",
+    accent: "#34d399",
+    logoSrc: "/taskpro-mark-48.webp",
+    headline: "Projects and workflows, shaped the way your team works.",
+    pitch: "Configurable project types, statuses and automations \u2014 one place for every task.",
+    points: ["Your own workflows and statuses", "Boards, timelines and my-work", "Automations and audit trail"],
+    category: "Project & Workflow Management \xB7 by Dreamtree-Org"
+  },
+  venturepro: {
+    id: "venturepro",
+    name: "VenturePro",
+    primary: "#1e3a6e",
+    accent: "#e5ad42",
+    // accent-400, as shipped
+    panel: "#182e57",
+    // primary-700, as shipped
+    logoSrc: "/brand/venturepro-mark.svg",
+    headline: "Every venture, block and flat \u2014 in one place.",
+    pitch: "Create ventures, lay out blocks and units, track sales, rentals and collections across your whole portfolio.",
+    points: [],
+    category: "Builder Property & Apartment Management System"
+  },
+  campaignpro: {
+    id: "campaignpro",
+    name: "CampaignPro",
+    primary: "#6d28d9",
+    // PROPOSED — was the same red as firepro
+    accent: "#a78bfa",
+    headline: "Run every campaign from one pipeline.",
+    pitch: "Plan, send and track campaigns across channels with your whole team.",
+    points: ["Multi-channel campaigns", "Pipeline and follow-ups", "Team roles and approvals"],
+    category: "Campaign Management \xB7 by Dreamtree-Org"
+  },
+  firepro: {
+    id: "firepro",
+    name: "FirePro",
+    primary: "#b42318",
+    // keeps the red — it is the fire-safety product
+    accent: "#fb923c",
+    headline: "Fire safety compliance, inspections and service \u2014 on schedule.",
+    pitch: "Assets, inspections, service jobs and certificates for fire-safety teams.",
+    points: ["Scheduled inspections", "Asset and site registers", "Certificates and reports"],
+    category: "Fire Safety Operations \xB7 by Dreamtree-Org"
+  },
+  procurementpro: {
+    id: "procurementpro",
+    name: "ProcurementPro",
+    primary: "#1d4ed8",
+    // current #2563eb, one step darker for panel contrast
+    accent: "#60a5fa",
+    headline: "From request to purchase order, without the chase.",
+    pitch: "RFQs, quotations, approvals and purchase orders in one audited flow.",
+    points: ["RFQs and quotation comparison", "Approval workflows", "Purchase orders and vendors"],
+    category: "Procurement \xB7 by Dreamtree-Org"
+  },
+  fitweavepro: {
+    id: "fitweavepro",
+    name: "FitWeavePro",
+    primary: "#be185d",
+    // PROPOSED — was Tailwind blue
+    accent: "#f9a8d4",
+    headline: "Made-to-measure, made simple.",
+    pitch: "Measurements, patterns and orders for tailoring shops.",
+    points: ["Customer measurements", "Pattern and cutting plans", "Orders and deliveries"],
+    category: "Tailoring Shop Management \xB7 by Dreamtree-Org"
+  },
+  aiagentbuilder: {
+    id: "aiagentbuilder",
+    name: "AI Agent Builder",
+    primary: "#0f766e",
+    // PROPOSED — was blue, same as procurementpro
+    accent: "#5eead4",
+    headline: "Build, approve and ship AI agents your team can trust.",
+    pitch: "Multi-provider agents with approvals, knowledge bases, voice and an MCP server.",
+    points: ["Human-in-the-loop approvals", "Knowledge bases (RAG)", "Voice calls and campaigns"],
+    category: "AI Agent Platform \xB7 by Dreamtree-Org"
+  },
+  runloompro: {
+    id: "runloompro",
+    name: "RunLoom",
+    primary: "#4f46e5",
+    accent: "#a5b4fc",
+    headline: "Missions, run reliably.",
+    pitch: "Orchestrate long-running work across workers with full telemetry.",
+    points: ["Durable missions", "Node and Python workers", "Telemetry built in"],
+    category: "by Dreamtree-Org"
+  },
+  appforge: {
+    id: "appforge",
+    name: "AppForge",
+    primary: "#1f3864",
+    accent: "#2563eb",
+    headline: "Design, build and publish business apps.",
+    pitch: "Schema-driven apps with policy, review and one-click release.",
+    points: ["Visual builder", "Policies and RBAC", "Review and publish"],
+    category: "by Dreamtree-Org"
+  }
+};
+function getBrand(id) {
+  const b = brands[id];
+  if (!b) throw new Error(`landing-kit: unknown brand "${id}" (known: ${Object.keys(brands).join(", ")})`);
+  return b;
+}

package/dist/auth.js

@@ -0,0 +1,211 @@
+'use client';
+
+// src/AuthShell.jsx
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_LEGAL = [
+  { label: "Privacy Policy", href: "/privacy" },
+  { label: "Terms", href: "/terms" },
+  { label: "Data Policy", href: "/data-policy" }
+];
+function BrandMark({ brand, size }) {
+  if (brand.logoSrc) {
+    return /* @__PURE__ */ jsx("img", { className: "dt-auth-mark-img", src: brand.logoSrc, alt: "", width: size, height: size });
+  }
+  if (brand.mark) return /* @__PURE__ */ jsx("span", { className: "dt-auth-mark-node", children: brand.mark });
+  return /* @__PURE__ */ jsx("span", { className: "dt-auth-monogram", style: { width: size, height: size }, "aria-hidden": "true", children: brand.name.charAt(0) });
+}
+function brandStyle(brand) {
+  return {
+    "--dt-brand": brand.primary,
+    "--dt-brand-accent": brand.accent || brand.primary,
+    ...brand.panel ? { "--dt-brand-panel": brand.panel } : {}
+  };
+}
+function AuthShell({
+  brand,
+  title,
+  subtitle,
+  children,
+  footer,
+  variant = "tenant",
+  legalLinks = DEFAULT_LEGAL,
+  linkComponent: LinkComponent,
+  className = ""
+}) {
+  var _a;
+  const headingId = useId();
+  const isPlatform = variant === "platform";
+  const headline = isPlatform ? brand.platformHeadline || "Platform administration" : brand.headline;
+  const pitch = isPlatform ? brand.platformPitch || `Super administrator console for ${brand.name}. Every action here is audited.` : brand.pitch;
+  const renderLink = (l) => LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { to: l.href, href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href) : /* @__PURE__ */ jsx("a", { href: l.href, className: "dt-auth-legal-link", children: l.label }, l.href);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `dt-auth ${isPlatform ? "dt-auth--platform" : ""} ${className}`,
+      style: brandStyle(brand),
+      "data-product": brand.id,
+      children: [
+        /* @__PURE__ */ jsxs("aside", { className: "dt-auth-panel", children: [
+          /* @__PURE__ */ jsxs("a", { href: "/", className: "dt-auth-brand", children: [
+            /* @__PURE__ */ jsx(BrandMark, { brand, size: 28 }),
+            /* @__PURE__ */ jsx("span", { className: "dt-auth-brand-name", children: brand.name }),
+            isPlatform ? /* @__PURE__ */ jsx("span", { className: "dt-auth-badge", children: "Platform" }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "dt-auth-pitch", children: [
+            /* @__PURE__ */ jsx("h2", { children: headline }),
+            pitch ? /* @__PURE__ */ jsx("p", { children: pitch }) : null,
+            !isPlatform && ((_a = brand.points) == null ? void 0 : _a.length) ? /* @__PURE__ */ jsx("ul", { children: brand.points.map((p) => /* @__PURE__ */ jsx("li", { children: p }, p)) }) : null
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "dt-auth-panel-foot", children: brand.category || "by Dreamtree-Org" })
+        ] }),
+        /* @__PURE__ */ jsx("main", { className: "dt-auth-main", children: /* @__PURE__ */ jsxs("div", { className: "dt-auth-column", children: [
+          /* @__PURE__ */ jsxs("a", { href: "/", className: "dt-auth-brand dt-auth-brand--mobile", children: [
+            /* @__PURE__ */ jsx(BrandMark, { brand, size: 24 }),
+            /* @__PURE__ */ jsx("span", { className: "dt-auth-brand-name", children: brand.name }),
+            isPlatform ? /* @__PURE__ */ jsx("span", { className: "dt-auth-badge", children: "Platform" }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "dt-auth-card", "aria-labelledby": headingId, children: [
+            /* @__PURE__ */ jsxs("header", { className: "dt-auth-head", children: [
+              /* @__PURE__ */ jsx("h1", { id: headingId, children: title }),
+              subtitle ? /* @__PURE__ */ jsx("p", { children: subtitle }) : null
+            ] }),
+            children
+          ] }),
+          footer ? /* @__PURE__ */ jsx("div", { className: "dt-auth-footer", children: footer }) : null,
+          (legalLinks == null ? void 0 : legalLinks.length) ? /* @__PURE__ */ jsx("nav", { className: "dt-auth-legal", "aria-label": "Legal", children: legalLinks.map((l, i) => /* @__PURE__ */ jsxs("span", { className: "dt-auth-legal-item", children: [
+            i > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+            renderLink(l)
+          ] }, l.href)) }) : null
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/brands.js
+var brands = {
+  billpro: {
+    id: "billpro",
+    name: "BillPro",
+    primary: "#15803d",
+    // current #19a249, darkened one step for AA contrast on white
+    accent: "#4ade80",
+    logoSrc: "/brand/billpro-mark.svg",
+    headline: "Billing, inventory and GST \u2014 done right, every day.",
+    pitch: "GST invoices, stock, purchases and accounts for growing Indian businesses.",
+    points: ["GST-ready invoices and returns", "Live inventory across branches", "Payments, ledgers and reports"],
+    category: "Billing & Inventory \xB7 by Dreamtree-Org"
+  },
+  taskpro: {
+    id: "taskpro",
+    name: "TaskPro",
+    primary: "#065f46",
+    accent: "#34d399",
+    logoSrc: "/taskpro-mark-48.webp",
+    headline: "Projects and workflows, shaped the way your team works.",
+    pitch: "Configurable project types, statuses and automations \u2014 one place for every task.",
+    points: ["Your own workflows and statuses", "Boards, timelines and my-work", "Automations and audit trail"],
+    category: "Project & Workflow Management \xB7 by Dreamtree-Org"
+  },
+  venturepro: {
+    id: "venturepro",
+    name: "VenturePro",
+    primary: "#1e3a6e",
+    accent: "#e5ad42",
+    // accent-400, as shipped
+    panel: "#182e57",
+    // primary-700, as shipped
+    logoSrc: "/brand/venturepro-mark.svg",
+    headline: "Every venture, block and flat \u2014 in one place.",
+    pitch: "Create ventures, lay out blocks and units, track sales, rentals and collections across your whole portfolio.",
+    points: [],
+    category: "Builder Property & Apartment Management System"
+  },
+  campaignpro: {
+    id: "campaignpro",
+    name: "CampaignPro",
+    primary: "#6d28d9",
+    // PROPOSED — was the same red as firepro
+    accent: "#a78bfa",
+    headline: "Run every campaign from one pipeline.",
+    pitch: "Plan, send and track campaigns across channels with your whole team.",
+    points: ["Multi-channel campaigns", "Pipeline and follow-ups", "Team roles and approvals"],
+    category: "Campaign Management \xB7 by Dreamtree-Org"
+  },
+  firepro: {
+    id: "firepro",
+    name: "FirePro",
+    primary: "#b42318",
+    // keeps the red — it is the fire-safety product
+    accent: "#fb923c",
+    headline: "Fire safety compliance, inspections and service \u2014 on schedule.",
+    pitch: "Assets, inspections, service jobs and certificates for fire-safety teams.",
+    points: ["Scheduled inspections", "Asset and site registers", "Certificates and reports"],
+    category: "Fire Safety Operations \xB7 by Dreamtree-Org"
+  },
+  procurementpro: {
+    id: "procurementpro",
+    name: "ProcurementPro",
+    primary: "#1d4ed8",
+    // current #2563eb, one step darker for panel contrast
+    accent: "#60a5fa",
+    headline: "From request to purchase order, without the chase.",
+    pitch: "RFQs, quotations, approvals and purchase orders in one audited flow.",
+    points: ["RFQs and quotation comparison", "Approval workflows", "Purchase orders and vendors"],
+    category: "Procurement \xB7 by Dreamtree-Org"
+  },
+  fitweavepro: {
+    id: "fitweavepro",
+    name: "FitWeavePro",
+    primary: "#be185d",
+    // PROPOSED — was Tailwind blue
+    accent: "#f9a8d4",
+    headline: "Made-to-measure, made simple.",
+    pitch: "Measurements, patterns and orders for tailoring shops.",
+    points: ["Customer measurements", "Pattern and cutting plans", "Orders and deliveries"],
+    category: "Tailoring Shop Management \xB7 by Dreamtree-Org"
+  },
+  aiagentbuilder: {
+    id: "aiagentbuilder",
+    name: "AI Agent Builder",
+    primary: "#0f766e",
+    // PROPOSED — was blue, same as procurementpro
+    accent: "#5eead4",
+    headline: "Build, approve and ship AI agents your team can trust.",
+    pitch: "Multi-provider agents with approvals, knowledge bases, voice and an MCP server.",
+    points: ["Human-in-the-loop approvals", "Knowledge bases (RAG)", "Voice calls and campaigns"],
+    category: "AI Agent Platform \xB7 by Dreamtree-Org"
+  },
+  runloompro: {
+    id: "runloompro",
+    name: "RunLoom",
+    primary: "#4f46e5",
+    accent: "#a5b4fc",
+    headline: "Missions, run reliably.",
+    pitch: "Orchestrate long-running work across workers with full telemetry.",
+    points: ["Durable missions", "Node and Python workers", "Telemetry built in"],
+    category: "by Dreamtree-Org"
+  },
+  appforge: {
+    id: "appforge",
+    name: "AppForge",
+    primary: "#1f3864",
+    accent: "#2563eb",
+    headline: "Design, build and publish business apps.",
+    pitch: "Schema-driven apps with policy, review and one-click release.",
+    points: ["Visual builder", "Policies and RBAC", "Review and publish"],
+    category: "by Dreamtree-Org"
+  }
+};
+function getBrand(id) {
+  const b = brands[id];
+  if (!b) throw new Error(`landing-kit: unknown brand "${id}" (known: ${Object.keys(brands).join(", ")})`);
+  return b;
+}
+export {
+  AuthShell,
+  brandStyle,
+  brands,
+  getBrand
+};

package/dist/enhance.cjs

@@ -0,0 +1,83 @@
+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);
+
+// src/enhance.js
+var enhance_exports = {};
+__export(enhance_exports, {
+  default: () => enhance_default,
+  enhanceLanding: () => enhanceLanding
+});
+module.exports = __toCommonJS(enhance_exports);
+function enhanceLanding(root = document, { openDemo, loadDemo, warmDemo, hash = "#book-demo" } = {}) {
+  const offs = [];
+  const on = (el, type, fn, opts) => {
+    el.addEventListener(type, fn, opts);
+    offs.push(() => el.removeEventListener(type, fn, opts));
+  };
+  const doc = root.ownerDocument || root;
+  let mod;
+  const load = loadDemo ? () => mod || (mod = Promise.resolve(loadDemo())) : null;
+  const warm = warmDemo || load || (() => {
+  });
+  const open = async (btn) => {
+    if (btn) btn.setAttribute("aria-busy", "true");
+    try {
+      if (openDemo) await openDemo(btn);
+      else if (load) (await load()).openDemo(btn);
+    } finally {
+      if (btn) btn.removeAttribute("aria-busy");
+    }
+  };
+  const toggle = root.querySelector("[data-menu-toggle]");
+  const menu = doc.getElementById("mobile-nav");
+  if (toggle && menu) {
+    const set = (isOpen) => {
+      toggle.setAttribute("aria-expanded", String(isOpen));
+      toggle.setAttribute("aria-label", isOpen ? "Close menu" : "Open menu");
+      menu.hidden = !isOpen;
+    };
+    set(false);
+    on(toggle, "click", () => set(menu.hidden));
+    on(menu, "click", (e) => {
+      if (e.target.closest && e.target.closest("a")) set(false);
+    });
+    on(doc, "keydown", (e) => {
+      if (e.key === "Escape" && !menu.hidden) {
+        set(false);
+        toggle.focus();
+      }
+    });
+  }
+  for (const btn of root.querySelectorAll("[data-scroll-to]")) {
+    on(btn, "click", () => {
+      const el = doc.getElementById(btn.getAttribute("data-scroll-to"));
+      if (el && el.scrollIntoView) el.scrollIntoView({ behavior: "smooth" });
+    });
+  }
+  if (openDemo || load) {
+    for (const btn of root.querySelectorAll("[data-book-demo]")) {
+      on(btn, "pointerenter", warm, { once: true });
+      on(btn, "focus", warm, { once: true });
+      on(btn, "click", () => open(btn));
+    }
+    const loc = doc.defaultView && doc.defaultView.location;
+    if (hash && loc && loc.hash === hash) open();
+  }
+  return () => offs.forEach((off) => off());
+}
+var enhance_default = enhanceLanding;

package/dist/enhance.js

@@ -0,0 +1,63 @@
+// src/enhance.js
+function enhanceLanding(root = document, { openDemo, loadDemo, warmDemo, hash = "#book-demo" } = {}) {
+  const offs = [];
+  const on = (el, type, fn, opts) => {
+    el.addEventListener(type, fn, opts);
+    offs.push(() => el.removeEventListener(type, fn, opts));
+  };
+  const doc = root.ownerDocument || root;
+  let mod;
+  const load = loadDemo ? () => mod || (mod = Promise.resolve(loadDemo())) : null;
+  const warm = warmDemo || load || (() => {
+  });
+  const open = async (btn) => {
+    if (btn) btn.setAttribute("aria-busy", "true");
+    try {
+      if (openDemo) await openDemo(btn);
+      else if (load) (await load()).openDemo(btn);
+    } finally {
+      if (btn) btn.removeAttribute("aria-busy");
+    }
+  };
+  const toggle = root.querySelector("[data-menu-toggle]");
+  const menu = doc.getElementById("mobile-nav");
+  if (toggle && menu) {
+    const set = (isOpen) => {
+      toggle.setAttribute("aria-expanded", String(isOpen));
+      toggle.setAttribute("aria-label", isOpen ? "Close menu" : "Open menu");
+      menu.hidden = !isOpen;
+    };
+    set(false);
+    on(toggle, "click", () => set(menu.hidden));
+    on(menu, "click", (e) => {
+      if (e.target.closest && e.target.closest("a")) set(false);
+    });
+    on(doc, "keydown", (e) => {
+      if (e.key === "Escape" && !menu.hidden) {
+        set(false);
+        toggle.focus();
+      }
+    });
+  }
+  for (const btn of root.querySelectorAll("[data-scroll-to]")) {
+    on(btn, "click", () => {
+      const el = doc.getElementById(btn.getAttribute("data-scroll-to"));
+      if (el && el.scrollIntoView) el.scrollIntoView({ behavior: "smooth" });
+    });
+  }
+  if (openDemo || load) {
+    for (const btn of root.querySelectorAll("[data-book-demo]")) {
+      on(btn, "pointerenter", warm, { once: true });
+      on(btn, "focus", warm, { once: true });
+      on(btn, "click", () => open(btn));
+    }
+    const loc = doc.defaultView && doc.defaultView.location;
+    if (hash && loc && loc.hash === hash) open();
+  }
+  return () => offs.forEach((off) => off());
+}
+var enhance_default = enhanceLanding;
+export {
+  enhance_default as default,
+  enhanceLanding
+};