@xenition/ui 0.1.0

package/dist/marketing/ProductMock.js

@@ -0,0 +1,276 @@
+"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.ProductMock = 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");
+const StatusDot_1 = require("../primitives/StatusDot");
+const VARIANT_DEFAULTS = {
+    analytics: {
+        title: 'analytics / production',
+        kpis: [
+            { label: 'Active now', value: '8,412' },
+            { label: 'Events / min', value: '96,204' },
+            { label: 'Conversion', value: '4.8%' },
+        ],
+        chart: 'bars',
+        feed: [
+            'signup.completed · eu-west',
+            'checkout.paid · us-east',
+            'funnel.converted · ap-south',
+            'alert.anomaly · p99 spike',
+        ],
+    },
+    chat: {
+        title: 'inbox / live',
+        kpis: [
+            { label: 'Open', value: '24' },
+            { label: 'Median reply', value: '48s' },
+            { label: 'CSAT', value: '98%' },
+        ],
+        chart: 'scene',
+        feed: ['agent.assigned · queue a', 'conversation.resolved · web', 'note.added · api'],
+    },
+    commerce: {
+        title: 'storefront / today',
+        kpis: [
+            { label: 'Revenue', value: '$12,480' },
+            { label: 'Orders', value: '312' },
+            { label: 'AOV', value: '$40.00' },
+        ],
+        chart: 'sparkline',
+        feed: ['order.paid · #4821', 'cart.recovered · email', 'refund.issued · #4790'],
+    },
+    calendar: {
+        title: 'schedule / week',
+        kpis: [
+            { label: 'Booked', value: '38' },
+            { label: 'Utilization', value: '86%' },
+            { label: 'No-shows', value: '1' },
+        ],
+        chart: 'scene',
+        feed: ['booking.confirmed · 09:30', 'booking.rescheduled · 13:00', 'reminder.sent · sms'],
+    },
+};
+/** Deterministic pseudo-random equalizer heights (stable across renders/runtimes). */
+const BARS = Array.from({ length: 28 }, (_, i) => {
+    const wave = Math.sin(i / 3.1) * 0.28 + Math.cos(i / 1.7) * 0.14;
+    return Math.min(1, Math.max(0.15, 0.38 + wave + ((i * 37) % 19) / 90));
+});
+const SPARK_PATH = 'M0 46 C14 42, 22 30, 36 32 S 58 44, 72 38 S 96 16, 112 20 S 134 34, 150 26 S 176 6, 196 12 S 224 30, 240 22';
+/** Ring completion fractions, outer to inner. */
+const RINGS = [0.78, 0.54, 0.32];
+/** Chat scene: [width%, mine?] skeleton bubbles, deterministic. */
+const BUBBLES = [
+    [58, false],
+    [42, true],
+    [66, false],
+    [30, true],
+    [50, false],
+];
+/** Calendar scene: 5×7 month grid; which cells read "booked", deterministic. */
+const MONTH_CELLS = Array.from({ length: 35 }, (_, i) => (i * 13 + 5) % 7 < 3);
+/**
+ * Everything color-bearing lives here, token-only. Inline styles on elements
+ * carry geometry and per-element timing exclusively.
+ */
+const PRODUCT_MOCK_CSS = `
+@keyframes xen-pm-enter {
+  from { opacity: 0; transform: perspective(1200px) translate3d(0, 48px, 0) rotateX(12deg) scale(0.97); }
+  to { opacity: 1; transform: perspective(1200px) translate3d(0, 0, 0) rotateX(0deg) scale(1); }
+}
+@keyframes xen-pm-eq {
+  0%, 100% { transform: scaleY(0.45); }
+  50% { transform: scaleY(1); }
+}
+@keyframes xen-pm-draw {
+  from { stroke-dashoffset: 1; }
+  to { stroke-dashoffset: 0; }
+}
+@keyframes xen-pm-slide {
+  from { opacity: 0; transform: translate3d(24px, 0, 0); }
+  to { opacity: 1; transform: translate3d(0, 0, 0); }
+}
+[data-xen-product-mock] { position: relative; }
+[data-xen-product-mock][data-tilt="true"] {
+  animation: xen-pm-enter 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+[data-xen-pm-glow] {
+  position: absolute;
+  inset: -1.5rem;
+  border-radius: calc(var(--xen-radius-lg) * 2);
+  background-image: linear-gradient(90deg, var(--xen-primary-600), var(--xen-accent-600));
+  opacity: 0.2;
+  filter: blur(48px);
+  pointer-events: none;
+}
+[data-xen-pm-frame] {
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--xen-radius-lg);
+  background-color: color-mix(in srgb, var(--xen-surface) 78%, transparent);
+  border: 1px solid color-mix(in srgb, var(--xen-border) 70%, transparent);
+  -webkit-backdrop-filter: blur(14px);
+  backdrop-filter: blur(14px);
+  box-shadow: 0 0 60px -12px color-mix(in srgb, var(--xen-primary-500) 40%, transparent);
+}
+[data-xen-pm-chrome] { border-bottom: 1px solid color-mix(in srgb, var(--xen-border) 70%, transparent); }
+[data-xen-pm-chrome-dot] { background-color: color-mix(in srgb, var(--xen-on-surface) 20%, transparent); }
+[data-xen-pm-badge] {
+  border: 1px solid color-mix(in srgb, var(--xen-accent) 35%, transparent);
+  background-color: color-mix(in srgb, var(--xen-accent) 10%, transparent);
+  color: var(--xen-accent);
+  border-radius: 9999px;
+}
+[data-xen-pm-tile], [data-xen-pm-feed-row] {
+  border-radius: var(--xen-radius-md);
+  background-color: color-mix(in srgb, var(--xen-surface) 60%, var(--xen-on-surface) 5%);
+  border: 1px solid color-mix(in srgb, var(--xen-border) 55%, transparent);
+}
+[data-xen-pm-canvas] {
+  border-radius: var(--xen-radius-md);
+  border: 1px solid color-mix(in srgb, var(--xen-border) 55%, transparent);
+}
+[data-xen-pm-bar] {
+  transform-origin: bottom;
+  border-radius: 2px 2px 0 0;
+  background-image: linear-gradient(to top, var(--xen-primary-700), var(--xen-primary-500), var(--xen-accent-400));
+  animation-name: xen-pm-eq;
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+  will-change: transform;
+}
+[data-xen-pm-spark] {
+  stroke: var(--xen-accent-400);
+  stroke-dasharray: 1;
+  animation: xen-pm-draw 2.2s ease 0.4s both;
+}
+[data-xen-pm-spark-fill] { fill: color-mix(in srgb, var(--xen-primary-500) 14%, transparent); }
+[data-xen-pm-ring-track] { stroke: color-mix(in srgb, var(--xen-border) 70%, transparent); }
+[data-xen-pm-ring][data-ring="0"] { stroke: var(--xen-primary-500); }
+[data-xen-pm-ring][data-ring="1"] { stroke: var(--xen-accent-400); }
+[data-xen-pm-ring][data-ring="2"] { stroke: var(--xen-primary-300); }
+[data-xen-pm-ring] { animation: xen-pm-draw 1.6s cubic-bezier(0.22, 1, 0.36, 1) both; }
+[data-xen-pm-bubble] {
+  border-radius: var(--xen-radius-md);
+  background-color: color-mix(in srgb, var(--xen-on-surface) 8%, transparent);
+  animation: xen-pm-slide 0.6s ease both;
+}
+[data-xen-pm-bubble][data-mine="true"] {
+  background-image: linear-gradient(120deg, color-mix(in srgb, var(--xen-primary-500) 55%, transparent), color-mix(in srgb, var(--xen-accent-500) 45%, transparent));
+}
+[data-xen-pm-cell] {
+  border-radius: var(--xen-radius-sm);
+  background-color: color-mix(in srgb, var(--xen-on-surface) 6%, transparent);
+}
+[data-xen-pm-cell][data-booked="true"] {
+  background-image: linear-gradient(135deg, var(--xen-primary-500), var(--xen-accent-500));
+  opacity: 0.85;
+}
+[data-xen-pm-feed] { border-left: 1px solid color-mix(in srgb, var(--xen-border) 70%, transparent); }
+[data-xen-pm-feed-row] { animation: xen-pm-slide 0.6s ease both; }
+[data-xen-pm-feed-row] [data-xen-pm-feed-tick="accent"] { background-color: var(--xen-accent); }
+[data-xen-pm-feed-row] [data-xen-pm-feed-tick="primary"] { background-color: var(--xen-primary); }
+[data-xen-pm-hairline] {
+  height: 1px;
+  background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--xen-primary-500) 55%, transparent), color-mix(in srgb, var(--xen-accent-400) 55%, transparent), transparent);
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-xen-product-mock][data-tilt="true"],
+  [data-xen-pm-bar],
+  [data-xen-pm-spark],
+  [data-xen-pm-ring],
+  [data-xen-pm-bubble],
+  [data-xen-pm-feed-row] { animation: none !important; }
+  [data-xen-pm-spark], [data-xen-pm-ring] { stroke-dashoffset: 0; }
+}
+`;
+function BarsChart() {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-x-4 bottom-4 top-10 flex items-end gap-[5px]", children: BARS.map((height, i) => ((0, jsx_runtime_1.jsx)("span", { "data-xen-pm-bar": "", className: "w-full", style: {
+                height: `${(height * 100).toFixed(0)}%`,
+                opacity: 0.85,
+                animationDuration: `${(2.6 + (i % 4) * 0.4).toFixed(1)}s`,
+                animationDelay: `${(i * 0.045).toFixed(2)}s`,
+            } }, i))) }));
+}
+function SparklineChart() {
+    return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 240 56", preserveAspectRatio: "none", className: "absolute inset-x-4 bottom-4 top-10 h-auto w-[calc(100%-2rem)]", children: [(0, jsx_runtime_1.jsx)("path", { "data-xen-pm-spark-fill": "", stroke: "none", d: `${SPARK_PATH} L 240 56 L 0 56 Z` }), (0, jsx_runtime_1.jsx)("path", { "data-xen-pm-spark": "", d: SPARK_PATH, pathLength: 1, fill: "none", strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+function RingsChart() {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-4 top-10 flex items-center justify-center gap-6", children: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 96 96", className: "h-full max-h-28 w-auto", children: RINGS.map((fraction, i) => {
+                const radius = 42 - i * 13;
+                return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("circle", { "data-xen-pm-ring-track": "", cx: "48", cy: "48", r: radius, fill: "none", strokeWidth: "6" }), (0, jsx_runtime_1.jsx)("circle", { "data-xen-pm-ring": "", "data-ring": i, cx: "48", cy: "48", r: radius, fill: "none", strokeWidth: "6", strokeLinecap: "round", pathLength: 1, strokeDasharray: `${fraction} ${1 - fraction}`, transform: "rotate(-90 48 48)", style: { animationDelay: `${0.3 + i * 0.2}s` } })] }, i));
+            }) }) }));
+}
+function ChatScene() {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-4 top-10 flex flex-col justify-end gap-2", children: BUBBLES.map(([width, mine], i) => ((0, jsx_runtime_1.jsx)("span", { "data-xen-pm-bubble": "", "data-mine": mine ? 'true' : 'false', className: (0, cn_1.cn)('h-5', mine && 'self-end'), style: { width: `${width}%`, animationDelay: `${0.5 + i * 0.16}s` } }, i))) }));
+}
+function CalendarScene() {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-4 top-10 grid grid-cols-7 gap-1.5", children: MONTH_CELLS.map((booked, i) => ((0, jsx_runtime_1.jsx)("span", { "data-xen-pm-cell": "", "data-booked": booked ? 'true' : 'false' }, i))) }));
+}
+const SCENES = {
+    analytics: BarsChart,
+    chat: ChatScene,
+    commerce: SparklineChart,
+    calendar: CalendarScene,
+};
+/**
+ * A configurable fake-product panel — the "product shot" of a landing hero,
+ * generalized from the SaaS template's dashboard mock. Glass chrome bar with
+ * a pulsing LIVE badge, KPI tiles, an animated main pane (equalizer bars,
+ * self-drawing sparkline, progress rings, chat thread, or month grid), and a
+ * sliding event feed. Entirely CSS-animated (no library), token-only colors,
+ * deterministic layout, and `aria-hidden` throughout: it is scenery — real
+ * copy belongs outside it.
+ *
+ * ```tsx
+ * <ProductMock variant="commerce" kpis={[{ label: 'Revenue', value: '$9,120' }]} />
+ * ```
+ */
+exports.ProductMock = React.forwardRef(function ProductMock({ variant = 'analytics', title, kpis, chart, feed, live = 'LIVE', tilt = true, footnote, className, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-product-mock-styles', PRODUCT_MOCK_CSS);
+    const defaults = VARIANT_DEFAULTS[variant];
+    const resolvedTitle = title ?? defaults.title;
+    const resolvedKpis = kpis ?? defaults.kpis;
+    const resolvedChart = chart ?? defaults.chart;
+    const resolvedFeed = feed ?? defaults.feed;
+    const Scene = SCENES[variant];
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "aria-hidden": "true", "data-xen-product-mock": variant, "data-tilt": tilt ? 'true' : 'false', className: (0, cn_1.cn)('mx-auto w-full max-w-4xl', className), ...rest, children: [(0, jsx_runtime_1.jsx)("div", { "data-xen-pm-glow": "" }), (0, jsx_runtime_1.jsxs)("div", { "data-xen-pm-frame": "", children: [(0, jsx_runtime_1.jsxs)("div", { "data-xen-pm-chrome": "", className: "flex items-center justify-between px-5 py-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex gap-1.5", children: [0, 1, 2].map((i) => ((0, jsx_runtime_1.jsx)("span", { "data-xen-pm-chrome-dot": "", className: "h-2.5 w-2.5 rounded-full" }, i))) }), (0, jsx_runtime_1.jsx)("span", { className: "font-heading text-xs font-medium tracking-wide text-muted", children: resolvedTitle })] }), live !== false ? ((0, jsx_runtime_1.jsxs)("span", { "data-xen-pm-badge": "", className: "flex items-center gap-2 px-3 py-1 font-heading text-[10px] font-bold tracking-[0.18em]", children: [(0, jsx_runtime_1.jsx)(StatusDot_1.StatusDot, { tone: "accent" }), live] })) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('grid', resolvedFeed.length > 0 && 'lg:grid-cols-[1fr_16rem]'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-5 p-5", children: [resolvedKpis.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-3", style: {
+                                            gridTemplateColumns: `repeat(${resolvedKpis.length}, minmax(0, 1fr))`,
+                                        }, children: resolvedKpis.map((kpi) => ((0, jsx_runtime_1.jsxs)("div", { "data-xen-pm-tile": "", className: "p-3.5", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[10px] font-medium uppercase tracking-[0.14em] text-muted", children: kpi.label }), (0, jsx_runtime_1.jsx)("p", { className: "mt-1 font-heading text-xl font-bold text-on-surface", children: kpi.value })] }, kpi.label))) })) : null, (0, jsx_runtime_1.jsxs)("div", { "data-xen-pm-canvas": "", className: "relative h-44 overflow-hidden p-4", children: [resolvedChart === 'bars' ? ((0, jsx_runtime_1.jsx)(BarsChart, {})) : resolvedChart === 'sparkline' ? ((0, jsx_runtime_1.jsx)(SparklineChart, {})) : resolvedChart === 'rings' ? ((0, jsx_runtime_1.jsx)(RingsChart, {})) : ((0, jsx_runtime_1.jsx)(Scene, {})), (0, jsx_runtime_1.jsx)("span", { className: "relative font-heading text-[11px] font-semibold tracking-wide text-muted", children: resolvedTitle.toUpperCase() })] })] }), resolvedFeed.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { "data-xen-pm-feed": "", className: "hidden flex-col gap-3 p-5 lg:flex", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-heading text-[11px] font-semibold tracking-[0.16em] text-muted", children: "EVENT STREAM" }), resolvedFeed.map((line, i) => ((0, jsx_runtime_1.jsxs)("div", { "data-xen-pm-feed-row": "", className: "flex items-center gap-2 px-3 py-2.5", style: { animationDelay: `${0.9 + i * 0.18}s` }, children: [(0, jsx_runtime_1.jsx)("span", { "data-xen-pm-feed-tick": i % 2 === 0 ? 'accent' : 'primary', className: "h-1.5 w-1.5 shrink-0 rounded-full" }), (0, jsx_runtime_1.jsx)("p", { className: "truncate text-[11px] font-medium text-muted", children: line })] }, i))), footnote !== undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-xen-pm-hairline": "", className: "mt-auto" }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] leading-relaxed text-muted", children: footnote })] })) : null] })) : null] })] })] }));
+});
+//# sourceMappingURL=ProductMock.js.map

