@xenition/ui 0.1.0

package/dist/marketing/EditorialGrid.js

@@ -0,0 +1,105 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorialItem = exports.EditorialGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const inject_1 = require("../motion/internal/inject");
+const cn_1 = require("../primitives/cn");
+/** Provided by `EditorialGrid` so items can derive their default z-order. */
+const EditorialIndexContext = React.createContext(0);
+const EditorialCountContext = React.createContext(1);
+/**
+ * Geometry lives in per-item custom properties consumed only inside the `lg`
+ * media block, so the asymmetric layout collapses to a clean single column on
+ * small screens. The caption backing is the only color rule (surface token).
+ */
+const EDITORIAL_CSS = `
+[data-xen-editorial-grid] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  column-gap: var(--xen-space-lg);
+  row-gap: var(--xen-space-2xl);
+}
+[data-xen-editorial-item] { position: relative; min-width: 0; }
+[data-xen-editorial-caption] {
+  position: relative;
+  background-color: var(--xen-surface);
+}
+@media (min-width: 1024px) {
+  [data-xen-editorial-grid] {
+    grid-template-columns: repeat(var(--xen-editorial-cols, 12), minmax(0, 1fr));
+    row-gap: 0;
+  }
+  [data-xen-editorial-item] {
+    grid-column: var(--xen-editorial-col, auto / span 6);
+    margin-top: var(--xen-editorial-offset, 0px);
+  }
+}
+`;
+/**
+ * Asymmetric editorial layout generalized from the portfolio template's
+ * overlap grid: a 12-column canvas where items take uneven spans, uneven
+ * starts, and negative offsets so covers overlap each other's rows like
+ * proofs pinned to a wall — with z-order managed so captions stay readable.
+ * Static layout (pair items with `Reveal`/`Parallax` for motion).
+ *
+ * ```tsx
+ * <EditorialGrid>
+ *   <EditorialItem span={7} caption={<h3>Alpha</h3>}><GenerativeCover seed="alpha" /></EditorialItem>
+ *   <EditorialItem span={4} start={9} offset={176} caption={<h3>Beta</h3>}>…</EditorialItem>
+ *   <EditorialItem span={5} start={2} offset={-96} caption={<h3>Gamma</h3>}>…</EditorialItem>
+ * </EditorialGrid>
+ * ```
+ */
+exports.EditorialGrid = React.forwardRef(function EditorialGrid({ columns = 12, className, children, style, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-editorial-styles', EDITORIAL_CSS);
+    const items = React.Children.toArray(children);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-editorial-grid": "", className: (0, cn_1.cn)(className), style: { ['--xen-editorial-cols']: columns, ...style }, ...rest, children: (0, jsx_runtime_1.jsx)(EditorialCountContext.Provider, { value: items.length, children: items.map((child, index) => ((0, jsx_runtime_1.jsx)(EditorialIndexContext.Provider, { value: index, children: child }, index))) }) }));
+});
+/** One cell of the editorial grid — media plus a surface-backed caption. */
+exports.EditorialItem = React.forwardRef(function EditorialItem({ span = 6, start, offset = 0, z, caption, className, children, style, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-editorial-styles', EDITORIAL_CSS);
+    const index = React.useContext(EditorialIndexContext);
+    const count = React.useContext(EditorialCountContext);
+    const zIndex = z ?? count - index;
+    return ((0, jsx_runtime_1.jsxs)("article", { ref: ref, "data-xen-editorial-item": "", className: (0, cn_1.cn)(className), style: {
+            zIndex,
+            ['--xen-editorial-col']: start !== undefined ? `${start} / span ${span}` : `span ${span} / span ${span}`,
+            ['--xen-editorial-offset']: `${offset}px`,
+            ...style,
+        }, ...rest, children: [children, caption !== undefined ? ((0, jsx_runtime_1.jsx)("div", { "data-xen-editorial-caption": "", style: { zIndex: count + 1 }, children: caption })) : null] }));
+});
+//# sourceMappingURL=EditorialGrid.js.map

package/dist/marketing/EditorialGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorialGrid.js","sourceRoot":"","sources":["../../src/marketing/EditorialGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAA4D;AAC5D,yCAAsC;AA6BtC,6EAA6E;AAC7E,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AACrD,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAErD;;;;GAIG;AACH,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACU,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,SAAS,aAAa,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC/E,IAAA,wBAAe,EAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC/C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,6BACgB,EAAE,EAC1B,SAAS,EAAE,IAAA,OAAE,EAAC,SAAS,CAAC,EACxB,KAAK,EAAE,EAAE,CAAC,sBAAgC,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,KAC5D,IAAI,YAER,uBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,uBAAC,qBAAqB,CAAC,QAAQ,IAAa,KAAK,EAAE,KAAK,YACrD,KAAK,IAD6B,KAAK,CAET,CAClC,CAAC,GAC6B,GAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,4EAA4E;AAC/D,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,SAAS,aAAa,CACpB,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAChF,GAAG;IAEH,IAAA,wBAAe,EAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,CAAC,IAAI,KAAK,GAAG,KAAK,CAAC;IAElC,OAAO,CACL,qCACE,GAAG,EAAE,GAA6B,6BACV,EAAE,EAC1B,SAAS,EAAE,IAAA,OAAE,EAAC,SAAS,CAAC,EACxB,KAAK,EAAE;YACL,MAAM;YACN,CAAC,qBAA+B,CAAC,EAC/B,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,IAAI,EAAE;YACjF,CAAC,wBAAkC,CAAC,EAAE,GAAG,MAAM,IAAI;YACnD,GAAG,KAAK;SACT,KACG,IAAI,aAEP,QAAQ,EACR,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,8DAAgC,EAAE,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,YAC5D,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/marketing/EntityCard.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { type CoverColorRole, type CoverForm } from './GenerativeCover';
+export interface EntityCardMedia {
+    /** Image URL; when present an `<img>` is drawn. */
+    imageUrl?: string;
+    /** Stable seed for the {@link GenerativeCover} fallback (defaults to the title). */
+    seed?: string;
+    /** width / height aspect ratio of the media box (default 1.6). */
+    aspect?: number;
+    /** Composition of the seeded generative cover (ignored when `imageUrl` is set). */
+    form?: CoverForm;
+    /** Ink color role for the generative cover (token role, e.g. `primary-700`). */
+    ink?: CoverColorRole;
+    /** Paper color role for the generative cover (token role, e.g. `neutral-100`). */
+    paper?: CoverColorRole;
+}
+export interface EntityCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Primary heading. */
+    title: string;
+    /** Small kicker above the title (category, company, …). */
+    eyebrow?: string;
+    /** Body copy under the title. */
+    description?: string;
+    /** Compact trailing detail line (date, price · duration, talk, …). */
+    meta?: string;
+    /** Media descriptor; an image or a seeded generative cover. Omit for no media. */
+    media?: EntityCardMedia;
+    /** Corner overlay content (a `StatusDot`, a "Featured" pill, …). */
+    badge?: React.ReactNode;
+    /** Footer slot (actions, tags, author row, …). */
+    footer?: React.ReactNode;
+    /** If given, the media and title link here. */
+    href?: string;
+}
+/**
+ * A generic content/entity card — the single component that collapses the
+ * templates' bespoke `PostCard` / `ServiceCard` / `SpeakerCard` /
+ * `ListingCard` / `ProgramCard` into props. Composes the kit `Card` with an
+ * inset media frame (an `<img>` when `media.imageUrl` is set, else a seeded
+ * {@link GenerativeCover}), an optional `Eyebrow`, the `title` heading, an
+ * optional `description`, a `meta` line, an optional corner `badge`, and a
+ * `footer` slot. Token-only; the same card expresses a blog post, a service, a
+ * speaker, a listing, or a program by props alone.
+ */
+export declare const EntityCard: React.ForwardRefExoticComponent<EntityCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EntityCard.d.ts.map

package/dist/marketing/EntityCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../src/marketing/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEzF,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,kFAAkF;IAClF,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kDAAkD;IAClD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,wFAgFrB,CAAC"}

package/dist/marketing/EntityCard.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const Card_1 = require("../primitives/Card");
+const Eyebrow_1 = require("../primitives/Eyebrow");
+const GenerativeCover_1 = require("./GenerativeCover");
+/**
+ * A generic content/entity card — the single component that collapses the
+ * templates' bespoke `PostCard` / `ServiceCard` / `SpeakerCard` /
+ * `ListingCard` / `ProgramCard` into props. Composes the kit `Card` with an
+ * inset media frame (an `<img>` when `media.imageUrl` is set, else a seeded
+ * {@link GenerativeCover}), an optional `Eyebrow`, the `title` heading, an
+ * optional `description`, a `meta` line, an optional corner `badge`, and a
+ * `footer` slot. Token-only; the same card expresses a blog post, a service, a
+ * speaker, a listing, or a program by props alone.
+ */
+exports.EntityCard = React.forwardRef(function EntityCard({ title, eyebrow, description, meta, media, badge, footer, href, className, ...rest }, ref) {
+    const mediaBox = media ? ((0, jsx_runtime_1.jsx)("div", { className: "aspect-[var(--xen-entity-aspect)] overflow-hidden rounded-[var(--xen-radius-md)] bg-neutral-100", style: { '--xen-entity-aspect': String(media.aspect ?? 1.6) }, children: media.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: media.imageUrl, alt: title, loading: "lazy", className: "h-full w-full object-cover" })) : ((0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: media.seed ?? title, label: title, form: media.form, ink: media.ink, paper: media.paper, className: "h-full w-full" })) })) : null;
+    const heading = ((0, jsx_runtime_1.jsx)("h3", { className: "font-heading text-lg font-semibold leading-snug text-on-surface", children: href ? (
+        // Stretched link: the ::after overlay spans the whole (relative) Card,
+        // so a click anywhere on the card navigates — not just on the title.
+        (0, jsx_runtime_1.jsx)("a", { href: href, className: "hover:text-primary after:absolute after:inset-0 after:content-['']", children: title })) : (title) }));
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ref: ref, "data-xen-entity-card": "", className: (0, cn_1.cn)('relative flex flex-col gap-[var(--xen-space-sm)]', className), ...rest, children: [badge ? ((0, jsx_runtime_1.jsx)("div", { "data-xen-entity-badge": "", className: "absolute right-[var(--xen-space-md)] top-[var(--xen-space-md)] z-10", children: badge })) : null, mediaBox ? (href ? ((0, jsx_runtime_1.jsx)("a", { href: href, "aria-label": title, className: "block", children: mediaBox })) : (mediaBox)) : null, eyebrow ? (0, jsx_runtime_1.jsx)(Eyebrow_1.Eyebrow, { children: eyebrow }) : null, heading, description ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm leading-relaxed text-muted", children: description })) : null, meta ? ((0, jsx_runtime_1.jsx)("p", { "data-xen-entity-meta": "", className: "text-sm font-medium text-on-surface", children: meta })) : null, footer ? (0, jsx_runtime_1.jsx)("div", { className: "mt-[var(--xen-space-xs)]", children: footer }) : null] }));
+});
+//# sourceMappingURL=EntityCard.js.map

