@opensite/ui 2.8.0 → 2.8.2

package/dist/footer-contact-card.cjs

@@ -1435,9 +1435,13 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {
   instagram: "cib/instagram",
   linkedin: "cib/linkedin",

package/dist/footer-contact-card.js

@@ -1414,9 +1414,13 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {
   instagram: "cib/instagram",
   linkedin: "cib/linkedin",

package/dist/footer-cta-banner.cjs

@@ -1435,9 +1435,13 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {
   instagram: "cib/instagram",
   linkedin: "cib/linkedin",

package/dist/footer-cta-banner.js

@@ -1414,9 +1414,13 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {
   instagram: "cib/instagram",
   linkedin: "cib/linkedin",

package/dist/footer-cta-social.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React2 = require('react');
+var React3 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var icon = require('@page-speed/icon');
@@ -27,21 +27,25 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 // components/blocks/footers/footer-cta-social.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React3__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 function FooterCopyright({
   copyright,
   className
 }) {
-  const currentYear = React2.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
+  const currentYear = React3.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   if (!copyright) {
     return null;
   }
@@ -553,8 +557,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React2__namespace.useState(href);
-  React2__namespace.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React3__namespace.useState(href);
+  React3__namespace.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ContainerEl, { className: containerClassName, children: [
@@ -647,7 +651,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React2__namespace.useMemo(() => {
+  const linkType = React3__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -668,7 +672,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React2__namespace.useMemo(() => {
+  const normalizedHref = React3__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -686,7 +690,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React2__namespace.useMemo(() => {
+  const target = React3__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -699,7 +703,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React2__namespace.useMemo(() => {
+  const rel = React3__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -708,7 +712,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React2__namespace.useCallback(
+  const handleClick = React3__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -892,7 +896,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React2__namespace.forwardRef(
+var Pressable = React3__namespace.forwardRef(
   ({
     children,
     className,
@@ -999,7 +1003,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React2__namespace.default.forwardRef(
+var Container = React3__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1305,7 +1309,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React2__namespace.default.forwardRef(
+var Section = React3__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -1399,7 +1403,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React2__namespace.forwardRef(
+var SocialLinkIcon = React3__namespace.forwardRef(
   ({
     platformName,
     label,
@@ -1412,13 +1416,13 @@ var SocialLinkIcon = React2__namespace.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
-    const smartPlatformName = React2__namespace.useMemo(() => {
+    const smartPlatformName = React3__namespace.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React2__namespace.useMemo(() => {
+    const iconName = React3__namespace.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React2__namespace.useMemo(() => {
+    const accessibleLabel = React3__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1475,7 +1479,7 @@ function FooterCtaSocial({
   pattern,
   patternOpacity
 }) {
-  const socialLinksContent = React2.useMemo(() => {
+  const socialLinksContent = React3.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
       SocialLinkIcon,

package/dist/footer-cta-social.js

@@ -1,6 +1,6 @@
 "use client";
-import * as React2 from 'react';
-import React2__default, { useMemo } from 'react';
+import * as React3 from 'react';
+import React3__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
@@ -13,9 +13,13 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React3.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 function FooterCopyright({
   copyright,
   className
@@ -532,8 +536,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React2.useState(href);
-  React2.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React3.useState(href);
+  React3.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxs(ContainerEl, { className: containerClassName, children: [
@@ -626,7 +630,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React2.useMemo(() => {
+  const linkType = React3.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -647,7 +651,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React2.useMemo(() => {
+  const normalizedHref = React3.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -665,7 +669,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React2.useMemo(() => {
+  const target = React3.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -678,7 +682,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React2.useMemo(() => {
+  const rel = React3.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -687,7 +691,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React2.useCallback(
+  const handleClick = React3.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -871,7 +875,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React2.forwardRef(
+var Pressable = React3.forwardRef(
   ({
     children,
     className,
@@ -978,7 +982,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React2__default.forwardRef(
+var Container = React3__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -1284,7 +1288,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React2__default.forwardRef(
+var Section = React3__default.forwardRef(
   ({
     id,
     title,
@@ -1378,7 +1382,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React2.forwardRef(
+var SocialLinkIcon = React3.forwardRef(
   ({
     platformName,
     label,
@@ -1391,13 +1395,13 @@ var SocialLinkIcon = React2.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
-    const smartPlatformName = React2.useMemo(() => {
+    const smartPlatformName = React3.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React2.useMemo(() => {
+    const iconName = React3.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React2.useMemo(() => {
+    const accessibleLabel = React3.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var React2 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
 
 // components/blocks/footers/footer-info-cards-accordion.tsx
@@ -37,9 +37,13 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React2__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var paymentIconMap = {
   visa: "cib/cc-visa",
   mastercard: "cib/cc-mastercard",
@@ -159,7 +163,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React__namespace.useMemo(() => {
+  const linkType = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -180,7 +184,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React__namespace.useMemo(() => {
+  const normalizedHref = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -198,7 +202,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React__namespace.useMemo(() => {
+  const target = React2__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -211,7 +215,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React__namespace.useMemo(() => {
+  const rel = React2__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -220,7 +224,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React__namespace.useCallback(
+  const handleClick = React2__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -404,7 +408,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React__namespace.forwardRef(
+var Pressable = React2__namespace.forwardRef(
   ({
     children,
     className,
@@ -577,7 +581,7 @@ function FooterCopyright({
   copyright,
   className
 }) {
-  const currentYear = React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
+  const currentYear = React2.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   if (!copyright) {
     return null;
   }
@@ -1089,8 +1093,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React__namespace.useState(href);
-  React__namespace.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React2__namespace.useState(href);
+  React2__namespace.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ContainerEl, { className: containerClassName, children: [
@@ -1141,7 +1145,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React__namespace.forwardRef(
+var SocialLinkIcon = React2__namespace.forwardRef(
   ({
     platformName,
     label,
@@ -1154,13 +1158,13 @@ var SocialLinkIcon = React__namespace.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
-    const smartPlatformName = React__namespace.useMemo(() => {
+    const smartPlatformName = React2__namespace.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React__namespace.useMemo(() => {
+    const iconName = React2__namespace.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React__namespace.useMemo(() => {
+    const accessibleLabel = React2__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1236,7 +1240,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React__namespace.default.forwardRef(
+var Container = React2__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1542,7 +1546,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React__namespace.default.forwardRef(
+var Section = React2__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -1648,7 +1652,7 @@ function FooterInfoCardsAccordion({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [email, setEmail] = React__namespace.useState("");
+  const [email, setEmail] = React2__namespace.useState("");
   (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();

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

@@ -1,6 +1,6 @@
 "use client";
-import * as React from 'react';
-import React__default, { useMemo } from 'react';
+import * as React2 from 'react';
+import React2__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
@@ -15,9 +15,13 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React2.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var paymentIconMap = {
   visa: "cib/cc-visa",
   mastercard: "cib/cc-mastercard",
@@ -137,7 +141,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React.useMemo(() => {
+  const linkType = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -158,7 +162,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React.useMemo(() => {
+  const normalizedHref = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -176,7 +180,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React.useMemo(() => {
+  const target = React2.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -189,7 +193,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React.useMemo(() => {
+  const rel = React2.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -198,7 +202,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React.useCallback(
+  const handleClick = React2.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -382,7 +386,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React.forwardRef(
+var Pressable = React2.forwardRef(
   ({
     children,
     className,
@@ -1067,8 +1071,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React.useState(href);
-  React.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React2.useState(href);
+  React2.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxs(ContainerEl, { className: containerClassName, children: [
@@ -1119,7 +1123,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React.forwardRef(
+var SocialLinkIcon = React2.forwardRef(
   ({
     platformName,
     label,
@@ -1132,13 +1136,13 @@ var SocialLinkIcon = React.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
-    const smartPlatformName = React.useMemo(() => {
+    const smartPlatformName = React2.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React.useMemo(() => {
+    const iconName = React2.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React.useMemo(() => {
+    const accessibleLabel = React2.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsx(
@@ -1214,7 +1218,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React__default.forwardRef(
+var Container = React2__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -1520,7 +1524,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React__default.forwardRef(
+var Section = React2__default.forwardRef(
   ({
     id,
     title,
@@ -1626,7 +1630,7 @@ function FooterInfoCardsAccordion({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [email, setEmail] = React.useState("");
+  const [email, setEmail] = React2.useState("");
   (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();

package/dist/footer-nav-social.cjs

@@ -1435,9 +1435,13 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {
   instagram: "cib/instagram",
   linkedin: "cib/linkedin",

package/dist/footer-nav-social.js

@@ -1414,9 +1414,13 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {
   instagram: "cib/instagram",
   linkedin: "cib/linkedin",