@opensite/ui 3.1.0 → 3.1.2

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';
@@ -12499,6 +12500,8 @@ function CtaVideoBackgroundHero({
   description,
   actions,
   actionsSlot,
+  modalVideo,
+  backgroundVideo,
   modalVideoUrl,
   backgroundVideoUrl,
   modalSlot,
@@ -12518,6 +12521,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?.();
@@ -12597,13 +12608,19 @@ function CtaVideoBackgroundHero({
                   children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20 })
                 }
               ),
-              modalVideoUrl && /* @__PURE__ */ jsx(
+              (modalVideo || modalVideoUrl) && /* @__PURE__ */ jsx(
                 Video,
                 {
-                  src: modalVideoUrl,
+                  src: modalVideo?.video?.src || modalVideoUrl,
+                  masterPlaylistUrl: modalVideo?.video?.masterPlaylistUrl,
+                  fallbackSrc: modalVideo?.video?.fallbackSrc,
+                  poster: modalVideo?.video?.poster || modalVideo?.image?.src,
                   controls: true,
                   autoPlay: true,
-                  className: "w-full rounded-lg"
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg",
+                  ...modalVideo?.video
                 }
               )
             ]
@@ -12630,15 +12647,20 @@ function CtaVideoBackgroundHero({
               videoWrapperClassName
             ),
             children: [
-              backgroundVideoUrl && /* @__PURE__ */ jsx(
+              (backgroundVideo || backgroundVideoUrl) && /* @__PURE__ */ jsx(
                 Video,
                 {
-                  src: backgroundVideoUrl,
+                  src: backgroundVideo?.video?.src || backgroundVideoUrl,
+                  masterPlaylistUrl: backgroundVideo?.video?.masterPlaylistUrl,
+                  fallbackSrc: backgroundVideo?.video?.fallbackSrc,
+                  poster: backgroundVideo?.video?.poster || backgroundVideo?.image?.src,
                   autoPlay: true,
                   loop: true,
                   muted: true,
                   playsInline: true,
-                  className: "absolute inset-0 h-full w-full object-cover"
+                  controls: false,
+                  className: "absolute inset-0 h-full w-full object-cover",
+                  ...backgroundVideo?.video
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -42080,6 +42102,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
         }
@@ -52518,6 +52545,7 @@ function HeroVideoBackgroundDark({
   actions,
   actionsSlot,
   actionsClassName,
+  backgroundVideo,
   videoSrc,
   videoSlot,
   background,
@@ -52538,17 +52566,22 @@ function HeroVideoBackgroundDark({
       /* @__PURE__ */ jsx(
         Video,
         {
-          src: videoSrc,
+          src: backgroundVideo?.video?.src || videoSrc,
+          masterPlaylistUrl: backgroundVideo?.video?.masterPlaylistUrl,
+          fallbackSrc: backgroundVideo?.video?.fallbackSrc,
+          poster: backgroundVideo?.video?.poster || backgroundVideo?.image?.src,
           loop: true,
           playsInline: true,
           autoPlay: true,
           muted: true,
-          className: "absolute top-0 left-0 size-full object-cover"
+          controls: false,
+          className: "absolute top-0 left-0 size-full object-cover",
+          ...backgroundVideo?.video
         }
       ),
       /* @__PURE__ */ jsx(GradientOverlay, { intensity: videoOverlayIntensity })
     ] });
-  }, [videoSlot, videoSrc, videoOverlayIntensity]);
+  }, [videoSlot, backgroundVideo, videoSrc, videoOverlayIntensity]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -54340,6 +54373,7 @@ function HeroPresentationPlatformVideo({
   actions,
   actionsSlot,
   actionsClassName,
+  backgroundVideo,
   videoSrc,
   videoSlot,
   background,
@@ -54408,19 +54442,24 @@ function HeroPresentationPlatformVideo({
         children: /* @__PURE__ */ jsx(
           Video,
           {
-            src: videoSrc,
+            src: backgroundVideo?.video?.src || videoSrc,
+            masterPlaylistUrl: backgroundVideo?.video?.masterPlaylistUrl,
+            fallbackSrc: backgroundVideo?.video?.fallbackSrc,
+            poster: backgroundVideo?.video?.poster || backgroundVideo?.image?.src,
             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"
+            className: "h-full w-full rounded-tl-xl object-cover",
+            ...backgroundVideo?.video
           }
         )
       }
     );
-  }, [videoSlot, videoSrc, videoClassName]);
+  }, [videoSlot, backgroundVideo, videoSrc, videoClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -55035,6 +55074,8 @@ function HeroSoftwareGrowthVideoDialog({
   actions,
   showcaseImages,
   showcaseImagesSlot,
+  modalVideo,
+  videoDialogTitle,
   videoDialog,
   onVideoClick,
   background,
@@ -55049,6 +55090,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();
@@ -55144,7 +55193,7 @@ function HeroSoftwareGrowthVideoDialog({
               }
             ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row flex-wrap gap-4", children: [
-              videoAction && videoDialog?.videoUrl ? /* @__PURE__ */ jsx(
+              videoAction && (modalVideo || videoDialog?.videoUrl) ? /* @__PURE__ */ jsx(
                 ActionComponent,
                 {
                   action: {
@@ -55167,7 +55216,7 @@ function HeroSoftwareGrowthVideoDialog({
           videoAspectRatio === "vertical" ? "sm:max-w-100" : "sm:max-w-200"
         ),
         children: [
-          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: videoDialog?.title }) }),
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: videoDialogTitle || videoDialog?.title }) }),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -55175,10 +55224,16 @@ function HeroSoftwareGrowthVideoDialog({
               children: /* @__PURE__ */ jsx(
                 Video,
                 {
-                  src: videoDialog?.videoUrl,
+                  src: modalVideo?.video?.src || videoDialog?.videoUrl,
+                  masterPlaylistUrl: modalVideo?.video?.masterPlaylistUrl,
+                  fallbackSrc: modalVideo?.video?.fallbackSrc,
+                  poster: modalVideo?.video?.poster || modalVideo?.image?.src,
                   controls: true,
                   autoPlay: true,
-                  className: "h-full w-full rounded-lg"
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg",
+                  ...modalVideo?.video
                 }
               )
             }
@@ -55193,6 +55248,7 @@ function HeroConversionVideoPlay({
   description,
   primaryAction,
   videoButtonLabel = "Play Video",
+  modalVideo,
   videoUrl,
   videoDialogTitle,
   actionsSlot,
@@ -55216,6 +55272,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: [
@@ -55242,7 +55306,7 @@ function HeroConversionVideoPlay({
           }
         );
       })(),
-      videoUrl && /* @__PURE__ */ jsxs(
+      (modalVideo || videoUrl) && /* @__PURE__ */ jsxs(
         Pressable,
         {
           onClick: () => setIsVideoOpen(true),
@@ -55355,10 +55419,16 @@ function HeroConversionVideoPlay({
       /* @__PURE__ */ jsx("div", { className: "aspect-video", children: /* @__PURE__ */ jsx(
         Video,
         {
-          src: videoUrl,
+          src: modalVideo?.video?.src || videoUrl,
+          masterPlaylistUrl: modalVideo?.video?.masterPlaylistUrl,
+          fallbackSrc: modalVideo?.video?.fallbackSrc,
+          poster: modalVideo?.video?.poster || modalVideo?.image?.src,
           controls: true,
           autoPlay: true,
-          className: "h-full w-full rounded-lg"
+          skinClasses: skinClasses || void 0,
+          skinStyle: skinStyle || void 0,
+          className: "h-full w-full rounded-lg",
+          ...modalVideo?.video
         }
       ) })
     ] }) })
@@ -55522,6 +55592,7 @@ function HeroVideoOverlayStars({
   contentClassName,
   className,
   headingClassName,
+  backgroundVideo,
   videoSrc,
   videoSlot
 }) {
@@ -55539,15 +55610,20 @@ function HeroVideoOverlayStars({
     return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 size-full before:absolute brightness-50", children: /* @__PURE__ */ jsx(
       Video,
       {
-        src: videoSrc,
+        src: backgroundVideo?.video?.src || videoSrc,
+        masterPlaylistUrl: backgroundVideo?.video?.masterPlaylistUrl,
+        fallbackSrc: backgroundVideo?.video?.fallbackSrc,
+        poster: backgroundVideo?.video?.poster || backgroundVideo?.image?.src,
         muted: true,
         autoPlay: true,
         loop: true,
+        playsInline: true,
         controls: false,
-        className: "size-full object-cover object-center"
+        className: "size-full object-cover object-center",
+        ...backgroundVideo?.video
       }
     ) });
-  }, [videoSlot, videoSrc]);
+  }, [videoSlot, backgroundVideo, videoSrc]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -55617,6 +55693,7 @@ function HeroProductivityLauncherVideo({
   actionsSlot,
   versionInfo,
   versionInfoSlot,
+  backgroundVideo,
   videoSrc,
   videoSlot,
   background,
@@ -55671,15 +55748,20 @@ function HeroProductivityLauncherVideo({
     return /* @__PURE__ */ jsx("div", { className: "absolute top-0 z-10 h-full w-full inset-0", children: /* @__PURE__ */ jsx(
       Video,
       {
-        src: videoSrc,
+        src: backgroundVideo?.video?.src || videoSrc,
+        masterPlaylistUrl: backgroundVideo?.video?.masterPlaylistUrl,
+        fallbackSrc: backgroundVideo?.video?.fallbackSrc,
+        poster: backgroundVideo?.video?.poster || backgroundVideo?.image?.src,
         loop: true,
         muted: true,
         autoPlay: true,
+        playsInline: true,
         controls: false,
-        className: "block size-full object-cover object-center brightness-50"
+        className: "block size-full object-cover object-center brightness-50",
+        ...backgroundVideo?.video
       }
     ) });
-  }, [videoSlot, videoSrc]);
+  }, [videoSlot, backgroundVideo, videoSrc]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -56980,6 +57062,8 @@ function HeroVideoDialogGradient({
   videoAction,
   image,
   imageSlot,
+  modalVideo,
+  videoDialogTitle,
   videoDialog,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
@@ -56995,6 +57079,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();
@@ -57061,7 +57153,7 @@ function HeroVideoDialogGradient({
                   actionsClassName
                 ),
                 children: [
-                  videoAction && videoDialog?.videoUrl ? /* @__PURE__ */ jsx(
+                  videoAction && (modalVideo || videoDialog?.videoUrl) ? /* @__PURE__ */ jsx(
                     ActionComponent,
                     {
                       action: {
@@ -57086,7 +57178,7 @@ function HeroVideoDialogGradient({
           videoAspectRatio === "vertical" ? "sm:max-w-100" : "sm:max-w-200"
         ),
         children: [
-          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: videoDialog?.title }) }),
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: videoDialogTitle || videoDialog?.title }) }),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -57094,10 +57186,16 @@ function HeroVideoDialogGradient({
               children: /* @__PURE__ */ jsx(
                 Video,
                 {
-                  src: videoDialog?.videoUrl,
+                  src: modalVideo?.video?.src || videoDialog?.videoUrl,
+                  masterPlaylistUrl: modalVideo?.video?.masterPlaylistUrl,
+                  fallbackSrc: modalVideo?.video?.fallbackSrc,
+                  poster: modalVideo?.video?.poster || modalVideo?.image?.src,
                   controls: true,
                   autoPlay: true,
-                  className: "h-full w-full rounded-lg"
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg",
+                  ...modalVideo?.video
                 }
               )
             }
@@ -57964,6 +58062,7 @@ function HeroMentorshipVideoSplit({
   action,
   actionSlot,
   videoLabel,
+  modalVideo,
   videoThumbnail,
   videoUrl,
   videoTitle,
@@ -57983,6 +58082,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;
@@ -58002,7 +58109,8 @@ function HeroMentorshipVideoSplit({
   }, [actionSlot, action]);
   const renderVideoSection = useMemo(() => {
     if (videoSlot) return videoSlot;
-    if (!videoThumbnail) return null;
+    const thumbnail = modalVideo?.image || videoThumbnail;
+    if (!thumbnail) return null;
     const aspectRatio = videoAspectRatio === "vertical" ? 9 / 16 : 16 / 9;
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       videoLabel && (typeof videoLabel === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase opacity-75", children: videoLabel }) : videoLabel),
@@ -58020,11 +58128,11 @@ function HeroMentorshipVideoSplit({
             /* @__PURE__ */ jsx(
               Img,
               {
-                src: videoThumbnail.src,
-                alt: videoThumbnail.alt,
+                src: thumbnail.src,
+                alt: thumbnail.alt,
                 className: cn(
                   "absolute inset-0 h-full w-full object-cover",
-                  videoThumbnail.className
+                  thumbnail.className
                 ),
                 optixFlowConfig
               }
@@ -58043,6 +58151,7 @@ function HeroMentorshipVideoSplit({
     ] });
   }, [
     videoSlot,
+    modalVideo,
     videoThumbnail,
     videoLabel,
     videoAspectRatio,
@@ -58140,10 +58249,16 @@ function HeroMentorshipVideoSplit({
               children: /* @__PURE__ */ jsx(
                 Video,
                 {
-                  src: videoUrl,
+                  src: modalVideo?.video?.src || videoUrl,
+                  masterPlaylistUrl: modalVideo?.video?.masterPlaylistUrl,
+                  fallbackSrc: modalVideo?.video?.fallbackSrc,
+                  poster: modalVideo?.video?.poster || modalVideo?.image?.src,
                   controls: true,
                   autoPlay: true,
-                  className: "h-full w-full rounded-lg"
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg",
+                  ...modalVideo?.video
                 }
               )
             }
@@ -58848,6 +58963,8 @@ function HeroCreativeStudioStacked({
   patternClassName,
   actions,
   onVideoClick,
+  modalVideo,
+  videoDialogTitle,
   videoDialog,
   images,
   imagesSlot,
@@ -58866,6 +58983,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();
@@ -58999,7 +59124,7 @@ function HeroCreativeStudioStacked({
                   actionsClassName
                 ),
                 children: [
-                  videoAction && videoDialog?.videoUrl ? /* @__PURE__ */ jsx(
+                  videoAction && (modalVideo || videoDialog?.videoUrl) ? /* @__PURE__ */ jsx(
                     ActionComponent,
                     {
                       action: {
@@ -59024,7 +59149,7 @@ function HeroCreativeStudioStacked({
           videoAspectRatio === "vertical" ? "sm:max-w-100" : "sm:max-w-200"
         ),
         children: [
-          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: videoDialog?.title }) }),
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: videoDialogTitle || videoDialog?.title }) }),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -59032,10 +59157,16 @@ function HeroCreativeStudioStacked({
               children: /* @__PURE__ */ jsx(
                 Video,
                 {
-                  src: videoDialog?.videoUrl,
+                  src: modalVideo?.video?.src || videoDialog?.videoUrl,
+                  masterPlaylistUrl: modalVideo?.video?.masterPlaylistUrl,
+                  fallbackSrc: modalVideo?.video?.fallbackSrc,
+                  poster: modalVideo?.video?.poster || modalVideo?.image?.src,
                   controls: true,
                   autoPlay: true,
-                  className: "h-full w-full rounded-lg"
+                  skinClasses: skinClasses || void 0,
+                  skinStyle: skinStyle || void 0,
+                  className: "h-full w-full rounded-lg",
+                  ...modalVideo?.video
                 }
               )
             }

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