@opensite/ui 3.1.0 → 3.1.1

package/dist/registry.cjs

@@ -19,6 +19,7 @@ var framerMotion = require('framer-motion');
 var lightbox = require('@page-speed/lightbox');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var video = require('@page-speed/video');
+var skins = require('@page-speed/skins');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var maps = require('@page-speed/maps');
 var useEmblaCarousel = require('embla-carousel-react');
@@ -12558,6 +12559,14 @@ function CtaVideoBackgroundHero({
   patternOpacity
 }) {
   const [isModalOpen, setIsModalOpen] = React30__namespace.useState(false);
+  const [skinClasses, setSkinClasses] = React30.useState(null);
+  const [skinStyle, setSkinStyle] = React30.useState(null);
+  React30.useEffect(() => {
+    skins.loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(skins.resolveVideoClasses(skin));
+      setSkinStyle(skins.getSkinStyleObject(skin));
+    });
+  }, []);
   const handleOpenModal = () => {
     setIsModalOpen(true);
     onModalOpen?.();
@@ -12643,7 +12652,9 @@ function CtaVideoBackgroundHero({
                   src: modalVideoUrl,
                   controls: true,
                   autoPlay: true,
-                  className: "w-full rounded-lg"
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg"
                 }
               )
             ]
@@ -12678,6 +12689,7 @@ function CtaVideoBackgroundHero({
                   loop: true,
                   muted: true,
                   playsInline: true,
+                  controls: false,
                   className: "absolute inset-0 h-full w-full object-cover"
                 }
               ),
