@opensite/ui 0.4.2 → 0.4.3

package/dist/faq-gradient-categories.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.js';
 
 interface FaqItem {
     id: string;
@@ -45,7 +44,7 @@ interface FaqGradientCategoriesProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-gradient-categories.js

@@ -495,6 +495,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -514,7 +515,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -575,41 +576,33 @@ function FaqGradientCategories({
               children: category.title
             }
           ) : /* @__PURE__ */ jsx("div", { className: categoryTitleClassName, children: category.title }),
-          /* @__PURE__ */ jsx(
-            Accordion,
+          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
+            AccordionItem,
             {
-              type: "single",
-              collapsible: true,
-              className: accordionClassName,
-              children: category.items.map((item) => /* @__PURE__ */ jsxs(
-                AccordionItem,
-                {
-                  value: item.id,
-                  className: accordionItemClassName,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      AccordionTrigger,
-                      {
-                        className: cn(
-                          "transition-opacity duration-200 hover:no-underline hover:opacity-60",
-                          accordionTriggerClassName
-                        ),
-                        children: /* @__PURE__ */ jsx("div", { className: "font-medium sm:py-1 lg:py-2 lg:text-lg", children: item.question })
-                      }
+              value: item.id,
+              className: accordionItemClassName,
+              children: [
+                /* @__PURE__ */ jsx(
+                  AccordionTrigger,
+                  {
+                    className: cn(
+                      "transition-opacity duration-200 hover:no-underline hover:opacity-60",
+                      accordionTriggerClassName
                     ),
-                    /* @__PURE__ */ jsx(
-                      AccordionContent,
-                      {
-                        className: cn("sm:mb-1 lg:mb-2", accordionContentClassName),
-                        children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground lg:text-lg", children: item.answer })
-                      }
-                    )
-                  ]
-                },
-                item.id
-              ))
-            }
-          )
+                    children: /* @__PURE__ */ jsx("div", { className: "font-medium sm:py-1 lg:py-2 lg:text-lg", children: item.question })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  AccordionContent,
+                  {
+                    className: cn("sm:mb-1 lg:mb-2", accordionContentClassName),
+                    children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground lg:text-lg", children: item.answer })
+                  }
+                )
+              ]
+            },
+            item.id
+          )) })
         ] }, categoryIndex))
       }
     );
@@ -649,7 +642,16 @@ function FaqGradientCategories({
                       children: heading
                     }
                   ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-                  description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground lg:text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+                  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "text-muted-foreground lg:text-lg",
+                        descriptionClassName
+                      ),
+                      children: description
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
                 ]
               }
             ),

package/dist/faq-icon-benefits.cjs

@@ -461,6 +461,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -480,7 +481,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -599,7 +600,16 @@ function FaqIconBenefits({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground lg:text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground lg:text-lg",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
             ]
           }
         ),

package/dist/faq-icon-benefits.d.cts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 interface FaqBenefit {
     icon: string;
@@ -41,7 +40,7 @@ interface FaqIconBenefitsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-icon-benefits.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.js';
 
 interface FaqBenefit {
     icon: string;
@@ -41,7 +40,7 @@ interface FaqIconBenefitsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-icon-benefits.js

@@ -440,6 +440,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -459,7 +460,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -578,7 +579,16 @@ function FaqIconBenefits({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground lg:text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground lg:text-lg",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
             ]
           }
         ),

package/dist/faq-muted-cards.cjs

@@ -517,6 +517,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -536,7 +537,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/faq-muted-cards.d.cts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 interface FaqItem {
     id: string;
@@ -37,7 +36,7 @@ interface FaqMutedCardsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-muted-cards.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.js';
 
 interface FaqItem {
     id: string;
@@ -37,7 +36,7 @@ interface FaqMutedCardsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-muted-cards.js

@@ -495,6 +495,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -514,7 +515,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/faq-numbered-grid.cjs

@@ -340,6 +340,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -359,7 +360,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -473,7 +474,16 @@ function FaqNumberedGrid({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground lg:text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground lg:text-lg",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
             ]
           }
         ),

package/dist/faq-numbered-grid.d.cts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 interface FaqItem {
     question: React.ReactNode;
@@ -40,7 +39,7 @@ interface FaqNumberedGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-numbered-grid.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.js';
 
 interface FaqItem {
     question: React.ReactNode;
@@ -40,7 +39,7 @@ interface FaqNumberedGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-numbered-grid.js

@@ -334,6 +334,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -353,7 +354,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -467,7 +468,16 @@ function FaqNumberedGrid({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground lg:text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground lg:text-lg",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
             ]
           }
         ),

package/dist/faq-numbered-list.cjs

@@ -374,6 +374,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -393,7 +394,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

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

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 interface FaqItem {
     question: React.ReactNode;
@@ -44,7 +43,7 @@ interface FaqNumberedListProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

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

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.js';
 
 interface FaqItem {
     question: React.ReactNode;
@@ -44,7 +43,7 @@ interface FaqNumberedListProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/faq-numbered-list.js

@@ -368,6 +368,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -387,7 +388,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/faq-profile-sidebar.cjs

@@ -1056,6 +1056,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1075,7 +1076,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1168,16 +1169,37 @@ function FaqProfileSidebar({
           {
             src: profileImage,
             alt: typeof profileName === "string" ? profileName : "Profile",
-            className: cn("size-16 rounded-full object-cover", profileImageClassName),
+            className: cn(
+              "size-16 rounded-full object-cover",
+              profileImageClassName
+            ),
             optixFlowConfig
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           typeof profileName === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("font-semibold", profileNameClassName), children: profileName }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: profileNameClassName, children: profileName }),
-          typeof profileRole === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground text-sm", profileRoleClassName), children: profileRole }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: profileRoleClassName, children: profileRole })
+          typeof profileRole === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn(
+                "text-muted-foreground text-sm",
+                profileRoleClassName
+              ),
+              children: profileRole
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: profileRoleClassName, children: profileRole })
         ] })
       ] }),
-      typeof profileDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground mt-4 text-sm", profileDescriptionClassName), children: profileDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: profileDescriptionClassName, children: profileDescription }),
+      typeof profileDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: cn(
+            "text-muted-foreground mt-4 text-sm",
+            profileDescriptionClassName
+          ),
+          children: profileDescription
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: profileDescriptionClassName, children: profileDescription }),
       contactAction && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-6 border-t pt-6", contactSectionClassName), children: [
         typeof contactText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: contactText }) : contactText,
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -1223,7 +1245,16 @@ function FaqProfileSidebar({
                     children: heading
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-                description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+                description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-muted-foreground",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
               ] }),
               renderProfileSection()
             ] }) }),

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

@@ -2,12 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import { A as ActionConfig } from './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 interface FaqItem {
     id: string;
@@ -70,7 +69,7 @@ interface FaqProfileSidebarProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */