@xenition/ui 0.1.0

package/dist/marketing/TeamGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamGrid.js","sourceRoot":"","sources":["../../src/marketing/TeamGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AACtC,iDAA8C;AAsB9C,MAAM,cAAc,GAA0D;IAC5E,CAAC,EAAE,gBAAgB;IACnB,CAAC,EAAE,+BAA+B;IAClC,CAAC,EAAE,+BAA+B;CACnC,CAAC;AAEF,6EAA6E;AAChE,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,QAAQ,CACvF,EAAE,OAAO,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC5C,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,wBACW,EAAE,EACrB,SAAS,EAAE,IAAA,OAAE,EACX,4CAA4C,EAC5C,cAAc,CAAC,OAAO,CAAC,EACvB,SAAS,CACV,KACG,IAAI,YAEP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,yDAEuB,EAAE,EACvB,SAAS,EAAC,yKAAyK,aAEnL,uBAAC,eAAM,IAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,EAC3D,iCAAK,SAAS,EAAC,yCAAyC,aACtD,+BAAI,SAAS,EAAC,sCAAsC,YAAE,MAAM,CAAC,IAAI,GAAM,EACtE,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,8BAAG,SAAS,EAAC,kCAAkC,YAAE,MAAM,CAAC,IAAI,GAAK,CAClE,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,MAAM,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,8BAAG,SAAS,EAAC,oCAAoC,YAAE,MAAM,CAAC,GAAG,GAAK,CACnE,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7C,gCAAK,SAAS,EAAC,qFAAqF,YACjG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAEE,IAAI,EAAE,MAAM,CAAC,IAAI,gBACL,MAAM,CAAC,KAAK,EACxB,SAAS,EAAC,iDAAiD,YAE1D,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,IALvB,CAAC,CAMJ,CACL,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,KA3BH,KAAK,CA4BN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/Testimonials.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface TestimonialsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** `grid` (default) or an infinite `marquee` loop. */
+    mode?: 'grid' | 'marquee';
+    /** Marquee speed in px/s (marquee mode only). */
+    speed?: number;
+}
+/** Layout container for `Testimonial` cards. */
+export declare const Testimonials: React.ForwardRefExoticComponent<TestimonialsProps & React.RefAttributes<HTMLDivElement>>;
+export interface TestimonialProps extends Omit<React.HTMLAttributes<HTMLElement>, 'role'> {
+    /** Author name — also the source for the avatar-initials fallback. */
+    name: string;
+    /** Author role/company line. */
+    role?: React.ReactNode;
+    /** Avatar slot; when omitted, initials derived from `name` are shown. */
+    avatar?: React.ReactNode;
+}
+/** Derive up to two initials from a display name. */
+export declare function initialsFromName(name: string): string;
+/** One quote card. The quote itself is `children`. */
+export declare const Testimonial: React.ForwardRefExoticComponent<TestimonialProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Testimonials.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../src/marketing/Testimonials.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,gDAAgD;AAChD,eAAO,MAAM,YAAY,0FAuBxB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IACvD,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yEAAyE;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,qDAAqD;AACrD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CASrD;AAED,sDAAsD;AACtD,eAAO,MAAM,WAAW,sFAkCvB,CAAC"}

package/dist/marketing/Testimonials.js

