@opensite/ui 0.5.5 → 0.5.7

package/dist/navbar-sticky-compact.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';

package/dist/navbar-sticky-compact.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';

package/dist/navbar-sticky-compact.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1177,8 +1177,8 @@ var NavbarStickyCompact = ({
   navClassName,
   actionsClassName,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1193,7 +1193,7 @@ var NavbarStickyCompact = ({
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, []);
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1228,8 +1228,8 @@ var NavbarStickyCompact = ({
         ]
       }
     );
-  };
-  const renderAuthActions = () => {
+  }, [logoSlot, logo, logoClassName, isScrolled, optixFlowConfig]);
+  const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1258,8 +1258,8 @@ var NavbarStickyCompact = ({
         index
       );
     });
-  };
-  const renderMenu = () => {
+  }, [authActionsSlot, authActions, isScrolled]);
+  const renderMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map(
@@ -1298,8 +1298,8 @@ var NavbarStickyCompact = ({
         }
       ) }, index)
     );
-  };
-  const renderMobileMenu = () => {
+  }, [menuSlot, menu, isScrolled]);
+  const renderMobileMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map(
@@ -1329,7 +1329,7 @@ var NavbarStickyCompact = ({
         index
       )
     );
-  };
+  }, [menuSlot, menu]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1362,8 +1362,8 @@ var NavbarStickyCompact = ({
             navClassName
           ),
           children: [
-            renderLogo(),
-            /* @__PURE__ */ jsx(NavigationMenu, { className: "hidden lg:flex", children: /* @__PURE__ */ jsx(NavigationMenuList, { children: renderMenu() }) }),
+            renderLogo,
+            /* @__PURE__ */ jsx(NavigationMenu, { className: "hidden lg:flex", children: /* @__PURE__ */ jsx(NavigationMenuList, { children: renderMenu }) }),
             /* @__PURE__ */ jsx(
               "div",
               {
@@ -1371,7 +1371,7 @@ var NavbarStickyCompact = ({
                   "hidden items-center gap-2 lg:flex",
                   actionsClassName
                 ),
-                children: renderAuthActions()
+                children: renderAuthActions
               }
             ),
             /* @__PURE__ */ jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
@@ -1393,7 +1393,7 @@ var NavbarStickyCompact = ({
               /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-[280px]", children: [
                 /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pt-8", children: [
-                  renderMobileMenu(),
+                  renderMobileMenu,
                   /* @__PURE__ */ jsx(
                     "div",
                     {
@@ -1401,7 +1401,7 @@ var NavbarStickyCompact = ({
                         "mt-4 flex flex-col gap-2 border-t pt-4",
                         actionsClassName
                       ),
-                      children: renderAuthActions()
+                      children: renderAuthActions
                     }
                   )
                 ] })

package/dist/navbar-tabbed-sections.cjs

@@ -1260,14 +1260,14 @@ var NavbarTabbedSections = ({
   navClassName,
   actionsClassName,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1289,8 +1289,8 @@ var NavbarTabbedSections = ({
         ]
       }
     );
-  };
-  const renderAuthActions = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  const renderAuthActions = React.useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1317,8 +1317,8 @@ var NavbarTabbedSections = ({
         index
       );
     });
-  };
-  const renderMenu = () => {
+  }, [authActionsSlot, authActions]);
+  const renderMenu = React.useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map(
@@ -1385,8 +1385,8 @@ var NavbarTabbedSections = ({
         }
       ) }) }, index)
     );
