@orion-ds/react 1.0.0 → 1.0.2

package/dist/sections/Banner/Banner.types.d.ts

@@ -0,0 +1,105 @@
+/**
+ * Banner Section Types
+ *
+ * Type definitions for the Orion Banner section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Banner variant styles
+ */
+export type BannerVariant = 'default' | 'gradient' | 'image' | 'split';
+/**
+ * Banner section props
+ *
+ * @example
+ * ```tsx
+ * <Banner
+ *   title="Summer Sale"
+ *   description="Up to 50% off on selected items"
+ *   ctaLabel="Shop Now"
+ *   ctaHref="/sale"
+ *   variant="gradient"
+ * />
+ * ```
+ */
+export interface BannerProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Optional eyebrow/badge text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Banner title
+     */
+    title: ReactNode;
+    /**
+     * Banner description
+     */
+    description?: ReactNode;
+    /**
+     * Primary CTA button label
+     */
+    ctaLabel?: string;
+    /**
+     * Primary CTA button href
+     */
+    ctaHref?: string;
+    /**
+     * Secondary CTA label
+     */
+    secondaryCtaLabel?: string;
+    /**
+     * Secondary CTA href
+     */
+    secondaryCtaHref?: string;
+    /**
+     * Banner variant
+     * @default 'default'
+     */
+    variant?: BannerVariant;
+    /**
+     * Background image URL (for 'image' and 'split' variants)
+     */
+    backgroundImage?: string;
+    /**
+     * Side image URL (for 'split' variant)
+     */
+    sideImage?: string;
+    /**
+     * Image position for split variant
+     * @default 'right'
+     */
+    imagePosition?: 'left' | 'right';
+    /**
+     * Custom background color
+     */
+    backgroundColor?: string;
+    /**
+     * Custom gradient (overrides default)
+     */
+    gradient?: string;
+    /**
+     * Dismissible banner
+     * @default false
+     */
+    dismissible?: boolean;
+    /**
+     * On dismiss callback
+     */
+    onDismiss?: () => void;
+    /**
+     * Full width (no max-width constraint)
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Center content
+     * @default true
+     */
+    centered?: boolean;
+}
+//# sourceMappingURL=Banner.types.d.ts.map

package/dist/sections/Banner/Banner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvE;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC7E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/sections/Banner/index.d.ts

@@ -0,0 +1,3 @@
+export { Banner } from './Banner';
+export type { BannerProps, BannerVariant } from './Banner.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/Banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/sections/Blog/Blog.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Blog Section Component
+ *
+ * A versatile blog/article list section for displaying posts.
+ */
+import React from 'react';
+import type { BlogProps } from './Blog.types';
+/**
+ * Blog section for displaying articles
+ */
+export declare const Blog: React.FC<BlogProps>;
+//# sourceMappingURL=Blog.d.ts.map

package/dist/sections/Blog/Blog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../src/sections/Blog/Blog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAgF3D;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8FpC,CAAC"}

package/dist/sections/Blog/Blog.types.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Blog Section Types
+ *
+ * Type definitions for the Orion Blog/ArticleList section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Blog article item
+ */
+export interface BlogArticle {
+    /**
+     * Article unique identifier
+     */
+    id: string | number;
+    /**
+     * Article title
+     */
+    title: string;
+    /**
+     * Article excerpt/summary
+     */
+    excerpt: string;
+    /**
+     * Featured image URL
+     */
+    image?: string;
+    /**
+     * Article category
+     */
+    category?: string;
+    /**
+     * Author information
+     */
+    author?: {
+        name: string;
+        avatar?: string;
+    };
+    /**
+     * Publication date
+     */
+    date?: string;
+    /**
+     * Reading time in minutes
+     */
+    readTime?: number;
+    /**
+     * Article URL
+     */
+    href?: string;
+    /**
+     * Tags/labels
+     */
+    tags?: string[];
+}
+/**
+ * Blog layout variants
+ */
+export type BlogLayout = 'grid' | 'list' | 'featured';
+/**
+ * Blog section props
+ *
+ * @example
+ * ```tsx
+ * <Blog
+ *   title="Latest Articles"
+ *   articles={[
+ *     {
+ *       id: 1,
+ *       title: "Getting Started",
+ *       excerpt: "Learn the basics...",
+ *       image: "/blog/getting-started.jpg",
+ *       author: { name: "John Doe" },
+ *       date: "2024-01-15"
+ *     }
+ *   ]}
+ *   layout="grid"
+ *   columns={3}
+ * />
+ * ```
+ */
+export interface BlogProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Optional eyebrow text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of articles
+     */
+    articles: BlogArticle[];
+    /**
+     * Layout variant
+     * @default 'grid'
+     */
+    layout?: BlogLayout;
+    /**
+     * Number of columns for grid layout
+     * @default 3
+     */
+    columns?: 2 | 3 | 4;
+    /**
+     * Show author info
+     * @default true
+     */
+    showAuthor?: boolean;
+    /**
+     * Show date
+     * @default true
+     */
+    showDate?: boolean;
+    /**
+     * Show category badge
+     * @default true
+     */
+    showCategory?: boolean;
+    /**
+     * Show read time
+     * @default true
+     */
+    showReadTime?: boolean;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: 'base' | 'subtle' | 'none';
+    /**
+     * View all link
+     */
+    viewAllHref?: string;
+    /**
+     * View all link text
+     * @default 'View all articles'
+     */
+    viewAllText?: string;
+}
+//# sourceMappingURL=Blog.types.d.ts.map

