@xenition/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * `@xenition/ui` — themed, SDK-backed UI components for apps generated by
+ * the Xenition no-code builder.
+ *
+ * Subpaths:
+ * - `@xenition/ui/theme`           — seed-token theme compiler + outputs
+ * - `@xenition/ui/tailwind-preset` — Tailwind preset bound to the CSS vars
+ * - `@xenition/ui/primitives`      — Button / Card / Input / Stack (web)
+ * - `@xenition/ui/motion`          — dependency-free scroll/pointer motion
+ * - `@xenition/ui/marketing`       — composed marketing sections (hero, FAQ, …)
+ * - `@xenition/ui/booking`         — presentational scheduling blocks
+ * - `@xenition/ui/media`           — presentational gallery / lightbox blocks
+ * - `@xenition/ui/commerce`        — presentational catalog / cart / order blocks
+ * - `@xenition/ui/native/theme`    — resolved token provider for React Native
+ *
+ * (React Native components land in a later version; v0 ships web primitives
+ * and the native token layer only. The native subpath is intentionally NOT
+ * re-exported here so web bundles never pull it in by accident. The motion,
+ * marketing, and domain-block subpaths (booking/media/commerce) are likewise
+ * not re-exported: app-shell bundles should not pay for blocks they don't use.)
+ */
+export * from './theme';
+export * from './primitives';
+export { XenitionUIProvider, useXenitionCompiledTheme, isCompiledTheme } from './provider';
+export type { XenitionUIProviderProps } from './provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC3F,YAAY,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,45 @@
+"use strict";
+/**
+ * `@xenition/ui` — themed, SDK-backed UI components for apps generated by
+ * the Xenition no-code builder.
+ *
+ * Subpaths:
+ * - `@xenition/ui/theme`           — seed-token theme compiler + outputs
+ * - `@xenition/ui/tailwind-preset` — Tailwind preset bound to the CSS vars
+ * - `@xenition/ui/primitives`      — Button / Card / Input / Stack (web)
+ * - `@xenition/ui/motion`          — dependency-free scroll/pointer motion
+ * - `@xenition/ui/marketing`       — composed marketing sections (hero, FAQ, …)
+ * - `@xenition/ui/booking`         — presentational scheduling blocks
+ * - `@xenition/ui/media`           — presentational gallery / lightbox blocks
+ * - `@xenition/ui/commerce`        — presentational catalog / cart / order blocks
+ * - `@xenition/ui/native/theme`    — resolved token provider for React Native
+ *
+ * (React Native components land in a later version; v0 ships web primitives
+ * and the native token layer only. The native subpath is intentionally NOT
+ * re-exported here so web bundles never pull it in by accident. The motion,
+ * marketing, and domain-block subpaths (booking/media/commerce) are likewise
+ * not re-exported: app-shell bundles should not pay for blocks they don't use.)
+ */
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCompiledTheme = exports.useXenitionCompiledTheme = exports.XenitionUIProvider = void 0;
+__exportStar(require("./theme"), exports);
+__exportStar(require("./primitives"), exports);
+var provider_1 = require("./provider");
+Object.defineProperty(exports, "XenitionUIProvider", { enumerable: true, get: function () { return provider_1.XenitionUIProvider; } });
+Object.defineProperty(exports, "useXenitionCompiledTheme", { enumerable: true, get: function () { return provider_1.useXenitionCompiledTheme; } });
+Object.defineProperty(exports, "isCompiledTheme", { enumerable: true, get: function () { return provider_1.isCompiledTheme; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;;;;;;;;;;;;;;;;;AAEH,0CAAwB;AACxB,+CAA6B;AAC7B,uCAA2F;AAAlF,8GAAA,kBAAkB,OAAA;AAAE,oHAAA,wBAAwB,OAAA;AAAE,2GAAA,eAAe,OAAA"}

package/dist/marketing/AnnouncementBar.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type AnnouncementTone = 'primary' | 'accent' | 'neutral';
+export interface AnnouncementBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Banner message. */
+    message: React.ReactNode;
+    /** Optional trailing call-to-action (a link or button). */
+    action?: React.ReactNode;
+    /** Color treatment. */
+    tone?: AnnouncementTone;
+    /** Hide the dismiss control. */
+    dismissible?: boolean;
+    /** Accessible label for the close button. */
+    closeLabel?: string;
+    /** Called after the bar is dismissed. */
+    onDismiss?: () => void;
+}
+/** Dismissible top banner with a message, optional action, and tone variants (session state only). */
+export declare const AnnouncementBar: React.ForwardRefExoticComponent<AnnouncementBarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AnnouncementBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementBar.d.ts","sourceRoot":"","sources":["../../src/marketing/AnnouncementBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uBAAuB;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gCAAgC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAQD,sGAAsG;AACtG,eAAO,MAAM,eAAe,6FAoD3B,CAAC"}

package/dist/marketing/AnnouncementBar.js

@@ -0,0 +1,55 @@
+"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.AnnouncementBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const TONE_CLASSES = {
+    primary: 'bg-primary text-on-primary',
+    accent: 'bg-accent text-on-accent',
+    neutral: 'bg-neutral-100 text-on-surface border-b border-border',
+};
+/** Dismissible top banner with a message, optional action, and tone variants (session state only). */
+exports.AnnouncementBar = React.forwardRef(function AnnouncementBar({ message, action, tone = 'primary', dismissible = true, closeLabel = 'Dismiss announcement', onDismiss, className, ...rest }, ref) {
+    const [dismissed, setDismissed] = React.useState(false);
+    if (dismissed)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-xen-announcement-bar": "", role: "region", "aria-label": "Announcement", className: (0, cn_1.cn)('flex w-full items-center justify-center gap-[var(--xen-space-md)]', 'px-[var(--xen-space-lg)] py-[var(--xen-space-sm)] text-sm', TONE_CLASSES[tone], className), ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-[var(--xen-space-sm)] text-center", children: [(0, jsx_runtime_1.jsx)("span", { children: message }), action !== undefined ? (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: action }) : null] }), dismissible ? ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": closeLabel, "data-xen-announcement-close": "", onClick: () => {
+                    setDismissed(true);
+                    onDismiss?.();
+                }, className: "ml-auto inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--xen-radius-full)] leading-none opacity-80 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current", children: (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: "\u2715" }) })) : null] }));
+});
+//# sourceMappingURL=AnnouncementBar.js.map