package/dist/marketing/EntityCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCard.js","sourceRoot":"","sources":["../../src/marketing/EntityCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,6CAA0C;AAC1C,mDAAgD;AAChD,uDAAyF;AAoCzF;;;;;;;;;GASG;AACU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,UAAU,CAC7F,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACrF,GAAG;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CACvB,gCACE,SAAS,EAAC,iGAAiG,EAC3G,KAAK,EAAE,EAAE,qBAAqB,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,GAAG,CAAC,EAAyB,YAEnF,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,gCACE,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iCAAe,IACd,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,EACzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAC,eAAe,GACzB,CACH,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,OAAO,GAAG,CACd,+BAAI,SAAS,EAAC,iEAAiE,YAC5E,IAAI,CAAC,CAAC,CAAC;QACN,uEAAuE;QACvE,qEAAqE;QACrE,8BACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,oEAAoE,YAE7E,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACE,CACN,CAAC;IAEF,OAAO,CACL,wBAAC,WAAI,IACH,GAAG,EAAE,GAAG,0BACa,EAAE,EACvB,SAAS,EAAE,IAAA,OAAE,EAAC,kDAAkD,EAAE,SAAS,CAAC,KACxE,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,CACP,yDAA2B,EAAE,EAAC,SAAS,EAAC,qEAAqE,YAC1G,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,IAAI,CAAC,CAAC,CAAC,CACL,8BAAG,IAAI,EAAE,IAAI,gBAAc,KAAK,EAAE,SAAS,EAAC,OAAO,YAChD,QAAQ,GACP,CACL,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,uBAAC,iBAAO,cAAE,OAAO,GAAW,CAAC,CAAC,CAAC,IAAI,EAC7C,OAAO,EACP,WAAW,CAAC,CAAC,CAAC,CACb,8BAAG,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAK,CACpE,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,sDAAwB,EAAE,EAAC,SAAS,EAAC,qCAAqC,YACvE,IAAI,GACH,CACL,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,0BAA0B,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACpE,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/FAQ.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export type FAQProps = React.HTMLAttributes<HTMLDivElement>;
+/** Container for `FAQItem`s (divided list). */
+export declare const FAQ: React.ForwardRefExoticComponent<FAQProps & React.RefAttributes<HTMLDivElement>>;
+export interface FAQItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The question line (button text). */
+    question: React.ReactNode;
+    /** Initially expanded. */
+    defaultOpen?: boolean;
+}
+/**
+ * Accessible accordion item: a `<button aria-expanded aria-controls>`
+ * toggling a labelled region, with a smooth height animation via the CSS
+ * grid `0fr → 1fr` trick (no measuring). The animation is dropped under
+ * `prefers-reduced-motion`.
+ */
+export declare const FAQItem: React.ForwardRefExoticComponent<FAQItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FAQ.d.ts.map