-  };
-  const renderMobileMenu = () => {
+  }, [menuSlot, menu, optixFlowConfig]);
+  const renderMobileMenu = React.useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map(
@@ -1422,7 +1422,7 @@ var NavbarTabbedSections = ({
         index
       )
     );
-  };
+  }, [menuSlot, menu]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1451,8 +1451,8 @@ var NavbarTabbedSections = ({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-8", children: [
-              renderLogo(),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: "hidden lg:flex", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: renderMenu() }) })
+              renderLogo,
+              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: "hidden lg:flex", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: renderMenu }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
@@ -1461,7 +1461,7 @@ var NavbarTabbedSections = ({
                   "hidden items-center gap-2 lg:flex",
                   actionsClassName
                 ),
-                children: renderAuthActions()
+                children: renderAuthActions
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
@@ -1482,7 +1482,7 @@ var NavbarTabbedSections = ({
               /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-[300px] overflow-y-auto", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 pt-8", children: [
-                  renderMobileMenu(),
+                  renderMobileMenu,
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
@@ -1490,7 +1490,7 @@ var NavbarTabbedSections = ({
                         "mt-4 flex flex-col gap-2 border-t pt-4",
                         actionsClassName
                       ),
-                      children: renderAuthActions()
+                      children: renderAuthActions
                     }
                   )
                 ] })

package/dist/navbar-tabbed-sections.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';

package/dist/navbar-tabbed-sections.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';

package/dist/navbar-tabbed-sections.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState } from 'react';
+import React__default, { useState, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1236,14 +1236,14 @@ var NavbarTabbedSections = ({
   navClassName,
   actionsClassName,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) => {
   const [isOpen, setIsOpen] = useState(false);
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1265,8 +1265,8 @@ var NavbarTabbedSections = ({
         ]
       }
     );
-  };
-  const renderAuthActions = () => {
+  }, [logoSlot, logo, logoClassName, optixFlowConfig]);
+  const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1293,8 +1293,8 @@ var NavbarTabbedSections = ({
         index
       );
     });
-  };
-  const renderMenu = () => {
+  }, [authActionsSlot, authActions]);
+  const renderMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map(
@@ -1361,8 +1361,8 @@ var NavbarTabbedSections = ({
         }
       ) }) }, index)
     );
-  };
-  const renderMobileMenu = () => {
+  }, [menuSlot, menu, optixFlowConfig]);
+  const renderMobileMenu = useMemo(() => {
     if (menuSlot) return menuSlot;
     if (!menu || menu.length === 0) return null;
     return menu.map(
@@ -1398,7 +1398,7 @@ var NavbarTabbedSections = ({
         index
       )
     );
-  };
+  }, [menuSlot, menu]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1427,8 +1427,8 @@ var NavbarTabbedSections = ({
           ),
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-8", children: [
-              renderLogo(),
-              /* @__PURE__ */ jsx(NavigationMenu, { className: "hidden lg:flex", children: /* @__PURE__ */ jsx(NavigationMenuList, { children: renderMenu() }) })
+              renderLogo,
+              /* @__PURE__ */ jsx(NavigationMenu, { className: "hidden lg:flex", children: /* @__PURE__ */ jsx(NavigationMenuList, { children: renderMenu }) })
             ] }),
             /* @__PURE__ */ jsx(
               "div",
@@ -1437,7 +1437,7 @@ var NavbarTabbedSections = ({
                   "hidden items-center gap-2 lg:flex",
                   actionsClassName
                 ),
-                children: renderAuthActions()
+                children: renderAuthActions
               }
             ),
             /* @__PURE__ */ jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
@@ -1458,7 +1458,7 @@ var NavbarTabbedSections = ({
               /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-[300px] overflow-y-auto", children: [
                 /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pt-8", children: [
-                  renderMobileMenu(),
+                  renderMobileMenu,
                   /* @__PURE__ */ jsx(
                     "div",
                     {
@@ -1466,7 +1466,7 @@ var NavbarTabbedSections = ({
                         "mt-4 flex flex-col gap-2 border-t pt-4",
                         actionsClassName
                       ),
-                      children: renderAuthActions()
+                      children: renderAuthActions
                     }
                   )
                 ] })

package/dist/navbar-transparent-overlay.cjs

@@ -1084,8 +1084,8 @@ var NavbarTransparentOverlay = ({
   mobileAuthActions,
   mobileAuthActionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1109,7 +1109,7 @@ var NavbarTransparentOverlay = ({
     };
   }, [isOpen]);
   const toggleMenu = () => setIsOpen(!isOpen);
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1144,8 +1144,8 @@ var NavbarTransparentOverlay = ({
         ]
       }
     );