@@ -42120,6 +42132,11 @@ function FaqSplitHero({
         video.Video,
         {
           src,
+          autoPlay: true,
+          loop: true,
+          muted: true,
+          playsInline: true,
+          controls: false,
           className: cn("h-full w-full object-cover", videoClassName),
           ...videoRest
         }
@@ -52583,6 +52600,7 @@ function HeroVideoBackgroundDark({
           playsInline: true,
           autoPlay: true,
           muted: true,
+          controls: false,
           className: "absolute top-0 left-0 size-full object-cover"
         }
       ),
@@ -54453,6 +54471,7 @@ function HeroPresentationPlatformVideo({
             loop: true,
             muted: true,
             playsInline: true,
+            controls: false,
             "data-wf-ignore": "true",
             "data-object-fit": "cover",
             className: "h-full w-full rounded-tl-xl object-cover"
@@ -55089,6 +55108,14 @@ function HeroSoftwareGrowthVideoDialog({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
+  const [skinClasses, setSkinClasses] = React30.useState(null);
+  const [skinStyle, setSkinStyle] = React30.useState(null);
+  React30.useEffect(() => {
+    skins.loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(skins.resolveVideoClasses(skin));
+      setSkinStyle(skins.getSkinStyleObject(skin));
+    });
+  }, []);
   const handleVideoClick = () => {
     if (onVideoClick) {
       onVideoClick();
@@ -55218,6 +55245,8 @@ function HeroSoftwareGrowthVideoDialog({
                   src: videoDialog?.videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )
@@ -55256,6 +55285,14 @@ function HeroConversionVideoPlay({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
+  const [skinClasses, setSkinClasses] = React30.useState(null);
+  const [skinStyle, setSkinStyle] = React30.useState(null);
+  React30.useEffect(() => {
+    skins.loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(skins.resolveVideoClasses(skin));
+      setSkinStyle(skins.getSkinStyleObject(skin));
+    });
+  }, []);
   const renderActions = React30.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -55398,6 +55435,8 @@ function HeroConversionVideoPlay({
           src: videoUrl,
           controls: true,
           autoPlay: true,
+          skinClasses: skinClasses || void 0,
+          skinStyle: skinStyle || void 0,
           className: "h-full w-full rounded-lg"
         }
       ) })
@@ -55583,6 +55622,7 @@ function HeroVideoOverlayStars({
         muted: true,
         autoPlay: true,
         loop: true,
+        playsInline: true,
         controls: false,
         className: "size-full object-cover object-center"
       }
@@ -55715,6 +55755,7 @@ function HeroProductivityLauncherVideo({
         loop: true,
         muted: true,
         autoPlay: true,
+        playsInline: true,
         controls: false,
         className: "block size-full object-cover object-center brightness-50"
       }
@@ -57035,6 +57076,14 @@ function HeroVideoDialogGradient({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
+  const [skinClasses, setSkinClasses] = React30.useState(null);
+  const [skinStyle, setSkinStyle] = React30.useState(null);
+  React30.useEffect(() => {
+    skins.loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(skins.resolveVideoClasses(skin));
+      setSkinStyle(skins.getSkinStyleObject(skin));
+    });
+  }, []);
   const handleVideoClick = () => {
     if (onVideoClick) {
       onVideoClick();
@@ -57137,6 +57186,8 @@ function HeroVideoDialogGradient({
                   src: videoDialog?.videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )
@@ -58023,6 +58074,14 @@ function HeroMentorshipVideoSplit({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
+  const [skinClasses, setSkinClasses] = React30.useState(null);
+  const [skinStyle, setSkinStyle] = React30.useState(null);
+  React30.useEffect(() => {
+    skins.loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(skins.resolveVideoClasses(skin));
+      setSkinStyle(skins.getSkinStyleObject(skin));
+    });
+  }, []);
   const renderAction = React30.useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
@@ -58183,6 +58242,8 @@ function HeroMentorshipVideoSplit({
                   src: videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )
@@ -58906,6 +58967,14 @@ function HeroCreativeStudioStacked({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = React30.useState(false);
+  const [skinClasses, setSkinClasses] = React30.useState(null);
+  const [skinStyle, setSkinStyle] = React30.useState(null);
+  React30.useEffect(() => {
+    skins.loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(skins.resolveVideoClasses(skin));
+      setSkinStyle(skins.getSkinStyleObject(skin));
+    });
+  }, []);
   const handleVideoClick = () => {
     if (onVideoClick) {
       onVideoClick();
@@ -59075,6 +59144,8 @@ function HeroCreativeStudioStacked({
                   src: videoDialog?.videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )

package/dist/registry.js

@@ -18,6 +18,7 @@ import { AnimatePresence, motion, useMotionValue, useMotionTemplate, useSpring,
 import { Lightbox } from '@page-speed/lightbox';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { Video } from '@page-speed/video';
+import { loadSkinFromJsDelivr, resolveVideoClasses, getSkinStyleObject } from '@page-speed/skins';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { GeoMap } from '@page-speed/maps';
 import useEmblaCarousel from 'embla-carousel-react';
@@ -12518,6 +12519,14 @@ function CtaVideoBackgroundHero({
   patternOpacity
 }) {
   const [isModalOpen, setIsModalOpen] = React30.useState(false);
+  const [skinClasses, setSkinClasses] = useState(null);
+  const [skinStyle, setSkinStyle] = useState(null);
+  useEffect(() => {
+    loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(resolveVideoClasses(skin));
+      setSkinStyle(getSkinStyleObject(skin));
+    });
+  }, []);
   const handleOpenModal = () => {
     setIsModalOpen(true);
     onModalOpen?.();
@@ -12603,7 +12612,9 @@ function CtaVideoBackgroundHero({
                   src: modalVideoUrl,
                   controls: true,
                   autoPlay: true,
-                  className: "w-full rounded-lg"
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg"
                 }
               )
             ]
@@ -12638,6 +12649,7 @@ function CtaVideoBackgroundHero({
                   loop: true,
                   muted: true,
                   playsInline: true,
+                  controls: false,
                   className: "absolute inset-0 h-full w-full object-cover"
                 }
               ),
@@ -42080,6 +42092,11 @@ function FaqSplitHero({
         Video,
         {
           src,
+          autoPlay: true,
+          loop: true,
+          muted: true,
+          playsInline: true,
+          controls: false,
           className: cn("h-full w-full object-cover", videoClassName),
           ...videoRest
         }
@@ -52543,6 +52560,7 @@ function HeroVideoBackgroundDark({
           playsInline: true,
           autoPlay: true,
           muted: true,
+          controls: false,
           className: "absolute top-0 left-0 size-full object-cover"
         }
       ),
@@ -54413,6 +54431,7 @@ function HeroPresentationPlatformVideo({
             loop: true,
             muted: true,
             playsInline: true,
+            controls: false,
             "data-wf-ignore": "true",
             "data-object-fit": "cover",
             className: "h-full w-full rounded-tl-xl object-cover"
@@ -55049,6 +55068,14 @@ function HeroSoftwareGrowthVideoDialog({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
+  const [skinClasses, setSkinClasses] = useState(null);
+  const [skinStyle, setSkinStyle] = useState(null);
+  useEffect(() => {
+    loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(resolveVideoClasses(skin));
+      setSkinStyle(getSkinStyleObject(skin));
+    });
+  }, []);
   const handleVideoClick = () => {
     if (onVideoClick) {
       onVideoClick();
@@ -55178,6 +55205,8 @@ function HeroSoftwareGrowthVideoDialog({
                   src: videoDialog?.videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )
@@ -55216,6 +55245,14 @@ function HeroConversionVideoPlay({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
+  const [skinClasses, setSkinClasses] = useState(null);
+  const [skinStyle, setSkinStyle] = useState(null);
+  useEffect(() => {
+    loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(resolveVideoClasses(skin));
+      setSkinStyle(getSkinStyleObject(skin));
+    });
+  }, []);
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -55358,6 +55395,8 @@ function HeroConversionVideoPlay({
           src: videoUrl,
           controls: true,
           autoPlay: true,
+          skinClasses: skinClasses || void 0,
+          skinStyle: skinStyle || void 0,
           className: "h-full w-full rounded-lg"
         }
       ) })
@@ -55543,6 +55582,7 @@ function HeroVideoOverlayStars({
         muted: true,
         autoPlay: true,
         loop: true,
+        playsInline: true,
         controls: false,
         className: "size-full object-cover object-center"
       }
@@ -55675,6 +55715,7 @@ function HeroProductivityLauncherVideo({
         loop: true,
         muted: true,
         autoPlay: true,
+        playsInline: true,
         controls: false,
         className: "block size-full object-cover object-center brightness-50"
       }
@@ -56995,6 +57036,14 @@ function HeroVideoDialogGradient({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
+  const [skinClasses, setSkinClasses] = useState(null);
+  const [skinStyle, setSkinStyle] = useState(null);
+  useEffect(() => {
+    loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(resolveVideoClasses(skin));
+      setSkinStyle(getSkinStyleObject(skin));
+    });
+  }, []);
   const handleVideoClick = () => {
     if (onVideoClick) {
       onVideoClick();
@@ -57097,6 +57146,8 @@ function HeroVideoDialogGradient({
                   src: videoDialog?.videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )
@@ -57983,6 +58034,14 @@ function HeroMentorshipVideoSplit({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
+  const [skinClasses, setSkinClasses] = useState(null);
+  const [skinStyle, setSkinStyle] = useState(null);
+  useEffect(() => {
+    loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(resolveVideoClasses(skin));
+      setSkinStyle(getSkinStyleObject(skin));
+    });
+  }, []);
   const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
@@ -58143,6 +58202,8 @@ function HeroMentorshipVideoSplit({
                   src: videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )
@@ -58866,6 +58927,14 @@ function HeroCreativeStudioStacked({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
+  const [skinClasses, setSkinClasses] = useState(null);
+  const [skinStyle, setSkinStyle] = useState(null);
+  useEffect(() => {
+    loadSkinFromJsDelivr("0.1.2", "skins/video/base.json").then((skin) => {
+      setSkinClasses(resolveVideoClasses(skin));
+      setSkinStyle(getSkinStyleObject(skin));
+    });
+  }, []);
   const handleVideoClick = () => {
     if (onVideoClick) {
       onVideoClick();
@@ -59035,6 +59104,8 @@ function HeroCreativeStudioStacked({
                   src: videoDialog?.videoUrl,
                   controls: true,
                   autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
                   className: "h-full w-full rounded-lg"
                 }
               )

package/dist/resource-detail-article-hero.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-detail-article-hero.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-detail-document-sidebar.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { g as BreadcrumbItem, A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { g as BreadcrumbItem, A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-detail-document-sidebar.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { g as BreadcrumbItem, A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { g as BreadcrumbItem, A as ActionConfig, a as AuthorInfo, O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-detail-whitepaper-sidebar.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-detail-whitepaper-sidebar.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-course-cards.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-course-cards.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-featured-articles.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-featured-articles.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-featured-grid.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-featured-grid.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-hero-filter.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-hero-filter.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-news-updates.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/resource-list-news-updates.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/section.d.cts

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { r as SectionProps } from './community-initiatives-D8cbIf_y.cjs';
-import './blocks-DL92rOxr.cjs';
+import { r as SectionProps } from './community-initiatives-B4p2JldF.cjs';
+import './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/section.d.ts

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { r as SectionProps } from './community-initiatives-qC2HCInM.js';
-import './blocks-DL92rOxr.js';
+import { r as SectionProps } from './community-initiatives--8cXayNa.js';
+import './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/service-detail-centered-expertise.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/service-detail-centered-expertise.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/service-detail-compact-cards.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/service-detail-compact-cards.d.ts

@@ -1,7 +1,7 @@
 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-qC2HCInM.js';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/service-detail-image-hero.d.cts

@@ -1,7 +1,7 @@
 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-D8cbIf_y.cjs';
-import { O as OptixFlowConfig } from './blocks-DL92rOxr.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B4p2JldF.cjs';
+import { O as OptixFlowConfig } from './blocks-DCvdF54D.cjs';
 import 'class-variance-authority';
 import '@page-speed/pressable';
 import '@opensite/hooks/usePlatformFromUrl';