@opensite/ui 2.7.4 → 2.7.6

package/dist/about-network-spotlight.cjs

@@ -1009,8 +1009,7 @@ function AboutNetworkSpotlight({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-black/70 via-transparent to-transparent" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-2 md:bottom-6 left-2 md:left-6 right-2 md:right-6", children: spotlightCardContent })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-4 md:bottom-6 left-4 md:left-6 right-4 md:right-6", children: spotlightCardContent })
                 ] })
               }
             ),

package/dist/about-network-spotlight.js

@@ -988,8 +988,7 @@ function AboutNetworkSpotlight({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-black/70 via-transparent to-transparent" }),
-                  /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 md:bottom-6 left-2 md:left-6 right-2 md:right-6", children: spotlightCardContent })
+                  /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 md:bottom-6 left-4 md:left-6 right-4 md:right-6", children: spotlightCardContent })
                 ] })
               }
             ),

package/dist/about-story-expertise.cjs

@@ -938,12 +938,12 @@ function AboutStoryExpertise({
       {
         className: cn(
           "bg-card text-card-foreground",
-          "rounded-2xl border border-border/60 p-6 shadow-xl",
+          "rounded-2xl border p-5 shadow-xl",
           highlightClassName
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: highlight.icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary text-primary-foreground shrink-0", children: highlight.icon }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               highlight.label && (typeof highlight.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
@@ -954,7 +954,7 @@ function AboutStoryExpertise({
                   children: highlight.label
                 }
               ) : highlight.label),
-              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-bold", children: highlight.title }) : highlight.title)
+              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-bold leading-tight", children: highlight.title }) : highlight.title)
             ] })
           ] }),
           highlight.description && (typeof highlight.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm"), children: highlight.description }) : highlight.description)
@@ -1019,9 +1019,9 @@ function AboutStoryExpertise({
               whileInView: { opacity: 1, x: 0 },
               viewport: { once: true, margin: "-50px" },
               transition: { duration: 0.5 },
-              className: "order-2 space-y-6 lg:order-1",
+              className: "order-2 space-y-8 lg:order-1",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
                   eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                     "p",
                     {
@@ -1068,7 +1068,7 @@ function AboutStoryExpertise({
                 {
                   className: cn(
                     "relative overflow-hidden rounded-3xl",
-                    "border border-border shadow-2xl aspect-square",
+                    "shadow-2xl aspect-square",
                     imageClassName
                   ),
                   children: [
@@ -1081,48 +1081,38 @@ function AboutStoryExpertise({
                         optixFlowConfig
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-foreground/60 via-transparent to-transparent" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-6 left-6 right-6", children: highlightContent })
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-4 md:bottom-6 left-4 md:left-6 right-4 md:right-6", children: highlightContent })
                   ]
                 }
               )
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "mt-20 rounded-3xl p-8 md:p-12",
-              expertiseSectionClassName
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                expertiseHeading && (typeof expertiseHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "h3",
-                  {
-                    className: cn(
-                      "mt-2 text-2xl font-bold md:text-3xl",
-                      expertiseHeadingClassName
-                    ),
-                    children: expertiseHeading
-                  }
-                ) : expertiseHeading),
-                expertiseDescription && (typeof expertiseDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "mx-auto mt-3 max-w-2xl",
-                      expertiseDescriptionClassName
-                    ),
-                    children: expertiseDescription
-                  }
-                ) : expertiseDescription)
-              ] }),
-              expertiseAreasContent
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-20 rounded-3xl", expertiseSectionClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+            expertiseHeading && (typeof expertiseHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                className: cn(
+                  "mt-2 text-2xl font-bold md:text-3xl",
+                  expertiseHeadingClassName
+                ),
+                children: expertiseHeading
+              }
+            ) : expertiseHeading),
+            expertiseDescription && (typeof expertiseDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "mx-auto mt-3 max-w-2xl",
+                  expertiseDescriptionClassName
+                ),
+                children: expertiseDescription
+              }
+            ) : expertiseDescription)
+          ] }),
+          expertiseAreasContent
+        ] })
       ]
     }
   );

package/dist/about-story-expertise.js