package/dist/marketing/FAQ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/marketing/FAQ.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D,+CAA+C;AAC/C,eAAO,MAAM,GAAG,iFAYd,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,qFA0DlB,CAAC"}

package/dist/marketing/FAQ.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FAQItem = exports.FAQ = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const reduced_motion_1 = require("../motion/internal/reduced-motion");
+const cn_1 = require("../primitives/cn");
+/** Container for `FAQItem`s (divided list). */
+exports.FAQ = React.forwardRef(function FAQ({ className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-faq": "", className: (0, cn_1.cn)('flex flex-col divide-y divide-border border-y border-border', className), ...rest }));
+});
+/**
+ * Accessible accordion item: a `<button aria-expanded aria-controls>`
+ * toggling a labelled region, with a smooth height animation via the CSS
+ * grid `0fr → 1fr` trick (no measuring). The animation is dropped under
+ * `prefers-reduced-motion`.
+ */
+exports.FAQItem = React.forwardRef(function FAQItem({ question, defaultOpen = false, className, children, ...rest }, ref) {
+    const [open, setOpen] = React.useState(defaultOpen);
+    const reduced = (0, reduced_motion_1.usePrefersReducedMotion)();
+    const panelId = React.useId();
+    const buttonId = React.useId();
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-faq-item": "", className: (0, cn_1.cn)('py-[var(--xen-space-sm)]', className), ...rest, children: [(0, jsx_runtime_1.jsx)("h3", { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", id: buttonId, "aria-expanded": open, "aria-controls": panelId, onClick: () => setOpen((prev) => !prev), className: "flex w-full items-center justify-between gap-[var(--xen-space-md)] py-[var(--xen-space-sm)] text-left font-heading text-base font-semibold text-on-surface", children: [(0, jsx_runtime_1.jsx)("span", { children: question }), (0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: (0, cn_1.cn)('shrink-0 text-muted', !reduced && 'transition-transform duration-200'), style: { transform: open ? 'rotate(180deg)' : undefined }, children: (0, jsx_runtime_1.jsx)("path", { d: "M3 6l5 5 5-5" }) })] }) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    display: 'grid',
+                    gridTemplateRows: open ? '1fr' : '0fr',
+                    transition: reduced ? undefined : 'grid-template-rows 250ms ease',
+                }, children: (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { role: "region", id: panelId, "aria-labelledby": buttonId, className: "pb-[var(--xen-space-sm)] text-sm leading-relaxed text-muted", children: children }) }) })] }));
+});
+//# sourceMappingURL=FAQ.js.map

