@opensite/ui 2.7.7 → 2.7.9

package/dist/faq-gradient-categories.js

@@ -28,7 +28,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b ", className),
+      className: cn(className, "border-b"),
       ...props
     }
   );
@@ -53,7 +53,7 @@ function AccordionTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+            className: "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
           }
         )
       ]
@@ -69,7 +69,7 @@ function AccordionContent({
     AccordionPrimitive.Content,
     {
       "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-base",
       ...props,
       children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
     }
@@ -490,12 +490,12 @@ function FaqGradientCategories({
   categoriesSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "lg",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   patternClassName,
   className,
-  gradientWrapperClassName,
+  contentWrapperClassName,
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -518,15 +518,15 @@ function FaqGradientCategories({
         ),
         children: categories.map((category, categoryIndex) => /* @__PURE__ */ jsxs("div", { children: [
           typeof category.title === "string" ? /* @__PURE__ */ jsx(
-            "h3",
+            "div",
             {
               className: cn(
-                "mb-4 text-xl font-semibold",
+                "leading-none font-bold opacity-60 uppercase text-sm tracking-widest",
                 categoryTitleClassName
               ),
               children: category.title
             }
-          ) : /* @__PURE__ */ jsx("div", { className: categoryTitleClassName, children: category.title }),
+          ) : category.title,
           /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
             AccordionItem,
             {
@@ -542,14 +542,14 @@ function FaqGradientCategories({
                       "cursor-pointer duration-200",
                       accordionTriggerClassName
                     ),
-                    children: /* @__PURE__ */ jsx("div", { className: "font-medium py-1 md:py-2 text-lg", children: item.question })
+                    children: /* @__PURE__ */ jsx("div", { className: "font-medium py-1 md:py-2 text-lg leading-tight", children: item.question })
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   AccordionContent,
                   {
                     className: cn("mb-1 md:mb-2", accordionContentClassName),
-                    children: /* @__PURE__ */ jsx("div", { className: "text-lg", children: item.answer })
+                    children: /* @__PURE__ */ jsx("div", { className: "text-base md:text-lg", children: item.answer })
                   }
                 )
               ]
@@ -618,8 +618,10 @@ function FaqGradientCategories({
         "div",
         {
           className: cn(
-            "rounded-lg bg-card text-card-foreground p-8 md:p-12 lg:p-16",
-            gradientWrapperClassName
+            "bg-card text-card-foreground",
+            "p-8 md:p-12 lg:p-16",
+            "rounded-xl shadow-xl",
+            contentWrapperClassName
           ),
           children: [
             /* @__PURE__ */ jsx(

package/dist/faq-icon-benefits.cjs

@@ -472,7 +472,9 @@ function FaqIconBenefits({
       "div",
       {
         className: cn(
-          "mx-auto mt-10 grid max-w-7xl gap-6 md:grid-cols-2 lg:grid-cols-3",
+          "mx-auto mt-10",
+          "grid gap-8 md:gap-12 md:grid-cols-2 lg:grid-cols-3",
+          "max-w-full md:max-w-7xl",
           gridClassName
         ),
         children: benefits.map((benefit, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -506,8 +508,26 @@ function FaqIconBenefits({
                   )
                 }
               ),
-              typeof benefit.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-lg font-semibold", titleClassName), children: benefit.title }) : benefit.title,
-              typeof benefit.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", benefitDescriptionClassName), children: benefit.description }) : benefit.description
+              typeof benefit.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-lg md:text-xl font-semibold text-pretty",
+                    titleClassName
+                  ),
+                  children: benefit.title
+                }
+              ) : benefit.title,
+              typeof benefit.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-sm md:text-base text-balance",
+                    benefitDescriptionClassName
+                  ),
+                  children: benefit.description
+                }
+              ) : benefit.description
             ]
           },
           index

package/dist/faq-icon-benefits.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-B-4_HCwb.cjs';
-import './blocks-UTlgYg4k.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import './blocks-U7wOoE0O.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-icon-benefits.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-BwFLQ6RR.js';
-import './blocks-B3quAlwK.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import './blocks-DmMuCMEh.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-icon-benefits.js

@@ -451,7 +451,9 @@ function FaqIconBenefits({
       "div",
       {
         className: cn(
-          "mx-auto mt-10 grid max-w-7xl gap-6 md:grid-cols-2 lg:grid-cols-3",
+          "mx-auto mt-10",
+          "grid gap-8 md:gap-12 md:grid-cols-2 lg:grid-cols-3",
+          "max-w-full md:max-w-7xl",
           gridClassName
         ),
         children: benefits.map((benefit, index) => /* @__PURE__ */ jsxs(
@@ -485,8 +487,26 @@ function FaqIconBenefits({
                   )
                 }
               ),
-              typeof benefit.title === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-lg font-semibold", titleClassName), children: benefit.title }) : benefit.title,
-              typeof benefit.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm", benefitDescriptionClassName), children: benefit.description }) : benefit.description
+              typeof benefit.title === "string" ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-lg md:text-xl font-semibold text-pretty",
+                    titleClassName
+                  ),
+                  children: benefit.title
+                }
+              ) : benefit.title,
+              typeof benefit.description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-sm md:text-base text-balance",
+                    benefitDescriptionClassName
+                  ),
+                  children: benefit.description
+                }
+              ) : benefit.description
             ]
           },
           index

package/dist/faq-muted-cards.cjs

@@ -50,7 +50,7 @@ function AccordionItem({
     AccordionPrimitive__namespace.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b ", className),
+      className: cn(className, "border-b"),
       ...props
     }
   );
@@ -75,7 +75,7 @@ function AccordionTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+            className: "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
           }
         )
       ]
@@ -91,7 +91,7 @@ function AccordionContent({
     AccordionPrimitive__namespace.Content,
     {
       "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-base",
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
     }
@@ -534,12 +534,20 @@ function FaqMutedCards({
       {
         type: "single",
         collapsible: true,
-        className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        className: cn(
+          "bg-muted text-muted-foreground",
+          "space-y-0 rounded-2xl shadow-2xl",
+          accordionClassName
+        ),
+        children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
             value: item.id,
-            className: accordionItemClassName,
+            className: cn(
+              "border-border/50",
+              index === items.length - 1 ? "border-none" : "",
+              accordionItemClassName
+            ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 AccordionTrigger,
@@ -548,21 +556,22 @@ function FaqMutedCards({
                     "transition-opacity",
                     "hover:no-underline hover:opacity-75",
                     "cursor-pointer duration-200",
+                    "px-4 md:px-5",
                     accordionTriggerClassName
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium py-1 md:py-2 text-lg", children: item.question })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold py-1 md:py-2 text-lg", children: item.question })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 AccordionContent,
                 {
                   className: cn("mb-1 md:mb-2", accordionContentClassName),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg", children: item.answer })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 md:px-5 text-base md:text-lg", children: item.answer })
                 }
               )
             ]
           },
-          item.id
+          item.id || index
         ))
       }
     );