package/dist/marketing/ProductMock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductMock.js","sourceRoot":"","sources":["../../src/marketing/ProductMock.tsx"],"names":[],"mappings":"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"}

package/dist/marketing/SectionDivider.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { OrnamentShape, OrnamentTone } from './OrnamentRule';
+export type SectionDividerVariant = 'hairline' | 'ornament' | 'fade';
+export interface SectionDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * `hairline` — a 1px primary→accent gradient rule (the SaaS band divider).
+     * `ornament` — delegates to `OrnamentRule` (the restaurant diamond rule).
+     * `fade`     — a tall gradient that melts the section into the surface.
+     */
+    variant?: SectionDividerVariant;
+    /**
+     * Optional parallax speed (±0.5, see `Parallax`). The divider drifts
+     * slightly against scroll; reduced motion disables it automatically.
+     */
+    parallax?: number;
+    /** Ornament shape when `variant="ornament"` (default `diamond`). */
+    ornament?: OrnamentShape;
+    /** Token tone when `variant="ornament"` (default `accent`). */
+    tone?: OrnamentTone;
+}
+/**
+ * Section separators distilled from all three templates, optionally
+ * parallax-capable: wrap any variant with a small counter-scroll drift by
+ * passing `parallax`. Decorative (`role="separator"`), token-only, and
+ * motion-free unless parallax is requested (which the motion layer already
+ * guards for reduced motion and SSR).
+ */
+export declare const SectionDivider: React.ForwardRefExoticComponent<SectionDividerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SectionDivider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.d.ts","sourceRoot":"","sources":["../../src/marketing/SectionDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3E,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E;;;;OAIG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAaD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,4FA6B1B,CAAC"}