@@ -0,0 +1,64 @@
+"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.Testimonial = exports.Testimonials = void 0;
+exports.initialsFromName = initialsFromName;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Marquee_1 = require("../motion/Marquee");
+const cn_1 = require("../primitives/cn");
+/** Layout container for `Testimonial` cards. */
+exports.Testimonials = React.forwardRef(function Testimonials({ mode = 'grid', speed, className, children, ...rest }, ref) {
+    if (mode === 'marquee') {
+        return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-testimonials": "marquee", className: className, ...rest, children: (0, jsx_runtime_1.jsx)(Marquee_1.Marquee, { speed: speed, children: children }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-testimonials": "grid", className: (0, cn_1.cn)('grid grid-cols-1 gap-[var(--xen-space-lg)] sm:grid-cols-2 lg:grid-cols-3', className), ...rest, children: children }));
+});
+/** Derive up to two initials from a display name. */
+function initialsFromName(name) {
+    return name
+        .trim()
+        .split(/\s+/)
+        .map((word) => word.charAt(0))
+        .filter(Boolean)
+        .slice(0, 2)
+        .join('')
+        .toUpperCase();
+}
+/** One quote card. The quote itself is `children`. */
+exports.Testimonial = React.forwardRef(function Testimonial({ name, role, avatar, className, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("figure", { ref: ref, "data-xen-testimonial": "", className: (0, cn_1.cn)('flex w-72 shrink-0 flex-col gap-[var(--xen-space-md)] border border-border bg-surface text-on-surface sm:w-auto', 'rounded-[var(--xen-radius-lg)] p-[var(--xen-space-lg)]', className), ...rest, children: [(0, jsx_runtime_1.jsx)("blockquote", { className: "text-sm leading-relaxed", children: children }), (0, jsx_runtime_1.jsxs)("figcaption", { className: "flex items-center gap-[var(--xen-space-sm)]", children: [avatar !== undefined ? (avatar) : ((0, jsx_runtime_1.jsx)("span", { "data-xen-avatar-initials": "", "aria-hidden": "true", className: "flex h-9 w-9 items-center justify-center rounded-[var(--xen-radius-full)] bg-primary-100 text-sm font-semibold text-primary-700", children: initialsFromName(name) })), (0, jsx_runtime_1.jsxs)("span", { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-semibold", children: name }), role !== undefined ? (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-muted", children: role }) : null] })] })] }));
+});
+//# sourceMappingURL=Testimonials.js.map

package/dist/marketing/Testimonials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.js","sourceRoot":"","sources":["../../src/marketing/Testimonials.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,4CASC;;AAzDD,6CAA+B;AAC/B,+CAA4C;AAC5C,yCAAsC;AAStC,gDAAgD;AACnC,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC/E,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,2BAAwB,SAAS,EAAC,SAAS,EAAE,SAAS,KAAM,IAAI,YAC3E,uBAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAW,GACvC,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,2BACc,MAAM,EAC5B,SAAS,EAAE,IAAA,OAAE,EACX,0EAA0E,EAC1E,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAYF,qDAAqD;AACrD,SAAgB,gBAAgB,CAAC,IAAY;IAC3C,OAAO,IAAI;SACR,IAAI,EAAE;SACN,KAAK,CAAC,KAAK,CAAC;SACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SAC7B,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,IAAI,CAAC,EAAE,CAAC;SACR,WAAW,EAAE,CAAC;AACnB,CAAC;AAED,sDAAsD;AACzC,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC5E,OAAO,CACL,oCACE,GAAG,EAAE,GAAG,0BACa,EAAE,EACvB,SAAS,EAAE,IAAA,OAAE,EACX,iHAAiH,EACjH,wDAAwD,EACxD,SAAS,CACV,KACG,IAAI,aAER,uCAAY,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAc,EACvE,wCAAY,SAAS,EAAC,6CAA6C,aAChE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,MAAM,CACP,CAAC,CAAC,CAAC,CACF,6DAC2B,EAAE,iBACf,MAAM,EAClB,SAAS,EAAC,iIAAiI,YAE1I,gBAAgB,CAAC,IAAI,CAAC,GAClB,CACR,EACD,kCAAM,SAAS,EAAC,eAAe,aAC7B,iCAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAQ,EACpD,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC1E,IACI,IACN,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/marketing/VideoEmbed.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface VideoEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Video URL — an embed URL renders an `<iframe>`; a file URL renders a `<video>`. */
+    src: string;
+    /** Accessible title (iframe title / video aria-label). */
+    title: string;
+    /** Poster image shown before playback (native `<video>` only). */
+    poster?: string;
+    /** Render a `<video>` element instead of an `<iframe>` (auto-detected otherwise). */
+    native?: boolean;
+}
+/** Responsive 16:9 video wrapper with a poster + play affordance; `<iframe>` or `<video>` as appropriate. */
+export declare const VideoEmbed: React.ForwardRefExoticComponent<VideoEmbedProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=VideoEmbed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoEmbed.d.ts","sourceRoot":"","sources":["../../src/marketing/VideoEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,sFAAsF;IACtF,GAAG,EAAE,MAAM,CAAC;IACZ,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qFAAqF;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAOD,6GAA6G;AAC7G,eAAO,MAAM,UAAU,wFA8CrB,CAAC"}

