@opensite/ui 3.0.5 → 3.0.7

package/dist/index.js

@@ -1352,6 +1352,7 @@ var ContentGroup = React4.forwardRef(
 );
 ContentGroup.displayName = "ContentGroup";
 function AlternatingBlocks({
+  sectionId = "alternating-blocks",
   sections,
   sectionsSlot,
   title,
@@ -1439,6 +1440,7 @@ function AlternatingBlocks({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -1605,6 +1607,7 @@ function AboutSplitHero({
   ] }) });
 }
 function AboutMissionPrinciples({
+  sectionId = "about-mission-principles",
   badgeText,
   badgeClassName,
   missionHeading,
@@ -1723,6 +1726,7 @@ function AboutMissionPrinciples({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -1844,6 +1848,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutExpandableValues({
+  sectionId = "about-expandable-values",
   badgeText,
   heading,
   description,
@@ -1963,6 +1968,7 @@ function AboutExpandableValues({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -2078,6 +2084,7 @@ function TabsContent({
   );
 }
 function CommunityInitiatives({
+  sectionId = "community-initiatives",
   badgeText,
   heading,
   description,
@@ -2256,6 +2263,7 @@ function CommunityInitiatives({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -2340,6 +2348,7 @@ function CommunityInitiatives({
   );
 }
 function AboutCultureTabs({
+  sectionId = "about-culture-tabs",
   badgeText,
   heading,
   description,
@@ -2442,6 +2451,7 @@ function AboutCultureTabs({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -2573,6 +2583,7 @@ function AboutCultureTabs({
   );
 }
 function MediaHoverCtas({
+  sectionId = "media-hover-ctas",
   className,
   sectionClassName,
   gridClassName,
@@ -2639,6 +2650,7 @@ function MediaHoverCtas({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className, sectionClassName),
@@ -2658,6 +2670,7 @@ function MediaHoverCtas({
   );
 }
 function BannerAnnouncementDismissible({
+  sectionId = "banner-announcement-dismissible",
   icon,
   iconName,
   message,
@@ -2732,29 +2745,39 @@ function BannerAnnouncementDismissible({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("border-b", className), children: /* @__PURE__ */ jsxs("div", { className: cn("max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-2", containerClassName), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", contentClassName), children: [
-      iconContent,
-      messageContent,
-      (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actionsContent })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        onClick: handleDismiss,
-        variant: "outline",
-        size: "icon",
-        asButton: true,
-        className: cn("size-8", dismissButtonClassName),
-        children: [
-          dismissIconContent,
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
-        ]
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className: cn("border-b", className),
+      children: /* @__PURE__ */ jsxs("div", { className: cn("max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-2", containerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", contentClassName), children: [
+          iconContent,
+          messageContent,
+          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actionsContent })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            onClick: handleDismiss,
+            variant: "outline",
+            size: "icon",
+            asButton: true,
+            className: cn("size-8", dismissButtonClassName),
+            children: [
+              dismissIconContent,
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
+            ]
+          }
+        )
+      ] })
+    }
+  );
 }
 function BannerCountdownSale({
+  sectionId = "banner-countdown-sale",
   endTime,
   message,
   description,
@@ -2820,13 +2843,23 @@ function BannerCountdownSale({
     if (!description) return null;
     return typeof description === "string" ? /* @__PURE__ */ jsx("span", { className: cn("text-destructive-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description });
   }, [description, descriptionClassName]);
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("bg-destructive text-destructive-foreground", className), children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-sm", contentClassName), children: [
-    messageContent,
-    timerContent,
-    descriptionContent
-  ] }) }) });
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className: cn("bg-destructive text-destructive-foreground", className),
+      children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-sm", contentClassName), children: [
+        messageContent,
+        timerContent,
+        descriptionContent
+      ] }) })
+    }
+  );
 }
 function BannerDeliveryCountdown({
+  sectionId = "banner-delivery-countdown",
   icon,
   iconName,
   deliveryDate,
@@ -2900,15 +2933,25 @@ function BannerDeliveryCountdown({
       (part) => part !== null && part !== void 0
     );
   }, [prefixText, timerContent, middleText, deliveryDateContent]);
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("bg-accent text-accent-foreground", className), children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-3 text-sm", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", messageClassName), children: [
-    iconContent,
-    messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
-      index > 0 ? " " : null,
-      part
-    ] }, index)) })
-  ] }) }) }) });
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className: cn("bg-accent text-accent-foreground", className),
+      children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-3 text-sm", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", messageClassName), children: [
+        iconContent,
+        messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+          index > 0 ? " " : null,
+          part
+        ] }, index)) })
+      ] }) }) })
+    }
+  );
 }
 function BannerEventPromo({
+  sectionId = "banner-event-promo",
   eventName,
   eventDetails,
   separator,
@@ -2972,14 +3015,23 @@ function BannerEventPromo({
     if (!eventDetails) return null;
     return /* @__PURE__ */ jsx("span", { className: eventDetailsClassName, children: eventDetails });
   }, [eventDetails, eventDetailsClassName]);
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className, children: /* @__PURE__ */ jsx("div", { className: cn("container mx-auto px-4 md:px-6 2xl:max-w-[1400px]", containerClassName), children: /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between gap-x-6 p-4", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap justify-between w-full items-center gap-x-4 gap-y-2", textClassName), children: [
-    /* @__PURE__ */ jsxs("p", { className: "text-sm leading-6", children: [
-      eventNameContent,
-      eventNameContent && eventDetailsContent && separatorContent,
-      eventDetailsContent
-    ] }),
-    (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actionsContent })
-  ] }) }) }) });
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className,
+      children: /* @__PURE__ */ jsx("div", { className: cn("container mx-auto px-4 md:px-6 2xl:max-w-[1400px]", containerClassName), children: /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between gap-x-6 p-4", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap justify-between w-full items-center gap-x-4 gap-y-2", textClassName), children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-sm leading-6", children: [
+          eventNameContent,
+          eventNameContent && eventDetailsContent && separatorContent,
+          eventDetailsContent
+        ] }),
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actionsContent })
+      ] }) }) })
+    }
+  );
 }
 function BannerFloatingOffer({
   offerTitle,
@@ -3110,6 +3162,7 @@ function BannerFloatingOffer({
   );
 }
 function BannerGdprRights({
+  sectionId = "banner-gdpr-rights",
   icon,
   iconName,
   title,
@@ -3192,31 +3245,41 @@ function BannerGdprRights({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("border-t fixed bottom-0 left-0 right-0 z-50", className), children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", contentClassName), children: [
-      iconContent,
-      /* @__PURE__ */ jsxs("div", { children: [
-        titleContent,
-        descriptionContent
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className: cn("border-t fixed bottom-0 left-0 right-0 z-50", className),
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", contentClassName), children: [
+          iconContent,
+          /* @__PURE__ */ jsxs("div", { children: [
+            titleContent,
+            descriptionContent
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            onClick: handleDismiss,
+            variant: "ghost",
+            size: "icon",
+            asButton: true,
+            className: cn("size-8", dismissButtonClassName),
+            children: [
+              dismissIconContent,
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
+            ]
+          }
+        )
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        onClick: handleDismiss,
-        variant: "ghost",
-        size: "icon",
-        asButton: true,
-        className: cn("size-8", dismissButtonClassName),
-        children: [
-          dismissIconContent,
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
-        ]
-      }
-    )
-  ] }) });
+    }
+  );
 }
 function BannerPrivacyNotice({
+  sectionId = "banner-privacy-notice",
   icon,
   iconName,
   title,
@@ -3296,32 +3359,42 @@ function BannerPrivacyNotice({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("border-t fixed bottom-0 left-0 right-0 z-50", className), children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-4", contentClassName), children: [
-      iconContent,
-      /* @__PURE__ */ jsxs("div", { children: [
-        titleContent,
-        descriptionContent,
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actionsContent })
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className: cn("border-t fixed bottom-0 left-0 right-0 z-50", className),
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4 max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-4", contentClassName), children: [
+          iconContent,
+          /* @__PURE__ */ jsxs("div", { children: [
+            titleContent,
+            descriptionContent,
+            (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actionsContent })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            onClick: handleDismiss,
+            variant: "outline",
+            size: "icon",
+            asButton: true,
+            className: cn("size-8", dismissButtonClassName),
+            children: [
+              dismissIconContent,
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
+            ]
+          }
+        )
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        onClick: handleDismiss,
-        variant: "outline",
-        size: "icon",
-        asButton: true,
-        className: cn("size-8", dismissButtonClassName),
-        children: [
-          dismissIconContent,
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
-        ]
-      }
-    )
-  ] }) });
+    }
+  );
 }
 function BannerPromoCta({
+  sectionId = "banner-promo-cta",
   message,
   discount,
   separator,
@@ -3375,14 +3448,24 @@ function BannerPromoCta({
     if (!discount) return null;
     return /* @__PURE__ */ jsx("span", { className: discountClassName, children: discount });
   }, [discount, discountClassName]);
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className, children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-center text-sm", contentClassName), children: [
-    messageContent,
-    messageContent && discountContent && separatorContent,
-    discountContent,
-    (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: actionsContent })
-  ] }) }) });
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className,
+      children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-center text-sm", contentClassName), children: [
+        messageContent,
+        messageContent && discountContent && separatorContent,
+        discountContent,
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: actionsContent })
+      ] }) })
+    }
+  );
 }
 function BannerSocialFollow({
+  sectionId = "banner-social-follow",
   icon,
   iconName,
   message,
@@ -3456,27 +3539,37 @@ function BannerSocialFollow({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className, children: /* @__PURE__ */ jsxs("div", { className: cn("max-w-7xl mx-auto px-3 py-3 flex items-center justify-center text-left md:text-center gap-2", containerClassName), children: [
-    iconContent,
-    messageContent,
-    (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: actionsContent }),
-    /* @__PURE__ */ jsxs(
-      Pressable,
-      {
-        onClick: handleDismiss,
-        variant: "ghost",
-        size: "icon",
-        asButton: true,
-        className: cn("size-8", dismissButtonClassName),
-        children: [
-          dismissIconContent,
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
-        ]
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className,
+      children: /* @__PURE__ */ jsxs("div", { className: cn("max-w-7xl mx-auto px-3 py-3 flex items-center justify-center text-left md:text-center gap-2", containerClassName), children: [
+        iconContent,
+        messageContent,
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("span", { className: actionsClassName, children: actionsContent }),
+        /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            onClick: handleDismiss,
+            variant: "ghost",
+            size: "icon",
+            asButton: true,
+            className: cn("size-8", dismissButtonClassName),
+            children: [
+              dismissIconContent,
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
+            ]
+          }
+        )
+      ] })
+    }
+  );
 }
 function BannerSurveyIncentive({
+  sectionId = "banner-survey-incentive",
   icon,
   iconName,
   title,
@@ -3558,32 +3651,41 @@ function BannerSurveyIncentive({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("border-b text-sm", className), children: /* @__PURE__ */ jsxs("div", { className: cn("flex md:items-center justify-between max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
-    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", contentClassName), children: [
-      iconContent,
-      /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col md:flex-row gap-1", textClassName), children: [
-        titleContent,
-        descriptionContent
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      id: sectionId,
+      background,
+      spacing: "none",
+      className: cn("border-b text-sm", className),
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex md:items-center justify-between max-w-7xl mx-auto px-4 py-4", containerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", contentClassName), children: [
+          iconContent,
+          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col md:flex-row gap-1", textClassName), children: [
+            titleContent,
+            descriptionContent
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2", actionsClassName), children: [
+          actionsContent,
+          /* @__PURE__ */ jsxs(
+            Pressable,
+            {
+              onClick: handleDismiss,
+              variant: "outline",
+              size: "icon",
+              asButton: true,
+              className: cn("size-8", dismissButtonClassName),
+              children: [
+                dismissIconContent,
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
+              ]
+            }
+          )
+        ] })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2", actionsClassName), children: [
-      actionsContent,
-      /* @__PURE__ */ jsxs(
-        Pressable,
-        {
-          onClick: handleDismiss,
-          variant: "outline",
-          size: "icon",
-          asButton: true,
-          className: cn("size-8", dismissButtonClassName),
-          children: [
-            dismissIconContent,
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: dismissLabel })
-          ]
-        }
-      )
-    ] })
-  ] }) });
+    }
+  );
 }
 function isThemedLogo(logo) {
   return "light" in logo || "dark" in logo;
@@ -4530,6 +4632,7 @@ function FooterSocialApps({
   );
 }
 function FooterSimpleCentered({
+  sectionId = "footer-simple-centered",
   logo,
   tagline,
   sitemap,
@@ -4598,6 +4701,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5008,6 +5112,7 @@ function FooterNewsletterGrid({
   );
 }
 function FooterCtaBanner({
+  sectionId = "footer-cta-banner",
   logo,
   ctaHeading,
   ctaDescription,
@@ -5053,6 +5158,7 @@ function FooterCtaBanner({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5088,7 +5194,16 @@ function FooterCtaBanner({
                   children: ctaDescription
                 }
               ),
-              /* @__PURE__ */ jsx(Pressable, { href: ctaButtonUrl, asButton: true, variant: "default", children: ctaButtonText })
+              /* @__PURE__ */ jsx(
+                Pressable,
+                {
+                  href: ctaButtonUrl,
+                  asButton: true,
+                  variant: "default",
+                  className: ctaButtonClassName,
+                  children: ctaButtonText
+                }
+              )
             ]
           }
         ),
@@ -5224,6 +5339,7 @@ function FooterCtaBanner({
   );
 }
 function FooterContactCard({
+  sectionId = "footer-contact-card",
   logo,
   heading,
   email,
@@ -5263,6 +5379,7 @@ function FooterContactCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5400,6 +5517,7 @@ function FooterContactCard({
   );
 }
 function FooterBackgroundCard({
+  sectionId = "footer-background-card",
   logo,
   backgroundImage,
   profileImage,
@@ -5446,6 +5564,7 @@ function FooterBackgroundCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5687,6 +5806,7 @@ var itemVariants = {
   }
 };
 function FooterAnimatedSocial({
+  sectionId = "footer-animated-social",
   heading,
   description,
   ctaText,
@@ -5744,6 +5864,7 @@ function FooterAnimatedSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5891,6 +6012,7 @@ var DEFAULT_FORM_FIELDS2 = [
   }
 ];
 function FooterNewsletterMinimal({
+  sectionId = "footer-newsletter-minimal",
   heading,
   supportLabel,
   supportEmail,
@@ -6010,6 +6132,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -6179,6 +6302,7 @@ function FooterNewsletterMinimal({
   );
 }
 function FooterCtaSocial({
+  sectionId = "footer-cta-social",
   preHeading,
   heading,
   description,
@@ -6225,6 +6349,7 @@ function FooterCtaSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/industries-badge-list-bordered.cjs

@@ -456,6 +456,7 @@ var Section = React__default.default.forwardRef(
 );
 Section.displayName = "Section";
 function IndustriesBadgeListBordered({
+  sectionId = "industries-badge-list-bordered",
   badge,
   badgeSlot,
   heading,
@@ -545,6 +546,7 @@ function IndustriesBadgeListBordered({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className,