@opensite/ui 3.3.2 → 3.3.4

package/dist/registry.js

@@ -1,8 +1,8 @@
 import * as React30 from 'react';
-import React30__default, { Fragment, createContext, useMemo, forwardRef, useCallback, useState, useEffect, useRef, startTransition, useContext } from 'react';
+import React30__default, { Fragment as Fragment$1, createContext, useMemo, forwardRef, useCallback, useState, useEffect, useRef, startTransition, useContext } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Img } from '@page-speed/img';
 import { motion as motion$1, AnimatePresence as AnimatePresence$1 } from 'motion/react';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
@@ -1133,9 +1133,14 @@ function PopoverContent({
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React30.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function StarRating({
@@ -1724,7 +1729,7 @@ function ActionComponent({ action }) {
       asButton: action.asButton ?? true,
       className: actionClassName,
       ...pressableProps,
-      children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         icon,
         label,
         iconAfter
@@ -2573,7 +2578,7 @@ function BannerAnnouncementDismissible({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -2846,7 +2851,7 @@ function BannerEventPromo({
           asButton: true,
           className: cn("flex items-center gap-x-1", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -2951,7 +2956,7 @@ function BannerFloatingOffer({
           asButton: true,
           className: cn("flex items-center gap-x-1", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -3078,7 +3083,7 @@ function BannerGdprRights({
         {
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -3195,7 +3200,7 @@ function BannerPrivacyNotice({
         {
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -3287,7 +3292,7 @@ function BannerPromoCta({
         {
           className: cn("inline-flex items-center gap-1 font-medium underline underline-offset-4 hover:no-underline", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -3379,7 +3384,7 @@ function BannerSocialFollow({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -3487,7 +3492,7 @@ function BannerSurveyIncentive({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             actionIcon,
             label,
             iconAfter
@@ -3559,13 +3564,13 @@ var FooterLogo = ({
   logoTitleClassName,
   optixFlowConfig
 }) => {
-  if (logoSlot) return /* @__PURE__ */ jsx(Fragment$1, { children: logoSlot });
+  if (logoSlot) return /* @__PURE__ */ jsx(Fragment, { children: logoSlot });
   if (!logo) return null;
   const hasThemedSources = isThemedLogo(logo) && (logo.light || logo.dark);
   const hasStandardSource = !isThemedLogo(logo) && logo.src;
   const logoContent = hasThemedSources ? (
     // Themed logo with light/dark mode sources
-    /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsxs(Fragment, { children: [
       logo.light && /* @__PURE__ */ jsx(
         Img,
         {
@@ -6655,7 +6660,7 @@ function AboutMissionFeatures({
                 missionSectionClassName
               ),
               children: [
-                missionBackgroundImage && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(
+                missionBackgroundImage && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
                   Img,
                   {
                     src: missionBackgroundImage.src,
@@ -7031,7 +7036,7 @@ function AboutCompanyProfile({
               variant: breakout.action.variant || "outline",
               asButton: true,
               className: cn("mr-auto", breakout.action.className),
-              children: breakout.action.children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              children: breakout.action.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                 breakout.action.icon,
                 breakout.action.label,
                 breakout.action.iconAfter
@@ -8060,7 +8065,7 @@ function AboutStartupTeam({
       if (typeof activeTabLabel === "string") {
         return `${activeTabLabel} Team`;
       }
-      return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
         activeTabLabel,
         " Team"
       ] });
@@ -9156,7 +9161,7 @@ function AboutNetworkSpotlight({
                   "bg-primary text-primary-foreground",
                   "size-fit p-2 rounded-full"
                 ),
-                children: spotlightCard.icon
+                children: /* @__PURE__ */ jsx(DynamicIcon, { name: spotlightCard.icon })
               }
             ),
             /* @__PURE__ */ jsxs("div", { children: [
@@ -9950,10 +9955,10 @@ function CtaSplitImage({
         "flex w-full flex-col overflow-hidden rounded-lg md:rounded-xl lg:flex-row lg:items-center",
         getNestedCardBg(background),
         getNestedCardTextColor(background)
-      ), children: imageLeft ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      ), children: imageLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
         imageContent,
         textContent
-      ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         textContent,
         imageContent
       ] }) }) })
@@ -13345,7 +13350,7 @@ function ContactFloatingBanner({
             asButton: true,
             className: actionClassName,
             ...pressableProps,
-            children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
               label,
               iconAfter
@@ -20247,7 +20252,7 @@ function CarouselFullscreenScrollFx({
                       asButton: asButton ?? true,
                       className: actionClassName,
                       ...pressableProps,
-                      children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                         icon,
                         label,
                         iconAfter
@@ -20686,7 +20691,7 @@ function CarouselHorizontalCards({
                                       asButton,
                                       className: actionClassName,
                                       ...pressableProps,
-                                      children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                                      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                                         icon,
                                         label,
                                         iconAfter
@@ -21011,7 +21016,7 @@ function CarouselMultiStepShowcase({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter ?? /* @__PURE__ */ jsx(
@@ -21518,7 +21523,7 @@ function CarouselProductFeatureShowcase({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -22336,7 +22341,7 @@ function FeatureSplitImage({
           className: actionClassName,
           asButton: true,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -22487,7 +22492,7 @@ function FeatureSplitImageReverse({
           className: actionClassName,
           asButton: true,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -23549,7 +23554,7 @@ function FeatureNumberedCards({
             asButton: true,
             className: actionClassName,
             ...pressableProps,
-            children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
               label,
               iconAfter
@@ -24459,7 +24464,7 @@ function FeatureTabbedContentImage({
   const slidesContent = useMemo(() => {
     if (slidesSlot) return slidesSlot;
     if (!slides || slides.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(TabsList, { className: cn("flex h-auto gap-x-2 p-2", tabsListClassName), children: slides.map((slide) => /* @__PURE__ */ jsx(
         TabsTrigger,
         {
@@ -24769,7 +24774,7 @@ function FeatureUtilityCardsGrid({
       className,
       containerClassName: cn("max-w-7xl", containerClassName),
       children: [
-        (label || labelIcon || labelIconName || learnMoreSlot || learnMoreAction) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        (label || labelIcon || labelIconName || learnMoreSlot || learnMoreAction) && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -24879,7 +24884,7 @@ function FeatureBentoUtilities({
       };
       const renderTitle = () => {
         if (!card.title) return null;
-        const titleContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        const titleContent = /* @__PURE__ */ jsxs(Fragment, { children: [
           card.title,
           card.showSparkle && /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/sparkles", size: 16 }),
           card.badge && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: card.badge })
@@ -25300,7 +25305,7 @@ function FeatureIntegrationCards({
     if (!integrations || integrations.length === 0) return null;
     return integrations.map((integration, index) => {
       const iconContent = renderIntegrationIcon(integration);
-      const cardContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      const cardContent = /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-start gap-2 justify-between", children: iconContent && /* @__PURE__ */ jsx("div", { className: cn("flex"), children: iconContent }) }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
           integration.title && (typeof integration.title === "string" ? /* @__PURE__ */ jsx(
@@ -25903,7 +25908,7 @@ function FeatureImageOverlayBadge({
             ] }),
             imageContent && /* @__PURE__ */ jsxs("div", { className: cn("relative rounded-2xl", imageWrapperClassName), children: [
               imageContent,
-              (avatarSrc || avatarBadgeText || overlayTitle || overlayLinkText) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              (avatarSrc || avatarBadgeText || overlayTitle || overlayLinkText) && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -26188,7 +26193,7 @@ function FeatureBentoImageGrid({
     (item) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
-      const cardContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      const cardContent = /* @__PURE__ */ jsxs(Fragment, { children: [
         renderItemImage(
           item,
           "h-full max-h-[580px] w-full rounded-xl object-cover object-center shadow-lg"
@@ -26267,7 +26272,7 @@ function FeatureBentoImageGrid({
     (item, index) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
-      const cardContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      const cardContent = /* @__PURE__ */ jsxs(Fragment, { children: [
         renderItemImage(
           item,
           cn(
@@ -26345,7 +26350,7 @@ function FeatureBentoImageGrid({
     if (!items || items.length === 0) return null;
     const largeItem = items.find((item) => item.size === "large") || items[0];
     const smallItems = items.filter((item) => item.size !== "large").slice(0, 2);
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       renderLargeCard(largeItem),
       /* @__PURE__ */ jsx("div", { className: "grid gap-y-5 xl:row-span-2", children: smallItems.map((item, index) => renderSmallCard(item, index)) })
     ] });
@@ -26795,7 +26800,7 @@ function FeatureStatsHighlight({
           className: cn("mt-4 w-fit gap-2", actionClassName),
           asButton: true,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -32078,7 +32083,7 @@ function CarouselDemoLink({
           demoLinkClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter ?? /* @__PURE__ */ jsx(
@@ -32290,7 +32295,7 @@ function AutoScrollCarousel({
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter ?? /* @__PURE__ */ jsx(
@@ -32430,7 +32435,7 @@ function CarouselSidebarResources({
           sidebarClassName
         ),
         children: [
-          resources?.slice(0, 3).map((resource, idx) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          resources?.slice(0, 3).map((resource, idx) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsx("div", { className: "font-mono text-sm text-muted-foreground uppercase", children: resource.category }),
               /* @__PURE__ */ jsxs(
@@ -34513,7 +34518,7 @@ function MasonryMotionGrid({
   )) });
   const renderGrid = () => {
     if (gridSlot) return gridSlot;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "div",
         {
@@ -35475,7 +35480,7 @@ function BlogGridAuthorCardsComponent({
         asButton: true,
         className: cn("w-full sm:w-fit", actionClassName),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -35626,7 +35631,7 @@ function BlogCardsTaglineCta({
           ctaClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -35793,7 +35798,7 @@ function BlogCardsReadTime({
       className: actionClassName,
       ...pressableProps
     } = viewAllAction;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -35958,7 +35963,7 @@ function BlogCategoryOverlay({
           viewAllClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -36308,7 +36313,7 @@ function BlogRelatedArticles({
           seeAllClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -36428,7 +36433,7 @@ function BlogTechInsights({
         asButton: true,
         className: cn(actionClassName, readMoreClassName),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -36630,7 +36635,7 @@ function BlogHorizontalCards({
         asButton: true,
         className: cn("w-full sm:w-auto", actionClassName),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -36933,7 +36938,7 @@ var BreadcrumbBlog = React30.memo(function BreadcrumbBlog2({
 }) {
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
     const labelKey = typeof item.label === "string" ? item.label : `breadcrumb-${i}`;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.link, children: item.label }) }),
       i < breadcrumb.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/slash", size: 14 }) })
     ] }, labelKey);
@@ -37087,7 +37092,7 @@ function BlogFilteredResultsComponent({
         onClick: handleLoadMore,
         className: actionClassName,
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -37486,7 +37491,7 @@ function BlogGridNinePosts({
         asButton: true,
         className: cn("w-full sm:w-fit", actionClassName),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -37732,7 +37737,7 @@ var AppleCarouselCard = ({
       action.onClick(card, index);
     }
   };
-  const cardContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  const cardContent = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -37881,7 +37886,7 @@ function BlogCarouselAppleComponent({
     cardClassName
   ]);
   if (!posts || posts.length === 0) {
-    return /* @__PURE__ */ jsx(Fragment$1, {});
+    return /* @__PURE__ */ jsx(Fragment, {});
   }
   return /* @__PURE__ */ jsx(
     Section,
@@ -37930,7 +37935,7 @@ function LongformContent({
     );
   }
   if (children) {
-    return /* @__PURE__ */ jsx(Fragment$1, { children });
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
   return null;
 }
@@ -38349,7 +38354,7 @@ function ArticleTocSidebarComponent({
         ) : /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: authorName }),
         /* @__PURE__ */ jsxs("p", { className: "text-xs", children: [
           publishDate,
-          readTime && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          readTime && /* @__PURE__ */ jsxs(Fragment, { children: [
             " \xB7 ",
             readTime
           ] })
@@ -38434,7 +38439,7 @@ function ArticleTocSidebarComponent({
             asButton: true,
             className: actionClassName,
             ...pressableProps,
-            children: actionChildren ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: actionChildren ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
               label,
               iconAfter
@@ -38588,7 +38593,7 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
-      currentPage && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      currentPage && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
       ] })
@@ -39189,7 +39194,7 @@ function ArticleChaptersAuthorComponent({
                 asButton: true,
                 className: actionClassName,
                 ...pressableProps,
-                children: actionChildren ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                children: actionChildren ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                   icon,
                   label,
                   iconAfter
@@ -39394,7 +39399,7 @@ function ArticleSplitAnimatedComponent({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: actionChildren ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: actionChildren ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -43980,7 +43985,7 @@ function TestimonialsImagesHelpful({
                         ] }),
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
                           review.date && /* @__PURE__ */ jsx("span", { children: review.date }),
-                          review.variant && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                          review.variant && /* @__PURE__ */ jsxs(Fragment, { children: [
                             /* @__PURE__ */ jsx("span", { children: "\xB7" }),
                             /* @__PURE__ */ jsx("span", { children: review.variant })
                           ] })
@@ -47432,7 +47437,7 @@ function TestimonialsMinimalNumbered({
                 current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsx("p", { className: "font-medium", children: current.author }) : current.author),
                 /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
                   current.role && (typeof current.role === "string" ? current.role : null),
-                  current.company && (typeof current.company === "string" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                  current.company && (typeof current.company === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx("span", { className: "mx-2 ", children: "/" }),
                     /* @__PURE__ */ jsx("span", { children: current.company })
                   ] }) : null)
@@ -47476,7 +47481,7 @@ function TestimonialsMinimalNumbered({
               navigationClassName
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: testimonials.map((_, index) => /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -48395,7 +48400,7 @@ function CaseStudiesStatsCard({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -48666,7 +48671,7 @@ function CaseStudyTocSocialSidebar({
   const breadcrumbsContent = useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
-    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsx(BreadcrumbItem, { className: crumb.className, children: crumb.href ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsx(BreadcrumbItem, { className: crumb.className, children: crumb.href ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbLink, { href: crumb.href, children: crumb.label }),
       index < breadcrumbs.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: "/" })
     ] }) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: crumb.label }) }, index)) }) });
@@ -49001,7 +49006,7 @@ function CaseStudyStatsMetrics({
   const breadcrumbsContent = useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
-    return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-6 lg:mb-10", breadcrumbsClassName), children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsx(BreadcrumbItem, { className: crumb.className, children: crumb.href ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-6 lg:mb-10", breadcrumbsClassName), children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsx(BreadcrumbItem, { className: crumb.className, children: crumb.href ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbLink, { href: crumb.href, children: crumb.label }),
       index < breadcrumbs.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: "/" })
     ] }) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: crumb.label }) }, index)) }) });
@@ -49120,7 +49125,7 @@ function CaseStudyStatsMetrics({
       className: actionClassName,
       ...pressableProps
     } = ctaAction;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -49136,20 +49141,20 @@ function CaseStudyStatsMetrics({
         className: cn("h-fit lg:sticky lg:top-8 lg:max-w-80", sidebarClassName),
         children: [
           logoContent,
-          overview && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          overview && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-sm font-semibold", children: "Overview" }),
             typeof overview === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-5 text-sm", children: overview }) : /* @__PURE__ */ jsx("div", { className: "mb-5 text-sm", children: overview })
           ] }),
-          sector && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          sector && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-sm font-semibold", children: "Sector" }),
             typeof sector === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-5 text-sm text-muted-foreground", children: sector }) : /* @__PURE__ */ jsx("div", { className: "mb-5 text-sm text-muted-foreground", children: sector })
           ] }),
-          solutionContent && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          solutionContent && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-sm font-semibold", children: "Solution" }),
             solutionContent
           ] }),
           (overview || sector || solutionContent) && ctaContent && /* @__PURE__ */ jsx(Separator, { className: "my-5" }),
-          ctaContent && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          ctaContent && /* @__PURE__ */ jsxs(Fragment, { children: [
             ctaLabel && (typeof ctaLabel === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-3 text-sm font-semibold", children: ctaLabel }) : /* @__PURE__ */ jsx("div", { className: "mb-3 text-sm font-semibold", children: ctaLabel })),
             ctaContent
           ] })
@@ -49469,7 +49474,7 @@ function HeroSplitIconCards({
       className: cn("overflow-hidden", className),
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 lg:grid-cols-2 lg:items-center", children: [
-        /* @__PURE__ */ jsx("div", { className: cn("space-y-6", contentClassName), children: children ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx("div", { className: cn("space-y-6", contentClassName), children: children ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
           eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
             "p",
             {
@@ -50015,36 +50020,6 @@ function HeroImageSlider({
   privacyNoticeClassName,
   gridClassName
 }) {
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return actions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        asButton,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: asButton ?? false,
-          variant: "link",
-          className: cn("text-primary p-0 h-auto", actionClassName),
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    });
-  }, [actionsSlot, actions]);
   const renderContent = useMemo(() => {
     if (contentSlot) return contentSlot;
     return /* @__PURE__ */ jsxs(
@@ -50085,16 +50060,14 @@ function HeroImageSlider({
               children: description
             }
           ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description }) : null,
-          actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsx(
-            "div",
+          /* @__PURE__ */ jsx(
+            BlockActions,
             {
-              className: cn(
-                "mt-6 flex flex-col items-start gap-3 sm:flex-row",
-                actionsClassName
-              ),
-              children: renderActions
+              actions,
+              actionsSlot,
+              actionsClassName
             }
-          ) : null
+          )
         ]
       }
     );
@@ -50109,8 +50082,7 @@ function HeroImageSlider({
     eyebrowClassName,
     headingClassName,
     descriptionClassName,
-    actionsClassName,
-    renderActions
+    actionsClassName
   ]);
   const hasForm = formEngineSetup !== void 0;
   return /* @__PURE__ */ jsxs(
@@ -50138,7 +50110,7 @@ function HeroImageSlider({
               "bg-linear-to-r from-black/70 via-black/50 to-black/30",
               overlayClassName
             ),
-            className: "min-h-full w-full rounded-none border-none shadow-none",
+            className: "min-h-full w-full rounded-none md:rounded-2xl border-none shadow-none md:shadow-xl overflow-hidden",
             imageClassName: cn("scale-[1.02]", imageClassName),
             optixFlowConfig
           }
@@ -50181,7 +50153,7 @@ function HeroImageSlider({
                             formLayout: "standard",
                             submitButtonSetup: {
                               ...formEngineSetup?.formLayoutSettings?.submitButtonSetup,
-                              submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                              submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
                                 buttonIcon,
                                 buttonText
                               ] })
@@ -50252,7 +50224,7 @@ function HeroCenteredImageGrid({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -50272,7 +50244,7 @@ function HeroCenteredImageGrid({
       className: actionClassName,
       ...pressableProps
     } = imageOverlayAction;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -50413,7 +50385,7 @@ function HeroCenteredScreenshot({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -50530,7 +50502,7 @@ function HeroPatternBadgeLogos({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -50546,7 +50518,7 @@ function HeroPatternBadgeLogos({
     return logos.map((logo, index) => {
       const { src, alt, href, className: logoClassName, imgClassName } = logo;
       const isVariantSrc = typeof src === "object";
-      const imgElement = isVariantSrc ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      const imgElement = isVariantSrc ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Img,
           {
@@ -50713,7 +50685,7 @@ function HeroLogoCenteredScreenshot({
       className: actionClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -50859,7 +50831,7 @@ function HeroPatternLogoTechStack({
               asButton: true,
               className: actionClassName,
               ...pressableProps,
-              children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                 icon,
                 label,
                 iconAfter
@@ -51279,7 +51251,7 @@ function HeroSimpleCenteredImage({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -51415,7 +51387,7 @@ function HeroPlatformFeaturesGrid({
       className: actionClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -51666,7 +51638,7 @@ function HeroSplitSpiralShapes({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -52238,7 +52210,7 @@ function HeroMarketplaceScatteredImages({
       className: actionClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -52510,7 +52482,7 @@ function HeroVideoBackgroundDark({
 }) {
   const renderVideo = useMemo(() => {
     if (videoSlot) return videoSlot;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Video,
         {
@@ -52618,7 +52590,7 @@ function HeroGridPatternEfficiency({
       className: btnClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: btnClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: btnClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -52755,7 +52727,7 @@ function HeroDashedBorderFeatures({
               asButton: true,
               className: actionClassName,
               ...pressableProps,
-              children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                 icon,
                 label,
                 iconAfter
@@ -53161,7 +53133,7 @@ function HeroPremiumSplitAvatars({
       className: actionClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       /* @__PURE__ */ jsx("span", { children: label }),
       iconAfter
@@ -53532,7 +53504,7 @@ function HeroFullscreenLogoCta({
       className: actionClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -53977,7 +53949,7 @@ function HeroAiPoweredCarousel({
             ]
           }
         ),
-        carouselSlot ? carouselSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        carouselSlot ? carouselSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 lg:hidden", children: [
             carouselImages1 && carouselImages1.length > 0 && /* @__PURE__ */ jsx(
               Carousel,
@@ -54764,7 +54736,7 @@ function HeroBillingPlatformLogos({
             asButton: true,
             className: actionClassName,
             ...pressableProps,
-            children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
               /* @__PURE__ */ jsx("p", { className: "font-mono text-sm font-medium uppercase", children: label }),
               iconAfter
@@ -54773,7 +54745,7 @@ function HeroBillingPlatformLogos({
           index
         );
       }
-      return /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      return /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         icon,
         label,
         iconAfter
@@ -55099,7 +55071,7 @@ function HeroSoftwareGrowthVideoDialog({
       }
     ) });
   }, [showcaseImagesSlot, showcaseImages, showcaseClassName, optixFlowConfig]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -55230,7 +55202,7 @@ function HeroConversionVideoPlay({
   }, []);
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       primaryAction && (() => {
         const {
           label,
@@ -55246,7 +55218,7 @@ function HeroConversionVideoPlay({
             asButton: true,
             className: actionClassName,
             ...pressableProps,
-            children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
               /* @__PURE__ */ jsx("span", { children: label }),
               iconAfter
@@ -55268,7 +55240,7 @@ function HeroConversionVideoPlay({
       )
     ] });
   }, [actionsSlot, primaryAction, videoButtonLabel, setIsVideoOpen]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -55672,7 +55644,7 @@ function HeroProductivityLauncherVideo({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             /* @__PURE__ */ jsx("p", { children: label }),
             iconAfter
@@ -56761,7 +56733,7 @@ function HeroArchitectureFullscreen({
       className: actionClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       typeof label === "string" ? /* @__PURE__ */ jsx("p", { className: "group-hover:underline", children: label }) : label,
       iconAfter
@@ -57059,7 +57031,7 @@ function HeroVideoDialogGradient({
       }
     ) }) });
   }, [imageSlot, image, imageClassName, optixFlowConfig]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -57719,7 +57691,7 @@ function HeroTherapyTestimonialGrid({
   const renderImagesGrid = useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length < 3) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "col-[1/2] row-[1/2] w-full", children: /* @__PURE__ */ jsx("div", { className: "h-full max-h-100 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
         Img,
         {
@@ -57851,7 +57823,7 @@ function HeroMentalHealthTeam({
   const renderSmallImages = useMemo(() => {
     if (smallImagesSlot) return smallImagesSlot;
     if (!smallImages || smallImages.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       smallImages[0] && /* @__PURE__ */ jsx("div", { className: "col-[1/2] row-[1/2] w-full", children: /* @__PURE__ */ jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
         Img,
         {
@@ -58049,7 +58021,7 @@ function HeroMentorshipVideoSplit({
       className: actionClassName,
       ...pressableProps
     } = action;
-    return /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
       icon,
       label,
       iconAfter
@@ -58123,7 +58095,7 @@ function HeroMentorshipVideoSplit({
       }
     ) });
   }, [imageSlot, image, imageClassName, optixFlowConfig]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -59019,7 +58991,7 @@ function HeroCreativeStudioStacked({
       }
     );
   }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -59507,7 +59479,7 @@ function HeroConversationIntelligence({
   imageSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-32 md:py-32",
+  spacing = "hero",
   pattern,
   patternOpacity,
   patternClassName,
@@ -59560,7 +59532,7 @@ function HeroConversationIntelligence({
           "div",
           {
             className: cn(
-              "relative z-10 mx-auto flex max-w-220 flex-col gap-7",
+              "relative z-10 mx-auto flex max-w-full md:max-w-220 flex-col items-center gap-7",
               contentClassName
             ),
             children: [
@@ -59583,7 +59555,7 @@ function HeroConversationIntelligence({
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              ) : description),
               /* @__PURE__ */ jsx(
                 BlockActions,
                 {
@@ -60389,7 +60361,7 @@ function HeroNewsletterMinimal({
       variant: "default"
     };
     const action = buttonAction || defaultButtonAction;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         FormEngine,
         {
@@ -60401,7 +60373,7 @@ function HeroNewsletterMinimal({
               buttonGroupSetup: {
                 ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
                 size: "lg",
-                submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
                   action.label,
                   action.iconAfter
                 ] }),
@@ -60728,7 +60700,7 @@ function HeroComingSoonCountdown({
               "py-8 grid grid-cols-4 gap-2 md:gap-4 lg:gap-8",
               countdownClassName
             ),
-            children: countdownSlot ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: countdownSlot ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(CountdownDigit, { value: timeLeft.days, label: "Days" }),
               /* @__PURE__ */ jsx(CountdownDigit, { value: timeLeft.hours, label: "Hours" }),
               /* @__PURE__ */ jsx(CountdownDigit, { value: timeLeft.minutes, label: "Minutes" }),
@@ -60817,7 +60789,7 @@ function HeroEventRegistration({
                   stat.icon ? "justify-between" : "justify-center"
                 ),
                 children: [
-                  stat.icon,
+                  /* @__PURE__ */ jsx(DynamicIcon, { name: stat.icon }),
                   /* @__PURE__ */ jsx(
                     "div",
                     {
@@ -61047,7 +61019,7 @@ function HeroPortfolioCreative({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -61387,7 +61359,7 @@ function ComparisonFeatureCards({
   const cardsContent = React30.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!productA || !productB) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       renderCard(productA, productA.highlighted ?? true),
       renderCard(productB, productB.highlighted ?? false)
     ] });
@@ -61736,7 +61708,7 @@ function ComparisonImageCards({
   const cardsContent = React30.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!optionA || !optionB) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       renderCard(optionA),
       renderCard(optionB),
       dividerText && /* @__PURE__ */ jsx(
@@ -61902,7 +61874,7 @@ function ComparisonTableTabs({
   const tableContent = React30.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || models.length === 0 || !features || features.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Tabs,
         {
@@ -62517,7 +62489,7 @@ function ComparisonLegacyModern({
     if (columnsSlot) return columnsSlot;
     if (!legacyFeatures || legacyFeatures.length === 0 || !modernFeatures || modernFeatures.length === 0)
       return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: cn(
         "rounded-3xl p-6 lg:rounded-r-none lg:p-12",
         getNestedCardBg(background),
@@ -62561,7 +62533,7 @@ function ComparisonLegacyModern({
         heading,
         " "
       ] }) : heading),
-      headingHighlight && (typeof headingHighlight === "string" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      headingHighlight && (typeof headingHighlight === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("br", {}),
         /* @__PURE__ */ jsx("span", { className: headingHighlightClassName, children: headingHighlight })
       ] }) : headingHighlight)
@@ -62807,7 +62779,7 @@ var NavbarLogo = ({
   logoClassName,
   optixFlowConfig
 }) => {
-  if (logoSlot) return /* @__PURE__ */ jsx(Fragment$1, { children: logoSlot });
+  if (logoSlot) return /* @__PURE__ */ jsx(Fragment, { children: logoSlot });
   if (!logo) return null;
   return /* @__PURE__ */ jsx(
     Pressable,
@@ -62962,7 +62934,7 @@ var NavbarDropdownMenu = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -63190,7 +63162,7 @@ var NavbarCenteredMenu = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -63549,7 +63521,7 @@ var NavbarMegaMenu = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -64205,7 +64177,7 @@ var NavbarEnterpriseMega = ({
         className: actionClassName,
         ...pressableProps
       } = action;
-      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         icon,
         label,
         iconAfter
@@ -64221,7 +64193,7 @@ var NavbarEnterpriseMega = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -64490,7 +64462,7 @@ var MobileNavigationMenu = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -64572,7 +64544,7 @@ var NavbarFeatureGrid = ({
         className: actionClassName,
         ...pressableProps
       } = action;
-      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         icon,
         label,
         iconAfter
@@ -64755,7 +64727,7 @@ var NavbarFloatingPill = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -65076,7 +65048,7 @@ var NavbarPlatformResources = ({
     if (layout === "two-column-cta" && link.dropdownGroups && link.dropdownGroups.length > 0) {
       const ctaItem = link.links && link.links.length > 0 ? link.links[link.links.length - 1] : null;
       return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-1/2 max-w-[510px]", children: link.dropdownGroups[0] && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx("div", { className: "w-1/2 max-w-[510px]", children: link.dropdownGroups[0] && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "mb-6 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
           /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: link.dropdownGroups[0].links.map((item, itemIndex) => /* @__PURE__ */ jsxs(
             NavigationMenuLink,
@@ -65122,7 +65094,7 @@ var NavbarPlatformResources = ({
       const listItems = link.dropdownGroups[0].links;
       const showcaseItems = link.links || [];
       return /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[900px] p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-8", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-1/3 max-w-[404px]", children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx("div", { className: "w-1/3 max-w-[404px]", children: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: link.dropdownGroups[0].label }),
           link.dropdownGroups[0].description && /* @__PURE__ */ jsx("div", { className: "mb-6 text-sm font-normal text-muted-foreground", children: link.dropdownGroups[0].description }),
           /* @__PURE__ */ jsx("div", { className: "-ml-2.5 space-y-2.5", children: listItems.map((item, itemIndex) => /* @__PURE__ */ jsxs(
@@ -65254,7 +65226,7 @@ var NavbarPlatformResources = ({
         className: actionClassName,
         ...pressableProps
       } = action;
-      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         icon,
         label,
         iconAfter
@@ -65519,7 +65491,7 @@ var NavbarImagePreview = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -65738,7 +65710,7 @@ var MobileNavigationMenu2 = ({
           className: cn("w-full", actionClassName),
           onClick: handleClose,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -65885,7 +65857,7 @@ var NavbarDarkIcons = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -66077,7 +66049,7 @@ var MobileNavigationMenu3 = ({
           asButton: true,
           className: cn("w-full", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -66226,7 +66198,7 @@ var NavbarAnimatedPreview = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter ?? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 })
@@ -66262,7 +66234,7 @@ var NavbarAnimatedPreview = ({
     "h-full max-w-full after:absolute after:inset-0 after:z-998 after:block after:size-full after:content-[''] [&>div:last-child>div]:mt-0 [&>div:last-child>div]:animate-none [&>div:last-child>div]:rounded-none [&>div:last-child>div]:border-0 [&>div:last-child>div]:shadow-[0px_-1px_0px_0px_rgba(0,0,0,0.05),0px_0px_0px_1px_rgba(17,26,37,0.05),0px_2px_5px_0px_rgba(16,25,36,0.1),0px_5px_20px_0px_rgba(16,25,36,0.1)]!",
     navigationMenuClassName
   );
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -66638,7 +66610,7 @@ var MobileNavigationMenu4 = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -66768,7 +66740,7 @@ var NavbarMultiColumnGroups = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -66787,7 +66759,7 @@ var NavbarMultiColumnGroups = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -66936,7 +66908,7 @@ var MobileNavigationMenu5 = ({
           className: cn("w-full", actionClassName),
           onClick: handleClose,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -67076,7 +67048,7 @@ var NavbarSidebarMobile = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -67100,7 +67072,7 @@ var NavbarSidebarMobile = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -67245,7 +67217,7 @@ var MobileNavigationMenu6 = ({
           asButton: true,
           className: cn("w-full", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -67403,7 +67375,7 @@ var NavbarTransparentOverlay = ({
             actionClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -67422,7 +67394,7 @@ var NavbarTransparentOverlay = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -67540,7 +67512,7 @@ var MobileNavigationMenu7 = ({
           className: cn("min-w-[200px]", actionClassName),
           onClick: onClose,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -67668,7 +67640,7 @@ var NavbarEducationPlatform = ({
         className: actionClassName,
         ...pressableProps
       } = action;
-      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         icon,
         label,
         iconAfter
@@ -67684,7 +67656,7 @@ var NavbarEducationPlatform = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -67862,7 +67834,7 @@ var MobileNavigationMenu8 = ({
           className: cn("w-full", actionClassName),
           onClick: onClose,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -67989,7 +67961,7 @@ var NavbarStickyCompact = ({
           size: isScrolled ? "sm" : actionSize || "default",
           className: cn("transition-all duration-300", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -68048,7 +68020,7 @@ var NavbarStickyCompact = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -68152,7 +68124,7 @@ var MobileNavigationMenu9 = ({
           className: cn("w-full", actionClassName),
           onClick: handleClose,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -68274,7 +68246,7 @@ var NavbarSearchFocused = ({
           className: actionClassName,
           "aria-label": ariaLabel,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -68313,7 +68285,7 @@ var NavbarSearchFocused = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -68438,7 +68410,7 @@ var MobileNavigationMenu10 = ({
           className: cn("w-full", actionClassName),
           onClick: handleClose,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -68561,7 +68533,7 @@ var NavbarSimpleLinks = ({
           asButton: true,
           className: cn("h-10 py-2.5 text-sm font-normal", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -68580,7 +68552,7 @@ var NavbarSimpleLinks = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -68705,7 +68677,7 @@ var MobileNavigationMenu11 = ({
           className: cn("w-full", actionClassName),
           onClick: onClose,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -68778,7 +68750,7 @@ var NavbarSplitCta = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -68990,7 +68962,7 @@ var NavbarIconLinks = ({
               actionClassName
             ),
             ...pressableProps,
-            children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
               label && /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
               iconAfter
@@ -69180,7 +69152,7 @@ var NavbarTabbedSections = ({
           asButton: true,
           className: actionClassName,
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -69479,7 +69451,7 @@ var NavbarFullscreenMenu = ({
     sectionContainerMaxWidth,
     spacingOverride
   } = getNavbarLayoutClasses(layoutVariant, { className, containerClassName });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Section,
       {
@@ -70987,7 +70959,7 @@ function PricingAddonsCards({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -71210,7 +71182,7 @@ function PricingAddonsFeatured({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -71517,7 +71489,7 @@ function PricingCollapsiblePlans({
           actionItemClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -71858,7 +71830,7 @@ function PricingColumnsToggle({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -72135,7 +72107,7 @@ function PricingComparisonHeaders({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -72446,7 +72418,7 @@ function PricingComparisonTable({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -72722,7 +72694,7 @@ function PricingDiscountCard({
           actionItemClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -72857,7 +72829,7 @@ function PricingEnterpriseContact({
           asButton: true,
           className: cn(actionClassName, actionItemClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -73246,7 +73218,7 @@ function PricingFourTierToggle({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -73529,7 +73501,7 @@ function PricingFullComparison({
           actionItemClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -73863,7 +73835,7 @@ function PricingGradientCards({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -74142,7 +74114,7 @@ function PricingIconHeaders({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -74374,7 +74346,7 @@ function PricingMinimalCards({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -74699,7 +74671,7 @@ function PricingPackagesRadio({
           actionItemClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -74872,7 +74844,7 @@ function PricingPopularHighlight({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -75179,7 +75151,7 @@ function PricingRadioToggle({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -75612,7 +75584,7 @@ function PricingServicesCards({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -75861,7 +75833,7 @@ function PricingSimpleCard({
           actionItemClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -76023,7 +75995,7 @@ function PricingSingleCard({
           actionItemClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -76304,7 +76276,7 @@ function PricingSpotlightCard({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -76526,7 +76498,7 @@ function PricingSwitchCards({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -76821,7 +76793,7 @@ function PricingTabsToggle({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -77091,7 +77063,7 @@ function PricingTierGrid({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -77359,7 +77331,7 @@ function PricingToggleCards({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -77651,7 +77623,7 @@ function PricingTogglePeriod({
           actionItemClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -77944,7 +77916,7 @@ function PricingTwoColumnBasic({
             actionItemClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -78347,7 +78319,7 @@ function ProcessScrollImage({
                   actionClassName
                 ),
                 ...pressableProps,
-                children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                   icon,
                   label,
                   iconAfter
@@ -79456,7 +79428,7 @@ function ProcessNumberedServices({
           asButton: true,
           className: cn(actionClassName, "mt-4"),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter && iconAfter
@@ -81487,7 +81459,7 @@ function ProjectNatureMosaic({
   const renderedImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsx(
           Img,
@@ -83659,7 +83631,7 @@ function ListAchievementsShowcase({
             itemActionClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label && /* @__PURE__ */ jsx("span", { children: label }),
             iconAfter ?? /* @__PURE__ */ jsx(
@@ -83992,7 +83964,7 @@ function ListMetricsDashboard({
         asButton: true,
         className: cn("group", actionClassName, dashboardActionClassName),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -84137,7 +84109,7 @@ function ListMetricsDashboard({
             onValueChange: handleTabChange,
             className: cn("w-full gap-0", tabsClassName),
             children: [
-              categories && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              categories && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "border-b p-3 md:hidden", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
                   /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "flex w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background", children: [
                     /* @__PURE__ */ jsx("span", { children: activeTab === "all" ? "All Metrics" : categories.find((c) => c.value === activeTab)?.label || activeTab.charAt(0).toUpperCase() + activeTab.slice(1) }),
@@ -84264,7 +84236,7 @@ function ListFeatureComparison({
               asButton: true,
               className: actionClassName,
               ...pressableProps,
-              children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                 icon,
                 label,
                 iconAfter
@@ -85266,7 +85238,7 @@ function ProjectDetailHeroMetadata(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -85642,7 +85614,7 @@ function ProjectDetailCaseStudyProse(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -85810,7 +85782,7 @@ function ProjectDetailSidebarNavigation(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -85989,7 +85961,7 @@ function ProjectDetailFullscreenHero(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -86143,7 +86115,7 @@ function ProjectDetailSculptureShowcase(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -86340,7 +86312,7 @@ function ProjectDetailGridGallery(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -86526,7 +86498,7 @@ function ProjectDetailSplitMaterials(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -86705,7 +86677,7 @@ function ProjectDetailCompactMetadata(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -86880,7 +86852,7 @@ function ProjectDetailMinimalCentered(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -87008,7 +86980,7 @@ function ProjectDetailHoverGallery(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -87152,7 +87124,7 @@ function ProjectDetailCardHeader(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -87314,7 +87286,7 @@ function ProjectDetailExhibitionSidebar(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -87504,7 +87476,7 @@ function ProjectDetailListRelated(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -87759,7 +87731,7 @@ function ProjectDetailArchitectureCarousel(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -88171,7 +88143,7 @@ function ProjectDetailFashionEditorial(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -88507,7 +88479,7 @@ function ProjectDetailLargeHeroFeatured(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -88690,7 +88662,7 @@ function ProjectDetailTabbedCaseStudy(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -88942,7 +88914,7 @@ function ProjectDetailNumberedSections(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -89158,7 +89130,7 @@ function ProjectDetailMaskReveal(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -89361,7 +89333,7 @@ function ProjectDetailParallaxScroll(props) {
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
           label,
           iconAfter
@@ -89895,7 +89867,7 @@ function IndustriesExpandableShowcase({
   const renderContractors = useMemo(() => {
     if (contractorsSlot) return contractorsSlot;
     if (!contractors || contractors.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: cn("space-y-6 lg:hidden", mobileClassName), children: contractors.map((contractor) => /* @__PURE__ */ jsxs(
         Pressable,
         {
@@ -90094,7 +90066,7 @@ function ResourceDetailWhitepaperSidebar({
         className: cn("w-full justify-between", actionClassName),
         ...pressableProps,
         children: [
-          children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label
           ] }),
@@ -90218,7 +90190,7 @@ function ResourceDetailWhitepaperSidebar({
                 actionClassName
               ),
               ...pressableProps,
-              children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                 icon,
                 iconAfter
               ] })
@@ -90415,7 +90387,7 @@ function ResourceDetailArticleHero({
             asButton: true,
             className: cn(baseClassName, actionClassName),
             ...pressableProps,
-            children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
               iconAfter
             ] })
@@ -90612,7 +90584,7 @@ function ResourceDetailDocumentSidebar({
               asButton: true,
               className: cn("mt-6", sidebar.downloadAction.className),
               "aria-label": sidebar.downloadAction["aria-label"],
-              children: sidebar.downloadAction.children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              children: sidebar.downloadAction.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                 sidebar.downloadAction.icon,
                 sidebar.downloadAction.label,
                 sidebar.downloadAction.iconAfter
@@ -90620,7 +90592,7 @@ function ResourceDetailDocumentSidebar({
             }
           ),
           /* @__PURE__ */ jsx(Separator, { className: "my-6" }),
-          sidebar?.reviewer && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          sidebar?.reviewer && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
               /* @__PURE__ */ jsx(Avatar, { className: "size-10 rounded-full border", children: sidebar.reviewer.avatarSrc && /* @__PURE__ */ jsx(
                 AvatarImage,
@@ -90636,7 +90608,7 @@ function ResourceDetailDocumentSidebar({
             ] }),
             /* @__PURE__ */ jsx(Separator, { className: "my-6" })
           ] }),
-          sidebar?.features && sidebar.features.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          sidebar?.features && sidebar.features.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
             sidebar?.featuresTitle && (typeof sidebar.featuresTitle === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm font-medium", children: sidebar.featuresTitle }) : sidebar.featuresTitle),
             /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: sidebar.features.map((feature, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
               feature.icon ?? /* @__PURE__ */ jsx(
@@ -90670,7 +90642,7 @@ function ResourceDetailDocumentSidebar({
                     actionClassName
                   ),
                   ...pressableProps,
-                  children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                  children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
                     icon,
                     iconAfter
                   ] })
@@ -90779,7 +90751,7 @@ function ServiceDetailProseMinimal({
   const renderContentSections = () => {
     if (contentSectionsSlot) return contentSectionsSlot;
     if (!contentSections || contentSections.length === 0) return null;
-    return /* @__PURE__ */ jsx(Fragment$1, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Fragment, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
       section.title && /* @__PURE__ */ jsx("h2", { children: typeof section.title === "string" ? section.title : section.title }),
       section.paragraphs?.map(
         (paragraph, paragraphIndex) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, paragraphIndex) : /* @__PURE__ */ jsx("div", { children: paragraph }, paragraphIndex)
@@ -90915,7 +90887,7 @@ function ServiceDetailImageHero({
   const renderContentSections = () => {
     if (contentSectionsSlot) return contentSectionsSlot;
     if (!contentSections || contentSections.length === 0) return null;
-    return /* @__PURE__ */ jsx(Fragment$1, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Fragment, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
       section.title && /* @__PURE__ */ jsx("h2", { children: typeof section.title === "string" ? section.title : section.title }),
       section.paragraphs?.map(
         (paragraph, paragraphIndex) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, paragraphIndex) : /* @__PURE__ */ jsx("div", { children: paragraph }, paragraphIndex)
@@ -91083,7 +91055,7 @@ function ServiceDetailStatsHero({
   const renderContentSections = () => {
     if (contentSectionsSlot) return contentSectionsSlot;
     if (!contentSections || contentSections.length === 0) return null;
-    return /* @__PURE__ */ jsx(Fragment$1, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Fragment, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
       section.title && /* @__PURE__ */ jsx("h2", { children: typeof section.title === "string" ? section.title : section.title }),
       section.paragraphs?.map(
         (paragraph, paragraphIndex) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, paragraphIndex) : /* @__PURE__ */ jsx("div", { children: paragraph }, paragraphIndex)
@@ -91210,7 +91182,7 @@ function ServiceDetailSidebarStats({
   const renderContentSections = () => {
     if (contentSectionsSlot) return contentSectionsSlot;
     if (!contentSections || contentSections.length === 0) return null;
-    return /* @__PURE__ */ jsx(Fragment$1, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Fragment, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
       section.title && /* @__PURE__ */ jsx("h2", { children: typeof section.title === "string" ? section.title : section.title }),
       section.paragraphs?.map(
         (paragraph, paragraphIndex) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, paragraphIndex) : /* @__PURE__ */ jsx("div", { children: paragraph }, paragraphIndex)
@@ -91389,7 +91361,7 @@ function ServiceDetailSidebarRelated({
   const renderContentSections = () => {
     if (contentSectionsSlot) return contentSectionsSlot;
     if (!contentSections || contentSections.length === 0) return null;
-    return /* @__PURE__ */ jsx(Fragment$1, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsx(Fragment, { children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
       section.title && /* @__PURE__ */ jsx("h2", { children: typeof section.title === "string" ? section.title : section.title }),
       section.paragraphs?.map(
         (paragraph, paragraphIndex) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, paragraphIndex) : /* @__PURE__ */ jsx("div", { children: paragraph }, paragraphIndex)
@@ -91650,7 +91622,7 @@ function ServiceDetailCenteredExpertise({
           "prose prose-sm mx-auto max-w-3xl dark:prose-invert",
           contentSectionsClassName
         ),
-        children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
           section.title && /* @__PURE__ */ jsx("h2", { children: typeof section.title === "string" ? section.title : section.title }),
           section.paragraphs?.map(
             (paragraph, paragraphIndex) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, paragraphIndex) : /* @__PURE__ */ jsx("div", { children: paragraph }, paragraphIndex)
@@ -91890,7 +91862,7 @@ function ServiceDetailCompactCards({
           "prose prose-sm mx-auto max-w-none dark:prose-invert",
           contentSectionsClassName
         ),
-        children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: contentSections.map((section, sectionIndex) => /* @__PURE__ */ jsx("div", { className: section.className, children: section.contentSlot ? section.contentSlot : /* @__PURE__ */ jsxs(Fragment, { children: [
           section.title && /* @__PURE__ */ jsx("h2", { children: typeof section.title === "string" ? section.title : section.title }),
           section.paragraphs?.map(
             (paragraph, paragraphIndex) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, paragraphIndex) : /* @__PURE__ */ jsx("div", { children: paragraph }, paragraphIndex)
@@ -94009,7 +93981,7 @@ function ServicesListTableHover({
   const renderServices = () => {
     if (servicesSlot) return servicesSlot;
     if (!services || services.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       services.map((service, index) => /* @__PURE__ */ jsxs(
         Pressable,
         {
@@ -95837,7 +95809,7 @@ var ResourcesResult = ({
 };
 var BreadcrumbBlog3 = ({ breadcrumb }) => {
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.link, children: item.label }) }),
       i < breadcrumb.length - 1 ? /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/slash", size: 16 }) }) : null
     ] }, `${item.label}`);
@@ -96488,7 +96460,7 @@ function ResourceListNewsUpdates({
     if (!news || news.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-14", newsClassName), children: [
       /* @__PURE__ */ jsx(Separator, {}),
-      news.map((item, idx) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      news.map((item, idx) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsxs(
           Pressable,
           {
@@ -96556,7 +96528,7 @@ function ResourceListNewsUpdates({
             /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
               (title || subtitle) && /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl", titleClassName), children: [
                 typeof title === "string" ? title : /* @__PURE__ */ jsx("span", { children: title }),
-                subtitle && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                subtitle && /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("br", {}),
                   typeof subtitle === "string" ? /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsx("span", { className: subtitleClassName, children: subtitle })
                 ] })
@@ -96767,7 +96739,7 @@ function StatsSimpleGrid({
           asButton: true,
           className: cn("w-full sm:w-auto", actionClassName),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -97682,7 +97654,7 @@ function StatsImpactGrid({
             actionClassName
           ),
           ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
             icon,
             label,
             iconAfter
@@ -97834,7 +97806,7 @@ function StatsCircularProgress({
   const categoriesContent = useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "mb-8 md:hidden", children: /* @__PURE__ */ jsx(
         "select",
         {
@@ -99139,7 +99111,7 @@ function TimelineTwoColumnFeatured({
     if (actionsSlot) {
       return actionsSlot;
     }
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       primaryAction && /* @__PURE__ */ jsx(
         Pressable,
         {
@@ -101594,7 +101566,7 @@ function LinkTreeBlock({
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon ?? defaultIcon,
           label,
           iconAfter
@@ -101853,7 +101825,7 @@ function LinkPageMinimalProfile({
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon ?? defaultIcon,
           label,
           iconAfter
@@ -102047,7 +102019,7 @@ function LinkPageNewsletterSocial({
       variant: "default"
     };
     const action = buttonAction || defaultButtonAction;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         FormEngine,
         {
@@ -102059,7 +102031,7 @@ function LinkPageNewsletterSocial({
               buttonGroupSetup: {
                 ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
                 size: "lg",
-                submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
                   action.label,
                   action.iconAfter
                 ] }),
@@ -102210,7 +102182,7 @@ function LinkPageNewsletterSocial({
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon ?? defaultIcon,
           label,
           iconAfter
@@ -102497,7 +102469,7 @@ function LinkPageGridCards({
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon ?? defaultIcon,
           label,
           iconAfter
@@ -102914,7 +102886,7 @@ function LinkPageBentoLayout({
           actionClassName
         ),
         ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon ?? defaultIcon,
           label,
           iconAfter