package/dist/marketing/VideoEmbed.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.VideoEmbed = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+/** Detects a same-origin/file video URL that should use a native `<video>` element. */
+function isFileSource(src) {
+    return /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i.test(src);
+}
+/** Responsive 16:9 video wrapper with a poster + play affordance; `<iframe>` or `<video>` as appropriate. */
+exports.VideoEmbed = React.forwardRef(function VideoEmbed({ src, title, poster, native, className, ...rest }, ref) {
+    const useVideo = native ?? isFileSource(src);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-video-embed": "", className: (0, cn_1.cn)('relative aspect-video w-full overflow-hidden rounded-[var(--xen-radius-lg)] border border-border bg-neutral-950', className), ...rest, children: useVideo ? ((0, jsx_runtime_1.jsx)("video", { src: src, poster: poster, controls: true, playsInline: true, "aria-label": title, className: "h-full w-full object-cover" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("iframe", { src: src, title: title, loading: "lazy", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, className: "absolute inset-0 h-full w-full border-0" }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", "data-xen-video-play": "", className: "pointer-events-none absolute left-1/2 top-1/2 flex h-16 w-16 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-[var(--xen-radius-full)] bg-primary text-on-primary opacity-90", children: (0, jsx_runtime_1.jsx)("span", { className: "ml-0.5 text-2xl leading-none", children: "\u25B6" }) })] })) }));
+});
+//# sourceMappingURL=VideoEmbed.js.map

package/dist/marketing/VideoEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoEmbed.js","sourceRoot":"","sources":["../../src/marketing/VideoEmbed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAatC,uFAAuF;AACvF,SAAS,YAAY,CAAC,GAAW;IAC/B,OAAO,mCAAmC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACvD,CAAC;AAED,6GAA6G;AAChG,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,UAAU,CAC7F,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAClD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,0BACa,EAAE,EACvB,SAAS,EAAE,IAAA,OAAE,EACX,iHAAiH,EACjH,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,CAAC,CAAC,CAAC,CACV,kCACE,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,QACR,WAAW,sBACC,KAAK,EACjB,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,CACF,6DACE,mCACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,0FAA0F,EAChG,eAAe,QACf,SAAS,EAAC,yCAAyC,GACnD,EACF,gDACc,MAAM,yBACE,EAAE,EACtB,SAAS,EAAC,mMAAmM,YAE7M,iCAAM,SAAS,EAAC,8BAA8B,uBAAS,GAClD,IACN,CACJ,GACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/marketing/index.d.ts