package/dist/marketing/AnnouncementBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementBar.js","sourceRoot":"","sources":["../../src/marketing/AnnouncementBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAmBtC,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,4BAA4B;IACrC,MAAM,EAAE,0BAA0B;IAClC,OAAO,EAAE,uDAAuD;CACjE,CAAC;AAEF,sGAAsG;AACzF,QAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,eAAe,CACtB,EACE,OAAO,EACP,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,sBAAsB,EACnC,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,+BACkB,EAAE,EAC5B,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,SAAS,EAAE,IAAA,OAAE,EACX,mEAAmE,EACnE,2DAA2D,EAC3D,YAAY,CAAC,IAAI,CAAC,EAClB,SAAS,CACV,KACG,IAAI,aAER,iCAAK,SAAS,EAAC,kFAAkF,aAC/F,2CAAO,OAAO,GAAQ,EACrB,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,aAAa,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxE,EACL,WAAW,CAAC,CAAC,CAAC,CACb,mCACE,IAAI,EAAC,QAAQ,gBACD,UAAU,iCACM,EAAE,EAC9B,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,SAAS,EAAE,EAAE,CAAC;gBAChB,CAAC,EACD,SAAS,EAAC,2OAA2O,YAErP,gDAAkB,MAAM,uBAAS,GAC1B,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/marketing/AuroraBackground.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export type AuroraVariant = 'aurora' | 'mesh' | 'radial';
+export type AuroraPattern = 'none' | 'dots' | 'grid';
+export interface AuroraBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Blob composition: drifting aurora, corner mesh, or a single radial glow. */
+    variant?: AuroraVariant;
+    /** Overlay an SVG noise/grain texture (inline feTurbulence data URI). */
+    grain?: boolean;
+    /** Overlay a subtle dot or grid pattern. */
+    pattern?: AuroraPattern;
+}
+/**
+ * Animated layered gradient background: blurred radial "aurora" blobs built
+ * from the theme's primary/accent ramp steps (400–700), drifting on slow CSS
+ * keyframe paths, with optional grain and dot/grid pattern overlays.
+ *
+ * Shared machinery behind `GradientHero` and `CTABanner`; use it directly to
+ * build custom striking sections. Position it inside a `relative
+ * overflow-hidden` parent — it renders `absolute inset-0` and is
+ * `aria-hidden` (purely decorative). Dark mode needs nothing special: the
+ * ramp variables are the theme, so the blobs read correctly over either
+ * surface.
+ */
+export declare const AuroraBackground: React.ForwardRefExoticComponent<AuroraBackgroundProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AuroraBackground.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuroraBackground.d.ts","sourceRoot":"","sources":["../../src/marketing/AuroraBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,+EAA+E;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAmHD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,8FAoC5B,CAAC"}

