@opensite/ui 0.8.5 → 0.8.7

package/dist/hero-enterprise-security.js

@@ -969,7 +969,7 @@ function HeroEnterpriseSecurity({
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-20 grid gap-8 md:grid-cols-3", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card p-6 text-center", children: [
       /* @__PURE__ */ jsx("div", { className: cn("mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full", feature.iconBgClass || "bg-primary/10"), children: feature.icon ?? /* @__PURE__ */ jsx(DynamicIcon, { name: feature.iconName || "lucide/check", size: 24, className: feature.iconColorClass || "text-primary" }) }),
-      /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold text-foreground", children: feature.title }),
+      /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold ", children: feature.title }),
       feature.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
     ] }, index)) });
   }, [featuresSlot, features, featuresClassName]);
@@ -1001,7 +1001,7 @@ function HeroEnterpriseSecurity({
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl text-center", contentClassName), children: [
           renderBadge,
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("mt-8 text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("mt-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           renderActions
         ] }),

package/dist/hero-event-registration.cjs

@@ -1024,7 +1024,7 @@ function HeroEventRegistration({
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-3 gap-4 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-foreground", children: stat.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold ", children: stat.value }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
     ] }, index)) });
   }, [statsSlot, stats, statsClassName]);
@@ -1041,7 +1041,7 @@ function HeroEventRegistration({
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-foreground", children: locationLabel }) : locationLabel),
+        locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold ", children: locationLabel }) : locationLabel),
         locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: locationSublabel }) : locationSublabel)
       ] })
     ] }) });
@@ -1073,7 +1073,7 @@ function HeroEventRegistration({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           renderActions,
           renderStats

package/dist/hero-event-registration.js

@@ -1003,7 +1003,7 @@ function HeroEventRegistration({
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-3 gap-4 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-foreground", children: stat.value }),
+      /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold ", children: stat.value }),
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
     ] }, index)) });
   }, [statsSlot, stats, statsClassName]);
@@ -1020,7 +1020,7 @@ function HeroEventRegistration({
         }
       ) }),
       /* @__PURE__ */ jsxs("div", { children: [
-        locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold text-foreground", children: locationLabel }) : locationLabel),
+        locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold ", children: locationLabel }) : locationLabel),
         locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: locationSublabel }) : locationSublabel)
       ] })
     ] }) });
@@ -1052,7 +1052,7 @@ function HeroEventRegistration({
       children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           renderActions,
           renderStats

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

@@ -978,7 +978,7 @@ function HeroFeatureCardsGrid({
         className: "group rounded-2xl border border-border bg-card p-6 transition-all hover:border-primary/50 hover:shadow-lg",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground", children: feature.icon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.iconName || "lucide/check", size: 24 }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-lg font-semibold text-foreground", children: feature.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-lg font-semibold ", children: feature.title }),
           feature.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
         ]
       },
@@ -995,7 +995,7 @@ function HeroFeatureCardsGrid({
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           renderActions
         ] }),

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

@@ -957,7 +957,7 @@ function HeroFeatureCardsGrid({
         className: "group rounded-2xl border border-border bg-card p-6 transition-all hover:border-primary/50 hover:shadow-lg",
         children: [
           /* @__PURE__ */ jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground", children: feature.icon ?? /* @__PURE__ */ jsx(DynamicIcon, { name: feature.iconName || "lucide/check", size: 24 }) }),
-          /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold text-foreground", children: feature.title }),
+          /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold ", children: feature.title }),
           feature.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
         ]
       },
@@ -974,7 +974,7 @@ function HeroFeatureCardsGrid({
       className: cn(className),
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           renderActions
         ] }),

package/dist/hero-floating-images.cjs

@@ -580,12 +580,11 @@ function HeroFloatingImages({
           "absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
           zoomIndicatorClassName
         ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-white/90 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-background/90 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
             name: zoomIconName,
-            size: 20,
-            className: "text-gray-900"
+            size: 20
           }
         ) })
       }
@@ -619,7 +618,7 @@ function HeroFloatingImages({
               optixFlowConfig
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 transition-colors group-hover:bg-black/20" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-foreground/0 transition-colors group-hover:bg-foreground/20" }),
           enableLightbox && zoomIndicator
         ]
       }
@@ -663,7 +662,7 @@ function HeroFloatingImages({
                 optixFlowConfig
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/0 transition-colors group-hover:bg-black/20" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-foreground/0 transition-colors group-hover:bg-foreground/20" }),
             enableLightbox && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -671,12 +670,11 @@ function HeroFloatingImages({
                   "absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
                   zoomIndicatorClassName
                 ),
-                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-white/90 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
                   DynamicIcon,
                   {
                     name: zoomIconName,
-                    size: 16,
-                    className: "text-gray-900"
+                    size: 16
                   }
                 ) })
               }

package/dist/hero-floating-images.js

@@ -559,12 +559,11 @@ function HeroFloatingImages({
           "absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
           zoomIndicatorClassName
         ),
-        children: /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-white/90 shadow-lg", children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-background/90 shadow-lg", children: /* @__PURE__ */ jsx(
           DynamicIcon,
           {
             name: zoomIconName,
-            size: 20,
-            className: "text-gray-900"
+            size: 20
           }
         ) })
       }
@@ -598,7 +597,7 @@ function HeroFloatingImages({
               optixFlowConfig
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/0 transition-colors group-hover:bg-black/20" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/0 transition-colors group-hover:bg-foreground/20" }),
           enableLightbox && zoomIndicator
         ]
       }
@@ -642,7 +641,7 @@ function HeroFloatingImages({
                 optixFlowConfig
               }
             ),
-            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/0 transition-colors group-hover:bg-black/20" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/0 transition-colors group-hover:bg-foreground/20" }),
             enableLightbox && /* @__PURE__ */ jsx(
               "div",
               {
@@ -650,12 +649,11 @@ function HeroFloatingImages({
                   "absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
                   zoomIndicatorClassName
                 ),
-                children: /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-white/90 shadow-lg", children: /* @__PURE__ */ jsx(
+                children: /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-lg", children: /* @__PURE__ */ jsx(
                   DynamicIcon,
                   {
                     name: zoomIconName,
-                    size: 16,
-                    className: "text-gray-900"
+                    size: 16
                   }
                 ) })
               }

package/dist/hero-fullscreen-background-image.cjs

@@ -866,14 +866,14 @@ function HeroFullscreenBackgroundImage({
     Section,
     {
       className: cn(
-        "dark relative flex h-svh max-h-[1400px] w-svw overflow-hidden bg-cover bg-center bg-no-repeat font-sans after:absolute after:top-0 after:left-0 after:z-10 after:h-full after:w-full after:bg-black/20 after:content-[''] md:h-svh",
+        "dark relative flex h-svh max-h-[1400px] w-svw overflow-hidden bg-cover bg-center bg-no-repeat font-sans after:absolute after:top-0 after:left-0 after:z-10 after:h-full after:w-full after:bg-foreground/20 after:content-[''] md:h-svh",
         className
       ),
       style: { backgroundImage: `url('${backgroundImage}')` },
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative z-30 m-auto flex max-w-185 flex-col items-center justify-center gap-6 px-5", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-center font-serif text-4xl leading-tight text-foreground md:text-6xl xl:text-[4.4rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center text-base text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-center font-serif text-4xl leading-tight md:text-6xl xl:text-[4.4rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center text-base ", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: renderActions })
         ] }),
         noiseOverlayUrl && /* @__PURE__ */ jsxRuntime.jsx(

package/dist/hero-fullscreen-background-image.js

@@ -845,14 +845,14 @@ function HeroFullscreenBackgroundImage({
     Section,
     {
       className: cn(
-        "dark relative flex h-svh max-h-[1400px] w-svw overflow-hidden bg-cover bg-center bg-no-repeat font-sans after:absolute after:top-0 after:left-0 after:z-10 after:h-full after:w-full after:bg-black/20 after:content-[''] md:h-svh",
+        "dark relative flex h-svh max-h-[1400px] w-svw overflow-hidden bg-cover bg-center bg-no-repeat font-sans after:absolute after:top-0 after:left-0 after:z-10 after:h-full after:w-full after:bg-foreground/20 after:content-[''] md:h-svh",
         className
       ),
       style: { backgroundImage: `url('${backgroundImage}')` },
       children: [
         /* @__PURE__ */ jsxs("div", { className: cn("relative z-30 m-auto flex max-w-185 flex-col items-center justify-center gap-6 px-5", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-center font-serif text-4xl leading-tight text-foreground md:text-6xl xl:text-[4.4rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-center text-base text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-center font-serif text-4xl leading-tight md:text-6xl xl:text-[4.4rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-center text-base ", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: renderActions })
         ] }),
         noiseOverlayUrl && /* @__PURE__ */ jsx(

package/dist/hero-fullscreen-logo-cta.cjs

@@ -888,8 +888,8 @@ function HeroFullscreenLogoCta({
         renderLogo,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col gap-8 md:w-2/3", contentClassName), children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-6xl font-medium text-foreground md:text-[5.8rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-6xl font-medium text-foreground md:text-[5.8rem]", headingClassName), children: heading })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl text-foreground md:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-6xl font-medium md:text-[5.8rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-6xl font-medium md:text-[5.8rem]", headingClassName), children: heading })),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl md:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
           ] }),
           renderAction
         ] })

package/dist/hero-fullscreen-logo-cta.js

@@ -867,8 +867,8 @@ function HeroFullscreenLogoCta({
         renderLogo,
         /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between", children: [
           /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col gap-8 md:w-2/3", contentClassName), children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-6xl font-medium text-foreground md:text-[5.8rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-6xl font-medium text-foreground md:text-[5.8rem]", headingClassName), children: heading })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl text-foreground md:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-6xl font-medium md:text-[5.8rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-6xl font-medium md:text-[5.8rem]", headingClassName), children: heading })),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl md:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
           ] }),
           renderAction
         ] })