@@ -0,0 +1,76 @@
+/**
+ * `@xenition/ui/marketing` — composed marketing sections for template
+ * websites. Styled exclusively via the `--xen-*` theme tokens and the
+ * var-bound Tailwind preset classes, so every template restyles by seed
+ * alone. Motion comes from `@xenition/ui/motion` and always honors
+ * `prefers-reduced-motion`.
+ */
+export { AuroraBackground } from './AuroraBackground';
+export type { AuroraBackgroundProps, AuroraVariant, AuroraPattern } from './AuroraBackground';
+export { GradientHero } from './GradientHero';
+export type { GradientHeroProps } from './GradientHero';
+export { Navbar } from './Navbar';
+export type { NavbarProps } from './Navbar';
+export { SectionHeading } from './SectionHeading';
+export type { SectionHeadingProps } from './SectionHeading';
+export { FeatureGrid, FeatureCard } from './FeatureGrid';
+export type { FeatureGridProps, FeatureCardProps } from './FeatureGrid';
+export { StatBar, Stat } from './StatBar';
+export type { StatBarProps, StatProps } from './StatBar';
+export { Testimonials, Testimonial, initialsFromName } from './Testimonials';
+export type { TestimonialsProps, TestimonialProps } from './Testimonials';
+export { PricingTable, PricingTier } from './PricingTable';
+export type { PricingTableProps, PricingTierProps } from './PricingTable';
+export { FAQ, FAQItem } from './FAQ';
+export type { FAQProps, FAQItemProps } from './FAQ';
+export { CTABanner } from './CTABanner';
+export type { CTABannerProps } from './CTABanner';
+export { Footer, FooterColumn } from './Footer';
+export type { FooterProps, FooterColumnProps } from './Footer';
+export { LogoCloud } from './LogoCloud';
+export type { LogoCloudProps } from './LogoCloud';
+export { ProductMock } from './ProductMock';
+export type { ProductMockProps, ProductMockVariant, ProductMockChart, ProductMockKpi, } from './ProductMock';
+export { BentoGrid, BentoCard } from './Bento';
+export type { BentoGridProps, BentoCardProps } from './Bento';
+export { ParticleField, computeParticles } from './ParticleField';
+export type { ParticleFieldProps, ParticleMood, ParticleSpec } from './ParticleField';
+export { OrnamentRule } from './OrnamentRule';
+export type { OrnamentRuleProps, OrnamentShape, OrnamentTone } from './OrnamentRule';
+export { PriceList, PriceRow } from './PriceList';
+export type { PriceListProps, PriceRowProps } from './PriceList';
+export { GenerativeCover, hashSeed, COVER_FORMS } from './GenerativeCover';
+export type { GenerativeCoverProps, CoverForm, CoverColorRole } from './GenerativeCover';
+export { PointerHalo } from './PointerHalo';
+export type { PointerHaloProps, PointerHaloMode } from './PointerHalo';
+export { EditorialGrid, EditorialItem } from './EditorialGrid';
+export type { EditorialGridProps, EditorialItemProps } from './EditorialGrid';
+export { SectionDivider } from './SectionDivider';
+export type { SectionDividerProps, SectionDividerVariant } from './SectionDivider';
+export { EntityCard } from './EntityCard';
+export type { EntityCardProps, EntityCardMedia } from './EntityCard';
+export { CoverGallery } from './CoverGallery';
+export type { CoverGalleryProps, CoverGalleryItem } from './CoverGallery';
+export { Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
+export { ComparisonTable } from './ComparisonTable';
+export type { ComparisonTableProps, ComparisonColumn, ComparisonRow } from './ComparisonTable';
+export { PricingToggle } from './PricingToggle';
+export type { PricingToggleProps, PricingToggleOption } from './PricingToggle';
+export { NewsletterSignup } from './NewsletterSignup';
+export type { NewsletterSignupProps } from './NewsletterSignup';
+export { ProcessSteps } from './ProcessSteps';
+export type { ProcessStepsProps, ProcessStep } from './ProcessSteps';
+export { TeamGrid } from './TeamGrid';
+export type { TeamGridProps, TeamMember } from './TeamGrid';
+export { AnnouncementBar } from './AnnouncementBar';
+export type { AnnouncementBarProps, AnnouncementTone } from './AnnouncementBar';
+export { VideoEmbed } from './VideoEmbed';
+export type { VideoEmbedProps } from './VideoEmbed';
+export { Countdown } from './Countdown';
+export type { CountdownProps } from './Countdown';
+export { FeatureSplit } from './FeatureSplit';
+export type { FeatureSplitProps } from './FeatureSplit';
+export { LocationBlock } from './LocationBlock';
+export type { LocationBlockProps, LocationHour } from './LocationBlock';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/marketing/index.js

@@ -0,0 +1,94 @@
+"use strict";
+/**
+ * `@xenition/ui/marketing` — composed marketing sections for template
+ * websites. Styled exclusively via the `--xen-*` theme tokens and the
+ * var-bound Tailwind preset classes, so every template restyles by seed
+ * alone. Motion comes from `@xenition/ui/motion` and always honors
+ * `prefers-reduced-motion`.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocationBlock = exports.FeatureSplit = exports.Countdown = exports.VideoEmbed = exports.AnnouncementBar = exports.TeamGrid = exports.ProcessSteps = exports.NewsletterSignup = exports.PricingToggle = exports.ComparisonTable = exports.Carousel = exports.CoverGallery = exports.EntityCard = exports.SectionDivider = exports.EditorialItem = exports.EditorialGrid = exports.PointerHalo = exports.COVER_FORMS = exports.hashSeed = exports.GenerativeCover = exports.PriceRow = exports.PriceList = exports.OrnamentRule = exports.computeParticles = exports.ParticleField = exports.BentoCard = exports.BentoGrid = exports.ProductMock = exports.LogoCloud = exports.FooterColumn = exports.Footer = exports.CTABanner = exports.FAQItem = exports.FAQ = exports.PricingTier = exports.PricingTable = exports.initialsFromName = exports.Testimonial = exports.Testimonials = exports.Stat = exports.StatBar = exports.FeatureCard = exports.FeatureGrid = exports.SectionHeading = exports.Navbar = exports.GradientHero = exports.AuroraBackground = void 0;
+var AuroraBackground_1 = require("./AuroraBackground");
+Object.defineProperty(exports, "AuroraBackground", { enumerable: true, get: function () { return AuroraBackground_1.AuroraBackground; } });
+var GradientHero_1 = require("./GradientHero");
+Object.defineProperty(exports, "GradientHero", { enumerable: true, get: function () { return GradientHero_1.GradientHero; } });
+var Navbar_1 = require("./Navbar");
+Object.defineProperty(exports, "Navbar", { enumerable: true, get: function () { return Navbar_1.Navbar; } });
+var SectionHeading_1 = require("./SectionHeading");
+Object.defineProperty(exports, "SectionHeading", { enumerable: true, get: function () { return SectionHeading_1.SectionHeading; } });
+var FeatureGrid_1 = require("./FeatureGrid");
+Object.defineProperty(exports, "FeatureGrid", { enumerable: true, get: function () { return FeatureGrid_1.FeatureGrid; } });
+Object.defineProperty(exports, "FeatureCard", { enumerable: true, get: function () { return FeatureGrid_1.FeatureCard; } });
+var StatBar_1 = require("./StatBar");
+Object.defineProperty(exports, "StatBar", { enumerable: true, get: function () { return StatBar_1.StatBar; } });
+Object.defineProperty(exports, "Stat", { enumerable: true, get: function () { return StatBar_1.Stat; } });
+var Testimonials_1 = require("./Testimonials");
+Object.defineProperty(exports, "Testimonials", { enumerable: true, get: function () { return Testimonials_1.Testimonials; } });
+Object.defineProperty(exports, "Testimonial", { enumerable: true, get: function () { return Testimonials_1.Testimonial; } });
+Object.defineProperty(exports, "initialsFromName", { enumerable: true, get: function () { return Testimonials_1.initialsFromName; } });
+var PricingTable_1 = require("./PricingTable");
+Object.defineProperty(exports, "PricingTable", { enumerable: true, get: function () { return PricingTable_1.PricingTable; } });
+Object.defineProperty(exports, "PricingTier", { enumerable: true, get: function () { return PricingTable_1.PricingTier; } });
+var FAQ_1 = require("./FAQ");
+Object.defineProperty(exports, "FAQ", { enumerable: true, get: function () { return FAQ_1.FAQ; } });
+Object.defineProperty(exports, "FAQItem", { enumerable: true, get: function () { return FAQ_1.FAQItem; } });
+var CTABanner_1 = require("./CTABanner");
+Object.defineProperty(exports, "CTABanner", { enumerable: true, get: function () { return CTABanner_1.CTABanner; } });
+var Footer_1 = require("./Footer");
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return Footer_1.Footer; } });
+Object.defineProperty(exports, "FooterColumn", { enumerable: true, get: function () { return Footer_1.FooterColumn; } });
+var LogoCloud_1 = require("./LogoCloud");
+Object.defineProperty(exports, "LogoCloud", { enumerable: true, get: function () { return LogoCloud_1.LogoCloud; } });
+var ProductMock_1 = require("./ProductMock");
+Object.defineProperty(exports, "ProductMock", { enumerable: true, get: function () { return ProductMock_1.ProductMock; } });
+var Bento_1 = require("./Bento");
+Object.defineProperty(exports, "BentoGrid", { enumerable: true, get: function () { return Bento_1.BentoGrid; } });
+Object.defineProperty(exports, "BentoCard", { enumerable: true, get: function () { return Bento_1.BentoCard; } });
+var ParticleField_1 = require("./ParticleField");
+Object.defineProperty(exports, "ParticleField", { enumerable: true, get: function () { return ParticleField_1.ParticleField; } });
+Object.defineProperty(exports, "computeParticles", { enumerable: true, get: function () { return ParticleField_1.computeParticles; } });
+var OrnamentRule_1 = require("./OrnamentRule");
+Object.defineProperty(exports, "OrnamentRule", { enumerable: true, get: function () { return OrnamentRule_1.OrnamentRule; } });
+var PriceList_1 = require("./PriceList");
+Object.defineProperty(exports, "PriceList", { enumerable: true, get: function () { return PriceList_1.PriceList; } });
+Object.defineProperty(exports, "PriceRow", { enumerable: true, get: function () { return PriceList_1.PriceRow; } });
+var GenerativeCover_1 = require("./GenerativeCover");
+Object.defineProperty(exports, "GenerativeCover", { enumerable: true, get: function () { return GenerativeCover_1.GenerativeCover; } });
+Object.defineProperty(exports, "hashSeed", { enumerable: true, get: function () { return GenerativeCover_1.hashSeed; } });
+Object.defineProperty(exports, "COVER_FORMS", { enumerable: true, get: function () { return GenerativeCover_1.COVER_FORMS; } });
+var PointerHalo_1 = require("./PointerHalo");
+Object.defineProperty(exports, "PointerHalo", { enumerable: true, get: function () { return PointerHalo_1.PointerHalo; } });
+var EditorialGrid_1 = require("./EditorialGrid");
+Object.defineProperty(exports, "EditorialGrid", { enumerable: true, get: function () { return EditorialGrid_1.EditorialGrid; } });
+Object.defineProperty(exports, "EditorialItem", { enumerable: true, get: function () { return EditorialGrid_1.EditorialItem; } });
+var SectionDivider_1 = require("./SectionDivider");
+Object.defineProperty(exports, "SectionDivider", { enumerable: true, get: function () { return SectionDivider_1.SectionDivider; } });
+var EntityCard_1 = require("./EntityCard");
+Object.defineProperty(exports, "EntityCard", { enumerable: true, get: function () { return EntityCard_1.EntityCard; } });
+var CoverGallery_1 = require("./CoverGallery");
+Object.defineProperty(exports, "CoverGallery", { enumerable: true, get: function () { return CoverGallery_1.CoverGallery; } });
+// ── new section/block components (site-building coverage) ─────────────
+var Carousel_1 = require("./Carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.Carousel; } });
+var ComparisonTable_1 = require("./ComparisonTable");
+Object.defineProperty(exports, "ComparisonTable", { enumerable: true, get: function () { return ComparisonTable_1.ComparisonTable; } });
+var PricingToggle_1 = require("./PricingToggle");
+Object.defineProperty(exports, "PricingToggle", { enumerable: true, get: function () { return PricingToggle_1.PricingToggle; } });
+var NewsletterSignup_1 = require("./NewsletterSignup");
+Object.defineProperty(exports, "NewsletterSignup", { enumerable: true, get: function () { return NewsletterSignup_1.NewsletterSignup; } });
+var ProcessSteps_1 = require("./ProcessSteps");
+Object.defineProperty(exports, "ProcessSteps", { enumerable: true, get: function () { return ProcessSteps_1.ProcessSteps; } });
+var TeamGrid_1 = require("./TeamGrid");
+Object.defineProperty(exports, "TeamGrid", { enumerable: true, get: function () { return TeamGrid_1.TeamGrid; } });
+var AnnouncementBar_1 = require("./AnnouncementBar");
+Object.defineProperty(exports, "AnnouncementBar", { enumerable: true, get: function () { return AnnouncementBar_1.AnnouncementBar; } });
+var VideoEmbed_1 = require("./VideoEmbed");
+Object.defineProperty(exports, "VideoEmbed", { enumerable: true, get: function () { return VideoEmbed_1.VideoEmbed; } });
+var Countdown_1 = require("./Countdown");
+Object.defineProperty(exports, "Countdown", { enumerable: true, get: function () { return Countdown_1.Countdown; } });
+// layout section blocks
+var FeatureSplit_1 = require("./FeatureSplit");
+Object.defineProperty(exports, "FeatureSplit", { enumerable: true, get: function () { return FeatureSplit_1.FeatureSplit; } });
+var LocationBlock_1 = require("./LocationBlock");
+Object.defineProperty(exports, "LocationBlock", { enumerable: true, get: function () { return LocationBlock_1.LocationBlock; } });
+//# sourceMappingURL=index.js.map

package/dist/marketing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/marketing/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAEzB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,6CAAyD;AAAhD,0GAAA,WAAW,OAAA;AAAE,0GAAA,WAAW,OAAA;AAEjC,qCAA0C;AAAjC,kGAAA,OAAO,OAAA;AAAE,+FAAA,IAAI,OAAA;AAEtB,+CAA6E;AAApE,4GAAA,YAAY,OAAA;AAAE,2GAAA,WAAW,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AAEpD,+CAA2D;AAAlD,4GAAA,YAAY,OAAA;AAAE,2GAAA,WAAW,OAAA;AAElC,6BAAqC;AAA5B,0FAAA,GAAG,OAAA;AAAE,8FAAA,OAAO,OAAA;AAErB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,mCAAgD;AAAvC,gGAAA,MAAM,OAAA;AAAE,sGAAA,YAAY,OAAA;AAE7B,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAOpB,iCAA+C;AAAtC,kGAAA,SAAS,OAAA;AAAE,kGAAA,SAAS,OAAA;AAE7B,iDAAkE;AAAzD,8GAAA,aAAa,OAAA;AAAE,iHAAA,gBAAgB,OAAA;AAExC,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,yCAAkD;AAAzC,sGAAA,SAAS,OAAA;AAAE,qGAAA,QAAQ,OAAA;AAE5B,qDAA2E;AAAlE,kHAAA,eAAe,OAAA;AAAE,2GAAA,QAAQ,OAAA;AAAE,8GAAA,WAAW,OAAA;AAE/C,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,iDAA+D;AAAtD,8GAAA,aAAa,OAAA;AAAE,8GAAA,aAAa,OAAA;AAErC,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAGrB,yEAAyE;AACzE,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAEtB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAEzB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAGlB,wBAAwB;AACxB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA"}

package/dist/media/Gallery.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { MediaItem } from './types';
+export interface GalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** Media items to lay out. */
+    items: MediaItem[];
+    /** Columns at the widest breakpoint (default 3). */
+    columns?: 2 | 3 | 4;
+    /** `grid` (uniform tiles) or `masonry` (natural aspect ratios). Default `grid`. */
+    variant?: 'grid' | 'masonry';
+    /** Fired with the item index when a tile is activated. */
+    onOpen?: (index: number) => void;
+}
+/**
+ * Responsive media grid with a `masonry` variant. `grid` renders uniform tiles;
+ * `masonry` uses CSS columns and each item's natural aspect ratio (from
+ * `width`/`height`). Images are `loading="lazy"`. When `onOpen` is provided each
+ * tile is a button that reports its index (wire it to a `Lightbox`). Token-only.
+ */
+export declare const Gallery: React.ForwardRefExoticComponent<GalleryProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Gallery.d.ts.map

