@opensite/ui 0.8.1 → 0.8.2

package/dist/feature-showcase.d.cts

@@ -1,27 +1,84 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
 export { F as FeatureShowcaseItem, s as FeatureShowcaseProps } from './community-initiatives-Sm_ZSgyv.cjs';
-import './pattern-background-a7gKHzHy.cjs';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureShowcaseItem {
-    content: ReactNode;
-    mediaComponent: ReactNode;
+    /**
+     * Content to display (text, headings, etc.)
+     */
+    content?: ReactNode;
+    /**
+     * Media component to display (images, videos, etc.)
+     */
+    mediaComponent?: ReactNode;
 }
 interface FeatureShowcaseProps {
-    items: FeatureShowcaseItem[];
+    /**
+     * Array of feature items to display in the carousel
+     */
+    items?: FeatureShowcaseItem[];
+    /**
+     * Optional header content above the carousel
+     */
     children?: ReactNode;
+    /**
+     * Additional CSS classes for the section wrapper
+     */
     className?: string;
+    /**
+     * Additional CSS classes for the carousel
+     */
     carouselClassName?: string;
+    /**
+     * Additional CSS classes for each slide
+     */
     slideClassName?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
     contentClassName?: string;
+    /**
+     * Additional CSS classes for the media area
+     */
     mediaClassName?: string;
+    /**
+     * Additional CSS classes for navigation arrows
+     */
     arrowClassName?: string;
+    /**
+     * Whether to equalize slide heights on mobile
+     */
     equalizeOnMobile?: boolean;
+    /**
+     * Whether to stretch media to fill available space on mobile
+     */
     stretchMediaOnMobile?: boolean;
+    /**
+     * 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;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
 }
 /**
  * Feature Showcase component with carousel navigation
@@ -46,6 +103,6 @@ interface FeatureShowcaseProps {
  * />
  * ```
  */
-declare function FeatureShowcase({ items, children, className, carouselClassName, slideClassName, contentClassName, mediaClassName, arrowClassName, equalizeOnMobile, stretchMediaOnMobile, }: FeatureShowcaseProps): react_jsx_runtime.JSX.Element;
+declare function FeatureShowcase({ items, children, className, carouselClassName, slideClassName, contentClassName, mediaClassName, arrowClassName, equalizeOnMobile, stretchMediaOnMobile, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureShowcaseProps): react_jsx_runtime.JSX.Element;
 
 export { FeatureShowcase };

package/dist/feature-showcase.d.ts

@@ -1,27 +1,84 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
 export { F as FeatureShowcaseItem, s as FeatureShowcaseProps } from './community-initiatives-BeWIIjA4.js';
-import './pattern-background-a7gKHzHy.js';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FeatureShowcaseItem {
-    content: ReactNode;
-    mediaComponent: ReactNode;
+    /**
+     * Content to display (text, headings, etc.)
+     */
+    content?: ReactNode;
+    /**
+     * Media component to display (images, videos, etc.)
+     */
+    mediaComponent?: ReactNode;
 }
 interface FeatureShowcaseProps {
-    items: FeatureShowcaseItem[];
+    /**
+     * Array of feature items to display in the carousel
+     */
+    items?: FeatureShowcaseItem[];
+    /**
+     * Optional header content above the carousel
+     */
     children?: ReactNode;
+    /**
+     * Additional CSS classes for the section wrapper
+     */
     className?: string;
+    /**
+     * Additional CSS classes for the carousel
+     */
     carouselClassName?: string;
+    /**
+     * Additional CSS classes for each slide
+     */
     slideClassName?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
     contentClassName?: string;
+    /**
+     * Additional CSS classes for the media area
+     */
     mediaClassName?: string;
+    /**
+     * Additional CSS classes for navigation arrows
+     */
     arrowClassName?: string;
+    /**
+     * Whether to equalize slide heights on mobile
+     */
     equalizeOnMobile?: boolean;
+    /**
+     * Whether to stretch media to fill available space on mobile
+     */
     stretchMediaOnMobile?: boolean;
+    /**
+     * 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;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
 }
 /**
  * Feature Showcase component with carousel navigation
@@ -46,6 +103,6 @@ interface FeatureShowcaseProps {
  * />
  * ```
  */
-declare function FeatureShowcase({ items, children, className, carouselClassName, slideClassName, contentClassName, mediaClassName, arrowClassName, equalizeOnMobile, stretchMediaOnMobile, }: FeatureShowcaseProps): react_jsx_runtime.JSX.Element;
+declare function FeatureShowcase({ items, children, className, carouselClassName, slideClassName, contentClassName, mediaClassName, arrowClassName, equalizeOnMobile, stretchMediaOnMobile, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureShowcaseProps): react_jsx_runtime.JSX.Element;
 
 export { FeatureShowcase };