package/dist/marketing/FAQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.js","sourceRoot":"","sources":["../../src/marketing/FAQ.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sEAA4E;AAC5E,yCAAsC;AAItC,+CAA+C;AAClC,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,SAAS,GAAG,CACxE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtB,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,kBACK,EAAE,EACf,SAAS,EAAE,IAAA,OAAE,EAAC,6DAA6D,EAAE,SAAS,CAAC,KACnF,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AASH;;;;;GAKG;AACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,OAAO,CACpF,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC/D,GAAG;IAEH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,IAAA,wCAAuB,GAAE,CAAC;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAE/B,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,uBAAoB,EAAE,EAAC,SAAS,EAAE,IAAA,OAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC,KAAM,IAAI,aAChG,yCACE,oCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,QAAQ,mBACG,IAAI,mBACJ,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACvC,SAAS,EAAC,4JAA4J,aAEtK,2CAAO,QAAQ,GAAQ,EACvB,+CACc,MAAM,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAE,IAAA,OAAE,EAAC,qBAAqB,EAAE,CAAC,OAAO,IAAI,mCAAmC,CAAC,EACrF,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,YAEzD,iCAAM,CAAC,EAAC,cAAc,GAAG,GACrB,IACC,GACN,EACL,gCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;oBACtC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B;iBAClE,YAED,gCAAK,SAAS,EAAC,iBAAiB,YAC9B,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,qBACM,QAAQ,EACzB,SAAS,EAAC,6DAA6D,YAEtE,QAAQ,GACL,GACF,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/FeatureGrid.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface FeatureGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Column count at the largest breakpoint. */
+    columns?: 2 | 3 | 4;
+}
+/** Responsive grid of `FeatureCard`s. */
+export declare const FeatureGrid: React.ForwardRefExoticComponent<FeatureGridProps & React.RefAttributes<HTMLDivElement>>;
+export interface FeatureCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Icon slot rendered in a tinted square. */
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    /** Lift + shadow on hover. */
+    hoverLift?: boolean;
+}
+/** One feature: icon slot, title, and body copy (children). */
+export declare const FeatureCard: React.ForwardRefExoticComponent<FeatureCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FeatureGrid.d.ts.map

