@opensite/ui 0.5.5 → 0.5.7

package/dist/process-steps-grid.js

@@ -1,11 +1,11 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/process/process-steps-grid.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -500,15 +500,15 @@ function ProcessStepsGrid({
   stepsGridClassName,
   stepCardClassName,
   stepIconClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   // Backwards compatibility
   title
 }) {
   const resolvedHeading = title ?? heading;
-  const renderSteps = () => {
+  const renderSteps = useMemo(() => {
     if (stepsSlot) return stepsSlot;
     if (!steps || steps.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -548,7 +548,7 @@ function ProcessStepsGrid({
         ))
       }
     );
-  };
+  }, [stepsSlot, steps, stepsGridClassName, stepCardClassName, stepIconClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -580,7 +580,7 @@ function ProcessStepsGrid({
             }
           ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
         ] }),
-        renderSteps()
+        renderSteps
       ] })
     }
   );

package/dist/process-sticky-steps.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/process/process-sticky-steps.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -978,8 +978,8 @@ function ProcessStickySteps({
   actionsClassName,
   stepsClassName,
   stepItemClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   // Backwards compatibility
@@ -1003,40 +1003,42 @@ function ProcessStickySteps({
       )
     }
   ] : []);
-  const renderActions = () => {
-    if (actionsSlot) return actionsSlot;
-    if (!resolvedActions || resolvedActions.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-2", actionsClassName), children: resolvedActions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: cn(
-            "flex items-center justify-start gap-2",
-            actionClassName
-          ),
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    }) });
-  };
-  const renderSteps = () => {
+  const renderActions = React.useMemo(() => {
+    return () => {
+      if (actionsSlot) return actionsSlot;
+      if (!resolvedActions?.length) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-2", actionsClassName), children: resolvedActions.map((action, index) => {
+        const {
+          label,
+          icon,
+          iconAfter,
+          children,
+          className: actionClassName,
+          ...pressableProps
+        } = action;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Pressable,
+          {
+            asButton: true,
+            className: cn(
+              "flex items-center justify-start gap-2",
+              actionClassName
+            ),
+            ...pressableProps,
+            children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              icon,
+              label,
+              iconAfter
+            ] })
+          },
+          index
+        );
+      }) });
+    };
+  }, [actionsSlot, resolvedActions, actionsClassName]);
+  const renderSteps = React.useMemo(() => {
     if (stepsSlot) return stepsSlot;
-    if (!steps || steps.length === 0) return null;
+    if (!steps?.length) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("relative col-span-4 w-full lg:pl-22", stepsClassName), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
       {
@@ -1056,7 +1058,7 @@ function ProcessStickySteps({
       },
       index
     )) });
-  };
+  }, [stepsSlot, steps, stepsClassName, stepItemClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1097,7 +1099,7 @@ function ProcessStickySteps({
               ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
               renderActions()
             ] }),
-            renderSteps()
+            renderSteps
           ]
         }
       )

