@opensite/ui 2.0.6 → 2.0.8

package/dist/hero-therapy-testimonial-grid.cjs

@@ -1020,7 +1020,7 @@ function HeroTherapyTestimonialGrid({
                 "p",
                 {
                   className: cn(
-                    "text-center text-lg md:text-xl",
+                    "text-center text-lg md:text-xl text-balance",
                     descriptionClassName
                   ),
                   children: description

package/dist/hero-therapy-testimonial-grid.js

@@ -999,7 +999,7 @@ function HeroTherapyTestimonialGrid({
                 "p",
                 {
                   className: cn(
-                    "text-center text-lg md:text-xl",
+                    "text-center text-lg md:text-xl text-balance",
                     descriptionClassName
                   ),
                   children: description

package/dist/hero-video-dialog-gradient-BnCFFec0.d.ts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+
+interface VideoDialogConfig {
+    /**
+     * Dialog title
+     */
+    title?: string;
+    /**
+     * Video embed URL
+     */
+    videoUrl?: string;
+}
+interface HeroVideoDialogGradientProps {
+    /**
+     * Main heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Description text below heading
+     */
+    description?: React.ReactNode;
+    /**
+     * Array of action configurations for CTA buttons
+     */
+    actions?: ActionConfig[];
+    /**
+     * Video action object
+     */
+    videoAction?: ActionConfig;
+    /**
+     * Showcase image configuration
+     */
+    image?: ImageItem;
+    /**
+     * Custom slot for image (overrides image prop)
+     */
+    imageSlot?: React.ReactNode;
+    /**
+     * Video dialog configuration
+     */
+    videoDialog?: VideoDialogConfig;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the image
+     */
+    imageClassName?: string;
+    /**
+     * OptixFlow image optimization configuration
+     */
+    optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Video aspect ratio
+     */
+    videoAspectRatio?: "horizontal" | "vertical";
+    /**
+     * Callback when video button is clicked
+     */
+    onVideoClick?: () => void;
+    /**
+     * Additional CSS classes for the actions container
+     */
+    actionsClassName?: string;
+}
+declare function HeroVideoDialogGradient({ videoAspectRatio, heading, description, actions, videoAction, image, imageSlot, videoDialog, background, containerClassName, spacing, pattern, onVideoClick, patternOpacity, actionsClassName, className, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroVideoDialogGradientProps): React.JSX.Element;
+
+export { HeroVideoDialogGradient as H, type VideoDialogConfig as V, type HeroVideoDialogGradientProps as a };

package/dist/hero-video-dialog-gradient-Dapebkzu.d.cts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+
+interface VideoDialogConfig {
+    /**
+     * Dialog title
+     */
+    title?: string;
+    /**
+     * Video embed URL
+     */
+    videoUrl?: string;
+}
+interface HeroVideoDialogGradientProps {
+    /**
+     * Main heading content
+     */
+    heading?: React.ReactNode;
+    /**
+     * Description text below heading
+     */
+    description?: React.ReactNode;
+    /**
+     * Array of action configurations for CTA buttons
+     */
+    actions?: ActionConfig[];
+    /**
+     * Video action object
+     */
+    videoAction?: ActionConfig;
+    /**
+     * Showcase image configuration
+     */
+    image?: ImageItem;
+    /**
+     * Custom slot for image (overrides image prop)
+     */
+    imageSlot?: React.ReactNode;
+    /**
+     * Video dialog configuration
+     */
+    videoDialog?: VideoDialogConfig;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the image
+     */
+    imageClassName?: string;
+    /**
+     * OptixFlow image optimization configuration
+     */
+    optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Video aspect ratio
+     */
+    videoAspectRatio?: "horizontal" | "vertical";
+    /**
+     * Callback when video button is clicked
+     */
+    onVideoClick?: () => void;
+    /**
+     * Additional CSS classes for the actions container
+     */
+    actionsClassName?: string;
+}
+declare function HeroVideoDialogGradient({ videoAspectRatio, heading, description, actions, videoAction, image, imageSlot, videoDialog, background, containerClassName, spacing, pattern, onVideoClick, patternOpacity, actionsClassName, className, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroVideoDialogGradientProps): React.JSX.Element;
+
+export { HeroVideoDialogGradient as H, type VideoDialogConfig as V, type HeroVideoDialogGradientProps as a };

package/dist/hero-video-dialog-gradient.cjs

@@ -965,6 +965,7 @@ function HeroVideoDialogGradient({
   pattern,
   onVideoClick,
   patternOpacity,
+  actionsClassName,
   className,
   headingClassName,
   descriptionClassName,
@@ -1018,16 +1019,7 @@ function HeroVideoDialogGradient({
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                "h1",
-                {
-                  className: cn(
-                    "max-w-[920px] text-center text-4xl leading-tight font-semibold md:text-6xl lg:text-7xl text-balance",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              )),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
@@ -1037,20 +1029,29 @@ function HeroVideoDialogGradient({
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+              ) : description)
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row flex-wrap gap-4", children: [
-              videoAction && videoDialog?.videoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-                ActionComponent,
-                {
-                  action: {
-                    ...videoAction,
-                    onClick: handleVideoClick
-                  }
-                }
-              ) : null,
-              actions?.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(ActionComponent, { action }, index))
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col md:flex-row flex-wrap gap-4",
+                  actionsClassName
+                ),
+                children: [
+                  videoAction && videoDialog?.videoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                    ActionComponent,
+                    {
+                      action: {
+                        ...videoAction,
+                        onClick: handleVideoClick
+                      }
+                    }
+                  ) : null,
+                  actions?.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(ActionComponent, { action }, index))
+                ]
+              }
+            )
           ] }),
           renderImage
         ] })

package/dist/hero-video-dialog-gradient.d.cts

@@ -1,98 +1,8 @@
-import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+export { H as HeroVideoDialogGradient, a as HeroVideoDialogGradientProps } from './hero-video-dialog-gradient-Dapebkzu.cjs';
+import 'react';
+import './community-initiatives-Bz_A5vLU.cjs';
 import 'react/jsx-runtime';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-
-interface VideoDialogConfig {
-    /**
-     * Dialog title
-     */
-    title?: string;
-    /**
-     * Video embed URL
-     */
-    videoUrl?: string;
-}
-interface HeroVideoDialogGradientProps {
-    /**
-     * Main heading content
-     */
-    heading?: React.ReactNode;
-    /**
-     * Description text below heading
-     */
-    description?: React.ReactNode;
-    /**
-     * Array of action configurations for CTA buttons
-     */
-    actions?: ActionConfig[];
-    /**
-     * Video action object
-     */
-    videoAction?: ActionConfig;
-    /**
-     * Showcase image configuration
-     */
-    image?: ImageItem;
-    /**
-     * Custom slot for image (overrides image prop)
-     */
-    imageSlot?: React.ReactNode;
-    /**
-     * Video dialog configuration
-     */
-    videoDialog?: VideoDialogConfig; /**
-     * Background style for the section
-     */
-    background?: SectionBackground;
-    /**
-     * Vertical spacing for the section
-     */
-    spacing?: SectionSpacing;
-    /**
-     * Optional background pattern name
-     */
-    pattern?: PatternName | undefined;
-    /**
-     * Pattern overlay opacity (0-1)
-     */
-    patternOpacity?: number;
-    /**
-     * Additional CSS classes for the section
-     */
-    className?: string;
-    /**
-     * Additional CSS classes for the container
-     */
-    containerClassName?: string;
-    /**
-     * Additional CSS classes for the heading
-     */
-    headingClassName?: string;
-    /**
-     * Additional CSS classes for the description
-     */
-    descriptionClassName?: string;
-    /**
-     * Additional CSS classes for the image
-     */
-    imageClassName?: string;
-    /**
-     * OptixFlow image optimization configuration
-     */
-    optixFlowConfig?: OptixFlowConfig;
-    /**
-     * Video aspect ratio
-     */
-    videoAspectRatio?: "horizontal" | "vertical";
-    /**
-     * Callback when video button is clicked
-     */
-    onVideoClick?: () => void;
-}
-declare function HeroVideoDialogGradient({ videoAspectRatio, heading, description, actions, videoAction, image, imageSlot, videoDialog, background, containerClassName, spacing, pattern, onVideoClick, patternOpacity, className, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroVideoDialogGradientProps): React.JSX.Element;
-
-export { HeroVideoDialogGradient, type HeroVideoDialogGradientProps };

package/dist/hero-video-dialog-gradient.d.ts

@@ -1,98 +1,8 @@
-import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+export { H as HeroVideoDialogGradient, a as HeroVideoDialogGradientProps } from './hero-video-dialog-gradient-BnCFFec0.js';
+import 'react';
+import './community-initiatives-Bi_ClKrO.js';
 import 'react/jsx-runtime';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-
-interface VideoDialogConfig {
-    /**
-     * Dialog title
-     */
-    title?: string;
-    /**
-     * Video embed URL
-     */
-    videoUrl?: string;
-}
-interface HeroVideoDialogGradientProps {
-    /**
-     * Main heading content
-     */
-    heading?: React.ReactNode;
-    /**
-     * Description text below heading
-     */
-    description?: React.ReactNode;
-    /**
-     * Array of action configurations for CTA buttons
-     */
-    actions?: ActionConfig[];
-    /**
-     * Video action object
-     */
-    videoAction?: ActionConfig;
-    /**
-     * Showcase image configuration
-     */
-    image?: ImageItem;
-    /**
-     * Custom slot for image (overrides image prop)
-     */
-    imageSlot?: React.ReactNode;
-    /**
-     * Video dialog configuration
-     */
-    videoDialog?: VideoDialogConfig; /**
-     * Background style for the section
-     */
-    background?: SectionBackground;
-    /**
-     * Vertical spacing for the section
-     */
-    spacing?: SectionSpacing;
-    /**
-     * Optional background pattern name
-     */
-    pattern?: PatternName | undefined;
-    /**
-     * Pattern overlay opacity (0-1)
-     */
-    patternOpacity?: number;
-    /**
-     * Additional CSS classes for the section
-     */
-    className?: string;
-    /**
-     * Additional CSS classes for the container
-     */
-    containerClassName?: string;
-    /**
-     * Additional CSS classes for the heading
-     */
-    headingClassName?: string;
-    /**
-     * Additional CSS classes for the description
-     */
-    descriptionClassName?: string;
-    /**
-     * Additional CSS classes for the image
-     */
-    imageClassName?: string;
-    /**
-     * OptixFlow image optimization configuration
-     */
-    optixFlowConfig?: OptixFlowConfig;
-    /**
-     * Video aspect ratio
-     */
-    videoAspectRatio?: "horizontal" | "vertical";
-    /**
-     * Callback when video button is clicked
-     */
-    onVideoClick?: () => void;
-}
-declare function HeroVideoDialogGradient({ videoAspectRatio, heading, description, actions, videoAction, image, imageSlot, videoDialog, background, containerClassName, spacing, pattern, onVideoClick, patternOpacity, className, headingClassName, descriptionClassName, imageClassName, optixFlowConfig, }: HeroVideoDialogGradientProps): React.JSX.Element;
-
-export { HeroVideoDialogGradient, type HeroVideoDialogGradientProps };

package/dist/hero-video-dialog-gradient.js

@@ -942,6 +942,7 @@ function HeroVideoDialogGradient({
   pattern,
   onVideoClick,
   patternOpacity,
+  actionsClassName,
   className,
   headingClassName,
   descriptionClassName,
@@ -995,16 +996,7 @@ function HeroVideoDialogGradient({
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsx(
-                "h1",
-                {
-                  className: cn(
-                    "max-w-[920px] text-center text-4xl leading-tight font-semibold md:text-6xl lg:text-7xl text-balance",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              )),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsx(
                 "p",
                 {
@@ -1014,20 +1006,29 @@ function HeroVideoDialogGradient({
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+              ) : description)
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row flex-wrap gap-4", children: [
-              videoAction && videoDialog?.videoUrl ? /* @__PURE__ */ jsx(
-                ActionComponent,
-                {
-                  action: {
-                    ...videoAction,
-                    onClick: handleVideoClick
-                  }
-                }
-              ) : null,
-              actions?.map((action, index) => /* @__PURE__ */ jsx(ActionComponent, { action }, index))
-            ] })
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col md:flex-row flex-wrap gap-4",
+                  actionsClassName
+                ),
+                children: [
+                  videoAction && videoDialog?.videoUrl ? /* @__PURE__ */ jsx(
+                    ActionComponent,
+                    {
+                      action: {
+                        ...videoAction,
+                        onClick: handleVideoClick
+                      }
+                    }
+                  ) : null,
+                  actions?.map((action, index) => /* @__PURE__ */ jsx(ActionComponent, { action }, index))
+                ]
+              }
+            )
           ] }),
           renderImage
         ] })