@xenition/ui 0.1.0

package/dist/marketing/Carousel.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Slides to render; falls back to `children` when omitted. */
+    items?: React.ReactNode[];
+    /** Show the prev/next arrow controls. */
+    arrows?: boolean;
+    /** Show the dot pager. */
+    dots?: boolean;
+    /** Auto-advance interval in ms (0 disables). Paused on hover/focus and under reduced motion. */
+    autoplay?: number;
+    /** Accessible label for the carousel region. */
+    label?: string;
+}
+/**
+ * Horizontal, scroll-snapping slider for cards, images, or testimonials.
+ * Native swipe/scroll drives the active dot; arrows and dots page through it,
+ * ArrowLeft/ArrowRight move focus-driven navigation, and optional autoplay
+ * honors hover/focus pauses and `prefers-reduced-motion`.
+ */
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/marketing/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,+DAA+D;IAC/D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC1B,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gGAAgG;IAChG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,sFA4KnB,CAAC"}

package/dist/marketing/Carousel.js

@@ -0,0 +1,106 @@
+"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.Carousel = 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");
+const ArrowIcon = ({ dir }) => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: dir === 'left' ? 'M10 3L5 8l5 5' : 'M6 3l5 5-5 5' }) }));
+/**
+ * Horizontal, scroll-snapping slider for cards, images, or testimonials.
+ * Native swipe/scroll drives the active dot; arrows and dots page through it,
+ * ArrowLeft/ArrowRight move focus-driven navigation, and optional autoplay
+ * honors hover/focus pauses and `prefers-reduced-motion`.
+ */
+exports.Carousel = React.forwardRef(function Carousel({ items, arrows = true, dots = true, autoplay = 0, label = 'Carousel', className, children, ...rest }, ref) {
+    const slides = items ?? React.Children.toArray(children);
+    const count = slides.length;
+    const [active, setActive] = React.useState(0);
+    const [paused, setPaused] = React.useState(false);
+    const scrollerRef = React.useRef(null);
+    const reduced = (0, reduced_motion_1.usePrefersReducedMotion)();
+    const goTo = React.useCallback((index) => {
+        if (count === 0)
+            return;
+        const nextIndex = ((index % count) + count) % count;
+        setActive(nextIndex);
+        const scroller = scrollerRef.current;
+        const child = scroller?.children[nextIndex];
+        if (scroller && child && typeof scroller.scrollTo === 'function') {
+            scroller.scrollTo({
+                left: child.offsetLeft - scroller.offsetLeft,
+                behavior: reduced ? 'auto' : 'smooth',
+            });
+        }
+    }, [count, reduced]);
+    const prev = React.useCallback(() => goTo(active - 1), [active, goTo]);
+    const next = React.useCallback(() => goTo(active + 1), [active, goTo]);
+    // Keep the active dot in sync while the user swipes/scrolls.
+    const onScroll = React.useCallback(() => {
+        const scroller = scrollerRef.current;
+        if (!scroller)
+            return;
+        const kids = Array.from(scroller.children);
+        let nearest = 0;
+        let best = Infinity;
+        kids.forEach((child, i) => {
+            const dist = Math.abs(child.offsetLeft - scroller.offsetLeft - scroller.scrollLeft);
+            if (dist < best) {
+                best = dist;
+                nearest = i;
+            }
+        });
+        setActive(nearest);
+    }, []);
+    React.useEffect(() => {
+        if (!autoplay || autoplay <= 0 || paused || reduced || count <= 1)
+            return undefined;
+        const id = window.setInterval(() => goTo(active + 1), autoplay);
+        return () => window.clearInterval(id);
+    }, [autoplay, paused, reduced, count, active, goTo]);
+    const onKeyDown = (event) => {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            prev();
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            next();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-carousel": "", role: "region", "aria-roledescription": "carousel", "aria-label": label, onKeyDown: onKeyDown, onMouseEnter: () => setPaused(true), onMouseLeave: () => setPaused(false), onFocusCapture: () => setPaused(true), onBlurCapture: () => setPaused(false), className: (0, cn_1.cn)('relative', className), ...rest, children: [(0, jsx_runtime_1.jsx)("div", { ref: scrollerRef, "data-xen-carousel-track": "", tabIndex: 0, "aria-label": `${label} slides`, onScroll: onScroll, className: (0, cn_1.cn)('flex snap-x snap-mandatory gap-[var(--xen-space-md)] overflow-x-auto scroll-smooth', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-300', '[scrollbar-width:none] [&::-webkit-scrollbar]:hidden'), children: slides.map((slide, i) => ((0, jsx_runtime_1.jsx)("div", { "data-xen-carousel-slide": "", role: "group", "aria-roledescription": "slide", "aria-label": `${i + 1} of ${count}`, "aria-hidden": i === active ? undefined : true, "data-active": i === active ? 'true' : 'false', className: "min-w-0 shrink-0 basis-full snap-start", children: slide }, i))) }), arrows && count > 1 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Previous slide", onClick: prev, className: (0, cn_1.cn)('absolute left-[var(--xen-space-sm)] top-1/2 -translate-y-1/2 inline-flex h-9 w-9 items-center justify-center', 'rounded-[var(--xen-radius-full)] border border-border bg-surface text-on-surface shadow-sm transition-colors', 'hover:bg-neutral-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300'), children: (0, jsx_runtime_1.jsx)(ArrowIcon, { dir: "left" }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Next slide", onClick: next, className: (0, cn_1.cn)('absolute right-[var(--xen-space-sm)] top-1/2 -translate-y-1/2 inline-flex h-9 w-9 items-center justify-center', 'rounded-[var(--xen-radius-full)] border border-border bg-surface text-on-surface shadow-sm transition-colors', 'hover:bg-neutral-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300'), children: (0, jsx_runtime_1.jsx)(ArrowIcon, { dir: "right" }) })] })) : null, dots && count > 1 ? ((0, jsx_runtime_1.jsx)("div", { "data-xen-carousel-dots": "", role: "tablist", "aria-label": "Slides", className: "mt-[var(--xen-space-md)] flex justify-center gap-[var(--xen-space-xs)]", children: slides.map((_, i) => ((0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", "aria-selected": i === active, "aria-label": `Go to slide ${i + 1}`, onClick: () => goTo(i), "data-active": i === active ? 'true' : 'false', className: (0, cn_1.cn)('h-2 rounded-[var(--xen-radius-full)] transition-all', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300', i === active ? 'w-5 bg-primary' : 'w-2 bg-neutral-300 hover:bg-neutral-400') }, i))) })) : null] }));
+});
+//# sourceMappingURL=Carousel.js.map

package/dist/marketing/Carousel.js.map

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

package/dist/marketing/ComparisonTable.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export interface ComparisonColumn {
+    /** Column (plan) name shown in the header. */
+    name: React.ReactNode;
+    /** Emphasize this column as the recommended choice. */
+    highlight?: boolean;
+}
+export interface ComparisonRow {
+    /** Feature label for the row (leading cell). */
+    label: React.ReactNode;
+    /** One value per column: `true` → check, `false` → dash, string → text. */
+    values: (boolean | string)[];
+}
+export interface ComparisonTableProps extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'> {
+    /** Plan columns compared across the top. */
+    columns: ComparisonColumn[];
+    /** Feature rows; each `values[i]` maps to `columns[i]`. */
+    rows: ComparisonRow[];
+    /** Label for the empty top-left corner cell. */
+    featureLabel?: React.ReactNode;
+    /** Badge text on the highlighted column header. */
+    highlightLabel?: React.ReactNode;
+}
+/**
+ * Feature-comparison grid: plan `columns` across the top × feature `rows`
+ * down the side, with check/dash/text cells and an optional highlighted
+ * recommended column.
+ */
+export declare const ComparisonTable: React.ForwardRefExoticComponent<ComparisonTableProps & React.RefAttributes<HTMLTableElement>>;
+//# sourceMappingURL=ComparisonTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonTable.d.ts","sourceRoot":"","sources":["../../src/marketing/ComparisonTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,8CAA8C;IAC9C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,4CAA4C;IAC5C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,2DAA2D;IAC3D,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mDAAmD;IACnD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAyCD;;;;GAIG;AACH,eAAO,MAAM,eAAe,+FAwE3B,CAAC"}

package/dist/marketing/ComparisonTable.js

@@ -0,0 +1,57 @@
+"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.ComparisonTable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const CheckCell = () => ((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: "mx-auto text-success", children: (0, jsx_runtime_1.jsx)("path", { d: "M3 8.5l3.5 3.5L13 4.5" }) }));
+const DashCell = () => ((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", className: "mx-auto text-muted", children: (0, jsx_runtime_1.jsx)("path", { d: "M4 8h8" }) }));
+const renderValue = (value) => {
+    if (value === true)
+        return (0, jsx_runtime_1.jsx)(CheckCell, {});
+    if (value === false)
+        return (0, jsx_runtime_1.jsx)(DashCell, {});
+    return (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-on-surface", children: value });
+};
+/**
+ * Feature-comparison grid: plan `columns` across the top × feature `rows`
+ * down the side, with check/dash/text cells and an optional highlighted
+ * recommended column.
+ */
+exports.ComparisonTable = React.forwardRef(function ComparisonTable({ columns, rows, featureLabel = '', highlightLabel = 'Recommended', className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full overflow-x-auto", children: (0, jsx_runtime_1.jsxs)("table", { ref: ref, "data-xen-comparison": "", className: (0, cn_1.cn)('w-full border-collapse text-left', 'overflow-hidden rounded-[var(--xen-radius-lg)] border border-border', className), ...rest, children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { className: "border-b border-border bg-neutral-50", children: [(0, jsx_runtime_1.jsx)("th", { scope: "col", className: "p-[var(--xen-space-md)] text-sm font-semibold text-on-surface", children: featureLabel }), columns.map((column, i) => ((0, jsx_runtime_1.jsx)("th", { scope: "col", "data-highlight": column.highlight ? 'true' : 'false', className: (0, cn_1.cn)('p-[var(--xen-space-md)] text-center text-sm font-semibold', column.highlight ? 'bg-primary-50 text-primary' : 'text-on-surface'), children: (0, jsx_runtime_1.jsxs)("span", { className: "flex flex-col items-center gap-[var(--xen-space-xs)]", children: [column.name, column.highlight ? ((0, jsx_runtime_1.jsx)("span", { className: "rounded-[var(--xen-radius-full)] bg-primary px-2 py-0.5 text-xs font-medium text-on-primary", children: highlightLabel })) : null] }) }, i)))] }) }), (0, jsx_runtime_1.jsx)("tbody", { className: "divide-y divide-border", children: rows.map((row, r) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { scope: "row", className: "p-[var(--xen-space-md)] text-sm font-medium text-on-surface", children: row.label }), columns.map((column, c) => ((0, jsx_runtime_1.jsx)("td", { "data-highlight": column.highlight ? 'true' : 'false', className: (0, cn_1.cn)('p-[var(--xen-space-md)] text-center align-middle', column.highlight && 'bg-primary-50'), children: renderValue(row.values[c] ?? false) }, c)))] }, r))) })] }) }));
+});
+//# sourceMappingURL=ComparisonTable.js.map

package/dist/marketing/ComparisonTable.js.map

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

package/dist/marketing/Countdown.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface CountdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Target date/time to count down to. */
+    to: Date | string;
+    /** Fired once when the countdown reaches zero. */
+    onComplete?: () => void;
+    /** Labels for the four boxes. */
+    labels?: {
+        days: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+    };
+}
+/** Counts down to a target date/time in days/hours/mins/secs boxes; cleans up its interval on unmount. */
+export declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Countdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../src/marketing/Countdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,yCAAyC;IACzC,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC;IAClB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iCAAiC;IACjC,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5E;AA2BD,0GAA0G;AAC1G,eAAO,MAAM,SAAS,uFAqDpB,CAAC"}

package/dist/marketing/Countdown.js

@@ -0,0 +1,81 @@
+"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.Countdown = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const DEFAULT_LABELS = { days: 'Days', hours: 'Hours', minutes: 'Mins', seconds: 'Secs' };
+/** Remaining time between now and `target`, clamped at zero. */
+function computeParts(target) {
+    const diff = Math.max(0, target - Date.now());
+    const totalSeconds = Math.floor(diff / 1000);
+    return {
+        days: Math.floor(totalSeconds / 86400),
+        hours: Math.floor((totalSeconds % 86400) / 3600),
+        minutes: Math.floor((totalSeconds % 3600) / 60),
+        seconds: totalSeconds % 60,
+        done: diff === 0,
+    };
+}
+const pad = (n) => String(n).padStart(2, '0');
+/** Counts down to a target date/time in days/hours/mins/secs boxes; cleans up its interval on unmount. */
+exports.Countdown = React.forwardRef(function Countdown({ to, onComplete, labels = DEFAULT_LABELS, className, ...rest }, ref) {
+    const target = React.useMemo(() => new Date(to).getTime(), [to]);
+    const [parts, setParts] = React.useState(() => computeParts(target));
+    const firedRef = React.useRef(false);
+    React.useEffect(() => {
+        firedRef.current = false;
+        setParts(computeParts(target));
+        const id = setInterval(() => {
+            const next = computeParts(target);
+            setParts(next);
+            if (next.done && !firedRef.current) {
+                firedRef.current = true;
+                onComplete?.();
+                clearInterval(id);
+            }
+        }, 1000);
+        return () => clearInterval(id);
+    }, [target, onComplete]);
+    const boxes = [
+        { value: parts.days, label: labels.days },
+        { value: parts.hours, label: labels.hours },
+        { value: parts.minutes, label: labels.minutes },
+        { value: parts.seconds, label: labels.seconds },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-countdown": "", role: "timer", "aria-live": "polite", className: (0, cn_1.cn)('flex items-stretch gap-[var(--xen-space-sm)]', className), ...rest, children: boxes.map((box) => ((0, jsx_runtime_1.jsxs)("div", { "data-xen-countdown-box": "", className: "flex min-w-[3.5rem] flex-col items-center gap-[var(--xen-space-xs)] rounded-[var(--xen-radius-md)] border border-border bg-surface px-[var(--xen-space-sm)] py-[var(--xen-space-md)] text-on-surface", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-heading text-2xl font-bold tabular-nums", children: pad(box.value) }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs uppercase tracking-wide text-muted", children: box.label })] }, box.label))) }));
+});
+//# sourceMappingURL=Countdown.js.map

package/dist/marketing/Countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.js","sourceRoot":"","sources":["../../src/marketing/Countdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAmBtC,MAAM,cAAc,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAE1F,gEAAgE;AAChE,SAAS,YAAY,CAAC,MAAc;IAClC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO;QACL,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACtC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;QAChD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC/C,OAAO,EAAE,YAAY,GAAG,EAAE;QAC1B,IAAI,EAAE,IAAI,KAAK,CAAC;KACjB,CAAC;AACJ,CAAC;AAED,MAAM,GAAG,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AAE9D,0GAA0G;AAC7F,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,SAAS,CAC1F,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,cAAc,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC/D,GAAG;IAEH,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAY,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAChF,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QAE/B,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YAClC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;gBACxB,UAAU,EAAE,EAAE,CAAC;gBACf,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzB,MAAM,KAAK,GAAuC;QAChD,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE;QACzC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;QAC3C,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;QAC/C,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;KAChD,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,wBACW,EAAE,EACrB,IAAI,EAAC,OAAO,eACF,QAAQ,EAClB,SAAS,EAAE,IAAA,OAAE,EAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,IAAI,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,2DAEyB,EAAE,EACzB,SAAS,EAAC,sMAAsM,aAEhN,iCAAM,SAAS,EAAC,8CAA8C,YAAE,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAQ,EACtF,iCAAM,SAAS,EAAC,4CAA4C,YAAE,GAAG,CAAC,KAAK,GAAQ,KAL1E,GAAG,CAAC,KAAK,CAMV,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/CoverGallery.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { type CoverColorRole, type CoverForm } from './GenerativeCover';
+export interface CoverGalleryItem {
+    /** Stable seed for this plate's generative composition. */
+    seed: string | number;
+    /** Composition of the seeded cover (arc, bands, orbit, grid, wave, stack). */
+    form?: CoverForm;
+    /** Ink color role (token role, e.g. `primary-700`). */
+    ink?: CoverColorRole;
+    /** Paper color role (token role, e.g. `neutral-100`). */
+    paper?: CoverColorRole;
+    /** Accessible label for the plate (also used as the link aria-label). */
+    label?: string;
+    /** Caption rendered under the plate (title of the piece / work). */
+    caption?: React.ReactNode;
+    /** Small secondary line under the caption (medium, year, artist, …). */
+    meta?: React.ReactNode;
+    /** When set, the whole tile links here (stretched link over the plate). */
+    href?: string;
+}
+export interface CoverGalleryProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The plates to render. */
+    items: CoverGalleryItem[];
+    /** Column count at the largest breakpoint. */
+    columns?: 2 | 3 | 4;
+    /** width / height aspect ratio of every plate (default 1 — square). */
+    aspect?: number;
+}
+/**
+ * A responsive gallery of seeded {@link GenerativeCover} plates with captions —
+ * an IMAGE-FREE wall of generative artwork. Where `TeamGrid`/`EntityCard` assume
+ * real image URLs, this renders the deterministic cover plates the templates use
+ * for portfolios, exhibitions, work galleries, and lookbooks (the hand-rolled
+ * `PortfolioGrid` / `WorkGrid` / `Plate` collapsed into one prop-driven grid).
+ * Each tile optionally deep-links to a detail route via a stretched link, and
+ * every color is a token role — no literal hex, no external assets.
+ */
+export declare const CoverGallery: React.ForwardRefExoticComponent<CoverGalleryProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CoverGallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoverGallery.d.ts","sourceRoot":"","sources":["../../src/marketing/CoverGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEzF,MAAM,WAAW,gBAAgB;IAC/B,2DAA2D;IAC3D,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,yDAAyD;IACzD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wEAAwE;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,4BAA4B;IAC5B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAQD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,0FAiEvB,CAAC"}

package/dist/marketing/CoverGallery.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.CoverGallery = 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");
+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',
+};
+/**
+ * A responsive gallery of seeded {@link GenerativeCover} plates with captions —
+ * an IMAGE-FREE wall of generative artwork. Where `TeamGrid`/`EntityCard` assume
+ * real image URLs, this renders the deterministic cover plates the templates use
+ * for portfolios, exhibitions, work galleries, and lookbooks (the hand-rolled
+ * `PortfolioGrid` / `WorkGrid` / `Plate` collapsed into one prop-driven grid).
+ * Each tile optionally deep-links to a detail route via a stretched link, and
+ * every color is a token role — no literal hex, no external assets.
+ */
+exports.CoverGallery = React.forwardRef(function CoverGallery({ items, columns = 3, aspect = 1, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-cover-gallery": "", className: (0, cn_1.cn)('grid grid-cols-1 gap-[var(--xen-space-lg)]', COLUMN_CLASSES[columns], className), ...rest, children: items.map((item, index) => {
+            const plate = ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-[var(--xen-radius-md)] bg-neutral-100", style: { '--xen-cover-aspect': String(aspect) }, children: (0, jsx_runtime_1.jsx)("div", { className: "aspect-[var(--xen-cover-aspect)]", children: (0, jsx_runtime_1.jsx)(GenerativeCover_1.GenerativeCover, { seed: item.seed, form: item.form, ink: item.ink, paper: item.paper, label: item.label ?? (typeof item.caption === 'string' ? item.caption : undefined), className: "h-full w-full" }) }) }));
+            return ((0, jsx_runtime_1.jsxs)("figure", { "data-xen-cover-tile": "", className: "relative flex flex-col gap-[var(--xen-space-sm)]", children: [item.href ? ((0, jsx_runtime_1.jsx)("a", { href: item.href, "aria-label": item.label ?? (typeof item.caption === 'string' ? item.caption : 'View'), className: "block after:absolute after:inset-0 after:content-['']", children: plate })) : (plate), item.caption !== undefined || item.meta !== undefined ? ((0, jsx_runtime_1.jsxs)("figcaption", { className: "flex flex-col gap-[var(--xen-space-xs)]", children: [item.caption !== undefined ? ((0, jsx_runtime_1.jsx)("span", { className: "font-heading text-base font-semibold leading-snug text-on-surface", children: item.caption })) : null, item.meta !== undefined ? ((0, jsx_runtime_1.jsx)("span", { "data-xen-cover-meta": "", className: "text-sm text-muted", children: item.meta })) : null] })) : null] }, index));
+        }) }));
+});
+//# sourceMappingURL=CoverGallery.js.map

