@opensite/ui 3.0.5 → 3.0.6

package/dist/components.js

@@ -1290,6 +1290,7 @@ var ContentGroup = React4.forwardRef(
 );
 ContentGroup.displayName = "ContentGroup";
 function AlternatingBlocks({
+  sectionId = "alternating-blocks",
   sections,
   sectionsSlot,
   title,
@@ -1377,6 +1378,7 @@ function AlternatingBlocks({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -1543,6 +1545,7 @@ function AboutSplitHero({
   ] }) });
 }
 function AboutMissionPrinciples({
+  sectionId = "about-mission-principles",
   badgeText,
   badgeClassName,
   missionHeading,
@@ -1661,6 +1664,7 @@ function AboutMissionPrinciples({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -1782,6 +1786,7 @@ function ActionComponent({ action }) {
   );
 }
 function AboutExpandableValues({
+  sectionId = "about-expandable-values",
   badgeText,
   heading,
   description,
@@ -1901,6 +1906,7 @@ function AboutExpandableValues({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -2016,6 +2022,7 @@ function TabsContent({
   );
 }
 function CommunityInitiatives({
+  sectionId = "community-initiatives",
   badgeText,
   heading,
   description,
@@ -2194,6 +2201,7 @@ function CommunityInitiatives({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -2278,6 +2286,7 @@ function CommunityInitiatives({
   );
 }
 function AboutCultureTabs({
+  sectionId = "about-culture-tabs",
   badgeText,
   heading,
   description,
@@ -2380,6 +2389,7 @@ function AboutCultureTabs({
   return /* @__PURE__ */ jsxs(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -2511,6 +2521,7 @@ function AboutCultureTabs({
   );
 }
 function MediaHoverCtas({
+  sectionId = "media-hover-ctas",
   className,
   sectionClassName,
   gridClassName,
@@ -2577,6 +2588,7 @@ function MediaHoverCtas({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       className: cn(className, sectionClassName),
@@ -2596,6 +2608,7 @@ function MediaHoverCtas({
   );
 }
 function BannerAnnouncementDismissible({
+  sectionId = "banner-announcement-dismissible",
   icon,
   iconName,
   message,
@@ -2670,29 +2683,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,
@@ -2758,13 +2781,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,
@@ -2838,15 +2871,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,
@@ -2910,14 +2953,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,
@@ -3048,6 +3100,7 @@ function BannerFloatingOffer({
   );
 }
 function BannerGdprRights({
+  sectionId = "banner-gdpr-rights",
   icon,
   iconName,
   title,
@@ -3130,31 +3183,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,
@@ -3234,32 +3297,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,
@@ -3313,14 +3386,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,
@@ -3394,27 +3477,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,
@@ -3496,32 +3589,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;
@@ -4468,6 +4570,7 @@ function FooterSocialApps({
   );
 }
 function FooterSimpleCentered({
+  sectionId = "footer-simple-centered",
   logo,
   tagline,
   sitemap,
@@ -4536,6 +4639,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -4946,6 +5050,7 @@ function FooterNewsletterGrid({
   );
 }
 function FooterCtaBanner({
+  sectionId = "footer-cta-banner",
   logo,
   ctaHeading,
   ctaDescription,
@@ -4991,6 +5096,7 @@ function FooterCtaBanner({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5026,7 +5132,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
+                }
+              )
             ]
           }
         ),
@@ -5162,6 +5277,7 @@ function FooterCtaBanner({
   );
 }
 function FooterContactCard({
+  sectionId = "footer-contact-card",
   logo,
   heading,
   email,
@@ -5201,6 +5317,7 @@ function FooterContactCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5338,6 +5455,7 @@ function FooterContactCard({
   );
 }
 function FooterBackgroundCard({
+  sectionId = "footer-background-card",
   logo,
   backgroundImage,
   profileImage,
@@ -5384,6 +5502,7 @@ function FooterBackgroundCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5625,6 +5744,7 @@ var itemVariants = {
   }
 };
 function FooterAnimatedSocial({
+  sectionId = "footer-animated-social",
   heading,
   description,
   ctaText,
@@ -5682,6 +5802,7 @@ function FooterAnimatedSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -5829,6 +5950,7 @@ var DEFAULT_FORM_FIELDS2 = [
   }
 ];
 function FooterNewsletterMinimal({
+  sectionId = "footer-newsletter-minimal",
   heading,
   supportLabel,
   supportEmail,
@@ -5948,6 +6070,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,
@@ -6117,6 +6240,7 @@ function FooterNewsletterMinimal({
   );
 }
 function FooterCtaSocial({
+  sectionId = "footer-cta-social",
   preHeading,
   heading,
   description,
@@ -6163,6 +6287,7 @@ function FooterCtaSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,

package/dist/contact-callback.cjs

@@ -545,6 +545,7 @@ var DEFAULT_FORM_FIELDS = [
   }
 ];
 function ContactCallback({
+  sectionId = "contact-callback",
   heading,
   description,
   callbackProcessLabel,
@@ -565,6 +566,7 @@ function ContactCallback({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: sectionId,
       background,
       spacing,
       pattern,