package/dist/marketing/FeatureGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.d.ts","sourceRoot":"","sources":["../../src/marketing/FeatureGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB;AAQD,yCAAyC;AACzC,eAAO,MAAM,WAAW,yFAWvB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,+DAA+D;AAC/D,eAAO,MAAM,WAAW,yFAwBvB,CAAC"}

package/dist/marketing/FeatureGrid.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureCard = exports.FeatureGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const COLUMN_CLASSES = {
+    2: 'sm:grid-cols-2',
+    3: 'sm:grid-cols-2 lg:grid-cols-3',
+    4: 'sm:grid-cols-2 lg:grid-cols-4',
+};
+/** Responsive grid of `FeatureCard`s. */
+exports.FeatureGrid = React.forwardRef(function FeatureGrid({ columns = 3, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-feature-grid": "", className: (0, cn_1.cn)('grid grid-cols-1 gap-[var(--xen-space-lg)]', COLUMN_CLASSES[columns], className), ...rest }));
+});
+/** One feature: icon slot, title, and body copy (children). */
+exports.FeatureCard = React.forwardRef(function FeatureCard({ icon, title, hoverLift = true, className, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-feature-card": "", className: (0, cn_1.cn)('flex flex-col gap-[var(--xen-space-sm)] border border-border bg-surface text-on-surface', 'rounded-[var(--xen-radius-lg)] p-[var(--xen-space-lg)]', hoverLift && 'transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg', className), ...rest, children: [icon !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-[var(--xen-radius-md)] bg-primary-100 text-primary-700", children: icon })) : null, (0, jsx_runtime_1.jsx)("h3", { className: "font-heading text-lg font-semibold", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-muted", children: children })] }));
+});
+//# sourceMappingURL=FeatureGrid.js.map

package/dist/marketing/FeatureGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.js","sourceRoot":"","sources":["../../src/marketing/FeatureGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAOtC,MAAM,cAAc,GAA6D;IAC/E,CAAC,EAAE,gBAAgB;IACnB,CAAC,EAAE,+BAA+B;IAClC,CAAC,EAAE,+BAA+B;CACnC,CAAC;AAEF,yCAAyC;AAC5B,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC3D,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,2BACc,EAAE,EACxB,SAAS,EAAE,IAAA,OAAE,EAAC,4CAA4C,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAC3F,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAWF,+DAA+D;AAClD,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACvF,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,2BACc,EAAE,EACxB,SAAS,EAAE,IAAA,OAAE,EACX,yFAAyF,EACzF,wDAAwD,EACxD,SAAS,IAAI,wEAAwE,EACrF,SAAS,CACV,KACG,IAAI,aAEP,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,2GAA2G,YACvH,IAAI,GACD,CACP,CAAC,CAAC,CAAC,IAAI,EACR,+BAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,EAC/D,gCAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,IAChD,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/marketing/FeatureSplit.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface FeatureSplitProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /** Small kicker above the title. */
+    eyebrow?: React.ReactNode;
+    /** Feature headline. */
+    title: React.ReactNode;
+    /** Supporting copy under the title. */
+    description?: React.ReactNode;
+    /** Check-marked selling points. */
+    bullets?: string[];
+    /** Visual slot; omit for a seeded {@link GenerativeCover} placeholder. */
+    media?: React.ReactNode;
+    /** Flip the column order — media on the opposite side. */
+    reverse?: boolean;
+    /** Call-to-action slot under the copy. */
+    action?: React.ReactNode;
+}
+/** Alternating image/text feature row — two columns on desktop, stacked on mobile. */
+export declare const FeatureSplit: React.ForwardRefExoticComponent<FeatureSplitProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=FeatureSplit.d.ts.map

