@opensite/ui 2.7.6 → 2.7.7

package/dist/faq-split-hero.js

@@ -1,5 +1,5 @@
 "use client";
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
@@ -43,7 +43,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        "cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
         className
       ),
       ...props,
@@ -75,6 +75,34 @@ function AccordionContent({
     }
   );
 }
+var maxWidthStyles = {
+  sm: "max-w-screen-sm",
+  md: "max-w-screen-md",
+  lg: "max-w-screen-lg",
+  xl: "max-w-7xl",
+  "2xl": "max-w-screen-2xl",
+  "4xl": "max-w-[1536px]",
+  full: "max-w-full"
+};
+var Container = React.forwardRef(
+  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
+    const Component = as;
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn(
+          "mx-auto w-full px-2 sm:px-4 lg:px-8",
+          maxWidthStyles[maxWidth],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
 
 // lib/patternSvgs.ts
 var patternSvgs = {
@@ -341,15 +369,108 @@ function PatternBackground({
     }
   );
 }
+var backgroundStyles = {
+  default: "bg-background text-foreground",
+  white: "bg-white text-dark",
+  gray: "bg-muted/30 text-foreground",
+  dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
+  gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
+  primary: "bg-primary text-primary-foreground",
+  secondary: "bg-secondary text-secondary-foreground",
+  muted: "bg-muted text-muted-foreground"
+};
+var spacingStyles = {
+  none: "py-0 md:py-0",
+  sm: "py-12 md:py-16",
+  md: "py-16 md:py-24",
+  lg: "py-20 md:py-32",
+  xl: "py-24 md:py-40",
+  hero: "pt-32 pb-12 md:pt-40 md:pb-40"
+};
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
+var Section = React.forwardRef(
+  ({
+    id,
+    title,
+    subtitle,
+    children,
+    className,
+    style,
+    background = "default",
+    spacing = "lg",
+    pattern,
+    patternOpacity,
+    patternClassName,
+    containerClassName,
+    containerMaxWidth = "xl",
+    ...props
+  }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        id,
+        className: cn(
+          "relative",
+          pattern ? "overflow-hidden" : null,
+          backgroundStyles[background],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
+          className
+        ),
+        style,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            PatternBackground,
+            {
+              pattern,
+              opacity: effectivePatternOpacity,
+              className: patternClassName
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Container,
+            {
+              maxWidth: containerMaxWidth,
+              className: cn("relative z-10", containerClassName),
+              children: [
+                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
+                  subtitle && /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider", children: subtitle }),
+                  title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
+                ] }),
+                children
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Section.displayName = "Section";
+var useResponsiveLayout = ({
+  directionConfig = { desktop: "mediaRight", mobile: "mediaTop" }
+}) => {
+  const responsiveClassName = useMemo(() => {
+    const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
+    const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col-reverse" : "flex-col";
+    return `${mobileOrder} ${desktopOrder}`;
+  }, [directionConfig.desktop, directionConfig.mobile]);
+  return { responsiveClassName };
+};
 function FaqSplitHero({
   heading,
   subheading,
   items,
   itemsSlot,
-  imageSlot,
-  imageSrc,
-  imageAlt,
-  background = "dark",
+  mediaItem,
+  mediaSlot,
+  containerClassName = "px-0 sm:px-0 lg:px-0",
+  background,
+  spacing = "none",
   pattern,
   patternOpacity,
   className,
@@ -361,24 +482,10 @@ function FaqSplitHero({
   accordionItemClassName,
   accordionTriggerClassName,
   accordionContentClassName,
-  imageClassName,
   optixFlowConfig,
   directionConfig = { desktop: "mediaRight", mobile: "mediaTop" }
 }) {
-  const bgColorClass = useMemo(() => {
-    switch (background) {
-      case "dark":
-        return "bg-foreground text-background";
-      case "gray":
-        return "bg-muted/30";
-      case "white":
-        return "bg-background";
-      default:
-        return "bg-background";
-    }
-  }, [background]);
-  const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
-  const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col" : "flex-col-reverse";
+  const { responsiveClassName } = useResponsiveLayout({ directionConfig });
   const itemsContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
@@ -398,7 +505,9 @@ function FaqSplitHero({
                 AccordionTrigger,
                 {
                   className: cn(
-                    "py-4 text-left text-base font-medium transition-opacity hover:opacity-70 hover:no-underline lg:text-lg",
+                    "font-semibold text-lg",
+                    "py-4 transition-opacity",
+                    "hover:opacity-70 hover:no-underline",
                     accordionTriggerClassName
                   ),
                   children: item.question
@@ -407,7 +516,7 @@ function FaqSplitHero({
               /* @__PURE__ */ jsx(
                 AccordionContent,
                 {
-                  className: cn("pb-4 opacity-80", accordionContentClassName),
+                  className: cn("pb-4 text-base", accordionContentClassName),
                   children: item.answer
                 }
               )
@@ -425,57 +534,98 @@ function FaqSplitHero({
     accordionTriggerClassName,
     accordionContentClassName
   ]);
-  const contentArea = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative flex w-full items-center lg:w-1/2",
-        bgColorClass,
-        contentClassName
-      ),
-      children: [
-        pattern && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsx(PatternBackground, { pattern, opacity: patternOpacity }) }),
-        /* @__PURE__ */ jsx("div", { className: "relative z-10 w-full px-8 py-16 sm:px-12 sm:py-20 lg:px-16 lg:py-24 xl:px-24", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-xl space-y-8", children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", headerClassName), children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-              "h2",
-              {
-                className: cn(
-                  "text-3xl font-bold leading-tight tracking-tight sm:text-4xl lg:text-5xl",
-                  headingClassName
-                ),
-                children: heading
-              }
-            ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-            subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: cn(
-                  "text-base leading-relaxed opacity-80 sm:text-lg",
-                  subheadingClassName
-                ),
-                children: subheading
-              }
-            ) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
-          ] }),
-          itemsContent
-        ] }) })
-      ]
+  const renderMedia = useMemo(() => {
+    if (!mediaItem) return null;
+    const { image, video } = mediaItem;
+    if (video) {
+      const { src, className: videoClassName, ...videoRest } = video;
+      return /* @__PURE__ */ jsx(
+        "video",
+        {
+          src,
+          className: cn("h-full w-full object-cover", videoClassName),
+          ...videoRest
+        }
+      );
     }
-  );
-  const imageArea = imageSlot ? /* @__PURE__ */ jsx("div", { className: "relative h-64 w-full sm:h-96 lg:h-auto lg:w-1/2", children: imageSlot }) : imageSrc ? /* @__PURE__ */ jsx("div", { className: "relative h-64 w-full sm:h-96 lg:h-auto lg:w-1/2", children: /* @__PURE__ */ jsx(
-    Img,
+    if (image) {
+      const { src, alt, className: imgClassName, ...imgRest } = image;
+      return /* @__PURE__ */ jsx(
+        Img,
+        {
+          src,
+          alt: alt || "FAQ section image",
+          className: cn("h-full w-full object-cover", imgClassName),
+          optixFlowConfig,
+          ...imgRest
+        }
+      );
+    }
+    return null;
+  }, [mediaItem, optixFlowConfig]);
+  const hasMedia = mediaSlot || mediaItem?.image || mediaItem?.video;
+  return /* @__PURE__ */ jsx(
+    Section,
     {
-      src: imageSrc,
-      alt: imageAlt || "FAQ section image",
-      className: cn("h-full w-full object-cover", imageClassName),
-      optixFlowConfig
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn("w-full overflow-hidden", className),
+      containerMaxWidth: "full",
+      containerClassName,
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-screen", responsiveClassName), children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative flex w-full items-center lg:w-1/2",
+              contentClassName
+            ),
+            children: /* @__PURE__ */ jsx("div", { className: "relative z-10 w-full px-8 py-16 sm:px-12 sm:py-20 lg:px-16 lg:py-24 xl:px-24", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-xl space-y-8", children: [
+              /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", headerClassName), children: [
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    className: cn(
+                      "font-bold text-pretty",
+                      "text-3xl md:text-4xl lg:text-5xl",
+                      "leading-tight tracking-tight",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : heading),
+                subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-base md:text-lg",
+                      "text-pretty leading-relaxed",
+                      "opacity-80",
+                      subheadingClassName
+                    ),
+                    children: subheading
+                  }
+                ) : subheading)
+              ] }),
+              itemsContent
+            ] }) })
+          }
+        ),
+        hasMedia && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative h-64 w-full sm:h-96 lg:h-screen lg:w-1/2",
+              mediaItem?.containerClassName
+            ),
+            children: mediaSlot || renderMedia
+          }
+        )
+      ] })
     }