-  };
-  const renderNavigation = () => {
+  }, [logoSlot, logo, logoClassName, isScrolled, isOpen, optixFlowConfig]);
+  const renderNavigation = React.useMemo(() => {
     if (navigationSlot) return navigationSlot;
     if (!navItems || navItems.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1163,8 +1163,8 @@ var NavbarTransparentOverlay = ({
         ] })
       }
     ) }, index)) });
-  };
-  const renderAuthActions = () => {
+  }, [navigationSlot, navItems, isScrolled]);
+  const renderAuthActions = React.useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1198,8 +1198,8 @@ var NavbarTransparentOverlay = ({
         index
       );
     });
-  };
-  const renderMobileAuthActions = () => {
+  }, [authActionsSlot, authActions, isScrolled]);
+  const renderMobileAuthActions = React.useMemo(() => {
     if (mobileAuthActionsSlot) return mobileAuthActionsSlot;
     if (!mobileAuthActions || mobileAuthActions.length === 0) return null;
     return mobileAuthActions.map((action, index) => {
@@ -1227,7 +1227,7 @@ var NavbarTransparentOverlay = ({
         index
       );
     });
-  };
+  }, [mobileAuthActionsSlot, mobileAuthActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1258,12 +1258,12 @@ var NavbarTransparentOverlay = ({
               navClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: innerContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-16 items-center justify-between", children: [
-              renderLogo(),
+              renderLogo,
               /* @__PURE__ */ jsxRuntime.jsx(
                 NavigationMenu,
                 {
                   className: cn("hidden lg:flex", navigationMenuClassName),
-                  children: renderNavigation()
+                  children: renderNavigation
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1273,7 +1273,7 @@ var NavbarTransparentOverlay = ({
                     "hidden items-center gap-2 lg:flex",
                     actionsClassName
                   ),
-                  children: renderAuthActions()
+                  children: renderAuthActions
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1355,7 +1355,7 @@ var NavbarTransparentOverlay = ({
                   style: {
                     transitionDelay: isOpen ? `${(navItems?.length ?? 0) * 100}ms` : "0ms"
                   },
-                  children: renderMobileAuthActions()
+                  children: renderMobileAuthActions
                 }
               )
             ] })

package/dist/navbar-transparent-overlay.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';

package/dist/navbar-transparent-overlay.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';

package/dist/navbar-transparent-overlay.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1062,8 +1062,8 @@ var NavbarTransparentOverlay = ({
   mobileAuthActions,
   mobileAuthActionsSlot,
   layoutVariant = "fullScreenContainerizedLinks",
-  background = "white",
-  spacing = "none",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1087,7 +1087,7 @@ var NavbarTransparentOverlay = ({
     };
   }, [isOpen]);
   const toggleMenu = () => setIsOpen(!isOpen);
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     return /* @__PURE__ */ jsxs(
@@ -1122,8 +1122,8 @@ var NavbarTransparentOverlay = ({
         ]
       }
     );
-  };
-  const renderNavigation = () => {
+  }, [logoSlot, logo, logoClassName, isScrolled, isOpen, optixFlowConfig]);
+  const renderNavigation = useMemo(() => {
     if (navigationSlot) return navigationSlot;
     if (!navItems || navItems.length === 0) return null;
     return /* @__PURE__ */ jsx(NavigationMenuList, { children: navItems.map((item, index) => /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
@@ -1141,8 +1141,8 @@ var NavbarTransparentOverlay = ({
         ] })
       }
     ) }, index)) });
-  };
-  const renderAuthActions = () => {
+  }, [navigationSlot, navItems, isScrolled]);
+  const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
@@ -1176,8 +1176,8 @@ var NavbarTransparentOverlay = ({
         index
       );
     });