package/dist/sections/Blog/Blog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blog.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Blog/Blog.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC3E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/sections/Blog/index.d.ts

@@ -0,0 +1,3 @@
+export { Blog } from './Blog';
+export type { BlogProps, BlogArticle, BlogLayout } from './Blog.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/Blog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Blog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/sections/CTA/CTA.d.ts

@@ -0,0 +1,24 @@
+/**
+ * CTA Component
+ *
+ * A call-to-action section for converting users. Supports various visual styles
+ * and can be used as a contained card or full-width section.
+ *
+ * @example
+ * ```tsx
+ * <CTA
+ *   headline="Ready to get started?"
+ *   description="Join thousands of developers building with Orion"
+ *   actions={
+ *     <>
+ *       <Button size="lg">Start Free Trial</Button>
+ *       <Button size="lg" variant="ghost">Contact Sales</Button>
+ *     </>
+ *   }
+ *   variant="brand"
+ * />
+ * ```
+ */
+import type { CTAProps } from './CTA.types';
+export declare const CTA: import("react").ForwardRefExoticComponent<CTAProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=CTA.d.ts.map

package/dist/sections/CTA/CTA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../src/sections/CTA/CTA.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM5C,eAAO,MAAM,GAAG,kGAgEf,CAAC"}

package/dist/sections/CTA/CTA.types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * CTA Component Types
+ *
+ * Type definitions for the Orion CTA (Call-to-Action) section component.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * CTA visual variants
+ */
+export type CTAVariant = 'default' | 'brand' | 'subtle' | 'outline';
+/**
+ * CTA size variants
+ */
+export type CTASize = 'sm' | 'md' | 'lg';
+/**
+ * CTA section props
+ *
+ * @example
+ * ```tsx
+ * <CTA
+ *   headline="Ready to get started?"
+ *   description="Join thousands of developers building with Orion"
+ *   actions={
+ *     <>
+ *       <Button size="lg">Start Free Trial</Button>
+ *       <Button size="lg" variant="ghost">Contact Sales</Button>
+ *     </>
+ *   }
+ * />
+ * ```
+ */
+export interface CTAProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Main headline text
+     */
+    headline: ReactNode;
+    /**
+     * Supporting description text
+     */
+    description?: ReactNode;
+    /**
+     * Action buttons/elements
+     */
+    actions?: ReactNode;
+    /**
+     * Additional text below actions (disclaimers, etc.)
+     */
+    footnote?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard background
+     * - brand: Brand color background
+     * - subtle: Subtle background
+     * - outline: Outlined container
+     * @default 'brand'
+     */
+    variant?: CTAVariant;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: CTASize;
+    /**
+     * Text alignment
+     * @default 'center'
+     */
+    align?: 'left' | 'center';
+    /**
+     * Render as card (contained box) vs full-width section
+     * @default true
+     */
+    contained?: boolean;
+}
+//# sourceMappingURL=CTA.types.d.ts.map

