@opensite/ui 2.7.6 → 2.7.7

package/dist/faq-profile-sidebar.js

@@ -13,32 +13,6 @@ import { cva } from 'class-variance-authority';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 function DynamicIcon({ apiKey, ...props }) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
@@ -71,7 +45,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,
@@ -897,6 +871,38 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React.forwardRef(
+  ({ items, className, children, ...props }, ref) => {
+    const hasContent = items && items.length > 0;
+    if (!hasContent) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn(className), ...props, children: [
+      items.map((item, idx) => {
+        if (isContentTextItem(item)) {
+          const { _type, ...textProps } = item;
+          return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
+        }
+        const reactNode = item;
+        if (React.isValidElement(reactNode)) {
+          return React.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsx(React.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 function FaqProfileSidebar({
   heading,
   description,
@@ -910,12 +916,12 @@ function FaqProfileSidebar({
   contactText,
   contactAction,
   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,
   contentWrapperClassName,
   sidebarClassName,
   headingClassName,
@@ -946,17 +952,19 @@ function FaqProfileSidebar({
             AccordionTrigger,
             {
               className: cn(
-                "transition-opacity duration-200 hover:no-underline hover:opacity-60",
+                "transition-opacity duration-200",
+                "hover:no-underline hover:opacity-75",
+                "cursor-pointer",
                 accordionTriggerClassName
               ),
-              children: /* @__PURE__ */ jsx("div", { className: "font-medium sm:py-1 lg:py-2 lg:text-lg", children: item.question })
+              children: /* @__PURE__ */ jsx("div", { className: "font-medium py-1 lg:py-2 text-lg", children: item.question })
             }
           ),
           /* @__PURE__ */ jsx(
             AccordionContent,
             {
-              className: cn("sm:mb-1 lg:mb-2", accordionContentClassName),
-              children: /* @__PURE__ */ jsx("div", { className: cn(getTextColor(background, "muted"), "lg:text-lg"), children: item.answer })
+              className: cn("mb-1 lg:mb-2", accordionContentClassName),
+              children: /* @__PURE__ */ jsx("div", { className: cn("text-lg"), children: item.answer })
             }
           )
         ]
@@ -974,70 +982,69 @@ function FaqProfileSidebar({
   ]);
   const profileSectionContent = useMemo(() => {
     if (profileSlot) return profileSlot;
-    return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-6", profileCardClassName), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-        profileImage && /* @__PURE__ */ jsx(
-          Img,
-          {
-            src: profileImage,
-            alt: typeof profileName === "string" ? profileName : "Profile",
-            className: cn(
-              "size-16 rounded-xl object-cover shadow-md",
-              profileImageClassName
-            ),
-            optixFlowConfig
-          }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "bg-card text-card-foreground",
+          "rounded-lg border",
+          "p-4 md:p-6",
+          profileCardClassName
         ),
-        /* @__PURE__ */ jsxs("div", { children: [
-          profileName && (typeof profileName === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("font-semibold", profileNameClassName), children: profileName }) : /* @__PURE__ */ jsx("div", { className: profileNameClassName, children: profileName })),
-          profileRole && (typeof profileRole === "string" ? /* @__PURE__ */ jsx(
-            "p",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            profileImage && /* @__PURE__ */ jsx(
+              Img,
+              {
+                src: profileImage,
+                alt: typeof profileName === "string" ? profileName : "Profile",
+                className: cn(
+                  "size-16 rounded-xl object-cover shadow-md",
+                  profileImageClassName
+                ),
+                optixFlowConfig
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              profileName && (typeof profileName === "string" ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn("text-lg font-semibold", profileNameClassName),
+                  children: profileName
+                }
+              ) : profileName),
+              profileRole && (typeof profileRole === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm opacity-75", profileRoleClassName), children: profileRole }) : profileRole)
+            ] })
+          ] }),
+          profileDescription && (typeof profileDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-sm", profileDescriptionClassName), children: profileDescription }) : profileDescription),
+          contactAction && /* @__PURE__ */ jsxs(
+            "div",
             {
               className: cn(
-                getTextColor(background, "muted"),
-                "text-sm",
-                profileRoleClassName
+                "border-t border-border/50",
+                "mt-6 pt-6 space-y-4",
+                "flex flex-col",
+                contactSectionClassName
               ),
-              children: profileRole
+              children: [
+                contactText && (typeof contactText === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: contactText }) : contactText),
+                /* @__PURE__ */ jsx(
+                  Pressable,
+                  {
+                    href: contactAction.href,
+                    onClick: contactAction.onClick,
+                    variant: contactAction.variant || "outline",
+                    size: contactAction.size,
+                    className: cn("mt-3 w-full", contactAction.className),
+                    children: contactAction.children || contactAction.label
+                  }
+                )
+              ]
             }
-          ) : /* @__PURE__ */ jsx("div", { className: profileRoleClassName, children: profileRole }))
-        ] })
-      ] }),
-      profileDescription && (typeof profileDescription === "string" ? /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: cn(
-            getTextColor(background, "muted"),
-            "mt-4 text-sm",
-            profileDescriptionClassName
-          ),
-          children: profileDescription
-        }
-      ) : /* @__PURE__ */ jsx("div", { className: profileDescriptionClassName, children: profileDescription })),
-      contactAction && /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "mt-6 border-t pt-6 flex flex-col space-y-4",
-            contactSectionClassName
-          ),
-          children: [
-            contactText && (typeof contactText === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: contactText }) : contactText),
-            /* @__PURE__ */ jsx(
-              Pressable,
-              {
-                href: contactAction.href,
-                onClick: contactAction.onClick,
-                variant: contactAction.variant || "outline",
-                size: contactAction.size,
-                className: cn("mt-3 w-full", contactAction.className),
-                children: contactAction.children || contactAction.label
-              }
-            )
-          ]
-        }
-      )
-    ] });
+          )
+        ]
+      }
+    );
   }, [
     profileSlot,
     profileImage,
@@ -1055,6 +1062,37 @@ function FaqProfileSidebar({
     optixFlowConfig,
     background
   ]);
+  const contentItems = useMemo(() => {
+    const items2 = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items2.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "mb-3 text-xl font-semibold md:mb-4 lg:text-2xl",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items2.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items2.push({
+          _type: "text",
+          as: "p",
+          className: cn("text-lg", descriptionClassName),
+          children: description
+        });
+      } else {
+        items2.push(description);
+      }
+    }
+    return items2;
+  }, [heading, headingClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1063,41 +1101,23 @@ function FaqProfileSidebar({
       pattern,
       patternOpacity,
       patternClassName,
-      className,
-      children: /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxs(
+      className: cn(pattern && "overflow-visible", className),
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
         "div",
         {
           className: cn(
-            "flex flex-col gap-6 lg:flex-row lg:gap-16",
+            "flex flex-col lg:flex-row",
+            "items-center lg:items-start",
+            "gap-6 lg:gap-16",
             contentWrapperClassName
           ),
           children: [
-            /* @__PURE__ */ jsx("div", { className: cn("lg:w-1/3", sidebarClassName), children: /* @__PURE__ */ jsxs("div", { className: "sticky top-24 space-y-6", children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-                  "h2",
-                  {
-                    className: cn(
-                      "mb-3 text-xl font-semibold md:mb-4 lg:text-2xl",
-                      headingClassName
-                    ),
-                    children: heading
-                  }
-                ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-                description && (typeof description === "string" ? /* @__PURE__ */ jsx(
-                  "p",
-                  {
-                    className: cn(
-                      getTextColor(background, "muted"),
-                      descriptionClassName
-                    ),
-                    children: description
-                  }
-                ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
-              ] }),
+            /* @__PURE__ */ jsx("div", { className: cn("w-full lg:w-1/3", sidebarClassName), children: /* @__PURE__ */ jsxs("div", { className: "sticky top-24 space-y-6", children: [
+              /* @__PURE__ */ jsx(ContentGroup, { items: contentItems }),
               profileSectionContent
             ] }) }),
-            /* @__PURE__ */ jsx("div", { className: cn("lg:w-2/3", faqColumnClassName), children: itemsContent })
+            /* @__PURE__ */ jsx("div", { className: cn("w-full lg:w-2/3", faqColumnClassName), children: itemsContent })
           ]
         }
       ) })

package/dist/faq-rounded-cards.cjs

@@ -1,15 +1,13 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var React4 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var icon = require('@page-speed/icon');
 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);
@@ -28,7 +26,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 
 // components/blocks/faq/faq-rounded-cards.tsx
@@ -67,7 +65,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,
@@ -108,7 +106,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(
@@ -414,7 +412,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,
@@ -475,18 +473,50 @@ 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 FaqRoundedCards({
   heading,
   description,
   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,
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -496,7 +526,7 @@ function FaqRoundedCards({
   accordionTriggerClassName,
   accordionContentClassName
 }) {
-  const itemsContent = React.useMemo(() => {
+  const itemsContent = React4.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -510,7 +540,13 @@ function FaqRoundedCards({
           {
             value: item.id,
             className: cn(
-              "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
+              "border border-border/50",
+              "px-5",
+              "transition-shadow",
+              "rounded-xl shadow-sm",
+              "hover:shadow-lg data-[state=open]:shadow-lg",
+              "data-[state=open]:bg-card",
+              "data-[state=open]:text-card-foreground",
               accordionItemClassName
             ),
             children: [
@@ -518,19 +554,17 @@ function FaqRoundedCards({
                 AccordionTrigger,
                 {
                   className: cn(
-                    "py-4 font-medium transition-opacity hover:no-underline hover:opacity-70 lg:text-lg [&[data-state=open]>svg]:rotate-180",
+                    "text-lg",
+                    "cursor-pointer py-4 font-medium",
+                    "transition-opacity",
+                    "hover:no-underline hover:opacity-70",
+                    "[&[data-state=open]>svg]:rotate-180",
                     accordionTriggerClassName
                   ),
                   children: item.question
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                AccordionContent,
-                {
-                  className: cn("pb-4 ", accordionContentClassName),
-                  children: item.answer
-                }
-              )
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: item.answer })
             ]
           },
           item.id
@@ -545,6 +579,40 @@ function FaqRoundedCards({
     accordionTriggerClassName,
     accordionContentClassName
   ]);
+  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,
     {
@@ -553,32 +621,22 @@ function FaqRoundedCards({
       pattern,
       patternOpacity,
       patternClassName,
-      className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClassName, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ContentGroup,
           {
             className: cn(
-              "mx-auto flex max-w-3xl flex-col text-left md:text-center",
+              "flex flex-col",
+              "text-left md:text-center",
+              "mb-12 md:mb-20",
               headerClassName
             ),
-            children: [
-              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "h2",
-                {
-                  className: cn(
-                    "mb-3 text-3xl font-semibold md:mb-4 lg:mb-6 lg:text-4xl",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("lg:text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
-            ]
+            items: contentItems
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mt-10 max-w-3xl", cardsWrapperClassName), children: itemsContent })
-      ] })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10", cardsWrapperClassName), children: itemsContent })
+      ] }) })
     }
   );
 }

package/dist/faq-rounded-cards.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';
 
@@ -90,6 +90,6 @@ interface FaqRoundedCardsProps {
      */
     accordionContentClassName?: string;
 }
-declare function FaqRoundedCards({ heading, description, items, itemsSlot, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardsWrapperClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, }: FaqRoundedCardsProps): react_jsx_runtime.JSX.Element;
+declare function FaqRoundedCards({ heading, description, items, itemsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, headerClassName, headingClassName, descriptionClassName, cardsWrapperClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, }: FaqRoundedCardsProps): react_jsx_runtime.JSX.Element;
 
 export { type FaqItem, FaqRoundedCards, type FaqRoundedCardsProps };

package/dist/faq-rounded-cards.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';
 
@@ -90,6 +90,6 @@ interface FaqRoundedCardsProps {
      */
     accordionContentClassName?: string;
 }
-declare function FaqRoundedCards({ heading, description, items, itemsSlot, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardsWrapperClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, }: FaqRoundedCardsProps): react_jsx_runtime.JSX.Element;
+declare function FaqRoundedCards({ heading, description, items, itemsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, headerClassName, headingClassName, descriptionClassName, cardsWrapperClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, }: FaqRoundedCardsProps): react_jsx_runtime.JSX.Element;
 
 export { type FaqItem, FaqRoundedCards, type FaqRoundedCardsProps };