@opensite/ui 2.0.6 → 2.0.8

package/dist/hero-creative-studio-stacked.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { V as VideoDialogConfig } from './hero-video-dialog-gradient-Dapebkzu.cjs';
 import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -20,25 +21,17 @@ interface HeroCreativeStudioStackedProps {
      */
     description?: React.ReactNode;
     /**
-     * Primary action configuration
+     * Array of action configurations for CTA buttons
      */
-    primaryAction?: ActionConfig;
+    actions?: ActionConfig[];
     /**
-     * Video button label
+     * Video action object
      */
-    videoButtonLabel?: React.ReactNode;
+    videoAction?: ActionConfig;
     /**
-     * Video URL for the dialog
+     * Video dialog configuration
      */
-    videoUrl?: string;
-    /**
-     * Video dialog title
-     */
-    videoDialogTitle?: string;
-    /**
-     * Custom slot for actions (overrides primaryAction and video button)
-     */
-    actionsSlot?: React.ReactNode;
+    videoDialog?: VideoDialogConfig;
     /**
      * Array of stacked images (expects 3 images)
      */
@@ -95,11 +88,19 @@ interface HeroCreativeStudioStackedProps {
      * Additional CSS classes for the images container
      */
     imagesClassName?: string;
+    /**
+     * Video aspect ratio
+     */
+    videoAspectRatio?: "horizontal" | "vertical";
+    /**
+     * Callback when video button is clicked
+     */
+    onVideoClick?: () => void;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
-declare function HeroCreativeStudioStacked({ tagline, heading, description, primaryAction, videoButtonLabel, videoUrl, videoDialogTitle, actionsSlot, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, taglineClassName, headingClassName, descriptionClassName, actionsClassName, imagesClassName, optixFlowConfig, }: HeroCreativeStudioStackedProps): React.JSX.Element;
+declare function HeroCreativeStudioStacked({ videoAspectRatio, tagline, heading, description, videoAction, actions, onVideoClick, videoDialog, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, taglineClassName, headingClassName, descriptionClassName, actionsClassName, imagesClassName, optixFlowConfig, }: HeroCreativeStudioStackedProps): React.JSX.Element;
 
 export { HeroCreativeStudioStacked, type HeroCreativeStudioStackedProps };

package/dist/hero-creative-studio-stacked.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { V as VideoDialogConfig } from './hero-video-dialog-gradient-BnCFFec0.js';
 import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -20,25 +21,17 @@ interface HeroCreativeStudioStackedProps {
      */
     description?: React.ReactNode;
     /**
-     * Primary action configuration
+     * Array of action configurations for CTA buttons
      */
-    primaryAction?: ActionConfig;
+    actions?: ActionConfig[];
     /**
-     * Video button label
+     * Video action object
      */
-    videoButtonLabel?: React.ReactNode;
+    videoAction?: ActionConfig;
     /**
-     * Video URL for the dialog
+     * Video dialog configuration
      */
-    videoUrl?: string;
-    /**
-     * Video dialog title
-     */
-    videoDialogTitle?: string;
-    /**
-     * Custom slot for actions (overrides primaryAction and video button)
-     */
-    actionsSlot?: React.ReactNode;
+    videoDialog?: VideoDialogConfig;
     /**
      * Array of stacked images (expects 3 images)
      */
@@ -95,11 +88,19 @@ interface HeroCreativeStudioStackedProps {
      * Additional CSS classes for the images container
      */
     imagesClassName?: string;
+    /**
+     * Video aspect ratio
+     */
+    videoAspectRatio?: "horizontal" | "vertical";
+    /**
+     * Callback when video button is clicked
+     */
+    onVideoClick?: () => void;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
-declare function HeroCreativeStudioStacked({ tagline, heading, description, primaryAction, videoButtonLabel, videoUrl, videoDialogTitle, actionsSlot, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, taglineClassName, headingClassName, descriptionClassName, actionsClassName, imagesClassName, optixFlowConfig, }: HeroCreativeStudioStackedProps): React.JSX.Element;
+declare function HeroCreativeStudioStacked({ videoAspectRatio, tagline, heading, description, videoAction, actions, onVideoClick, videoDialog, images, imagesSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, taglineClassName, headingClassName, descriptionClassName, actionsClassName, imagesClassName, optixFlowConfig, }: HeroCreativeStudioStackedProps): React.JSX.Element;
 
 export { HeroCreativeStudioStacked, type HeroCreativeStudioStackedProps };