quirk-ui 0.1.106 → 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"),y=require("../../../x-Dft9NVe_.cjs"),v=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=v.createLucideIcon("panel-left-open",k),N="_aside_1eyx9_1",S="_nav_1eyx9_19",T="_hidden_1eyx9_40",C="_main_1eyx9_45",$="_navTitle_1eyx9_54",q="_visible_1eyx9_67",E="_open_1eyx9_85",O="_parent_1eyx9_97",I="_title_1eyx9_112",L="_children_1eyx9_116",M="_link_1eyx9_120",w="_menuToggle_1eyx9_135",z="_left_1eyx9_161",P="_right_1eyx9_173",l={aside:N,nav:S,hidden:T,main:C,navTitle:$,visible:q,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,...x}){const[s,o]=a.useState(!1),[f,m]=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(()=>{m(!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,...x,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(y.X,{size:24}):n.jsx(j,{size:24})}),n.jsxs("nav",{id:"sidebar-nav",className:`${l.nav} ${s?l.open:""} ${f?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,g)=>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||g))})]}):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,29 +1,29 @@
-import { jsxs as r, jsx as l, Fragment as k } 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 N, unlockScroll as d } from "../../utils/NoScroll/noScroll.mjs";
+import { lockScroll as x, unlockScroll as d } from "../../utils/NoScroll/noScroll.mjs";
 import { X as T } from "../../../x-CnsEH4Ox.js";
-import { c as C } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { c as y } from "../../../createLucideIcon-C8GTh_Qx.js";
 import '../../../index62.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 $ = [
+const C = [
   ["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" }]