@@ -917,12 +917,12 @@ function AboutStoryExpertise({
       {
         className: cn(
           "bg-card text-card-foreground",
-          "rounded-2xl border border-border/60 p-6 shadow-xl",
+          "rounded-2xl border p-5 shadow-xl",
           highlightClassName
         ),
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: highlight.icon }),
+          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary text-primary-foreground shrink-0", children: highlight.icon }),
             /* @__PURE__ */ jsxs("div", { children: [
               highlight.label && (typeof highlight.label === "string" ? /* @__PURE__ */ jsx(
                 "p",
@@ -933,7 +933,7 @@ function AboutStoryExpertise({
                   children: highlight.label
                 }
               ) : highlight.label),
-              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsx("div", { className: "text-lg font-bold", children: highlight.title }) : highlight.title)
+              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsx("div", { className: "text-lg font-bold leading-tight", children: highlight.title }) : highlight.title)
             ] })
           ] }),
           highlight.description && (typeof highlight.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm"), children: highlight.description }) : highlight.description)
@@ -998,9 +998,9 @@ function AboutStoryExpertise({
               whileInView: { opacity: 1, x: 0 },
               viewport: { once: true, margin: "-50px" },
               transition: { duration: 0.5 },
-              className: "order-2 space-y-6 lg:order-1",
+              className: "order-2 space-y-8 lg:order-1",
               children: [
-                /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
                   eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
                     "p",
                     {
@@ -1047,7 +1047,7 @@ function AboutStoryExpertise({
                 {
                   className: cn(
                     "relative overflow-hidden rounded-3xl",
-                    "border border-border shadow-2xl aspect-square",
+                    "shadow-2xl aspect-square",
                     imageClassName
                   ),
                   children: [
@@ -1060,48 +1060,38 @@ function AboutStoryExpertise({
                         optixFlowConfig
                       }
                     ),
-                    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-foreground/60 via-transparent to-transparent" }),
-                    /* @__PURE__ */ jsx("div", { className: "absolute bottom-6 left-6 right-6", children: highlightContent })
+                    /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 md:bottom-6 left-4 md:left-6 right-4 md:right-6", children: highlightContent })
                   ]
                 }
               )
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "mt-20 rounded-3xl p-8 md:p-12",
-              expertiseSectionClassName
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-                expertiseHeading && (typeof expertiseHeading === "string" ? /* @__PURE__ */ jsx(
-                  "h3",
-                  {
-                    className: cn(
-                      "mt-2 text-2xl font-bold md:text-3xl",
-                      expertiseHeadingClassName
-                    ),
-                    children: expertiseHeading
-                  }
-                ) : expertiseHeading),
-                expertiseDescription && (typeof expertiseDescription === "string" ? /* @__PURE__ */ jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "mx-auto mt-3 max-w-2xl",
-                      expertiseDescriptionClassName
-                    ),
-                    children: expertiseDescription
-                  }
-                ) : expertiseDescription)
-              ] }),
-              expertiseAreasContent
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxs("div", { className: cn("mt-20 rounded-3xl", expertiseSectionClassName), children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            expertiseHeading && (typeof expertiseHeading === "string" ? /* @__PURE__ */ jsx(
+              "h3",
+              {
+                className: cn(
+                  "mt-2 text-2xl font-bold md:text-3xl",
+                  expertiseHeadingClassName
+                ),
+                children: expertiseHeading
+              }
+            ) : expertiseHeading),
+            expertiseDescription && (typeof expertiseDescription === "string" ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "mx-auto mt-3 max-w-2xl",
+                  expertiseDescriptionClassName
+                ),
+                children: expertiseDescription
+              }
+            ) : expertiseDescription)
+          ] }),
+          expertiseAreasContent
+        ] })
       ]
     }
   );

package/dist/blog-tech-insights.cjs