package/dist/process-sticky-steps.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 { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/process-sticky-steps.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 { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/process-sticky-steps.js

@@ -1,12 +1,12 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/process/process-sticky-steps.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -957,8 +957,8 @@ function ProcessStickySteps({
   actionsClassName,
   stepsClassName,
   stepItemClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   // Backwards compatibility
@@ -982,40 +982,42 @@ function ProcessStickySteps({
       )
     }
   ] : []);
-  const renderActions = () => {
-    if (actionsSlot) return actionsSlot;
-    if (!resolvedActions || resolvedActions.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2", actionsClassName), children: resolvedActions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: cn(
-            "flex items-center justify-start gap-2",
-            actionClassName
-          ),
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    }) });
-  };
-  const renderSteps = () => {
+  const renderActions = useMemo(() => {
+    return () => {
+      if (actionsSlot) return actionsSlot;
+      if (!resolvedActions?.length) return null;
+      return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2", actionsClassName), children: resolvedActions.map((action, index) => {
+        const {
+          label,
+          icon,
+          iconAfter,
+          children,
+          className: actionClassName,
+          ...pressableProps
+        } = action;
+        return /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            asButton: true,
+            className: cn(
+              "flex items-center justify-start gap-2",
+              actionClassName
+            ),
+            ...pressableProps,
+            children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+              icon,
+              label,
+              iconAfter
+            ] })
+          },
+          index
+        );
+      }) });
+    };
+  }, [actionsSlot, resolvedActions, actionsClassName]);
+  const renderSteps = useMemo(() => {
     if (stepsSlot) return stepsSlot;
-    if (!steps || steps.length === 0) return null;
+    if (!steps?.length) return null;
     return /* @__PURE__ */ jsx("ul", { className: cn("relative col-span-4 w-full lg:pl-22", stepsClassName), children: steps.map((step, index) => /* @__PURE__ */ jsxs(
       "li",
       {
@@ -1035,7 +1037,7 @@ function ProcessStickySteps({
       },
       index
     )) });
-  };
+  }, [stepsSlot, steps, stepsClassName, stepItemClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1076,7 +1078,7 @@ function ProcessStickySteps({
               ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
               renderActions()
             ] }),
-            renderSteps()
+            renderSteps
           ]
         }
       )

package/dist/project-alternating-motion.cjs

@@ -1,6 +1,7 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var framerMotion = require('framer-motion');
 var img = require('@page-speed/img');
 var clsx = require('clsx');
@@ -8,7 +9,6 @@ var tailwindMerge = require('tailwind-merge');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -441,7 +441,7 @@ function ProjectAlternatingMotion({
   contentClassName,
   imageContainerClassName
 }) {
-  const renderProjects = () => {
+  const renderedProjects = React.useMemo(() => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
     return projects.map((project, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -489,7 +489,7 @@ function ProjectAlternatingMotion({
       },
       index
     ));
-  };
+  }, [projectsSlot, projects, cardClassName, contentClassName, imageContainerClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -518,7 +518,7 @@ function ProjectAlternatingMotion({
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }))
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-12", listClassName), children: renderProjects() })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-12", listClassName), children: renderedProjects })
       ] })
     }
   );

package/dist/project-alternating-motion.d.cts

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

package/dist/project-alternating-motion.d.ts

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

package/dist/project-alternating-motion.js

@@ -1,4 +1,5 @@
 "use client";
+import React, { useMemo } from 'react';
 import { motion } from 'framer-motion';
 import { Img } from '@page-speed/img';
 import { clsx } from 'clsx';
@@ -6,7 +7,6 @@ import { twMerge } from 'tailwind-merge';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
 
 // components/blocks/project-list/project-alternating-motion.tsx
 function cn(...inputs) {
@@ -435,7 +435,7 @@ function ProjectAlternatingMotion({
   contentClassName,
   imageContainerClassName
 }) {
-  const renderProjects = () => {
+  const renderedProjects = useMemo(() => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
     return projects.map((project, index) => /* @__PURE__ */ jsxs(
@@ -483,7 +483,7 @@ function ProjectAlternatingMotion({
       },
       index
     ));
-  };
+  }, [projectsSlot, projects, cardClassName, contentClassName, imageContainerClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -512,7 +512,7 @@ function ProjectAlternatingMotion({
             ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }))
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: cn("space-y-12", listClassName), children: renderProjects() })
+        /* @__PURE__ */ jsx("div", { className: cn("space-y-12", listClassName), children: renderedProjects })
       ] })
     }
   );