package/dist/hero-gradient-client-focused.cjs

@@ -886,7 +886,7 @@ function HeroGradientClientFocused({
         className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container flex flex-col items-center gap-5", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-2xl text-7xl font-medium text-foreground max-lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-2xl text-7xl font-medium text-foreground max-lg:text-5xl", headingClassName), children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-2xl text-7xl font-medium max-lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-2xl text-7xl font-medium max-lg:text-5xl", headingClassName), children: heading })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-2xl text-muted-foreground max-lg:text-sm", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
         renderActions,
         renderImage

package/dist/hero-gradient-client-focused.js

@@ -865,7 +865,7 @@ function HeroGradientClientFocused({
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: cn("container flex flex-col items-center gap-5", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-2xl text-7xl font-medium text-foreground max-lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("max-w-2xl text-7xl font-medium text-foreground max-lg:text-5xl", headingClassName), children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-2xl text-7xl font-medium max-lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("max-w-2xl text-7xl font-medium max-lg:text-5xl", headingClassName), children: heading })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-2xl text-muted-foreground max-lg:text-sm", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
         renderActions,
         renderImage

package/dist/hero-hiring-animated-text.cjs

@@ -847,7 +847,7 @@ function HeroHiringAnimatedText({
 }) {
   const renderHeading = React.useMemo(() => {
     if (headingSlot) return headingSlot;
-    return /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("text-4xl leading-9 font-bold text-foreground lg:text-5xl lg:leading-12! xl:text-7xl xl:leading-22!", headingClassName), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("text-4xl leading-9 font-bold lg:text-5xl lg:leading-12! xl:text-7xl xl:leading-22!", headingClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2", children: headingPrefix }),
       animatedTexts && animatedTexts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-[calc(2.25rem*3)] md:h-9 lg:h-12 xl:h-22", children: animatedTexts.map((text, index) => /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -908,7 +908,7 @@ function HeroHiringAnimatedText({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative z-10 container flex size-full max-w-412.5 flex-col justify-between pt-24 pb-14 md:justify-end", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-full flex-col justify-between gap-6 md:justify-end", contentClassName), children: [
         renderHeading,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-8", children: [
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-foreground lg:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg lg:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-5", children: [
             renderActions,
             renderScrollAction

package/dist/hero-hiring-animated-text.js

@@ -826,7 +826,7 @@ function HeroHiringAnimatedText({
 }) {
   const renderHeading = useMemo(() => {
     if (headingSlot) return headingSlot;
-    return /* @__PURE__ */ jsxs("h1", { className: cn("text-4xl leading-9 font-bold text-foreground lg:text-5xl lg:leading-12! xl:text-7xl xl:leading-22!", headingClassName), children: [
+    return /* @__PURE__ */ jsxs("h1", { className: cn("text-4xl leading-9 font-bold lg:text-5xl lg:leading-12! xl:text-7xl xl:leading-22!", headingClassName), children: [
       /* @__PURE__ */ jsx("div", { className: "mb-2", children: headingPrefix }),
       animatedTexts && animatedTexts.length > 0 && /* @__PURE__ */ jsx("div", { className: "relative h-[calc(2.25rem*3)] md:h-9 lg:h-12 xl:h-22", children: animatedTexts.map((text, index) => /* @__PURE__ */ jsx(
         "div",
@@ -887,7 +887,7 @@ function HeroHiringAnimatedText({
       children: /* @__PURE__ */ jsx("div", { className: cn("relative z-10 container flex size-full max-w-412.5 flex-col justify-between pt-24 pb-14 md:justify-end", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col justify-between gap-6 md:justify-end", contentClassName), children: [
         renderHeading,
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-foreground lg:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg lg:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-5", children: [
             renderActions,
             renderScrollAction

package/dist/hero-image-slider.cjs

@@ -536,7 +536,6 @@ var ImageSlider = ({
               img.Img,
               {
                 src: activeImage.src,
-                mediaId: activeImage.mediaId,
                 alt: activeImage.alt,
                 className: cn(
                   "h-full w-full object-cover object-center",
@@ -548,7 +547,7 @@ var ImageSlider = ({
               }
             )
           },
-          `${currentIndex}-${activeImage.src ?? activeImage.mediaId ?? "image"}`
+          `${currentIndex}-${activeImage.src ?? "image"}`
         ) : null }),
         overlayContent,
         children ? /* @__PURE__ */ jsxRuntime.jsx(

package/dist/hero-image-slider.js

@@ -515,7 +515,6 @@ var ImageSlider = ({
               Img,
               {
                 src: activeImage.src,
-                mediaId: activeImage.mediaId,
                 alt: activeImage.alt,
                 className: cn(
                   "h-full w-full object-cover object-center",
@@ -527,7 +526,7 @@ var ImageSlider = ({
               }
             )
           },
-          `${currentIndex}-${activeImage.src ?? activeImage.mediaId ?? "image"}`
+          `${currentIndex}-${activeImage.src ?? "image"}`
         ) : null }),
         overlayContent,
         children ? /* @__PURE__ */ jsx(

package/dist/hero-innovation-image-grid.cjs

@@ -962,10 +962,10 @@ function HeroInnovationImageGrid({
     const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
     return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       icon,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-white", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-background", children: label }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-6 w-7 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-0 flex -translate-x-1/2 items-center transition-all duration-500 group-hover:translate-x-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-white px-1" }),
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-white px-1" })
+        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-background px-1" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-background px-1" })
       ] }) }),
       iconAfter
     ] }) });

package/dist/hero-innovation-image-grid.js

@@ -940,10 +940,10 @@ function HeroInnovationImageGrid({
     const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
     return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
-      /* @__PURE__ */ jsx("div", { className: "font-medium text-white", children: label }),
+      /* @__PURE__ */ jsx("div", { className: "font-medium text-background", children: label }),
       /* @__PURE__ */ jsx("div", { className: "relative h-6 w-7 overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-0 flex -translate-x-1/2 items-center transition-all duration-500 group-hover:translate-x-0", children: [
-        /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-white px-1" }),
-        /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-white px-1" })
+        /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-background px-1" }),
+        /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/move-right", size: 24, className: "fill-background px-1" })
       ] }) }),
       iconAfter
     ] }) });

package/dist/hero-mental-health-team.cjs

@@ -449,12 +449,12 @@ function HeroMentalHealthTeam({
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full flex-col justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-medium ", children: [
           '"',
           testimonial.quote,
           '"'
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground", children: testimonial.author })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "", children: testimonial.author })
       ] })
     ] }) });
   }, [testimonialSlot, testimonial, optixFlowConfig]);
@@ -477,8 +477,8 @@ function HeroMentalHealthTeam({
       className: cn("dark bg-background py-12 font-sans md:py-20", className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto mb-24 flex max-w-[900px] flex-col items-center gap-3", headerClassName), children: [
-          subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-foreground", children: subtitle }) : subtitle),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium text-foreground sm:text-5xl md:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium text-foreground sm:text-5xl md:text-6xl", headingClassName), children: heading }))
+          subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center ", children: subtitle }) : subtitle),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl", headingClassName), children: heading }))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid w-full max-w-332.5 auto-cols-auto grid-cols-2 grid-rows-[auto_auto] justify-center gap-5 md:grid-cols-[repeat(4,1fr)]", gridClassName), children: [
           renderTeamImages,