-  };
-  const renderMobileAuthActions = () => {
+  }, [authActionsSlot, authActions, isScrolled]);
+  const renderMobileAuthActions = useMemo(() => {
     if (mobileAuthActionsSlot) return mobileAuthActionsSlot;
     if (!mobileAuthActions || mobileAuthActions.length === 0) return null;
     return mobileAuthActions.map((action, index) => {
@@ -1205,7 +1205,7 @@ var NavbarTransparentOverlay = ({
         index
       );
     });
-  };
+  }, [mobileAuthActionsSlot, mobileAuthActions]);
   const {
     sectionClasses,
     containerWrapperClasses,
@@ -1236,12 +1236,12 @@ var NavbarTransparentOverlay = ({
               navClassName
             ),
             children: /* @__PURE__ */ jsx("div", { className: innerContainerClasses, children: /* @__PURE__ */ jsxs("div", { className: "flex h-16 items-center justify-between", children: [
-              renderLogo(),
+              renderLogo,
               /* @__PURE__ */ jsx(
                 NavigationMenu,
                 {
                   className: cn("hidden lg:flex", navigationMenuClassName),
-                  children: renderNavigation()
+                  children: renderNavigation
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -1251,7 +1251,7 @@ var NavbarTransparentOverlay = ({
                     "hidden items-center gap-2 lg:flex",
                     actionsClassName
                   ),
-                  children: renderAuthActions()
+                  children: renderAuthActions
                 }
               ),
               /* @__PURE__ */ jsxs(
@@ -1333,7 +1333,7 @@ var NavbarTransparentOverlay = ({
                   style: {
                     transitionDelay: isOpen ? `${(navItems?.length ?? 0) * 100}ms` : "0ms"
                   },
-                  children: renderMobileAuthActions()
+                  children: renderMobileAuthActions
                 }
               )
             ] })

package/dist/page-hero-banner.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PageHeroBannerProps } from './types.cjs';
+import { P as PageHeroBannerProps } from './community-initiatives-BudEyO90.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import './blocks-Cohq4eio.cjs';

package/dist/page-hero-banner.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PageHeroBannerProps } from './types.js';
+import { P as PageHeroBannerProps } from './community-initiatives-FG_f_Y4z.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import './blocks-k17uluAz.js';

package/dist/pressable.d.cts

@@ -127,6 +127,6 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  * </Pressable>
  * ```
  */
-declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement | HTMLSpanElement | HTMLAnchorElement>>;
+declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
 
 export { Pressable, type PressableProps };

package/dist/pressable.d.ts

@@ -127,6 +127,6 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  * </Pressable>
  * ```
  */
-declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement | HTMLSpanElement | HTMLAnchorElement>>;
+declare const Pressable: React.ForwardRefExoticComponent<PressableProps & Partial<LinkProps> & Partial<ButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
 
 export { Pressable, type PressableProps };

package/dist/process-expandable-timeline.cjs

@@ -559,8 +559,8 @@ function ProcessExpandableTimeline({
   stepItemClassName,
   stepBadgeClassName,
   expandedContentClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   // Backwards compatibility
@@ -571,9 +571,9 @@ function ProcessExpandableTimeline({
   const toggleExpand = (index) => {
     setExpandedIndex(expandedIndex === index ? null : index);
   };
-  const renderSteps = () => {
+  const renderSteps = React.useMemo(() => {
     if (stepsSlot) return stepsSlot;
-    if (!steps || steps.length === 0) return null;
+    if (!steps?.length) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", step.className), children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
@@ -634,7 +634,7 @@ function ProcessExpandableTimeline({
         }
       ) })
     ] }, index)) });
-  };
+  }, [stepsSlot, steps, stepItemClassName, stepBadgeClassName, expandedContentClassName, expandedIndex, toggleExpand]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -676,7 +676,7 @@ function ProcessExpandableTimeline({
               )
             }
           ),
-          renderSteps()
+          renderSteps
         ] })
       ] })
     }

package/dist/process-expandable-timeline.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/process-expandable-timeline.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';