package/dist/marketing/AuroraBackground.js

@@ -0,0 +1,153 @@
+"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.AuroraBackground = 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");
+/** Ramp steps a blob may use — theme variables only, never literal colors. */
+const BLOB_RAMPS = [
+    'primary-400',
+    'primary-500',
+    'primary-600',
+    'primary-700',
+    'accent-400',
+    'accent-500',
+    'accent-600',
+];
+const AURORA_BLOBS = [
+    { ramp: 'primary-500', top: '-20%', left: '-10%', size: '55%', opacity: 0.45, animation: 'xen-aurora-a', duration: '26s' },
+    { ramp: 'accent-400', top: '-10%', left: '55%', size: '50%', opacity: 0.35, animation: 'xen-aurora-b', duration: '32s' },
+    { ramp: 'primary-700', top: '45%', left: '20%', size: '60%', opacity: 0.3, animation: 'xen-aurora-c', duration: '38s' },
+    { ramp: 'accent-600', top: '55%', left: '65%', size: '45%', opacity: 0.3, animation: 'xen-aurora-b', duration: '29s' },
+];
+const MESH_BLOBS = [
+    { ramp: 'primary-400', top: '-25%', left: '-15%', size: '70%', opacity: 0.4, animation: 'xen-aurora-c', duration: '40s' },
+    { ramp: 'accent-500', top: '-20%', left: '60%', size: '65%', opacity: 0.35, animation: 'xen-aurora-a', duration: '34s' },
+    { ramp: 'primary-600', top: '55%', left: '55%', size: '70%', opacity: 0.35, animation: 'xen-aurora-b', duration: '42s' },
+    { ramp: 'accent-400', top: '60%', left: '-20%', size: '60%', opacity: 0.3, animation: 'xen-aurora-a', duration: '36s' },
+];
+const RADIAL_BLOBS = [
+    { ramp: 'primary-600', top: '10%', left: '15%', size: '70%', opacity: 0.4, animation: 'xen-aurora-pulse', duration: '18s' },
+    { ramp: 'accent-500', top: '25%', left: '30%', size: '40%', opacity: 0.3, animation: 'xen-aurora-pulse', duration: '24s' },
+];
+const BLOBS = {
+    aurora: AURORA_BLOBS,
+    mesh: MESH_BLOBS,
+    radial: RADIAL_BLOBS,
+};
+/**
+ * Inline SVG grain (feTurbulence) as a data URI — self-contained, no asset,
+ * no colors (a monochrome noise rect blended at low opacity).
+ */
+const GRAIN_DATA_URI = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E";
+/**
+ * All color-bearing declarations live in this injected sheet and reference
+ * `--xen-*` variables exclusively — the aurora restyles by theme seed alone,
+ * and the kit's no-literal-colors rule stays greppable/testable in one place.
+ * Inline styles on the elements carry geometry and timing only.
+ */
+const AURORA_CSS = `
+@keyframes xen-aurora-a {
+  0%, 100% { transform: translate3d(-6%, -4%, 0) scale(1); }
+  50% { transform: translate3d(10%, 8%, 0) scale(1.15); }
+}
+@keyframes xen-aurora-b {
+  0%, 100% { transform: translate3d(6%, 8%, 0) scale(1.1); }
+  50% { transform: translate3d(-10%, -6%, 0) scale(0.95); }
+}
+@keyframes xen-aurora-c {
+  0%, 100% { transform: translate3d(0, 6%, 0) scale(0.95) rotate(0deg); }
+  50% { transform: translate3d(4%, -8%, 0) scale(1.2) rotate(12deg); }
+}
+@keyframes xen-aurora-pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.18); }
+}
+[data-xen-aurora-blob] {
+  position: absolute;
+  aspect-ratio: 1 / 1;
+  border-radius: 9999px;
+  filter: blur(64px);
+  will-change: transform;
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+${BLOB_RAMPS.map((ramp) => `[data-xen-aurora-blob="${ramp}"] { background-image: radial-gradient(circle closest-side, var(--xen-${ramp}), transparent); }`).join('\n')}
+[data-xen-aurora-pattern="dots"] {
+  background-image: radial-gradient(var(--xen-on-surface) 1px, transparent 1px);
+  background-size: 24px 24px;
+  opacity: 0.07;
+}
+[data-xen-aurora-pattern="grid"] {
+  background-image: linear-gradient(var(--xen-border) 1px, transparent 1px), linear-gradient(90deg, var(--xen-border) 1px, transparent 1px);
+  background-size: 48px 48px;
+  opacity: 0.35;
+}
+[data-xen-aurora-grain] {
+  background-image: url("${GRAIN_DATA_URI}");
+  background-repeat: repeat;
+  opacity: 0.05;
+  mix-blend-mode: overlay;
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-xen-aurora-blob] { animation: none !important; }
+}
+`;
+/**
+ * Animated layered gradient background: blurred radial "aurora" blobs built
+ * from the theme's primary/accent ramp steps (400–700), drifting on slow CSS
+ * keyframe paths, with optional grain and dot/grid pattern overlays.
+ *
+ * Shared machinery behind `GradientHero` and `CTABanner`; use it directly to
+ * build custom striking sections. Position it inside a `relative
+ * overflow-hidden` parent — it renders `absolute inset-0` and is
+ * `aria-hidden` (purely decorative). Dark mode needs nothing special: the
+ * ramp variables are the theme, so the blobs read correctly over either
+ * surface.
+ */
+exports.AuroraBackground = React.forwardRef(function AuroraBackground({ variant = 'aurora', grain = false, pattern = 'none', className, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-aurora-styles', AURORA_CSS);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "aria-hidden": "true", "data-xen-aurora": variant, className: (0, cn_1.cn)('pointer-events-none absolute inset-0 overflow-hidden', className), ...rest, children: [BLOBS[variant].map((blob, index) => ((0, jsx_runtime_1.jsx)("div", { "data-xen-aurora-blob": blob.ramp, style: {
+                    top: blob.top,
+                    left: blob.left,
+                    width: blob.size,
+                    opacity: blob.opacity,
+                    animationName: blob.animation,
+                    animationDuration: blob.duration,
+                } }, index))), pattern !== 'none' ? ((0, jsx_runtime_1.jsx)("div", { "data-xen-aurora-pattern": pattern, className: "absolute inset-0" })) : null, grain ? (0, jsx_runtime_1.jsx)("div", { "data-xen-aurora-grain": "", className: "absolute inset-0" }) : null] }));
+});
+//# sourceMappingURL=AuroraBackground.js.map