package/dist/marketing/SectionDivider.js

@@ -0,0 +1,65 @@
+"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.SectionDivider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const inject_1 = require("../motion/internal/inject");
+const Parallax_1 = require("../motion/Parallax");
+const cn_1 = require("../primitives/cn");
+const OrnamentRule_1 = require("./OrnamentRule");
+const DIVIDER_CSS = `
+[data-xen-section-divider="hairline"] {
+  height: 1px;
+  background-image: linear-gradient(90deg, transparent, color-mix(in srgb, var(--xen-primary-500) 55%, transparent), color-mix(in srgb, var(--xen-accent-400) 55%, transparent), transparent);
+}
+[data-xen-section-divider="fade"] {
+  height: var(--xen-space-2xl);
+  background-image: linear-gradient(to bottom, transparent, var(--xen-surface));
+}
+`;
+/**
+ * Section separators distilled from all three templates, optionally
+ * parallax-capable: wrap any variant with a small counter-scroll drift by
+ * passing `parallax`. Decorative (`role="separator"`), token-only, and
+ * motion-free unless parallax is requested (which the motion layer already
+ * guards for reduced motion and SSR).
+ */
+exports.SectionDivider = React.forwardRef(function SectionDivider({ variant = 'hairline', parallax, ornament = 'diamond', tone = 'accent', className, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-section-divider-styles', DIVIDER_CSS);
+    const divider = variant === 'ornament' ? ((0, jsx_runtime_1.jsx)(OrnamentRule_1.OrnamentRule, { ref: ref, ornament: ornament, tone: tone, className: className, ...rest })) : ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: "separator", "aria-orientation": "horizontal", "data-xen-section-divider": variant, className: (0, cn_1.cn)(className), ...rest }));
+    return parallax !== undefined && parallax !== 0 ? ((0, jsx_runtime_1.jsx)(Parallax_1.Parallax, { speed: parallax, "aria-hidden": "true", children: divider })) : (divider);
+});
+//# sourceMappingURL=SectionDivider.js.map