package/dist/media/Gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../src/media/Gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACzF,8BAA8B;IAC9B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAuCD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,qFAyDlB,CAAC"}

package/dist/media/Gallery.js

@@ -0,0 +1,74 @@
+"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.Gallery = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const aspect_1 = require("./aspect");
+const GRID_COLS = {
+    2: 'grid-cols-2',
+    3: 'grid-cols-2 sm:grid-cols-3',
+    4: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-4',
+};
+const MASONRY_COLS = {
+    2: 'columns-2',
+    3: 'columns-2 sm:columns-3',
+    4: 'columns-2 sm:columns-3 lg:columns-4',
+};
+function Media({ item }) {
+    if (item.kind === 'video') {
+        return ((0, jsx_runtime_1.jsx)("video", { src: item.url, poster: item.poster, muted: true, playsInline: true, preload: "metadata", className: "h-full w-full object-cover" }));
+    }
+    return ((0, jsx_runtime_1.jsx)("img", { src: item.url, alt: item.alt ?? item.caption ?? '', loading: "lazy", width: item.width, height: item.height, className: "h-full w-full object-cover" }));
+}
+/**
+ * Responsive media grid with a `masonry` variant. `grid` renders uniform tiles;
+ * `masonry` uses CSS columns and each item's natural aspect ratio (from
+ * `width`/`height`). Images are `loading="lazy"`. When `onOpen` is provided each
+ * tile is a button that reports its index (wire it to a `Lightbox`). Token-only.
+ */
+exports.Gallery = React.forwardRef(function Gallery({ items, columns = 3, variant = 'grid', onOpen, className, ...rest }, ref) {
+    const masonry = variant === 'masonry';
+    const tile = (item, index) => {
+        const aspect = masonry ? (0, aspect_1.aspectStyle)(item.width, item.height) : undefined;
+        const inner = ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('overflow-hidden rounded-[var(--xen-radius-md)] bg-neutral-100', !masonry && 'aspect-square'), style: aspect, children: (0, jsx_runtime_1.jsx)(Media, { item: item }) }));
+        return ((0, jsx_runtime_1.jsx)("div", { "data-xen-gallery-item": "", className: (0, cn_1.cn)(masonry && 'mb-[var(--xen-space-md)] break-inside-avoid'), children: onOpen ? ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => onOpen(index), "aria-label": item.alt ?? item.caption ?? `Open item ${index + 1}`, className: "block w-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300", children: inner })) : (inner) }, index));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-gallery": variant, className: (0, cn_1.cn)(masonry
+            ? (0, cn_1.cn)('gap-[var(--xen-space-md)]', MASONRY_COLS[columns])
+            : (0, cn_1.cn)('grid gap-[var(--xen-space-md)]', GRID_COLS[columns]), className), ...rest, children: items.map(tile) }));
+});
+//# sourceMappingURL=Gallery.js.map

