quirk-ui 0.0.506 → 0.0.507

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"),j=require("react"),q=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"),F=require("../../hooks/usePrefersReducedMotion.cjs"),U=require("../../../createLucideIcon-DpotSgUx.cjs"),H=require("../../../play-CQBnZgNa.cjs");/**
+"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");/**
  * @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 S=[["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"}]],W=U.createLucideIcon("pause",S),z="_hero_vho5i_1",E="_container_vho5i_7",M="_eyebrow_vho5i_24",V="_disclaimer_vho5i_28",Y="_text_vho5i_33",G="_articleDetails_vho5i_40",J="_articleType_vho5i_53",K="_articleCategories_vho5i_67",Q="_category_vho5i_73",X="_number_vho5i_89",Z="_blog_vho5i_116",g="_overlay_vho5i_140",O="_fullBleed_vho5i_210",A="_split_vho5i_304",D="_image_vho5i_309",ee="_videoControl_vho5i_332",se="_videoWrapper_vho5i_353",te="_videoBackground_vho5i_373",re="_iframe_vho5i_374",s={hero:z,container:E,eyebrow:M,disclaimer:V,text:Y,articleDetails:G,articleType:J,articleCategories:K,category:Q,number:X,default:"_default_vho5i_112",blog:Z,overlay:g,fullBleed:O,split:A,image:D,videoControl:ee,videoWrapper:se,videoBackground:te,iframe:re};function le({heading:l,image:t,video:r,callToAction:i,pageData:a,styleOptions:b}){var L,P;const u=F.usePrefersReducedMotion(),[C,R]=j.useState(!u),{setIsFullbleedHeroAtTop:$}=q.useHeroContext(),x=j.useRef(null),_=(b==null?void 0:b.layout)??"default",f={default:s.default,split:s.split,"full-bleed":s.fullBleed,blog:s.blog}[_],T=((L=a==null?void 0:a.categories)==null?void 0:L.filter(o=>{var n,y;return!((y=(n=o.slug)==null?void 0:n.current)!=null&&y.startsWith("library/type"))}))??[],h=T[0]??null,d=T[1]??null,m=((P=a==null?void 0:a.categories)==null?void 0:P.find(o=>{var n,y;return(y=(n=o.slug)==null?void 0:n.current)==null?void 0:y.startsWith("library/type")}))??null;j.useEffect(()=>{const o=()=>{$(window.scrollY===0)};if(_==="full-bleed"&&typeof window<"u")return $(!0),window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[_]),j.useEffect(()=>{const o=x.current;o&&(u?o.pause():o.play())},[u]);const v=()=>e.jsx("button",{title:`${C?"Pause the video":"Play the video"}`,className:s.videoControl,onClick:()=>{const o=x.current;o&&(o.paused?(o.play().catch(()=>{}),R(!0)):(o.pause(),R(!1)))},children:C?e.jsx(W,{size:18}):e.jsx(H.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:x,src:r,autoPlay:!u,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(_){case"split":return e.jsx("section",{className:`${s.hero} ${s.split}`,children:e.jsxs("article",{className: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:x,className:s.videoBackground,src:r,autoPlay:!u,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:x,className:s.videoBackground,src:r,autoPlay:!u,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:[m&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(m._id)}`,className:s.articleType,children:m.title},m._id),e.jsxs("div",{className:s.articleCategories,children:[h&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(h._id)}`,className:s.category,children:h.title},h._id),d&&d.title.toLowerCase()!=="library"&&!d.slug.current.includes("keywords")&&e.jsx(N.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(d._id)}`,className:s.category,children:d.title},d._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=le;
+ */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;

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

@@ -1,99 +1,99 @@
 import { jsx as e, jsxs as c, Fragment as x } from "react/jsx-runtime";
-import { useState as S, useRef as j, useEffect as L } from "react";
-import { useHeroContext as H } from "./HeroContext.mjs";
+import { useState as H, useRef as T, useEffect as j } from "react";
+import { useHeroContext as V } from "./HeroContext.mjs";
 import { RichText as i } from "../../ui/PortableTextRenderer/index.mjs";