package/dist/marketing/SectionDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.js","sourceRoot":"","sources":["../../src/marketing/SectionDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAA4D;AAC5D,iDAA8C;AAC9C,yCAAsC;AACtC,iDAA2E;AAsB3E,MAAM,WAAW,GAAG;;;;;;;;;CASnB,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,cAAc,CACrB,EAAE,OAAO,GAAG,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC7F,GAAG;IAEH,IAAA,wBAAe,EAAC,4BAA4B,EAAE,WAAW,CAAC,CAAC;IAE3D,MAAM,OAAO,GACX,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACvB,uBAAC,2BAAY,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,GAAI,CAC3F,CAAC,CAAC,CAAC,CACF,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,sBACC,YAAY,8BACH,OAAO,EACjC,SAAS,EAAE,IAAA,OAAE,EAAC,SAAS,CAAC,KACpB,IAAI,GACR,CACH,CAAC;IAEJ,OAAO,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAChD,uBAAC,mBAAQ,IAAC,KAAK,EAAE,QAAQ,iBAAc,MAAM,YAC1C,OAAO,GACC,CACZ,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/marketing/SectionHeading.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface SectionHeadingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Small kicker line above the title. */
+    eyebrow?: React.ReactNode;
+    /** Section title. */
+    title: React.ReactNode;
+    /** Supporting paragraph under the title. */
+    lede?: React.ReactNode;
+    align?: 'left' | 'center';
+    /** Heading level for the title element. */
+    as?: 'h1' | 'h2' | 'h3';
+}
+/** Eyebrow + title + lede — the standard section opener. */
+export declare const SectionHeading: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SectionHeading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.d.ts","sourceRoot":"","sources":["../../src/marketing/SectionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,2CAA2C;IAC3C,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzB;AAED,4DAA4D;AAC5D,eAAO,MAAM,cAAc,4FA4B1B,CAAC"}

