@opensite/ui 0.8.6 → 0.8.8

package/dist/cta-fullwidth-background.cjs

@@ -890,7 +890,7 @@ function CtaFullwidthBackground({
             backgroundClassName
           ),
           style: backgroundImage ? {
-            backgroundImage: `linear-gradient(rgba(0,0,0,${overlayOpacity}),rgba(0,0,0,0)), url('${backgroundImage}')`
+            backgroundImage: `linear-gradient(hsl(var(--foreground) / ${overlayOpacity}), hsl(var(--foreground) / 0)), url('${backgroundImage}')`
           } : void 0,
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             "div",

package/dist/cta-fullwidth-background.js

@@ -869,7 +869,7 @@ function CtaFullwidthBackground({
             backgroundClassName
           ),
           style: backgroundImage ? {
-            backgroundImage: `linear-gradient(rgba(0,0,0,${overlayOpacity}),rgba(0,0,0,0)), url('${backgroundImage}')`
+            backgroundImage: `linear-gradient(hsl(var(--foreground) / ${overlayOpacity}), hsl(var(--foreground) / 0)), url('${backgroundImage}')`
           } : void 0,
           children: /* @__PURE__ */ jsxs(
             "div",

package/dist/cta-hero-feature-cards.cjs

@@ -988,7 +988,7 @@ function CtaHeroFeatureCards({
               variant: action.variant,
               size: action.size,
               className: cn(
-                isOutlineOnDark && "border-white/30 bg-white/10 text-white hover:bg-white/20",
+                isOutlineOnDark && "border-background/30 bg-background/10 text-background hover:bg-background/20",
                 action.className
               ),
               "aria-label": action["aria-label"],
@@ -1078,10 +1078,10 @@ function CtaHeroFeatureCards({
                 "div",
                 {
                   className: cn(
-                    "absolute inset-0 flex items-center justify-center bg-black/40",
+                    "absolute inset-0 flex items-center justify-center bg-foreground/40",
                     overlayClassName
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl p-8 text-center text-white", children: [
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-2xl p-8 text-center text-background", children: [
                     heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                       "h2",
                       {

package/dist/cta-hero-feature-cards.js

@@ -967,7 +967,7 @@ function CtaHeroFeatureCards({
               variant: action.variant,
               size: action.size,
               className: cn(
-                isOutlineOnDark && "border-white/30 bg-white/10 text-white hover:bg-white/20",
+                isOutlineOnDark && "border-background/30 bg-background/10 text-background hover:bg-background/20",
                 action.className
               ),
               "aria-label": action["aria-label"],
@@ -1057,10 +1057,10 @@ function CtaHeroFeatureCards({
                 "div",
                 {
                   className: cn(
-                    "absolute inset-0 flex items-center justify-center bg-black/40",
+                    "absolute inset-0 flex items-center justify-center bg-foreground/40",
                     overlayClassName
                   ),
-                  children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl p-8 text-center text-white", children: [
+                  children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl p-8 text-center text-background", children: [
                     heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                       "h2",
                       {

package/dist/cta-image-overlay-arrow.cjs

@@ -990,7 +990,7 @@ function CtaImageOverlayArrow({
             cardClassName
           ),
           style: backgroundImage ? {
-            backgroundImage: `linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('${backgroundImage}')`
+            backgroundImage: `linear-gradient(hsl(var(--foreground) / 0.5), hsl(var(--foreground) / 0.5)), url('${backgroundImage}')`
           } : void 0,
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             "div",

package/dist/cta-image-overlay-arrow.js

@@ -969,7 +969,7 @@ function CtaImageOverlayArrow({
             cardClassName
           ),
           style: backgroundImage ? {
-            backgroundImage: `linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('${backgroundImage}')`
+            backgroundImage: `linear-gradient(hsl(var(--foreground) / 0.5), hsl(var(--foreground) / 0.5)), url('${backgroundImage}')`
           } : void 0,
           children: /* @__PURE__ */ jsxs(
             "div",

package/dist/cta-image-overlay-centered.cjs

@@ -920,7 +920,7 @@ function CtaImageOverlayCentered({
                 viewport: { once: true },
                 transition: { duration: 0.35 },
                 className: cn(
-                  "relative px-6 py-16 text-center text-white md:px-10",
+                  "relative px-6 py-16 text-center text-background md:px-10",
                   contentClassName
                 ),
                 children: [
@@ -935,7 +935,7 @@ function CtaImageOverlayCentered({
                     "p",
                     {
                       className: cn(
-                        "mx-auto mt-4 max-w-2xl text-lg text-white/80",
+                        "mx-auto mt-4 max-w-2xl text-lg text-background/80",
                         descriptionClassName
                       ),
                       children: description

package/dist/cta-image-overlay-centered.js

@@ -899,7 +899,7 @@ function CtaImageOverlayCentered({
                 viewport: { once: true },
                 transition: { duration: 0.35 },
                 className: cn(
-                  "relative px-6 py-16 text-center text-white md:px-10",
+                  "relative px-6 py-16 text-center text-background md:px-10",
                   contentClassName
                 ),
                 children: [
@@ -914,7 +914,7 @@ function CtaImageOverlayCentered({
                     "p",
                     {
                       className: cn(
-                        "mx-auto mt-4 max-w-2xl text-lg text-white/80",
+                        "mx-auto mt-4 max-w-2xl text-lg text-background/80",
                         descriptionClassName
                       ),
                       children: description

package/dist/cta-split-gradient-image.cjs

@@ -929,7 +929,7 @@ function CtaSplitGradientImage({
               }
             ),
             imageSrc && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative w-full pl-4 sm:pl-0", imageClassName), children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-8 -left-8 -z-10 h-4/5 w-4/5 rounded-tl-2xl rounded-br-2xl bg-stone-900/20 blur-2xl" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-8 -left-8 -z-10 h-4/5 w-4/5 rounded-tl-2xl rounded-br-2xl bg-foreground/20 blur-2xl" }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 img.Img,
                 {

package/dist/cta-split-gradient-image.js

@@ -908,7 +908,7 @@ function CtaSplitGradientImage({
               }
             ),
             imageSrc && /* @__PURE__ */ jsxs("div", { className: cn("relative w-full pl-4 sm:pl-0", imageClassName), children: [
-              /* @__PURE__ */ jsx("div", { className: "absolute -bottom-8 -left-8 -z-10 h-4/5 w-4/5 rounded-tl-2xl rounded-br-2xl bg-stone-900/20 blur-2xl" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute -bottom-8 -left-8 -z-10 h-4/5 w-4/5 rounded-tl-2xl rounded-br-2xl bg-foreground/20 blur-2xl" }),
               /* @__PURE__ */ jsx(
                 Img,
                 {

package/dist/cta-video-background-hero.cjs

@@ -986,7 +986,7 @@ function CtaVideoBackgroundHero({
               variant: action.variant,
               size: action.size,
               className: cn(
-                !isFirstAction && "border-white/30 text-white hover:bg-white/10",
+                !isFirstAction && "border-background/30 text-background hover:bg-background/10",
                 action.className
               ),
               "aria-label": action["aria-label"],
@@ -1071,7 +1071,7 @@ function CtaVideoBackgroundHero({
                 "div",
                 {
                   className: cn(
-                    "absolute inset-0 bg-linear-to-t from-black/80 via-black/50 to-black/30",
+                    "absolute inset-0 bg-linear-to-t from-foreground/80 via-foreground/50 to-foreground/30",
                     overlayClassName
                   )
                 }
@@ -1080,7 +1080,7 @@ function CtaVideoBackgroundHero({
                 "div",
                 {
                   className: cn(
-                    "max-w-2xl p-8 text-center text-white",
+                    "max-w-2xl p-8 text-center text-background",
                     contentClassName
                   ),
                   children: [

package/dist/cta-video-background-hero.js

@@ -965,7 +965,7 @@ function CtaVideoBackgroundHero({
               variant: action.variant,
               size: action.size,
               className: cn(
-                !isFirstAction && "border-white/30 text-white hover:bg-white/10",
+                !isFirstAction && "border-background/30 text-background hover:bg-background/10",
                 action.className
               ),
               "aria-label": action["aria-label"],
@@ -1050,7 +1050,7 @@ function CtaVideoBackgroundHero({
                 "div",
                 {
                   className: cn(
-                    "absolute inset-0 bg-linear-to-t from-black/80 via-black/50 to-black/30",
+                    "absolute inset-0 bg-linear-to-t from-foreground/80 via-foreground/50 to-foreground/30",
                     overlayClassName
                   )
                 }
@@ -1059,7 +1059,7 @@ function CtaVideoBackgroundHero({
                 "div",
                 {
                   className: cn(
-                    "max-w-2xl p-8 text-center text-white",
+                    "max-w-2xl p-8 text-center text-background",
                     contentClassName
                   ),
                   children: [

package/dist/cta-workflow-tabs.cjs

@@ -1014,7 +1014,7 @@ function CtaWorkflowTabs({
               onClick: () => setActiveTab(tab.id),
               className: cn(
                 "flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors",
-                activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground",
+                activeTab === tab.id ? "bg-background shadow-sm" : "text-muted-foreground",
                 tabButtonClassName,
                 tab.className
               ),

package/dist/cta-workflow-tabs.js

@@ -993,7 +993,7 @@ function CtaWorkflowTabs({
               onClick: () => setActiveTab(tab.id),
               className: cn(
                 "flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors",
-                activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground",
+                activeTab === tab.id ? "bg-background shadow-sm" : "text-muted-foreground",
                 tabButtonClassName,
                 tab.className
               ),

package/dist/faq-badge-support.cjs

@@ -221,7 +221,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -1129,7 +1129,7 @@ function FaqBadgeSupport({
         ),
         children: [
           supportText && (typeof supportText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: supportText }) : supportText),
-          supportAction && /* @__PURE__ */ jsxRuntime.jsx(
+          supportAction && /* @__PURE__ */ jsxRuntime.jsxs(
             Pressable,
             {
               href: supportAction.href,
@@ -1137,7 +1137,12 @@ function FaqBadgeSupport({
               variant: supportAction.variant,
               size: supportAction.size,
               className: supportAction.className,
-              children: supportAction.children ?? supportAction.label
+              asButton: supportAction.asButton,
+              children: [
+                supportAction.children ?? supportAction.label,
+                supportAction.icon && supportAction.icon,
+                supportAction.iconAfter && supportAction.iconAfter
+              ]
             }
           )
         ]

package/dist/faq-badge-support.js

@@ -198,7 +198,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -1106,7 +1106,7 @@ function FaqBadgeSupport({
         ),
         children: [
           supportText && (typeof supportText === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: supportText }) : supportText),
-          supportAction && /* @__PURE__ */ jsx(
+          supportAction && /* @__PURE__ */ jsxs(
             Pressable,
             {
               href: supportAction.href,
@@ -1114,7 +1114,12 @@ function FaqBadgeSupport({
               variant: supportAction.variant,
               size: supportAction.size,
               className: supportAction.className,
-              children: supportAction.children ?? supportAction.label
+              asButton: supportAction.asButton,
+              children: [
+                supportAction.children ?? supportAction.label,
+                supportAction.icon && supportAction.icon,
+                supportAction.iconAfter && supportAction.iconAfter
+              ]
             }
           )
         ]

package/dist/faq-bordered-badge.cjs

@@ -199,7 +199,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -712,7 +712,7 @@ function FaqBorderedBadge({
                 "h2",
                 {
                   className: cn(
-                    "max-w-2xl text-3xl font-semibold md:text-4xl",
+                    "max-w-2xl text-3xl font-semibold md:text-4xl text-balance",
                     headingClassName
                   ),
                   children: heading
@@ -722,7 +722,7 @@ function FaqBorderedBadge({
                 "p",
                 {
                   className: cn(
-                    "text-muted-foreground max-w-2xl",
+                    "text-muted-foreground max-w-2xl text-balance",
                     descriptionClassName
                   ),
                   children: description

package/dist/faq-bordered-badge.js

@@ -177,7 +177,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -690,7 +690,7 @@ function FaqBorderedBadge({
                 "h2",
                 {
                   className: cn(
-                    "max-w-2xl text-3xl font-semibold md:text-4xl",
+                    "max-w-2xl text-3xl font-semibold md:text-4xl text-balance",
                     headingClassName
                   ),
                   children: heading
@@ -700,7 +700,7 @@ function FaqBorderedBadge({
                 "p",
                 {
                   className: cn(
-                    "text-muted-foreground max-w-2xl",
+                    "text-muted-foreground max-w-2xl text-balance",
                     descriptionClassName
                   ),
                   children: description

package/dist/faq-card-categories.cjs

@@ -211,7 +211,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-card-categories.js

@@ -189,7 +189,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-categorized-sections.cjs

@@ -165,7 +165,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-categorized-sections.js

@@ -143,7 +143,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-centered-accordion.cjs

@@ -165,7 +165,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-centered-accordion.js

@@ -143,7 +143,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-gradient-categories.cjs

@@ -165,7 +165,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-gradient-categories.js

@@ -143,7 +143,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-muted-cards.cjs

@@ -165,7 +165,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-muted-cards.js

@@ -143,7 +143,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-profile-sidebar.cjs

@@ -167,7 +167,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -1076,7 +1076,7 @@ function FaqProfileSidebar({
             src: profileImage,
             alt: typeof profileName === "string" ? profileName : "Profile",
             className: cn(
-              "size-16 rounded-full object-cover",
+              "size-16 rounded-xl object-cover shadow-md",
               profileImageClassName
             ),
             optixFlowConfig
@@ -1169,7 +1169,7 @@ function FaqProfileSidebar({
                   "h2",
                   {
                     className: cn(
-                      "mb-3 text-3xl font-semibold md:mb-4 lg:text-4xl",
+                      "mb-3 text-xl font-semibold md:mb-4 lg:text-2xl",
                       headingClassName
                     ),
                     children: heading

package/dist/faq-profile-sidebar.js

@@ -145,7 +145,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -1054,7 +1054,7 @@ function FaqProfileSidebar({
             src: profileImage,
             alt: typeof profileName === "string" ? profileName : "Profile",
             className: cn(
-              "size-16 rounded-full object-cover",
+              "size-16 rounded-xl object-cover shadow-md",
               profileImageClassName
             ),
             optixFlowConfig
@@ -1147,7 +1147,7 @@ function FaqProfileSidebar({
                   "h2",
                   {
                     className: cn(
-                      "mb-3 text-3xl font-semibold md:mb-4 lg:text-4xl",
+                      "mb-3 text-xl font-semibold md:mb-4 lg:text-2xl",
                       headingClassName
                     ),
                     children: heading

package/dist/faq-rounded-cards.cjs

@@ -165,7 +165,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -607,7 +607,7 @@ function FaqRoundedCards({
           {
             value: item.id,
             className: cn(
-              "rounded-xl border border-border/60 bg-card px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
+              "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
               accordionItemClassName
             ),
             children: [
@@ -624,10 +624,7 @@ function FaqRoundedCards({
               /* @__PURE__ */ jsxRuntime.jsx(
                 AccordionContent,
                 {
-                  className: cn(
-                    "pb-4 text-muted-foreground",
-                    accordionContentClassName
-                  ),
+                  className: cn("pb-4 ", accordionContentClassName),
                   children: item.answer
                 }
               )
@@ -677,16 +674,7 @@ function FaqRoundedCards({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "mx-auto mt-10 max-w-3xl",
-              cardsWrapperClassName
-            ),
-            children: itemsContent
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mt-10 max-w-3xl", cardsWrapperClassName), children: itemsContent })
       ] })
     }
   );

package/dist/faq-rounded-cards.js

@@ -143,7 +143,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,
@@ -585,7 +585,7 @@ function FaqRoundedCards({
           {
             value: item.id,
             className: cn(
-              "rounded-xl border border-border/60 bg-card px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
+              "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
               accordionItemClassName
             ),
             children: [
@@ -602,10 +602,7 @@ function FaqRoundedCards({
               /* @__PURE__ */ jsx(
                 AccordionContent,
                 {
-                  className: cn(
-                    "pb-4 text-muted-foreground",
-                    accordionContentClassName
-                  ),
+                  className: cn("pb-4 ", accordionContentClassName),
                   children: item.answer
                 }
               )
@@ -655,16 +652,7 @@ function FaqRoundedCards({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "mx-auto mt-10 max-w-3xl",
-              cardsWrapperClassName
-            ),
-            children: itemsContent
-          }
-        )
+        /* @__PURE__ */ jsx("div", { className: cn("mx-auto mt-10 max-w-3xl", cardsWrapperClassName), children: itemsContent })
       ] })
     }
   );

package/dist/faq-sidebar-navigation.cjs

@@ -165,7 +165,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,

package/dist/faq-sidebar-navigation.js

@@ -143,7 +143,7 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start 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",
+        "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,