-import { CallToActions as h } from "../../ui/CallToActions/index.mjs";
+import { CallToActions as v } from "../../ui/CallToActions/index.mjs";
 import C from "next/image";
 import { LocaleLink as $ } from "../../ui/LocaleLink/index.mjs";
-import { usePrefersReducedMotion as T } from "../../hooks/usePrefersReducedMotion.mjs";
-import { c as V } from "../../../createLucideIcon-C8GTh_Qx.js";
-import { P as E } from "../../../play-DYgKiSaf.js";
+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 '../../../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 Y = [
+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" }]
-], M = V("pause", Y), q = "_hero_vho5i_1", G = "_container_vho5i_7", J = "_eyebrow_vho5i_24", K = "_disclaimer_vho5i_28", Q = "_text_vho5i_33", X = "_articleDetails_vho5i_40", Z = "_articleType_vho5i_53", O = "_articleCategories_vho5i_67", g = "_category_vho5i_73", D = "_number_vho5i_89", A = "_blog_vho5i_116", ee = "_overlay_vho5i_140", re = "_fullBleed_vho5i_210", te = "_split_vho5i_304", le = "_image_vho5i_309", oe = "_videoControl_vho5i_332", se = "_videoWrapper_vho5i_353", ce = "_videoBackground_vho5i_373", ie = "_iframe_vho5i_374", r = {
-  hero: q,
-  container: G,
-  eyebrow: J,
-  disclaimer: K,
-  text: Q,
-  articleDetails: X,
-  articleType: Z,
-  articleCategories: O,
-  category: g,
-  number: D,
+], 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,
   default: "_default_vho5i_112",
-  blog: A,
-  overlay: ee,
-  fullBleed: re,
+  blog: re,
+  overlay: le,
+  fullBleed: oe,
   split: te,
-  image: le,
-  videoControl: oe,
-  videoWrapper: se,
-  videoBackground: ce,
-  iframe: ie
+  image: se,
+  videoControl: ce,
+  videoWrapper: ie,
+  videoBackground: ne,
+  iframe: ae
 };