package/dist/marketing/SectionHeading.js

@@ -0,0 +1,44 @@
+"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.SectionHeading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+/** Eyebrow + title + lede — the standard section opener. */
+exports.SectionHeading = React.forwardRef(function SectionHeading({ eyebrow, title, lede, align = 'left', as: Heading = 'h2', className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-section-heading": "", className: (0, cn_1.cn)('flex max-w-3xl flex-col gap-[var(--xen-space-sm)]', align === 'center' && 'mx-auto items-center text-center', className), ...rest, children: [eyebrow !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: "font-heading text-sm font-semibold uppercase tracking-widest text-primary", children: eyebrow })) : null, (0, jsx_runtime_1.jsx)(Heading, { className: "font-heading text-3xl font-bold leading-tight text-on-surface", children: title }), lede !== undefined ? (0, jsx_runtime_1.jsx)("p", { className: "text-lg text-muted", children: lede }) : null] }));
+});
+//# sourceMappingURL=SectionHeading.js.map

package/dist/marketing/SectionHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.js","sourceRoot":"","sources":["../../src/marketing/SectionHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAetC,4DAA4D;AAC/C,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,cAAc,CACrB,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAChF,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,8BACiB,EAAE,EAC3B,SAAS,EAAE,IAAA,OAAE,EACX,mDAAmD,EACnD,KAAK,KAAK,QAAQ,IAAI,kCAAkC,EACxD,SAAS,CACV,KACG,IAAI,aAEP,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,8BAAG,SAAS,EAAC,2EAA2E,YACrF,OAAO,GACN,CACL,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,OAAO,IAAC,SAAS,EAAC,+DAA+D,YAC/E,KAAK,GACE,EACT,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAG,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,IACrE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/marketing/StatBar.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export type StatBarProps = React.HTMLAttributes<HTMLDivElement>;
+/** Horizontal row of `Stat`s — counts up as it scrolls into view. */
+export declare const StatBar: React.ForwardRefExoticComponent<StatBarProps & React.RefAttributes<HTMLDivElement>>;
+export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'prefix'> {
+    /** Final value the counter reaches. */
+    to: number;
+    /** Label under the number. */
+    label: React.ReactNode;
+    /** Rendered before the number (e.g. `$`). */
+    prefix?: React.ReactNode;
+    /** Rendered after the number (e.g. `+`, `%`). */
+    suffix?: React.ReactNode;
+    /** Count duration in ms. */
+    duration?: number;
+    /** Formats the animated value. */
+    format?: (value: number) => string;
+}
+/** One statistic: an `AnimatedCounter` with prefix/suffix and a label. */
+export declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=StatBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatBar.d.ts","sourceRoot":"","sources":["../../src/marketing/StatBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,qEAAqE;AACrE,eAAO,MAAM,OAAO,qFAelB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC5D,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,8BAA8B;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,iDAAiD;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,0EAA0E;AAC1E,eAAO,MAAM,IAAI,kFAmBf,CAAC"}

package/dist/marketing/StatBar.js

@@ -0,0 +1,49 @@
+"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.Stat = exports.StatBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const AnimatedCounter_1 = require("../motion/AnimatedCounter");
+const cn_1 = require("../primitives/cn");
+/** Horizontal row of `Stat`s — counts up as it scrolls into view. */
+exports.StatBar = React.forwardRef(function StatBar({ className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-statbar": "", className: (0, cn_1.cn)('flex flex-wrap items-start justify-center gap-x-[var(--xen-space-2xl)] gap-y-[var(--xen-space-lg)]', className), ...rest }));
+});
+/** One statistic: an `AnimatedCounter` with prefix/suffix and a label. */
+exports.Stat = React.forwardRef(function Stat({ to, label, prefix, suffix, duration, format, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-stat": "", className: (0, cn_1.cn)('flex flex-col items-center gap-[var(--xen-space-xs)] text-center', className), ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "font-heading text-3xl font-bold text-on-surface", children: [prefix, (0, jsx_runtime_1.jsx)(AnimatedCounter_1.AnimatedCounter, { to: to, duration: duration, format: format }), suffix] }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-muted", children: label })] }));
+});
+//# sourceMappingURL=StatBar.js.map

package/dist/marketing/StatBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatBar.js","sourceRoot":"","sources":["../../src/marketing/StatBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,+DAA4D;AAC5D,yCAAsC;AAItC,qEAAqE;AACxD,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,SAAS,OAAO,CACpF,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtB,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,sBACS,EAAE,EACnB,SAAS,EAAE,IAAA,OAAE,EACX,oGAAoG,EACpG,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAkBH,0EAA0E;AAC7D,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,IAAI,CAC3E,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACnE,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,mBACM,EAAE,EAChB,SAAS,EAAE,IAAA,OAAE,EAAC,kEAAkE,EAAE,SAAS,CAAC,KACxF,IAAI,aAER,iCAAK,SAAS,EAAC,iDAAiD,aAC7D,MAAM,EACP,uBAAC,iCAAe,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,EAC9D,MAAM,IACH,EACN,gCAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAO,IAC7C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/TeamGrid.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface TeamMember {
+    /** Display name — also the source for the initials-fallback avatar. */
+    name: string;
+    /** Role / title line. */
+    role?: React.ReactNode;
+    /** Short bio paragraph. */
+    bio?: React.ReactNode;
+    /** Avatar image URL; falls back to initials when omitted. */
+    avatar?: string;
+    /** Social links rendered as a row under the bio. */
+    socials?: {
+        label: string;
+        href: string;
+        icon?: React.ReactNode;
+    }[];
+}
+export interface TeamGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Team / member cards. */
+    members: TeamMember[];
+    /** Column count at the largest breakpoint. */
+    columns?: 2 | 3 | 4;
+}
+/** Responsive grid of team/member cards with an initials-fallback avatar. */
+export declare const TeamGrid: React.ForwardRefExoticComponent<TeamGridProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TeamGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamGrid.d.ts","sourceRoot":"","sources":["../../src/marketing/TeamGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAU;IACzB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;CACrE;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,2BAA2B;IAC3B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB;AAQD,6EAA6E;AAC7E,eAAO,MAAM,QAAQ,sFAiDnB,CAAC"}