package/dist/project-background-reveal.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/project-list/project-background-reveal.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -948,7 +948,7 @@ function ProjectBackgroundReveal({
   listClassName,
   cardClassName
 }) {
-  const renderProjects = () => {
+  const renderedProjects = React.useMemo(() => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
     return projects.map((project, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -993,7 +993,7 @@ function ProjectBackgroundReveal({
       },
       idx
     ));
-  };
+  }, [projectsSlot, projects, cardClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1052,7 +1052,7 @@ function ProjectBackgroundReveal({
           "div",
           {
             className: cn("mt-24 flex flex-col gap-5 md:mt-36", listClassName),
-            children: renderProjects()
+            children: renderedProjects
           }
         )
       ] })

package/dist/project-background-reveal.d.cts

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

package/dist/project-background-reveal.d.ts

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

package/dist/project-background-reveal.js

@@ -1,12 +1,12 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 
-// lib/utils.ts
+// components/blocks/project-list/project-background-reveal.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -927,7 +927,7 @@ function ProjectBackgroundReveal({
   listClassName,
   cardClassName
 }) {
-  const renderProjects = () => {
+  const renderedProjects = useMemo(() => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
     return projects.map((project, idx) => /* @__PURE__ */ jsxs(
@@ -972,7 +972,7 @@ function ProjectBackgroundReveal({
       },
       idx
     ));
-  };
+  }, [projectsSlot, projects, cardClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1031,7 +1031,7 @@ function ProjectBackgroundReveal({
           "div",
           {
             className: cn("mt-24 flex flex-col gap-5 md:mt-36", listClassName),
-            children: renderProjects()
+            children: renderedProjects
           }
         )
       ] })

package/dist/project-card-overlay.cjs

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var framerMotion = require('framer-motion');
 var img = require('@page-speed/img');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -591,7 +591,7 @@ function ProjectCardOverlay({
   gridClassName,
   cardClassName
 }) {
-  const renderProjects = () => {
+  const renderedProjects = React.useMemo(() => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
     return projects.map((project) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -603,7 +603,7 @@ function ProjectCardOverlay({
       },
       project.id
     ));
-  };
+  }, [projectsSlot, projects, optixFlowConfig, cardClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -657,7 +657,7 @@ function ProjectCardOverlay({
               "mx-auto grid max-w-7xl grid-cols-1 gap-4 md:grid-cols-2",
               gridClassName
             ),
-            children: renderProjects()
+            children: renderedProjects
           }
         )
       ] })

package/dist/project-card-overlay.d.cts

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

package/dist/project-card-overlay.d.ts

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

package/dist/project-card-overlay.js

@@ -1,10 +1,10 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { motion } from 'framer-motion';
 import { Img } from '@page-speed/img';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // components/blocks/project-list/project-card-overlay.tsx
@@ -570,7 +570,7 @@ function ProjectCardOverlay({
   gridClassName,
   cardClassName
 }) {
-  const renderProjects = () => {
+  const renderedProjects = useMemo(() => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
     return projects.map((project) => /* @__PURE__ */ jsx(
@@ -582,7 +582,7 @@ function ProjectCardOverlay({
       },
       project.id
     ));
-  };
+  }, [projectsSlot, projects, optixFlowConfig, cardClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -636,7 +636,7 @@ function ProjectCardOverlay({
               "mx-auto grid max-w-7xl grid-cols-1 gap-4 md:grid-cols-2",
               gridClassName
             ),
-            children: renderProjects()
+            children: renderedProjects
           }
         )
       ] })

package/dist/project-carousel-cinematic.cjs

@@ -1094,7 +1094,7 @@ function ProjectCarouselCinematic({
       carouselApi.off("select", updateSelection);
     };
   }, [carouselApi]);
-  const renderProjects = () => {
+  const renderedProjects = React6.useMemo(() => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
     return projects.map((project) => /* @__PURE__ */ jsxRuntime.jsx(CarouselItem, { className: "basis-auto pl-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-[700px] space-y-4", cardClassName), children: [
@@ -1112,7 +1112,7 @@ function ProjectCarouselCinematic({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary", children: project.category })
       ] }) })
     ] }) }, project.id));
-  };
+  }, [projectsSlot, projects, cardClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1159,7 +1159,7 @@ function ProjectCarouselCinematic({
                 }
               },
               className: cn("w-full", carouselClassName),
-              children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { children: renderProjects() })
+              children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { children: renderedProjects })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pointer-events-none absolute inset-y-0 top-52 right-4 left-4 z-10 flex justify-between", children: [

package/dist/project-carousel-cinematic.d.cts

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