package/dist/marketing/FeatureSplit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureSplit.d.ts","sourceRoot":"","sources":["../../src/marketing/FeatureSplit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACzF,oCAAoC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,sFAAsF;AACtF,eAAO,MAAM,YAAY,uFAgEvB,CAAC"}

package/dist/marketing/FeatureSplit.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureSplit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const GenerativeCover_1 = require("./GenerativeCover");
+/** Alternating image/text feature row — two columns on desktop, stacked on mobile. */
+exports.FeatureSplit = React.forwardRef(function FeatureSplit({ eyebrow, title, description, bullets, media, reverse = false, action, className, ...rest }, ref) {
+    const seed = typeof title === 'string' ? title : 'feature';
+    const mediaNode = media !== undefined ? media : ((0, jsx_runtime_1.jsx)("div", { className: "aspect-video overflow-hidden rounded-[var(--xen-radius-lg)] bg-neutral-100", children: (0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: seed, className: "h-full w-full" }) }));
+    return ((0, jsx_runtime_1.jsxs)("section", { ref: ref, "data-xen-feature-split": "", className: (0, cn_1.cn)('grid grid-cols-1 items-center gap-[var(--xen-space-xl)] lg:grid-cols-2', className), ...rest, children: [(0, jsx_runtime_1.jsx)("div", { "data-xen-feature-split-media": "", className: (0, cn_1.cn)(reverse && 'lg:order-2'), children: mediaNode }), (0, jsx_runtime_1.jsxs)("div", { "data-xen-feature-split-copy": "", className: (0, cn_1.cn)('flex flex-col gap-[var(--xen-space-sm)]', reverse && 'lg:order-1'), children: [eyebrow !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: "font-heading text-xs font-bold uppercase tracking-[0.22em] text-accent", children: eyebrow })) : null, (0, jsx_runtime_1.jsx)("h2", { className: "font-heading text-3xl font-bold leading-tight text-on-surface", children: title }), description !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: "text-lg leading-relaxed text-muted", children: description })) : null, bullets && bullets.length > 0 ? ((0, jsx_runtime_1.jsx)("ul", { className: "flex flex-col gap-[var(--xen-space-xs)]", children: bullets.map((bullet, i) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex items-start gap-[var(--xen-space-sm)] text-on-surface", children: [(0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "mt-0.5 h-5 w-5 shrink-0 text-primary", fill: "none", stroke: "currentColor", strokeWidth: 2, children: (0, jsx_runtime_1.jsx)("path", { d: "M5 10.5l3.5 3.5L15 6", strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("span", { children: bullet })] }, i))) })) : null, action !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-[var(--xen-space-sm)] flex flex-wrap gap-[var(--xen-space-sm)]", children: action })) : null] })] }));
+});
+//# sourceMappingURL=FeatureSplit.js.map

