@opensite/ui 2.8.0 → 2.8.1

package/dist/interior-carousel.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 img = require('@page-speed/img');
@@ -31,7 +31,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 
 // components/blocks/gallery/interior-carousel.tsx
@@ -113,7 +113,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React3__namespace.useMemo(() => {
+  const linkType = React4__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -134,7 +134,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React3__namespace.useMemo(() => {
+  const normalizedHref = React4__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -152,7 +152,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React3__namespace.useMemo(() => {
+  const target = React4__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -165,7 +165,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React3__namespace.useMemo(() => {
+  const rel = React4__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -174,7 +174,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 {
@@ -358,7 +358,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React3__namespace.forwardRef(
+var Pressable = React4__namespace.forwardRef(
   ({
     children,
     className,
@@ -457,12 +457,16 @@ var Pressable = React3__namespace.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 });
-}
-var CarouselContext = React3__namespace.createContext(null);
+});
+DynamicIcon.displayName = "DynamicIcon";
+var CarouselContext = React4__namespace.createContext(null);
 function useCarousel() {
-  const context = React3__namespace.useContext(CarouselContext);
+  const context = React4__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -484,20 +488,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React3__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React3__namespace.useState(false);
-  const onSelect = React3__namespace.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React4__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React4__namespace.useState(false);
+  const onSelect = React4__namespace.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React3__namespace.useCallback(() => {
+  const scrollPrev = React4__namespace.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React3__namespace.useCallback(() => {
+  const scrollNext = React4__namespace.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React3__namespace.useCallback(
+  const handleKeyDown = React4__namespace.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -509,11 +513,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React3__namespace.useEffect(() => {
+  React4__namespace.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React3__namespace.useEffect(() => {
+  React4__namespace.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -656,7 +660,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(
@@ -962,7 +966,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,
@@ -1044,9 +1048,9 @@ function InteriorCarousel({
   patternClassName,
   optixFlowConfig
 }) {
-  const [lightboxOpen, setLightboxOpen] = React3.useState(false);
-  const [lightboxIndex, setLightboxIndex] = React3.useState(0);
-  const lightboxItems = React3.useMemo(() => {
+  const [lightboxOpen, setLightboxOpen] = React4.useState(false);
+  const [lightboxIndex, setLightboxIndex] = React4.useState(0);
+  const lightboxItems = React4.useMemo(() => {
     if (!images || images.length === 0) return [];
     return images.map((image, index) => {
       const src = typeof image === "string" ? image : image.src;
@@ -1059,14 +1063,14 @@ function InteriorCarousel({
       };
     });
   }, [images]);
-  const handleImageClick = React3.useCallback((index) => {
+  const handleImageClick = React4.useCallback((index) => {
     setLightboxIndex(index);
     setLightboxOpen(true);
   }, []);
-  const handleLightboxClose = React3.useCallback(() => {
+  const handleLightboxClose = React4.useCallback(() => {
     setLightboxOpen(false);
   }, []);
-  const descriptionContent = React3.useMemo(() => {
+  const descriptionContent = React4.useMemo(() => {
     if (typeof description === "string") {
       const descriptionLines = description.split("\n");
       return descriptionLines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -1076,7 +1080,7 @@ function InteriorCarousel({
     }
     return description;
   }, [description]);
-  const imagesContent = React3.useMemo(() => {
+  const imagesContent = React4.useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length === 0) return null;
     return images.map((image, index) => {

package/dist/interior-carousel.js

@@ -1,6 +1,6 @@
 "use client";
-import * as React3 from 'react';
-import React3__default, { useState, useMemo, useCallback } from 'react';
+import * as React4 from 'react';
+import React4__default, { useState, useMemo, useCallback } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
@@ -89,7 +89,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React3.useMemo(() => {
+  const linkType = React4.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -110,7 +110,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React3.useMemo(() => {
+  const normalizedHref = React4.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -128,7 +128,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React3.useMemo(() => {
+  const target = React4.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -141,7 +141,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React3.useMemo(() => {
+  const rel = React4.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -150,7 +150,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React3.useCallback(
+  const handleClick = React4.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -334,7 +334,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React3.forwardRef(
+var Pressable = React4.forwardRef(
   ({
     children,
     className,
@@ -433,12 +433,16 @@ var Pressable = React3.forwardRef(
 );
 Pressable.displayName = "Pressable";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React4.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
-var CarouselContext = React3.createContext(null);
+});
+DynamicIcon.displayName = "DynamicIcon";
+var CarouselContext = React4.createContext(null);
 function useCarousel() {
-  const context = React3.useContext(CarouselContext);
+  const context = React4.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -460,20 +464,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
-  const [canScrollNext, setCanScrollNext] = React3.useState(false);
-  const onSelect = React3.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React4.useState(false);
+  const [canScrollNext, setCanScrollNext] = React4.useState(false);
+  const onSelect = React4.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React3.useCallback(() => {
+  const scrollPrev = React4.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React3.useCallback(() => {
+  const scrollNext = React4.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React3.useCallback(
+  const handleKeyDown = React4.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -485,11 +489,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -632,7 +636,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React3__default.forwardRef(
+var Container = React4__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -938,7 +942,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React3__default.forwardRef(
+var Section = React4__default.forwardRef(
   ({
     id,
     title,

package/dist/link-page-bento-layout.cjs

@@ -453,9 +453,13 @@ var Pressable = React__namespace.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-page-bento-layout.js

@@ -432,9 +432,13 @@ var Pressable = React.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-page-grid-cards.cjs

@@ -453,9 +453,13 @@ var Pressable = React__namespace.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-page-grid-cards.js

@@ -432,9 +432,13 @@ var Pressable = React.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-page-minimal-profile.cjs

@@ -453,9 +453,13 @@ var Pressable = React__namespace.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-page-minimal-profile.js

@@ -432,9 +432,13 @@ var Pressable = React.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-page-newsletter-social.cjs

@@ -454,9 +454,13 @@ var Pressable = React__namespace.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-page-newsletter-social.js

@@ -433,9 +433,13 @@ var Pressable = React.forwardRef(
 );
 Pressable.displayName = "Pressable";
 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 maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",

package/dist/link-tree-block.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React6 = require('react');
+var React7 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
@@ -30,7 +30,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
+var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
 
 // components/blocks/link-page/link-tree-block.tsx
 function cn(...inputs) {
@@ -111,7 +111,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React6__namespace.useMemo(() => {
+  const linkType = React7__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -132,7 +132,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React6__namespace.useMemo(() => {
+  const normalizedHref = React7__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -150,7 +150,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React6__namespace.useMemo(() => {
+  const target = React7__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -163,7 +163,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React6__namespace.useMemo(() => {
+  const rel = React7__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -172,7 +172,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React6__namespace.useCallback(
+  const handleClick = React7__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -356,7 +356,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React6__namespace.forwardRef(
+var Pressable = React7__namespace.forwardRef(
   ({
     children,
     className,
@@ -455,9 +455,13 @@ var Pressable = React6__namespace.forwardRef(
 );
 Pressable.displayName = "Pressable";
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React7__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var badgeVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -499,7 +503,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React6__namespace.default.forwardRef(
+var Container = React7__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -805,7 +809,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React6__namespace.default.forwardRef(
+var Section = React7__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -899,7 +903,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React6__namespace.forwardRef(
+var SocialLinkIcon = React7__namespace.forwardRef(
   ({
     platformName,
     label,
@@ -912,13 +916,13 @@ var SocialLinkIcon = React6__namespace.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
-    const smartPlatformName = React6__namespace.useMemo(() => {
+    const smartPlatformName = React7__namespace.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React6__namespace.useMemo(() => {
+    const iconName = React7__namespace.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React6__namespace.useMemo(() => {
+    const accessibleLabel = React7__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1003,9 +1007,9 @@ function LinkTreeBlock({
 }) {
   const resolvedBackground = background;
   const resolvedPattern = pattern ?? backgroundPattern;
-  const [lightboxOpen, setLightboxOpen] = React6__namespace.useState(false);
-  const [lightboxIndex, setLightboxIndex] = React6__namespace.useState(0);
-  const lightboxItems = React6__namespace.useMemo(() => {
+  const [lightboxOpen, setLightboxOpen] = React7__namespace.useState(false);
+  const [lightboxIndex, setLightboxIndex] = React7__namespace.useState(0);
+  const lightboxItems = React7__namespace.useMemo(() => {
     if (!mediaGallery || mediaGallery.length === 0) return [];
     return mediaGallery.slice(0, mediaGalleryLimit).map((item, index) => ({
       id: item.id ?? `media-${index}`,
@@ -1017,11 +1021,11 @@ function LinkTreeBlock({
       share: true
     }));
   }, [mediaGallery, mediaGalleryLimit]);
-  const handleMediaClick = React6__namespace.useCallback((index) => {
+  const handleMediaClick = React7__namespace.useCallback((index) => {
     setLightboxIndex(index);
     setLightboxOpen(true);
   }, []);
-  const handleLightboxClose = React6__namespace.useCallback(() => {
+  const handleLightboxClose = React7__namespace.useCallback(() => {
     setLightboxOpen(false);
   }, []);
   const resolveImage = (value, fallbackAlt) => {
@@ -1033,7 +1037,7 @@ function LinkTreeBlock({
   };
   const nameForAlt = typeof brandName === "string" ? brandName : "Brand avatar";
   const resolvedAvatar = resolveImage(brandAvatar || brandLogo, nameForAlt);
-  const renderBrandHeader = React6__namespace.useMemo(() => {
+  const renderBrandHeader = React7__namespace.useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1120,7 +1124,7 @@ function LinkTreeBlock({
     brandTagline,
     taglineClassName
   ]);
-  const renderLinks = React6__namespace.useMemo(() => {
+  const renderLinks = React7__namespace.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-3", linksClassName), children: links.map((link, index) => {
@@ -1236,7 +1240,7 @@ function LinkTreeBlock({
     linkBadgeClassName,
     linkChevronClassName
   ]);
-  const renderMediaGallery = React6__namespace.useMemo(() => {
+  const renderMediaGallery = React7__namespace.useMemo(() => {
     if (mediaGallerySlot) return mediaGallerySlot;
     if (!mediaGallery || mediaGallery.length === 0) return null;
     const items = mediaGallery.slice(0, mediaGalleryLimit);
@@ -1349,7 +1353,7 @@ function LinkTreeBlock({
     mediaGalleryOverlayClassName,
     mediaGalleryPlayIconClassName
   ]);
-  const renderSocialLinks = React6__namespace.useMemo(() => {
+  const renderSocialLinks = React7__namespace.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1382,7 +1386,7 @@ function LinkTreeBlock({
     socialIconClassName,
     socialLinkClassName
   ]);
-  const renderFooter = React6__namespace.useMemo(() => {
+  const renderFooter = React7__namespace.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;