-  ) }) : null;
-  return /* @__PURE__ */ jsx("section", { className: cn("relative w-full overflow-hidden", className), children: /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-screen", mobileOrder, desktopOrder), children: [
-    contentArea,
-    imageArea
-  ] }) });
+  );
 }
 
 export { FaqSplitHero };

package/dist/faq-static-list.cjs

@@ -1,14 +1,30 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var React4 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
 // components/blocks/faq/faq-static-list.tsx
 function cn(...inputs) {
@@ -23,7 +39,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React__default.default.forwardRef(
+var Container = React4__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -329,7 +345,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React__default.default.forwardRef(
+var Section = React4__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -390,30 +406,81 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React4__namespace.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React4__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React4__namespace.forwardRef(
+  ({ items, className, children, ...props }, ref) => {
+    const hasContent = items && items.length > 0;
+    if (!hasContent) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn(className), ...props, children: [
+      items.map((item, idx) => {
+        if (isContentTextItem(item)) {
+          const { _type, ...textProps } = item;
+          return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
+        }
+        const reactNode = item;
+        if (React4__namespace.isValidElement(reactNode)) {
+          return React4__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 function FaqStaticList({
+  headerClassName,
   heading,
+  headingClassName,
+  description,
+  descriptionClassName,
   items,
   itemsSlot,
   background,
-  spacing = "py-6 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "lg",
   pattern,
   patternOpacity,
   patternClassName,
   className,
-  containerClassName,
-  headingClassName,
   itemsWrapperClassName,
   itemClassName,
   questionClassName,
   answerClassName
 }) {
-  const itemsContent = React.useMemo(() => {
+  const itemsContent = React4.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-8", itemsWrapperClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("border-b pb-6", itemClassName), children: [
-      typeof item.question === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-2 font-semibold", questionClassName), children: item.question }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: questionClassName, children: item.question }),
-      typeof item.answer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-snug", answerClassName), children: item.answer }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: answerClassName, children: item.answer })
-    ] }, index)) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-8", itemsWrapperClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn("border-b border-border/50 pb-6", itemClassName),
+        children: [
+          typeof item.question === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "text-lg md:text-xl mb-2 font-semibold",
+                questionClassName
+              ),
+              children: item.question
+            }
+          ) : item.question,
+          typeof item.answer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-snug", answerClassName), children: item.answer }) : item.answer
+        ]
+      },
+      index
+    )) });
   }, [
     itemsSlot,
     items,
@@ -422,6 +489,40 @@ function FaqStaticList({
     questionClassName,
     answerClassName
   ]);
+  const contentItems = React4.useMemo(() => {
+    const items2 = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items2.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "mb-4 text-3xl font-semibold lg:text-4xl text-pretty",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items2.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items2.push({
+          _type: "text",
+          as: "p",
+          className: cn(
+            "text-xl max-w-full md:max-w-md text-balance",
+            descriptionClassName
+          ),
+          children: description
+        });
+      } else {
+        items2.push(description);
+      }
+    }
+    return items2;
+  }, [heading, headingClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -431,19 +532,17 @@ function FaqStaticList({
       patternOpacity,
       patternClassName,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container max-w-3xl", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "h1",
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start gap-8 md:gap-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ContentGroup,
           {
-            className: cn(
-              "mb-4 text-3xl font-semibold md:mb-11 md:text-4xl",
-              headingClassName
-            ),
-            children: heading
+            className: cn("flex flex-col", "text-left", headerClassName),
+            items: contentItems
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+        ),
         itemsContent
-      ] })
+      ] }) })
     }
   );
 }