package/dist/marketing/AuroraBackground.js.map

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

package/dist/marketing/Bento.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+export interface BentoGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Column count at the `lg` breakpoint (default 6 — spans of 2/4 make the classic bento). */
+    columns?: number;
+}
+export interface BentoCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /** Column span at `lg` (default 2). Mix 4s and 2s for asymmetry. */
+    span?: number;
+    /** Row span at `lg` (default 1). */
+    rowSpan?: number;
+    /** Icon slot, rendered in a ramp-gradient tile. */
+    icon?: React.ReactNode;
+    /** Small stat chip in the top-right corner (e.g. "38ms p99"). */
+    metric?: React.ReactNode;
+    /** Card title. */
+    title?: React.ReactNode;
+    /**
+     * Micro-visual slot below the body — a mini `ProductMock` chart, a
+     * `ParticleField`, an equalizer… whatever sells the card.
+     */
+    visual?: React.ReactNode;
+    /** Small emphasized footer line pinned to the bottom. */
+    detail?: React.ReactNode;
+    /** Radial "energy wash" that fades in from the top corner on hover (default true). */
+    wash?: boolean;
+}
+/**
+ * Asymmetric bento feature grid generalized from the SaaS template: a
+ * 6-column canvas where cards declare their own spans (4/2 over 2/4 is the
+ * signature rhythm). Pure composition — wrap cards in `Reveal`/`Stagger`
+ * for the cascade.
+ */
+export declare const BentoGrid: React.ForwardRefExoticComponent<BentoGridProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * One bento cell: icon tile + metric chip header, title, body (children), an
+ * optional micro-visual slot, and a pinned detail line — with a token-mixed
+ * hover energy wash. All slots optional; an empty card is a styled panel.
+ */
+export declare const BentoCard: React.ForwardRefExoticComponent<BentoCardProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Bento.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bento.d.ts","sourceRoot":"","sources":["../../src/marketing/Bento.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtF,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kBAAkB;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,yDAAyD;IACzD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sFAAsF;IACtF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAqED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,uFAgBpB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,SAAS,oFA0DpB,CAAC"}

