quirk-ui 0.0.518 → 0.0.520

package/dist/next/blocks/ContentBlock/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index14.css');const s=require("react/jsx-runtime"),l=require("../../ui/PortableTextRenderer/index.cjs"),j=require("../../ui/CallToActions/index.cjs"),I=require("next/image"),V=require("../../hooks/useStyleClasses.cjs"),W="_content_ivubr_1",y="_container_ivubr_7",N="_metrics_ivubr_34",g="_metric_ivubr_34",H="_metricValue_ivubr_50",$="_disclaimer_ivubr_71",B="_layoutHImageRight_ivubr_76",C="_heading_ivubr_80",k="_image_ivubr_85",w="_noImage_ivubr_95",R="_layoutHImageLeft_ivubr_99",z="_layoutVImageTop_ivubr_118",T="_layoutVImageBottom_ivubr_131",q="_title_ivubr_151",L="_text_ivubr_156",S="_cta_ivubr_170",D="_headingHorizontal_ivubr_178",U="_titleWrapper_ivubr_187",P="_headingVertical_ivubr_208",F="_videoWrapper_ivubr_229",M="_maxWidth_ivubr_257",Y="_fullBleed_ivubr_267",e={content:W,container:y,metrics:N,metric:g,metricValue:H,disclaimer:$,layoutHImageRight:B,heading:C,image:k,noImage:w,layoutHImageLeft:R,layoutVImageTop:z,layoutVImageBottom:T,title:q,text:L,cta:S,headingHorizontal:D,titleWrapper:U,headingVertical:P,videoWrapper:F,default:"_default_ivubr_249",maxWidth:M,fullBleed:Y};function E({layout:i,heading:r,image:t,video:o,metrics:u,callToAction:c,disclaimer:_,styleOptions:a}){const m=V.useStyleClasses(a),d={"--container-max-width":(a==null?void 0:a.maxWidth)??"unset","--gap":i==null?void 0:i.gap},x={"--max-width":(t==null?void 0:t.display)==="max-width"?t==null?void 0:t.maxWidth:"unset"},h={"no-image":e.noImage,"horizontal-image-right":e.layoutHImageRight,"horizontal-image-left":e.layoutHImageLeft,"vertical-image-top":e.layoutVImageTop,"vertical-image-bottom":e.layoutVImageBottom}[(i==null?void 0:i.orientation)??"horizontal-image-right"],v={horizontal:e.headingHorizontal,vertical:e.headingVertical}[r.headingLayout??"horizontal"],b={default:e.default,"max-width":e.maxWidth,"full-bleed":e.fullBleed}[(t==null?void 0:t.display)??"default"],p=()=>{if(!o)return null;const n=o.includes("vimeo.com"),f=o.includes("youtube.com")||o.includes("youtu.be");return n||f?s.jsx("div",{style:{maxWidth:(t==null?void 0:t.maxWidth)??"unset",flex:.65},children:s.jsx("div",{className:e.videoWrapper,children:s.jsx("iframe",{src:n?`${o}?autoplay=0&muted=0&loop=0`:`${o}?autoplay=0&mute=0&loop=0}`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):s.jsx("div",{style:{maxWidth:(t==null?void 0:t.maxWidth)??"unset",width:"100%",flex:.65},children:s.jsx("div",{className:e.videoWrapper,children:s.jsx("video",{src:o,controls:!0,poster:(t==null?void 0:t.imageUrl)||void 0})})})};return s.jsx("section",{className:`${m} ${e.content}`,children:s.jsxs("article",{className:`${e.container} ${h}`,style:d||{},children:[s.jsxs("div",{className:`${e.heading} ${v}`,children:[s.jsxs("div",{className:e.titleWrapper,children:[r.eyebrow&&s.jsx(l.RichText,{blocks:r.eyebrow}),r.title&&s.jsx(l.RichText,{className:e.title,blocks:r.title})]}),((r==null?void 0:r.description)||(c==null?void 0:c.items))&&s.jsxs("div",{className:e.text,children:[r.description&&s.jsx(l.RichText,{blocks:r.description}),u&&s.jsx("div",{className:e.metrics,children:u.map(n=>s.jsxs("div",{className:e.metric,children:[s.jsx("div",{className:e.metricValue,children:n.metricValue}),n.metricDescription&&s.jsx(l.RichText,{blocks:n.metricDescription})]},n._key))}),c&&s.jsx(j.CallToActions,{className:e.cta,items:c.items,alignment:c.alignment}),_&&s.jsx(l.RichText,{className:e.disclaimer,blocks:_})]})]}),(i==null?void 0:i.orientation)!=="no-image"&&o?p():(i==null?void 0:i.orientation)!=="no-image"&&t&&t.imageUrl&&s.jsx("div",{className:`${e.image} ${b}`,style:x,children:s.jsx(I,{src:t.imageUrl,alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Content image",width:600,height:400,priority:!0})})]})})}exports.ContentBlock=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index14.css');const s=require("react/jsx-runtime"),l=require("../../ui/PortableTextRenderer/index.cjs"),I=require("../../ui/CallToActions/index.cjs"),V=require("next/image"),W=require("../../hooks/useStyleClasses.cjs"),y="_content_ivubr_1",N="_container_ivubr_7",H="_metrics_ivubr_34",$="_metric_ivubr_34",B="_metricValue_ivubr_50",C="_disclaimer_ivubr_71",k="_layoutHImageRight_ivubr_76",w="_heading_ivubr_80",R="_image_ivubr_85",z="_noImage_ivubr_95",g="_layoutHImageLeft_ivubr_99",T="_layoutVImageTop_ivubr_118",q="_layoutVImageBottom_ivubr_131",L="_title_ivubr_151",S="_text_ivubr_156",D="_cta_ivubr_170",U="_headingHorizontal_ivubr_178",P="_titleWrapper_ivubr_187",F="_headingVertical_ivubr_208",M="_videoWrapper_ivubr_229",Y="_maxWidth_ivubr_257",E="_fullBleed_ivubr_267",e={content:y,container:N,metrics:H,metric:$,metricValue:B,disclaimer:C,layoutHImageRight:k,heading:w,image:R,noImage:z,layoutHImageLeft:g,layoutVImageTop:T,layoutVImageBottom:q,title:L,text:S,cta:D,headingHorizontal:U,titleWrapper:P,headingVertical:F,videoWrapper:M,default:"_default_ivubr_249",maxWidth:Y,fullBleed:E};function G({layout:r,heading:i,image:t,video:o,metrics:u,callToAction:c,disclaimer:_,styleOptions:a}){var m;const x=W.useStyleClasses(a),d={"--container-max-width":(a==null?void 0:a.maxWidth)??"unset","--gap":r==null?void 0:r.gap},h={"--max-width":(t==null?void 0:t.display)==="max-width"?t==null?void 0:t.maxWidth:"unset"},v={"no-image":e.noImage,"horizontal-image-right":e.layoutHImageRight,"horizontal-image-left":e.layoutHImageLeft,"vertical-image-top":e.layoutVImageTop,"vertical-image-bottom":e.layoutVImageBottom}[(r==null?void 0:r.orientation)??"horizontal-image-right"],b={horizontal:e.headingHorizontal,vertical:e.headingVertical}[i.headingLayout??"horizontal"],p={default:e.default,"max-width":e.maxWidth,"full-bleed":e.fullBleed}[(t==null?void 0:t.display)??"default"],f=()=>{if(!o)return null;const n=o.includes("vimeo.com"),j=o.includes("youtube.com")||o.includes("youtu.be");return n||j?s.jsx("div",{style:{maxWidth:(t==null?void 0:t.maxWidth)??"unset",flex:.65},children:s.jsx("div",{className:e.videoWrapper,children:s.jsx("iframe",{src:n?`${o}?autoplay=0&muted=0&loop=0`:`${o}?autoplay=0&mute=0&loop=0}`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):s.jsx("div",{style:{maxWidth:(t==null?void 0:t.maxWidth)??"unset",width:"100%",flex:.65},children:s.jsx("div",{className:e.videoWrapper,children:s.jsx("video",{src:o,controls:!0,poster:(t==null?void 0:t.imageUrl)||void 0})})})};return s.jsx("section",{className:`${x} ${e.content}`,children:s.jsxs("article",{className:`${e.container} ${v}`,style:d||{},children:[s.jsxs("div",{className:`${e.heading} ${b}`,children:[s.jsxs("div",{className:e.titleWrapper,children:[i.eyebrow&&s.jsx(l.RichText,{blocks:i.eyebrow}),i.title&&s.jsx(l.RichText,{className:e.title,blocks:i.title})]}),((i==null?void 0:i.description)||(c==null?void 0:c.items))&&s.jsxs("div",{className:e.text,children:[i.description&&s.jsx(l.RichText,{blocks:i.description}),u&&s.jsx("div",{className:e.metrics,children:u.map(n=>s.jsxs("div",{className:e.metric,children:[s.jsx("div",{className:e.metricValue,children:n.metricValue}),n.metricDescription&&s.jsx(l.RichText,{blocks:n.metricDescription})]},n._key))}),c&&s.jsx(I.CallToActions,{className:e.cta,items:c.items,alignment:c.alignment}),_&&s.jsx(l.RichText,{className:e.disclaimer,blocks:_})]})]}),(r==null?void 0:r.orientation)!=="no-image"&&o?f():(r==null?void 0:r.orientation)!=="no-image"&&t&&t.imageUrls&&s.jsx("div",{className:`${e.image} ${p}`,style:h,children:s.jsx(V,{src:(m=t==null?void 0:t.imageUrls)==null?void 0:m.small,alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Content image",width:600,height:400,priority:!0})})]})})}exports.ContentBlock=G;

package/dist/next/blocks/ContentBlock/index.mjs

@@ -1,68 +1,69 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { RichText as c } from "../../ui/PortableTextRenderer/index.mjs";
-import { CallToActions as V } from "../../ui/CallToActions/index.mjs";
-import W from "next/image";
-import { useStyleClasses as N } from "../../hooks/useStyleClasses.mjs";
-import '../../../assets/index14.css';const y = "_content_ivubr_1", H = "_container_ivubr_7", g = "_metrics_ivubr_34", w = "_metric_ivubr_34", B = "_metricValue_ivubr_50", $ = "_disclaimer_ivubr_71", z = "_layoutHImageRight_ivubr_76", k = "_heading_ivubr_80", C = "_image_ivubr_85", L = "_noImage_ivubr_95", R = "_layoutHImageLeft_ivubr_99", D = "_layoutVImageTop_ivubr_118", U = "_layoutVImageBottom_ivubr_131", j = "_title_ivubr_151", S = "_text_ivubr_156", F = "_cta_ivubr_170", T = "_headingHorizontal_ivubr_178", Y = "_titleWrapper_ivubr_187", q = "_headingVertical_ivubr_208", E = "_videoWrapper_ivubr_229", G = "_maxWidth_ivubr_257", J = "_fullBleed_ivubr_267", e = {
-  content: y,
-  container: H,
-  metrics: g,
-  metric: w,
-  metricValue: B,
-  disclaimer: $,
-  layoutHImageRight: z,
-  heading: k,
-  image: C,
-  noImage: L,
-  layoutHImageLeft: R,
-  layoutVImageTop: D,
-  layoutVImageBottom: U,
-  title: j,
-  text: S,
-  cta: F,
-  headingHorizontal: T,
-  titleWrapper: Y,
-  headingVertical: q,
-  videoWrapper: E,
+import { CallToActions as W } from "../../ui/CallToActions/index.mjs";
+import N from "next/image";
+import { useStyleClasses as y } from "../../hooks/useStyleClasses.mjs";
+import '../../../assets/index14.css';const H = "_content_ivubr_1", w = "_container_ivubr_7", B = "_metrics_ivubr_34", $ = "_metric_ivubr_34", z = "_metricValue_ivubr_50", k = "_disclaimer_ivubr_71", C = "_layoutHImageRight_ivubr_76", g = "_heading_ivubr_80", L = "_image_ivubr_85", R = "_noImage_ivubr_95", D = "_layoutHImageLeft_ivubr_99", U = "_layoutVImageTop_ivubr_118", j = "_layoutVImageBottom_ivubr_131", S = "_title_ivubr_151", F = "_text_ivubr_156", T = "_cta_ivubr_170", Y = "_headingHorizontal_ivubr_178", q = "_titleWrapper_ivubr_187", E = "_headingVertical_ivubr_208", G = "_videoWrapper_ivubr_229", J = "_maxWidth_ivubr_257", K = "_fullBleed_ivubr_267", e = {
+  content: H,
+  container: w,
+  metrics: B,
+  metric: $,
+  metricValue: z,
+  disclaimer: k,
+  layoutHImageRight: C,
+  heading: g,
+  image: L,
+  noImage: R,
+  layoutHImageLeft: D,
+  layoutVImageTop: U,
+  layoutVImageBottom: j,
+  title: S,
+  text: F,
+  cta: T,
+  headingHorizontal: Y,
+  titleWrapper: q,
+  headingVertical: E,
+  videoWrapper: G,
   default: "_default_ivubr_249",
-  maxWidth: G,
-  fullBleed: J
+  maxWidth: J,
+  fullBleed: K
 };
-function Z({
+function O({
   layout: i,
   heading: o,
   image: t,
   video: s,
-  metrics: m,
-  callToAction: l,
-  disclaimer: u,
+  metrics: u,
+  callToAction: a,
+  disclaimer: d,
   styleOptions: _
 }) {
-  const h = N(_), d = {
+  var h;
+  const p = y(_), m = {
     "--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
     "--gap": i == null ? void 0 : i.gap
-  }, p = {
-    "--max-width": (t == null ? void 0 : t.display) === "max-width" ? t == null ? void 0 : t.maxWidth : "unset"
   }, v = {
+    "--max-width": (t == null ? void 0 : t.display) === "max-width" ? t == null ? void 0 : t.maxWidth : "unset"
+  }, b = {
     "no-image": e.noImage,
     "horizontal-image-right": e.layoutHImageRight,
     "horizontal-image-left": e.layoutHImageLeft,
     "vertical-image-top": e.layoutVImageTop,
     "vertical-image-bottom": e.layoutVImageBottom
-  }[(i == null ? void 0 : i.orientation) ?? "horizontal-image-right"], b = {
+  }[(i == null ? void 0 : i.orientation) ?? "horizontal-image-right"], f = {
     horizontal: e.headingHorizontal,
     vertical: e.headingVertical
-  }[o.headingLayout ?? "horizontal"], f = {
+  }[o.headingLayout ?? "horizontal"], x = {
     default: e.default,
     "max-width": e.maxWidth,
     "full-bleed": e.fullBleed
-  }[(t == null ? void 0 : t.display) ?? "default"], x = () => {
+  }[(t == null ? void 0 : t.display) ?? "default"], I = () => {
     if (!s) return null;
-    const a = s.includes("vimeo.com"), I = s.includes("youtube.com") || s.includes("youtu.be");
-    return a || I ? /* @__PURE__ */ r("div", { style: { maxWidth: (t == null ? void 0 : t.maxWidth) ?? "unset", flex: 0.65 }, children: /* @__PURE__ */ r("div", { className: e.videoWrapper, children: /* @__PURE__ */ r(
+    const l = s.includes("vimeo.com"), V = s.includes("youtube.com") || s.includes("youtu.be");
+    return l || V ? /* @__PURE__ */ r("div", { style: { maxWidth: (t == null ? void 0 : t.maxWidth) ?? "unset", flex: 0.65 }, children: /* @__PURE__ */ r("div", { className: e.videoWrapper, children: /* @__PURE__ */ r(
       "iframe",
       {
-        src: a ? `${s}?autoplay=0&muted=0&loop=0` : `${s}?autoplay=0&mute=0&loop=0}`,
+        src: l ? `${s}?autoplay=0&muted=0&loop=0` : `${s}?autoplay=0&mute=0&loop=0}`,
         allow: "autoplay; fullscreen",
         allowFullScreen: !0
       }
@@ -78,43 +79,43 @@ function Z({
       }
     );
   };
-  return /* @__PURE__ */ r("section", { className: `${h} ${e.content}`, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ r("section", { className: `${p} ${e.content}`, children: /* @__PURE__ */ n(
     "article",
     {
-      className: `${e.container} ${v}`,
-      style: d || {},
+      className: `${e.container} ${b}`,
+      style: m || {},
       children: [
-        /* @__PURE__ */ n("div", { className: `${e.heading} ${b}`, children: [
+        /* @__PURE__ */ n("div", { className: `${e.heading} ${f}`, children: [
           /* @__PURE__ */ n("div", { className: e.titleWrapper, children: [
             o.eyebrow && /* @__PURE__ */ r(c, { blocks: o.eyebrow }),
             o.title && /* @__PURE__ */ r(c, { className: e.title, blocks: o.title })
           ] }),
-          ((o == null ? void 0 : o.description) || (l == null ? void 0 : l.items)) && /* @__PURE__ */ n("div", { className: e.text, children: [
+          ((o == null ? void 0 : o.description) || (a == null ? void 0 : a.items)) && /* @__PURE__ */ n("div", { className: e.text, children: [
             o.description && /* @__PURE__ */ r(c, { blocks: o.description }),
-            m && /* @__PURE__ */ r("div", { className: e.metrics, children: m.map((a) => /* @__PURE__ */ n("div", { className: e.metric, children: [
-              /* @__PURE__ */ r("div", { className: e.metricValue, children: a.metricValue }),
-              a.metricDescription && /* @__PURE__ */ r(c, { blocks: a.metricDescription })
-            ] }, a._key)) }),
-            l && /* @__PURE__ */ r(
-              V,
+            u && /* @__PURE__ */ r("div", { className: e.metrics, children: u.map((l) => /* @__PURE__ */ n("div", { className: e.metric, children: [
+              /* @__PURE__ */ r("div", { className: e.metricValue, children: l.metricValue }),
+              l.metricDescription && /* @__PURE__ */ r(c, { blocks: l.metricDescription })
+            ] }, l._key)) }),
+            a && /* @__PURE__ */ r(
+              W,
               {
                 className: e.cta,
-                items: l.items,
-                alignment: l.alignment
+                items: a.items,
+                alignment: a.alignment
               }
             ),
-            u && /* @__PURE__ */ r(c, { className: e.disclaimer, blocks: u })
+            d && /* @__PURE__ */ r(c, { className: e.disclaimer, blocks: d })
           ] })
         ] }),
-        (i == null ? void 0 : i.orientation) !== "no-image" && s ? x() : (i == null ? void 0 : i.orientation) !== "no-image" && t && t.imageUrl && /* @__PURE__ */ r(
+        (i == null ? void 0 : i.orientation) !== "no-image" && s ? I() : (i == null ? void 0 : i.orientation) !== "no-image" && t && t.imageUrls && /* @__PURE__ */ r(
           "div",
           {
-            className: `${e.image} ${f}`,
-            style: p,
+            className: `${e.image} ${x}`,
+            style: v,
             children: /* @__PURE__ */ r(
-              W,
+              N,
               {
-                src: t.imageUrl,
+                src: (h = t == null ? void 0 : t.imageUrls) == null ? void 0 : h.small,
                 alt: (t == null ? void 0 : t.asset.altText) || (t == null ? void 0 : t.asset.description) || "Content image",
                 width: 600,
                 height: 400,
@@ -128,5 +129,5 @@ function Z({
   ) });
 }
 export {
-  Z as ContentBlock
+  O as ContentBlock
 };

package/dist/next/blocks/HeroBlock/index.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index67.css');const e=require("react/jsx-runtime"),b=require("react"),U=require("./HeroContext.cjs"),c=require("../../ui/PortableTextRenderer/index.cjs"),p=require("../../ui/CallToActions/index.cjs"),k=require("next/image"),N=require("../../ui/LocaleLink/index.cjs"),H=require("../../hooks/usePrefersReducedMotion.cjs"),S=require("../../../createLucideIcon-DpotSgUx.cjs"),W=require("../../../play-CQBnZgNa.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index67.css');const e=require("react/jsx-runtime"),p=require("react"),W=require("./HeroContext.cjs"),c=require("../../ui/PortableTextRenderer/index.cjs"),m=require("../../ui/CallToActions/index.cjs"),f=require("next/image"),N=require("../../ui/LocaleLink/index.cjs"),E=require("../../hooks/usePrefersReducedMotion.cjs"),M=require("../../../createLucideIcon-DpotSgUx.cjs"),V=require("../../../play-CQBnZgNa.cjs");/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const z=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],E=S.createLucideIcon("pause",z),M="_hero_vho5i_1",V="_container_vho5i_7",Y="_eyebrow_vho5i_24",g="_disclaimer_vho5i_28",G="_text_vho5i_33",J="_articleDetails_vho5i_40",K="_articleType_vho5i_53",Q="_articleCategories_vho5i_67",X="_category_vho5i_73",Z="_number_vho5i_89",A="_blog_vho5i_116",D="_overlay_vho5i_140",O="_fullBleed_vho5i_210",ee="_split_vho5i_304",se="_image_vho5i_309",te="_videoControl_vho5i_332",re="_videoWrapper_vho5i_353",le="_videoBackground_vho5i_373",oe="_iframe_vho5i_374",s={hero:M,container:V,eyebrow:Y,disclaimer:g,text:G,articleDetails:J,articleType:K,articleCategories:Q,category:X,number:Z,default:"_default_vho5i_112",blog:A,overlay:D,fullBleed:O,split:ee,image:se,videoControl:te,videoWrapper:re,videoBackground:le,iframe:oe};function ce({heading:l,image:t,video:r,callToAction:i,pageData:a,styleOptions:u}){var L,P,q;const d=H.usePrefersReducedMotion(),[C,R]=b.useState(!d),{setIsFullbleedHeroAtTop:$}=U.useHeroContext(),_=b.useRef(null),h=(u==null?void 0:u.layout)??"default",F=((L=u==null?void 0:u.padding)==null?void 0:L.join(" "))??"",f={default:s.default,split:s.split,"full-bleed":s.fullBleed,blog:s.blog}[h],T=((P=a==null?void 0:a.categories)==null?void 0:P.filter(o=>{var n,y;return!((y=(n=o.slug)==null?void 0:n.current)!=null&&y.startsWith("library/type"))}))??[],m=T[0]??null,x=T[1]??null,j=((q=a==null?void 0:a.categories)==null?void 0:q.find(o=>{var n,y;return(y=(n=o.slug)==null?void 0:n.current)==null?void 0:y.startsWith("library/type")}))??null;b.useEffect(()=>{const o=()=>{$(window.scrollY===0)};if(h==="full-bleed"&&typeof window<"u")return $(!0),window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[h]),b.useEffect(()=>{const o=_.current;o&&(d?o.pause():o.play())},[d]);const v=()=>e.jsx("button",{title:`${C?"Pause the video":"Play the video"}`,className:s.videoControl,onClick:()=>{const o=_.current;o&&(o.paused?(o.play().catch(()=>{}),R(!0)):(o.pause(),R(!1)))},children:C?e.jsx(E,{size:18}):e.jsx(W.Play,{size:18})}),B=()=>{if(!r)return null;const o=r.includes("vimeo.com"),n=r.includes("youtube.com")||r.includes("youtu.be");return o||n?e.jsx("div",{className:s.videoWrapper,children:e.jsx("iframe",{src:o?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${w(r)}`,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs("div",{className:s.videoWrapper,children:[e.jsx(v,{}),e.jsx("video",{ref:_,src:r,autoPlay:!d,loop:!0,muted:!0,playsInline:!0,poster:(t==null?void 0:t.imageUrl)||void 0,preload:"metadata"})]})};function w(o){const n=o.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);return(n==null?void 0:n[1])||""}const I=()=>t&&t.imageUrl?e.jsx("div",{className:s.image,children:e.jsx(k,{src:t.imageUrl,alt:t.asset.altText||t.asset.description||"Hero image",width:600,height:658,priority:!0})}):null;switch(h){case"split":return e.jsx("section",{className:`${s.hero} ${s.split}`,children:e.jsxs("article",{className:`${F} ${s.container}`,children:[e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[l.eyebrow&&e.jsx(c.RichText,{className:s.eyebrow,blocks:l.eyebrow}),e.jsx(c.RichText,{blocks:l.title})]}),l.description&&e.jsx(c.RichText,{blocks:l.description}),i&&e.jsx(p.CallToActions,{items:i.items,alignment:i.alignment}),l.disclaimer&&e.jsx(c.RichText,{className:s.disclaimer,blocks:l.disclaimer})]}),r?e.jsx(B,{}):e.jsx(I,{})]})});case"default":return e.jsx("section",{className:`${s.hero} ${f}`,children:e.jsxs("article",{className:s.container,children:[r?e.jsx(B,{}):e.jsx(I,{}),e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[l.eyebrow&&e.jsx(c.RichText,{className:s.eyebrow,blocks:l.eyebrow}),e.jsx(c.RichText,{blocks:l.title})]}),l.description&&e.jsx(c.RichText,{blocks:l.description}),i&&e.jsx(p.CallToActions,{items:i.items,alignment:i.alignment})]})]})});case"full-bleed":return e.jsx("section",{className:`${s.hero} ${f} heroFullBleed`,children:e.jsxs("article",{className:s.container,children:[r?r.includes("vimeo.com")||r.includes("youtube.com")||r.includes("youtu.be")?e.jsx("div",{className:s.videoBackground,children:e.jsx("iframe",{src:r.includes("vimeo.com")?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${w(r)}`,className:s.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(v,{}),e.jsx("video",{ref:_,className:s.videoBackground,src:r,autoPlay:!d,loop:!0,muted:!0,playsInline:!0,poster:(t==null?void 0:t.imageUrl)||void 0})]}):e.jsx(k,{src:(t==null?void 0:t.imageUrl)??"",alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Card image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[l.eyebrow&&e.jsx(c.RichText,{className:s.eyebrow,blocks:l.eyebrow}),e.jsx(c.RichText,{blocks:l.title})]}),l.description&&e.jsx(c.RichText,{blocks:l.description}),i&&e.jsx(p.CallToActions,{items:i.items,alignment:i.alignment})]})})]})});case"blog":return e.jsx("section",{className:`${s.hero} ${f}`,children:e.jsxs("article",{className:s.container,children:[r?r.includes("vimeo.com")||r.includes("youtube.com")||r.includes("youtu.be")?e.jsx("div",{className:s.videoBackground,children:e.jsx("iframe",{src:r.includes("vimeo.com")?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${w(r)}`,className:s.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(v,{}),e.jsx("video",{ref:_,className:s.videoBackground,src:r,autoPlay:!d,loop:!0,muted:!0,playsInline:!0,poster:(t==null?void 0:t.imageUrl)||void 0})]}):e.jsx(k,{src:(t==null?void 0:t.imageUrl)??"",alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Card image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[l.eyebrow&&e.jsx(c.RichText,{className:s.eyebrow,blocks:l.eyebrow}),a&&e.jsxs("div",{className:s.articleDetails,children:[j&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(j._id)}`,className:s.articleType,children:j.title},j._id),e.jsxs("div",{className:s.articleCategories,children:[m&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(m._id)}`,className:s.category,children:m.title},m._id),x&&x.title.toLowerCase()!=="library"&&!x.slug.current.includes("keywords")&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(x._id)}`,className:s.category,children:x.title},x._id)]}),a.timeToRead&&e.jsx(e.Fragment,{children:e.jsxs("span",{children:[e.jsx("span",{className:s.number,children:a.timeToRead}),"min read"]})})]}),e.jsx(c.RichText,{blocks:l.title})]}),l.description&&e.jsx(c.RichText,{blocks:l.description}),i&&e.jsx(p.CallToActions,{items:i.items,alignment:i.alignment})]})})]})})}}exports.HeroBlock=ce;
+ */const Y=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],G=M.createLucideIcon("pause",Y),J="_hero_vho5i_1",K="_container_vho5i_7",Q="_eyebrow_vho5i_24",X="_disclaimer_vho5i_28",Z="_text_vho5i_33",g="_articleDetails_vho5i_40",A="_articleType_vho5i_53",D="_articleCategories_vho5i_67",O="_category_vho5i_73",ee="_number_vho5i_89",se="_blog_vho5i_116",te="_overlay_vho5i_140",re="_fullBleed_vho5i_210",le="_split_vho5i_304",oe="_image_vho5i_309",ce="_videoControl_vho5i_332",ie="_videoWrapper_vho5i_353",ne="_videoBackground_vho5i_373",ae="_iframe_vho5i_374",t={hero:J,container:K,eyebrow:Q,disclaimer:X,text:Z,articleDetails:g,articleType:A,articleCategories:D,category:O,number:ee,default:"_default_vho5i_112",blog:se,overlay:te,fullBleed:re,split:le,image:oe,videoControl:ce,videoWrapper:ie,videoBackground:ne,iframe:ae};function ue({heading:o,image:s,video:r,callToAction:i,pageData:a,styleOptions:d}){var L,P,q,F,U,H,z;const x=E.usePrefersReducedMotion(),[C,R]=p.useState(!x),{setIsFullbleedHeroAtTop:$}=W.useHeroContext(),h=p.useRef(null),y=(d==null?void 0:d.layout)??"default",S=((L=d==null?void 0:d.padding)==null?void 0:L.join(" "))??"",v={default:t.default,split:t.split,"full-bleed":t.fullBleed,blog:t.blog}[y],T=((P=a==null?void 0:a.categories)==null?void 0:P.filter(l=>{var n,u;return!((u=(n=l.slug)==null?void 0:n.current)!=null&&u.startsWith("library/type"))}))??[],j=T[0]??null,_=T[1]??null,b=((q=a==null?void 0:a.categories)==null?void 0:q.find(l=>{var n,u;return(u=(n=l.slug)==null?void 0:n.current)==null?void 0:u.startsWith("library/type")}))??null;p.useEffect(()=>{const l=()=>{$(window.scrollY===0)};if(y==="full-bleed"&&typeof window<"u")return $(!0),window.addEventListener("scroll",l),()=>window.removeEventListener("scroll",l)},[y]),p.useEffect(()=>{const l=h.current;l&&(x?l.pause():l.play())},[x]);const w=()=>e.jsx("button",{title:`${C?"Pause the video":"Play the video"}`,className:t.videoControl,onClick:()=>{const l=h.current;l&&(l.paused?(l.play().catch(()=>{}),R(!0)):(l.pause(),R(!1)))},children:C?e.jsx(G,{size:18}):e.jsx(V.Play,{size:18})}),B=()=>{var u;if(!r)return null;const l=r.includes("vimeo.com"),n=r.includes("youtube.com")||r.includes("youtu.be");return l||n?e.jsx("div",{className:t.videoWrapper,children:e.jsx("iframe",{src:l?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${k(r)}`,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs("div",{className:t.videoWrapper,children:[e.jsx(w,{}),e.jsx("video",{ref:h,src:r,autoPlay:!x,loop:!0,muted:!0,playsInline:!0,poster:((u=s==null?void 0:s.imageUrls)==null?void 0:u.large)||void 0,preload:"metadata"})]})};function k(l){const n=l.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);return(n==null?void 0:n[1])||""}const I=()=>{var l;return s&&s.imageUrls?e.jsx("div",{className:t.image,children:y==="blog"||y==="full-bleed"?e.jsx(f,{src:(l=s==null?void 0:s.imageUrls)==null?void 0:l.large,alt:(s==null?void 0:s.asset.altText)||(s==null?void 0:s.asset.description)||"Hero image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):e.jsx(f,{src:s.imageUrls.small,alt:s.asset.altText||s.asset.description||"Hero image",width:650,height:750,priority:!0})}):null};switch(y){case"split":return e.jsx("section",{className:`${t.hero} ${t.split}`,children:e.jsxs("article",{className:`${S} ${t.container}`,children:[e.jsxs("div",{className:t.text,children:[e.jsxs("div",{children:[o.eyebrow&&e.jsx(c.RichText,{className:t.eyebrow,blocks:o.eyebrow}),e.jsx(c.RichText,{blocks:o.title})]}),o.description&&e.jsx(c.RichText,{blocks:o.description}),i&&e.jsx(m.CallToActions,{items:i.items,alignment:i.alignment}),o.disclaimer&&e.jsx(c.RichText,{className:t.disclaimer,blocks:o.disclaimer})]}),r?e.jsx(B,{}):e.jsx(I,{})]})});case"default":return e.jsx("section",{className:`${t.hero} ${v}`,children:e.jsxs("article",{className:t.container,children:[r?e.jsx(B,{}):e.jsx(I,{}),e.jsxs("div",{className:t.text,children:[e.jsxs("div",{children:[o.eyebrow&&e.jsx(c.RichText,{className:t.eyebrow,blocks:o.eyebrow}),e.jsx(c.RichText,{blocks:o.title})]}),o.description&&e.jsx(c.RichText,{blocks:o.description}),i&&e.jsx(m.CallToActions,{items:i.items,alignment:i.alignment})]})]})});case"full-bleed":return e.jsx("section",{className:`${t.hero} ${v} heroFullBleed`,children:e.jsxs("article",{className:t.container,children:[r?r.includes("vimeo.com")||r.includes("youtube.com")||r.includes("youtu.be")?e.jsx("div",{className:t.videoBackground,children:e.jsx("iframe",{src:r.includes("vimeo.com")?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${k(r)}`,className:t.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx("video",{ref:h,className:t.videoBackground,src:r,autoPlay:!x,loop:!0,muted:!0,playsInline:!0,poster:((F=s==null?void 0:s.imageUrls)==null?void 0:F.large)||void 0})]}):e.jsx(f,{src:((U=s==null?void 0:s.imageUrls)==null?void 0:U.small)??"",alt:(s==null?void 0:s.asset.altText)||(s==null?void 0:s.asset.description)||"Card image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:t.overlay,children:e.jsxs("div",{className:t.text,children:[e.jsxs("div",{children:[o.eyebrow&&e.jsx(c.RichText,{className:t.eyebrow,blocks:o.eyebrow}),e.jsx(c.RichText,{blocks:o.title})]}),o.description&&e.jsx(c.RichText,{blocks:o.description}),i&&e.jsx(m.CallToActions,{items:i.items,alignment:i.alignment})]})})]})});case"blog":return e.jsx("section",{className:`${t.hero} ${v}`,children:e.jsxs("article",{className:t.container,children:[r?r.includes("vimeo.com")||r.includes("youtube.com")||r.includes("youtu.be")?e.jsx("div",{className:t.videoBackground,children:e.jsx("iframe",{src:r.includes("vimeo.com")?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${k(r)}`,className:t.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx("video",{ref:h,className:t.videoBackground,src:r,autoPlay:!x,loop:!0,muted:!0,playsInline:!0,poster:((H=s==null?void 0:s.imageUrls)==null?void 0:H.large)||void 0})]}):e.jsx(f,{src:((z=s==null?void 0:s.imageUrls)==null?void 0:z.large)??"",alt:(s==null?void 0:s.asset.altText)||(s==null?void 0:s.asset.description)||"Card image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:t.overlay,children:e.jsxs("div",{className:t.text,children:[e.jsxs("div",{children:[o.eyebrow&&e.jsx(c.RichText,{className:t.eyebrow,blocks:o.eyebrow}),a&&e.jsxs("div",{className:t.articleDetails,children:[b&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(b._id)}`,className:t.articleType,children:b.title},b._id),e.jsxs("div",{className:t.articleCategories,children:[j&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(j._id)}`,className:t.category,children:j.title},j._id),_&&_.title.toLowerCase()!=="library"&&!_.slug.current.includes("keywords")&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(_._id)}`,className:t.category,children:_.title},_._id)]}),a.timeToRead&&e.jsx(e.Fragment,{children:e.jsxs("span",{children:[e.jsx("span",{className:t.number,children:a.timeToRead}),"min read"]})})]}),e.jsx(c.RichText,{blocks:o.title})]}),o.description&&e.jsx(c.RichText,{blocks:o.description}),i&&e.jsx(m.CallToActions,{items:i.items,alignment:i.alignment})]})})]})})}}exports.HeroBlock=ue;

package/dist/next/blocks/HeroBlock/index.mjs

@@ -1,149 +1,164 @@
-import { jsx as e, jsxs as c, Fragment as x } from "react/jsx-runtime";
-import { useState as H, useRef as T, useEffect as j } from "react";
-import { useHeroContext as V } from "./HeroContext.mjs";
+import { jsx as e, jsxs as c, Fragment as C } from "react/jsx-runtime";
+import { useState as Y, useRef as M, useEffect as V } from "react";
+import { useHeroContext as q } from "./HeroContext.mjs";
 import { RichText as i } from "../../ui/PortableTextRenderer/index.mjs";
 import { CallToActions as v } from "../../ui/CallToActions/index.mjs";
-import C from "next/image";
+import w from "next/image";
 import { LocaleLink as $ } from "../../ui/LocaleLink/index.mjs";
-import { usePrefersReducedMotion as E } from "../../hooks/usePrefersReducedMotion.mjs";
-import { c as Y } from "../../../createLucideIcon-C8GTh_Qx.js";
-import { P as M } from "../../../play-DYgKiSaf.js";
+import { usePrefersReducedMotion as G } from "../../hooks/usePrefersReducedMotion.mjs";
+import { c as J } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { P as K } from "../../../play-DYgKiSaf.js";
 import '../../../assets/index67.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const q = [
+const Q = [
   ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
   ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
-], G = Y("pause", q), J = "_hero_vho5i_1", K = "_container_vho5i_7", Q = "_eyebrow_vho5i_24", X = "_disclaimer_vho5i_28", Z = "_text_vho5i_33", g = "_articleDetails_vho5i_40", D = "_articleType_vho5i_53", A = "_articleCategories_vho5i_67", O = "_category_vho5i_73", ee = "_number_vho5i_89", re = "_blog_vho5i_116", le = "_overlay_vho5i_140", oe = "_fullBleed_vho5i_210", te = "_split_vho5i_304", se = "_image_vho5i_309", ce = "_videoControl_vho5i_332", ie = "_videoWrapper_vho5i_353", ne = "_videoBackground_vho5i_373", ae = "_iframe_vho5i_374", r = {
-  hero: J,
-  container: K,
-  eyebrow: Q,
-  disclaimer: X,
-  text: Z,
-  articleDetails: g,
-  articleType: D,
-  articleCategories: A,
-  category: O,
-  number: ee,
+], X = J("pause", Q), Z = "_hero_vho5i_1", D = "_container_vho5i_7", g = "_eyebrow_vho5i_24", A = "_disclaimer_vho5i_28", O = "_text_vho5i_33", ee = "_articleDetails_vho5i_40", re = "_articleType_vho5i_53", le = "_articleCategories_vho5i_67", te = "_category_vho5i_73", oe = "_number_vho5i_89", se = "_blog_vho5i_116", ce = "_overlay_vho5i_140", ie = "_fullBleed_vho5i_210", ne = "_split_vho5i_304", ae = "_image_vho5i_309", ue = "_videoControl_vho5i_332", de = "_videoWrapper_vho5i_353", me = "_videoBackground_vho5i_373", pe = "_iframe_vho5i_374", l = {
+  hero: Z,
+  container: D,
+  eyebrow: g,
+  disclaimer: A,
+  text: O,
+  articleDetails: ee,
+  articleType: re,
+  articleCategories: le,
+  category: te,
+  number: oe,
   default: "_default_vho5i_112",
-  blog: re,
-  overlay: le,
-  fullBleed: oe,
-  split: te,
-  image: se,
-  videoControl: ce,
-  videoWrapper: ie,
-  videoBackground: ne,
-  iframe: ae
+  blog: se,
+  overlay: ce,
+  fullBleed: ie,
+  split: ne,
+  image: ae,
+  videoControl: ue,
+  videoWrapper: de,
+  videoBackground: me,
+  iframe: pe
 };
-function we({
-  heading: t,
-  image: l,
-  video: o,
+function Ce({
+  heading: s,
+  image: r,
+  video: t,
   callToAction: n,
   pageData: u,
-  styleOptions: d
+  styleOptions: m
 }) {
-  var W, z, L;
-  const m = E(), [B, I] = H(!m), { setIsFullbleedHeroAtTop: P } = V(), p = T(null), b = (d == null ? void 0 : d.layout) ?? "default", S = ((W = d == null ? void 0 : d.padding) == null ? void 0 : W.join(" ")) ?? "", w = {
-    default: r.default,
-    split: r.split,
-    "full-bleed": r.fullBleed,
-    blog: r.blog
-  }[b], R = ((z = u == null ? void 0 : u.categories) == null ? void 0 : z.filter(
-    (s) => {
-      var a, _;
-      return !((_ = (a = s.slug) == null ? void 0 : a.current) != null && _.startsWith("library/type"));
+  var z, W, j, L, H, S, T;
+  const p = G(), [B, I] = Y(!p), { setIsFullbleedHeroAtTop: P } = q(), f = M(null), y = (m == null ? void 0 : m.layout) ?? "default", E = ((z = m == null ? void 0 : m.padding) == null ? void 0 : z.join(" ")) ?? "", N = {
+    default: l.default,
+    split: l.split,
+    "full-bleed": l.fullBleed,
+    blog: l.blog
+  }[y], U = ((W = u == null ? void 0 : u.categories) == null ? void 0 : W.filter(
+    (o) => {
+      var a, d;
+      return !((d = (a = o.slug) == null ? void 0 : a.current) != null && d.startsWith("library/type"));
     }
-  )) ?? [], f = R[0] ?? null, y = R[1] ?? null, h = ((L = u == null ? void 0 : u.categories) == null ? void 0 : L.find(
-    (s) => {
-      var a, _;
-      return (_ = (a = s.slug) == null ? void 0 : a.current) == null ? void 0 : _.startsWith("library/type");
+  )) ?? [], _ = U[0] ?? null, b = U[1] ?? null, h = ((j = u == null ? void 0 : u.categories) == null ? void 0 : j.find(
+    (o) => {
+      var a, d;
+      return (d = (a = o.slug) == null ? void 0 : a.current) == null ? void 0 : d.startsWith("library/type");
     }
   )) ?? null;
-  j(() => {
-    const s = () => {
+  V(() => {
+    const o = () => {
       P(window.scrollY === 0);
     };
-    if (b === "full-bleed" && typeof window < "u")
-      return P(!0), window.addEventListener("scroll", s), () => window.removeEventListener("scroll", s);
-  }, [b]), j(() => {
-    const s = p.current;
-    s && (m ? s.pause() : s.play());
-  }, [m]);
-  const N = () => /* @__PURE__ */ e(
+    if (y === "full-bleed" && typeof window < "u")
+      return P(!0), window.addEventListener("scroll", o), () => window.removeEventListener("scroll", o);
+  }, [y]), V(() => {
+    const o = f.current;
+    o && (p ? o.pause() : o.play());
+  }, [p]);
+  const k = () => /* @__PURE__ */ e(
     "button",
     {
       title: `${B ? "Pause the video" : "Play the video"}`,
-      className: r.videoControl,
+      className: l.videoControl,
       onClick: () => {
-        const s = p.current;
-        s && (s.paused ? (s.play().catch(() => {
-        }), I(!0)) : (s.pause(), I(!1)));
+        const o = f.current;
+        o && (o.paused ? (o.play().catch(() => {
+        }), I(!0)) : (o.pause(), I(!1)));
       },
-      children: B ? /* @__PURE__ */ e(G, { size: 18 }) : /* @__PURE__ */ e(M, { size: 18 })
+      children: B ? /* @__PURE__ */ e(X, { size: 18 }) : /* @__PURE__ */ e(K, { size: 18 })
     }
-  ), U = () => {
-    if (!o) return null;
-    const s = o.includes("vimeo.com"), a = o.includes("youtube.com") || o.includes("youtu.be");
-    return s || a ? /* @__PURE__ */ e("div", { className: r.videoWrapper, children: /* @__PURE__ */ e(
+  ), R = () => {
+    var d;
+    if (!t) return null;
+    const o = t.includes("vimeo.com"), a = t.includes("youtube.com") || t.includes("youtu.be");
+    return o || a ? /* @__PURE__ */ e("div", { className: l.videoWrapper, children: /* @__PURE__ */ e(
       "iframe",
       {
-        src: s ? `${o}?autoplay=1&muted=1&loop=1&background=1` : `${o}?autoplay=1&mute=1&loop=1&playlist=${k(
-          o
+        src: o ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${x(
+          t
         )}`,
         allow: "autoplay; fullscreen",
         allowFullScreen: !0
       }
-    ) }) : /* @__PURE__ */ c("div", { className: r.videoWrapper, children: [
-      /* @__PURE__ */ e(N, {}),
+    ) }) : /* @__PURE__ */ c("div", { className: l.videoWrapper, children: [
+      /* @__PURE__ */ e(k, {}),
       /* @__PURE__ */ e(
         "video",
         {
-          ref: p,
-          src: o,
-          autoPlay: !m,
+          ref: f,
+          src: t,
+          autoPlay: !p,
           loop: !0,
           muted: !0,
           playsInline: !0,
-          poster: (l == null ? void 0 : l.imageUrl) || void 0,
+          poster: ((d = r == null ? void 0 : r.imageUrls) == null ? void 0 : d.large) || void 0,
           preload: "metadata"
         }
       )
     ] });
   };
-  function k(s) {
-    const a = s.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
+  function x(o) {
+    const a = o.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
     return (a == null ? void 0 : a[1]) || "";
   }
-  const F = () => l && l.imageUrl ? /* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e(
-    C,
-    {
-      src: l.imageUrl,
-      alt: l.asset.altText || l.asset.description || "Hero image",
-      width: 600,
-      height: 658,
-      priority: !0
-    }
-  ) }) : null;
-  switch (b) {
+  const F = () => {
+    var o;
+    return r && r.imageUrls ? /* @__PURE__ */ e("div", { className: l.image, children: y === "blog" || y === "full-bleed" ? /* @__PURE__ */ e(
+      w,
+      {
+        src: (o = r == null ? void 0 : r.imageUrls) == null ? void 0 : o.large,
+        alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Hero image",
+        fill: !0,
+        priority: !0,
+        style: { objectFit: "cover" },
+        draggable: !1,
+        sizes: "(max-width: 767px) 600px, 1200px"
+      }
+    ) : /* @__PURE__ */ e(
+      w,
+      {
+        src: r.imageUrls.small,
+        alt: r.asset.altText || r.asset.description || "Hero image",
+        width: 650,
+        height: 750,
+        priority: !0
+      }
+    ) }) : null;
+  };
+  switch (y) {
     case "split":
-      return /* @__PURE__ */ e("section", { className: `${r.hero} ${r.split}`, children: /* @__PURE__ */ c("article", { className: `${S} ${r.container}`, children: [
-        /* @__PURE__ */ c("div", { className: r.text, children: [
+      return /* @__PURE__ */ e("section", { className: `${l.hero} ${l.split}`, children: /* @__PURE__ */ c("article", { className: `${E} ${l.container}`, children: [
+        /* @__PURE__ */ c("div", { className: l.text, children: [
           /* @__PURE__ */ c("div", { children: [
-            t.eyebrow && /* @__PURE__ */ e(
+            s.eyebrow && /* @__PURE__ */ e(
               i,
               {
-                className: r.eyebrow,
-                blocks: t.eyebrow
+                className: l.eyebrow,
+                blocks: s.eyebrow
               }
             ),
-            /* @__PURE__ */ e(i, { blocks: t.title })
+            /* @__PURE__ */ e(i, { blocks: s.title })
           ] }),
-          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
+          s.description && /* @__PURE__ */ e(i, { blocks: s.description }),
           n && /* @__PURE__ */ e(
             v,
             {
@@ -151,31 +166,31 @@ function we({
               alignment: n.alignment
             }
           ),
-          t.disclaimer && /* @__PURE__ */ e(
+          s.disclaimer && /* @__PURE__ */ e(
             i,
             {
-              className: r.disclaimer,
-              blocks: t.disclaimer
+              className: l.disclaimer,
+              blocks: s.disclaimer
             }
           )
         ] }),
-        o ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(F, {})
+        t ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(F, {})
       ] }) });
     case "default":
-      return /* @__PURE__ */ e("section", { className: `${r.hero} ${w}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
-        o ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(F, {}),
-        /* @__PURE__ */ c("div", { className: r.text, children: [
+      return /* @__PURE__ */ e("section", { className: `${l.hero} ${N}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
+        t ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(F, {}),
+        /* @__PURE__ */ c("div", { className: l.text, children: [
           /* @__PURE__ */ c("div", { children: [
-            t.eyebrow && /* @__PURE__ */ e(
+            s.eyebrow && /* @__PURE__ */ e(
               i,
               {
-                className: r.eyebrow,
-                blocks: t.eyebrow
+                className: l.eyebrow,
+                blocks: s.eyebrow
               }
             ),
-            /* @__PURE__ */ e(i, { blocks: t.title })
+            /* @__PURE__ */ e(i, { blocks: s.title })
           ] }),
-          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
+          s.description && /* @__PURE__ */ e(i, { blocks: s.description }),
           n && /* @__PURE__ */ e(
             v,
             {
@@ -186,37 +201,37 @@ function we({
         ] })
       ] }) });
     case "full-bleed":
-      return /* @__PURE__ */ e("section", { className: `${r.hero} ${w} heroFullBleed`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
-        o ? o.includes("vimeo.com") || o.includes("youtube.com") || o.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
+      return /* @__PURE__ */ e("section", { className: `${l.hero} ${N} heroFullBleed`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
+        t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
           "iframe",
           {
-            src: o.includes("vimeo.com") ? `${o}?autoplay=1&muted=1&loop=1&background=1` : `${o}?autoplay=1&mute=1&loop=1&playlist=${k(
-              o
+            src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${x(
+              t
             )}`,
-            className: r.iframe,
+            className: l.iframe,
             allow: "autoplay; fullscreen",
             allowFullScreen: !0
           }
-        ) }) : /* @__PURE__ */ c(x, { children: [
-          /* @__PURE__ */ e(N, {}),
+        ) }) : /* @__PURE__ */ c(C, { children: [
+          /* @__PURE__ */ e(k, {}),
           /* @__PURE__ */ e(
             "video",
             {
-              ref: p,
-              className: r.videoBackground,
-              src: o,
-              autoPlay: !m,
+              ref: f,
+              className: l.videoBackground,
+              src: t,
+              autoPlay: !p,
               loop: !0,
               muted: !0,
               playsInline: !0,
-              poster: (l == null ? void 0 : l.imageUrl) || void 0
+              poster: ((L = r == null ? void 0 : r.imageUrls) == null ? void 0 : L.large) || void 0
             }
           )
         ] }) : /* @__PURE__ */ e(
-          C,
+          w,
           {
-            src: (l == null ? void 0 : l.imageUrl) ?? "",
-            alt: (l == null ? void 0 : l.asset.altText) || (l == null ? void 0 : l.asset.description) || "Card image",
+            src: ((H = r == null ? void 0 : r.imageUrls) == null ? void 0 : H.small) ?? "",
+            alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
             fill: !0,
             priority: !0,
             style: { objectFit: "cover" },
@@ -224,18 +239,18 @@ function we({
             sizes: "(min-width: 500px) 500px, 100vw"
           }
         ),
-        /* @__PURE__ */ e("div", { className: r.overlay, children: /* @__PURE__ */ c("div", { className: r.text, children: [
+        /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
           /* @__PURE__ */ c("div", { children: [
-            t.eyebrow && /* @__PURE__ */ e(
+            s.eyebrow && /* @__PURE__ */ e(
               i,
               {
-                className: r.eyebrow,
-                blocks: t.eyebrow
+                className: l.eyebrow,
+                blocks: s.eyebrow
               }
             ),
-            /* @__PURE__ */ e(i, { blocks: t.title })
+            /* @__PURE__ */ e(i, { blocks: s.title })
           ] }),
-          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
+          s.description && /* @__PURE__ */ e(i, { blocks: s.description }),
           n && /* @__PURE__ */ e(
             v,
             {
@@ -246,37 +261,37 @@ function we({
         ] }) })
       ] }) });
     case "blog":
-      return /* @__PURE__ */ e("section", { className: `${r.hero} ${w}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
-        o ? o.includes("vimeo.com") || o.includes("youtube.com") || o.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
+      return /* @__PURE__ */ e("section", { className: `${l.hero} ${N}`, children: /* @__PURE__ */ c("article", { className: l.container, children: [
+        t ? t.includes("vimeo.com") || t.includes("youtube.com") || t.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: l.videoBackground, children: /* @__PURE__ */ e(
           "iframe",
           {
-            src: o.includes("vimeo.com") ? `${o}?autoplay=1&muted=1&loop=1&background=1` : `${o}?autoplay=1&mute=1&loop=1&playlist=${k(
-              o
+            src: t.includes("vimeo.com") ? `${t}?autoplay=1&muted=1&loop=1&background=1` : `${t}?autoplay=1&mute=1&loop=1&playlist=${x(
+              t
             )}`,
-            className: r.iframe,
+            className: l.iframe,
             allow: "autoplay; fullscreen",
             allowFullScreen: !0
           }
-        ) }) : /* @__PURE__ */ c(x, { children: [
-          /* @__PURE__ */ e(N, {}),
+        ) }) : /* @__PURE__ */ c(C, { children: [
+          /* @__PURE__ */ e(k, {}),
           /* @__PURE__ */ e(
             "video",
             {
-              ref: p,
-              className: r.videoBackground,
-              src: o,
-              autoPlay: !m,
+              ref: f,
+              className: l.videoBackground,
+              src: t,
+              autoPlay: !p,
               loop: !0,
               muted: !0,
               playsInline: !0,
-              poster: (l == null ? void 0 : l.imageUrl) || void 0
+              poster: ((S = r == null ? void 0 : r.imageUrls) == null ? void 0 : S.large) || void 0
             }
           )
         ] }) : /* @__PURE__ */ e(
-          C,
+          w,
           {
-            src: (l == null ? void 0 : l.imageUrl) ?? "",
-            alt: (l == null ? void 0 : l.asset.altText) || (l == null ? void 0 : l.asset.description) || "Card image",
+            src: ((T = r == null ? void 0 : r.imageUrls) == null ? void 0 : T.large) ?? "",
+            alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
             fill: !0,
             priority: !0,
             style: { objectFit: "cover" },
@@ -284,61 +299,61 @@ function we({
             sizes: "(min-width: 500px) 500px, 100vw"
           }
         ),
-        /* @__PURE__ */ e("div", { className: r.overlay, children: /* @__PURE__ */ c("div", { className: r.text, children: [
+        /* @__PURE__ */ e("div", { className: l.overlay, children: /* @__PURE__ */ c("div", { className: l.text, children: [
           /* @__PURE__ */ c("div", { children: [
-            t.eyebrow && /* @__PURE__ */ e(
+            s.eyebrow && /* @__PURE__ */ e(
               i,
               {
-                className: r.eyebrow,
-                blocks: t.eyebrow
+                className: l.eyebrow,
+                blocks: s.eyebrow
               }
             ),
-            u && /* @__PURE__ */ c("div", { className: r.articleDetails, children: [
+            u && /* @__PURE__ */ c("div", { className: l.articleDetails, children: [
               h && /* @__PURE__ */ e(
                 $,
                 {
                   href: `/blog/search?categories=${encodeURIComponent(
                     h._id
                   )}`,
-                  className: r.articleType,
+                  className: l.articleType,
                   children: h.title
                 },
                 h._id
               ),
-              /* @__PURE__ */ c("div", { className: r.articleCategories, children: [
-                f && /* @__PURE__ */ e(
+              /* @__PURE__ */ c("div", { className: l.articleCategories, children: [
+                _ && /* @__PURE__ */ e(
                   $,
                   {
                     href: `/blog/search?categories=${encodeURIComponent(
-                      f._id
+                      _._id
                     )}`,
-                    className: r.category,
-                    children: f.title
+                    className: l.category,
+                    children: _.title
                   },
-                  f._id
+                  _._id
                 ),
-                y && y.title.toLowerCase() !== "library" && !y.slug.current.includes(
+                b && b.title.toLowerCase() !== "library" && !b.slug.current.includes(
                   "keywords"
                 ) && /* @__PURE__ */ e(
                   $,
                   {
                     href: `/blog/search?categories=${encodeURIComponent(
-                      y._id
+                      b._id
                     )}`,
-                    className: r.category,
-                    children: y.title
+                    className: l.category,
+                    children: b.title
                   },
-                  y._id
+                  b._id
                 )
               ] }),
-              u.timeToRead && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ c("span", { children: [
-                /* @__PURE__ */ e("span", { className: r.number, children: u.timeToRead }),
+              u.timeToRead && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ c("span", { children: [
+                /* @__PURE__ */ e("span", { className: l.number, children: u.timeToRead }),
                 "min read"
               ] }) })
             ] }),
-            /* @__PURE__ */ e(i, { blocks: t.title })
+            /* @__PURE__ */ e(i, { blocks: s.title })
           ] }),
-          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
+          s.description && /* @__PURE__ */ e(i, { blocks: s.description }),
           n && /* @__PURE__ */ e(
             v,
             {
@@ -351,5 +366,5 @@ function we({
   }
 }
 export {
-  we as HeroBlock
+  Ce as HeroBlock
 };

package/dist/next/cards/TestimonialCard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index21.css');const e=require("react/jsx-runtime"),h=require("react"),a=require("../../ui/PortableTextRenderer/index.cjs"),u=require("next/image"),g=require("../../../core/components/Avatar/index.cjs"),v=require("../../../core/components/Modal/index.cjs"),y=require("../../utils/resolveLinkUrl.cjs"),k=require("../../../play-CQBnZgNa.cjs"),B="_card_rxzrj_1",U="_imageBackgroundContainer_rxzrj_15",q="_modalTrigger_rxzrj_20",L="_callToAction_rxzrj_24",I="_cardIcon_rxzrj_33",$="_label_rxzrj_49",F="_video_rxzrj_58",P="_image_rxzrj_15",M="_fullBleed_rxzrj_76",O="_content_rxzrj_80",S="_overlay_rxzrj_86",E="_description_rxzrj_104",w="_title_rxzrj_137",D="_imageLeft_rxzrj_213",G="_container_rxzrj_224",H="_imageRight_rxzrj_273",J="_imageBottom_rxzrj_327",K="_personContainer_rxzrj_342",Q="_imageTop_rxzrj_350",s={card:B,imageBackgroundContainer:U,modalTrigger:q,callToAction:L,cardIcon:I,label:$,video:F,image:P,fullBleed:M,content:O,overlay:S,description:E,title:w,default:"_default_rxzrj_145",imageLeft:D,container:G,imageRight:H,imageBottom:J,personContainer:K,imageTop:Q};function V({eyebrow:n,title:i,description:x,person:d,image:t,callToAction:r,style:o,variant:b}){const[_,f]=h.useState(void 0);h.useEffect(()=>{async function c(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const l=await y.resolveLinkURL(r);f(l)}}c()},[r]);const R={"full-bleed":s.fullBleed,"image-left":s.imageLeft,"image-right":s.imageRight,"image-top":s.imageTop,"image-bottom":s.imageBottom}[o||"text"],N=e.jsx("div",{className:s.content,children:(r==null?void 0:r.type)==="video"?e.jsxs(e.Fragment,{children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]}):e.jsxs(e.Fragment,{children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]})}),z=e.jsx(e.Fragment,{children:t&&t.imageUrl?e.jsxs("div",{className:s.image,children:[(r==null?void 0:r.videoUrl)&&e.jsx("div",{className:s.callToAction,children:e.jsx("div",{className:s.cardIcon,children:e.jsx(k.Play,{size:45})})}),e.jsx(u,{src:t.imageUrl,alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Card image",width:600,height:658,priority:!0,draggable:!1})]}):null}),j=()=>{switch(o){case"full-bleed":return e.jsxs("div",{className:s.imageBackgroundContainer,children:[(r==null?void 0:r.type)==="video"&&e.jsx("div",{className:s.cardIcon,children:e.jsx(k.Play,{size:45})}),e.jsx(u,{src:(t==null?void 0:t.imageUrl)??"",alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Card image",fill:!0,priority:!1,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:N})]});case"image-right":case"image-left":return e.jsxs("div",{className:s.container,children:[z,e.jsxs("div",{className:s.content,children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]})]});case"image-bottom":return e.jsx("div",{className:s.container,children:e.jsxs("div",{className:s.content,children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),e.jsxs("div",{className:s.personContainer,children:[e.jsx(g.Avatar,{src:(t==null?void 0:t.imageUrl)??"",size:"lg"}),d&&e.jsx(a.RichText,{blocks:d})]})]})});case"image-top":return e.jsxs("div",{className:s.container,children:[e.jsx(g.Avatar,{src:(t==null?void 0:t.imageUrl)??"",size:"xl"}),e.jsxs("div",{className:s.content,children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]})]})}},p=(r==null?void 0:r.type)==="video"?s.video:s.default,C=({children:c})=>{var l,m;switch(r==null?void 0:r.type){case"link":return e.jsx("a",{"aria-label":r.ariaLabel||r.label,href:_,target:((l=r.linkOptions)==null?void 0:l.linkType)==="external"?"_blank":"_self",rel:((m=r.linkOptions)==null?void 0:m.linkType)==="external"?"noopener noreferrer":"",children:c});case"modal":return e.jsx(v.Modal,{className:s.modalTrigger,trigger:c,content:r.modalContent});case"video":return e.jsx(v.Modal,{className:s.modalTrigger,trigger:c,content:e.jsx("video",{src:r.videoUrl,controls:!0,autoPlay:!0})});case"download":return e.jsx("a",{"aria-label":r.ariaLabel||r.label,href:_,download:!0,target:"_blank",rel:"noopener noreferrer",children:c})}};return e.jsx("article",{className:`${s.card} ${R??""} ${s[b]} ${p}`,children:(r==null?void 0:r.type)!=="none"?e.jsx(C,{children:j()}):e.jsx(e.Fragment,{children:j()})})}exports.TestimonialCard=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index21.css');const e=require("react/jsx-runtime"),h=require("react"),a=require("../../ui/PortableTextRenderer/index.cjs"),u=require("next/image"),g=require("../../../core/components/Avatar/index.cjs"),v=require("../../../core/components/Modal/index.cjs"),y=require("../../utils/resolveLinkUrl.cjs"),k=require("../../../play-CQBnZgNa.cjs"),B="_card_rxzrj_1",U="_imageBackgroundContainer_rxzrj_15",q="_modalTrigger_rxzrj_20",L="_callToAction_rxzrj_24",I="_cardIcon_rxzrj_33",$="_label_rxzrj_49",F="_video_rxzrj_58",P="_image_rxzrj_15",M="_fullBleed_rxzrj_76",O="_content_rxzrj_80",S="_overlay_rxzrj_86",E="_description_rxzrj_104",w="_title_rxzrj_137",D="_imageLeft_rxzrj_213",G="_container_rxzrj_224",H="_imageRight_rxzrj_273",J="_imageBottom_rxzrj_327",K="_personContainer_rxzrj_342",Q="_imageTop_rxzrj_350",s={card:B,imageBackgroundContainer:U,modalTrigger:q,callToAction:L,cardIcon:I,label:$,video:F,image:P,fullBleed:M,content:O,overlay:S,description:E,title:w,default:"_default_rxzrj_145",imageLeft:D,container:G,imageRight:H,imageBottom:J,personContainer:K,imageTop:Q};function V({eyebrow:n,title:i,description:x,person:d,image:t,callToAction:r,style:o,variant:b}){const[_,f]=h.useState(void 0);h.useEffect(()=>{async function c(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const l=await y.resolveLinkURL(r);f(l)}}c()},[r]);const R={"full-bleed":s.fullBleed,"image-left":s.imageLeft,"image-right":s.imageRight,"image-top":s.imageTop,"image-bottom":s.imageBottom}[o||"text"],N=e.jsx("div",{className:s.content,children:(r==null?void 0:r.type)==="video"?e.jsxs(e.Fragment,{children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]}):e.jsxs(e.Fragment,{children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]})}),z=e.jsx(e.Fragment,{children:t&&t.imageUrl?e.jsxs("div",{className:s.image,children:[(r==null?void 0:r.videoUrl)&&e.jsx("div",{className:s.callToAction,children:e.jsx("div",{className:s.cardIcon,children:e.jsx(k.Play,{size:45})})}),e.jsx(u,{src:t.imageUrl,alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Card image",width:600,height:658,priority:!0,draggable:!1})]}):null}),j=()=>{var c,l;switch(o){case"full-bleed":return e.jsxs("div",{className:s.imageBackgroundContainer,children:[(r==null?void 0:r.type)==="video"&&e.jsx("div",{className:s.cardIcon,children:e.jsx(k.Play,{size:45})}),e.jsx(u,{src:(t==null?void 0:t.imageUrl)??"",alt:(t==null?void 0:t.asset.altText)||(t==null?void 0:t.asset.description)||"Card image",fill:!0,priority:!1,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:N})]});case"image-right":case"image-left":return e.jsxs("div",{className:s.container,children:[z,e.jsxs("div",{className:s.content,children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]})]});case"image-bottom":return e.jsx("div",{className:s.container,children:e.jsxs("div",{className:s.content,children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),e.jsxs("div",{className:s.personContainer,children:[e.jsx(g.Avatar,{src:((c=t==null?void 0:t.imageUrls)==null?void 0:c.small)??"",size:"lg"}),d&&e.jsx(a.RichText,{blocks:d})]})]})});case"image-top":return e.jsxs("div",{className:s.container,children:[e.jsx(g.Avatar,{src:((l=t==null?void 0:t.imageUrls)==null?void 0:l.small)??"",size:"xl"}),e.jsxs("div",{className:s.content,children:[n&&e.jsx(a.RichText,{blocks:n}),i&&e.jsx(a.RichText,{className:s.title,blocks:i}),x&&e.jsx(a.RichText,{className:s.description,blocks:x}),d&&e.jsx(a.RichText,{blocks:d})]})]})}},p=(r==null?void 0:r.type)==="video"?s.video:s.default,C=({children:c})=>{var l,m;switch(r==null?void 0:r.type){case"link":return e.jsx("a",{"aria-label":r.ariaLabel||r.label,href:_,target:((l=r.linkOptions)==null?void 0:l.linkType)==="external"?"_blank":"_self",rel:((m=r.linkOptions)==null?void 0:m.linkType)==="external"?"noopener noreferrer":"",children:c});case"modal":return e.jsx(v.Modal,{className:s.modalTrigger,trigger:c,content:r.modalContent});case"video":return e.jsx(v.Modal,{className:s.modalTrigger,trigger:c,content:e.jsx("video",{src:r.videoUrl,controls:!0,autoPlay:!0})});case"download":return e.jsx("a",{"aria-label":r.ariaLabel||r.label,href:_,download:!0,target:"_blank",rel:"noopener noreferrer",children:c})}};return e.jsx("article",{className:`${s.card} ${R??""} ${s[b]} ${p}`,children:(r==null?void 0:r.type)!=="none"?e.jsx(C,{children:j()}):e.jsx(e.Fragment,{children:j()})})}exports.TestimonialCard=V;

package/dist/next/cards/TestimonialCard/index.mjs

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as o, Fragment as _ } from "react/jsx-runtime";
 import { useState as U, useEffect as L } from "react";
-import { RichText as a } from "../../ui/PortableTextRenderer/index.mjs";
+import { RichText as t } from "../../ui/PortableTextRenderer/index.mjs";
 import u from "next/image";
 import { Avatar as x } from "../../../core/components/Avatar/index.mjs";
 import { Modal as h } from "../../../core/components/Modal/index.mjs";
@@ -28,12 +28,12 @@ import '../../../assets/index21.css';const R = "_card_rxzrj_1", $ = "_imageBackg
   personContainer: W,
   imageTop: X
 };
-function ae({
+function te({
   eyebrow: n,
   title: d,
   description: l,
   person: i,
-  image: t,
+  image: a,
   //icon,
   callToAction: s,
   // onHover,
@@ -43,13 +43,13 @@ function ae({
 }) {
   const [g, N] = U(void 0);
   L(() => {
-    async function c() {
+    async function m() {
       if ((s == null ? void 0 : s.type) === "link" || (s == null ? void 0 : s.type) === "download") {
-        const m = await I(s);
-        N(m);
+        const c = await I(s);
+        N(c);
       }
     }
-    c();
+    m();
   }, [s]);
   const z = {
     "full-bleed": r.fullBleed,
@@ -59,22 +59,22 @@ function ae({
     "image-top": r.imageTop,
     "image-bottom": r.imageBottom
   }[f || "text"], j = /* @__PURE__ */ e("div", { className: r.content, children: (s == null ? void 0 : s.type) === "video" ? /* @__PURE__ */ o(_, { children: [
-    n && /* @__PURE__ */ e(a, { blocks: n }),
-    d && /* @__PURE__ */ e(a, { className: r.title, blocks: d }),
-    l && /* @__PURE__ */ e(a, { className: r.description, blocks: l }),
-    i && /* @__PURE__ */ e(a, { blocks: i })
+    n && /* @__PURE__ */ e(t, { blocks: n }),
+    d && /* @__PURE__ */ e(t, { className: r.title, blocks: d }),
+    l && /* @__PURE__ */ e(t, { className: r.description, blocks: l }),
+    i && /* @__PURE__ */ e(t, { blocks: i })
   ] }) : /* @__PURE__ */ o(_, { children: [
-    n && /* @__PURE__ */ e(a, { blocks: n }),
-    d && /* @__PURE__ */ e(a, { className: r.title, blocks: d }),
-    l && /* @__PURE__ */ e(a, { className: r.description, blocks: l }),
-    i && /* @__PURE__ */ e(a, { blocks: i })
-  ] }) }), C = /* @__PURE__ */ e(_, { children: t && t.imageUrl ? /* @__PURE__ */ o("div", { className: r.image, children: [
+    n && /* @__PURE__ */ e(t, { blocks: n }),
+    d && /* @__PURE__ */ e(t, { className: r.title, blocks: d }),
+    l && /* @__PURE__ */ e(t, { className: r.description, blocks: l }),
+    i && /* @__PURE__ */ e(t, { blocks: i })
+  ] }) }), C = /* @__PURE__ */ e(_, { children: a && a.imageUrl ? /* @__PURE__ */ o("div", { className: r.image, children: [
     (s == null ? void 0 : s.videoUrl) && /* @__PURE__ */ e("div", { className: r.callToAction, children: /* @__PURE__ */ e("div", { className: r.cardIcon, children: /* @__PURE__ */ e(b, { size: 45 }) }) }),
     /* @__PURE__ */ e(
       u,
       {
-        src: t.imageUrl,
-        alt: (t == null ? void 0 : t.asset.altText) || (t == null ? void 0 : t.asset.description) || "Card image",
+        src: a.imageUrl,
+        alt: (a == null ? void 0 : a.asset.altText) || (a == null ? void 0 : a.asset.description) || "Card image",
         width: 600,
         height: 658,
         priority: !0,
@@ -82,6 +82,7 @@ function ae({
       }
     )
   ] }) : null }), v = () => {
+    var m, c;
     switch (f) {
       case "full-bleed":
         return /* @__PURE__ */ o("div", { className: r.imageBackgroundContainer, children: [
@@ -89,8 +90,8 @@ function ae({
           /* @__PURE__ */ e(
             u,
             {
-              src: (t == null ? void 0 : t.imageUrl) ?? "",
-              alt: (t == null ? void 0 : t.asset.altText) || (t == null ? void 0 : t.asset.description) || "Card image",
+              src: (a == null ? void 0 : a.imageUrl) ?? "",
+              alt: (a == null ? void 0 : a.asset.altText) || (a == null ? void 0 : a.asset.description) || "Card image",
               fill: !0,
               priority: !1,
               style: { objectFit: "cover" },
@@ -105,35 +106,35 @@ function ae({
         return /* @__PURE__ */ o("div", { className: r.container, children: [
           C,
           /* @__PURE__ */ o("div", { className: r.content, children: [
-            n && /* @__PURE__ */ e(a, { blocks: n }),
-            d && /* @__PURE__ */ e(a, { className: r.title, blocks: d }),
-            l && /* @__PURE__ */ e(a, { className: r.description, blocks: l }),
-            i && /* @__PURE__ */ e(a, { blocks: i })
+            n && /* @__PURE__ */ e(t, { blocks: n }),
+            d && /* @__PURE__ */ e(t, { className: r.title, blocks: d }),
+            l && /* @__PURE__ */ e(t, { className: r.description, blocks: l }),
+            i && /* @__PURE__ */ e(t, { blocks: i })
           ] })
         ] });
       case "image-bottom":
         return /* @__PURE__ */ e("div", { className: r.container, children: /* @__PURE__ */ o("div", { className: r.content, children: [
-          n && /* @__PURE__ */ e(a, { blocks: n }),
-          d && /* @__PURE__ */ e(a, { className: r.title, blocks: d }),
-          l && /* @__PURE__ */ e(a, { className: r.description, blocks: l }),
+          n && /* @__PURE__ */ e(t, { blocks: n }),
+          d && /* @__PURE__ */ e(t, { className: r.title, blocks: d }),
+          l && /* @__PURE__ */ e(t, { className: r.description, blocks: l }),
           /* @__PURE__ */ o("div", { className: r.personContainer, children: [
-            /* @__PURE__ */ e(x, { src: (t == null ? void 0 : t.imageUrl) ?? "", size: "lg" }),
-            i && /* @__PURE__ */ e(a, { blocks: i })
+            /* @__PURE__ */ e(x, { src: ((m = a == null ? void 0 : a.imageUrls) == null ? void 0 : m.small) ?? "", size: "lg" }),
+            i && /* @__PURE__ */ e(t, { blocks: i })
           ] })
         ] }) });
       case "image-top":
         return /* @__PURE__ */ o("div", { className: r.container, children: [
-          /* @__PURE__ */ e(x, { src: (t == null ? void 0 : t.imageUrl) ?? "", size: "xl" }),
+          /* @__PURE__ */ e(x, { src: ((c = a == null ? void 0 : a.imageUrls) == null ? void 0 : c.small) ?? "", size: "xl" }),
           /* @__PURE__ */ o("div", { className: r.content, children: [
-            n && /* @__PURE__ */ e(a, { blocks: n }),
-            d && /* @__PURE__ */ e(a, { className: r.title, blocks: d }),
-            l && /* @__PURE__ */ e(a, { className: r.description, blocks: l }),
-            i && /* @__PURE__ */ e(a, { blocks: i })
+            n && /* @__PURE__ */ e(t, { blocks: n }),
+            d && /* @__PURE__ */ e(t, { className: r.title, blocks: d }),
+            l && /* @__PURE__ */ e(t, { className: r.description, blocks: l }),
+            i && /* @__PURE__ */ e(t, { blocks: i })
           ] })
         ] });
     }
-  }, B = (s == null ? void 0 : s.type) === "video" ? r.video : r.default, y = ({ children: c }) => {
-    var m, k;
+  }, B = (s == null ? void 0 : s.type) === "video" ? r.video : r.default, y = ({ children: m }) => {
+    var c, k;
     switch (s == null ? void 0 : s.type) {
       case "link":
         return /* @__PURE__ */ e(
@@ -141,9 +142,9 @@ function ae({
           {
             "aria-label": s.ariaLabel || s.label,
             href: g,
-            target: ((m = s.linkOptions) == null ? void 0 : m.linkType) === "external" ? "_blank" : "_self",
+            target: ((c = s.linkOptions) == null ? void 0 : c.linkType) === "external" ? "_blank" : "_self",
             rel: ((k = s.linkOptions) == null ? void 0 : k.linkType) === "external" ? "noopener noreferrer" : "",
-            children: c
+            children: m
           }
         );
       case "modal":
@@ -151,7 +152,7 @@ function ae({
           h,
           {
             className: r.modalTrigger,
-            trigger: c,
+            trigger: m,
             content: s.modalContent
           }
         );
@@ -160,7 +161,7 @@ function ae({
           h,
           {
             className: r.modalTrigger,
-            trigger: c,
+            trigger: m,
             content: /* @__PURE__ */ e("video", { src: s.videoUrl, controls: !0, autoPlay: !0 })
           }
         );
@@ -173,7 +174,7 @@ function ae({
             download: !0,
             target: "_blank",
             rel: "noopener noreferrer",
-            children: c
+            children: m
           }
         );
     }
@@ -187,5 +188,5 @@ function ae({
   );
 }
 export {
-  ae as TestimonialCard
+  te as TestimonialCard
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.518",
+  "version": "0.0.520",
   "type": "module",
   "exports": {
     ".": {