package/dist/marketing/TeamGrid.js

@@ -0,0 +1,50 @@
+"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.TeamGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const Avatar_1 = require("../primitives/Avatar");
+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 team/member cards with an initials-fallback avatar. */
+exports.TeamGrid = React.forwardRef(function TeamGrid({ members, columns = 3, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-team-grid": "", className: (0, cn_1.cn)('grid grid-cols-1 gap-[var(--xen-space-lg)]', COLUMN_CLASSES[columns], className), ...rest, children: members.map((member, index) => ((0, jsx_runtime_1.jsxs)("div", { "data-xen-team-member": "", className: "flex flex-col items-center gap-[var(--xen-space-sm)] border border-border bg-surface text-on-surface rounded-[var(--xen-radius-lg)] p-[var(--xen-space-lg)] text-center", children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: member.avatar, name: member.name, size: "lg" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-[var(--xen-space-xs)]", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-heading text-base font-semibold", children: member.name }), member.role !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm font-medium text-primary", children: member.role })) : null] }), member.bio !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: "text-sm leading-relaxed text-muted", children: member.bio })) : null, member.socials && member.socials.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-[var(--xen-space-xs)] flex items-center justify-center gap-[var(--xen-space-sm)]", children: member.socials.map((social, i) => ((0, jsx_runtime_1.jsx)("a", { href: social.href, "aria-label": social.label, className: "text-muted transition-colors hover:text-primary", children: social.icon ?? social.label }, i))) })) : null] }, index))) }));
+});
+//# sourceMappingURL=TeamGrid.js.map