package/dist/hero-mental-health-team.js

@@ -443,12 +443,12 @@ function HeroMentalHealthTeam({
         }
       ) }),
       /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs("p", { className: "text-lg font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-lg font-medium ", children: [
           '"',
           testimonial.quote,
           '"'
         ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-foreground", children: testimonial.author })
+        /* @__PURE__ */ jsx("p", { className: "", children: testimonial.author })
       ] })
     ] }) });
   }, [testimonialSlot, testimonial, optixFlowConfig]);
@@ -471,8 +471,8 @@ function HeroMentalHealthTeam({
       className: cn("dark bg-background py-12 font-sans md:py-20", className),
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mb-24 flex max-w-[900px] flex-col items-center gap-3", headerClassName), children: [
-          subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx("p", { className: "text-center text-foreground", children: subtitle }) : subtitle),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium text-foreground sm:text-5xl md:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium text-foreground sm:text-5xl md:text-6xl", headingClassName), children: heading }))
+          subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx("p", { className: "text-center ", children: subtitle }) : subtitle),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl", headingClassName), children: heading }))
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("grid w-full max-w-332.5 auto-cols-auto grid-cols-2 grid-rows-[auto_auto] justify-center gap-5 md:grid-cols-[repeat(4,1fr)]", gridClassName), children: [
           renderTeamImages,

package/dist/hero-minimal-centered-dark.cjs

@@ -890,7 +890,7 @@ function HeroMinimalCenteredDark({
           ] }),
           typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: badge }) : badge
         ] }),
