@opensite/ui 2.8.0 → 2.8.1

package/dist/feature-image-cards-three-column.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 icon = require('@page-speed/icon');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
 // components/blocks/features/feature-image-cards-three-column.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";
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -115,7 +119,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React__namespace.useMemo(() => {
+  const linkType = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -136,7 +140,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React__namespace.useMemo(() => {
+  const normalizedHref = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -154,7 +158,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React__namespace.useMemo(() => {
+  const target = React2__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -167,7 +171,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React__namespace.useMemo(() => {
+  const rel = React2__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -176,7 +180,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 {
@@ -360,7 +364,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React__namespace.forwardRef(
+var Pressable = React2__namespace.forwardRef(
   ({
     children,
     className,
@@ -496,7 +500,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(
@@ -802,7 +806,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,
@@ -899,12 +903,12 @@ function TextInner({ as, className, children, ...props }, ref) {
   const Component = as || "span";
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
 }
-var Text = React__namespace.forwardRef(TextInner);
+var Text = React2__namespace.forwardRef(TextInner);
 Text.displayName = "Text";
 function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+  return item !== null && typeof item === "object" && !React2__namespace.isValidElement(item) && "_type" in item && item._type === "text";
 }
-var ContentGroup = React__namespace.forwardRef(
+var ContentGroup = React2__namespace.forwardRef(
   ({ items, className, children, ...props }, ref) => {
     const hasContent = items && items.length > 0;
     if (!hasContent) {
@@ -917,10 +921,10 @@ var ContentGroup = React__namespace.forwardRef(
           return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
         }
         const reactNode = item;
-        if (React__namespace.isValidElement(reactNode)) {
-          return React__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        if (React2__namespace.isValidElement(reactNode)) {
+          return React2__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: reactNode }, idx);
+        return /* @__PURE__ */ jsxRuntime.jsx(React2__namespace.Fragment, { children: reactNode }, idx);
       }),
       children
     ] });
@@ -952,7 +956,7 @@ function FeatureImageCardsThreeColumn({
   patternClassName,
   cardAspectRatios = { desktop: "vertical", mobile: "square" }
 }) {
-  const renderImage = React.useCallback(
+  const renderImage = React2.useCallback(
     (card, imageAlt) => {
       if (card.imageSlot) return card.imageSlot;
       if (!card.imageSrc) return null;
@@ -969,7 +973,7 @@ function FeatureImageCardsThreeColumn({
     },
     [optixFlowConfig]
   );
-  const renderBadgeIcon = React.useCallback(
+  const renderBadgeIcon = React2.useCallback(
     (card) => {
       if (card.avatarSrc) {
         return /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "size-7 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: card.avatarSrc, alt: "Avatar" }) });
@@ -980,7 +984,7 @@ function FeatureImageCardsThreeColumn({
     },
     []
   );
-  const renderCardBadge = React.useCallback(
+  const renderCardBadge = React2.useCallback(
     (card) => {
       return card.badgeText || card.avatarSrc || card.icon || card.iconName ? /* @__PURE__ */ jsxRuntime.jsxs(
         Badge,
@@ -996,14 +1000,14 @@ function FeatureImageCardsThreeColumn({
     },
     [renderBadgeIcon]
   );
-  const cardHasTextContent = React.useCallback(
+  const cardHasTextContent = React2.useCallback(
     (card) => {
       const hasBadge = !!(card.badgeText || card.avatarSrc || card.icon || card.iconName);
       return hasBadge || !!card.title || !!card.subtitle || !!card.linkText;
     },
     []
   );
-  const renderCardText = React.useCallback(
+  const renderCardText = React2.useCallback(
     (card) => {
       if (!cardHasTextContent(card)) {
         return null;
@@ -1052,7 +1056,7 @@ function FeatureImageCardsThreeColumn({
     },
     [cardHasTextContent, renderCardBadge]
   );
-  const cardsContent = React.useMemo(() => {
+  const cardsContent = React2.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!cards || cards.length === 0) return null;
     return cards.map((card, index) => {
@@ -1091,7 +1095,7 @@ function FeatureImageCardsThreeColumn({
     cardHasTextContent,
     renderCardText
   ]);
-  const contentItems = React.useMemo(() => {
+  const contentItems = React2.useMemo(() => {
     const items = [];
     if (title) {
       if (typeof title === "string") {

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

@@ -1,6 +1,6 @@
 "use client";
-import * as React from 'react';
-import React__default, { useCallback, useMemo } from 'react';
+import * as React2 from 'react';
+import React2__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
@@ -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";
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -93,7 +97,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React.useMemo(() => {
+  const linkType = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -114,7 +118,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React.useMemo(() => {
+  const normalizedHref = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -132,7 +136,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React.useMemo(() => {
+  const target = React2.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -145,7 +149,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React.useMemo(() => {
+  const rel = React2.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -154,7 +158,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 {
@@ -338,7 +342,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React.forwardRef(
+var Pressable = React2.forwardRef(
   ({
     children,
     className,
@@ -474,7 +478,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(
@@ -780,7 +784,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,
@@ -877,12 +881,12 @@ function TextInner({ as, className, children, ...props }, ref) {
   const Component = as || "span";
   return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
 }
-var Text = React.forwardRef(TextInner);
+var Text = React2.forwardRef(TextInner);
 Text.displayName = "Text";
 function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React.isValidElement(item) && "_type" in item && item._type === "text";
+  return item !== null && typeof item === "object" && !React2.isValidElement(item) && "_type" in item && item._type === "text";
 }
-var ContentGroup = React.forwardRef(
+var ContentGroup = React2.forwardRef(
   ({ items, className, children, ...props }, ref) => {
     const hasContent = items && items.length > 0;
     if (!hasContent) {
@@ -895,10 +899,10 @@ var ContentGroup = React.forwardRef(
           return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
         }
         const reactNode = item;
-        if (React.isValidElement(reactNode)) {
-          return React.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        if (React2.isValidElement(reactNode)) {
+          return React2.cloneElement(reactNode, { key: reactNode.key ?? idx });
         }
-        return /* @__PURE__ */ jsx(React.Fragment, { children: reactNode }, idx);
+        return /* @__PURE__ */ jsx(React2.Fragment, { children: reactNode }, idx);
       }),
       children
     ] });

package/dist/feature-image-overlay-badge.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 icon = require('@page-speed/icon');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
 // components/blocks/features/feature-image-overlay-badge.tsx
@@ -63,9 +63,13 @@ function getTextColor(parentBg, variant = "default", options) {
   }
 }
 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";
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -141,7 +145,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React__namespace.useMemo(() => {
+  const linkType = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -162,7 +166,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React__namespace.useMemo(() => {
+  const normalizedHref = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -180,7 +184,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React__namespace.useMemo(() => {
+  const target = React2__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -193,7 +197,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React__namespace.useMemo(() => {
+  const rel = React2__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -202,7 +206,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 {
@@ -386,7 +390,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React__namespace.forwardRef(
+var Pressable = React2__namespace.forwardRef(
   ({
     children,
     className,
@@ -554,7 +558,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(
@@ -860,7 +864,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,
@@ -956,7 +960,7 @@ function FeatureImageOverlayBadge({
   patternOpacity,
   patternClassName
 }) {
-  const actionsContent = React.useMemo(() => {
+  const actionsContent = React2.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -996,7 +1000,7 @@ function FeatureImageOverlayBadge({
       );
     });
   }, [actionsSlot, actions]);
-  const imageContent = React.useMemo(() => {
+  const imageContent = React2.useMemo(() => {
     if (imageSlot) return imageSlot;
     if (imageSrc) {
       return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/feature-image-overlay-badge.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 { Icon } from '@page-speed/icon';
@@ -41,9 +41,13 @@ function getTextColor(parentBg, variant = "default", options) {
   }
 }
 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";
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -119,7 +123,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React.useMemo(() => {
+  const linkType = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -140,7 +144,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React.useMemo(() => {
+  const normalizedHref = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -158,7 +162,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React.useMemo(() => {
+  const target = React2.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -171,7 +175,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React.useMemo(() => {
+  const rel = React2.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -180,7 +184,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 {
@@ -364,7 +368,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React.forwardRef(
+var Pressable = React2.forwardRef(
   ({
     children,
     className,
@@ -532,7 +536,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(
@@ -838,7 +842,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,

package/dist/feature-numbered-cards.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React3 = require('react');
+var React4 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var icon = require('@page-speed/icon');
@@ -27,16 +27,20 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
 // components/blocks/features/feature-numbered-cards.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React4__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -46,7 +50,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React3__namespace.default.forwardRef(
+var Container = React4__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -352,7 +356,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React3__namespace.default.forwardRef(
+var Section = React4__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -488,7 +492,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React3__namespace.useMemo(() => {
+  const linkType = React4__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -509,7 +513,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React3__namespace.useMemo(() => {
+  const normalizedHref = React4__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -527,7 +531,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React3__namespace.useMemo(() => {
+  const target = React4__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -540,7 +544,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React3__namespace.useMemo(() => {
+  const rel = React4__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -549,7 +553,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React3__namespace.useCallback(
+  const handleClick = React4__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -733,7 +737,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React3__namespace.forwardRef(
+var Pressable = React4__namespace.forwardRef(
   ({
     children,
     className,
@@ -851,7 +855,7 @@ function FeatureNumberedCards({
   patternOpacity,
   patternClassName
 }) {
-  const renderChecklistItems = React3.useCallback(
+  const renderChecklistItems = React4.useCallback(
     (feature) => {
       if (feature.checklistSlot) return feature.checklistSlot;
       if (!feature.checklistItems || feature.checklistItems.length === 0)
@@ -890,7 +894,7 @@ function FeatureNumberedCards({
     },
     []
   );
-  const actionsContent = React3.useCallback(
+  const actionsContent = React4.useCallback(
     (args) => {
       if (args?.actionsSlot) return args.actionsSlot;
       if (!args?.actions || args.actions.length === 0) return null;
@@ -921,7 +925,7 @@ function FeatureNumberedCards({
     },
     []
   );
-  const cardImg = React3.useCallback((feature) => {
+  const cardImg = React4.useCallback((feature) => {
     if (!feature.image && !feature.imageSlot) return null;
     if (feature.imageSlot) return feature.imageSlot;
     const imageAlt = feature.imageAlt || (typeof feature.title === "string" ? feature.title : "Feature image");
@@ -936,7 +940,7 @@ function FeatureNumberedCards({
       }
     ) });
   }, []);
-  const featuresContent = React3.useMemo(() => {
+  const featuresContent = React4.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, index) => {