@opensite/ui 0.7.4 → 0.7.6

package/dist/project-work-showcase.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BRz60ABw.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import './blocks-k17uluAz.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ProjectWorkShowcaseProject {

package/dist/registry.cjs

@@ -18280,7 +18280,7 @@ function CarouselFullscreenScrollFx({
   slides,
   slidesSlot,
   className,
-  containerClassName = "h-full flex flex-col justify-center",
+  containerClassName = "mx-auto w-full p-0 px-0 sm:px-0 lg:px-0 max-w-full relative z-10 h-full flex flex-col justify-center",
   navigationClassName,
   contentClassName,
   subtitleClassName,
@@ -18296,37 +18296,40 @@ function CarouselFullscreenScrollFx({
   patternOpacity = 0.033
 }) {
   const containerRef = React52__namespace.useRef(null);
+  const scrollContainerRef = React52__namespace.useRef(null);
   const [activeIndex, setActiveIndex] = React52__namespace.useState(0);
   React52__namespace.useEffect(() => {
-    const observers = [];
-    slides?.forEach((slide, index) => {
-      const element = document.getElementById(`fullscreen-${slide.id}`);
-      if (element) {
-        const observer = new IntersectionObserver(
-          (entries) => {
-            entries.forEach((entry) => {
-              if (entry.isIntersecting && entry.intersectionRatio > 0.5) {
-                setActiveIndex(index);
-              }
-            });
-          },
-          { threshold: 0.5 }
-        );
-        observer.observe(element);
-        observers.push(observer);
-      }
-    });
-    return () => {
-      observers.forEach((observer) => observer.disconnect());
+    const scrollContainer = scrollContainerRef.current;
+    if (!scrollContainer || !slides?.length) return;
+    const handleScroll = () => {
+      const scrollTop = scrollContainer.scrollTop;
+      const slideHeight = scrollContainer.clientHeight;
+      const newIndex = Math.round(scrollTop / slideHeight);
+      setActiveIndex(newIndex);
     };
+    scrollContainer.addEventListener("scroll", handleScroll);
+    return () => scrollContainer.removeEventListener("scroll", handleScroll);
   }, [slides]);
+  const scrollToSlide = React52__namespace.useCallback((index) => {
+    const scrollContainer = scrollContainerRef.current;
+    if (!scrollContainer) return;
+    const slideHeight = scrollContainer.clientHeight;
+    if (typeof scrollContainer.scrollTo === "function") {
+      scrollContainer.scrollTo({
+        top: slideHeight * index,
+        behavior: "smooth"
+      });
+    } else {
+      scrollContainer.scrollTop = slideHeight * index;
+    }
+  }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
       ref: containerRef,
       background,
       spacing,
-      className: cn(className),
+      className: cn("relative overflow-hidden", className),
       pattern,
       patternOpacity,
       containerMaxWidth,
@@ -18342,10 +18345,7 @@ function CarouselFullscreenScrollFx({
             children: slides?.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
-                onClick: () => {
-                  const element = document.getElementById(`fullscreen-${slide.id}`);
-                  element?.scrollIntoView({ behavior: "smooth" });
-                },
+                onClick: () => scrollToSlide(index),
                 className: cn(
                   "h-3 w-3 rounded-full border-2 transition-all",
                   activeIndex === index ? "scale-125 border-white bg-white" : "border-white/50 bg-transparent hover:border-white"
@@ -18356,111 +18356,152 @@ function CarouselFullscreenScrollFx({
             ))
           }
         ),
-        slidesSlot ? slidesSlot : slides?.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            id: `fullscreen-${slide.id}`,
-            className: cn(
-              "relative flex h-screen w-full items-center justify-center overflow-hidden",
-              slide.className
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  img.Img,
-                  {
-                    src: slide.image,
-                    alt: typeof slide.title === "string" ? slide.title : `Slide ${index + 1}`,
-                    className: cn(
-                      "h-full w-full object-cover",
-                      slide.imageClassName
-                    ),
-                    optixFlowConfig
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: "absolute inset-0",
-                    style: {
-                      backgroundColor: slide.overlayColor || "rgba(0, 0, 0, 0.5)"
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
+            ref: scrollContainerRef,
+            className: "flex h-screen flex-col snap-y snap-mandatory overflow-x-hidden overflow-y-auto scroll-smooth",
+            style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+            children: slidesSlot ? slidesSlot : slides?.map((slide, index) => {
+              const renderActions = React52__namespace.useMemo(() => {
+                if (!slide.actions || slide.actions.length === 0) return null;
+                return slide.actions.map((action, actionIndex) => {
+                  const {
+                    label,
+                    icon,
+                    iconAfter,
+                    children,
+                    className: actionClassName,
+                    asButton,
+                    ...pressableProps
+                  } = action;
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      asButton: asButton ?? true,
+                      className: actionClassName,
+                      ...pressableProps,
+                      children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        icon,
+                        label,
+                        iconAfter
+                      ] })
+                    },
+                    actionIndex
+                  );
+                });
+              }, [slide.actions]);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
+                  id: `fullscreen-${slide.id}`,
                   className: cn(
-                    "relative z-10 mx-auto max-w-4xl md:max-w-2xl px-6 text-center text-white text-shadow",
-                    contentClassName
+                    "relative flex h-screen min-h-screen w-full snap-start items-center justify-center overflow-hidden",
+                    slide.className
                   ),
                   children: [
-                    slide.subtitle && (typeof slide.subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "p",
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        img.Img,
+                        {
+                          src: slide.image,
+                          alt: typeof slide.title === "string" ? slide.title : `Slide ${index + 1}`,
+                          className: cn(
+                            "h-full w-full object-cover",
+                            slide.imageClassName
+                          ),
+                          optixFlowConfig
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "absolute inset-0",
+                          style: {
+                            backgroundColor: slide.overlayColor || "rgba(0, 0, 0, 0.5)"
+                          }
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
                       {
                         className: cn(
-                          "mb-4 text-sm font-medium uppercase tracking-widest text-white/70",
-                          subtitleClassName
+                          "relative z-10 mx-auto max-w-4xl md:max-w-xl px-6 text-center text-shadow",
+                          contentClassName
                         ),
-                        children: slide.subtitle
+                        children: [
+                          slide.subtitle && (typeof slide.subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                            "p",
+                            {
+                              className: cn(
+                                "mb-4 text-sm font-medium uppercase tracking-widest text-white/70",
+                                subtitleClassName
+                              ),
+                              children: slide.subtitle
+                            }
+                          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: slide.subtitle })),
+                          slide.title && (typeof slide.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                            "h2",
+                            {
+                              className: cn(
+                                "mb-6 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
+                                titleClassName
+                              ),
+                              children: slide.title
+                            }
+                          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: slide.title })),
+                          slide.description && (typeof slide.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                            "p",
+                            {
+                              className: cn(
+                                "mx-auto text-lg text-white/80 md:text-xl text-balance",
+                                descriptionClassName
+                              ),
+                              children: slide.description
+                            }
+                          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: slide.description })),
+                          renderActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row", children: renderActions })
+                        ]
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: slide.subtitle })),
-                    slide.title && (typeof slide.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "h2",
+                    ),
+                    index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
                       {
+                        onClick: () => scrollToSlide(index + 1),
                         className: cn(
-                          "mb-6 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
-                          titleClassName
+                          "absolute bottom-8 left-1/2 -translate-x-1/2 cursor-pointer transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 focus-visible:ring-offset-black rounded-lg p-2",
+                          scrollIndicatorClassName
                         ),
-                        children: slide.title
+                        "aria-label": "Scroll to next slide",
+                        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-px animate-pulse bg-linear-to-b from-white/50 to-transparent" })
+                        ] })
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: slide.title })),
-                    slide.description && (typeof slide.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "p",
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
                       {
                         className: cn(
-                          "mx-auto text-lg text-white/80 md:text-xl text-balance",
-                          descriptionClassName
+                          "absolute bottom-8 right-8 text-sm text-white/50",
+                          counterClassName
                         ),
-                        children: slide.description
+                        children: [
+                          String(index + 1).padStart(2, "0"),
+                          " /",
+                          " ",
+                          String(slides?.length ?? 0).padStart(2, "0")
+                        ]
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: slide.description }))
-                  ]
-                }
-              ),
-              index < (slides?.length ?? 0) - 1 && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute bottom-8 left-1/2 -translate-x-1/2",
-                    scrollIndicatorClassName
-                  ),
-                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs uppercase tracking-widest text-white/50", children: "Scroll" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-px animate-pulse bg-linear-to-b from-white/50 to-transparent" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: cn(
-                    "absolute bottom-8 right-8 text-sm text-white/50",
-                    counterClassName
-                  ),
-                  children: [
-                    String(index + 1).padStart(2, "0"),
-                    " /",
-                    " ",
-                    String(slides?.length ?? 0).padStart(2, "0")
+                    )
                   ]