package/dist/marketing/FeatureSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureSplit.js","sourceRoot":"","sources":["../../src/marketing/FeatureSplit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,uDAAoD;AAmBpD,sFAAsF;AACzE,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,YAAY,CAChG,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC5F,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC9C,gCAAK,SAAS,EAAC,4EAA4E,YACzF,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,GAAG,GACrD,CACP,CAAC;IAEF,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,4BACe,EAAE,EACzB,SAAS,EAAE,IAAA,OAAE,EACX,wEAAwE,EACxE,SAAS,CACV,KACG,IAAI,aAER,gEAAkC,EAAE,EAAC,SAAS,EAAE,IAAA,OAAE,EAAC,OAAO,IAAI,YAAY,CAAC,YACxE,SAAS,GACN,EACN,gEAC8B,EAAE,EAC9B,SAAS,EAAE,IAAA,OAAE,EAAC,yCAAyC,EAAE,OAAO,IAAI,YAAY,CAAC,aAEhF,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,8BAAG,SAAS,EAAC,wEAAwE,YAClF,OAAO,GACN,CACL,CAAC,CAAC,CAAC,IAAI,EACR,+BAAI,SAAS,EAAC,+DAA+D,YAAE,KAAK,GAAM,EACzF,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,8BAAG,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAK,CACpE,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/B,+BAAI,SAAS,EAAC,yCAAyC,YACpD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,gCAAY,SAAS,EAAC,4DAA4D,aAChF,+CACc,MAAM,EAClB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,sCAAsC,EAChD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,YAEd,iCAAM,CAAC,EAAC,sBAAsB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAC1E,EACN,2CAAO,MAAM,GAAQ,KAXd,CAAC,CAYL,CACN,CAAC,GACC,CACN,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,gCAAK,SAAS,EAAC,mEAAmE,YAC/E,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/Footer.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
+    /** Brand slot rendered as the first (wider) column. */
+    logo?: React.ReactNode;
+    /** Bottom bar content (copyright, social icons, …). */
+    bottom?: React.ReactNode;
+}
+/**
+ * Multi-column marketing footer. `children` are `FooterColumn`s; `bottom`
+ * renders in a bordered bar under the columns.
+ */
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
+export interface FooterColumnProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Column heading. */
+    title: React.ReactNode;
+}
+/** One link group in the footer (children are the links). */
+export declare const FooterColumn: React.ForwardRefExoticComponent<FooterColumnProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/marketing/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/marketing/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,iFA+BjB,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,6DAA6D;AAC7D,eAAO,MAAM,YAAY,0FAkBxB,CAAC"}