package/dist/marketing/Bento.js

@@ -0,0 +1,130 @@
+"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.BentoCard = exports.BentoGrid = 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");
+/**
+ * Card surface, borders, hover glow, and the energy wash are all `color-mix`
+ * over tokens. Spans travel as custom properties consumed only inside the
+ * media queries, so the grid degrades to 1 → 2 → N columns.
+ */
+const BENTO_CSS = `
+[data-xen-bento-grid] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: var(--xen-space-md);
+}
+[data-xen-bento-card] {
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  gap: var(--xen-space-sm);
+  padding: var(--xen-space-lg);
+  border-radius: var(--xen-radius-lg);
+  background-color: color-mix(in srgb, var(--xen-surface) 94%, var(--xen-on-surface) 6%);
+  border: 1px solid color-mix(in srgb, var(--xen-border) 60%, transparent);
+  transition: box-shadow 500ms ease;
+}
+[data-xen-bento-card]:hover {
+  box-shadow: 0 0 90px -30px color-mix(in srgb, var(--xen-primary-600) 45%, transparent);
+}
+[data-xen-bento-card][data-wash="true"]::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 500ms ease;
+  background-image: radial-gradient(420px circle at 20% 0%, color-mix(in srgb, var(--xen-primary-500) 14%, transparent), transparent 70%);
+}
+[data-xen-bento-card][data-wash="true"]:hover::after { opacity: 1; }
+[data-xen-bento-icon] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  border-radius: var(--xen-radius-md);
+  background-image: linear-gradient(135deg, var(--xen-primary-600), var(--xen-accent-600));
+  color: var(--xen-on-primary);
+}
+[data-xen-bento-metric] {
+  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;
+}
+@media (min-width: 768px) {
+  [data-xen-bento-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@media (min-width: 1024px) {
+  [data-xen-bento-grid] { grid-template-columns: repeat(var(--xen-bento-cols, 6), minmax(0, 1fr)); }
+  [data-xen-bento-card] {
+    grid-column: span var(--xen-bento-span, 2) / span var(--xen-bento-span, 2);
+    grid-row: span var(--xen-bento-row, 1) / span var(--xen-bento-row, 1);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-xen-bento-card], [data-xen-bento-card]::after { transition: none; }
+}
+`;
+/**
+ * Asymmetric bento feature grid generalized from the SaaS template: a
+ * 6-column canvas where cards declare their own spans (4/2 over 2/4 is the
+ * signature rhythm). Pure composition — wrap cards in `Reveal`/`Stagger`
+ * for the cascade.
+ */
+exports.BentoGrid = React.forwardRef(function BentoGrid({ columns = 6, className, style, children, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-bento-styles', BENTO_CSS);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-bento-grid": "", className: (0, cn_1.cn)(className), style: { ['--xen-bento-cols']: columns, ...style }, ...rest, children: children }));
+});
+/**
+ * One bento cell: icon tile + metric chip header, title, body (children), an
+ * optional micro-visual slot, and a pinned detail line — with a token-mixed
+ * hover energy wash. All slots optional; an empty card is a styled panel.
+ */
+exports.BentoCard = React.forwardRef(function BentoCard({ span = 2, rowSpan = 1, icon, metric, title, visual, detail, wash = true, className, style, children, ...rest }, ref) {
+    (0, inject_1.injectStyleOnce)('xen-bento-styles', BENTO_CSS);
+    return ((0, jsx_runtime_1.jsxs)("article", { ref: ref, "data-xen-bento-card": "", "data-wash": wash ? 'true' : 'false', className: (0, cn_1.cn)('group', className), style: {
+            ['--xen-bento-span']: span,
+            ['--xen-bento-row']: rowSpan,
+            ...style,
+        }, ...rest, children: [icon !== undefined || metric !== undefined ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [icon !== undefined ? (0, jsx_runtime_1.jsx)("span", { "data-xen-bento-icon": "", children: icon }) : (0, jsx_runtime_1.jsx)("span", {}), metric !== undefined ? ((0, jsx_runtime_1.jsx)("span", { "data-xen-bento-metric": "", className: "px-3 py-1 font-heading text-xs font-bold", children: metric })) : null] })) : null, title !== undefined ? ((0, jsx_runtime_1.jsx)("h3", { className: "font-heading text-xl font-bold tracking-tight text-on-surface", children: title })) : null, children !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "max-w-md text-sm leading-relaxed text-muted", children: children })) : null, visual !== undefined ? (0, jsx_runtime_1.jsx)("div", { "data-xen-bento-visual": "", children: visual }) : null, detail !== undefined ? ((0, jsx_runtime_1.jsx)("p", { className: "mt-auto text-xs font-medium text-primary", children: detail })) : null] }));
+});
+//# sourceMappingURL=Bento.js.map

