@opensite/ui 2.7.4 → 2.7.6

package/dist/cta-documentation-links.d.cts

@@ -133,6 +133,6 @@ interface CtaDocumentationLinksProps {
  * />
  * ```
  */
-declare function CtaDocumentationLinks({ heading, description, actions, actionsSlot, links, linksSlot, className, containerClassName, cardClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, spacing, pattern, patternOpacity, }: CtaDocumentationLinksProps): React.JSX.Element;
+declare function CtaDocumentationLinks({ heading, description, actions, actionsSlot, links, linksSlot, className, cardClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, containerClassName, spacing, pattern, patternOpacity, }: CtaDocumentationLinksProps): React.JSX.Element;
 
 export { type CtaDocumentationLink, CtaDocumentationLinks, type CtaDocumentationLinksProps };

package/dist/cta-documentation-links.d.ts

@@ -133,6 +133,6 @@ interface CtaDocumentationLinksProps {
  * />
  * ```
  */
-declare function CtaDocumentationLinks({ heading, description, actions, actionsSlot, links, linksSlot, className, containerClassName, cardClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, spacing, pattern, patternOpacity, }: CtaDocumentationLinksProps): React.JSX.Element;
+declare function CtaDocumentationLinks({ heading, description, actions, actionsSlot, links, linksSlot, className, cardClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, containerClassName, spacing, pattern, patternOpacity, }: CtaDocumentationLinksProps): React.JSX.Element;
 
 export { type CtaDocumentationLink, CtaDocumentationLinks, type CtaDocumentationLinksProps };

package/dist/cta-documentation-links.js

@@ -11,32 +11,6 @@ import { Icon } from '@page-speed/icon';
 function cn(...inputs) {
   return twMerge(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__ */ jsx(
     "div",
@@ -856,7 +830,6 @@ function CtaDocumentationLinks({
   links,
   linksSlot,
   className,
-  containerClassName,
   cardClassName,
   contentClassName,
   headingClassName,
@@ -865,7 +838,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
 }) {
@@ -933,7 +907,7 @@ function CtaDocumentationLinks({
             )),
             /* @__PURE__ */ jsxs("div", { children: [
               link.title && /* @__PURE__ */ jsx("h5", { className: "mb-2 leading-4 font-medium", children: link.title }),
-              link.description && /* @__PURE__ */ jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: link.description })
+              link.description && /* @__PURE__ */ jsx("p", { className: cn("text-sm"), children: link.description })
             ] })
           ] }),
           /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