-function he({
-  heading: o,
-  image: t,
-  video: l,
+function we({
+  heading: t,
+  image: l,
+  video: o,
   callToAction: n,
   pageData: u,
-  styleOptions: v
+  styleOptions: d
 }) {
-  var W, z;
-  const d = T(), [B, I] = S(!d), { setIsFullbleedHeroAtTop: P } = H(), y = j(null), _ = (v == null ? void 0 : v.layout) ?? "default", w = {
+  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
-  }[_], R = ((W = u == null ? void 0 : u.categories) == null ? void 0 : W.filter(
+  }[b], R = ((z = u == null ? void 0 : u.categories) == null ? void 0 : z.filter(
     (s) => {
-      var a, p;
-      return !((p = (a = s.slug) == null ? void 0 : a.current) != null && p.startsWith("library/type"));
+      var a, _;
+      return !((_ = (a = s.slug) == null ? void 0 : a.current) != null && _.startsWith("library/type"));
     }
-  )) ?? [], b = R[0] ?? null, m = R[1] ?? null, f = ((z = u == null ? void 0 : u.categories) == null ? void 0 : z.find(
+  )) ?? [], f = R[0] ?? null, y = R[1] ?? null, h = ((L = u == null ? void 0 : u.categories) == null ? void 0 : L.find(
     (s) => {
-      var a, p;
-      return (p = (a = s.slug) == null ? void 0 : a.current) == null ? void 0 : p.startsWith("library/type");
+      var a, _;
+      return (_ = (a = s.slug) == null ? void 0 : a.current) == null ? void 0 : _.startsWith("library/type");
     }
   )) ?? null;
-  L(() => {
+  j(() => {
     const s = () => {
       P(window.scrollY === 0);
     };
-    if (_ === "full-bleed" && typeof window < "u")
+    if (b === "full-bleed" && typeof window < "u")
       return P(!0), window.addEventListener("scroll", s), () => window.removeEventListener("scroll", s);
-  }, [_]), L(() => {
-    const s = y.current;
-    s && (d ? s.pause() : s.play());
-  }, [d]);
+  }, [b]), j(() => {
+    const s = p.current;
+    s && (m ? s.pause() : s.play());
+  }, [m]);
   const N = () => /* @__PURE__ */ e(
     "button",
     {
       title: `${B ? "Pause the video" : "Play the video"}`,
       className: r.videoControl,
       onClick: () => {
-        const s = y.current;
+        const s = p.current;
         s && (s.paused ? (s.play().catch(() => {
         }), I(!0)) : (s.pause(), I(!1)));
       },
-      children: B ? /* @__PURE__ */ e(M, { size: 18 }) : /* @__PURE__ */ e(E, { size: 18 })
+      children: B ? /* @__PURE__ */ e(G, { size: 18 }) : /* @__PURE__ */ e(M, { size: 18 })
     }
   ), U = () => {
-    if (!l) return null;
-    const s = l.includes("vimeo.com"), a = l.includes("youtube.com") || l.includes("youtu.be");
+    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(
       "iframe",
       {
-        src: s ? `${l}?autoplay=1&muted=1&loop=1&background=1` : `${l}?autoplay=1&mute=1&loop=1&playlist=${k(
-          l
+        src: s ? `${o}?autoplay=1&muted=1&loop=1&background=1` : `${o}?autoplay=1&mute=1&loop=1&playlist=${k(
+          o
         )}`,
         allow: "autoplay; fullscreen",
         allowFullScreen: !0
@@ -103,13 +103,13 @@ function he({
       /* @__PURE__ */ e(
         "video",
         {
-          ref: y,
-          src: l,
-          autoPlay: !d,
+          ref: p,
+          src: o,
+          autoPlay: !m,
           loop: !0,
           muted: !0,
           playsInline: !0,
-          poster: (t == null ? void 0 : t.imageUrl) || void 0,
+          poster: (l == null ? void 0 : l.imageUrl) || void 0,
           preload: "metadata"
         }
       )
@@ -119,65 +119,65 @@ function he({
     const a = s.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);
     return (a == null ? void 0 : a[1]) || "";
   }
-  const F = () => t && t.imageUrl ? /* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e(
+  const F = () => l && l.imageUrl ? /* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e(
     C,
     {
-      src: t.imageUrl,
-      alt: t.asset.altText || t.asset.description || "Hero image",
+      src: l.imageUrl,
+      alt: l.asset.altText || l.asset.description || "Hero image",
       width: 600,
       height: 658,
       priority: !0
     }
   ) }) : null;
-  switch (_) {
+  switch (b) {
     case "split":
-      return /* @__PURE__ */ e("section", { className: `${r.hero} ${r.split}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
+      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: [
           /* @__PURE__ */ c("div", { children: [
-            o.eyebrow && /* @__PURE__ */ e(
+            t.eyebrow && /* @__PURE__ */ e(
               i,
               {
                 className: r.eyebrow,
-                blocks: o.eyebrow
+                blocks: t.eyebrow
               }
             ),
-            /* @__PURE__ */ e(i, { blocks: o.title })
+            /* @__PURE__ */ e(i, { blocks: t.title })
           ] }),
-          o.description && /* @__PURE__ */ e(i, { blocks: o.description }),
+          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
           n && /* @__PURE__ */ e(
-            h,
+            v,
             {
               items: n.items,
               alignment: n.alignment
             }
           ),
-          o.disclaimer && /* @__PURE__ */ e(
+          t.disclaimer && /* @__PURE__ */ e(
             i,
             {
               className: r.disclaimer,
-              blocks: o.disclaimer
+              blocks: t.disclaimer
             }
           )
         ] }),
-        l ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(F, {})
+        o ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(F, {})
       ] }) });
     case "default":
       return /* @__PURE__ */ e("section", { className: `${r.hero} ${w}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
-        l ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(F, {}),
+        o ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(F, {}),
         /* @__PURE__ */ c("div", { className: r.text, children: [
           /* @__PURE__ */ c("div", { children: [
-            o.eyebrow && /* @__PURE__ */ e(
+            t.eyebrow && /* @__PURE__ */ e(
               i,
               {
                 className: r.eyebrow,
-                blocks: o.eyebrow
+                blocks: t.eyebrow
               }
             ),
-            /* @__PURE__ */ e(i, { blocks: o.title })
+            /* @__PURE__ */ e(i, { blocks: t.title })
           ] }),
-          o.description && /* @__PURE__ */ e(i, { blocks: o.description }),
+          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
           n && /* @__PURE__ */ e(
-            h,
+            v,
             {
               items: n.items,
               alignment: n.alignment
@@ -187,11 +187,11 @@ function he({
       ] }) });
     case "full-bleed":
       return /* @__PURE__ */ e("section", { className: `${r.hero} ${w} heroFullBleed`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
-        l ? l.includes("vimeo.com") || l.includes("youtube.com") || l.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
+        o ? o.includes("vimeo.com") || o.includes("youtube.com") || o.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
           "iframe",
           {
-            src: l.includes("vimeo.com") ? `${l}?autoplay=1&muted=1&loop=1&background=1` : `${l}?autoplay=1&mute=1&loop=1&playlist=${k(
-              l
+            src: o.includes("vimeo.com") ? `${o}?autoplay=1&muted=1&loop=1&background=1` : `${o}?autoplay=1&mute=1&loop=1&playlist=${k(
+              o
             )}`,
             className: r.iframe,
             allow: "autoplay; fullscreen",
@@ -202,21 +202,21 @@ function he({
           /* @__PURE__ */ e(
             "video",
             {
-              ref: y,
+              ref: p,
               className: r.videoBackground,
-              src: l,
-              autoPlay: !d,
+              src: o,
+              autoPlay: !m,
               loop: !0,
               muted: !0,
               playsInline: !0,
-              poster: (t == null ? void 0 : t.imageUrl) || void 0
+              poster: (l == null ? void 0 : l.imageUrl) || void 0
             }
           )
         ] }) : /* @__PURE__ */ e(
           C,
           {
-            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: (l == null ? void 0 : l.imageUrl) ?? "",
+            alt: (l == null ? void 0 : l.asset.altText) || (l == null ? void 0 : l.asset.description) || "Card image",
             fill: !0,
             priority: !0,
             style: { objectFit: "cover" },
@@ -226,18 +226,18 @@ function he({
         ),
         /* @__PURE__ */ e("div", { className: r.overlay, children: /* @__PURE__ */ c("div", { className: r.text, children: [
           /* @__PURE__ */ c("div", { children: [
-            o.eyebrow && /* @__PURE__ */ e(
+            t.eyebrow && /* @__PURE__ */ e(
               i,
               {
                 className: r.eyebrow,
-                blocks: o.eyebrow
+                blocks: t.eyebrow
               }
             ),
-            /* @__PURE__ */ e(i, { blocks: o.title })
+            /* @__PURE__ */ e(i, { blocks: t.title })
           ] }),
-          o.description && /* @__PURE__ */ e(i, { blocks: o.description }),
+          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
           n && /* @__PURE__ */ e(
-            h,
+            v,
             {
               items: n.items,
               alignment: n.alignment
@@ -247,11 +247,11 @@ function he({
       ] }) });
     case "blog":
       return /* @__PURE__ */ e("section", { className: `${r.hero} ${w}`, children: /* @__PURE__ */ c("article", { className: r.container, children: [
-        l ? l.includes("vimeo.com") || l.includes("youtube.com") || l.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
+        o ? o.includes("vimeo.com") || o.includes("youtube.com") || o.includes("youtu.be") ? /* @__PURE__ */ e("div", { className: r.videoBackground, children: /* @__PURE__ */ e(
           "iframe",
           {
-            src: l.includes("vimeo.com") ? `${l}?autoplay=1&muted=1&loop=1&background=1` : `${l}?autoplay=1&mute=1&loop=1&playlist=${k(
-              l
+            src: o.includes("vimeo.com") ? `${o}?autoplay=1&muted=1&loop=1&background=1` : `${o}?autoplay=1&mute=1&loop=1&playlist=${k(
+              o
             )}`,
             className: r.iframe,
             allow: "autoplay; fullscreen",
@@ -262,21 +262,21 @@ function he({
           /* @__PURE__ */ e(
             "video",
             {
-              ref: y,
+              ref: p,
               className: r.videoBackground,
-              src: l,
-              autoPlay: !d,
+              src: o,
+              autoPlay: !m,
               loop: !0,
               muted: !0,
               playsInline: !0,
-              poster: (t == null ? void 0 : t.imageUrl) || void 0
+              poster: (l == null ? void 0 : l.imageUrl) || void 0
             }
           )
         ] }) : /* @__PURE__ */ e(
           C,
           {
-            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: (l == null ? void 0 : l.imageUrl) ?? "",
+            alt: (l == null ? void 0 : l.asset.altText) || (l == null ? void 0 : l.asset.description) || "Card image",
             fill: !0,
             priority: !0,
             style: { objectFit: "cover" },
@@ -286,49 +286,49 @@ function he({
         ),
         /* @__PURE__ */ e("div", { className: r.overlay, children: /* @__PURE__ */ c("div", { className: r.text, children: [
           /* @__PURE__ */ c("div", { children: [
-            o.eyebrow && /* @__PURE__ */ e(
+            t.eyebrow && /* @__PURE__ */ e(
               i,
               {
                 className: r.eyebrow,
-                blocks: o.eyebrow
+                blocks: t.eyebrow
               }
             ),
             u && /* @__PURE__ */ c("div", { className: r.articleDetails, children: [
-              f && /* @__PURE__ */ e(
+              h && /* @__PURE__ */ e(
                 $,
                 {
                   href: `/blog/search?categories=${encodeURIComponent(
-                    f._id
+                    h._id
                   )}`,
                   className: r.articleType,
-                  children: f.title
+                  children: h.title
                 },
-                f._id
+                h._id
               ),
               /* @__PURE__ */ c("div", { className: r.articleCategories, children: [
-                b && /* @__PURE__ */ e(
+                f && /* @__PURE__ */ e(
                   $,
                   {
                     href: `/blog/search?categories=${encodeURIComponent(
-                      b._id
+                      f._id
                     )}`,
                     className: r.category,
-                    children: b.title
+                    children: f.title
                   },
-                  b._id
+                  f._id
                 ),
-                m && m.title.toLowerCase() !== "library" && !m.slug.current.includes(
+                y && y.title.toLowerCase() !== "library" && !y.slug.current.includes(
                   "keywords"
                 ) && /* @__PURE__ */ e(
                   $,
                   {
                     href: `/blog/search?categories=${encodeURIComponent(
-                      m._id
+                      y._id
                     )}`,
                     className: r.category,
-                    children: m.title
+                    children: y.title
                   },
-                  m._id
+                  y._id
                 )
               ] }),
               u.timeToRead && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ c("span", { children: [
@@ -336,11 +336,11 @@ function he({
                 "min read"
               ] }) })
             ] }),
-            /* @__PURE__ */ e(i, { blocks: o.title })
+            /* @__PURE__ */ e(i, { blocks: t.title })
           ] }),
-          o.description && /* @__PURE__ */ e(i, { blocks: o.description }),
+          t.description && /* @__PURE__ */ e(i, { blocks: t.description }),
           n && /* @__PURE__ */ e(
-            h,
+            v,
             {
               items: n.items,
               alignment: n.alignment
@@ -351,5 +351,5 @@ function he({
   }
 }
 export {
-  he as HeroBlock
+  we as HeroBlock
 };

package/package.json

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