-        (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: [
+        (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: [
           "The future of",
           " ",
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-linear-to-r from-blue-400 to-violet-400 bg-clip-text text-transparent", children: headingHighlight }),

package/dist/hero-minimal-centered-dark.js

@@ -869,7 +869,7 @@ function HeroMinimalCenteredDark({
           ] }),
           typeof badge === "string" ? /* @__PURE__ */ jsx("span", { children: badge }) : badge
         ] }),
-        (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: [
+        (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: [
           "The future of",
           " ",
           /* @__PURE__ */ jsx("span", { className: "bg-linear-to-r from-blue-400 to-violet-400 bg-clip-text text-transparent", children: headingHighlight }),

package/dist/hero-mobile-app-download.cjs

@@ -1005,7 +1005,7 @@ function HeroMobileAppDownload({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -right-8 top-1/4 w-48 rounded-2xl bg-background p-4 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
       notification.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex h-10 w-10 items-center justify-center rounded-full", notification.iconBgClass), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: notification.icon, size: 20, className: notification.iconColorClass }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        notification.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-foreground", children: notification.title }),
+        notification.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold ", children: notification.title }),
         notification.subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: notification.subtitle })
       ] })
     ] }) });
@@ -1037,7 +1037,7 @@ function HeroMobileAppDownload({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           renderStoreActions,
           renderRating

package/dist/hero-mobile-app-download.js

@@ -984,7 +984,7 @@ function HeroMobileAppDownload({
     return /* @__PURE__ */ jsx("div", { className: "absolute -right-8 top-1/4 w-48 rounded-2xl bg-background p-4 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       notification.icon && /* @__PURE__ */ jsx("div", { className: cn("flex h-10 w-10 items-center justify-center rounded-full", notification.iconBgClass), children: /* @__PURE__ */ jsx(DynamicIcon, { name: notification.icon, size: 20, className: notification.iconColorClass }) }),
       /* @__PURE__ */ jsxs("div", { children: [
-        notification.title && /* @__PURE__ */ jsx("div", { className: "font-semibold text-foreground", children: notification.title }),
+        notification.title && /* @__PURE__ */ jsx("div", { className: "font-semibold ", children: notification.title }),
         notification.subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: notification.subtitle })
       ] })
     ] }) });
@@ -1016,7 +1016,7 @@ function HeroMobileAppDownload({
       children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           renderStoreActions,
           renderRating

package/dist/hero-newsletter-minimal.cjs

@@ -906,7 +906,7 @@ function HeroNewsletterMinimal({
         className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container flex flex-col items-center justify-center text-center", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-3xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 max-w-xl text-lg text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 flex w-full max-w-md flex-col gap-4 sm:flex-row", formClassName), children: renderForm }),
         disclaimer && (typeof disclaimer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-sm text-muted-foreground", disclaimerClassName), children: disclaimer }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: disclaimerClassName, children: disclaimer })),

package/dist/hero-newsletter-minimal.js

@@ -885,7 +885,7 @@ function HeroNewsletterMinimal({
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: cn("container flex flex-col items-center justify-center text-center", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-3xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 max-w-xl text-lg text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
         /* @__PURE__ */ jsx("div", { className: cn("mt-10 flex w-full max-w-md flex-col gap-4 sm:flex-row", formClassName), children: renderForm }),
         disclaimer && (typeof disclaimer === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-sm text-muted-foreground", disclaimerClassName), children: disclaimer }) : /* @__PURE__ */ jsx("div", { className: disclaimerClassName, children: disclaimer })),