@opensite/ui 2.8.0 → 2.8.2

package/dist/faq-split-help.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 * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -13,9 +13,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 Accordion({
   ...props
 }) {
@@ -151,7 +155,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React.useMemo(() => {
+  const linkType = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -172,7 +176,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React.useMemo(() => {
+  const normalizedHref = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -190,7 +194,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React.useMemo(() => {
+  const target = React2.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -203,7 +207,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React.useMemo(() => {
+  const rel = React2.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -212,7 +216,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 {
@@ -396,7 +400,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React.forwardRef(
+var Pressable = React2.forwardRef(
   ({
     children,
     className,
@@ -503,7 +507,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(
@@ -809,7 +813,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,
@@ -874,12 +878,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) {
@@ -892,10 +896,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/faq-split-hero.cjs

@@ -9,8 +9,6 @@ var AccordionPrimitive = require('@radix-ui/react-accordion');
 var icon = require('@page-speed/icon');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -29,7 +27,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 
 // components/blocks/faq/faq-split-hero.tsx
@@ -37,9 +35,13 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 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";
 function Accordion({
   ...props
 }) {
@@ -109,7 +111,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React__default.default.forwardRef(
+var Container = React__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -415,7 +417,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React__default.default.forwardRef(
+var Section = React__namespace.default.forwardRef(
   ({
     id,
     title,

package/dist/faq-split-hero.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useMemo } from 'react';
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
@@ -12,9 +13,13 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 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";
 function Accordion({
   ...props
 }) {
@@ -84,7 +89,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React.forwardRef(
+var Container = React__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -390,7 +395,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React.forwardRef(
+var Section = React__default.forwardRef(
   ({
     id,
     title,

package/dist/feature-accordion-image.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React4 = require('react');
+var React5 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 
 // components/blocks/features/feature-accordion-image.tsx
@@ -35,9 +35,13 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React5__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 function Accordion({
   ...props
 }) {
@@ -107,7 +111,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React4__namespace.default.forwardRef(
+var Container = React5__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -413,7 +417,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React4__namespace.default.forwardRef(
+var Section = React5__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -478,12 +482,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 = React4__namespace.forwardRef(TextInner);
+var Text = React5__namespace.forwardRef(TextInner);
 Text.displayName = "Text";
 function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React4__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+  return item !== null && typeof item === "object" && !React5__namespace.isValidElement(item) && "_type" in item && item._type === "text";
 }
-var ContentGroup = React4__namespace.forwardRef(
+var ContentGroup = React5__namespace.forwardRef(
   ({ items, className, children, ...props }, ref) => {
     const hasContent = items && items.length > 0;
     if (!hasContent) {
@@ -496,10 +500,10 @@ var ContentGroup = React4__namespace.forwardRef(
           return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
         }
         const reactNode = item;
-        if (React4__namespace.isValidElement(reactNode)) {
-          return React4__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        if (React5__namespace.isValidElement(reactNode)) {
+          return React5__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: reactNode }, idx);
+        return /* @__PURE__ */ jsxRuntime.jsx(React5__namespace.Fragment, { children: reactNode }, idx);
       }),
       children
     ] });
@@ -528,9 +532,9 @@ function FeatureAccordionImage({
   patternOpacity,
   patternClassName
 }) {
-  const [activeItem, setActiveItem] = React4__namespace.useState(defaultValue || "item-0");
+  const [activeItem, setActiveItem] = React5__namespace.useState(defaultValue || "item-0");
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
-  const accordionItemsContent = React4.useMemo(() => {
+  const accordionItemsContent = React5.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
     return items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -555,7 +559,7 @@ function FeatureAccordionImage({
       index
     ));
   }, [itemsSlot, items]);
-  const imageContent = React4.useMemo(() => {
+  const imageContent = React5.useMemo(() => {
     if (!items || items.length === 0) return null;
     const hasImageSlot = items.some((item) => item.imageSlot);
     if (hasImageSlot) {
@@ -596,7 +600,7 @@ function FeatureAccordionImage({
       );
     });
   }, [items, activeIndex, imageClassName, optixFlowConfig]);
-  const contentItems = React4.useMemo(() => {
+  const contentItems = React5.useMemo(() => {
     const items2 = [];
     if (title) {
       if (typeof title === "string") {

package/dist/feature-accordion-image.js

@@ -1,6 +1,6 @@
 "use client";
-import * as React4 from 'react';
-import React4__default, { useMemo } from 'react';
+import * as React5 from 'react';
+import React5__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
@@ -13,9 +13,13 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React5.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 function Accordion({
   ...props
 }) {
@@ -85,7 +89,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React4__default.forwardRef(
+var Container = React5__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -391,7 +395,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React4__default.forwardRef(
+var Section = React5__default.forwardRef(
   ({
     id,
     title,
@@ -456,12 +460,12 @@ function TextInner({ as, className, children, ...props }, ref) {
   const Component = as || "span";
   return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
 }
-var Text = React4.forwardRef(TextInner);
+var Text = React5.forwardRef(TextInner);
 Text.displayName = "Text";
 function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React4.isValidElement(item) && "_type" in item && item._type === "text";
+  return item !== null && typeof item === "object" && !React5.isValidElement(item) && "_type" in item && item._type === "text";
 }
-var ContentGroup = React4.forwardRef(
+var ContentGroup = React5.forwardRef(
   ({ items, className, children, ...props }, ref) => {
     const hasContent = items && items.length > 0;
     if (!hasContent) {
@@ -474,10 +478,10 @@ var ContentGroup = React4.forwardRef(
           return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
         }
         const reactNode = item;
-        if (React4.isValidElement(reactNode)) {
-          return React4.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        if (React5.isValidElement(reactNode)) {
+          return React5.cloneElement(reactNode, { key: reactNode.key ?? idx });
         }
-        return /* @__PURE__ */ jsx(React4.Fragment, { children: reactNode }, idx);
+        return /* @__PURE__ */ jsx(React5.Fragment, { children: reactNode }, idx);
       }),
       children
     ] });
@@ -506,7 +510,7 @@ function FeatureAccordionImage({
   patternOpacity,
   patternClassName
 }) {
-  const [activeItem, setActiveItem] = React4.useState(defaultValue || "item-0");
+  const [activeItem, setActiveItem] = React5.useState(defaultValue || "item-0");
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
   const accordionItemsContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;

package/dist/feature-animated-carousel.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React7 = require('react');
+var React8 = require('react');
 var framerMotion = require('framer-motion');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -28,16 +28,20 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
+var React8__namespace = /*#__PURE__*/_interopNamespace(React8);
 
 // components/blocks/features/feature-animated-carousel.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React8__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",
@@ -47,7 +51,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React7__namespace.default.forwardRef(
+var Container = React8__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -353,7 +357,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React7__namespace.default.forwardRef(
+var Section = React8__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -489,7 +493,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React7__namespace.useMemo(() => {
+  const linkType = React8__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -510,7 +514,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React7__namespace.useMemo(() => {
+  const normalizedHref = React8__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -528,7 +532,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React7__namespace.useMemo(() => {
+  const target = React8__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -541,7 +545,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React7__namespace.useMemo(() => {
+  const rel = React8__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -550,7 +554,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React7__namespace.useCallback(
+  const handleClick = React8__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -734,7 +738,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React7__namespace.forwardRef(
+var Pressable = React8__namespace.forwardRef(
   ({
     children,
     className,
@@ -836,12 +840,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 = React7__namespace.forwardRef(TextInner);
+var Text = React8__namespace.forwardRef(TextInner);
 Text.displayName = "Text";
 function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React7__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+  return item !== null && typeof item === "object" && !React8__namespace.isValidElement(item) && "_type" in item && item._type === "text";
 }
-var ContentGroup = React7__namespace.forwardRef(
+var ContentGroup = React8__namespace.forwardRef(
   ({ items, className, children, ...props }, ref) => {
     const hasContent = items && items.length > 0;
     if (!hasContent) {
@@ -854,17 +858,17 @@ var ContentGroup = React7__namespace.forwardRef(
           return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
         }
         const reactNode = item;
-        if (React7__namespace.isValidElement(reactNode)) {
-          return React7__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        if (React8__namespace.isValidElement(reactNode)) {
+          return React8__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(React7__namespace.Fragment, { children: reactNode }, idx);
+        return /* @__PURE__ */ jsxRuntime.jsx(React8__namespace.Fragment, { children: reactNode }, idx);
       }),
       children
     ] });
   }
 );
 ContentGroup.displayName = "ContentGroup";
-var Controls = React7__namespace.memo(
+var Controls = React8__namespace.memo(
   ({
     handleNext,
     handlePrevious,
@@ -895,9 +899,9 @@ var Controls = React7__namespace.memo(
     ] });
   }
 );
-var FeatureCard = React7__namespace.memo(
+var FeatureCard = React8__namespace.memo(
   ({ feature, isActive, onClick }) => {
-    const variants = React7.useMemo(
+    const variants = React8.useMemo(
       () => ({
         initial: {
           opacity: 0
@@ -1003,7 +1007,7 @@ var FeatureCard = React7__namespace.memo(
     ) });
   }
 );
-var FeaturesDesktop = React7__namespace.memo(
+var FeaturesDesktop = React8__namespace.memo(
   ({
     features,
     handleNext,
@@ -1037,7 +1041,7 @@ var FeaturesDesktop = React7__namespace.memo(
     ] });
   }
 );
-var FeaturesMobile = React7__namespace.memo(
+var FeaturesMobile = React8__namespace.memo(
   ({
     features,
     handleNext,
@@ -1047,7 +1051,7 @@ var FeaturesMobile = React7__namespace.memo(
     isPreviousDisabled,
     isNextDisabled
   }) => {
-    const variants = React7.useMemo(
+    const variants = React8.useMemo(
       () => ({
         enter: (direction2) => ({
           x: direction2 > 0 ? 100 : -100,
@@ -1128,21 +1132,21 @@ function FeatureAnimatedCarousel({
   spacing = "py-12 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
-  const [activeIndex, setActiveIndex] = React7__namespace.useState(0);
-  const [direction, setDirection] = React7__namespace.useState(1);
-  const handleNext = React7.useCallback(() => {
+  const [activeIndex, setActiveIndex] = React8__namespace.useState(0);
+  const [direction, setDirection] = React8__namespace.useState(1);
+  const handleNext = React8.useCallback(() => {
     if (features && activeIndex < features.length - 1) {
       setDirection(1);
       setActiveIndex(activeIndex + 1);
     }
   }, [activeIndex, features]);
-  const handlePrevious = React7.useCallback(() => {
+  const handlePrevious = React8.useCallback(() => {
     if (activeIndex > 0) {
       setDirection(-1);
       setActiveIndex(activeIndex - 1);
     }
   }, [activeIndex]);
-  const handleFeatureClick = React7.useCallback(
+  const handleFeatureClick = React8.useCallback(
     (index) => {
       setDirection(index > activeIndex ? 1 : -1);
       setActiveIndex(index);
@@ -1151,7 +1155,7 @@ function FeatureAnimatedCarousel({
   );
   const isPreviousDisabled = activeIndex === 0;
   const isNextDisabled = !features || activeIndex === features.length - 1;
-  const imageVariants = React7.useMemo(
+  const imageVariants = React8.useMemo(
     () => ({
       enter: (direction2) => ({
         x: direction2 > 0 ? 300 : -300,
@@ -1191,7 +1195,7 @@ function FeatureAnimatedCarousel({
     );
   }
   const currentFeature = features[activeIndex];
-  const contentItems = React7.useMemo(() => {
+  const contentItems = React8.useMemo(() => {
     const items = [];
     if (title) {
       if (typeof title === "string") {