@opensite/ui 2.7.7 → 2.7.9

package/dist/faq-profile-sidebar.cjs

@@ -52,7 +52,7 @@ function AccordionItem({
     AccordionPrimitive__namespace.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b ", className),
+      className: cn(className, "border-b"),
       ...props
     }
   );
@@ -77,7 +77,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"
           }
         )
       ]
@@ -93,7 +93,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 })
     }
@@ -1135,10 +1135,16 @@ function FaqProfileSidebar({
             contentWrapperClassName
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full lg:w-1/3", sidebarClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-24 space-y-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: contentItems }),
-              profileSectionContent
-            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn("w-full lg:w-1/3 lg:self-stretch", sidebarClassName),
+                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-24 space-y-6", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: contentItems }),
+                  profileSectionContent
+                ] })
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full lg:w-2/3", faqColumnClassName), children: itemsContent })
           ]
         }

package/dist/faq-profile-sidebar.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-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-profile-sidebar.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-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-profile-sidebar.js

@@ -30,7 +30,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b ", className),
+      className: cn(className, "border-b"),
       ...props
     }
   );
@@ -55,7 +55,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"
           }
         )
       ]
@@ -71,7 +71,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 })
     }
@@ -1113,10 +1113,16 @@ function FaqProfileSidebar({
             contentWrapperClassName
           ),
           children: [
-            /* @__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("w-full lg:w-1/3 lg:self-stretch", sidebarClassName),
+                children: /* @__PURE__ */ jsxs("div", { className: "sticky top-24 space-y-6", children: [
+                  /* @__PURE__ */ jsx(ContentGroup, { items: contentItems }),
+                  profileSectionContent
+                ] })
+              }
+            ),
             /* @__PURE__ */ jsx("div", { className: cn("w-full lg:w-2/3", faqColumnClassName), children: itemsContent })
           ]
         }

