quirk-ui 0.1.107 → 0.1.108

package/dist/{HeroSubComponents-Cxv7hryT.js → HeroSubComponents-BGkwbcKC.js}

@@ -1,30 +1,30 @@
 import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { memo as y, forwardRef as p, useRef as v, useImperativeHandle as b, useEffect as g } from "react";
-import { buildEmbedSrc as j, resolveImageUrl as x, resolveAltText as w } from "./next/utils/mediaUtils.mjs";
-import { c as N } from "./createLucideIcon-C8GTh_Qx.js";
-import { P as C } from "./play-DYgKiSaf.js";
+import { memo as u, forwardRef as p, useRef as w, useImperativeHandle as v, useEffect as b } from "react";
+import { buildEmbedSrc as g, resolveImageUrl as x, resolveAltText as N } from "./next/utils/mediaUtils.mjs";
+import { c as C } from "./createLucideIcon-C8GTh_Qx.js";
+import { P as k } from "./play-DYgKiSaf.js";
 import './HeroSubComponents.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 k = [
+const B = [
   ["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" }]
-], B = N("pause", k), V = "_hero_2jyyr_1", I = "_container_2jyyr_7", E = "_heading_2jyyr_15", z = "_text_2jyyr_22", T = "_eyebrow_2jyyr_37", H = "_disclaimer_2jyyr_41", P = "_articleDetails_2jyyr_53", D = "_articleType_2jyyr_66", F = "_articleCategories_2jyyr_80", R = "_category_2jyyr_86", A = "_number_2jyyr_102", S = "_blog_2jyyr_129", L = "_overlay_2jyyr_155", U = "_tile_2jyyr_225", Y = "_fullBleed_2jyyr_334", q = "_media_2jyyr_361", G = "_splitAlt_2jyyr_448", J = "_split_2jyyr_448", K = "_videoControl_2jyyr_522", M = "_videoBackground_2jyyr_570", O = "_iframe_2jyyr_571", l = {
-  hero: V,
-  container: I,
-  heading: E,
-  text: z,
-  eyebrow: T,
+], V = C("pause", B), I = "_hero_6wr3y_1", E = "_container_6wr3y_7", z = "_heading_6wr3y_15", T = "_text_6wr3y_22", j = "_eyebrow_6wr3y_37", H = "_disclaimer_6wr3y_41", P = "_articleDetails_6wr3y_53", D = "_articleType_6wr3y_66", F = "_articleCategories_6wr3y_80", R = "_category_6wr3y_86", A = "_number_6wr3y_102", S = "_blog_6wr3y_129", L = "_overlay_6wr3y_155", U = "_tile_6wr3y_225", Y = "_fullBleed_6wr3y_334", q = "_media_6wr3y_361", G = "_splitAlt_6wr3y_448", J = "_split_6wr3y_448", K = "_videoControl_6wr3y_522", M = "_videoBackground_6wr3y_570", O = "_iframe_6wr3y_571", l = {
+  hero: I,
+  container: E,
+  heading: z,
+  text: T,
+  eyebrow: j,
   disclaimer: H,
   articleDetails: P,
   articleType: D,
   articleCategories: F,
   category: R,
   number: A,
-  default: "_default_2jyyr_125",
+  default: "_default_6wr3y_125",
   blog: S,
   overlay: L,
   tile: U,
@@ -35,7 +35,7 @@ const k = [
   videoControl: K,
   videoBackground: M,
   iframe: O
-}, Q = y(function({
+}, Q = u(function({
   isPlaying: e,
   onToggle: o
 }) {
@@ -47,16 +47,16 @@ const k = [
       "aria-label": e ? "Pause video" : "Play video",
       className: l.videoControl,
       onClick: o,
-      children: e ? /* @__PURE__ */ t(B, { size: 18, "aria-hidden": !0 }) : /* @__PURE__ */ t(C, { size: 18, "aria-hidden": !0 })
+      children: e ? /* @__PURE__ */ t(V, { size: 18, "aria-hidden": !0 }) : /* @__PURE__ */ t(k, { size: 18, "aria-hidden": !0 })
     }
   );
-}), m = y(function({
+}), y = u(function({
   url: e,
   provider: o,
   wrapperClassName: s,
   iframeClassName: a
 }) {
-  const i = j(e, o);
+  const i = g(e, o);
   return /* @__PURE__ */ t("div", { className: s, children: /* @__PURE__ */ t(
     "iframe",
     {
@@ -68,7 +68,7 @@ const k = [
       "aria-label": "Background video"
     }
   ) });
-}), f = y(
+}), f = u(
   p(function({
     src: e,
     autoPlay: o,
@@ -77,9 +77,9 @@ const k = [
     videoClassName: i,
     isPlaying: c,
     onToggle: d
-  }, _) {
-    const n = v(null);
-    return b(_, () => ({
+  }, m) {
+    const n = w(null);
+    return v(m, () => ({
       play() {
         var r;
         (r = n.current) == null || r.play().catch(() => {
@@ -89,7 +89,7 @@ const k = [
         var r;
         (r = n.current) == null || r.pause();
       }
-    })), g(() => {
+    })), b(() => {
       const r = n.current;
       r && (c ? r.play().catch(() => {
       }) : r.pause());
@@ -112,7 +112,7 @@ const k = [
       )
     ] });
   })
-), te = y(function({
+), te = u(function({
   url: e,
   autoPlay: o,
   posterUrl: s,
@@ -120,9 +120,9 @@ const k = [
   onToggle: i,
   variant: c
 }) {
-  const d = e.includes("vimeo.com"), _ = e.includes("youtube.com") || e.includes("youtu.be"), n = d || _, r = d ? "vimeo" : "youtube";
+  const d = e.includes("vimeo.com"), m = e.includes("youtube.com") || e.includes("youtu.be"), n = d || m, r = d ? "vimeo" : "youtube";
   return c === "inline" ? n ? /* @__PURE__ */ t(
-    m,
+    y,
     {
       url: e,
       provider: r,
@@ -139,7 +139,7 @@ const k = [
       onToggle: i
     }
   ) : n ? /* @__PURE__ */ t(
-    m,
+    y,
     {
       url: e,
       provider: r,
@@ -157,7 +157,7 @@ const k = [
       onToggle: i
     }
   );
-}), re = y(function({
+}), re = u(function({
   image: e,
   mode: o,
   variant: s,
@@ -165,7 +165,7 @@ const k = [
 }) {
   const i = x(e, o, "medium");
   if (!i) return null;
-  const c = w(e, o), d = /* @__PURE__ */ t(
+  const c = N(e, o), d = /* @__PURE__ */ t(
     "img",
     {
       fetchPriority: "high",
@@ -198,6 +198,6 @@ export {
   f as N,
   te as V,
   Q as a,
-  m as b,
+  y as b,
   l as s
 };

package/dist/{HeroSubComponents-UbEVX5Wy.cjs → HeroSubComponents-DzbDRtdk.cjs}

@@ -1,6 +1,6 @@
-"use strict";require('./HeroSubComponents.css');const t=require("react/jsx-runtime"),l=require("react"),m=require("./next/utils/mediaUtils.cjs"),v=require("./createLucideIcon-DpotSgUx.cjs"),p=require("./play-CQBnZgNa.cjs");/**
+"use strict";require('./HeroSubComponents.css');const t=require("react/jsx-runtime"),l=require("react"),y=require("./next/utils/mediaUtils.cjs"),w=require("./createLucideIcon-DpotSgUx.cjs"),p=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 x=[["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"}]],b=v.createLucideIcon("pause",x),g="_hero_2jyyr_1",w="_container_2jyyr_7",C="_heading_2jyyr_15",N="_text_2jyyr_22",k="_eyebrow_2jyyr_37",B="_disclaimer_2jyyr_41",V="_articleDetails_2jyyr_53",I="_articleType_2jyyr_66",E="_articleCategories_2jyyr_80",q="_category_2jyyr_86",z="_number_2jyyr_102",T="_blog_2jyyr_129",H="_overlay_2jyyr_155",R="_tile_2jyyr_225",D="_fullBleed_2jyyr_334",F="_media_2jyyr_361",P="_splitAlt_2jyyr_448",A="_split_2jyyr_448",L="_videoControl_2jyyr_522",S="_videoBackground_2jyyr_570",U="_iframe_2jyyr_571",n={hero:g,container:w,heading:C,text:N,eyebrow:k,disclaimer:B,articleDetails:V,articleType:I,articleCategories:E,category:q,number:z,default:"_default_2jyyr_125",blog:T,overlay:H,tile:R,fullBleed:D,media:F,splitAlt:P,split:A,videoControl:L,videoBackground:S,iframe:U},j=l.memo(function({isPlaying:e,onToggle:o}){return t.jsx("button",{type:"button",title:e?"Pause the video":"Play the video","aria-label":e?"Pause video":"Play video",className:n.videoControl,onClick:o,children:e?t.jsx(b,{size:18,"aria-hidden":!0}):t.jsx(p.Play,{size:18,"aria-hidden":!0})})}),h=l.memo(function({url:e,provider:o,wrapperClassName:c,iframeClassName:s}){const i=m.buildEmbedSrc(e,o);return t.jsx("div",{className:c,children:t.jsx("iframe",{src:i,className:s,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),f=l.memo(l.forwardRef(function({src:e,autoPlay:o,posterUrl:c,wrapperClassName:s,videoClassName:i,isPlaying:a,onToggle:u},_){const d=l.useRef(null);return l.useImperativeHandle(_,()=>({play(){var r;(r=d.current)==null||r.play().catch(()=>{})},pause(){var r;(r=d.current)==null||r.pause()}})),l.useEffect(()=>{const r=d.current;r&&(a?r.play().catch(()=>{}):r.pause())},[a]),t.jsxs("div",{className:s,children:[t.jsx(j,{isPlaying:a,onToggle:u}),t.jsx("video",{ref:d,src:e,autoPlay:o,loop:!0,muted:!0,playsInline:!0,poster:c,preload:"metadata",className:i,"aria-label":"Background video"})]})})),$=l.memo(function({url:e,autoPlay:o,posterUrl:c,isPlaying:s,onToggle:i,variant:a}){const u=e.includes("vimeo.com"),_=e.includes("youtube.com")||e.includes("youtu.be"),d=u||_,r=u?"vimeo":"youtube";return a==="inline"?d?t.jsx(h,{url:e,provider:r,wrapperClassName:n.media}):t.jsx(f,{src:e,autoPlay:o,posterUrl:c,wrapperClassName:n.media,isPlaying:s,onToggle:i}):d?t.jsx(h,{url:e,provider:r,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):t.jsx(f,{src:e,autoPlay:o,posterUrl:c,videoClassName:n.videoBackground,isPlaying:s,onToggle:i})}),Y=l.memo(function({image:e,mode:o,variant:c,imageAdapter:s}){const i=m.resolveImageUrl(e,o,"medium");if(!i)return null;const a=m.resolveAltText(e,o),u=t.jsx("img",{fetchPriority:"high",src:i,alt:a,draggable:!1,style:c==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"100%"}});return s?t.jsx("div",{className:n.media,children:c==="fill"?s.render({src:i,alt:a,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):s.render({src:i,alt:a,width:650,height:750,priority:!0,fetchPriority:"high"})}):t.jsx("div",{className:n.media,children:u})});exports.HeroImage=Y;exports.NativeVideo=f;exports.VideoBlock=$;exports.VideoControl=j;exports.VideoEmbed=h;exports.styles=n;
+ */const x=[["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"}]],b=w.createLucideIcon("pause",x),g="_hero_6wr3y_1",j="_container_6wr3y_7",C="_heading_6wr3y_15",N="_text_6wr3y_22",k="_eyebrow_6wr3y_37",B="_disclaimer_6wr3y_41",V="_articleDetails_6wr3y_53",I="_articleType_6wr3y_66",E="_articleCategories_6wr3y_80",q="_category_6wr3y_86",z="_number_6wr3y_102",T="_blog_6wr3y_129",H="_overlay_6wr3y_155",R="_tile_6wr3y_225",D="_fullBleed_6wr3y_334",F="_media_6wr3y_361",P="_splitAlt_6wr3y_448",A="_split_6wr3y_448",L="_videoControl_6wr3y_522",S="_videoBackground_6wr3y_570",U="_iframe_6wr3y_571",n={hero:g,container:j,heading:C,text:N,eyebrow:k,disclaimer:B,articleDetails:V,articleType:I,articleCategories:E,category:q,number:z,default:"_default_6wr3y_125",blog:T,overlay:H,tile:R,fullBleed:D,media:F,splitAlt:P,split:A,videoControl:L,videoBackground:S,iframe:U},v=l.memo(function({isPlaying:e,onToggle:o}){return t.jsx("button",{type:"button",title:e?"Pause the video":"Play the video","aria-label":e?"Pause video":"Play video",className:n.videoControl,onClick:o,children:e?t.jsx(b,{size:18,"aria-hidden":!0}):t.jsx(p.Play,{size:18,"aria-hidden":!0})})}),h=l.memo(function({url:e,provider:o,wrapperClassName:c,iframeClassName:s}){const i=y.buildEmbedSrc(e,o);return t.jsx("div",{className:c,children:t.jsx("iframe",{src:i,className:s,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),f=l.memo(l.forwardRef(function({src:e,autoPlay:o,posterUrl:c,wrapperClassName:s,videoClassName:i,isPlaying:a,onToggle:u},m){const d=l.useRef(null);return l.useImperativeHandle(m,()=>({play(){var r;(r=d.current)==null||r.play().catch(()=>{})},pause(){var r;(r=d.current)==null||r.pause()}})),l.useEffect(()=>{const r=d.current;r&&(a?r.play().catch(()=>{}):r.pause())},[a]),t.jsxs("div",{className:s,children:[t.jsx(v,{isPlaying:a,onToggle:u}),t.jsx("video",{ref:d,src:e,autoPlay:o,loop:!0,muted:!0,playsInline:!0,poster:c,preload:"metadata",className:i,"aria-label":"Background video"})]})})),$=l.memo(function({url:e,autoPlay:o,posterUrl:c,isPlaying:s,onToggle:i,variant:a}){const u=e.includes("vimeo.com"),m=e.includes("youtube.com")||e.includes("youtu.be"),d=u||m,r=u?"vimeo":"youtube";return a==="inline"?d?t.jsx(h,{url:e,provider:r,wrapperClassName:n.media}):t.jsx(f,{src:e,autoPlay:o,posterUrl:c,wrapperClassName:n.media,isPlaying:s,onToggle:i}):d?t.jsx(h,{url:e,provider:r,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):t.jsx(f,{src:e,autoPlay:o,posterUrl:c,videoClassName:n.videoBackground,isPlaying:s,onToggle:i})}),Y=l.memo(function({image:e,mode:o,variant:c,imageAdapter:s}){const i=y.resolveImageUrl(e,o,"medium");if(!i)return null;const a=y.resolveAltText(e,o),u=t.jsx("img",{fetchPriority:"high",src:i,alt:a,draggable:!1,style:c==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"100%"}});return s?t.jsx("div",{className:n.media,children:c==="fill"?s.render({src:i,alt:a,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):s.render({src:i,alt:a,width:650,height:750,priority:!0,fetchPriority:"high"})}):t.jsx("div",{className:n.media,children:u})});exports.HeroImage=Y;exports.NativeVideo=f;exports.VideoBlock=$;exports.VideoControl=v;exports.VideoEmbed=h;exports.styles=n;

package/dist/HeroSubComponents.css

@@ -1 +1 @@
-._hero_2jyyr_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_2jyyr_7{width:100%;max-width:var(--layout-width, 1300px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_2jyyr_15{display:flex;flex-direction:column;width:100%;flex:1;gap:var(--spacing-md)}._heading_2jyyr_15:not(:has(._text_2jyyr_22 .portableTextContainer)){gap:var(--spacing-lg)}._heading_2jyyr_15 h1,._heading_2jyyr_15 h2,._heading_2jyyr_15 h3,._heading_2jyyr_15 h4,._heading_2jyyr_15 h5,._heading_2jyyr_15 h6{width:100%;margin-block:0}._eyebrow_2jyyr_37{font-weight:var(--font-weight-bold)}._disclaimer_2jyyr_41{color:var(--color-text-primary);font-size:var(--font-size-sm)}._text_2jyyr_22{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}._articleDetails_2jyyr_53{color:var(--color-secondary-75);display:flex;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}@media (max-width: 767px){._articleDetails_2jyyr_53{flex-wrap:wrap;gap:var(--spacing-md)}}._articleType_2jyyr_66{display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);padding:0 var(--spacing-md);color:#fff;width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._articleCategories_2jyyr_80{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}._category_2jyyr_86{border:1px solid var(--color-secondary-75);display:flex;align-items:center;justify-content:center;background-color:transparent;padding:0 var(--spacing-md);color:var(--color-secondary-75);width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._number_2jyyr_102{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);color:#fff;width:25px;height:25px;border-radius:var(--radius-full);text-transform:capitalize;margin-right:var(--spacing-xs)}._pipe_2jyyr_115{margin:0 var(--spacing-sm)}@media (max-width: 767px){._pipe_2jyyr_115._hide_2jyyr_118{display:none}}._default_2jyyr_125{position:relative}._blog_2jyyr_129{position:relative;padding:0 var(--spacing-md)}._blog_2jyyr_129 ._container_2jyyr_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:450px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._blog_2jyyr_129 ._container_2jyyr_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._blog_2jyyr_129 ._overlay_2jyyr_155{width:100%;padding:4rem var(--spacing-md) var(--spacing-xl)}}._blog_2jyyr_129 ._text_2jyyr_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._blog_2jyyr_129 ._text_2jyyr_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._blog_2jyyr_129 ._text_2jyyr_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._blog_2jyyr_129 ._text_2jyyr_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._tile_2jyyr_225{position:relative;padding:0 var(--spacing-md)}._tile_2jyyr_225 ._container_2jyyr_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._tile_2jyyr_225 ._container_2jyyr_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._tile_2jyyr_225 ._overlay_2jyyr_155{width:100%;padding:var(--spacing-md)}}@media (max-width: 767px){._tile_2jyyr_225:has(video) ._overlay_2jyyr_155{padding-bottom:3rem}}._tile_2jyyr_225 ._text_2jyyr_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._tile_2jyyr_225 ._text_2jyyr_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._tile_2jyyr_225 ._text_2jyyr_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._tile_2jyyr_225 ._text_2jyyr_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._fullBleed_2jyyr_334{position:relative;padding-top:0;padding-bottom:0}._fullBleed_2jyyr_334 ._container_2jyyr_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;border-radius:0}._fullBleed_2jyyr_334 ._container_2jyyr_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_2jyyr_334 ._media_2jyyr_361{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;border-radius:0}._fullBleed_2jyyr_334 ._media_2jyyr_361 img,._fullBleed_2jyyr_334 ._media_2jyyr_361 video,._fullBleed_2jyyr_334 ._media_2jyyr_361 iframe{width:100%;height:100%;object-fit:cover;display:block}._fullBleed_2jyyr_334 ._overlay_2jyyr_155{position:relative;z-index:1;min-height:80vh;display:flex;align-items:flex-end;background:linear-gradient(to top,#000000a6,#0000004d,#0000)}@media (max-width: 767px){._fullBleed_2jyyr_334 ._overlay_2jyyr_155{min-height:60vh}}._fullBleed_2jyyr_334 ._text_2jyyr_22{max-width:700px;color:#fff;background-color:transparent;padding:0;border-radius:0;z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}._fullBleed_2jyyr_334 ._text_2jyyr_22:before,._fullBleed_2jyyr_334 ._text_2jyyr_22:after{display:none}@media (max-width: 767px){._fullBleed_2jyyr_334:has(video) ._text_2jyyr_22{margin-bottom:3rem}}._default_2jyyr_125 ._media_2jyyr_361{position:relative;width:100%;height:480px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._default_2jyyr_125 ._media_2jyyr_361{height:280px}}._default_2jyyr_125 ._media_2jyyr_361 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}._splitAlt_2jyyr_448 ._media_2jyyr_361,._split_2jyyr_448 ._media_2jyyr_361{height:100%;padding-bottom:0;margin-bottom:0}._splitAlt_2jyyr_448 ._media_2jyyr_361 video,._splitAlt_2jyyr_448 ._media_2jyyr_361 iframe,._split_2jyyr_448 ._media_2jyyr_361 video,._split_2jyyr_448 ._media_2jyyr_361 iframe{position:relative;border-radius:var(--radius-md)}._splitAlt_2jyyr_448 ._media_2jyyr_361 img,._split_2jyyr_448 ._media_2jyyr_361 img{border-radius:var(--radius-md);width:100%;height:auto;max-height:500px;object-fit:contain}._splitAlt_2jyyr_448 ._container_2jyyr_7{display:flex;align-items:center;gap:3rem}@media (max-width: 767px){._splitAlt_2jyyr_448 ._container_2jyyr_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._splitAlt_2jyyr_448 ._container_2jyyr_7 ._media_2jyyr_361{width:100%;max-width:500px}}._splitAlt_2jyyr_448 ._container_2jyyr_7 ._media_2jyyr_361{flex:.65}._splitAlt_2jyyr_448 ._container_2jyyr_7 ._heading_2jyyr_15{flex:.35}._split_2jyyr_448 ._container_2jyyr_7{display:flex;align-items:center;gap:3rem}._split_2jyyr_448 ._container_2jyyr_7 ._media_2jyyr_361{flex:1}._split_2jyyr_448 ._container_2jyyr_7 ._media_2jyyr_361 img{width:100%;height:auto;max-height:500px;object-fit:contain}@media (max-width: 767px){._split_2jyyr_448 ._container_2jyyr_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._split_2jyyr_448 ._container_2jyyr_7 ._media_2jyyr_361{width:100%;max-width:500px}}._videoControl_2jyyr_522{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:5;background:#00000080;border:none;border-radius:50%;padding:var(--spacing-sm);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out}._videoControl_2jyyr_522 svg{width:16px;height:16px}._videoControl_2jyyr_522:hover{color:var(--color-primary-25)}._media_2jyyr_361{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1;margin-bottom:var(--spacing-md);line-height:0}._media_2jyyr_361 iframe,._media_2jyyr_361 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._videoBackground_2jyyr_570,._iframe_2jyyr_571{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}._iframe_2jyyr_571{border:none}.splitAlt ._text_2jyyr_22{flex:.65}
+._hero_6wr3y_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_6wr3y_7{width:100%;max-width:var(--layout-width, 1300px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_6wr3y_15{display:flex;flex-direction:column;width:100%;flex:1;gap:var(--spacing-md)}._heading_6wr3y_15:not(:has(._text_6wr3y_22 .portableTextContainer)){gap:var(--spacing-lg)}._heading_6wr3y_15 h1,._heading_6wr3y_15 h2,._heading_6wr3y_15 h3,._heading_6wr3y_15 h4,._heading_6wr3y_15 h5,._heading_6wr3y_15 h6{width:100%;margin-block:0}._eyebrow_6wr3y_37{font-weight:var(--font-weight-bold)}._disclaimer_6wr3y_41{color:var(--color-text-primary);font-size:var(--font-size-sm)}._text_6wr3y_22{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}._articleDetails_6wr3y_53{color:var(--color-secondary-75);display:flex;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}@media (max-width: 767px){._articleDetails_6wr3y_53{flex-wrap:wrap;gap:var(--spacing-md)}}._articleType_6wr3y_66{display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);padding:0 var(--spacing-md);color:#fff;width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._articleCategories_6wr3y_80{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}._category_6wr3y_86{border:1px solid var(--color-secondary-75);display:flex;align-items:center;justify-content:center;background-color:transparent;padding:0 var(--spacing-md);color:var(--color-secondary-75);width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._number_6wr3y_102{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);color:#fff;width:25px;height:25px;border-radius:var(--radius-full);text-transform:capitalize;margin-right:var(--spacing-xs)}._pipe_6wr3y_115{margin:0 var(--spacing-sm)}@media (max-width: 767px){._pipe_6wr3y_115._hide_6wr3y_118{display:none}}._default_6wr3y_125{position:relative}._blog_6wr3y_129{position:relative;padding:0 var(--spacing-md)}._blog_6wr3y_129 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:450px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._blog_6wr3y_129 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._blog_6wr3y_129 ._overlay_6wr3y_155{width:100%;padding:4rem var(--spacing-md) var(--spacing-xl)}}._blog_6wr3y_129 ._text_6wr3y_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._blog_6wr3y_129 ._text_6wr3y_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._blog_6wr3y_129 ._text_6wr3y_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._blog_6wr3y_129 ._text_6wr3y_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._tile_6wr3y_225{position:relative;padding:0 var(--spacing-md)}._tile_6wr3y_225 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._tile_6wr3y_225 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._tile_6wr3y_225 ._overlay_6wr3y_155{width:100%;padding:var(--spacing-md)}}@media (max-width: 767px){._tile_6wr3y_225:has(video) ._overlay_6wr3y_155{padding-bottom:3rem}}._tile_6wr3y_225 ._text_6wr3y_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._tile_6wr3y_225 ._text_6wr3y_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._tile_6wr3y_225 ._text_6wr3y_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._tile_6wr3y_225 ._text_6wr3y_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._fullBleed_6wr3y_334{position:relative;padding-top:0;padding-bottom:0}._fullBleed_6wr3y_334 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;border-radius:0}._fullBleed_6wr3y_334 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_6wr3y_334 ._media_6wr3y_361{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;border-radius:0}._fullBleed_6wr3y_334 ._media_6wr3y_361 img,._fullBleed_6wr3y_334 ._media_6wr3y_361 video,._fullBleed_6wr3y_334 ._media_6wr3y_361 iframe{width:100%;height:100%;object-fit:cover;display:block}._fullBleed_6wr3y_334 ._overlay_6wr3y_155{position:relative;z-index:1;min-height:80vh;display:flex;align-items:flex-end;background:linear-gradient(to top,#000000a6,#0000004d,#0000)}@media (max-width: 767px){._fullBleed_6wr3y_334 ._overlay_6wr3y_155{min-height:60vh}}._fullBleed_6wr3y_334 ._text_6wr3y_22{max-width:700px;color:#fff;background-color:transparent;padding:0;border-radius:0;z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}._fullBleed_6wr3y_334 ._text_6wr3y_22:before,._fullBleed_6wr3y_334 ._text_6wr3y_22:after{display:none}@media (max-width: 767px){._fullBleed_6wr3y_334:has(video) ._text_6wr3y_22{margin-bottom:3rem}}._default_6wr3y_125 ._media_6wr3y_361{position:relative;width:100%;height:480px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._default_6wr3y_125 ._media_6wr3y_361{height:280px}}._default_6wr3y_125 ._media_6wr3y_361 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}._splitAlt_6wr3y_448 ._media_6wr3y_361,._split_6wr3y_448 ._media_6wr3y_361{height:100%;padding-bottom:0;margin-bottom:0}._splitAlt_6wr3y_448 ._media_6wr3y_361 video,._splitAlt_6wr3y_448 ._media_6wr3y_361 iframe,._split_6wr3y_448 ._media_6wr3y_361 video,._split_6wr3y_448 ._media_6wr3y_361 iframe{position:relative;border-radius:var(--radius-md)}._splitAlt_6wr3y_448 ._media_6wr3y_361 img,._split_6wr3y_448 ._media_6wr3y_361 img{border-radius:var(--radius-md);width:100%;height:auto;max-height:500px;object-fit:contain}._splitAlt_6wr3y_448 ._container_6wr3y_7{display:flex;align-items:center;gap:3rem}@media (max-width: 767px){._splitAlt_6wr3y_448 ._container_6wr3y_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{width:100%;max-width:500px}}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{flex:.65}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._heading_6wr3y_15{flex:.35}._split_6wr3y_448 ._container_6wr3y_7{display:flex;align-items:center;gap:3rem}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{flex:1}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361 img{width:100%;height:auto;max-height:500px;object-fit:contain}@media (max-width: 767px){._split_6wr3y_448 ._container_6wr3y_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{width:100%;max-width:500px}}._videoControl_6wr3y_522{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:5;background:#00000080;border:none;border-radius:50%;padding:var(--spacing-sm);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out}._videoControl_6wr3y_522 svg{width:16px;height:16px}._videoControl_6wr3y_522:hover{color:var(--color-primary-25)}._media_6wr3y_361{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1;margin-bottom:var(--spacing-md);line-height:0}._media_6wr3y_361 iframe,._media_6wr3y_361 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._videoBackground_6wr3y_570,._iframe_6wr3y_571{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}._iframe_6wr3y_571{border:none}.splitAlt ._text_6wr3y_22{flex:.65}

package/dist/core/components/Sidebar/Sidebar.test.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),r=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.vi.mock("../../utils/NoScroll/noScroll",()=>({lockScroll:e.vi.fn(),unlockScroll:e.vi.fn()}));const o=[{_key:"section1",label:"Getting Started",sublinks:[{_key:"link1",label:"Introduction",href:"/intro"},{_key:"link2",label:"Installation",href:"/install"}]},{_key:"section2",label:"Components",sublinks:[{_key:"link3",label:"Button",href:"/components/button"},{_key:"link4",label:"Input",href:"/components/input"}]}],l=[{_key:"item1",label:"Home",href:"/"},{_key:"item2",label:"About",href:"/about"},{_key:"item3",label:"Contact",href:"/contact"}];e.describe("Sidebar",()=>{e.beforeEach(()=>{global.innerWidth=1024}),e.describe("Rendering",()=>{e.it("renders sidebar with items",()=>{e.render(i.jsx(r.Sidebar,{items:o})),e.globalExpect(e.screen.getByText("Getting Started")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Components")).toBeInTheDocument()}),e.it("renders navigation links",()=>{e.render(i.jsx(r.Sidebar,{items:o})),e.globalExpect(e.screen.getByText("Introduction")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Installation")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Button")).toBeInTheDocument()}),e.it("renders with title",()=>{e.render(i.jsx(r.Sidebar,{items:o,title:"Documentation"})),e.globalExpect(e.screen.getByText("Documentation")).toBeInTheDocument()}),e.it("renders without items",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:[]})),n=t.querySelector("nav");e.globalExpect(n).toBeInTheDocument()})}),e.describe("Menu Toggle",()=>{e.it("renders toggle button",()=>{e.render(i.jsx(r.Sidebar,{items:o}));const t=e.screen.getByRole("button",{name:/open menu/i});e.globalExpect(t).toBeInTheDocument()}),e.it("toggles menu open on click",()=>{e.render(i.jsx(r.Sidebar,{items:o}));const t=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","true"),e.globalExpect(t).toHaveAccessibleName("Close menu")}),e.it("toggles menu closed on second click",()=>{e.render(i.jsx(r.Sidebar,{items:o}));const t=e.screen.getByRole("button");e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","true"),e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","false")})}),e.describe("Alignment",()=>{e.it("renders with left alignment by default",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o})),n=t.querySelector("aside");e.globalExpect(n).toHaveClass("left")}),e.it("renders with right alignment",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o,alignment:"right"})),n=t.querySelector("aside");e.globalExpect(n).toHaveClass("right")})}),e.describe("External Links",()=>{e.it("renders external links with target=_blank",()=>{const t=[{_key:"external",label:"External",sublinks:[{_key:"link1",label:"GitHub",href:"https://github.com",isExternal:!0}]}];e.render(i.jsx(r.Sidebar,{items:t}));const n=e.screen.getByText("GitHub");e.globalExpect(n).toHaveAttribute("target","_blank"),e.globalExpect(n).toHaveAttribute("rel","noopener noreferrer")}),e.it("renders internal links without target attribute",()=>{e.render(i.jsx(r.Sidebar,{items:o}));const t=e.screen.getByText("Introduction");e.globalExpect(t).toHaveAttribute("target","_self"),e.globalExpect(t).not.toHaveAttribute("rel")})}),e.describe("Link Click Handling",()=>{e.it("calls onClick when provided",()=>{const t=e.vi.fn(),n=[{_key:"section",label:"Section",sublinks:[{_key:"link",label:"Clickable",href:"#",onClick:t}]}];e.render(i.jsx(r.Sidebar,{items:n}));const a=e.screen.getByText("Clickable");e.fireEvent.click(a),e.globalExpect(t).toHaveBeenCalled()})}),e.describe("Single Level Items",()=>{e.it("renders items without sublinks as direct links",()=>{e.render(i.jsx(r.Sidebar,{items:l})),e.globalExpect(e.screen.getByText("Home")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("About")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Contact")).toBeInTheDocument()}),e.it("single level links have correct href",()=>{e.render(i.jsx(r.Sidebar,{items:l}));const t=e.screen.getByText("Home");e.globalExpect(t).toHaveAttribute("href","/")})}),e.describe("Custom Styling",()=>{e.it("applies custom className",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o,className:"custom-sidebar"})),n=t.querySelector("aside");e.globalExpect(n).toHaveClass("custom-sidebar")}),e.it("applies inline styles",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o,style:{maxWidth:"300px"}})),n=t.querySelector("aside");e.globalExpect(n==null?void 0:n.style.maxWidth).toBe("300px")})}),e.describe("Accessibility",()=>{e.it("has proper ARIA attributes on toggle button",()=>{e.render(i.jsx(r.Sidebar,{items:o}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("aria-label"),e.globalExpect(t).toHaveAttribute("aria-expanded"),e.globalExpect(t).toHaveAttribute("aria-controls","sidebar-nav")}),e.it("has aria-label on nav when title provided",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o,title:"Main Navigation"})),n=t.querySelector("nav");e.globalExpect(n).toHaveAttribute("aria-label","Main Navigation")}),e.it("has default aria-label on nav without title",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o})),n=t.querySelector("nav");e.globalExpect(n).toHaveAttribute("aria-label","Sidebar navigation")}),e.it("has role=menu on lists",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o})),n=t.querySelectorAll('[role="menu"]');e.globalExpect(n.length).toBeGreaterThan(0)}),e.it("has role=menuitem on links",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o})),n=t.querySelectorAll('[role="menuitem"]');e.globalExpect(n.length).toBeGreaterThan(0)})}),e.describe("Props Forwarding",()=>{e.it("forwards HTML attributes",()=>{const{container:t}=e.render(i.jsx(r.Sidebar,{items:o,"data-testid":"test-sidebar"}));e.globalExpect(t.querySelector("[data-testid='test-sidebar']")).toBeInTheDocument()})}),e.describe("Edge Cases",()=>{e.it("handles items without _key",()=>{const t=[{label:"Item 1",href:"/item1"},{label:"Item 2",href:"/item2"}];e.render(i.jsx(r.Sidebar,{items:t})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Item 2")).toBeInTheDocument()}),e.it("handles empty sublinks array",()=>{const t=[{_key:"item",label:"Item",href:"/item",sublinks:[]}];e.render(i.jsx(r.Sidebar,{items:t})),e.globalExpect(e.screen.getByText("Item")).toBeInTheDocument()})})});
+"use strict";const n=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),i=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.vi.mock("../../utils/NoScroll/noScroll",()=>({lockScroll:e.vi.fn(),unlockScroll:e.vi.fn()}));const o=[{_key:"section1",label:"Getting Started",sublinks:[{_key:"link1",label:"Introduction",href:"/intro"},{_key:"link2",label:"Installation",href:"/install"}]},{_key:"section2",label:"Components",sublinks:[{_key:"link3",label:"Button",href:"/components/button"},{_key:"link4",label:"Input",href:"/components/input"}]}],l=[{_key:"item1",label:"Home",href:"/"},{_key:"item2",label:"About",href:"/about"},{_key:"item3",label:"Contact",href:"/contact"}];e.describe("Sidebar",()=>{e.beforeEach(()=>{global.innerWidth=1024}),e.describe("Rendering",()=>{e.it("renders sidebar with items",()=>{e.render(n.jsx(i.Sidebar,{items:o})),e.globalExpect(e.screen.getByText("Getting Started")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Components")).toBeInTheDocument()}),e.it("renders navigation links",()=>{e.render(n.jsx(i.Sidebar,{items:o})),e.globalExpect(e.screen.getByText("Introduction")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Installation")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Button")).toBeInTheDocument()}),e.it("renders with title",()=>{e.render(n.jsx(i.Sidebar,{items:o,title:"Documentation"})),e.globalExpect(e.screen.getByText("Documentation")).toBeInTheDocument()}),e.it("renders without items",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:[]})),r=t.querySelector("nav");e.globalExpect(r).toBeInTheDocument()})}),e.describe("Menu Toggle",()=>{e.it("renders toggle button",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button",{name:/open menu/i});e.globalExpect(t).toBeInTheDocument()}),e.it("toggles menu open on click",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","true"),e.globalExpect(t).toHaveAccessibleName("Close menu")}),e.it("toggles menu closed on second click",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button");e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","true"),e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","false")})}),e.describe("Alignment",()=>{e.it("renders with left alignment by default",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelector("aside");e.globalExpect(r).toHaveClass("left")}),e.it("renders with right alignment",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,alignment:"right"})),r=t.querySelector("aside");e.globalExpect(r).toHaveClass("right")})}),e.describe("External Links",()=>{e.it("renders external links with target=_blank",()=>{const t=[{_key:"external",label:"External",sublinks:[{_key:"link1",label:"GitHub",href:"https://github.com",isExternal:!0}]}];e.render(n.jsx(i.Sidebar,{items:t}));const r=e.screen.getByText("GitHub");e.globalExpect(r).toHaveAttribute("target","_blank"),e.globalExpect(r).toHaveAttribute("rel","noopener noreferrer")}),e.it("renders internal links without target attribute",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByText("Introduction");e.globalExpect(t).toHaveAttribute("target","_self"),e.globalExpect(t).not.toHaveAttribute("rel")})}),e.describe("Link Click Handling",()=>{e.it("calls onClick when provided",()=>{const t=e.vi.fn(),r=[{_key:"section",label:"Section",sublinks:[{_key:"link",label:"Clickable",href:"#",onClick:t}]}];e.render(n.jsx(i.Sidebar,{items:r}));const s=e.screen.getByText("Clickable");e.fireEvent.click(s),e.globalExpect(t).toHaveBeenCalled()})}),e.describe("Single Level Items",()=>{e.it("renders items without sublinks as direct links",()=>{e.render(n.jsx(i.Sidebar,{items:l})),e.globalExpect(e.screen.getByText("Home")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("About")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Contact")).toBeInTheDocument()}),e.it("single level links have correct href",()=>{e.render(n.jsx(i.Sidebar,{items:l}));const t=e.screen.getByText("Home");e.globalExpect(t).toHaveAttribute("href","/")})}),e.describe("Custom Styling",()=>{e.it("applies custom className",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,className:"custom-sidebar"})),r=t.querySelector("aside");e.globalExpect(r).toHaveClass("custom-sidebar")}),e.it("applies inline styles",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,style:{maxWidth:"300px"}})),r=t.querySelector("aside");e.globalExpect(r==null?void 0:r.style.maxWidth).toBe("300px")})}),e.describe("Accessibility",()=>{e.it("has proper ARIA attributes on toggle button",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("aria-label"),e.globalExpect(t).toHaveAttribute("aria-expanded"),e.globalExpect(t).toHaveAttribute("aria-controls","sidebar-nav")}),e.it("has aria-label on nav when title provided",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,title:"Main Navigation"})),r=t.querySelector("nav");e.globalExpect(r).toHaveAttribute("aria-label","Main Navigation")}),e.it("has default aria-label on nav without title",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelector("nav");e.globalExpect(r).toHaveAttribute("aria-label","Sidebar navigation")}),e.it("does not use role=menu on lists (sidebar is navigation, not an app menu)",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelectorAll('[role="menu"]');e.globalExpect(r.length).toBe(0)}),e.it("does not use role=menuitem on links (sidebar uses native list semantics)",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelectorAll('[role="menuitem"]');e.globalExpect(r.length).toBe(0)}),e.it("navigation links are accessible via native list semantics",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getAllByRole("link");e.globalExpect(t.length).toBeGreaterThan(0)})}),e.describe("Props Forwarding",()=>{e.it("forwards HTML attributes",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,"data-testid":"test-sidebar"}));e.globalExpect(t.querySelector("[data-testid='test-sidebar']")).toBeInTheDocument()})}),e.describe("Edge Cases",()=>{e.it("handles items without _key",()=>{const t=[{label:"Item 1",href:"/item1"},{label:"Item 2",href:"/item2"}];e.render(n.jsx(i.Sidebar,{items:t})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Item 2")).toBeInTheDocument()}),e.it("handles empty sublinks array",()=>{const t=[{_key:"item",label:"Item",href:"/item",sublinks:[]}];e.render(n.jsx(i.Sidebar,{items:t})),e.globalExpect(e.screen.getByText("Item")).toBeInTheDocument()})})});

package/dist/core/components/Sidebar/Sidebar.test.mjs

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { v as u, d as c, b as d, i, r as o, g as t, s as l, f as m } from "../../../react.esm-DjxyacK8.js";
+import { v as u, d as c, b as h, i, r as o, g as t, s as l, f as m } from "../../../react.esm-DjxyacK8.js";
 import { Sidebar as s } from "./index.mjs";
 import "../../../index-DPGXWTtt.js";
 u.mock("../../utils/NoScroll/noScroll", () => ({
@@ -29,7 +29,7 @@ const r = [
   { _key: "item3", label: "Contact", href: "/contact" }
 ];
 c("Sidebar", () => {
-  d(() => {
+  h(() => {
     global.innerWidth = 1024;
   }), c("Rendering", () => {
     i("renders sidebar with items", () => {
@@ -99,8 +99,8 @@ c("Sidebar", () => {
           sublinks: [{ _key: "link", label: "Clickable", href: "#", onClick: e }]
         }
       ] }));
-      const h = l.getByText("Clickable");
-      m.click(h), t(e).toHaveBeenCalled();
+      const d = l.getByText("Clickable");
+      m.click(d), t(e).toHaveBeenCalled();
     });
   }), c("Single Level Items", () => {
     i("renders items without sublinks as direct links", () => {
@@ -135,12 +135,16 @@ c("Sidebar", () => {
     }), i("has default aria-label on nav without title", () => {
       const { container: e } = o(/* @__PURE__ */ n(s, { items: r })), a = e.querySelector("nav");
       t(a).toHaveAttribute("aria-label", "Sidebar navigation");
-    }), i("has role=menu on lists", () => {
+    }), i("does not use role=menu on lists (sidebar is navigation, not an app menu)", () => {
       const { container: e } = o(/* @__PURE__ */ n(s, { items: r })), a = e.querySelectorAll('[role="menu"]');
-      t(a.length).toBeGreaterThan(0);
-    }), i("has role=menuitem on links", () => {
+      t(a.length).toBe(0);
+    }), i("does not use role=menuitem on links (sidebar uses native list semantics)", () => {
       const { container: e } = o(/* @__PURE__ */ n(s, { items: r })), a = e.querySelectorAll('[role="menuitem"]');
-      t(a.length).toBeGreaterThan(0);
+      t(a.length).toBe(0);
+    }), i("navigation links are accessible via native list semantics", () => {
+      o(/* @__PURE__ */ n(s, { items: r }));
+      const e = l.getAllByRole("link");
+      t(e.length).toBeGreaterThan(0);
     });
   }), c("Props Forwarding", () => {
     i("forwards HTML attributes", () => {

package/dist/core/components/Sidebar/index.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index62.css');const n=require("react/jsx-runtime"),a=require("react"),t=require("../../utils/NoScroll/noScroll.cjs"),x=require("../../../x-Dft9NVe_.cjs"),q=require("../../../createLucideIcon-DpotSgUx.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index62.css');const n=require("react/jsx-runtime"),a=require("react"),r=require("../../utils/NoScroll/noScroll.cjs"),x=require("../../../x-Dft9NVe_.cjs"),q=require("../../../createLucideIcon-DpotSgUx.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 k=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],j=q.createLucideIcon("panel-left-open",k),N="_aside_1m3gq_1",S="_nav_1m3gq_19",y="_hidden_1m3gq_40",T="_main_1m3gq_45",C="_navTitle_1m3gq_54",$="_visible_1m3gq_67",E="_open_1m3gq_85",O="_parent_1m3gq_97",I="_title_1m3gq_112",L="_children_1m3gq_117",M="_link_1m3gq_121",w="_menuToggle_1m3gq_136",z="_left_1m3gq_162",P="_right_1m3gq_174",l={aside:N,nav:S,hidden:y,main:T,navTitle:C,visible:$,open:E,parent:O,title:I,children:L,link:M,menuToggle:w,left:z,right:P},V={left:l.left,right:l.right};function F({items:d=[],alignment:_="left",title:r,className:u,style:h,...m}){const[s,o]=a.useState(!1),[g,f]=a.useState(!1),p=()=>{o(e=>!e)};a.useEffect(()=>{if(typeof document<"u")return s?setTimeout(()=>{t.lockScroll()},0):t.unlockScroll(),()=>t.unlockScroll()},[s]),a.useEffect(()=>{f(!0)},[]);const c=e=>{e.onClick&&e.onClick(),window.innerWidth<768&&o(!1)};return n.jsxs("aside",{className:`${l.aside} ${V[_]} ${u??""}`.trim(),style:h,...m,children:[n.jsx("button",{className:l.menuToggle,onClick:p,"aria-label":s?"Close menu":"Open menu","aria-expanded":s,"aria-controls":"sidebar-nav",children:s?n.jsx(x.X,{size:24}):n.jsx(j,{size:24})}),n.jsxs("nav",{id:"sidebar-nav",className:`${l.nav} ${s?l.open:""} ${g?l.visible:l.hidden}`.trim(),"aria-label":r||"Sidebar navigation",children:[r&&n.jsx("h2",{className:l.navTitle,children:r}),n.jsx("ul",{className:l.main,role:"menu",children:d.map((e,b)=>n.jsx("li",{className:l.parent,children:e.sublinks&&e.sublinks.length>0?n.jsxs(n.Fragment,{children:[n.jsx("span",{className:l.title,children:e.label}),n.jsx("ul",{className:l.children,role:"menu",children:e.sublinks.map((i,v)=>n.jsx("li",{role:"none",children:n.jsx("a",{href:i.href,className:l.link,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>c(i),role:"menuitem",children:i.label})},i._key||v))})]}):n.jsx("a",{href:e.href,className:l.link,target:e.isExternal?"_blank":"_self",rel:e.isExternal?"noopener noreferrer":void 0,onClick:()=>c(e),role:"menuitem",children:e.label})},e._key||b))})]})]})}exports.Sidebar=F;
+ */const k=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],j=q.createLucideIcon("panel-left-open",k),N="_aside_1m3gq_1",S="_nav_1m3gq_19",y="_hidden_1m3gq_40",T="_main_1m3gq_45",C="_navTitle_1m3gq_54",$="_visible_1m3gq_67",E="_open_1m3gq_85",O="_parent_1m3gq_97",I="_title_1m3gq_112",L="_children_1m3gq_117",M="_link_1m3gq_121",w="_menuToggle_1m3gq_136",z="_left_1m3gq_162",P="_right_1m3gq_174",s={aside:N,nav:S,hidden:y,main:T,navTitle:C,visible:$,open:E,parent:O,title:I,children:L,link:M,menuToggle:w,left:z,right:P},V={left:s.left,right:s.right};function F({items:d=[],alignment:_="left",title:t,className:h,style:g,...u}){const[l,c]=a.useState(!1),[m,f]=a.useState(!1),p=()=>{c(e=>!e)};a.useEffect(()=>{if(typeof document<"u")return l?setTimeout(()=>{r.lockScroll()},0):r.unlockScroll(),()=>r.unlockScroll()},[l]),a.useEffect(()=>{f(!0)},[]);const o=e=>{e.onClick&&e.onClick(),window.innerWidth<768&&c(!1)};return n.jsxs("aside",{className:`${s.aside} ${V[_]} ${h??""}`.trim(),style:g,...u,children:[n.jsx("button",{className:s.menuToggle,onClick:p,"aria-label":l?"Close menu":"Open menu","aria-expanded":l,"aria-controls":"sidebar-nav",children:l?n.jsx(x.X,{size:24}):n.jsx(j,{size:24})}),n.jsxs("nav",{id:"sidebar-nav",className:`${s.nav} ${l?s.open:""} ${m?s.visible:s.hidden}`.trim(),"aria-label":t||"Sidebar navigation",children:[t&&n.jsx("h2",{className:s.navTitle,children:t}),n.jsx("ul",{className:s.main,children:d.map((e,b)=>n.jsx("li",{className:s.parent,children:e.sublinks&&e.sublinks.length>0?n.jsxs(n.Fragment,{children:[n.jsx("span",{className:s.title,children:e.label}),n.jsx("ul",{className:s.children,children:e.sublinks.map((i,v)=>n.jsx("li",{children:n.jsx("a",{href:i.href,className:s.link,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>o(i),children:i.label})},i._key||v))})]}):n.jsx("a",{href:e.href,className:s.link,target:e.isExternal?"_blank":"_self",rel:e.isExternal?"noopener noreferrer":void 0,onClick:()=>o(e),children:e.label})},e._key||b))})]})]})}exports.Sidebar=F;

package/dist/core/components/Sidebar/index.mjs

@@ -1,4 +1,4 @@
-import { jsxs as r, jsx as l, Fragment as N } from "react/jsx-runtime";
+import { jsxs as t, jsx as l, Fragment as N } from "react/jsx-runtime";
 import { useState as c, useEffect as _ } from "react";
 import { lockScroll as x, unlockScroll as d } from "../../utils/NoScroll/noScroll.mjs";
 import { X as T } from "../../../x-CnsEH4Ox.js";
@@ -40,8 +40,8 @@ function K({
   style: f,
   ...p
 }) {
-  const [i, t] = c(!1), [u, v] = c(!1), b = () => {
-    t((e) => !e);
+  const [i, r] = c(!1), [u, v] = c(!1), b = () => {
+    r((e) => !e);
   };
   _(() => {
     if (typeof document < "u")
@@ -52,9 +52,9 @@ function K({
     v(!0);
   }, []);
   const o = (e) => {
-    e.onClick && e.onClick(), window.innerWidth < 768 && t(!1);
+    e.onClick && e.onClick(), window.innerWidth < 768 && r(!1);
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ t(
     "aside",
     {
       className: `${n.aside} ${A[h]} ${g ?? ""}`.trim(),
@@ -72,7 +72,7 @@ function K({
             children: i ? /* @__PURE__ */ l(T, { size: 24 }) : /* @__PURE__ */ l($, { size: 24 })
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           "nav",
           {
             id: "sidebar-nav",
@@ -80,9 +80,9 @@ function K({
             "aria-label": s || "Sidebar navigation",
             children: [
               s && /* @__PURE__ */ l("h2", { className: n.navTitle, children: s }),
-              /* @__PURE__ */ l("ul", { className: n.main, role: "menu", children: m.map((e, k) => /* @__PURE__ */ l("li", { className: n.parent, children: e.sublinks && e.sublinks.length > 0 ? /* @__PURE__ */ r(N, { children: [
+              /* @__PURE__ */ l("ul", { className: n.main, children: m.map((e, k) => /* @__PURE__ */ l("li", { className: n.parent, children: e.sublinks && e.sublinks.length > 0 ? /* @__PURE__ */ t(N, { children: [
                 /* @__PURE__ */ l("span", { className: n.title, children: e.label }),
-                /* @__PURE__ */ l("ul", { className: n.children, role: "menu", children: e.sublinks.map((a, q) => /* @__PURE__ */ l("li", { role: "none", children: /* @__PURE__ */ l(
+                /* @__PURE__ */ l("ul", { className: n.children, children: e.sublinks.map((a, q) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
                   "a",
                   {
                     href: a.href,
@@ -90,7 +90,6 @@ function K({
                     target: a.isExternal ? "_blank" : "_self",
                     rel: a.isExternal ? "noopener noreferrer" : void 0,
                     onClick: () => o(a),
-                    role: "menuitem",
                     children: a.label
                   }
                 ) }, a._key || q)) })
@@ -102,7 +101,6 @@ function K({
                   target: e.isExternal ? "_blank" : "_self",
                   rel: e.isExternal ? "noopener noreferrer" : void 0,
                   onClick: () => o(e),
-                  role: "menuitem",
                   children: e.label
                 }
               ) }, e._key || k)) })

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../utils/mediaUtils.cjs");const e=require("../../../HeroSubComponents-UbEVX5Wy.cjs");require("../../../play-CQBnZgNa.cjs");exports.HeroImage=e.HeroImage;exports.NativeVideo=e.NativeVideo;exports.VideoBlock=e.VideoBlock;exports.VideoControl=e.VideoControl;exports.VideoEmbed=e.VideoEmbed;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../utils/mediaUtils.cjs");const e=require("../../../HeroSubComponents-DzbDRtdk.cjs");require("../../../play-CQBnZgNa.cjs");exports.HeroImage=e.HeroImage;exports.NativeVideo=e.NativeVideo;exports.VideoBlock=e.VideoBlock;exports.VideoControl=e.VideoControl;exports.VideoEmbed=e.VideoEmbed;

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../utils/mediaUtils.mjs";
-import { H as t, N as d, V as p, a as s, b as V } from "../../../HeroSubComponents-Cxv7hryT.js";
+import { H as t, N as d, V as p, a as s, b as V } from "../../../HeroSubComponents-BGkwbcKC.js";
 import "../../../play-DYgKiSaf.js";
 export {
   t as HeroImage,

package/dist/next/blocks/HeroBlock/HeroSubComponents.test.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),r=require("../../../HeroSubComponents-UbEVX5Wy.cjs");e.vi.mock("./styles.module.css",()=>({default:new Proxy({},{get:(t,n)=>n})}));e.vi.mock("lucide-react",()=>({Pause:()=>i.jsx("span",{"data-testid":"pause-icon"}),Play:()=>i.jsx("span",{"data-testid":"play-icon"})}));e.vi.mock("../../utils/mediaUtils",()=>({buildEmbedSrc:e.vi.fn((o,t)=>`https://embed.${t}.com/${o}`),resolveImageUrl:e.vi.fn(o=>o?"https://cdn.example.com/image.jpg":void 0),resolveAltText:e.vi.fn(()=>"Hero image alt text")}));e.describe("1. VideoControl — Play/Pause icons",()=>{e.it("shows Play icon when isPlaying=false",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByTestId("play-icon")).toBeInTheDocument(),e.globalExpect(e.screen.queryByTestId("pause-icon")).toBeNull()}),e.it("shows Pause icon when isPlaying=true",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!0,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByTestId("pause-icon")).toBeInTheDocument(),e.globalExpect(e.screen.queryByTestId("play-icon")).toBeNull()}),e.it("has correct aria-label when playing",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!0,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByRole("button").getAttribute("aria-label")).toBe("Pause video")}),e.it("has correct aria-label when paused",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByRole("button").getAttribute("aria-label")).toBe("Play video")})});e.describe("2. VideoControl — onToggle called on click",()=>{e.it("calls onToggle when button is clicked",()=>{const o=e.vi.fn();e.render(i.jsx(r.VideoControl,{isPlaying:!1,onToggle:o})),e.fireEvent.click(e.screen.getByRole("button")),e.globalExpect(o).toHaveBeenCalledOnce()})});e.describe("3. VideoEmbed — iframe rendered with built src",()=>{e.it("renders an iframe",()=>{const{container:o}=e.render(i.jsx(r.VideoEmbed,{url:"https://vimeo.com/123",provider:"vimeo"}));e.globalExpect(o.querySelector("iframe")).toBeInTheDocument()}),e.it("calls buildEmbedSrc with url and provider",async()=>{const{buildEmbedSrc:o}=await Promise.resolve().then(()=>require("../../utils/mediaUtils.cjs"));e.render(i.jsx(r.VideoEmbed,{url:"https://vimeo.com/123",provider:"vimeo"})),e.globalExpect(o).toHaveBeenCalledWith("https://vimeo.com/123","vimeo")}),e.it("applies wrapperClassName to the wrapper div",()=>{var t;const{container:o}=e.render(i.jsx(r.VideoEmbed,{url:"https://vimeo.com/123",provider:"vimeo",wrapperClassName:"my-wrapper"}));e.globalExpect((t=o.firstElementChild)==null?void 0:t.className).toContain("my-wrapper")})});e.describe("4. VideoEmbed — YouTube provider",()=>{e.it("calls buildEmbedSrc with youtube provider",async()=>{const{buildEmbedSrc:o}=await Promise.resolve().then(()=>require("../../utils/mediaUtils.cjs"));e.render(i.jsx(r.VideoEmbed,{url:"https://youtube.com/embed/abc",provider:"youtube"})),e.globalExpect(o).toHaveBeenCalledWith("https://youtube.com/embed/abc","youtube")})});e.describe("5. VideoBlock inline variant",()=>{const o={autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn(),variant:"inline"};e.it("renders an iframe for a Vimeo URL",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://vimeo.com/123"}));e.globalExpect(t.querySelector("iframe")).toBeInTheDocument()}),e.it("renders a native video for a plain URL",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://cdn.example.com/clip.mp4"}));e.globalExpect(t.querySelector("video")).toBeInTheDocument()}),e.it("renders an iframe for a YouTube URL",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://youtube.com/embed/abc"}));e.globalExpect(t.querySelector("iframe")).toBeInTheDocument()})});e.describe("6. VideoBlock background variant",()=>{const o={autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn(),variant:"background"};e.it("renders an iframe for Vimeo in background mode",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://vimeo.com/123"}));e.globalExpect(t.querySelector("iframe")).toBeInTheDocument()}),e.it("renders a native video for plain URL in background mode",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://cdn.example.com/clip.mp4"}));e.globalExpect(t.querySelector("video")).toBeInTheDocument()})});e.describe("7. NativeVideo — renders video with correct attributes",()=>{e.it("renders a video element",()=>{const{container:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()}));e.globalExpect(o.querySelector("video")).toBeInTheDocument()}),e.it("sets src on the video element",()=>{var t;const{container:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()}));e.globalExpect((t=o.querySelector("video"))==null?void 0:t.src).toContain("clip.mp4")}),e.it("renders muted and loop attributes",()=>{const{container:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()})),t=o.querySelector("video");e.globalExpect(t.muted).toBe(!0),e.globalExpect(t.loop).toBe(!0)}),e.it("renders the VideoControl button",()=>{e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByRole("button")).toBeInTheDocument()})});e.describe("8. NativeVideo — plays/pauses when isPlaying changes",()=>{e.it("calls video.pause() when isPlaying becomes false",()=>{HTMLMediaElement.prototype.play=e.vi.fn().mockResolvedValue(void 0),HTMLMediaElement.prototype.pause=e.vi.fn();const{rerender:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!0,onToggle:e.vi.fn()}));o(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(HTMLMediaElement.prototype.pause).toHaveBeenCalled()})});e.describe("9. HeroImage — plain <img> fallback when no imageAdapter",()=>{const o={asset:{_ref:"img-abc"}};e.it("renders an img element",()=>{const{container:t}=e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"intrinsic"}));e.globalExpect(t.querySelector("img")).toBeInTheDocument()}),e.it("sets the resolved src on the img",()=>{var n;const{container:t}=e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"intrinsic"}));e.globalExpect((n=t.querySelector("img"))==null?void 0:n.src).toContain("cdn.example.com")}),e.it("sets the alt text on the img",()=>{var n;const{container:t}=e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"intrinsic"}));e.globalExpect((n=t.querySelector("img"))==null?void 0:n.alt).toBe("Hero image alt text")})});e.describe("10. HeroImage — renders via imageAdapter.render when provided",()=>{const o={asset:{_ref:"img-abc"}};e.it("calls imageAdapter.render",()=>{const t={render:e.vi.fn(()=>i.jsx("img",{src:"x",alt:"adapter"}))};e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"fill",imageAdapter:t})),e.globalExpect(t.render).toHaveBeenCalledOnce()}),e.it("passes fill=true for the fill variant",()=>{const t={render:e.vi.fn(()=>i.jsx("img",{src:"x",alt:"adapter"}))};e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"fill",imageAdapter:t})),e.globalExpect(t.render).toHaveBeenCalledWith(e.globalExpect.objectContaining({fill:!0}))})});e.describe("11. HeroImage — returns null when resolveImageUrl returns undefined",()=>{e.it("renders nothing when image is undefined",async()=>{const{resolveImageUrl:o}=await Promise.resolve().then(()=>require("../../utils/mediaUtils.cjs"));e.vi.mocked(o).mockReturnValueOnce(void 0);const{container:t}=e.render(i.jsx(r.HeroImage,{image:void 0,mode:"light",variant:"intrinsic"}));e.globalExpect(t.firstChild).toBeNull()})});
+"use strict";const i=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),r=require("../../../HeroSubComponents-DzbDRtdk.cjs");e.vi.mock("./styles.module.css",()=>({default:new Proxy({},{get:(t,n)=>n})}));e.vi.mock("lucide-react",()=>({Pause:()=>i.jsx("span",{"data-testid":"pause-icon"}),Play:()=>i.jsx("span",{"data-testid":"play-icon"})}));e.vi.mock("../../utils/mediaUtils",()=>({buildEmbedSrc:e.vi.fn((o,t)=>`https://embed.${t}.com/${o}`),resolveImageUrl:e.vi.fn(o=>o?"https://cdn.example.com/image.jpg":void 0),resolveAltText:e.vi.fn(()=>"Hero image alt text")}));e.describe("1. VideoControl — Play/Pause icons",()=>{e.it("shows Play icon when isPlaying=false",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByTestId("play-icon")).toBeInTheDocument(),e.globalExpect(e.screen.queryByTestId("pause-icon")).toBeNull()}),e.it("shows Pause icon when isPlaying=true",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!0,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByTestId("pause-icon")).toBeInTheDocument(),e.globalExpect(e.screen.queryByTestId("play-icon")).toBeNull()}),e.it("has correct aria-label when playing",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!0,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByRole("button").getAttribute("aria-label")).toBe("Pause video")}),e.it("has correct aria-label when paused",()=>{e.render(i.jsx(r.VideoControl,{isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByRole("button").getAttribute("aria-label")).toBe("Play video")})});e.describe("2. VideoControl — onToggle called on click",()=>{e.it("calls onToggle when button is clicked",()=>{const o=e.vi.fn();e.render(i.jsx(r.VideoControl,{isPlaying:!1,onToggle:o})),e.fireEvent.click(e.screen.getByRole("button")),e.globalExpect(o).toHaveBeenCalledOnce()})});e.describe("3. VideoEmbed — iframe rendered with built src",()=>{e.it("renders an iframe",()=>{const{container:o}=e.render(i.jsx(r.VideoEmbed,{url:"https://vimeo.com/123",provider:"vimeo"}));e.globalExpect(o.querySelector("iframe")).toBeInTheDocument()}),e.it("calls buildEmbedSrc with url and provider",async()=>{const{buildEmbedSrc:o}=await Promise.resolve().then(()=>require("../../utils/mediaUtils.cjs"));e.render(i.jsx(r.VideoEmbed,{url:"https://vimeo.com/123",provider:"vimeo"})),e.globalExpect(o).toHaveBeenCalledWith("https://vimeo.com/123","vimeo")}),e.it("applies wrapperClassName to the wrapper div",()=>{var t;const{container:o}=e.render(i.jsx(r.VideoEmbed,{url:"https://vimeo.com/123",provider:"vimeo",wrapperClassName:"my-wrapper"}));e.globalExpect((t=o.firstElementChild)==null?void 0:t.className).toContain("my-wrapper")})});e.describe("4. VideoEmbed — YouTube provider",()=>{e.it("calls buildEmbedSrc with youtube provider",async()=>{const{buildEmbedSrc:o}=await Promise.resolve().then(()=>require("../../utils/mediaUtils.cjs"));e.render(i.jsx(r.VideoEmbed,{url:"https://youtube.com/embed/abc",provider:"youtube"})),e.globalExpect(o).toHaveBeenCalledWith("https://youtube.com/embed/abc","youtube")})});e.describe("5. VideoBlock inline variant",()=>{const o={autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn(),variant:"inline"};e.it("renders an iframe for a Vimeo URL",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://vimeo.com/123"}));e.globalExpect(t.querySelector("iframe")).toBeInTheDocument()}),e.it("renders a native video for a plain URL",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://cdn.example.com/clip.mp4"}));e.globalExpect(t.querySelector("video")).toBeInTheDocument()}),e.it("renders an iframe for a YouTube URL",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://youtube.com/embed/abc"}));e.globalExpect(t.querySelector("iframe")).toBeInTheDocument()})});e.describe("6. VideoBlock background variant",()=>{const o={autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn(),variant:"background"};e.it("renders an iframe for Vimeo in background mode",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://vimeo.com/123"}));e.globalExpect(t.querySelector("iframe")).toBeInTheDocument()}),e.it("renders a native video for plain URL in background mode",()=>{const{container:t}=e.render(i.jsx(r.VideoBlock,{...o,url:"https://cdn.example.com/clip.mp4"}));e.globalExpect(t.querySelector("video")).toBeInTheDocument()})});e.describe("7. NativeVideo — renders video with correct attributes",()=>{e.it("renders a video element",()=>{const{container:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()}));e.globalExpect(o.querySelector("video")).toBeInTheDocument()}),e.it("sets src on the video element",()=>{var t;const{container:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()}));e.globalExpect((t=o.querySelector("video"))==null?void 0:t.src).toContain("clip.mp4")}),e.it("renders muted and loop attributes",()=>{const{container:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()})),t=o.querySelector("video");e.globalExpect(t.muted).toBe(!0),e.globalExpect(t.loop).toBe(!0)}),e.it("renders the VideoControl button",()=>{e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(e.screen.getByRole("button")).toBeInTheDocument()})});e.describe("8. NativeVideo — plays/pauses when isPlaying changes",()=>{e.it("calls video.pause() when isPlaying becomes false",()=>{HTMLMediaElement.prototype.play=e.vi.fn().mockResolvedValue(void 0),HTMLMediaElement.prototype.pause=e.vi.fn();const{rerender:o}=e.render(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!0,onToggle:e.vi.fn()}));o(i.jsx(r.NativeVideo,{src:"https://cdn.example.com/clip.mp4",autoPlay:!1,isPlaying:!1,onToggle:e.vi.fn()})),e.globalExpect(HTMLMediaElement.prototype.pause).toHaveBeenCalled()})});e.describe("9. HeroImage — plain <img> fallback when no imageAdapter",()=>{const o={asset:{_ref:"img-abc"}};e.it("renders an img element",()=>{const{container:t}=e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"intrinsic"}));e.globalExpect(t.querySelector("img")).toBeInTheDocument()}),e.it("sets the resolved src on the img",()=>{var n;const{container:t}=e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"intrinsic"}));e.globalExpect((n=t.querySelector("img"))==null?void 0:n.src).toContain("cdn.example.com")}),e.it("sets the alt text on the img",()=>{var n;const{container:t}=e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"intrinsic"}));e.globalExpect((n=t.querySelector("img"))==null?void 0:n.alt).toBe("Hero image alt text")})});e.describe("10. HeroImage — renders via imageAdapter.render when provided",()=>{const o={asset:{_ref:"img-abc"}};e.it("calls imageAdapter.render",()=>{const t={render:e.vi.fn(()=>i.jsx("img",{src:"x",alt:"adapter"}))};e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"fill",imageAdapter:t})),e.globalExpect(t.render).toHaveBeenCalledOnce()}),e.it("passes fill=true for the fill variant",()=>{const t={render:e.vi.fn(()=>i.jsx("img",{src:"x",alt:"adapter"}))};e.render(i.jsx(r.HeroImage,{image:o,mode:"light",variant:"fill",imageAdapter:t})),e.globalExpect(t.render).toHaveBeenCalledWith(e.globalExpect.objectContaining({fill:!0}))})});e.describe("11. HeroImage — returns null when resolveImageUrl returns undefined",()=>{e.it("renders nothing when image is undefined",async()=>{const{resolveImageUrl:o}=await Promise.resolve().then(()=>require("../../utils/mediaUtils.cjs"));e.vi.mocked(o).mockReturnValueOnce(void 0);const{container:t}=e.render(i.jsx(r.HeroImage,{image:void 0,mode:"light",variant:"intrinsic"}));e.globalExpect(t.firstChild).toBeNull()})});

package/dist/next/blocks/HeroBlock/HeroSubComponents.test.mjs

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { v as r, d as l, i as n, r as i, g as a, s, f as y } from "../../../react.esm-DjxyacK8.js";
-import { a as u, N as m, b as g, V as p, H as d } from "../../../HeroSubComponents-Cxv7hryT.js";
+import { a as u, N as m, b as g, V as p, H as d } from "../../../HeroSubComponents-BGkwbcKC.js";
 r.mock("./styles.module.css", () => ({ default: new Proxy({}, { get: (o, c) => c }) }));
 r.mock("lucide-react", () => ({
   Pause: () => /* @__PURE__ */ t("span", { "data-testid": "pause-icon" }),

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),V=require("./HeroContext.cjs"),s=require("../../../HeroSubComponents-UbEVX5Wy.cjs"),w=require("../../utils/mediaUtils.cjs"),W=require("../../hooks/usePrefersReducedMotion.cjs"),Y={default:s.styles.default,split:s.styles.split,"split-35-65":s.styles.splitAlt,tile:s.styles.tile,fullBleed:s.styles.fullBleed,blog:s.styles.blog};function $({heading:l,callToAction:a,renderRichText:t,renderCallToAction:r,extraChildren:n}){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.styles.eyebrow})),t==null?void 0:t({blocks:l.title})]}),n,l.description&&(t==null?void 0:t({blocks:l.description})),a&&(r==null?void 0:r(a))]})}function C({id:l,paddingClasses:a,layoutClass:t,extraSectionClass:r,mediaNode:n,overlayContent:c}){return e.jsx("section",{id:l,className:`${s.styles.hero} ${a} ${t} ${r??""}`,children:e.jsxs("article",{className:s.styles.container,children:[n,e.jsx("div",{className:s.styles.overlay,children:e.jsx("div",{className:s.styles.text,children:c})})]})})}const z={render:({href:l,className:a,children:t})=>e.jsx("a",{href:l,className:a,children:t})};function G({heading:l,image:a,video:t,callToAction:r,pageData:n,styleOptions:c,id:y,imageAdapter:m,linkAdapter:v,renderRichText:o,renderCallToAction:i}){var M;const u=W.usePrefersReducedMotion(),[B,H]=k.useState(!u),d=(()=>{try{return V.useHeroContext()}catch{return null}})(),F=v??z,b=(c==null?void 0:c.layout)??"default",j=((M=c==null?void 0:c.padding)==null?void 0:M.join(" "))??"",g=Y[b]??s.styles.default,N=(c==null?void 0:c.mode)??"light",p=w.resolveImageUrl(a,N,"medium"),f=w.resolveImageUrl(a,N,"large"),I=w.resolveAltText(a,N),U=t?w.detectVideoProvider(t):null,x=!u,L=k.useCallback(()=>{H(P=>!P)},[]);k.useEffect(()=>{if(!(b==="tile"||b==="fullBleed")||typeof window>"u")return;d==null||d.setIsFullbleedHeroAtTop(!0);const q=()=>{d==null||d.setIsFullbleedHeroAtTop(window.scrollY===0)};return window.addEventListener("scroll",q,{passive:!0}),()=>window.removeEventListener("scroll",q)},[b,d]),k.useEffect(()=>{H(!u)},[u]);const S=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"inline"}):a?e.jsx(s.HeroImage,{image:a,mode:N,variant:"intrinsic",imageAdapter:m}):null,_=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"background"}):p||f?m?m.render({src:f??p??"",alt:I,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}):e.jsx("img",{src:f??p,alt:I,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"},draggable:!1}):null,E=n?J(n,F):null;switch(b){case"split":case"split-35-65":return e.jsx("section",{id:y,className:`${s.styles.hero} ${g} ${j}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[e.jsxs("div",{children:[l.eyebrow&&(o==null?void 0:o({blocks:l.eyebrow,className:s.styles.eyebrow})),o==null?void 0:o({blocks:l.title})]}),e.jsxs("div",{className:s.styles.text,children:[l.description&&(o==null?void 0:o({blocks:l.description})),r&&(i==null?void 0:i(r))]}),l.disclaimer&&(o==null?void 0:o({blocks:l.disclaimer,className:s.styles.disclaimer}))]}),S]})});case"default":return e.jsx("section",{id:y,className:`${s.styles.hero} ${j} ${g}`,children:e.jsxs("article",{className:s.styles.container,children:[S,e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})]})});case"tile":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,extraSectionClass:"heroTile",mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})});case"fullBleed":return e.jsxs("section",{"data-overlay":"true",id:y,className:`${s.styles.hero} ${s.styles.fullBleed} ${j}`,children:[e.jsx("div",{className:s.styles.media,children:_}),e.jsx("div",{className:s.styles.container,children:e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})})]});case"blog":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i,extraChildren:E})})}}function J(l,a){var m,v;const t=((m=l.categories)==null?void 0:m.filter(o=>{var i,u;return!((u=(i=o.slug)==null?void 0:i.current)!=null&&u.startsWith("library/type"))}))??[],r=t[0]??null,n=t[1]??null,c=((v=l.categories)==null?void 0:v.find(o=>{var i,u;return(u=(i=o.slug)==null?void 0:i.current)==null?void 0:u.startsWith("library/type")}))??null,y=n&&n.title.toLowerCase()!=="library"&&!n.slug.current.includes("keywords");return e.jsxs("div",{className:s.styles.articleDetails,children:[c&&a.render({href:`/blog/search?categories=${encodeURIComponent(c._id)}`,className:s.styles.articleType,children:c.title}),e.jsxs("div",{className:s.styles.articleCategories,children:[r&&a.render({href:`/blog/search?categories=${encodeURIComponent(r._id)}`,className:s.styles.category,children:r.title}),y&&a.render({href:`/blog/search?categories=${encodeURIComponent(n._id)}`,className:s.styles.category,children:n.title})]}),l.timeToRead>0&&e.jsxs("span",{children:[e.jsx("span",{className:s.styles.number,children:l.timeToRead}),"min read"]})]})}exports.HeroBlock=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),V=require("./HeroContext.cjs"),s=require("../../../HeroSubComponents-DzbDRtdk.cjs"),w=require("../../utils/mediaUtils.cjs"),W=require("../../hooks/usePrefersReducedMotion.cjs"),Y={default:s.styles.default,split:s.styles.split,"split-35-65":s.styles.splitAlt,tile:s.styles.tile,fullBleed:s.styles.fullBleed,blog:s.styles.blog};function $({heading:l,callToAction:a,renderRichText:t,renderCallToAction:r,extraChildren:n}){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.styles.eyebrow})),t==null?void 0:t({blocks:l.title})]}),n,l.description&&(t==null?void 0:t({blocks:l.description})),a&&(r==null?void 0:r(a))]})}function C({id:l,paddingClasses:a,layoutClass:t,extraSectionClass:r,mediaNode:n,overlayContent:c}){return e.jsx("section",{id:l,className:`${s.styles.hero} ${a} ${t} ${r??""}`,children:e.jsxs("article",{className:s.styles.container,children:[n,e.jsx("div",{className:s.styles.overlay,children:e.jsx("div",{className:s.styles.text,children:c})})]})})}const z={render:({href:l,className:a,children:t})=>e.jsx("a",{href:l,className:a,children:t})};function G({heading:l,image:a,video:t,callToAction:r,pageData:n,styleOptions:c,id:y,imageAdapter:m,linkAdapter:v,renderRichText:o,renderCallToAction:i}){var M;const u=W.usePrefersReducedMotion(),[B,H]=k.useState(!u),d=(()=>{try{return V.useHeroContext()}catch{return null}})(),F=v??z,b=(c==null?void 0:c.layout)??"default",j=((M=c==null?void 0:c.padding)==null?void 0:M.join(" "))??"",g=Y[b]??s.styles.default,N=(c==null?void 0:c.mode)??"light",p=w.resolveImageUrl(a,N,"medium"),f=w.resolveImageUrl(a,N,"large"),I=w.resolveAltText(a,N),U=t?w.detectVideoProvider(t):null,x=!u,L=k.useCallback(()=>{H(P=>!P)},[]);k.useEffect(()=>{if(!(b==="tile"||b==="fullBleed")||typeof window>"u")return;d==null||d.setIsFullbleedHeroAtTop(!0);const q=()=>{d==null||d.setIsFullbleedHeroAtTop(window.scrollY===0)};return window.addEventListener("scroll",q,{passive:!0}),()=>window.removeEventListener("scroll",q)},[b,d]),k.useEffect(()=>{H(!u)},[u]);const S=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"inline"}):a?e.jsx(s.HeroImage,{image:a,mode:N,variant:"intrinsic",imageAdapter:m}):null,_=t&&U?e.jsx(s.VideoBlock,{url:t,autoPlay:x,posterUrl:f,isPlaying:B,onToggle:L,variant:"background"}):p||f?m?m.render({src:f??p??"",alt:I,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}):e.jsx("img",{src:f??p,alt:I,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"},draggable:!1}):null,E=n?J(n,F):null;switch(b){case"split":case"split-35-65":return e.jsx("section",{id:y,className:`${s.styles.hero} ${g} ${j}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[e.jsxs("div",{children:[l.eyebrow&&(o==null?void 0:o({blocks:l.eyebrow,className:s.styles.eyebrow})),o==null?void 0:o({blocks:l.title})]}),e.jsxs("div",{className:s.styles.text,children:[l.description&&(o==null?void 0:o({blocks:l.description})),r&&(i==null?void 0:i(r))]}),l.disclaimer&&(o==null?void 0:o({blocks:l.disclaimer,className:s.styles.disclaimer}))]}),S]})});case"default":return e.jsx("section",{id:y,className:`${s.styles.hero} ${j} ${g}`,children:e.jsxs("article",{className:s.styles.container,children:[S,e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})]})});case"tile":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,extraSectionClass:"heroTile",mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})});case"fullBleed":return e.jsxs("section",{"data-overlay":"true",id:y,className:`${s.styles.hero} ${s.styles.fullBleed} ${j}`,children:[e.jsx("div",{className:s.styles.media,children:_}),e.jsx("div",{className:s.styles.container,children:e.jsx("div",{className:s.styles.text,children:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i})})})]});case"blog":return e.jsx(C,{id:y,paddingClasses:j,layoutClass:g,mediaNode:_,overlayContent:e.jsx($,{heading:l,callToAction:r,renderRichText:o,renderCallToAction:i,extraChildren:E})})}}function J(l,a){var m,v;const t=((m=l.categories)==null?void 0:m.filter(o=>{var i,u;return!((u=(i=o.slug)==null?void 0:i.current)!=null&&u.startsWith("library/type"))}))??[],r=t[0]??null,n=t[1]??null,c=((v=l.categories)==null?void 0:v.find(o=>{var i,u;return(u=(i=o.slug)==null?void 0:i.current)==null?void 0:u.startsWith("library/type")}))??null,y=n&&n.title.toLowerCase()!=="library"&&!n.slug.current.includes("keywords");return e.jsxs("div",{className:s.styles.articleDetails,children:[c&&a.render({href:`/blog/search?categories=${encodeURIComponent(c._id)}`,className:s.styles.articleType,children:c.title}),e.jsxs("div",{className:s.styles.articleCategories,children:[r&&a.render({href:`/blog/search?categories=${encodeURIComponent(r._id)}`,className:s.styles.category,children:r.title}),y&&a.render({href:`/blog/search?categories=${encodeURIComponent(n._id)}`,className:s.styles.category,children:n.title})]}),l.timeToRead>0&&e.jsxs("span",{children:[e.jsx("span",{className:s.styles.number,children:l.timeToRead}),"min read"]})]})}exports.HeroBlock=G;

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

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as u, Fragment as q } from "react/jsx-runtime";
 import { useState as G, useCallback as J, useEffect as V } from "react";
 import { useHeroContext as K } from "./HeroContext.mjs";
-import { V as _, s, H as Q } from "../../../HeroSubComponents-Cxv7hryT.js";
+import { V as _, s, H as Q } from "../../../HeroSubComponents-BGkwbcKC.js";
 import { resolveImageUrl as E, resolveAltText as X, detectVideoProvider as Z } from "../../utils/mediaUtils.mjs";
 import { usePrefersReducedMotion as D } from "../../hooks/usePrefersReducedMotion.mjs";
 const h = {

package/package.json

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

package/dist/AccordionItem.css.d.ts

@@ -1,13 +0,0 @@
-declare const styles: {
-  readonly "_accordionContent_14hw7_64": string;
-  readonly "_accordionHeader_14hw7_15": string;
-  readonly "_accordionItem_14hw7_7": string;
-  readonly "_accordion_14hw7_1": string;
-  readonly "_active_14hw7_30": string;
-  readonly "_closed_14hw7_51": string;
-  readonly "_icon_14hw7_44": string;
-  readonly "_open_14hw7_50": string;
-  readonly "_rotate_14hw7_80": string;
-};
-export = styles;
-

package/dist/CategoryFilters.css.d.ts

@@ -1,31 +0,0 @@
-declare const styles: {
-  readonly "_applyFilters_1vg9o_218": string;
-  readonly "_buttonIsLoading_1vg9o_307": string;
-  readonly "_clearSearch_1vg9o_106": string;
-  readonly "_container_1vg9o_9": string;
-  readonly "_cta_1vg9o_25": string;
-  readonly "_documentList_1vg9o_1": string;
-  readonly "_eyebrow_1vg9o_30": string;
-  readonly "_filterHeader_1vg9o_178": string;
-  readonly "_filterList_1vg9o_203": string;
-  readonly "_filterToggle_1vg9o_163": string;
-  readonly "_heading_1vg9o_20": string;
-  readonly "_hide_1vg9o_256": string;
-  readonly "_listContainer_1vg9o_34": string;
-  readonly "_listFilters_1vg9o_210": string;
-  readonly "_listHeaderFilters_1vg9o_125": string;
-  readonly "_listHeader_1vg9o_66": string;
-  readonly "_listResults_1vg9o_136": string;
-  readonly "_listSearch_1vg9o_79": string;
-  readonly "_listSort_1vg9o_140": string;
-  readonly "_listWrapper_1vg9o_45": string;
-  readonly "_list_1vg9o_34": string;
-  readonly "_loadMore_1vg9o_199": string;
-  readonly "_rotate_1vg9o_1": string;
-  readonly "_show_1vg9o_247": string;
-  readonly "_text_1vg9o_25": string;
-  readonly "_title_1vg9o_25": string;
-  readonly "_wrapper_1vg9o_266": string;
-};
-export = styles;
-

package/dist/FormField.css.d.ts

@@ -1,27 +0,0 @@
-declare const styles: {
-  readonly "_actions_b7mbf_117": string;
-  readonly "_container_b7mbf_7": string;
-  readonly "_errorBanner_b7mbf_143": string;
-  readonly "_eyebrow_b7mbf_47": string;
-  readonly "_fieldFull_b7mbf_95": string;
-  readonly "_fieldHalf_b7mbf_99": string;
-  readonly "_fieldThird_b7mbf_107": string;
-  readonly "_fields_b7mbf_88": string;
-  readonly "_formBlock_b7mbf_1": string;
-  readonly "_formInner_b7mbf_20": string;
-  readonly "_heading_b7mbf_41": string;
-  readonly "_maxWidthFull_b7mbf_35": string;
-  readonly "_maxWidthLg_b7mbf_32": string;
-  readonly "_maxWidthMd_b7mbf_29": string;
-  readonly "_maxWidthSm_b7mbf_26": string;
-  readonly "_progressHeader_b7mbf_63": string;
-  readonly "_progress_b7mbf_57": string;
-  readonly "_stepCount_b7mbf_75": string;
-  readonly "_stepDescription_b7mbf_80": string;
-  readonly "_stepLabel_b7mbf_69": string;
-  readonly "_submitButton_b7mbf_124": string;
-  readonly "_success_b7mbf_130": string;
-  readonly "_title_b7mbf_51": string;
-};
-export = styles;
-