package/dist/marketing/Bento.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bento.js","sourceRoot":"","sources":["../../src/marketing/Bento.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAA4D;AAC5D,yCAAsC;AA6BtC;;;;GAIG;AACH,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DjB,CAAC;AAEF;;;;;GAKG;AACU,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,SAAS,CAC1F,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACpD,GAAG;IAEH,IAAA,wBAAe,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAC/C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,yBACY,EAAE,EACtB,SAAS,EAAE,IAAA,OAAE,EAAC,SAAS,CAAC,EACxB,KAAK,EAAE,EAAE,CAAC,kBAA4B,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,KACxD,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;;GAIG;AACU,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAA8B,SAAS,SAAS,CACvF,EACE,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,CAAC,EACX,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,GAAG,IAAI,EACX,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG;IAEH,IAAA,wBAAe,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAC/C,OAAO,CACL,qCACE,GAAG,EAAE,GAA6B,yBACd,EAAE,eACX,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAClC,SAAS,EAAE,IAAA,OAAE,EAAC,OAAO,EAAE,SAAS,CAAC,EACjC,KAAK,EAAE;YACL,CAAC,kBAA4B,CAAC,EAAE,IAAI;YACpC,CAAC,iBAA2B,CAAC,EAAE,OAAO;YACtC,GAAG,KAAK;SACT,KACG,IAAI,aAEP,IAAI,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5C,iCAAK,SAAS,EAAC,mCAAmC,aAC/C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,wDAA0B,EAAE,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,kCAAQ,EAC1E,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,0DACwB,EAAE,EACxB,SAAS,EAAC,0CAA0C,YAEnD,MAAM,GACF,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,+BAAI,SAAS,EAAC,+DAA+D,YAC1E,KAAK,GACH,CACN,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,gCAAK,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAO,CAC9E,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,yDAA2B,EAAE,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,EAC1E,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,8BAAG,SAAS,EAAC,0CAA0C,YAAE,MAAM,GAAK,CACrE,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/CTABanner.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { AuroraPattern, AuroraVariant } from './AuroraBackground';
+export interface CTABannerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /** Banner headline. */
+    title: React.ReactNode;
+    /** Supporting copy under the title (children also render here). */
+    subtitle?: React.ReactNode;
+    /** Call-to-action slot. */
+    action?: React.ReactNode;
+    /** Aurora composition behind the band. */
+    variant?: AuroraVariant;
+    grain?: boolean;
+    pattern?: AuroraPattern;
+}
+/**
+ * Closing gradient band — the same aurora machinery as `GradientHero` in a
+ * compact rounded section with a single call to action.
+ */
+export declare const CTABanner: React.ForwardRefExoticComponent<CTABannerProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=CTABanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner.d.ts","sourceRoot":"","sources":["../../src/marketing/CTABanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAoB,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEpF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD,uBAAuB;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,oFAuCpB,CAAC"}