package/dist/faq-rounded-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,17 +534,16 @@ function FaqRoundedCards({
       {
         type: "single",
         collapsible: true,
-        className: cn("space-y-3", accordionClassName),
+        className: cn("space-y-4", accordionClassName),
         children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
             value: item.id,
             className: cn(
               "border border-border/50",
-              "px-5",
-              "transition-shadow",
-              "rounded-xl shadow-sm",
-              "hover:shadow-lg data-[state=open]:shadow-lg",
+              "transition-all duration-500",
+              "rounded-xl shadow-lg px-5",
+              "backdrop-blur-xs hover:backdrop-blur-lg",
               "data-[state=open]:bg-card",
               "data-[state=open]:text-card-foreground",
               accordionItemClassName
@@ -554,17 +553,26 @@ function FaqRoundedCards({
                 AccordionTrigger,
                 {
                   className: cn(
-                    "text-lg",
-                    "cursor-pointer py-4 font-medium",
+                    "text-base md:text-lg",
+                    "cursor-pointer py-4 font-semibold",
                     "transition-opacity",
                     "hover:no-underline hover:opacity-70",
-                    "[&[data-state=open]>svg]:rotate-180",
+                    "leading-tight",
                     accordionTriggerClassName
                   ),
                   children: item.question
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: item.answer })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                AccordionContent,
+                {
+                  className: cn(
+                    "pb-4 text-base md:text-lg",
+                    accordionContentClassName
+                  ),
+                  children: item.answer
+                }
+              )
             ]
           },
           item.id
@@ -587,7 +595,10 @@ function FaqRoundedCards({
           _type: "text",
           as: "h2",
           className: cn(
-            "mb-4 text-3xl font-semibold lg:text-4xl text-pretty",
+            "font-bold ",
+            "mb-4 text-pretty",
+            "text-3xl lg:text-4xl",
+            "max-w-full md:max-w-sm",
             headingClassName
           ),
           children: heading
@@ -602,7 +613,8 @@ function FaqRoundedCards({
           _type: "text",
           as: "p",
           className: cn(
-            "text-xl max-w-full md:max-w-md text-balance",
+            "text-lg md:text-xl text-balance",
+            "max-w-full md:max-w-sm",
             descriptionClassName
           ),
           children: description
@@ -622,20 +634,20 @@ function FaqRoundedCards({
       patternOpacity,
       patternClassName,
       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: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-3xl w-full space-y-8 md:space-y-12", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           ContentGroup,
           {
             className: cn(
               "flex flex-col",
+              "items-start md:items-center",
               "text-left md:text-center",
-              "mb-12 md:mb-20",
               headerClassName
             ),
             items: contentItems
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10", cardsWrapperClassName), children: itemsContent })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: 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-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-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-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-rounded-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,17 +512,16 @@ function FaqRoundedCards({
       {
         type: "single",
         collapsible: true,
-        className: cn("space-y-3", accordionClassName),
+        className: cn("space-y-4", accordionClassName),
         children: items.map((item) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
             value: item.id,
             className: cn(
               "border border-border/50",
-              "px-5",
-              "transition-shadow",
-              "rounded-xl shadow-sm",
-              "hover:shadow-lg data-[state=open]:shadow-lg",
+              "transition-all duration-500",
+              "rounded-xl shadow-lg px-5",
+              "backdrop-blur-xs hover:backdrop-blur-lg",
               "data-[state=open]:bg-card",
               "data-[state=open]:text-card-foreground",
               accordionItemClassName
@@ -532,17 +531,26 @@ function FaqRoundedCards({
                 AccordionTrigger,
                 {
                   className: cn(
-                    "text-lg",
-                    "cursor-pointer py-4 font-medium",
+                    "text-base md:text-lg",
+                    "cursor-pointer py-4 font-semibold",
                     "transition-opacity",
                     "hover:no-underline hover:opacity-70",
-                    "[&[data-state=open]>svg]:rotate-180",
+                    "leading-tight",
                     accordionTriggerClassName
                   ),
                   children: item.question
                 }
               ),
-              /* @__PURE__ */ jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: item.answer })
+              /* @__PURE__ */ jsx(
+                AccordionContent,
+                {
+                  className: cn(
+                    "pb-4 text-base md:text-lg",
+                    accordionContentClassName
+                  ),
+                  children: item.answer
+                }
+              )
             ]
           },
           item.id
@@ -565,7 +573,10 @@ function FaqRoundedCards({
           _type: "text",
           as: "h2",
           className: cn(
-            "mb-4 text-3xl font-semibold lg:text-4xl text-pretty",
+            "font-bold ",
+            "mb-4 text-pretty",
+            "text-3xl lg:text-4xl",
+            "max-w-full md:max-w-sm",
             headingClassName
           ),
           children: heading
@@ -580,7 +591,8 @@ function FaqRoundedCards({
           _type: "text",
           as: "p",
           className: cn(
-            "text-xl max-w-full md:max-w-md text-balance",
+            "text-lg md:text-xl text-balance",
+            "max-w-full md:max-w-sm",
             descriptionClassName
           ),
           children: description
@@ -600,20 +612,20 @@ function FaqRoundedCards({
       patternOpacity,
       patternClassName,
       containerClassName,
-      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-full md:max-w-3xl", children: [
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-full md:max-w-3xl w-full space-y-8 md:space-y-12", children: [
         /* @__PURE__ */ jsx(
           ContentGroup,
           {
             className: cn(
               "flex flex-col",
+              "items-start md:items-center",
               "text-left md:text-center",
-              "mb-12 md:mb-20",
               headerClassName
             ),
             items: contentItems
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-10", cardsWrapperClassName), children: itemsContent })
+        /* @__PURE__ */ jsx("div", { className: cardsWrapperClassName, children: itemsContent })
       ] }) })
     }
   );

package/dist/faq-sidebar-navigation.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 })
     }
@@ -673,7 +673,7 @@ function FaqSidebarNavigation({
                     onClick: () => setActiveCategory("all"),
                     className: cn(
                       "cursor-pointer",
-                      "w-full lg:w-full",
+                      "w-fit lg:w-full",
                       "shrink-0 whitespace-nowrap",
                       "rounded-md px-4 py-2",
                       "text-left text-sm font-medium",

package/dist/faq-sidebar-navigation.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-sidebar-navigation.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-sidebar-navigation.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 })
     }
@@ -651,7 +651,7 @@ function FaqSidebarNavigation({
                     onClick: () => setActiveCategory("all"),
                     className: cn(
                       "cursor-pointer",
-                      "w-full lg:w-full",
+                      "w-fit lg:w-full",
                       "shrink-0 whitespace-nowrap",
                       "rounded-md px-4 py-2",
                       "text-left text-sm font-medium",

package/dist/faq-simple-accordion.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 })
     }

package/dist/faq-simple-accordion.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-simple-accordion.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-simple-accordion.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 })
     }