@opensite/ui 3.3.3 → 3.3.4

package/dist/feature-icon-tabs-content.cjs

@@ -88,9 +88,14 @@ function getBorderColor(parentBg, variant = "default", options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 badgeVariants = classVarianceAuthority.cva(

package/dist/feature-icon-tabs-content.js

@@ -4,7 +4,7 @@ import React__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -66,9 +66,14 @@ function getBorderColor(parentBg, variant = "default", options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var badgeVariants = cva(

package/dist/feature-image-cards-three-column.cjs

@@ -40,9 +40,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React5__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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";
 function Avatar({

package/dist/feature-image-cards-three-column.js

@@ -4,7 +4,7 @@ import React5__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { Img } from '@page-speed/img';
@@ -18,9 +18,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React5.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function Avatar({

package/dist/feature-image-overlay-badge.cjs

@@ -66,9 +66,14 @@ function getTextColor(parentBg, variant = "default", options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 badgeVariants = classVarianceAuthority.cva(

package/dist/feature-image-overlay-badge.js

@@ -4,7 +4,7 @@ import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -44,9 +44,14 @@ function getTextColor(parentBg, variant = "default", options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var badgeVariants = cva(

package/dist/feature-numbered-cards.cjs

@@ -36,9 +36,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 maxWidthStyles = {

package/dist/feature-numbered-cards.js

@@ -4,7 +4,7 @@ import React__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Img } from '@page-speed/img';
 import { Pressable } from '@page-speed/pressable';
 
@@ -15,9 +15,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var maxWidthStyles = {

package/dist/feature-pattern-grid-links.cjs

@@ -61,9 +61,14 @@ function getTextColor(parentBg, variant = "default", options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 maxWidthStyles = {

package/dist/feature-pattern-grid-links.js

@@ -4,7 +4,7 @@ import React__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 
 // components/blocks/features/feature-pattern-grid-links.tsx
@@ -40,9 +40,14 @@ function getTextColor(parentBg, variant = "default", options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var maxWidthStyles = {

package/dist/feature-showcase.cjs

@@ -412,9 +412,14 @@ Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 BUTTON_SIZES = {

package/dist/feature-showcase.js

@@ -4,7 +4,7 @@ import React__default, { useState, useCallback, useRef, useMemo, useEffect } fro
 import { AnimatePresence, motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 import { Icon } from '@page-speed/icon';
 
@@ -391,9 +391,14 @@ Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var BUTTON_SIZES = {

package/dist/feature-tabbed-content-image.cjs

@@ -38,9 +38,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React4__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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";
 function Tabs({

package/dist/feature-tabbed-content-image.js

@@ -4,7 +4,7 @@ import React4__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 import { Img } from '@page-speed/img';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -16,9 +16,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React4.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function Tabs({

package/dist/feature-three-column-values.cjs

@@ -35,9 +35,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 maxWidthStyles = {

package/dist/feature-three-column-values.js

@@ -4,7 +4,7 @@ import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 
 // components/blocks/features/feature-three-column-values.tsx
@@ -14,9 +14,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var maxWidthStyles = {

package/dist/feature-utility-cards-grid.cjs

@@ -68,9 +68,14 @@ function getAccentColor(parentBg, options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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";
 function Card({ className, ...props }) {

package/dist/feature-utility-cards-grid.js

@@ -4,7 +4,7 @@ import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Pressable } from '@page-speed/pressable';
 import { Img } from '@page-speed/img';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -46,9 +46,14 @@ function getAccentColor(parentBg, options) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function Card({ className, ...props }) {

package/dist/footer-accordion-social.cjs

@@ -573,9 +573,14 @@ var BrandAttribution = ({
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React5__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 maxWidthStyles = {

package/dist/footer-accordion-social.js

@@ -4,7 +4,7 @@ import React5__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Pressable } from '@page-speed/pressable';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Icon } from '@page-speed/icon';
 import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 import { FormEngine } from '@page-speed/forms/integration';
@@ -552,9 +552,14 @@ var BrandAttribution = ({
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React5.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var maxWidthStyles = {

package/dist/footer-animated-social.cjs

@@ -572,9 +572,14 @@ var BrandAttribution = ({
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React3__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 platformIconMap = {

package/dist/footer-animated-social.js

@@ -5,7 +5,7 @@ import { motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Pressable } from '@page-speed/pressable';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Icon } from '@page-speed/icon';
 import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 
@@ -551,9 +551,14 @@ var BrandAttribution = ({
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React3.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {

package/dist/footer-background-card.cjs

@@ -947,9 +947,14 @@ Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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";
 function isThemedLogo(logo) {

package/dist/footer-background-card.js

@@ -926,9 +926,14 @@ Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function isThemedLogo(logo) {

package/dist/footer-brand-description.cjs

@@ -1019,9 +1019,14 @@ Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React5__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 platformIconMap = {

package/dist/footer-brand-description.js

@@ -998,9 +998,14 @@ Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React5.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 var platformIconMap = {

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

@@ -37,9 +37,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React3__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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";
 function FooterCopyright({

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

@@ -6,7 +6,7 @@ import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
 import { Pressable } from '@page-speed/pressable';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 
 // components/blocks/footers/footer-brand-links-contact.tsx
@@ -16,9 +16,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React3.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function FooterCopyright({

package/dist/footer-comprehensive-links.cjs

@@ -37,9 +37,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React3__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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";
 function FooterCopyright({

package/dist/footer-comprehensive-links.js

@@ -6,7 +6,7 @@ import { Pressable } from '@page-speed/pressable';
 import * as React3 from 'react';
 import React3__default, { useMemo } from 'react';
 import { Icon } from '@page-speed/icon';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 
 // lib/utils.ts
@@ -16,9 +16,14 @@ function cn(...inputs) {
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React3.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  if (name == null) return null;
+  if (typeof name !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: name });
+  }
+  return /* @__PURE__ */ jsx(Icon, { ...props, name, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
 function FooterCopyright({

package/dist/footer-contact-card.cjs

@@ -1019,9 +1019,14 @@ Section.displayName = "Section";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React5__namespace.memo(function DynamicIcon2({
   apiKey,
+  name,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+  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 platformIconMap = {