-], E = C("panel-left-open", $), S = "_aside_1eyx9_1", O = "_nav_1eyx9_19", w = "_hidden_1eyx9_40", I = "_main_1eyx9_45", L = "_navTitle_1eyx9_54", M = "_visible_1eyx9_67", j = "_open_1eyx9_85", z = "_parent_1eyx9_97", V = "_title_1eyx9_112", q = "_children_1eyx9_116", F = "_link_1eyx9_120", P = "_menuToggle_1eyx9_135", W = "_left_1eyx9_161", X = "_right_1eyx9_173", n = {
-  aside: S,
-  nav: O,
-  hidden: w,
-  main: I,
-  navTitle: L,
-  visible: M,
-  open: j,
-  parent: z,
-  title: V,
-  children: q,
+], $ = y("panel-left-open", C), E = "_aside_1m3gq_1", S = "_nav_1m3gq_19", O = "_hidden_1m3gq_40", w = "_main_1m3gq_45", I = "_navTitle_1m3gq_54", L = "_visible_1m3gq_67", M = "_open_1m3gq_85", j = "_parent_1m3gq_97", z = "_title_1m3gq_112", V = "_children_1m3gq_117", F = "_link_1m3gq_121", P = "_menuToggle_1m3gq_136", W = "_left_1m3gq_162", X = "_right_1m3gq_174", n = {
+  aside: E,
+  nav: S,
+  hidden: O,
+  main: w,
+  navTitle: I,
+  visible: L,
+  open: M,
+  parent: j,
+  title: z,
+  children: V,
   link: F,
   menuToggle: P,
   left: W,
@@ -33,56 +33,56 @@ const $ = [
   right: n.right
 };
 function K({
-  items: h = [],
-  alignment: f = "left",
+  items: m = [],
+  alignment: h = "left",
   title: s,
-  className: m,
-  style: p,
-  ...u
+  className: g,
+  style: f,
+  ...p
 }) {
-  const [i, t] = c(!1), [x, g] = c(!1), v = () => {
-    t((e) => !e);
+  const [i, r] = c(!1), [u, v] = c(!1), b = () => {
+    r((e) => !e);
   };
   _(() => {
     if (typeof document < "u")
       return i ? setTimeout(() => {
-        N();
+        x();
       }, 0) : d(), () => d();
   }, [i]), _(() => {
-    g(!0);
+    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[f]} ${m ?? ""}`.trim(),
-      style: p,
-      ...u,
+      className: `${n.aside} ${A[h]} ${g ?? ""}`.trim(),
+      style: f,
+      ...p,
       children: [
         /* @__PURE__ */ l(
           "button",
           {
             className: n.menuToggle,
-            onClick: v,
+            onClick: b,
             "aria-label": i ? "Close menu" : "Open menu",
             "aria-expanded": i,
             "aria-controls": "sidebar-nav",
-            children: i ? /* @__PURE__ */ l(T, { size: 24 }) : /* @__PURE__ */ l(E, { size: 24 })
+            children: i ? /* @__PURE__ */ l(T, { size: 24 }) : /* @__PURE__ */ l($, { size: 24 })
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           "nav",
           {
             id: "sidebar-nav",
-            className: `${n.nav} ${i ? n.open : ""} ${x ? n.visible : n.hidden}`.trim(),
+            className: `${n.nav} ${i ? n.open : ""} ${u ? n.visible : n.hidden}`.trim(),
             "aria-label": s || "Sidebar navigation",
             children: [
               s && /* @__PURE__ */ l("h2", { className: n.navTitle, children: s }),
-              /* @__PURE__ */ l("ul", { className: n.main, role: "menu", children: h.map((e, y) => /* @__PURE__ */ l("li", { className: n.parent, children: e.sublinks && e.sublinks.length > 0 ? /* @__PURE__ */ r(k, { 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, b) => /* @__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,10 +90,9 @@ function K({
                     target: a.isExternal ? "_blank" : "_self",
                     rel: a.isExternal ? "noopener noreferrer" : void 0,
                     onClick: () => o(a),
-                    role: "menuitem",
                     children: a.label
                   }
-                ) }, a._key || b)) })
+                ) }, a._key || q)) })
               ] }) : /* @__PURE__ */ l(
                 "a",
                 {
@@ -102,10 +101,9 @@ function K({
                   target: e.isExternal ? "_blank" : "_self",
                   rel: e.isExternal ? "noopener noreferrer" : void 0,
                   onClick: () => o(e),
-                  role: "menuitem",
                   children: e.label
                 }
-              ) }, e._key || y)) })
+              ) }, e._key || k)) })
             ]
           }
         )

package/dist/index62.css

@@ -1 +1 @@
-._aside_1eyx9_1{position:sticky;min-width:250px;z-index:1005;height:fit-content;top:0;border-bottom:none}@media (max-width: 767px){._aside_1eyx9_1{min-width:unset;padding:0 var(--spacing-md)}}._aside_1eyx9_1 ul{list-style:none;padding-inline-start:0}._aside_1eyx9_1 ._nav_1eyx9_19{height:100%;min-width:250px;background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:sticky;top:0;padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_1eyx9_1 ._nav_1eyx9_19._hidden_1eyx9_40{opacity:0;pointer-events:none}._aside_1eyx9_1 ._nav_1eyx9_19 ul._main_1eyx9_45{padding:var(--spacing-md);height:100%}@media (max-width: 767px){._aside_1eyx9_1 ._nav_1eyx9_19 ul._main_1eyx9_45{padding:var(--spacing-md) 0}}._aside_1eyx9_1 ._nav_1eyx9_19 ._navTitle_1eyx9_54{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;padding:0 var(--spacing-md);color:var(--color-text-primary)}@media (max-width: 767px){._aside_1eyx9_1 ._nav_1eyx9_19 ._navTitle_1eyx9_54{padding:0}}@media (min-width: 768px){._aside_1eyx9_1 ._nav_1eyx9_19._visible_1eyx9_67{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_1eyx9_1 ._nav_1eyx9_19{border-radius:0;position:absolute;top:0!important;left:0!important;height:calc(100vh - var(--nav-height) - var(--spacing-sm));width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_1eyx9_1 ._nav_1eyx9_19._open_1eyx9_85{transform:translate(0);opacity:1;pointer-events:auto}._aside_1eyx9_1 ._nav_1eyx9_19:before{border-radius:0}}._aside_1eyx9_1 ._parent_1eyx9_97{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0}._aside_1eyx9_1 ._parent_1eyx9_97:not(:first-of-type){margin-top:var(--spacing-md)}@media (max-width: 767px){._aside_1eyx9_1 ._parent_1eyx9_97{padding:var(--spacing-md) 0}}._aside_1eyx9_1 ._title_1eyx9_112{font-weight:700}._aside_1eyx9_1 ._children_1eyx9_116{padding:0 0 0 var(--spacing-xs)}._aside_1eyx9_1 ._link_1eyx9_120{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_1eyx9_1 ._link_1eyx9_120:hover{color:var(--color-primary-100)}._menuToggle_1eyx9_135{padding:var(--spacing-xs);border-radius:var(--radius-md);background:rgba(var(--color-foregroundRgb),.1);-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_1eyx9_135 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_1eyx9_135{display:flex;align-items:center;justify-content:center}}._left_1eyx9_161{left:0;border-right:1px solid var(--color-secondary-10);border-left:none}@media (max-width: 767px){._left_1eyx9_161 ._nav_1eyx9_19{transform:translate(-100%)}}._right_1eyx9_173{right:0;border-left:1px solid var(--color-secondary-10);border-right:none}@media (max-width: 767px){._right_1eyx9_173 ._nav_1eyx9_19{transform:translate(100%)}}
+._aside_1m3gq_1{position:sticky;min-width:250px;z-index:1005;height:auto;top:0;border-bottom:none}@media (max-width: 767px){._aside_1m3gq_1{min-width:unset;padding:0 var(--spacing-md)}}._aside_1m3gq_1 ul{list-style:none;padding-inline-start:0}._aside_1m3gq_1 ._nav_1m3gq_19{height:100%;background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:sticky;top:0;padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_1m3gq_1 ._nav_1m3gq_19._hidden_1m3gq_40{opacity:0;pointer-events:none}._aside_1m3gq_1 ._nav_1m3gq_19 ul._main_1m3gq_45{padding:var(--spacing-md);height:100%}@media (max-width: 767px){._aside_1m3gq_1 ._nav_1m3gq_19 ul._main_1m3gq_45{padding:var(--spacing-md) 0}}._aside_1m3gq_1 ._nav_1m3gq_19 ._navTitle_1m3gq_54{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;padding:0 var(--spacing-md);color:var(--color-text-primary)}@media (max-width: 767px){._aside_1m3gq_1 ._nav_1m3gq_19 ._navTitle_1m3gq_54{padding:0}}@media (min-width: 768px){._aside_1m3gq_1 ._nav_1m3gq_19._visible_1m3gq_67{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_1m3gq_1 ._nav_1m3gq_19{border-radius:0;position:absolute;top:0!important;left:0!important;height:calc(100vh - var(--nav-height) - var(--spacing-sm));width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_1m3gq_1 ._nav_1m3gq_19._open_1m3gq_85{transform:translate(0);opacity:1;pointer-events:auto}._aside_1m3gq_1 ._nav_1m3gq_19:before{border-radius:0}}._aside_1m3gq_1 ._parent_1m3gq_97{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0}._aside_1m3gq_1 ._parent_1m3gq_97:not(:first-of-type){margin-top:var(--spacing-md)}@media (max-width: 767px){._aside_1m3gq_1 ._parent_1m3gq_97{padding:var(--spacing-md) 0}}._aside_1m3gq_1 ._title_1m3gq_112{font-weight:700;line-height:var(--line-height-loose)}._aside_1m3gq_1 ._children_1m3gq_117{padding:0 0 0 var(--spacing-xs)}._aside_1m3gq_1 ._link_1m3gq_121{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_1m3gq_1 ._link_1m3gq_121:hover{color:var(--color-primary-100)}._menuToggle_1m3gq_136{padding:var(--spacing-xs);border-radius:var(--radius-md);background:rgba(var(--color-foregroundRgb),.1);-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_1m3gq_136 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_1m3gq_136{display:flex;align-items:center;justify-content:center}}._left_1m3gq_162{left:0;border-right:1px solid var(--color-secondary-10);border-left:none}@media (max-width: 767px){._left_1m3gq_162 ._nav_1m3gq_19{transform:translate(-100%)}}._right_1m3gq_174{right:0;border-left:1px solid var(--color-secondary-10);border-right:none}@media (max-width: 767px){._right_1m3gq_174 ._nav_1m3gq_19{transform:translate(100%)}}

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" }),