@@ -949,7 +923,8 @@ function CtaDocumentationLinks({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs(
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
         "div",
         {
           className: cn(
@@ -968,7 +943,7 @@ function CtaDocumentationLinks({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsx("div", { className: cn("mb-2", headingClassName), children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn(getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn(descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
               actionsContent
             ] }),
             linksContent

package/dist/cta-enterprise-split.cjs

@@ -851,7 +851,6 @@ function CtaEnterpriseSplit({
   links,
   linksSlot,
   className,
-  containerClassName,
   gridClassName,
   contentClassName,
   headingClassName,
@@ -860,7 +859,8 @@ function CtaEnterpriseSplit({
   linksClassName,
   linkCardClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-32 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -940,7 +940,8 @@ function CtaEnterpriseSplit({
       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("grid gap-8 lg:grid-cols-2 lg:gap-16", gridClassName),

package/dist/cta-enterprise-split.d.cts

@@ -131,6 +131,6 @@ interface CtaEnterpriseSplitProps {
  * />
  * ```
  */
-declare function CtaEnterpriseSplit({ heading, description, actions, actionsSlot, links, linksSlot, className, containerClassName, gridClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, spacing, pattern, patternOpacity, }: CtaEnterpriseSplitProps): React.JSX.Element;
+declare function CtaEnterpriseSplit({ heading, description, actions, actionsSlot, links, linksSlot, className, gridClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, containerClassName, spacing, pattern, patternOpacity, }: CtaEnterpriseSplitProps): React.JSX.Element;
 
 export { CtaEnterpriseSplit, type CtaEnterpriseSplitLink, type CtaEnterpriseSplitProps };

package/dist/cta-enterprise-split.d.ts

@@ -131,6 +131,6 @@ interface CtaEnterpriseSplitProps {
  * />
  * ```
  */
-declare function CtaEnterpriseSplit({ heading, description, actions, actionsSlot, links, linksSlot, className, containerClassName, gridClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, spacing, pattern, patternOpacity, }: CtaEnterpriseSplitProps): React.JSX.Element;
+declare function CtaEnterpriseSplit({ heading, description, actions, actionsSlot, links, linksSlot, className, gridClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, linksClassName, linkCardClassName, background, containerClassName, spacing, pattern, patternOpacity, }: CtaEnterpriseSplitProps): React.JSX.Element;
 
 export { CtaEnterpriseSplit, type CtaEnterpriseSplitLink, type CtaEnterpriseSplitProps };

package/dist/cta-enterprise-split.js

@@ -830,7 +830,6 @@ function CtaEnterpriseSplit({
   links,
   linksSlot,
   className,
-  containerClassName,
   gridClassName,
   contentClassName,
   headingClassName,
@@ -839,7 +838,8 @@ function CtaEnterpriseSplit({
   linksClassName,
   linkCardClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-32 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -919,7 +919,8 @@ function CtaEnterpriseSplit({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs(
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
         "div",
         {
           className: cn("grid gap-8 lg:grid-cols-2 lg:gap-16", gridClassName),

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

@@ -32,36 +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 getAccentColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-accent-foreground" : "text-primary";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -881,7 +851,6 @@ function CtaFeatureCardsGrid({
   features,
   featuresSlot,
   className,
-  containerClassName,
   contentClassName,
   headingClassName,
   descriptionClassName,
@@ -889,7 +858,8 @@ function CtaFeatureCardsGrid({
   featuresClassName,
   featureCardClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-32 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -939,16 +909,9 @@ function CtaFeatureCardsGrid({
           {
             className: cn("p-6 text-center", featureCardClassName),
             children: [
-              (feature.icon || feature.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10", children: feature.icon ?? /* @__PURE__ */ jsxRuntime.jsx(
-                DynamicIcon,
-                {
-                  name: feature.iconName || "",
-                  size: 24,
-                  className: getAccentColor(background)
-                }
-              ) }),
+              (feature.icon || feature.iconName) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10", children: feature.icon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.iconName || "", size: 24 }) }),
               feature.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 font-semibold", children: feature.title }),
-              feature.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: feature.description })
+              feature.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: feature.description })
             ]
           },
           index
@@ -961,10 +924,11 @@ function CtaFeatureCardsGrid({
     {
       background,
       spacing,
-      className: cn(className),
+      className,
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("text-center", contentClassName), children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
@@ -975,18 +939,17 @@ function CtaFeatureCardsGrid({
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", headingClassName), children: heading })),
+          ) : heading),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
               className: cn(
                 "mx-auto mb-8 max-w-2xl text-lg",
-                getTextColor(background, "muted"),
                 descriptionClassName
               ),
               children: description
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mb-8 max-w-2xl", descriptionClassName), children: description })),
+          ) : description),
           actionsContent
         ] }),
         featuresContent

package/dist/cta-feature-cards-grid.d.cts

@@ -101,6 +101,6 @@ interface CtaFeatureCardsGridProps {
  * />
  * ```
  */
-declare function CtaFeatureCardsGrid({ heading, description, actions, actionsSlot, features, featuresSlot, className, containerClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, featuresClassName, featureCardClassName, background, spacing, pattern, patternOpacity, }: CtaFeatureCardsGridProps): React.JSX.Element;
+declare function CtaFeatureCardsGrid({ heading, description, actions, actionsSlot, features, featuresSlot, className, contentClassName, headingClassName, descriptionClassName, actionsClassName, featuresClassName, featureCardClassName, background, containerClassName, spacing, pattern, patternOpacity, }: CtaFeatureCardsGridProps): React.JSX.Element;
 
 export { CtaFeatureCardsGrid, type CtaFeatureCardsGridProps };

package/dist/cta-feature-cards-grid.d.ts

@@ -101,6 +101,6 @@ interface CtaFeatureCardsGridProps {
  * />
  * ```
  */
-declare function CtaFeatureCardsGrid({ heading, description, actions, actionsSlot, features, featuresSlot, className, containerClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, featuresClassName, featureCardClassName, background, spacing, pattern, patternOpacity, }: CtaFeatureCardsGridProps): React.JSX.Element;
+declare function CtaFeatureCardsGrid({ heading, description, actions, actionsSlot, features, featuresSlot, className, contentClassName, headingClassName, descriptionClassName, actionsClassName, featuresClassName, featureCardClassName, background, containerClassName, spacing, pattern, patternOpacity, }: CtaFeatureCardsGridProps): React.JSX.Element;
 
 export { CtaFeatureCardsGrid, type CtaFeatureCardsGridProps };

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

@@ -11,36 +11,6 @@ import { Icon } from '@page-speed/icon';
 function cn(...inputs) {
   return twMerge(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 getAccentColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-accent-foreground" : "text-primary";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -860,7 +830,6 @@ function CtaFeatureCardsGrid({
   features,
   featuresSlot,
   className,
-  containerClassName,
   contentClassName,
   headingClassName,
   descriptionClassName,
@@ -868,7 +837,8 @@ function CtaFeatureCardsGrid({
   featuresClassName,
   featureCardClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-32 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -918,16 +888,9 @@ function CtaFeatureCardsGrid({
           {
             className: cn("p-6 text-center", featureCardClassName),
             children: [
-              (feature.icon || feature.iconName) && /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10", children: feature.icon ?? /* @__PURE__ */ jsx(
-                DynamicIcon,
-                {
-                  name: feature.iconName || "",
-                  size: 24,
-                  className: getAccentColor(background)
-                }
-              ) }),
+              (feature.icon || feature.iconName) && /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10", children: feature.icon ?? /* @__PURE__ */ jsx(DynamicIcon, { name: feature.iconName || "", size: 24 }) }),
               feature.title && /* @__PURE__ */ jsx("h3", { className: "mb-2 font-semibold", children: feature.title }),
-              feature.description && /* @__PURE__ */ jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: feature.description })
+              feature.description && /* @__PURE__ */ jsx("p", { className: "text-sm", children: feature.description })
             ]
           },
           index
@@ -940,10 +903,11 @@ function CtaFeatureCardsGrid({
     {
       background,
       spacing,
-      className: cn(className),
+      className,
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
+      containerClassName,
+      children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("text-center", contentClassName), children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h2",
@@ -954,18 +918,17 @@ function CtaFeatureCardsGrid({
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", headingClassName), children: heading })),
+          ) : heading),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx(
             "p",
             {
               className: cn(
                 "mx-auto mb-8 max-w-2xl text-lg",
-                getTextColor(background, "muted"),
                 descriptionClassName
               ),
               children: description
             }
-          ) : /* @__PURE__ */ jsx("div", { className: cn("mx-auto mb-8 max-w-2xl", descriptionClassName), children: description })),
+          ) : description),
           actionsContent
         ] }),
         featuresContent