package/dist/marketing/CoverGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverGallery.js","sourceRoot":"","sources":["../../src/marketing/CoverGallery.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,uDAAyF;AA8BzF,MAAM,cAAc,GAA8D;IAChF,CAAC,EAAE,gBAAgB;IACnB,CAAC,EAAE,+BAA+B;IAClC,CAAC,EAAE,+BAA+B;CACnC,CAAC;AAEF;;;;;;;;GAQG;AACU,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAoC,SAAS,YAAY,CACnG,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,4BACe,EAAE,EACzB,SAAS,EAAE,IAAA,OAAE,EAAC,4CAA4C,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAC3F,IAAI,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,KAAK,GAAG,CACZ,gCACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,CAAC,MAAM,CAAC,EAAyB,YAEtE,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,iCAAe,IACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,EAClF,SAAS,EAAC,eAAe,GACzB,GACE,GACF,CACP,CAAC;YACF,OAAO,CACL,2DAEsB,EAAE,EACtB,SAAS,EAAC,kDAAkD,aAE3D,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,8BACE,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EACpF,SAAS,EAAC,uDAAuD,YAEhE,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACA,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACvD,wCAAY,SAAS,EAAC,yCAAyC,aAC5D,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5B,iCAAM,SAAS,EAAC,mEAAmE,YAChF,IAAI,CAAC,OAAO,GACR,CACR,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,wDAA0B,EAAE,EAAC,SAAS,EAAC,oBAAoB,YACxD,IAAI,CAAC,IAAI,GACL,CACR,CAAC,CAAC,CAAC,IAAI,IACG,CACd,CAAC,CAAC,CAAC,IAAI,KA5BH,KAAK,CA6BH,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/EditorialGrid.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+export interface EditorialGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Column count at the `lg` breakpoint (default 12). Below it, one column. */
+    columns?: number;
+}
+export interface EditorialItemProps extends React.HTMLAttributes<HTMLElement> {
+    /** Column span at `lg` (default 6). */
+    span?: number;
+    /** 1-based start column at `lg`; omitted, the grid auto-places. */
+    start?: number;
+    /**
+     * Vertical offset at `lg`, in px. Negative values pull the item up into the
+     * previous row — the deliberate overlap of the portfolio grid.
+     */
+    offset?: number;
+    /**
+     * Explicit stacking order. Omitted, earlier items stack ABOVE later ones,
+     * so an overlapping item slides UNDER its neighbour's caption.
+     */
+    z?: number;
+    /**
+     * Caption slot rendered below the media. Backed with the `surface` token
+     * and raised, so overlapping neighbours slide beneath the type.
+     */
+    caption?: React.ReactNode;
+}
+/**
+ * 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>
+ * ```
+ */
+export declare const EditorialGrid: React.ForwardRefExoticComponent<EditorialGridProps & React.RefAttributes<HTMLDivElement>>;
+/** One cell of the editorial grid — media plus a surface-backed caption. */
+export declare const EditorialItem: React.ForwardRefExoticComponent<EditorialItemProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=EditorialGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorialGrid.d.ts","sourceRoot":"","sources":["../../src/marketing/EditorialGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAmCD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,2FAsBzB,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,aAAa,wFAiCzB,CAAC"}