package/dist/marketing/CTABanner.js

@@ -0,0 +1,48 @@
+"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.CTABanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const AuroraBackground_1 = require("./AuroraBackground");
+/**
+ * Closing gradient band — the same aurora machinery as `GradientHero` in a
+ * compact rounded section with a single call to action.
+ */
+exports.CTABanner = React.forwardRef(function CTABanner({ title, subtitle, action, variant = 'radial', grain = false, pattern = 'none', className, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("section", { ref: ref, "data-xen-cta": "", className: (0, cn_1.cn)('relative overflow-hidden bg-surface text-on-surface', 'rounded-[var(--xen-radius-lg)] border border-border', 'px-[var(--xen-space-xl)] py-[var(--xen-space-2xl)]', className), ...rest, children: [(0, jsx_runtime_1.jsx)(AuroraBackground_1.AuroraBackground, { variant: variant, grain: grain, pattern: pattern }), (0, jsx_runtime_1.jsxs)("div", { className: "relative mx-auto flex max-w-3xl flex-col items-center gap-[var(--xen-space-md)] text-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "font-heading text-3xl font-bold leading-tight", children: title }), subtitle !== undefined ? (0, jsx_runtime_1.jsx)("p", { className: "text-lg text-muted", children: subtitle }) : null, children, action !== undefined ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-[var(--xen-space-sm)] flex flex-wrap justify-center gap-[var(--xen-space-sm)]", children: action })) : null] })] }));
+});
+//# sourceMappingURL=CTABanner.js.map

package/dist/marketing/CTABanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner.js","sourceRoot":"","sources":["../../src/marketing/CTABanner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,yDAAoF;AAgBpF;;;GAGG;AACU,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAA8B,SAAS,SAAS,CACvF,EACE,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,QAAQ,EAClB,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG;IAEH,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,kBACK,EAAE,EACf,SAAS,EAAE,IAAA,OAAE,EACX,qDAAqD,EACrD,qDAAqD,EACrD,oDAAoD,EACpD,SAAS,CACV,KACG,IAAI,aAER,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,EACtE,iCAAK,SAAS,EAAC,6FAA6F,aAC1G,+BAAI,SAAS,EAAC,+CAA+C,YAAE,KAAK,GAAM,EACzE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAG,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,EAChF,QAAQ,EACR,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,gCAAK,SAAS,EAAC,kFAAkF,YAC9F,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}