@opensite/ui 0.8.4 → 0.8.6

package/dist/faq-split-hero.d.cts

@@ -0,0 +1,116 @@
+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 { 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';
+
+interface DirectionConfig {
+    desktop: "mediaRight" | "mediaLeft";
+    mobile: "mediaTop" | "mediaBottom";
+}
+interface FaqItem {
+    id: string;
+    question: React.ReactNode;
+    answer: React.ReactNode;
+}
+interface FaqSplitHeroProps {
+    /**
+     * Main heading text
+     */
+    heading?: React.ReactNode;
+    /**
+     * Subheading/description text
+     */
+    subheading?: React.ReactNode;
+    /**
+     * Array of FAQ items
+     */
+    items?: FaqItem[];
+    /**
+     * Custom slot for rendering items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Custom slot for rendering the image section
+     */
+    imageSlot?: React.ReactNode;
+    /**
+     * Image source URL
+     */
+    imageSrc?: string;
+    /**
+     * Image alt text
+     */
+    imageAlt?: string;
+    /**
+     * 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 section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the header wrapper
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the subheading
+     */
+    subheadingClassName?: string;
+    /**
+     * Additional CSS classes for the accordion
+     */
+    accordionClassName?: string;
+    /**
+     * Additional CSS classes for accordion items
+     */
+    accordionItemClassName?: string;
+    /**
+     * Additional CSS classes for accordion triggers
+     */
+    accordionTriggerClassName?: string;
+    /**
+     * Additional CSS classes for accordion content
+     */
+    accordionContentClassName?: string;
+    /**
+     * Additional CSS classes for the image
+     */
+    imageClassName?: string;
+    /**
+     * Optional Optix Flow configuration for image optimization
+     */
+    optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Direction configuration for desktop and mobile layouts
+     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
+     */
+    directionConfig?: DirectionConfig;
+}
+declare function FaqSplitHero({ heading, subheading, items, itemsSlot, imageSlot, imageSrc, imageAlt, background, pattern, patternOpacity, className, contentClassName, headerClassName, headingClassName, subheadingClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, imageClassName, optixFlowConfig, directionConfig, }: FaqSplitHeroProps): React.JSX.Element;
+
+export { FaqSplitHero, type FaqSplitHeroProps };

package/dist/faq-split-hero.d.ts

@@ -0,0 +1,116 @@
+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 { 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';
+
+interface DirectionConfig {
+    desktop: "mediaRight" | "mediaLeft";
+    mobile: "mediaTop" | "mediaBottom";
+}
+interface FaqItem {
+    id: string;
+    question: React.ReactNode;
+    answer: React.ReactNode;
+}
+interface FaqSplitHeroProps {
+    /**
+     * Main heading text
+     */
+    heading?: React.ReactNode;
+    /**
+     * Subheading/description text
+     */
+    subheading?: React.ReactNode;
+    /**
+     * Array of FAQ items
+     */
+    items?: FaqItem[];
+    /**
+     * Custom slot for rendering items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Custom slot for rendering the image section
+     */
+    imageSlot?: React.ReactNode;
+    /**
+     * Image source URL
+     */
+    imageSrc?: string;
+    /**
+     * Image alt text
+     */
+    imageAlt?: string;
+    /**
+     * 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 section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the content area
+     */
+    contentClassName?: string;
+    /**
+     * Additional CSS classes for the header wrapper
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the subheading
+     */
+    subheadingClassName?: string;
+    /**
+     * Additional CSS classes for the accordion
+     */
+    accordionClassName?: string;
+    /**
+     * Additional CSS classes for accordion items
+     */
+    accordionItemClassName?: string;
+    /**
+     * Additional CSS classes for accordion triggers
+     */
+    accordionTriggerClassName?: string;
+    /**
+     * Additional CSS classes for accordion content
+     */
+    accordionContentClassName?: string;
+    /**
+     * Additional CSS classes for the image
+     */
+    imageClassName?: string;
+    /**
+     * Optional Optix Flow configuration for image optimization
+     */
+    optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Direction configuration for desktop and mobile layouts
+     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
+     */
+    directionConfig?: DirectionConfig;
+}
+declare function FaqSplitHero({ heading, subheading, items, itemsSlot, imageSlot, imageSrc, imageAlt, background, pattern, patternOpacity, className, contentClassName, headerClassName, headingClassName, subheadingClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, imageClassName, optixFlowConfig, directionConfig, }: FaqSplitHeroProps): React.JSX.Element;
+
+export { FaqSplitHero, type FaqSplitHeroProps };