package/dist/sections/CTA/CTA.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.types.d.ts","sourceRoot":"","sources":["../../../src/sections/CTA/CTA.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/sections/CTA/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * CTA Component Exports
+ */
+export { CTA } from './CTA';
+export type { CTAProps, CTAVariant, CTASize } from './CTA.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/CTA/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/CTA/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/sections/Carousel/Carousel.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Carousel Component
+ *
+ * An Apple-style editorial carousel with horizontal scrolling, snap behavior,
+ * and peek effect. Supports editorial, product, and gallery variants.
+ *
+ * @example
+ * ```tsx
+ * <Carousel
+ *   eyebrow={<Badge>Featured</Badge>}
+ *   title="Featured Stories"
+ *   variant="editorial"
+ *   peek={true}
+ *   aspectRatio="16/9"
+ *   items={[
+ *     {
+ *       image: <img src="/hero-1.jpg" alt="" />,
+ *       eyebrow: "Design",
+ *       title: "The future of interfaces",
+ *       description: "How AI is reshaping how we build",
+ *       overlay: "gradient"
+ *     },
+ *     {
+ *       image: <img src="/hero-2.jpg" alt="" />,
+ *       eyebrow: "Engineering",
+ *       title: "Building at scale",
+ *       description: "Lessons from shipping to millions",
+ *       overlay: "gradient"
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+import type { CarouselProps } from './Carousel.types';
+export declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/sections/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD,eAAO,MAAM,QAAQ,uGAgLpB,CAAC"}

package/dist/sections/Carousel/Carousel.types.d.ts

@@ -0,0 +1,160 @@
+/**
+ * Carousel Component Types
+ *
+ * Type definitions for the Orion Carousel section component.
+ * Inspired by Apple's editorial carousel design.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Carousel visual variant
+ */
+export type CarouselVariant = 'editorial' | 'product' | 'gallery';
+/**
+ * Carousel aspect ratio
+ */
+export type CarouselAspectRatio = '16/9' | '4/3' | '1/1' | '3/4';
+/**
+ * Carousel gap size
+ */
+export type CarouselGap = 'sm' | 'md' | 'lg';
+/**
+ * Overlay style for carousel cards
+ */
+export type CarouselOverlay = 'none' | 'gradient' | 'dark';
+/**
+ * Carousel item data structure
+ */
+export interface CarouselItem {
+    /**
+     * Background image element (typically an img)
+     */
+    image: ReactNode;
+    /**
+     * Small category/tag text above title
+     */
+    eyebrow?: string;
+    /**
+     * Main headline for the card
+     */
+    title: string;
+    /**
+     * Short description/subtitle
+     */
+    description?: string;
+    /**
+     * Optional action element (link or button)
+     */
+    action?: ReactNode;
+    /**
+     * Overlay style for text legibility
+     * @default 'gradient'
+     */
+    overlay?: CarouselOverlay;
+}
+/**
+ * Carousel card props (internal component)
+ */
+export interface CarouselCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Carousel item data
+     */
+    item: CarouselItem;
+    /**
+     * Aspect ratio of the card
+     * @default '16/9'
+     */
+    aspectRatio?: CarouselAspectRatio;
+    /**
+     * Visual variant
+     * @default 'editorial'
+     */
+    variant?: CarouselVariant;
+}
+/**
+ * Carousel section props
+ *
+ * @example
+ * ```tsx
+ * <Carousel
+ *   title="Featured Stories"
+ *   variant="editorial"
+ *   peek={true}
+ *   items={[
+ *     {
+ *       image: <img src="/hero-1.jpg" alt="" />,
+ *       eyebrow: "Design",
+ *       title: "The future of interfaces",
+ *       description: "How AI is reshaping how we build",
+ *       overlay: "gradient"
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+export interface CarouselProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Optional eyebrow/badge above title
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of carousel items
+     */
+    items: CarouselItem[];
+    /**
+     * Visual variant
+     * - editorial: Magazine-style with large images and text overlays
+     * - product: Product showcase cards
+     * - gallery: Simple image gallery
+     * @default 'editorial'
+     */
+    variant?: CarouselVariant;
+    /**
+     * Aspect ratio for cards
+     * @default '16/9'
+     */
+    aspectRatio?: CarouselAspectRatio;
+    /**
+     * Show cards cut at edge (Apple style peek effect)
+     * @default true
+     */
+    peek?: boolean;
+    /**
+     * Enable auto-scroll
+     * @default false
+     */
+    autoScroll?: boolean;
+    /**
+     * Auto-scroll interval in milliseconds
+     * @default 5000
+     */
+    autoScrollInterval?: number;
+    /**
+     * Gap between cards
+     * @default 'md'
+     */
+    gap?: CarouselGap;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: 'base' | 'subtle' | 'sunken' | 'none';
+    /**
+     * Show navigation arrows
+     * @default true
+     */
+    showNavigation?: boolean;
+    /**
+     * Show pagination dots
+     * @default false
+     */
+    showPagination?: boolean;
+}
+//# sourceMappingURL=Carousel.types.d.ts.map

package/dist/sections/Carousel/Carousel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Carousel/Carousel.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}

package/dist/sections/Carousel/CarouselCard.d.ts

@@ -0,0 +1,12 @@
+/**
+ * CarouselCard Component
+ *
+ * Internal component for rendering individual carousel cards.
+ * Supports editorial (Apple-style), product, and gallery variants.
+ */
+import type { CarouselCardProps } from './Carousel.types';
+export declare const CarouselCard: {
+    ({ item, aspectRatio, variant, className, }: CarouselCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=CarouselCard.d.ts.map

package/dist/sections/Carousel/CarouselCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselCard.d.ts","sourceRoot":"","sources":["../../../src/sections/Carousel/CarouselCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,YAAY;iDAKtB,iBAAiB;;CAuCnB,CAAC"}

package/dist/sections/Carousel/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Carousel Component Exports
+ */
+export { Carousel } from './Carousel';
+export { CarouselCard } from './CarouselCard';
+export type { CarouselProps, CarouselItem, CarouselCardProps, CarouselVariant, CarouselAspectRatio, CarouselGap, CarouselOverlay, } from './Carousel.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/Carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Carousel/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,WAAW,EACX,eAAe,GAChB,MAAM,kBAAkB,CAAC"}

package/dist/sections/Comparison/Comparison.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Comparison Section Component
+ *
+ * A comparison table for products, plans, or features.
+ */
+import React from 'react';
+import type { ComparisonProps } from './Comparison.types';
+/**
+ * Comparison section for comparing products/plans/features
+ */
+export declare const Comparison: React.FC<ComparisonProps>;
+//# sourceMappingURL=Comparison.d.ts.map

package/dist/sections/Comparison/Comparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comparison.d.ts","sourceRoot":"","sources":["../../../src/sections/Comparison/Comparison.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,oBAAoB,CAAC;AA0B7E;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsHhD,CAAC"}