package/dist/media/Gallery.js.map

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

package/dist/media/Lightbox.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { MediaItem } from './types';
+export interface LightboxProps {
+    /** The full item set. */
+    items: MediaItem[];
+    /** Index of the open item, or `null`/out-of-range to render nothing (closed). */
+    index: number | null;
+    /** Close the overlay (Esc, backdrop click, close button). */
+    onClose: () => void;
+    /** Go to the previous item (← / prev button). */
+    onPrev?: () => void;
+    /** Go to the next item (→ / next button). */
+    onNext?: () => void;
+    /** Wrap around at the ends (default false). */
+    loop?: boolean;
+    /** Accessible name for the dialog (default `Media viewer`). */
+    label?: string;
+    closeLabel?: string;
+    prevLabel?: string;
+    nextLabel?: string;
+}
+/**
+ * Fullscreen overlay media viewer. `role="dialog" aria-modal="true"` with a
+ * focus trap (focus enters on open, cycles with Tab, and is restored to the
+ * trigger on close), keyboard control (Esc closes, ←/→ navigate), a
+ * token-styled backdrop, and an opacity-only fade that's disabled under
+ * `prefers-reduced-motion`. SSR-safe (guards `document`) and renders nothing
+ * when `index` is `null` or out of range. Presentational — the parent owns
+ * `index` and the prev/next handlers.
+ */
+export declare function Lightbox({ items, index, onClose, onPrev, onNext, loop, label, closeLabel, prevLabel, nextLabel, }: LightboxProps): React.ReactElement | null;
+//# sourceMappingURL=Lightbox.d.ts.map

package/dist/media/Lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/media/Lightbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,iFAAiF;IACjF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,6DAA6D;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAY,EACZ,KAAsB,EACtB,UAAoB,EACpB,SAAsB,EACtB,SAAkB,GACnB,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA6I3C"}