@opensite/ui 3.0.9 → 3.1.1

package/dist/registry.js

@@ -17,6 +17,8 @@ import { FormEngine, useFileUpload, useContactForm, DynamicFormField, submitPage
 import { AnimatePresence, motion, useMotionValue, useMotionTemplate, useSpring, useTransform, useInView, useScroll, useMotionValueEvent } from 'framer-motion';
 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';
@@ -12517,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?.();
@@ -12596,7 +12606,17 @@ function CtaVideoBackgroundHero({
                   children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20 })
                 }
               ),
-              modalVideoUrl && /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: modalVideoUrl, type: "video/mp4" }) })
+              modalVideoUrl && /* @__PURE__ */ jsx(
+                Video,
+                {
+                  src: modalVideoUrl,
+                  controls: true,
+                  autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg"
+                }
+              )
             ]
           }
         )
@@ -12622,14 +12642,15 @@ function CtaVideoBackgroundHero({
             ),
             children: [
               backgroundVideoUrl && /* @__PURE__ */ jsx(
-                "video",
+                Video,
                 {
+                  src: backgroundVideoUrl,
                   autoPlay: true,
                   loop: true,
                   muted: true,
                   playsInline: true,
-                  className: "absolute inset-0 h-full w-full object-cover",
-                  children: /* @__PURE__ */ jsx("source", { src: backgroundVideoUrl, type: "video/mp4" })
+                  controls: false,
+                  className: "absolute inset-0 h-full w-full object-cover"
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -42068,9 +42089,14 @@ function FaqSplitHero({
     if (video) {
       const { src, className: videoClassName, ...videoRest } = video;
       return /* @__PURE__ */ jsx(
-        "video",
+        Video,
         {
           src,
+          autoPlay: true,
+          loop: true,
+          muted: true,
+          playsInline: true,
+          controls: false,
           className: cn("h-full w-full object-cover", videoClassName),
           ...videoRest
         }
@@ -52527,14 +52553,15 @@ function HeroVideoBackgroundDark({
     if (videoSlot) return videoSlot;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(
-        "video",
+        Video,
         {
+          src: videoSrc,
           loop: true,
           playsInline: true,
-          src: videoSrc,
-          className: "absolute top-0 left-0 size-full object-cover",
           autoPlay: true,
-          muted: true
+          muted: true,
+          controls: false,
+          className: "absolute top-0 left-0 size-full object-cover"
         }
       ),
       /* @__PURE__ */ jsx(GradientOverlay, { intensity: videoOverlayIntensity })
@@ -54397,16 +54424,17 @@ function HeroPresentationPlatformVideo({
           videoClassName
         ),
         children: /* @__PURE__ */ jsx(
-          "video",
+          Video,
           {
+            src: videoSrc,
             autoPlay: true,
             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",
-            children: /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" })
+            className: "h-full w-full rounded-tl-xl object-cover"
           }
         )
       }
@@ -55040,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();
@@ -55163,7 +55199,17 @@ function HeroSoftwareGrowthVideoDialog({
             "div",
             {
               className: videoAspectRatio === "vertical" ? "aspect-9/16" : "aspect-video",
-              children: /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "h-full w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: videoDialog?.videoUrl, type: "video/mp4" }) })
+              children: /* @__PURE__ */ jsx(
+                Video,
+                {
+                  src: videoDialog?.videoUrl,
+                  controls: true,
+                  autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg"
+                }
+              )
             }
           )
         ]
@@ -55199,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: [
@@ -55335,7 +55389,17 @@ function HeroConversionVideoPlay({
     ),
     /* @__PURE__ */ jsx(Dialog, { open: isVideoOpen, onOpenChange: setIsVideoOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-200", children: [
       /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: videoDialogTitle }) }),
-      /* @__PURE__ */ jsx("div", { className: "aspect-video", children: /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "h-full w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: videoUrl, type: "video/mp4" }) }) })
+      /* @__PURE__ */ jsx("div", { className: "aspect-video", children: /* @__PURE__ */ jsx(
+        Video,
+        {
+          src: videoUrl,
+          controls: true,
+          autoPlay: true,
+          skinClasses: skinClasses || void 0,
+          skinStyle: skinStyle || void 0,
+          className: "h-full w-full rounded-lg"
+        }
+      ) })
     ] }) })
   ] });
 }
@@ -55512,12 +55576,13 @@ function HeroVideoOverlayStars({
   const renderVideo = useMemo(() => {
     if (videoSlot) return videoSlot;
     return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 size-full before:absolute brightness-50", children: /* @__PURE__ */ jsx(
-      "video",
+      Video,
       {
         src: videoSrc,
         muted: true,
         autoPlay: true,
         loop: true,
+        playsInline: true,
         controls: false,
         className: "size-full object-cover object-center"
       }
@@ -55644,12 +55709,13 @@ function HeroProductivityLauncherVideo({
   const renderVideo = useMemo(() => {
     if (videoSlot) return videoSlot;
     return /* @__PURE__ */ jsx("div", { className: "absolute top-0 z-10 h-full w-full inset-0", children: /* @__PURE__ */ jsx(
-      "video",
+      Video,
       {
         src: videoSrc,
         loop: true,
         muted: true,
         autoPlay: true,
+        playsInline: true,
         controls: false,
         className: "block size-full object-cover object-center brightness-50"
       }
@@ -56970,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();
@@ -57066,7 +57140,17 @@ function HeroVideoDialogGradient({
             "div",
             {
               className: videoAspectRatio === "vertical" ? "aspect-9/16" : "aspect-video",
-              children: /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "h-full w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: videoDialog?.videoUrl, type: "video/mp4" }) })
+              children: /* @__PURE__ */ jsx(
+                Video,
+                {
+                  src: videoDialog?.videoUrl,
+                  controls: true,
+                  autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg"
+                }
+              )
             }
           )
         ]
@@ -57950,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;
@@ -58104,7 +58196,17 @@ function HeroMentorshipVideoSplit({
             "div",
             {
               className: videoAspectRatio === "vertical" ? "aspect-9/16" : "aspect-video",
-              children: /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "h-full w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: videoUrl, type: "video/mp4" }) })
+              children: /* @__PURE__ */ jsx(
+                Video,
+                {
+                  src: videoUrl,
+                  controls: true,
+                  autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg"
+                }
+              )
             }
           )
         ]
@@ -58825,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();
@@ -58988,7 +59098,17 @@ function HeroCreativeStudioStacked({
             "div",
             {
               className: videoAspectRatio === "vertical" ? "aspect-9/16" : "aspect-video",
-              children: /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "h-full w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: videoDialog?.videoUrl, type: "video/mp4" }) })
+              children: /* @__PURE__ */ jsx(
+                Video,
+                {
+                  src: videoDialog?.videoUrl,
+                  controls: true,
+                  autoPlay: true,
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg"
+                }
+              )
             }
           )
         ]
@@ -82298,19 +82418,16 @@ var VideoSection = ({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsxs(
-          "video",
+        /* @__PURE__ */ jsx(
+          Video,
           {
             ref: videoRef,
+            src: videoSrc,
             className: `absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-in-out ${isHovered ? "opacity-100" : "opacity-0"}`,
             muted: true,
             loop: true,
             playsInline: true,
-            preload: "metadata",
-            children: [
-              /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" }),
-              "Your browser does not support the video tag."
-            ]
+            preload: "metadata"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/30 transition-all duration-500 group-hover:bg-foreground/20" }),
@@ -82466,19 +82583,16 @@ var VideoSection2 = ({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsxs(
-          "video",
+        /* @__PURE__ */ jsx(
+          Video,
           {
             ref: videoRef,
+            src: videoSrc,
             className: `absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-in-out ${isHovered ? "opacity-100" : "opacity-0"}`,
             muted: true,
             loop: true,
             playsInline: true,
-            preload: "metadata",
-            children: [
-              /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" }),
-              "Your browser does not support the video tag."
-            ]
+            preload: "metadata"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/30 transition-all duration-500 group-hover:bg-foreground/20" }),
@@ -82615,19 +82729,16 @@ var VideoSection3 = ({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsxs(
-          "video",
+        /* @__PURE__ */ jsx(
+          Video,
           {
             ref: videoRef,
+            src: videoSrc,
             className: `absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-in-out ${isHovered ? "opacity-100" : "opacity-0"}`,
             muted: true,
             loop: true,
             playsInline: true,
-            preload: "metadata",
-            children: [
-              /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" }),
-              "Your browser does not support the video tag."
-            ]
+            preload: "metadata"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/30 transition-all duration-500 group-hover:bg-foreground/20" }),
@@ -82774,19 +82885,16 @@ var VideoSection4 = ({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsxs(
-          "video",
+        /* @__PURE__ */ jsx(
+          Video,
           {
             ref: videoRef,
+            src: videoSrc,
             className: `absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-in-out ${isHovered ? "opacity-100" : "opacity-0"}`,
             muted: true,
             loop: true,
             playsInline: true,
-            preload: "metadata",
-            children: [
-              /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" }),
-              "Your browser does not support the video tag."
-            ]
+            preload: "metadata"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/30 transition-all duration-500 group-hover:bg-foreground/20" }),
@@ -82918,19 +83026,16 @@ var VideoSection5 = ({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsxs(
-          "video",
+        /* @__PURE__ */ jsx(
+          Video,
           {
             ref: videoRef,
+            src: videoSrc,
             className: `absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-in-out ${isHovered ? "opacity-100" : "opacity-0"}`,
             muted: true,
             loop: true,
             playsInline: true,
-            preload: "metadata",
-            children: [
-              /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" }),
-              "Your browser does not support the video tag."
-            ]
+            preload: "metadata"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/30 transition-all duration-500 group-hover:bg-foreground/20" }),
@@ -83062,19 +83167,16 @@ var VideoSection6 = ({
             optixFlowConfig
           }
         ),
-        /* @__PURE__ */ jsxs(
-          "video",
+        /* @__PURE__ */ jsx(
+          Video,
           {
             ref: videoRef,
+            src: videoSrc,
             className: `absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-in-out ${isHovered ? "opacity-100" : "opacity-0"}`,
             muted: true,
             loop: true,
             playsInline: true,
-            preload: "metadata",
-            children: [
-              /* @__PURE__ */ jsx("source", { src: videoSrc, type: "video/mp4" }),
-              "Your browser does not support the video tag."
-            ]
+            preload: "metadata"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-foreground/30 transition-all duration-500 group-hover:bg-foreground/20" }),
@@ -87951,7 +88053,7 @@ function ProjectDetailArchitectureCarousel(props) {
               transition: { duration: 0.6, delay: 0.2 },
               className: "mb-16",
               children: /* @__PURE__ */ jsx("div", { className: "relative aspect-video overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
-                "video",
+                Video,
                 {
                   src: videoUrl,
                   poster: videoPoster,
@@ -94506,7 +94608,7 @@ function ServicesListVideoShowcase({
                   }
                 ),
                 service.videoUrl && /* @__PURE__ */ jsx(
-                  "video",
+                  Video,
                   {
                     ref: (el) => {
                       videoRefs.current[index] = el;
@@ -101417,7 +101519,7 @@ function LinkTreeBlock({
               "aria-label": `View ${item.alt || item.type} in lightbox`,
               children: [
                 item.type === "video" ? /* @__PURE__ */ jsx(
-                  "video",
+                  Video,
                   {
                     src: item.src,
                     poster: item.poster,

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';