@@ -1006,7 +1006,7 @@ function BlogTechInsights({
     {
       background,
       spacing,
-      className: cn("dark relative", className),
+      className,
       pattern,
       patternOpacity,
       containerClassName,
@@ -1016,7 +1016,7 @@ function BlogTechInsights({
             "h1",
             {
               className: cn(
-                "text-3xl font-bold md:text-4xl lg:text-5xl",
+                "text-2xl font-bold lg:text-3xl",
                 headingClassName
               ),
               children: heading

package/dist/blog-tech-insights.js

@@ -984,7 +984,7 @@ function BlogTechInsights({
     {
       background,
       spacing,
-      className: cn("dark relative", className),
+      className,
       pattern,
       patternOpacity,
       containerClassName,
@@ -994,7 +994,7 @@ function BlogTechInsights({
             "h1",
             {
               className: cn(
-                "text-3xl font-bold md:text-4xl lg:text-5xl",
+                "text-2xl font-bold lg:text-3xl",
                 headingClassName
               ),
               children: heading

package/dist/cta-case-study-testimonial.cjs

@@ -34,36 +34,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -909,7 +879,6 @@ var Section = React__namespace.default.forwardRef(
 Section.displayName = "Section";
 function CtaCaseStudyTestimonial({
   badge,
-  badgeText,
   heading,
   description,
   sections,
@@ -926,7 +895,6 @@ function CtaCaseStudyTestimonial({
   industryBadge,
   companyDetails,
   className,
-  containerClassName,
   gridClassName,
   contentClassName,
   badgeClassName,
@@ -937,7 +905,8 @@ function CtaCaseStudyTestimonial({
   actionsClassName,
   sidebarClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-32 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1027,7 +996,7 @@ function CtaCaseStudyTestimonial({
       index
     )) });
   }, [statsSlot, stats]);
-  const badgeContent = badge ?? badgeText;
+  const badgeContent = badge;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1064,7 +1033,7 @@ function CtaCaseStudyTestimonial({
             "div",
             {
               className: cn(
-                "relative mt-8 border-l-4 border-primary/20 pl-6 italic text-muted-foreground",
+                "relative mt-8 border-l-4 border-primary/20 pl-6 italic",
                 testimonialClassName
               ),
               children: [
@@ -1073,7 +1042,7 @@ function CtaCaseStudyTestimonial({
                   {
                     name: "lucide/quote",
                     size: 24,
-                    className: "absolute -left-3 -top-2 rounded-full bg-background text-primary"
+                    className: "absolute -left-3 -top-2 rounded-full"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "md:text-lg", children: [
@@ -1107,11 +1076,7 @@ function CtaCaseStudyTestimonial({
             ) }) })
           ] }),
           statsContent,
-          (companyLogo || companyName || industryBadge || companyDetails) && /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn(
-            "mt-6 rounded-lg border p-4",
-            getNestedCardBg(background),
-            getNestedCardTextColor(background)
-          ), children: [
+          (companyLogo || companyName || industryBadge || companyDetails) && /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("mt-6 rounded-lg border p-4"), children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 companyLogo && /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cta-case-study-testimonial.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-2FsyKLdT.cjs';
-import { A as ActionConfig } from './blocks-gR13ES5A.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-gR13ES5A.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -171,14 +171,7 @@ interface CtaCaseStudyTestimonialProps {
     /**
      * Optional Optix Flow configuration for image optimization
      */
-    optixFlowConfig?: {
-        apiKey: string;
-        compression?: number;
-    };
-    /**
-     * @deprecated Use badge instead
-     */
-    badgeText?: string;
+    optixFlowConfig?: OptixFlowConfig;
 }
 /**
  * CtaCaseStudyTestimonial - A comprehensive case study CTA with testimonial quote,
@@ -199,6 +192,6 @@ interface CtaCaseStudyTestimonialProps {
  * />
  * ```
  */
-declare function CtaCaseStudyTestimonial({ badge, badgeText, heading, description, sections, sectionsSlot, testimonialQuote, actions, actionsSlot, featuredImage, featuredImageAlt, stats, statsSlot, companyLogo, companyName, industryBadge, companyDetails, className, containerClassName, gridClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, sectionsClassName, testimonialClassName, actionsClassName, sidebarClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: CtaCaseStudyTestimonialProps): React.JSX.Element;
+declare function CtaCaseStudyTestimonial({ badge, heading, description, sections, sectionsSlot, testimonialQuote, actions, actionsSlot, featuredImage, featuredImageAlt, stats, statsSlot, companyLogo, companyName, industryBadge, companyDetails, className, gridClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, sectionsClassName, testimonialClassName, actionsClassName, sidebarClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: CtaCaseStudyTestimonialProps): React.JSX.Element;
 
 export { type CtaCaseStudySection, type CtaCaseStudyStat, CtaCaseStudyTestimonial, type CtaCaseStudyTestimonialProps };

package/dist/cta-case-study-testimonial.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CtLnPq2v.js';
-import { A as ActionConfig } from './blocks-CsMdf2Jh.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CsMdf2Jh.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -171,14 +171,7 @@ interface CtaCaseStudyTestimonialProps {
     /**
      * Optional Optix Flow configuration for image optimization
      */
-    optixFlowConfig?: {
-        apiKey: string;
-        compression?: number;
-    };
-    /**
-     * @deprecated Use badge instead
-     */
-    badgeText?: string;
+    optixFlowConfig?: OptixFlowConfig;
 }
 /**
  * CtaCaseStudyTestimonial - A comprehensive case study CTA with testimonial quote,
@@ -199,6 +192,6 @@ interface CtaCaseStudyTestimonialProps {
  * />
  * ```
  */
-declare function CtaCaseStudyTestimonial({ badge, badgeText, heading, description, sections, sectionsSlot, testimonialQuote, actions, actionsSlot, featuredImage, featuredImageAlt, stats, statsSlot, companyLogo, companyName, industryBadge, companyDetails, className, containerClassName, gridClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, sectionsClassName, testimonialClassName, actionsClassName, sidebarClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: CtaCaseStudyTestimonialProps): React.JSX.Element;
+declare function CtaCaseStudyTestimonial({ badge, heading, description, sections, sectionsSlot, testimonialQuote, actions, actionsSlot, featuredImage, featuredImageAlt, stats, statsSlot, companyLogo, companyName, industryBadge, companyDetails, className, gridClassName, contentClassName, badgeClassName, headingClassName, descriptionClassName, sectionsClassName, testimonialClassName, actionsClassName, sidebarClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: CtaCaseStudyTestimonialProps): React.JSX.Element;
 
 export { type CtaCaseStudySection, type CtaCaseStudyStat, CtaCaseStudyTestimonial, type CtaCaseStudyTestimonialProps };

package/dist/cta-case-study-testimonial.js

@@ -13,36 +13,6 @@ import { Slot } from '@radix-ui/react-slot';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -888,7 +858,6 @@ var Section = React__default.forwardRef(
 Section.displayName = "Section";
 function CtaCaseStudyTestimonial({
   badge,
-  badgeText,
   heading,
   description,
   sections,
@@ -905,7 +874,6 @@ function CtaCaseStudyTestimonial({
   industryBadge,
   companyDetails,
   className,
-  containerClassName,
   gridClassName,
   contentClassName,
   badgeClassName,
@@ -916,7 +884,8 @@ function CtaCaseStudyTestimonial({
   actionsClassName,
   sidebarClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-32 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1006,7 +975,7 @@ function CtaCaseStudyTestimonial({
       index
     )) });
   }, [statsSlot, stats]);
-  const badgeContent = badge ?? badgeText;
+  const badgeContent = badge;
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1043,7 +1012,7 @@ function CtaCaseStudyTestimonial({
             "div",
             {
               className: cn(
-                "relative mt-8 border-l-4 border-primary/20 pl-6 italic text-muted-foreground",
+                "relative mt-8 border-l-4 border-primary/20 pl-6 italic",
                 testimonialClassName
               ),
               children: [
@@ -1052,7 +1021,7 @@ function CtaCaseStudyTestimonial({
                   {
                     name: "lucide/quote",
                     size: 24,
-                    className: "absolute -left-3 -top-2 rounded-full bg-background text-primary"
+                    className: "absolute -left-3 -top-2 rounded-full"
                   }
                 ),
                 /* @__PURE__ */ jsxs("p", { className: "md:text-lg", children: [
@@ -1086,11 +1055,7 @@ function CtaCaseStudyTestimonial({
             ) }) })
           ] }),
           statsContent,
-          (companyLogo || companyName || industryBadge || companyDetails) && /* @__PURE__ */ jsxs(Card, { className: cn(
-            "mt-6 rounded-lg border p-4",
-            getNestedCardBg(background),
-            getNestedCardTextColor(background)
-          ), children: [
+          (companyLogo || companyName || industryBadge || companyDetails) && /* @__PURE__ */ jsxs(Card, { className: cn("mt-6 rounded-lg border p-4"), children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 companyLogo && /* @__PURE__ */ jsx(

package/dist/cta-documentation-links.cjs

@@ -32,32 +32,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -877,7 +851,6 @@ function CtaDocumentationLinks({
   links,
   linksSlot,
   className,
-  containerClassName,
   cardClassName,
   contentClassName,
   headingClassName,
@@ -886,7 +859,8 @@ function CtaDocumentationLinks({
   linksClassName,
   linkCardClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-32 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -954,7 +928,7 @@ function CtaDocumentationLinks({
             )),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               link.title && /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "mb-2 leading-4 font-medium", children: link.title }),
-              link.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: link.description })
+              link.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm"), children: link.description })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
@@ -970,7 +944,8 @@ function CtaDocumentationLinks({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           className: cn(
@@ -989,7 +964,7 @@ function CtaDocumentationLinks({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2", headingClassName), children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
               actionsContent
             ] }),
             linksContent