package/dist/faq-static-list.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2FsyKLdT.cjs';
-import './blocks-gR13ES5A.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B-4_HCwb.cjs';
+import './blocks-UTlgYg4k.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -56,6 +56,10 @@ interface FaqStaticListProps {
      * Additional CSS classes for the heading
      */
     headingClassName?: string;
+    /**
+     * Additional CSS classes for the header wrapper
+     */
+    headerClassName?: string;
     /**
      * Additional CSS classes for the items wrapper
      */
@@ -72,7 +76,15 @@ interface FaqStaticListProps {
      * Additional CSS classes for answers
      */
     answerClassName?: string;
+    /**
+     * Description text below heading
+     */
+    description?: React.ReactNode;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
 }
-declare function FaqStaticList({ heading, items, itemsSlot, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headingClassName, itemsWrapperClassName, itemClassName, questionClassName, answerClassName, }: FaqStaticListProps): react_jsx_runtime.JSX.Element;
+declare function FaqStaticList({ headerClassName, heading, headingClassName, description, descriptionClassName, items, itemsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, itemsWrapperClassName, itemClassName, questionClassName, answerClassName, }: FaqStaticListProps): react_jsx_runtime.JSX.Element;
 
 export { type FaqItem, FaqStaticList, type FaqStaticListProps };

package/dist/faq-static-list.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CtLnPq2v.js';
-import './blocks-CsMdf2Jh.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-BwFLQ6RR.js';
+import './blocks-B3quAlwK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -56,6 +56,10 @@ interface FaqStaticListProps {
      * Additional CSS classes for the heading
      */
     headingClassName?: string;
+    /**
+     * Additional CSS classes for the header wrapper
+     */
+    headerClassName?: string;
     /**
      * Additional CSS classes for the items wrapper
      */
@@ -72,7 +76,15 @@ interface FaqStaticListProps {
      * Additional CSS classes for answers
      */
     answerClassName?: string;
+    /**
+     * Description text below heading
+     */
+    description?: React.ReactNode;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
 }
-declare function FaqStaticList({ heading, items, itemsSlot, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headingClassName, itemsWrapperClassName, itemClassName, questionClassName, answerClassName, }: FaqStaticListProps): react_jsx_runtime.JSX.Element;
+declare function FaqStaticList({ headerClassName, heading, headingClassName, description, descriptionClassName, items, itemsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, itemsWrapperClassName, itemClassName, questionClassName, answerClassName, }: FaqStaticListProps): react_jsx_runtime.JSX.Element;
 
 export { type FaqItem, FaqStaticList, type FaqStaticListProps };