@opensite/ui 2.7.9 → 2.8.1

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") {

package/dist/feature-animated-carousel.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
-import { O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
+import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-animated-carousel.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
-import { O as OptixFlowConfig } from './blocks-DmMuCMEh.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
+import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-animated-carousel.js

@@ -1,6 +1,6 @@
 "use client";
-import * as React7 from 'react';
-import React7__default, { useMemo, useCallback } from 'react';
+import * as React8 from 'react';
+import React8__default, { useMemo, useCallback } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -14,9 +14,13 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React8.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",
@@ -26,7 +30,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React7__default.forwardRef(
+var Container = React8__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -332,7 +336,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React7__default.forwardRef(
+var Section = React8__default.forwardRef(
   ({
     id,
     title,
@@ -468,7 +472,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React7.useMemo(() => {
+  const linkType = React8.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -489,7 +493,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React7.useMemo(() => {
+  const normalizedHref = React8.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -507,7 +511,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React7.useMemo(() => {
+  const target = React8.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -520,7 +524,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React7.useMemo(() => {
+  const rel = React8.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -529,7 +533,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React7.useCallback(
+  const handleClick = React8.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -713,7 +717,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React7.forwardRef(
+var Pressable = React8.forwardRef(
   ({
     children,
     className,
@@ -815,12 +819,12 @@ function TextInner({ as, className, children, ...props }, ref) {
   const Component = as || "span";
   return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
 }
-var Text = React7.forwardRef(TextInner);
+var Text = React8.forwardRef(TextInner);
 Text.displayName = "Text";
 function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React7.isValidElement(item) && "_type" in item && item._type === "text";
+  return item !== null && typeof item === "object" && !React8.isValidElement(item) && "_type" in item && item._type === "text";
 }
-var ContentGroup = React7.forwardRef(
+var ContentGroup = React8.forwardRef(
   ({ items, className, children, ...props }, ref) => {
     const hasContent = items && items.length > 0;
     if (!hasContent) {
@@ -833,17 +837,17 @@ var ContentGroup = React7.forwardRef(
           return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
         }
         const reactNode = item;
-        if (React7.isValidElement(reactNode)) {
-          return React7.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        if (React8.isValidElement(reactNode)) {
+          return React8.cloneElement(reactNode, { key: reactNode.key ?? idx });
         }
-        return /* @__PURE__ */ jsx(React7.Fragment, { children: reactNode }, idx);
+        return /* @__PURE__ */ jsx(React8.Fragment, { children: reactNode }, idx);
       }),
       children
     ] });
   }
 );
 ContentGroup.displayName = "ContentGroup";
-var Controls = React7.memo(
+var Controls = React8.memo(
   ({
     handleNext,
     handlePrevious,
@@ -874,7 +878,7 @@ var Controls = React7.memo(
     ] });
   }
 );
-var FeatureCard = React7.memo(
+var FeatureCard = React8.memo(
   ({ feature, isActive, onClick }) => {
     const variants = useMemo(
       () => ({
@@ -982,7 +986,7 @@ var FeatureCard = React7.memo(
     ) });
   }
 );
-var FeaturesDesktop = React7.memo(
+var FeaturesDesktop = React8.memo(
   ({
     features,
     handleNext,
@@ -1016,7 +1020,7 @@ var FeaturesDesktop = React7.memo(
     ] });
   }
 );
-var FeaturesMobile = React7.memo(
+var FeaturesMobile = React8.memo(
   ({
     features,
     handleNext,
@@ -1107,8 +1111,8 @@ function FeatureAnimatedCarousel({
   spacing = "py-12 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
-  const [activeIndex, setActiveIndex] = React7.useState(0);
-  const [direction, setDirection] = React7.useState(1);
+  const [activeIndex, setActiveIndex] = React8.useState(0);
+  const [direction, setDirection] = React8.useState(1);
   const handleNext = useCallback(() => {
     if (features && activeIndex < features.length - 1) {
       setDirection(1);

package/dist/feature-badge-grid-six.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');
@@ -27,16 +27,20 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 // components/blocks/features/feature-badge-grid-six.tsx
 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";
 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",
   {
@@ -144,7 +148,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React__namespace.useMemo(() => {
+  const linkType = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -165,7 +169,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React__namespace.useMemo(() => {
+  const normalizedHref = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -183,7 +187,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React__namespace.useMemo(() => {
+  const target = React2__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -196,7 +200,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React__namespace.useMemo(() => {
+  const rel = React2__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -205,7 +209,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 {
@@ -389,7 +393,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,
@@ -885,12 +889,12 @@ function FeatureBadgeGridSix({
   patternOpacity,
   patternClassName
 }) {
-  const badgeContent = React.useMemo(() => {
+  const badgeContent = React2.useMemo(() => {
     if (badgeSlot) return badgeSlot;
     if (!label) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: badgeClassName, children: label });
   }, [badgeSlot, label, badgeClassName]);
-  const renderFeatureIcon = React.useCallback((feature) => {
+  const renderFeatureIcon = React2.useCallback((feature) => {
     if (feature.icon) return feature.icon;
     if (feature.iconName) {
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -904,7 +908,7 @@ function FeatureBadgeGridSix({
     }
     return null;
   }, []);
-  const featuresContent = React.useMemo(() => {
+  const featuresContent = React2.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, index) => {
@@ -965,7 +969,7 @@ function FeatureBadgeGridSix({
       );
     });
   }, [featuresSlot, features, cardClassName, renderFeatureIcon]);
-  const actionContent = React.useMemo(() => {
+  const actionContent = React2.useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
     if (action.children) {

package/dist/feature-badge-grid-six.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
-import { A as ActionConfig } from './blocks-U7wOoE0O.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
+import { A as ActionConfig } from './blocks-CrqLti5l.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-badge-grid-six.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
-import { A as ActionConfig } from './blocks-DmMuCMEh.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
+import { A as ActionConfig } from './blocks-BTy27FOO.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';