package/dist/marketing/Footer.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterColumn = exports.Footer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+/**
+ * Multi-column marketing footer. `children` are `FooterColumn`s; `bottom`
+ * renders in a bordered bar under the columns.
+ */
+exports.Footer = React.forwardRef(function Footer({ logo, bottom, className, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("footer", { ref: ref, "data-xen-footer": "", className: (0, cn_1.cn)('border-t border-border bg-surface text-on-surface', className), ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "mx-auto grid max-w-6xl grid-cols-2 gap-[var(--xen-space-xl)] px-[var(--xen-space-lg)] py-[var(--xen-space-2xl)] md:grid-cols-4 lg:grid-cols-5", children: [logo !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "col-span-2 flex flex-col gap-[var(--xen-space-sm)] md:col-span-4 lg:col-span-2", children: logo })) : null, children] }), bottom !== undefined ? ((0, jsx_runtime_1.jsx)("div", { "data-xen-footer-bottom": "", className: "border-t border-border px-[var(--xen-space-lg)] py-[var(--xen-space-md)]", children: (0, jsx_runtime_1.jsx)("div", { className: "mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-[var(--xen-space-sm)] text-sm text-muted", children: bottom }) })) : null] }));
+});
+/** One link group in the footer (children are the links). */
+exports.FooterColumn = React.forwardRef(function FooterColumn({ title, className, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-footer-column": "", className: (0, cn_1.cn)('flex flex-col gap-[var(--xen-space-sm)]', className), ...rest, children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-heading text-sm font-semibold uppercase tracking-wider text-muted", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-[var(--xen-space-xs)] text-sm [&_a:hover]:text-primary [&_a]:transition-colors", children: children })] }));
+});
+//# sourceMappingURL=Footer.js.map

package/dist/marketing/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/marketing/Footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAStC;;;GAGG;AACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA2B,SAAS,MAAM,CAC9E,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC9C,GAAG;IAEH,OAAO,CACL,oCACE,GAAG,EAAE,GAAG,qBACQ,EAAE,EAClB,SAAS,EAAE,IAAA,OAAE,EAAC,mDAAmD,EAAE,SAAS,CAAC,KACzE,IAAI,aAER,iCAAK,SAAS,EAAC,+IAA+I,aAC3J,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,gFAAgF,YAC5F,IAAI,GACD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACL,EACL,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,0DACyB,EAAE,EACzB,SAAS,EAAC,0EAA0E,YAEpF,gCAAK,SAAS,EAAC,4GAA4G,YACxH,MAAM,GACH,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAQH,6DAA6D;AAChD,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,4BACe,EAAE,EACzB,SAAS,EAAE,IAAA,OAAE,EAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,IAAI,aAER,+BAAI,SAAS,EAAC,wEAAwE,YACnF,KAAK,GACH,EACL,gCAAK,SAAS,EAAC,kGAAkG,YAC9G,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/marketing/GenerativeCover.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export type CoverForm = 'arc' | 'bands' | 'orbit' | 'grid' | 'wave' | 'stack';
+/**
+ * A token role a cover color may take: a ramp step (`primary-600`,
+ * `neutral-100`, …) or a semantic slot (`surface`, `accent`, …). Resolved to
+ * `var(--xen-*)` — never a literal color.
+ */
+export type CoverColorRole = string;
+export interface GenerativeCoverProps extends React.SVGAttributes<SVGSVGElement> {
+    /** Anything stable — slug, title, id. Same seed, same art, every render and runtime. */
+    seed: string | number;
+    /** Force a composition; omitted, the form is derived from the seed. */
+    form?: CoverForm;
+    /** Token role for the foreground "ink" (default `primary-600`). */
+    ink?: CoverColorRole;
+    /** Token role for the background "paper" (default `neutral-100`). */
+    paper?: CoverColorRole;
+    /**
+     * Accessible name (e.g. the project title). When provided the SVG is
+     * announced via `role="img"`; when omitted it is decorative (`aria-hidden`).
+     */
+    label?: string;
+}
+export declare const COVER_FORMS: readonly CoverForm[];
+/** FNV-1a — tiny, stable string hash for seeding. */
+export declare function hashSeed(seed: string | number): number;
+/**
+ * Deterministic generative cover art — the portfolio template's "print
+ * plates" as a kit component. Two token color roles (`ink` over `paper`), six
+ * composition grammars, and a seeded PRNG for geometry, so covers need no
+ * stock imagery and restyle with the theme. Same `{seed, form, ink, paper}`
+ * always renders identical markup (SSR === client === e2e). Static SVG — no
+ * motion, nothing to reduce. Invalid color roles throw at render, never
+ * "best-effort" paint.
+ */
+export declare const GenerativeCover: React.ForwardRefExoticComponent<GenerativeCoverProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=GenerativeCover.d.ts.map

package/dist/marketing/GenerativeCover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerativeCover.d.ts","sourceRoot":"","sources":["../../src/marketing/GenerativeCover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAC9E,wFAAwF;IACxF,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,SAAS,EAO3C,CAAC;AAcF,qDAAqD;AACrD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAQtD;AAuJD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,4FA6B3B,CAAC"}