-                }
-              )
-            ]
-          },
-          slide.id
-        ))
+                },
+                slide.id
+              );
+            })
+          }
+        )
       ]
     }
   );
@@ -19475,6 +19516,8 @@ function SliderWrapper({ children, value, className }) {
   ) });
 }
 function CarouselProgressSlider({
+  heading,
+  subheading,
   slides,
   slidesSlot,
   duration = 5e3,
@@ -19488,8 +19531,8 @@ function CarouselProgressSlider({
   buttonClassName,
   progressBarClassName,
   optixFlowConfig,
-  background = "white",
-  spacing = "xl",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -19555,12 +19598,14 @@ function CarouselProgressSlider({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         Section,
         {
+          title: heading,
+          subtitle: subheading,
           background,
           spacing,
           className: cn(className),
           pattern,
           patternOpacity,
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container mx-auto px-4", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-8 lg:grid-cols-2", contentClassName), children: [
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-8 lg:grid-cols-2", contentClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative min-h-[300px]", imageClassName), children: slidesSlot ? slidesSlot : slides?.map((slide) => /* @__PURE__ */ jsxRuntime.jsx(
               SliderWrapper,
               {
@@ -19571,26 +19616,44 @@ function CarouselProgressSlider({
                   {
                     src: slide.image,
                     alt: typeof slide.title === "string" ? slide.title : `Slide ${slide.id}`,
-                    className: cn("h-full w-full object-cover", slide.imageClassName),
+                    className: cn(
+                      "h-full w-full object-cover",
+                      slide.imageClassName
+                    ),
                     optixFlowConfig
                   }
                 ) })
               },
               slide.id
             )) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col justify-center gap-4", navigationClassName), children: slides?.map((slide) => /* @__PURE__ */ jsxRuntime.jsxs(
-              SliderBtn,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                value: slide.id,
-                className: cn("rounded-lg border p-4 text-left transition-colors hover:bg-muted", buttonClassName),
-                progressBarClass: cn("bottom-0 h-1 bg-primary", progressBarClassName),
-                children: [
-                  slide.title && (typeof slide.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: slide.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: slide.title })),
-                  slide.description && (typeof slide.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: slide.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: slide.description }))
-                ]
-              },
-              slide.id
-            )) })
+                className: cn(
+                  "flex flex-col justify-center gap-4",
+                  navigationClassName
+                ),
+                children: slides?.map((slide) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  SliderBtn,
+                  {
+                    value: slide.id,
+                    className: cn(
+                      "rounded-lg border p-4 text-left transition-colors hover:bg-muted",
+                      buttonClassName
+                    ),
+                    progressBarClass: cn(
+                      "bottom-0 h-1 bg-primary",
+                      progressBarClassName
+                    ),
+                    children: [
+                      slide.title && (typeof slide.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: slide.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: slide.title })),
+                      slide.description && (typeof slide.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: slide.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: slide.description }))
+                    ]
+                  },
+                  slide.id
+                ))
+              }
+            )
           ] }) })
         }
       )
