@opensite/ui 0.7.0 → 0.7.2

package/dist/carousel-animated-sections.d.cts

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { f as SectionBackground, g as SectionSpacing, e as ContainerMaxWidth } from './community-initiatives-Sm_ZSgyv.cjs';
+import { A as ActionConfig, 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';
+
+/**
+ * CarouselAnimatedSections
+ *
+ * A fullscreen section carousel with smooth animated transitions between
+ * slides. Features keyboard and scroll-wheel navigation with visual
+ * slide indicators and overlay content.
+ *
+ * Use cases:
+ * - Fullscreen presentation-style pages
+ * - Portfolio showcases with dramatic transitions
+ * - Product feature tours with immersive visuals
+ * - Landing pages with section-based navigation
+ */
+
+interface AnimatedSection {
+    /**
+     * Unique identifier for the section
+     */
+    id: string;
+    /**
+     * Section title
+     */
+    title?: React.ReactNode;
+    /**
+     * Section subtitle
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Section description
+     */
+    description?: React.ReactNode;
+    /**
+     * Image source URL
+     */
+    image: string;
+    /**
+     * CTA button text
+     */
+    ctaText?: React.ReactNode;
+    /**
+     * CTA button href
+     */
+    ctaHref?: string;
+    /**
+     * CTA button onClick handler
+     */
+    ctaOnClick?: () => void;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the image
+     */
+    imageClassName?: string;
+}
+interface CarouselAnimatedSectionsProps {
+    /**
+     * Array of sections
+     */
+    sections?: AnimatedSection[];
+    /**
+     * Custom slot for rendering sections (overrides sections array)
+     */
+    sectionsSlot?: React.ReactNode;
+    /**
+     * Custom slot for rendering actions
+     */
+    actionsSlot?: React.ReactNode;
+    /**
+     * Array of action configurations
+     */
+    actions?: ActionConfig[];
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the subtitle
+     */
+    subtitleClassName?: string;
+    /**
+     * Additional CSS classes for the title
+     */
+    titleClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the actions
+     */
+    actionsClassName?: string;
+    /**
+     * Additional CSS classes for the navigation dots
+     */
+    navigationClassName?: string;
+    /**
+     * Additional CSS classes for the arrow navigation
+     */
+    arrowsClassName?: string;
+    /**
+     * Additional CSS classes for the counter
+     */
+    counterClassName?: string;
+    /**
+     * Additional CSS classes for the overlay
+     */
+    overlayClassName?: 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;
+    /**
+     * Optional max width for the content container
+     */
+    containerMaxWidth?: ContainerMaxWidth;
+}
+declare function CarouselAnimatedSections({ sections, sectionsSlot, actionsSlot, actions, className, containerClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, actionsClassName, navigationClassName, arrowsClassName, counterClassName, overlayClassName, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselAnimatedSectionsProps): React.JSX.Element;
+
+export { type AnimatedSection, CarouselAnimatedSections, type CarouselAnimatedSectionsProps };

package/dist/carousel-animated-sections.d.ts

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { f as SectionBackground, g as SectionSpacing, e as ContainerMaxWidth } from './community-initiatives-BeWIIjA4.js';
+import { A as ActionConfig, 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';
+
+/**
+ * CarouselAnimatedSections
+ *
+ * A fullscreen section carousel with smooth animated transitions between
+ * slides. Features keyboard and scroll-wheel navigation with visual
+ * slide indicators and overlay content.
+ *
+ * Use cases:
+ * - Fullscreen presentation-style pages
+ * - Portfolio showcases with dramatic transitions
+ * - Product feature tours with immersive visuals
+ * - Landing pages with section-based navigation
+ */
+
+interface AnimatedSection {
+    /**
+     * Unique identifier for the section
+     */
+    id: string;
+    /**
+     * Section title
+     */
+    title?: React.ReactNode;
+    /**
+     * Section subtitle
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Section description
+     */
+    description?: React.ReactNode;
+    /**
+     * Image source URL
+     */
+    image: string;
+    /**
+     * CTA button text
+     */
+    ctaText?: React.ReactNode;
+    /**
+     * CTA button href
+     */
+    ctaHref?: string;
+    /**
+     * CTA button onClick handler
+     */
+    ctaOnClick?: () => void;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the image
+     */
+    imageClassName?: string;
+}
+interface CarouselAnimatedSectionsProps {
+    /**
+     * Array of sections
+     */
+    sections?: AnimatedSection[];
+    /**
+     * Custom slot for rendering sections (overrides sections array)
+     */
+    sectionsSlot?: React.ReactNode;
+    /**
+     * Custom slot for rendering actions
+     */
+    actionsSlot?: React.ReactNode;
+    /**
+     * Array of action configurations
+     */
+    actions?: ActionConfig[];
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the subtitle
+     */
+    subtitleClassName?: string;
+    /**
+     * Additional CSS classes for the title
+     */
+    titleClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the actions
+     */
+    actionsClassName?: string;
+    /**
+     * Additional CSS classes for the navigation dots
+     */
+    navigationClassName?: string;
+    /**
+     * Additional CSS classes for the arrow navigation
+     */
+    arrowsClassName?: string;
+    /**
+     * Additional CSS classes for the counter
+     */
+    counterClassName?: string;
+    /**
+     * Additional CSS classes for the overlay
+     */
+    overlayClassName?: 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;
+    /**
+     * Optional max width for the content container
+     */
+    containerMaxWidth?: ContainerMaxWidth;
+}
+declare function CarouselAnimatedSections({ sections, sectionsSlot, actionsSlot, actions, className, containerClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, actionsClassName, navigationClassName, arrowsClassName, counterClassName, overlayClassName, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselAnimatedSectionsProps): React.JSX.Element;
+
+export { type AnimatedSection, CarouselAnimatedSections, type CarouselAnimatedSectionsProps };