@opensite/ui 0.7.0 → 0.7.2

package/dist/carousel-feature-badge.d.cts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.cjs';
+import 'class-variance-authority/types';
+
+/**
+ * CarouselFeatureBadge
+ *
+ * A two-column feature section with a badge label, headline, description text,
+ * and an interactive carousel showcasing platform screenshots or feature images.
+ * Includes previous/next navigation controls for browsing through carousel items.
+ *
+ * Use cases:
+ * - Product feature showcases with visual demonstrations
+ * - Platform overview sections with screenshot galleries
+ * - Marketing landing pages highlighting key capabilities
+ */
+
+interface CarouselFeatureBadgeProps {
+    /**
+     * Badge/eyebrow content above heading
+     */
+    badge?: React.ReactNode;
+    /**
+     * Main heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Description text below heading
+     */
+    description?: React.ReactNode;
+    /**
+     * Array of image items for the carousel
+     */
+    items?: ImageItem[];
+    /**
+     * Custom slot for rendering carousel items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the content column
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the badge
+     */
+    badgeClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the carousel container
+     */
+    carouselClassName?: string;
+    /**
+     * Additional CSS classes for each carousel item
+     */
+    carouselItemClassName?: string;
+    /**
+     * OptixFlow image optimization configuration
+     */
+    optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+}
+declare function CarouselFeatureBadge({ badge, heading, description, items, itemsSlot, className, containerClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, carouselClassName, carouselItemClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: CarouselFeatureBadgeProps): React.JSX.Element;
+
+export { CarouselFeatureBadge, type CarouselFeatureBadgeProps };

package/dist/carousel-feature-badge.d.ts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.js';
+import 'class-variance-authority/types';
+
+/**
+ * CarouselFeatureBadge
+ *
+ * A two-column feature section with a badge label, headline, description text,
+ * and an interactive carousel showcasing platform screenshots or feature images.
+ * Includes previous/next navigation controls for browsing through carousel items.
+ *
+ * Use cases:
+ * - Product feature showcases with visual demonstrations
+ * - Platform overview sections with screenshot galleries
+ * - Marketing landing pages highlighting key capabilities
+ */
+
+interface CarouselFeatureBadgeProps {
+    /**
+     * Badge/eyebrow content above heading
+     */
+    badge?: React.ReactNode;
+    /**
+     * Main heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Description text below heading
+     */
+    description?: React.ReactNode;
+    /**
+     * Array of image items for the carousel
+     */
+    items?: ImageItem[];
+    /**
+     * Custom slot for rendering carousel items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the content column
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the badge
+     */
+    badgeClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the carousel container
+     */
+    carouselClassName?: string;
+    /**
+     * Additional CSS classes for each carousel item
+     */
+    carouselItemClassName?: string;
+    /**
+     * OptixFlow image optimization configuration
+     */
+    optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+}
+declare function CarouselFeatureBadge({ badge, heading, description, items, itemsSlot, className, containerClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, carouselClassName, carouselItemClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: CarouselFeatureBadgeProps): React.JSX.Element;
+
+export { CarouselFeatureBadge, type CarouselFeatureBadgeProps };