@@ -76942,7 +77005,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo440 } = React52__namespace;
+var { useMemo: useMemo441 } = React52__namespace;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -77009,7 +77072,7 @@ function OfferModalNewsletterDiscount({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = useMemo440(() => {
+  const renderCloseButton = useMemo441(() => {
     if (closeButtonSlot) return closeButtonSlot;
     if (!closeButtonText) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute end-1.5 top-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -77023,12 +77086,12 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = useMemo440(() => {
+  const renderHeader = useMemo441(() => {
     if (headerSlot) return headerSlot;
     if (!title) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: headerClassName, children: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) });
   }, [headerSlot, title, headerClassName, titleClassName]);
-  const renderForm = useMemo440(() => {
+  const renderForm = useMemo441(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -77090,7 +77153,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo441 } = React52__namespace;
+var { useMemo: useMemo442 } = React52__namespace;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -77166,7 +77229,7 @@ function OfferModalMembershipImage({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = useMemo441(() => {
+  const renderImage = useMemo442(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("max-h-[290px] h-full overflow-hidden max-lg:hidden", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -77179,7 +77242,7 @@ function OfferModalMembershipImage({
       }
     ) });
   }, [imageSlot, image, imageWrapperClassName, imageClassName, optixFlowConfig]);
-  const renderCloseButton = useMemo441(() => {
+  const renderCloseButton = useMemo442(() => {
     if (closeButtonSlot) return closeButtonSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -end-px -top-px z-10", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
@@ -77195,7 +77258,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = useMemo441(() => {
+  const renderForm = useMemo442(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -77258,7 +77321,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderFooter = useMemo441(() => {
+  const renderFooter = useMemo442(() => {
     if (footerSlot) return footerSlot;
     if (!description) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: footerClassName, children: /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: cn("text-muted-foreground text-center text-xs leading-relaxed", descriptionClassName), children: description }) });
@@ -77286,7 +77349,7 @@ function OfferModalMembershipImage({
     }
   ) });
 }
-var { useMemo: useMemo442 } = React52__namespace;
+var { useMemo: useMemo443 } = React52__namespace;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -77368,7 +77431,7 @@ function OfferModalSheetNewsletter({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = useMemo442(() => {
+  const renderLogo = useMemo443(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -77382,7 +77445,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = useMemo442(() => {
+  const renderHeader = useMemo443(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -77392,7 +77455,7 @@ function OfferModalSheetNewsletter({
       ] })
     ] });
   }, [headerSlot, renderLogo, headerClassName, title, titleClassName, description, descriptionClassName]);
-  const renderForm = useMemo442(() => {
+  const renderForm = useMemo443(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
       forms.Form,
@@ -77440,7 +77503,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderLegal = useMemo442(() => {
+  const renderLegal = useMemo443(() => {
     if (legalSlot) return legalSlot;
     if (!termsUrl || !termsText || !privacyUrl || !privacyText) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-muted-foreground text-xs", legalClassName), children: [
@@ -77454,7 +77517,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = useMemo442(() => {
+  const renderImage = useMemo443(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-1/2 basis-1/2", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(