@opensite/ui 3.4.9 → 3.5.0

package/dist/components.cjs

@@ -4434,6 +4434,7 @@ function FooterLinksGrid({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-links-grid",
       background,
       spacing,
       pattern,
@@ -4552,6 +4553,7 @@ function FooterSocialNewsletter({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-social-newsletter",
       background,
       spacing,
       pattern,
@@ -4709,6 +4711,7 @@ function FooterSocialApps({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-social-apps",
       background,
       spacing,
       pattern,
@@ -4824,7 +4827,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-simple-centered",
       background,
       spacing,
       pattern,
@@ -4954,6 +4957,7 @@ function FooterBrandDescription({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-brand-description",
       background,
       spacing,
       pattern,
@@ -5165,6 +5169,7 @@ function FooterNewsletterGrid({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-newsletter-grid",
       background,
       spacing,
       pattern,
@@ -5281,7 +5286,7 @@ function FooterCtaBanner({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-banner",
       background,
       spacing,
       pattern,
@@ -5502,7 +5507,7 @@ function FooterContactCard({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-contact-card",
       background,
       spacing,
       pattern,
@@ -5687,7 +5692,7 @@ function FooterBackgroundCard({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-background-card",
       background,
       spacing,
       pattern,
@@ -5987,7 +5992,7 @@ function FooterAnimatedSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-animated-social",
       background,
       spacing,
       pattern,
@@ -6255,7 +6260,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-newsletter-minimal",
       background,
       spacing,
       pattern,
@@ -6472,7 +6477,7 @@ function FooterCtaSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-social",
       background,
       spacing,
       pattern,
@@ -6607,6 +6612,7 @@ function FooterNavSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-nav-social",
       background,
       spacing,
       pattern,

package/dist/components.js

@@ -4411,6 +4411,7 @@ function FooterLinksGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-links-grid",
       background,
       spacing,
       pattern,
@@ -4529,6 +4530,7 @@ function FooterSocialNewsletter({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-social-newsletter",
       background,
       spacing,
       pattern,
@@ -4686,6 +4688,7 @@ function FooterSocialApps({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-social-apps",
       background,
       spacing,
       pattern,
@@ -4801,7 +4804,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-simple-centered",
       background,
       spacing,
       pattern,
@@ -4931,6 +4934,7 @@ function FooterBrandDescription({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-brand-description",
       background,
       spacing,
       pattern,
@@ -5142,6 +5146,7 @@ function FooterNewsletterGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-newsletter-grid",
       background,
       spacing,
       pattern,
@@ -5258,7 +5263,7 @@ function FooterCtaBanner({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-banner",
       background,
       spacing,
       pattern,
@@ -5479,7 +5484,7 @@ function FooterContactCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-contact-card",
       background,
       spacing,
       pattern,
@@ -5664,7 +5669,7 @@ function FooterBackgroundCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-background-card",
       background,
       spacing,
       pattern,
@@ -5964,7 +5969,7 @@ function FooterAnimatedSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-animated-social",
       background,
       spacing,
       pattern,
@@ -6232,7 +6237,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-newsletter-minimal",
       background,
       spacing,
       pattern,
@@ -6449,7 +6454,7 @@ function FooterCtaSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-social",
       background,
       spacing,
       pattern,
@@ -6584,6 +6589,7 @@ function FooterNavSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-nav-social",
       background,
       spacing,
       pattern,

package/dist/footer-accordion-social.cjs

@@ -1115,7 +1115,7 @@ function FooterAccordionSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-accordion-social",
       background,
       spacing,
       pattern,

package/dist/footer-accordion-social.js

@@ -1094,7 +1094,7 @@ function FooterAccordionSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-accordion-social",
       background,
       spacing,
       pattern,

package/dist/footer-animated-social.cjs

@@ -1123,7 +1123,7 @@ function FooterAnimatedSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-animated-social",
       background,
       spacing,
       pattern,

package/dist/footer-animated-social.js

@@ -1102,7 +1102,7 @@ function FooterAnimatedSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-animated-social",
       background,
       spacing,
       pattern,

package/dist/footer-background-card.cjs

@@ -1077,7 +1077,7 @@ function FooterBackgroundCard({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-background-card",
       background,
       spacing,
       pattern,

package/dist/footer-background-card.js

@@ -1056,7 +1056,7 @@ function FooterBackgroundCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-background-card",
       background,
       spacing,
       pattern,

package/dist/footer-brand-description.cjs

@@ -1152,6 +1152,7 @@ function FooterBrandDescription({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-brand-description",
       background,
       spacing,
       pattern,

package/dist/footer-brand-description.js

@@ -1131,6 +1131,7 @@ function FooterBrandDescription({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-brand-description",
       background,
       spacing,
       pattern,

package/dist/footer-brand-links-contact.cjs

@@ -1157,7 +1157,7 @@ function FooterBrandLinksContact({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
-      id: sectionId,
+      id: "footer-brand-links-contact",
       background,
       spacing,
       pattern,

package/dist/footer-brand-links-contact.js

@@ -1136,7 +1136,7 @@ function FooterBrandLinksContact({
   return /* @__PURE__ */ jsxs(
     Section,
     {
-      id: sectionId,
+      id: "footer-brand-links-contact",
       background,
       spacing,
       pattern,

package/dist/footer-comprehensive-links.cjs

@@ -1071,7 +1071,7 @@ function FooterComprehensiveLinks({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
-      id: sectionId,
+      id: "footer-comprehensive-links",
       background,
       spacing,
       pattern,

package/dist/footer-comprehensive-links.js

@@ -1050,7 +1050,7 @@ function FooterComprehensiveLinks({
   return /* @__PURE__ */ jsxs(
     Section,
     {
-      id: sectionId,
+      id: "footer-comprehensive-links",
       background,
       spacing,
       pattern,

package/dist/footer-contact-card.cjs

@@ -1158,7 +1158,7 @@ function FooterContactCard({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-contact-card",
       background,
       spacing,
       pattern,

package/dist/footer-contact-card.js

@@ -1137,7 +1137,7 @@ function FooterContactCard({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-contact-card",
       background,
       spacing,
       pattern,

package/dist/footer-cta-banner.cjs

@@ -1164,7 +1164,7 @@ function FooterCtaBanner({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-banner",
       background,
       spacing,
       pattern,

package/dist/footer-cta-banner.js

@@ -1143,7 +1143,7 @@ function FooterCtaBanner({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-banner",
       background,
       spacing,
       pattern,

package/dist/footer-cta-social.cjs

@@ -1093,7 +1093,7 @@ function FooterCtaSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-social",
       background,
       spacing,
       pattern,

package/dist/footer-cta-social.js

@@ -1072,7 +1072,7 @@ function FooterCtaSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-cta-social",
       background,
       spacing,
       pattern,

package/dist/footer-info-cards-accordion.cjs

@@ -1257,7 +1257,7 @@ function FooterInfoCardsAccordion({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-info-cards-accordion",
       background,
       spacing,
       pattern,

package/dist/footer-info-cards-accordion.js

@@ -1235,7 +1235,7 @@ function FooterInfoCardsAccordion({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-info-cards-accordion",
       background,
       spacing,
       pattern,

package/dist/footer-links-grid.cjs

@@ -1031,6 +1031,7 @@ function FooterLinksGrid({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-links-grid",
       background,
       spacing,
       pattern,

package/dist/footer-links-grid.js

@@ -1010,6 +1010,7 @@ function FooterLinksGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-links-grid",
       background,
       spacing,
       pattern,

package/dist/footer-nav-social.cjs

@@ -1195,6 +1195,7 @@ function FooterNavSocial({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-nav-social",
       background,
       spacing,
       pattern,

package/dist/footer-nav-social.js

@@ -1174,6 +1174,7 @@ function FooterNavSocial({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-nav-social",
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-contact.cjs

@@ -1258,7 +1258,7 @@ function FooterNewsletterContact({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-newsletter-contact",
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-contact.js

@@ -1236,7 +1236,7 @@ function FooterNewsletterContact({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-newsletter-contact",
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-grid.cjs

@@ -1166,6 +1166,7 @@ function FooterNewsletterGrid({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-newsletter-grid",
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-grid.js

@@ -1145,6 +1145,7 @@ function FooterNewsletterGrid({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-newsletter-grid",
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-minimal.cjs

@@ -1184,7 +1184,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-newsletter-minimal",
       background,
       spacing,
       pattern,

package/dist/footer-newsletter-minimal.js

@@ -1163,7 +1163,7 @@ function FooterNewsletterMinimal({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-newsletter-minimal",
       background,
       spacing,
       pattern,

package/dist/footer-simple-centered.cjs

@@ -1084,7 +1084,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-simple-centered",
       background,
       spacing,
       pattern,

package/dist/footer-simple-centered.js

@@ -1063,7 +1063,7 @@ function FooterSimpleCentered({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-simple-centered",
       background,
       spacing,
       pattern,

package/dist/footer-social-apps.cjs

@@ -1170,6 +1170,7 @@ function FooterSocialApps({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-social-apps",
       background,
       spacing,
       pattern,

package/dist/footer-social-apps.js

@@ -1149,6 +1149,7 @@ function FooterSocialApps({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-social-apps",
       background,
       spacing,
       pattern,

package/dist/footer-social-newsletter.cjs

@@ -1122,6 +1122,7 @@ function FooterSocialNewsletter({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
+      id: "footer-social-newsletter",
       background,
       spacing,
       pattern,

package/dist/footer-social-newsletter.js

@@ -1101,6 +1101,7 @@ function FooterSocialNewsletter({
   return /* @__PURE__ */ jsx(
     Section,
     {
+      id: "footer-social-newsletter",
       background,
       spacing,
       pattern,

package/dist/footer-split-image-accordion.cjs

@@ -1254,7 +1254,7 @@ function FooterSplitImageAccordion({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-split-image-accordion",
       background,
       spacing,
       pattern,

package/dist/footer-split-image-accordion.js

@@ -1233,7 +1233,7 @@ function FooterSplitImageAccordion({
   return /* @__PURE__ */ jsx(
     Section,
     {
-      id: sectionId,
+      id: "footer-split-image-accordion",
       background,
       spacing,
       pattern,

package/dist/hero-stats-social-proof.cjs

@@ -9,10 +9,27 @@ var jsxRuntime = require('react/jsx-runtime');
 var pressable = require('@page-speed/pressable');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
+var icon = require('@page-speed/icon');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // components/blocks/hero/hero-stats-social-proof.tsx
 function cn(...inputs) {
@@ -27,7 +44,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React__default.default.forwardRef(
+var Container = React__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -333,7 +350,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React__default.default.forwardRef(
+var Section = React__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -426,6 +443,19 @@ function Badge({
     }
   );
 }
+var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
+var DynamicIcon = React__namespace.memo(function DynamicIcon2({
+  apiKey,
+  name,
+  ...props
+}) {
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+});
+DynamicIcon.displayName = "DynamicIcon";
 var MOBILE_CLASSES = {
   "fit-left": "items-start md:items-center",
   "fit-center": "items-center",
@@ -553,7 +583,7 @@ function HeroStatsSocialProof({
           "pr-4 md:pr-6 shadow-2xl bg-card text-card-foreground"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          statusCard.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg", children: statusCard.icon }),
+          statusCard.icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: statusCard.icon }) }) : null,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-balance", children: [
             statusCard.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-sm md:text-md leading-snug", children: statusCard.title }),
             statusCard.subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-snug tracking-tight", children: statusCard.subtitle })