@opensite/ui 2.8.0 → 2.8.1

package/dist/blog-carousel-apple.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 react = require('motion/react');
@@ -28,16 +28,20 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 // components/blocks/blog/blog-carousel-apple.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";
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -113,7 +117,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React__namespace.useMemo(() => {
+  const linkType = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -134,7 +138,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React__namespace.useMemo(() => {
+  const normalizedHref = React2__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -152,7 +156,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React__namespace.useMemo(() => {
+  const target = React2__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -165,7 +169,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React__namespace.useMemo(() => {
+  const rel = React2__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -174,7 +178,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 {
@@ -358,7 +362,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React__namespace.forwardRef(
+var Pressable = React2__namespace.forwardRef(
   ({
     children,
     className,
@@ -456,7 +460,7 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-var AppleCarouselContext = React.createContext({
+var AppleCarouselContext = React2.createContext({
   onCardAction: () => {
   },
   currentIndex: 0
@@ -467,11 +471,11 @@ var AppleCarousel = ({
   className,
   containerClassName
 }) => {
-  const carouselRef = React__namespace.default.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React__namespace.default.useState(false);
-  const [canScrollRight, setCanScrollRight] = React__namespace.default.useState(true);
-  const [currentIndex, setCurrentIndex] = React.useState(0);
-  React.useEffect(() => {
+  const carouselRef = React2__namespace.default.useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = React2__namespace.default.useState(false);
+  const [canScrollRight, setCanScrollRight] = React2__namespace.default.useState(true);
+  const [currentIndex, setCurrentIndex] = React2.useState(0);
+  React2.useEffect(() => {
     if (carouselRef.current) {
       carouselRef.current.scrollLeft = initialScroll;
       checkScrollability();
@@ -599,7 +603,7 @@ var AppleCarouselCard = ({
   imageClassName,
   contentClassName
 }) => {
-  const { onCardAction } = React.useContext(AppleCarouselContext);
+  const { onCardAction } = React2.useContext(AppleCarouselContext);
   const handleClick = () => {
     onCardAction(index);
     if (action.onClick) {
@@ -701,7 +705,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(
@@ -1007,7 +1011,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,
@@ -1085,7 +1089,7 @@ function BlogCarouselAppleComponent({
   containerClassName,
   cardClassName
 }) {
-  const carouselCards = React__namespace.useMemo(() => {
+  const carouselCards = React2__namespace.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return posts.map(
       (post, idx) => ({
@@ -1097,7 +1101,7 @@ function BlogCarouselAppleComponent({
       })
     );
   }, [posts]);
-  const cardElements = React__namespace.useMemo(() => {
+  const cardElements = React2__namespace.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return carouselCards.map((card, index) => {
       const post = posts[index];

package/dist/blog-carousel-apple.js

@@ -1,6 +1,6 @@
 "use client";
-import * as React from 'react';
-import React__default, { createContext, useContext, useState, useEffect } from 'react';
+import * as React2 from 'react';
+import React2__default, { createContext, useContext, useState, useEffect } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { motion } from 'motion/react';
@@ -14,9 +14,13 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React2.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -92,7 +96,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React.useMemo(() => {
+  const linkType = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -113,7 +117,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React.useMemo(() => {
+  const normalizedHref = React2.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -131,7 +135,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React.useMemo(() => {
+  const target = React2.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -144,7 +148,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React.useMemo(() => {
+  const rel = React2.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -153,7 +157,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 {
@@ -337,7 +341,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React.forwardRef(
+var Pressable = React2.forwardRef(
   ({
     children,
     className,
@@ -446,9 +450,9 @@ var AppleCarousel = ({
   className,
   containerClassName
 }) => {
-  const carouselRef = React__default.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React__default.useState(false);
-  const [canScrollRight, setCanScrollRight] = React__default.useState(true);
+  const carouselRef = React2__default.useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = React2__default.useState(false);
+  const [canScrollRight, setCanScrollRight] = React2__default.useState(true);
   const [currentIndex, setCurrentIndex] = useState(0);
   useEffect(() => {
     if (carouselRef.current) {
@@ -680,7 +684,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(
@@ -986,7 +990,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,
@@ -1064,7 +1068,7 @@ function BlogCarouselAppleComponent({
   containerClassName,
   cardClassName
 }) {
-  const carouselCards = React.useMemo(() => {
+  const carouselCards = React2.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return posts.map(
       (post, idx) => ({
@@ -1076,7 +1080,7 @@ function BlogCarouselAppleComponent({
       })
     );
   }, [posts]);
-  const cardElements = React.useMemo(() => {
+  const cardElements = React2.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return carouselCards.map((card, index) => {
       const post = posts[index];

package/dist/blog-category-overlay.cjs

@@ -485,9 +485,13 @@ function Badge({
   );
 }
 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/blog-category-overlay.js

@@ -464,9 +464,13 @@ function Badge({
   );
 }
 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/blog-filtered-results.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React5 = require('react');
+var React6 = 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 React5__namespace = /*#__PURE__*/_interopNamespace(React5);
+var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
@@ -145,7 +145,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React5__namespace.useMemo(() => {
+  const linkType = React6__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -166,7 +166,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React5__namespace.useMemo(() => {
+  const normalizedHref = React6__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -184,7 +184,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React5__namespace.useMemo(() => {
+  const target = React6__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -197,7 +197,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React5__namespace.useMemo(() => {
+  const rel = React6__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -206,7 +206,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React5__namespace.useCallback(
+  const handleClick = React6__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -390,7 +390,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React5__namespace.forwardRef(
+var Pressable = React6__namespace.forwardRef(
   ({
     children,
     className,
@@ -494,9 +494,13 @@ function AspectRatio({
   return /* @__PURE__ */ jsxRuntime.jsx(AspectRatioPrimitive__namespace.Root, { "data-slot": "aspect-ratio", ...props });
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React6__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
@@ -627,7 +631,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React5__namespace.default.forwardRef(
+var Container = React6__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -933,7 +937,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React5__namespace.default.forwardRef(
+var Section = React6__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -995,7 +999,7 @@ var Section = React5__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 var POSTS_PER_PAGE = 6;
-var BlogCard = React5__namespace.memo(function BlogCard2({
+var BlogCard = React6__namespace.memo(function BlogCard2({
   post,
   optixFlowConfig,
   className
@@ -1034,7 +1038,7 @@ var BlogCard = React5__namespace.memo(function BlogCard2({
     ] })
   ] }) });
 });
-var FilterForm = React5__namespace.memo(function FilterForm2({
+var FilterForm = React6__namespace.memo(function FilterForm2({
   categories,
   selectedCategories,
   onCategoryChange,
@@ -1067,12 +1071,12 @@ var FilterForm = React5__namespace.memo(function FilterForm2({
     }
   );
 });
-var BreadcrumbBlog = React5__namespace.memo(function BreadcrumbBlog2({
+var BreadcrumbBlog = React6__namespace.memo(function BreadcrumbBlog2({
   breadcrumb
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
     const labelKey = typeof item.label === "string" ? item.label : `breadcrumb-${i}`;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React5.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React6.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { href: item.link, children: item.label }) }),
       i < breadcrumb.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/slash", size: 14 }) })
     ] }, labelKey);
@@ -1111,11 +1115,11 @@ function BlogFilteredResultsComponent({
   patternOpacity
 }) {
   const effectivePostsPerPage = postsPerPage || POSTS_PER_PAGE;
-  const [visibleCount, setVisibleCount] = React5.useState(effectivePostsPerPage);
-  const [selectedCategories, setSelectedCategories] = React5.useState([
+  const [visibleCount, setVisibleCount] = React6.useState(effectivePostsPerPage);
+  const [selectedCategories, setSelectedCategories] = React6.useState([
     "all"
   ]);
-  const handleCategoryChange = React5.useCallback(
+  const handleCategoryChange = React6.useCallback(
     (categoryValue, checked) => {
       setSelectedCategories((prev) => {
         let updated;
@@ -1137,10 +1141,10 @@ function BlogFilteredResultsComponent({
     },
     [effectivePostsPerPage]
   );
-  const handleLoadMore = React5.useCallback(() => {
+  const handleLoadMore = React6.useCallback(() => {
     setVisibleCount((prev) => prev + effectivePostsPerPage);
   }, [effectivePostsPerPage]);
-  const filteredPosts = React5.useMemo(() => {
+  const filteredPosts = React6.useMemo(() => {
     if (!posts) return [];
     return posts.filter((post) => {
       const postCategory = typeof post.category === "string" ? post.category.toLowerCase() : "";
@@ -1149,12 +1153,12 @@ function BlogFilteredResultsComponent({
   }, [posts, selectedCategories]);
   const postsToDisplay = filteredPosts.length > 0 ? filteredPosts : posts || [];
   const hasMore = visibleCount < postsToDisplay.length;
-  const breadcrumbContent = React5__namespace.useMemo(() => {
+  const breadcrumbContent = React6__namespace.useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbBlog, { breadcrumb });
   }, [breadcrumbSlot, breadcrumb]);
-  const primaryPostContent = React5__namespace.useMemo(() => {
+  const primaryPostContent = React6__namespace.useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1166,7 +1170,7 @@ function BlogFilteredResultsComponent({
       }
     );
   }, [primaryPostSlot, primaryPost, optixFlowConfig, postCardClassName]);
-  const categoriesContent = React5__namespace.useMemo(() => {
+  const categoriesContent = React6__namespace.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1185,7 +1189,7 @@ function BlogFilteredResultsComponent({
     handleCategoryChange,
     categoriesClassName
   ]);
-  const postsContent = React5__namespace.useMemo(() => {
+  const postsContent = React6__namespace.useMemo(() => {
     if (postsSlot) return postsSlot;
     return postsToDisplay.slice(0, visibleCount).map((post) => {
       const postKey = post.id || String(post.title) || Math.random().toString();
@@ -1206,7 +1210,7 @@ function BlogFilteredResultsComponent({
     optixFlowConfig,
     postCardClassName
   ]);
-  const loadMoreContent = React5__namespace.useMemo(() => {
+  const loadMoreContent = React6__namespace.useMemo(() => {
     if (loadMoreSlot) return loadMoreSlot;
     if (!loadMoreAction || !hasMore) return null;
     const {

package/dist/blog-filtered-results.js

@@ -1,6 +1,6 @@
 "use client";
-import * as React5 from 'react';
-import React5__default, { Fragment, useState, useCallback, useMemo } from 'react';
+import * as React6 from 'react';
+import React6__default, { Fragment, useState, useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
@@ -121,7 +121,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React5.useMemo(() => {
+  const linkType = React6.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -142,7 +142,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React5.useMemo(() => {
+  const normalizedHref = React6.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -160,7 +160,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React5.useMemo(() => {
+  const target = React6.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -173,7 +173,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React5.useMemo(() => {
+  const rel = React6.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -182,7 +182,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React5.useCallback(
+  const handleClick = React6.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -366,7 +366,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React5.forwardRef(
+var Pressable = React6.forwardRef(
   ({
     children,
     className,
@@ -470,9 +470,13 @@ function AspectRatio({
   return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React6.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
@@ -603,7 +607,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React5__default.forwardRef(
+var Container = React6__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -909,7 +913,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React5__default.forwardRef(
+var Section = React6__default.forwardRef(
   ({
     id,
     title,
@@ -971,7 +975,7 @@ var Section = React5__default.forwardRef(
 );
 Section.displayName = "Section";
 var POSTS_PER_PAGE = 6;
-var BlogCard = React5.memo(function BlogCard2({
+var BlogCard = React6.memo(function BlogCard2({
   post,
   optixFlowConfig,
   className
@@ -1010,7 +1014,7 @@ var BlogCard = React5.memo(function BlogCard2({
     ] })
   ] }) });
 });
-var FilterForm = React5.memo(function FilterForm2({
+var FilterForm = React6.memo(function FilterForm2({
   categories,
   selectedCategories,
   onCategoryChange,
@@ -1043,7 +1047,7 @@ var FilterForm = React5.memo(function FilterForm2({
     }
   );
 });
-var BreadcrumbBlog = React5.memo(function BreadcrumbBlog2({
+var BreadcrumbBlog = React6.memo(function BreadcrumbBlog2({
   breadcrumb
 }) {
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
@@ -1125,12 +1129,12 @@ function BlogFilteredResultsComponent({
   }, [posts, selectedCategories]);
   const postsToDisplay = filteredPosts.length > 0 ? filteredPosts : posts || [];
   const hasMore = visibleCount < postsToDisplay.length;
-  const breadcrumbContent = React5.useMemo(() => {
+  const breadcrumbContent = React6.useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsx(BreadcrumbBlog, { breadcrumb });
   }, [breadcrumbSlot, breadcrumb]);
-  const primaryPostContent = React5.useMemo(() => {
+  const primaryPostContent = React6.useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsx(
@@ -1142,7 +1146,7 @@ function BlogFilteredResultsComponent({
       }
     );
   }, [primaryPostSlot, primaryPost, optixFlowConfig, postCardClassName]);
-  const categoriesContent = React5.useMemo(() => {
+  const categoriesContent = React6.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1161,7 +1165,7 @@ function BlogFilteredResultsComponent({
     handleCategoryChange,
     categoriesClassName
   ]);
-  const postsContent = React5.useMemo(() => {
+  const postsContent = React6.useMemo(() => {
     if (postsSlot) return postsSlot;
     return postsToDisplay.slice(0, visibleCount).map((post) => {
       const postKey = post.id || String(post.title) || Math.random().toString();
@@ -1182,7 +1186,7 @@ function BlogFilteredResultsComponent({
     optixFlowConfig,
     postCardClassName
   ]);
-  const loadMoreContent = React5.useMemo(() => {
+  const loadMoreContent = React6.useMemo(() => {
     if (loadMoreSlot) return loadMoreSlot;
     if (!loadMoreAction || !hasMore) return null;
     const {