@@ -623,8 +632,8 @@ function FaqMutedCards({
         "div",
         {
           className: cn(
-            "max-w-full md:max-w-3xl",
-            "flex flex-col items-start gap-8",
+            "max-w-full md:max-w-3xl w-full",
+            "flex flex-col items-stretch gap-8",
             contentWrapperClassName
           ),
           children: [
@@ -633,9 +642,7 @@ function FaqMutedCards({
               {
                 className: cn(
                   "mx-auto flex flex-col",
-                  "max-w-full md:max-w-3xl",
                   "text-left md:text-center",
-                  "mb-12 md:mb-20",
                   headerClassName
                 ),
                 items: contentItems

package/dist/faq-muted-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-B-4_HCwb.cjs';
-import './blocks-UTlgYg4k.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import './blocks-U7wOoE0O.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-muted-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-BwFLQ6RR.js';
-import './blocks-B3quAlwK.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import './blocks-DmMuCMEh.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-muted-cards.js

@@ -28,7 +28,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b ", className),
+      className: cn(className, "border-b"),
       ...props
     }
   );
@@ -53,7 +53,7 @@ function AccordionTrigger({
           DynamicIcon,
           {
             name: "lucide/chevron-down",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+            className: "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
           }
         )
       ]
@@ -69,7 +69,7 @@ function AccordionContent({
     AccordionPrimitive.Content,
     {
       "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-base",
       ...props,
       children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
     }
@@ -512,12 +512,20 @@ function FaqMutedCards({
       {
         type: "single",
         collapsible: true,
-        className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        className: cn(
+          "bg-muted text-muted-foreground",
+          "space-y-0 rounded-2xl shadow-2xl",
+          accordionClassName
+        ),
+        children: items.map((item, index) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
             value: item.id,
-            className: accordionItemClassName,
+            className: cn(
+              "border-border/50",
+              index === items.length - 1 ? "border-none" : "",
+              accordionItemClassName
+            ),
             children: [
               /* @__PURE__ */ jsx(
                 AccordionTrigger,
@@ -526,21 +534,22 @@ function FaqMutedCards({
                     "transition-opacity",
                     "hover:no-underline hover:opacity-75",
                     "cursor-pointer duration-200",
+                    "px-4 md:px-5",
                     accordionTriggerClassName
                   ),
-                  children: /* @__PURE__ */ jsx("div", { className: "font-medium py-1 md:py-2 text-lg", children: item.question })
+                  children: /* @__PURE__ */ jsx("div", { className: "font-semibold py-1 md:py-2 text-lg", children: item.question })
                 }
               ),
               /* @__PURE__ */ jsx(
                 AccordionContent,
                 {
                   className: cn("mb-1 md:mb-2", accordionContentClassName),
-                  children: /* @__PURE__ */ jsx("div", { className: "text-lg", children: item.answer })
+                  children: /* @__PURE__ */ jsx("div", { className: "px-4 md:px-5 text-base md:text-lg", children: item.answer })
                 }
               )
             ]
           },
-          item.id
+          item.id || index
         ))
       }
     );
@@ -601,8 +610,8 @@ function FaqMutedCards({
         "div",
         {
           className: cn(
-            "max-w-full md:max-w-3xl",
-            "flex flex-col items-start gap-8",
+            "max-w-full md:max-w-3xl w-full",
+            "flex flex-col items-stretch gap-8",
             contentWrapperClassName
           ),
           children: [
@@ -611,9 +620,7 @@ function FaqMutedCards({
               {
                 className: cn(
                   "mx-auto flex flex-col",
-                  "max-w-full md:max-w-3xl",
                   "text-left md:text-center",
-                  "mb-12 md:mb-20",
                   headerClassName
                 ),
                 items: contentItems

package/dist/faq-numbered-grid.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-B-4_HCwb.cjs';
-import { A as ActionConfig } from './blocks-UTlgYg4k.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { A as ActionConfig } from './blocks-U7wOoE0O.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-numbered-grid.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-BwFLQ6RR.js';
-import { A as ActionConfig } from './blocks-B3quAlwK.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { A as ActionConfig } from './blocks-DmMuCMEh.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-numbered-list.cjs

@@ -453,16 +453,17 @@ function FaqNumberedList({
       "div",
       {
         className: cn(
-          "mt-8 md:mt-12 w-full max-w-3xl space-y-4 text-left",
+          "mt-8 md:mt-12 w-full max-w-3xl space-y-12 text-left",
           itemsWrapperClassName
         ),
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
-              "flex gap-4 p-4 md:p-5",
+              "flex gap-4 p-4 md:p-6",
               "bg-card text-card-foreground",
-              "rounded-lg border shadow-lg",
+              "ring-4 ring-primary",
+              "rounded-xl shadow-2xl",
               itemClassName
             ),
             children: [
@@ -471,7 +472,7 @@ function FaqNumberedList({
                 {
                   className: cn(
                     "flex items-center justify-center",
-                    "rounded-lg shadow-lg",
+                    "rounded-xl shadow-lg",
                     "bg-primary text-primary-foreground",
                     "text-base font-semibold",
                     "size-10 shrink-0",
@@ -481,12 +482,12 @@ function FaqNumberedList({
                   children: index + 1
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 mt-2", children: [
                 typeof item.question === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: cn(
-                      "mb-1 font-semibold text-lg",
+                      "font-semibold text-lg leading-snug",
                       questionClassName
                     ),
                     children: item.question
@@ -520,18 +521,19 @@ function FaqNumberedList({
       patternClassName,
       className,
       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 space-y-6", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl flex flex-col items-center gap-4", children: [
         badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: badgeClassName, children: badge }) : badge),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h2",
           {
             className: cn(
-              "text-3xl font-semibold md:text-4xl text-pretty text-center",
+              "text-2xl md:text-4xl lg:text-5xl",
+              "font-semibold text-pretty text-center",
               headingClassName
             ),
             children: heading
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+        ) : heading),
         description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
@@ -541,7 +543,7 @@ function FaqNumberedList({
             ),
             children: description
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+        ) : description),
         itemsContent
       ] }) })
     }

package/dist/faq-numbered-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-B-4_HCwb.cjs';
-import './blocks-UTlgYg4k.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import './blocks-U7wOoE0O.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-numbered-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-BwFLQ6RR.js';
-import './blocks-B3quAlwK.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import './blocks-DmMuCMEh.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/faq-numbered-list.js

@@ -447,16 +447,17 @@ function FaqNumberedList({
       "div",
       {
         className: cn(
-          "mt-8 md:mt-12 w-full max-w-3xl space-y-4 text-left",
+          "mt-8 md:mt-12 w-full max-w-3xl space-y-12 text-left",
           itemsWrapperClassName
         ),
         children: items.map((item, index) => /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
-              "flex gap-4 p-4 md:p-5",
+              "flex gap-4 p-4 md:p-6",
               "bg-card text-card-foreground",
-              "rounded-lg border shadow-lg",
+              "ring-4 ring-primary",
+              "rounded-xl shadow-2xl",
               itemClassName
             ),
             children: [
@@ -465,7 +466,7 @@ function FaqNumberedList({
                 {
                   className: cn(
                     "flex items-center justify-center",
-                    "rounded-lg shadow-lg",
+                    "rounded-xl shadow-lg",
                     "bg-primary text-primary-foreground",
                     "text-base font-semibold",
                     "size-10 shrink-0",
@@ -475,12 +476,12 @@ function FaqNumberedList({
                   children: index + 1
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2 mt-2", children: [
                 typeof item.question === "string" ? /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: cn(
-                      "mb-1 font-semibold text-lg",
+                      "font-semibold text-lg leading-snug",
                       questionClassName
                     ),
                     children: item.question
@@ -514,18 +515,19 @@ function FaqNumberedList({
       patternClassName,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-full md:max-w-3xl space-y-6", children: [
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-full md:max-w-3xl flex flex-col items-center gap-4", children: [
         badge && (typeof badge === "string" ? /* @__PURE__ */ jsx(Badge, { className: badgeClassName, children: badge }) : badge),
         heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
           "h2",
           {
             className: cn(
-              "text-3xl font-semibold md:text-4xl text-pretty text-center",
+              "text-2xl md:text-4xl lg:text-5xl",
+              "font-semibold text-pretty text-center",
               headingClassName
             ),
             children: heading
           }
-        ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+        ) : heading),
         description && (typeof description === "string" ? /* @__PURE__ */ jsx(
           "p",
           {
@@ -535,7 +537,7 @@ function FaqNumberedList({
             ),
             children: description
           }
-        ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+        ) : description),
         itemsContent
       ] }) })
     }