quirk-ui 0.1.23 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -172,7 +172,7 @@ const B = [
172
172
  src: r,
173
173
  alt: c,
174
174
  draggable: !1,
175
- style: s === "fill" ? { objectFit: "cover", width: "100%", height: "100%" } : { width: "100%", height: "auto" }
175
+ style: s === "fill" ? { objectFit: "cover", width: "100%", height: "100%" } : { width: "100%", height: "100%" }
176
176
  }
177
177
  );
178
178
  return a ? /* @__PURE__ */ t("div", { className: l.media, children: s === "fill" ? a.render({
@@ -3,4 +3,4 @@
3
3
  *
4
4
  * This source code is licensed under the ISC license.
5
5
  * See the LICENSE file in the root directory of this source tree.
6
- */const y=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],x=k.createLucideIcon("pause",y),g="_hero_b3k93_1",j="_container_b3k93_7",w="_heading_b3k93_15",C="_text_b3k93_22",N="_eyebrow_b3k93_37",B="_disclaimer_b3k93_41",V="_articleDetails_b3k93_53",I="_articleType_b3k93_66",E="_articleCategories_b3k93_80",q="_category_b3k93_86",z="_number_b3k93_102",T="_blog_b3k93_129",H="_overlay_b3k93_155",R="_tile_b3k93_225",D="_fullBleed_b3k93_326",F="_media_b3k93_353",P="_splitAlt_b3k93_442",A="_split_b3k93_442",L="_videoControl_b3k93_516",S="_videoBackground_b3k93_559",U="_iframe_b3k93_560",n={hero:g,container:j,heading:w,text:C,eyebrow:N,disclaimer:B,articleDetails:V,articleType:I,articleCategories:E,category:q,number:z,default:"_default_b3k93_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:i}){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:i,children:e?t.jsx(x,{size:18,"aria-hidden":!0}):t.jsx(p.Play,{size:18,"aria-hidden":!0})})}),h=l.memo(function({url:e,provider:i,wrapperClassName:a,iframeClassName:s}){const r=b.buildEmbedSrc(e,i);return t.jsx("div",{className:a,children:t.jsx("iframe",{src:r,className:s,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),f=l.memo(l.forwardRef(function({src:e,autoPlay:i,posterUrl:a,wrapperClassName:s,videoClassName:r,isPlaying:c,onToggle:u},m){const d=l.useRef(null);return l.useImperativeHandle(m,()=>({play(){var o;(o=d.current)==null||o.play().catch(()=>{})},pause(){var o;(o=d.current)==null||o.pause()}})),l.useEffect(()=>{const o=d.current;o&&(c?o.play().catch(()=>{}):o.pause())},[c]),t.jsxs("div",{className:s,style:{position:"relative"},children:[t.jsx(v,{isPlaying:c,onToggle:u}),t.jsx("video",{ref:d,src:e,autoPlay:i,loop:!0,muted:!0,playsInline:!0,poster:a,preload:"metadata",className:r,"aria-label":"Background video"})]})})),$=l.memo(function({url:e,autoPlay:i,posterUrl:a,isPlaying:s,onToggle:r,variant:c}){const u=e.includes("vimeo.com"),m=e.includes("youtube.com")||e.includes("youtu.be"),d=u||m,o=u?"vimeo":"youtube";return c==="inline"?d?t.jsx(h,{url:e,provider:o,wrapperClassName:n.media}):t.jsx(f,{src:e,autoPlay:i,posterUrl:a,wrapperClassName:n.media,isPlaying:s,onToggle:r}):d?t.jsx(h,{url:e,provider:o,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):t.jsx(f,{src:e,autoPlay:i,posterUrl:a,videoClassName:n.videoBackground,isPlaying:s,onToggle:r})}),Y=l.memo(function({image:e,mode:i,variant:a,imageAdapter:s}){const r=b.resolveImageUrl(e,i,"medium");if(!r)return null;const c=b.resolveAltText(e,i),u=t.jsx("img",{fetchPriority:"high",src:r,alt:c,draggable:!1,style:a==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"auto"}});return s?t.jsx("div",{className:n.media,children:a==="fill"?s.render({src:r,alt:c,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):s.render({src:r,alt:c,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;
6
+ */const y=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],x=k.createLucideIcon("pause",y),g="_hero_b3k93_1",j="_container_b3k93_7",w="_heading_b3k93_15",C="_text_b3k93_22",N="_eyebrow_b3k93_37",B="_disclaimer_b3k93_41",V="_articleDetails_b3k93_53",I="_articleType_b3k93_66",E="_articleCategories_b3k93_80",q="_category_b3k93_86",z="_number_b3k93_102",T="_blog_b3k93_129",H="_overlay_b3k93_155",R="_tile_b3k93_225",D="_fullBleed_b3k93_326",F="_media_b3k93_353",P="_splitAlt_b3k93_442",A="_split_b3k93_442",L="_videoControl_b3k93_516",S="_videoBackground_b3k93_559",U="_iframe_b3k93_560",n={hero:g,container:j,heading:w,text:C,eyebrow:N,disclaimer:B,articleDetails:V,articleType:I,articleCategories:E,category:q,number:z,default:"_default_b3k93_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:i}){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:i,children:e?t.jsx(x,{size:18,"aria-hidden":!0}):t.jsx(p.Play,{size:18,"aria-hidden":!0})})}),h=l.memo(function({url:e,provider:i,wrapperClassName:a,iframeClassName:s}){const r=b.buildEmbedSrc(e,i);return t.jsx("div",{className:a,children:t.jsx("iframe",{src:r,className:s,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),f=l.memo(l.forwardRef(function({src:e,autoPlay:i,posterUrl:a,wrapperClassName:s,videoClassName:r,isPlaying:c,onToggle:u},m){const d=l.useRef(null);return l.useImperativeHandle(m,()=>({play(){var o;(o=d.current)==null||o.play().catch(()=>{})},pause(){var o;(o=d.current)==null||o.pause()}})),l.useEffect(()=>{const o=d.current;o&&(c?o.play().catch(()=>{}):o.pause())},[c]),t.jsxs("div",{className:s,style:{position:"relative"},children:[t.jsx(v,{isPlaying:c,onToggle:u}),t.jsx("video",{ref:d,src:e,autoPlay:i,loop:!0,muted:!0,playsInline:!0,poster:a,preload:"metadata",className:r,"aria-label":"Background video"})]})})),$=l.memo(function({url:e,autoPlay:i,posterUrl:a,isPlaying:s,onToggle:r,variant:c}){const u=e.includes("vimeo.com"),m=e.includes("youtube.com")||e.includes("youtu.be"),d=u||m,o=u?"vimeo":"youtube";return c==="inline"?d?t.jsx(h,{url:e,provider:o,wrapperClassName:n.media}):t.jsx(f,{src:e,autoPlay:i,posterUrl:a,wrapperClassName:n.media,isPlaying:s,onToggle:r}):d?t.jsx(h,{url:e,provider:o,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):t.jsx(f,{src:e,autoPlay:i,posterUrl:a,videoClassName:n.videoBackground,isPlaying:s,onToggle:r})}),Y=l.memo(function({image:e,mode:i,variant:a,imageAdapter:s}){const r=b.resolveImageUrl(e,i,"medium");if(!r)return null;const c=b.resolveAltText(e,i),u=t.jsx("img",{fetchPriority:"high",src:r,alt:c,draggable:!1,style:a==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"100%"}});return s?t.jsx("div",{className:n.media,children:a==="fill"?s.render({src:r,alt:c,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):s.render({src:r,alt:c,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;
@@ -1 +1 @@
1
- "use strict";require('./assets/NavLink.css');const e=require("react/jsx-runtime"),d=require("react"),h=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_p4o24_5",f="_sticky_p4o24_19",I="_left_p4o24_35",C="_container_p4o24_36",M="_logo_p4o24_40",w="_nav_p4o24_5",y="_center_p4o24_55",x="_hidden_p4o24_63",T="_visible_p4o24_70",N="_right_p4o24_85",j="_title_p4o24_92",S="_linkWrapper_p4o24_102",W="_parent_p4o24_102",$="_linkItem_p4o24_109",D="_link_p4o24_102",L="_search_p4o24_115",E="_locale_p4o24_116",F="_themeToggle_p4o24_117",q="_sublinkToggle_p4o24_118",R="_standard_p4o24_169",B="_triangle_p4o24_177",z="_twoColumn_p4o24_204",A="_mobileButtons_p4o24_213",G="_menuToggle_p4o24_281",H="_utilityMobile_p4o24_299",J="_utility_p4o24_299",K="_navInner_p4o24_327",Q="_grid_p4o24_338",U="_searchModal_p4o24_357",V="_localeModal_p4o24_358",X="_separator_p4o24_377",Y="_newTabIcon_p4o24_408",Z="_sublinksDescription_p4o24_421",O="_linkContent_p4o24_424",P="_open_p4o24_437",oo="_back_p4o24_461",no="_sublinks_p4o24_421",eo="_show_p4o24_510",to="_primaryColumn_p4o24_559",so="_secondaryColumn_p4o24_568",_o="_spotlightColumn_p4o24_572",io="_sublinksInner_p4o24_576",lo="_sublinksColumn_p4o24_596",ro="_chevron_p4o24_606",co="_advanced_p4o24_798",ao="_subtitle_p4o24_807",po="_withSpotlight_p4o24_849",uo="_withoutSpotlight_p4o24_853",mo="_transparent_p4o24_891",bo="_groupDivider_p4o24_1002",go="_searchWrapper_p4o24_1010",ho="_mobileMenu_p4o24_1017",ko="_mobileMenuSlide_p4o24_1018",vo="_mobileMenuItem_p4o24_1028",fo="_fadeInFromLeft_p4o24_1032",Io="_fadeInFromRight_p4o24_1036",Co="_spotlight_p4o24_572",Mo="_imageWrapper_p4o24_1046",wo="_content_p4o24_1068",yo="_description_p4o24_1083",xo="_actions_p4o24_1087",n={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:oo,sublinks:no,show:eo,primaryColumn:to,secondaryColumn:so,spotlightColumn:_o,sublinksInner:io,sublinksColumn:lo,chevron:ro,default:"_default_p4o24_729",advanced:co,subtitle:ao,withSpotlight:po,withoutSpotlight:uo,transparent:mo,groupDivider:bo,searchWrapper:go,mobileMenu:ho,mobileMenuSlide:ko,mobileMenuItem:vo,fadeInFromLeft:fo,fadeInFromRight:Io,spotlight:Co,imageWrapper:Mo,content:wo,description:yo,actions:xo};function To({link:o,path:t,parentPath:r,openPath:m,togglePath:c,updateTriangleIndicator:b,setOpenPath:_,renderLinks:g,buttonRefs:i}){var p;const l=m===t,s=!!((p=o.sublinks)!=null&&p.length),a=d.useRef(null);return d.useEffect(()=>(i.current.set(t,a.current),()=>{i.current.delete(t)}),[t,i]),e.jsxs("div",{className:`${n.linkWrapper} ${r?"":n.parent}`,children:[e.jsx("div",{className:n.linkItem,children:o.href?e.jsxs("a",{href:o.href,className:n.link,target:o.isExternal?"_blank":"_self",rel:o.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;_(null),(u=o.onClick)==null||u.call(o)},onMouseEnter:()=>{r||_(null)},children:[o.label,o.isExternal&&e.jsx(h.ExternalLink,{className:n.newTabIcon,size:16,"aria-hidden":"true"})]}):e.jsxs("button",{ref:a,"aria-haspopup":s?!0:void 0,"aria-expanded":s?l:void 0,className:`${n.sublinkToggle} ${l?n.open:""}`,onClick:()=>c(t),onMouseEnter:()=>{b(t),_(t)},children:[o.label,s&&e.jsx(k.ChevronDown,{size:18,className:n.chevron,"aria-hidden":"true"})]})}),s&&e.jsx("div",{className:`${n.sublinks} ${l?n.show:""}`,onMouseLeave:()=>c(t),role:"menu","aria-label":`${o.label} submenu`,children:e.jsx("div",{children:e.jsx("div",{className:n.sublinksInner,children:e.jsx("div",{className:n.sublinksColumn,children:g(o.sublinks,t)})})})})]})}exports.NavLink=To;exports.styles=n;
1
+ "use strict";require('./assets/NavLink.css');const e=require("react/jsx-runtime"),d=require("react"),h=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_p4o24_5",f="_sticky_p4o24_19",I="_left_p4o24_35",C="_container_p4o24_36",M="_logo_p4o24_40",w="_nav_p4o24_5",y="_center_p4o24_55",x="_hidden_p4o24_63",T="_visible_p4o24_70",N="_right_p4o24_85",j="_title_p4o24_92",S="_linkWrapper_p4o24_102",W="_parent_p4o24_102",$="_linkItem_p4o24_109",D="_link_p4o24_102",L="_search_p4o24_115",E="_locale_p4o24_116",F="_themeToggle_p4o24_117",q="_sublinkToggle_p4o24_118",R="_standard_p4o24_169",B="_triangle_p4o24_177",z="_twoColumn_p4o24_204",A="_mobileButtons_p4o24_213",G="_menuToggle_p4o24_281",H="_utilityMobile_p4o24_299",J="_utility_p4o24_299",K="_navInner_p4o24_327",Q="_grid_p4o24_338",U="_searchModal_p4o24_357",V="_localeModal_p4o24_358",X="_separator_p4o24_377",Y="_newTabIcon_p4o24_408",Z="_sublinksDescription_p4o24_421",O="_linkContent_p4o24_424",P="_open_p4o24_437",oo="_back_p4o24_461",no="_sublinks_p4o24_421",eo="_show_p4o24_510",to="_primaryColumn_p4o24_559",so="_secondaryColumn_p4o24_568",_o="_spotlightColumn_p4o24_572",io="_sublinksInner_p4o24_576",lo="_sublinksColumn_p4o24_596",ro="_chevron_p4o24_606",co="_advanced_p4o24_798",ao="_subtitle_p4o24_807",po="_withSpotlight_p4o24_849",uo="_withoutSpotlight_p4o24_853",mo="_transparent_p4o24_891",bo="_groupDivider_p4o24_1002",go="_searchWrapper_p4o24_1010",ho="_mobileMenu_p4o24_1017",ko="_mobileMenuSlide_p4o24_1018",vo="_mobileMenuItem_p4o24_1028",fo="_fadeInFromLeft_p4o24_1032",Io="_fadeInFromRight_p4o24_1036",Co="_spotlight_p4o24_572",Mo="_imageWrapper_p4o24_1046",wo="_content_p4o24_1068",yo="_description_p4o24_1083",xo="_actions_p4o24_1087",n={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:oo,sublinks:no,show:eo,primaryColumn:to,secondaryColumn:so,spotlightColumn:_o,sublinksInner:io,sublinksColumn:lo,chevron:ro,default:"_default_p4o24_729",advanced:co,subtitle:ao,withSpotlight:po,withoutSpotlight:uo,transparent:mo,groupDivider:bo,searchWrapper:go,mobileMenu:ho,mobileMenuSlide:ko,mobileMenuItem:vo,fadeInFromLeft:fo,fadeInFromRight:Io,spotlight:Co,imageWrapper:Mo,content:wo,description:yo,actions:xo};function To({link:o,path:t,parentPath:r,openPath:m,togglePath:c,updateTriangleIndicator:b,setOpenPath:_,renderLinks:g,buttonRefs:i}){var p;const l=m===t,s=!!((p=o.sublinks)!=null&&p.length),a=d.useRef(null);return d.useEffect(()=>(i.current.set(t,a.current),()=>{i.current.delete(t)}),[t,i]),e.jsxs("div",{className:`${n.linkWrapper} ${r?"":n.parent}`,children:[e.jsx("div",{className:n.linkItem,children:o.href?e.jsxs("a",{href:o.href,className:n.link,target:o.isExternal?"_blank":"_self",rel:o.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;_(null),(u=o.onClick)==null||u.call(o)},onMouseEnter:()=>{r||_(null)},role:"menuitem",children:[o.label,o.isExternal&&e.jsx(h.ExternalLink,{className:n.newTabIcon,size:16,"aria-hidden":"true"})]}):e.jsxs("button",{ref:a,"aria-haspopup":s?!0:void 0,"aria-expanded":s?l:void 0,className:`${n.sublinkToggle} ${l?n.open:""}`,onClick:()=>c(t),onMouseEnter:()=>{b(t),_(t)},children:[o.label,s&&e.jsx(k.ChevronDown,{size:18,className:n.chevron,"aria-hidden":"true"})]})}),s&&e.jsx("div",{className:`${n.sublinks} ${l?n.show:""}`,onMouseLeave:()=>c(t),role:"menu","aria-label":`${o.label} submenu`,children:e.jsx("div",{children:e.jsx("div",{className:n.sublinksInner,children:e.jsx("div",{className:n.sublinksColumn,children:g(o.sublinks,t)})})})})]})}exports.NavLink=To;exports.styles=n;
@@ -100,6 +100,7 @@ function $o({
100
100
  onMouseEnter: () => {
101
101
  c || _(null);
102
102
  },
103
+ role: "menuitem",
103
104
  children: [
104
105
  o.label,
105
106
  o.isExternal && /* @__PURE__ */ t(
@@ -1 +1 @@
1
- ._carousel_48j55_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_48j55_1{padding:0 var(--spacing-lg)}}._carousel_48j55_1:focus{outline:none}._carousel_48j55_1:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:3px;border-radius:var(--radius-sm, 4px)}._noPointerEvents_48j55_21 *{pointer-events:none!important}._trackContainer_48j55_25{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_48j55_25{overflow:visible}}._track_48j55_25{display:flex;transition:none;will-change:transform}._track_48j55_25._isMounted_48j55_39{transition:transform .3s ease}._page_48j55_44{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_48j55_44{justify-content:center;padding:0 var(--spacing-sm)}}._controls_48j55_54{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_48j55_65{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-sm)}._indicator_48j55_65{width:10px;height:10px;border-radius:50%;background-color:var(--color-carousel-button-background);border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_48j55_65._active_48j55_82{background-color:var(--color-carousel-button-text)}._buttons_48j55_86{display:flex;gap:var(--spacing-md)}._prev_48j55_91._disabled_48j55_91,._next_48j55_92._disabled_48j55_91{opacity:.5;pointer-events:none}._buttons_48j55_86 button:not(._disabled_48j55_91):hover{background-color:var(--color-primary-100);color:#fff}._prev_48j55_91,._next_48j55_92{background-color:var(--color-carousel-button-background);color:var(--color-carousel-button-text);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}._expandable_48j55_122>*{flex:1 1 0!important;min-width:0!important;width:unset!important;transition:flex .4s ease}._expandable_48j55_122:has(article:hover)>*:has(article:hover){flex:1.4 1 0!important}._expandable_48j55_122:has(article:hover)>*:not(:has(article:hover)){flex:.8 1 0!important}@media (max-width: 768px){._expandable_48j55_122>*{flex:1!important}}
1
+ ._carousel_1v597_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_1v597_1{padding:0 var(--spacing-lg)}}._carousel_1v597_1:focus{outline:none}._carousel_1v597_1:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:3px;border-radius:var(--radius-sm, 4px)}._noPointerEvents_1v597_21 *{pointer-events:none!important}._trackContainer_1v597_25{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_1v597_25{overflow:visible}}._track_1v597_25{display:flex;transition:none;will-change:transform}._track_1v597_25._isMounted_1v597_39{transition:transform .3s ease}._page_1v597_44{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_1v597_44{justify-content:center;padding:0 var(--spacing-sm)}}._controls_1v597_54{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_1v597_65{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-sm)}._indicator_1v597_65{width:10px;height:10px;border-radius:50%;background-color:var(--color-carousel-button-background);border:1px solid #fff;cursor:pointer;padding:0;transition:background-color .3s,transform .2s}._indicator_1v597_65._active_1v597_87{background-color:var(--color-carousel-button-text)}._indicator_1v597_65:focus{outline:none}._indicator_1v597_65:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:3px}._indicator_1v597_65:not(._active_1v597_87):hover{transform:scale(1.3)}._buttons_1v597_106{display:flex;gap:var(--spacing-md)}._prev_1v597_111._disabled_1v597_111,._next_1v597_112._disabled_1v597_111{opacity:.5;pointer-events:none}._buttons_1v597_106 button:not(._disabled_1v597_111):hover{background-color:var(--color-primary-100);color:#fff}._prev_1v597_111,._next_1v597_112{background-color:var(--color-carousel-button-background);color:var(--color-carousel-button-text);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}._expandable_1v597_142>*{flex:1 1 0!important;min-width:0!important;width:unset!important;transition:flex .4s ease}._expandable_1v597_142:has(article:hover)>*:has(article:hover){flex:1.4 1 0!important}._expandable_1v597_142:has(article:hover)>*:not(:has(article:hover)){flex:.8 1 0!important}@media (max-width: 768px){._expandable_1v597_142>*{flex:1!important}}
@@ -1 +1 @@
1
- "use strict";var d=Object.defineProperty;var g=(s,a,i)=>a in s?d(s,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[a]=i;var c=(s,a,i)=>g(s,typeof a!="symbol"?a+"":a,i);const o=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),n=require("./index.cjs"),b=require("react");e.vi.mock("lucide-react",()=>({ArrowLeft:({size:s})=>o.jsx("div",{"data-testid":"arrow-left",style:{width:s,height:s},children:"←"}),ArrowRight:({size:s})=>o.jsx("div",{"data-testid":"arrow-right",style:{width:s,height:s},children:"→"})}));class m{constructor(a){c(this,"callback");c(this,"observe",e.vi.fn(a=>{const i={target:a,contentRect:{width:800,height:400,top:0,left:0,bottom:400,right:800,x:0,y:0,toJSON:()=>({})},borderBoxSize:[],contentBoxSize:[],devicePixelContentBoxSize:[]};this.callback([i],this)}));c(this,"unobserve",e.vi.fn());c(this,"disconnect",e.vi.fn());this.callback=a}}global.ResizeObserver=m;e.describe("Carousel",()=>{let s,a;e.beforeEach(()=>{e.vi.useFakeTimers(),a=document.createElement("div"),Object.defineProperty(a,"offsetWidth",{value:800,configurable:!0}),document.body.appendChild(a),s={current:a},HTMLElement.prototype.getBoundingClientRect=e.vi.fn(function(){return{width:this.offsetWidth||800,height:this.offsetHeight||400,top:0,left:0,bottom:this.offsetHeight||400,right:this.offsetWidth||800,x:0,y:0,toJSON:()=>{}}})}),e.afterEach(()=>{e.vi.runOnlyPendingTimers(),e.vi.useRealTimers(),document.body.removeChild(a)});const i=[o.jsx("div",{children:"Item 1"},"1"),o.jsx("div",{children:"Item 2"},"2"),o.jsx("div",{children:"Item 3"},"3"),o.jsx("div",{children:"Item 4"},"4"),o.jsx("div",{children:"Item 5"},"5"),o.jsx("div",{children:"Item 6"},"6")];e.describe("Rendering",()=>{e.it("renders carousel with items",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument()}),e.it("renders navigation controls for multiple pages",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.getByLabelText("Previous slide")).toBeInTheDocument(),e.globalExpect(e.screen.getByLabelText("Next slide")).toBeInTheDocument()}),e.it("renders indicators for multiple pages",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3}));const t=e.screen.getAllByRole("button").filter(r=>{var l;return(l=r.getAttribute("aria-label"))==null?void 0:l.includes("Go to group")});e.globalExpect(t.length).toBe(2)}),e.it("does not render controls for single page",()=>{e.render(o.jsx(n.Carousel,{items:[i[0]],parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.queryByLabelText("Previous slide")).not.toBeInTheDocument(),e.globalExpect(e.screen.queryByLabelText("Next slide")).not.toBeInTheDocument()}),e.it("applies custom className",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,className:"custom-carousel"}));e.globalExpect(t.querySelector(".custom-carousel")).toBeInTheDocument()})}),e.describe("Navigation",()=>{e.it("enables previous button after navigating forward",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Next slide"),r=e.screen.getByLabelText("Previous slide");e.globalExpect(r).toBeDisabled(),e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(r).not.toBeDisabled()}),e.it("navigates back to first page",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Next slide"),r=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(r).not.toBeDisabled(),e.act(()=>{e.fireEvent.click(r)}),e.globalExpect(r).toBeDisabled()}),e.it("disables previous button on first page",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Previous slide");e.globalExpect(t).toBeDisabled(),e.globalExpect(t).toHaveClass("disabled")}),e.it("disables next button on last page",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Next slide");e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(t).toHaveClass("disabled")}),e.it("navigates to specific page via indicator",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:2}));const t=e.screen.getAllByRole("button").filter(l=>{var u;return(u=l.getAttribute("aria-label"))==null?void 0:u.includes("Go to group")}),r=e.screen.getByLabelText("Previous slide");e.globalExpect(r).toBeDisabled(),e.act(()=>{e.fireEvent.click(t[2])}),e.globalExpect(r).not.toBeDisabled()})}),e.describe("Items Per Page",()=>{e.it("calculates correct number of pages",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:2}));const t=e.screen.getAllByRole("button").filter(r=>{var l;return(l=r.getAttribute("aria-label"))==null?void 0:l.includes("Go to group")});e.globalExpect(t.length).toBe(3)}),e.it("handles single item per page",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:1}));const t=e.screen.getAllByRole("button").filter(r=>{var l;return(l=r.getAttribute("aria-label"))==null?void 0:l.includes("Go to group")});e.globalExpect(t.length).toBe(6)}),e.it("handles itemsPerPage larger than items length",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:10})),e.globalExpect(e.screen.queryByLabelText("Previous slide")).not.toBeInTheDocument()})}),e.describe("Autoplay",()=>{e.it("does not advance without autoplay enabled",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3,autoplay:!1}));const t=e.screen.getByLabelText("Previous slide");e.act(()=>{e.vi.advanceTimersByTime(5e3)}),e.globalExpect(t).toBeDisabled()}),e.it("stops autoplay on manual navigation",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3,autoplay:!0,autoplayInterval:1}));const t=e.screen.getByLabelText("Next slide");e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(t).toHaveClass("disabled"),e.act(()=>{e.vi.advanceTimersByTime(2e3)}),e.globalExpect(t).toHaveClass("disabled")})}),e.describe("Touch Gestures",()=>{e.it("sets up touch event handlers",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),r=t.querySelector('[class*="trackContainer"]');e.globalExpect(r).toBeInTheDocument()}),e.it("ignores small swipe gestures",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),r=t.querySelector('[class*="trackContainer"]'),l=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.touchStart(r,{touches:[{clientX:200,clientY:100}]}),e.fireEvent.touchEnd(r,{changedTouches:[{clientX:180,clientY:100}]})}),e.globalExpect(l).toBeDisabled()})}),e.describe("Mouse Drag",()=>{e.it("sets up mouse event handlers",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),r=t.querySelector('[class*="trackContainer"]');e.globalExpect(r).toBeInTheDocument()}),e.it("resets drag state on mouse leave",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),r=t.querySelector('[class*="trackContainer"]'),l=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.mouseDown(r,{clientX:200}),e.fireEvent.mouseMove(r,{clientX:150}),e.fireEvent.mouseLeave(r)}),e.globalExpect(l).toBeDisabled()}),e.it("ignores small drag movements",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),r=t.querySelector('[class*="trackContainer"]'),l=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.mouseDown(r,{clientX:200}),e.fireEvent.mouseMove(r,{clientX:180}),e.fireEvent.mouseUp(r)}),e.globalExpect(l).toBeDisabled()})}),e.describe("Grid Layout",()=>{e.it("uses grid layout for multiple rows",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:6,itemsPerRow:3})),r=t.querySelector('[class*="page"]');e.globalExpect(r).toHaveStyle({display:"grid"})}),e.it("uses flex layout for single row",()=>{const{container:t}=e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3,itemsPerRow:3})),r=t.querySelector('[class*="page"]');e.globalExpect(r).toHaveStyle({display:"flex"})})}),e.describe("Accessibility",()=>{e.it("has proper aria labels on navigation buttons",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.getByLabelText("Previous slide")).toBeInTheDocument(),e.globalExpect(e.screen.getByLabelText("Next slide")).toBeInTheDocument()}),e.it("has proper aria labels on indicators",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.getByLabelText("Go to group 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByLabelText("Go to group 2")).toBeInTheDocument()}),e.it("properly disables navigation buttons",()=>{e.render(o.jsx(n.Carousel,{items:i,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Previous slide"),r=e.screen.getByLabelText("Next slide");e.globalExpect(t).toBeDisabled(),e.globalExpect(r).not.toBeDisabled()})}),e.describe("Split Layout",()=>{e.it("handles split layout with sibling ref",()=>{const t=b.createRef(),r=document.createElement("div");Object.defineProperty(r,"offsetWidth",{value:200,configurable:!0}),t.current=r,e.render(o.jsx(n.Carousel,{items:i,parentRef:s,siblingRef:t,isSplit:!0,itemsPerPage:3})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument()})})});
1
+ "use strict";var d=Object.defineProperty;var u=(s,n,a)=>n in s?d(s,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[n]=a;var c=(s,n,a)=>u(s,typeof n!="symbol"?n+"":n,a);const r=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),i=require("./index.cjs"),g=require("react");e.vi.mock("lucide-react",()=>({ArrowLeft:({size:s})=>r.jsx("div",{"data-testid":"arrow-left",style:{width:s,height:s},children:"←"}),ArrowRight:({size:s})=>r.jsx("div",{"data-testid":"arrow-right",style:{width:s,height:s},children:"→"})}));class b{constructor(n){c(this,"callback");c(this,"observe",e.vi.fn(n=>{const a={target:n,contentRect:{width:800,height:400,top:0,left:0,bottom:400,right:800,x:0,y:0,toJSON:()=>({})},borderBoxSize:[],contentBoxSize:[],devicePixelContentBoxSize:[]};this.callback([a],this)}));c(this,"unobserve",e.vi.fn());c(this,"disconnect",e.vi.fn());this.callback=n}}global.ResizeObserver=b;e.describe("Carousel",()=>{let s,n;e.beforeEach(()=>{e.vi.useFakeTimers(),n=document.createElement("div"),Object.defineProperty(n,"offsetWidth",{value:800,configurable:!0}),document.body.appendChild(n),s={current:n},HTMLElement.prototype.getBoundingClientRect=e.vi.fn(function(){return{width:this.offsetWidth||800,height:this.offsetHeight||400,top:0,left:0,bottom:this.offsetHeight||400,right:this.offsetWidth||800,x:0,y:0,toJSON:()=>{}}})}),e.afterEach(()=>{e.vi.runOnlyPendingTimers(),e.vi.useRealTimers(),document.body.removeChild(n)});const a=[r.jsx("div",{children:"Item 1"},"1"),r.jsx("div",{children:"Item 2"},"2"),r.jsx("div",{children:"Item 3"},"3"),r.jsx("div",{children:"Item 4"},"4"),r.jsx("div",{children:"Item 5"},"5"),r.jsx("div",{children:"Item 6"},"6")];e.describe("Rendering",()=>{e.it("renders carousel with items",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument()}),e.it("renders navigation controls for multiple pages",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.getByLabelText("Previous slide")).toBeInTheDocument(),e.globalExpect(e.screen.getByLabelText("Next slide")).toBeInTheDocument()}),e.it("renders indicators for multiple pages",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getAllByRole("tab");e.globalExpect(t.length).toBe(2)}),e.it("does not render controls for single page",()=>{e.render(r.jsx(i.Carousel,{items:[a[0]],parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.queryByLabelText("Previous slide")).not.toBeInTheDocument(),e.globalExpect(e.screen.queryByLabelText("Next slide")).not.toBeInTheDocument()}),e.it("applies custom className",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,className:"custom-carousel"}));e.globalExpect(t.querySelector(".custom-carousel")).toBeInTheDocument()})}),e.describe("Navigation",()=>{e.it("enables previous button after navigating forward",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Next slide"),o=e.screen.getByLabelText("Previous slide");e.globalExpect(o).toBeDisabled(),e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(o).not.toBeDisabled()}),e.it("navigates back to first page",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Next slide"),o=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(o).not.toBeDisabled(),e.act(()=>{e.fireEvent.click(o)}),e.globalExpect(o).toBeDisabled()}),e.it("disables previous button on first page",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Previous slide");e.globalExpect(t).toBeDisabled(),e.globalExpect(t).toHaveClass("disabled")}),e.it("disables next button on last page",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Next slide");e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(t).toHaveClass("disabled")}),e.it("navigates to specific page via indicator",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:2}));const t=e.screen.getAllByRole("tab"),o=e.screen.getByLabelText("Previous slide");e.globalExpect(o).toBeDisabled(),e.act(()=>{e.fireEvent.click(t[2])}),e.globalExpect(o).not.toBeDisabled()})}),e.describe("Items Per Page",()=>{e.it("calculates correct number of pages",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:2}));const t=e.screen.getAllByRole("tab");e.globalExpect(t.length).toBe(3)}),e.it("handles single item per page",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:1}));const t=e.screen.getAllByRole("tab");e.globalExpect(t.length).toBe(6)}),e.it("handles itemsPerPage larger than items length",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:10})),e.globalExpect(e.screen.queryByLabelText("Previous slide")).not.toBeInTheDocument()})}),e.describe("Autoplay",()=>{e.it("does not advance without autoplay enabled",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3,autoplay:!1}));const t=e.screen.getByLabelText("Previous slide");e.act(()=>{e.vi.advanceTimersByTime(5e3)}),e.globalExpect(t).toBeDisabled()}),e.it("stops autoplay on manual navigation",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3,autoplay:!0,autoplayInterval:1}));const t=e.screen.getByLabelText("Next slide");e.act(()=>{e.fireEvent.click(t)}),e.globalExpect(t).toHaveClass("disabled"),e.act(()=>{e.vi.advanceTimersByTime(2e3)}),e.globalExpect(t).toHaveClass("disabled")})}),e.describe("Touch Gestures",()=>{e.it("sets up touch event handlers",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),o=t.querySelector('[class*="trackContainer"]');e.globalExpect(o).toBeInTheDocument()}),e.it("ignores small swipe gestures",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),o=t.querySelector('[class*="trackContainer"]'),l=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.touchStart(o,{touches:[{clientX:200,clientY:100}]}),e.fireEvent.touchEnd(o,{changedTouches:[{clientX:180,clientY:100}]})}),e.globalExpect(l).toBeDisabled()})}),e.describe("Mouse Drag",()=>{e.it("sets up mouse event handlers",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),o=t.querySelector('[class*="trackContainer"]');e.globalExpect(o).toBeInTheDocument()}),e.it("resets drag state on mouse leave",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),o=t.querySelector('[class*="trackContainer"]'),l=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.mouseDown(o,{clientX:200}),e.fireEvent.mouseMove(o,{clientX:150}),e.fireEvent.mouseLeave(o)}),e.globalExpect(l).toBeDisabled()}),e.it("ignores small drag movements",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),o=t.querySelector('[class*="trackContainer"]'),l=e.screen.getByLabelText("Previous slide");e.act(()=>{e.fireEvent.mouseDown(o,{clientX:200}),e.fireEvent.mouseMove(o,{clientX:180}),e.fireEvent.mouseUp(o)}),e.globalExpect(l).toBeDisabled()})}),e.describe("Grid Layout",()=>{e.it("uses grid layout for multiple rows",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:6,itemsPerRow:3})),o=t.querySelector('[class*="page"]');e.globalExpect(o).toHaveStyle({display:"grid"})}),e.it("uses flex layout for single row",()=>{const{container:t}=e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3,itemsPerRow:3})),o=t.querySelector('[class*="page"]');e.globalExpect(o).toHaveStyle({display:"flex"})})}),e.describe("Accessibility",()=>{e.it("has proper aria labels on navigation buttons",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.getByLabelText("Previous slide")).toBeInTheDocument(),e.globalExpect(e.screen.getByLabelText("Next slide")).toBeInTheDocument()}),e.it("has proper aria labels on indicators",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.getByRole("tab",{name:"Slide 1 of 2"})).toBeInTheDocument(),e.globalExpect(e.screen.getByRole("tab",{name:"Slide 2 of 2"})).toBeInTheDocument()}),e.it("renders indicators as tabs inside a tablist",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),e.globalExpect(e.screen.getByRole("tablist",{name:"Slide indicators"})).toBeInTheDocument();const t=e.screen.getAllByRole("tab");e.globalExpect(t).toHaveLength(2)}),e.it("marks only the active indicator as selected",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getAllByRole("tab");e.globalExpect(t[0]).toHaveAttribute("aria-selected","true"),e.globalExpect(t[1]).toHaveAttribute("aria-selected","false")}),e.it("active tab is focusable, inactive tabs are not in tab order",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getAllByRole("tab");e.globalExpect(t[0]).toHaveAttribute("tabindex","0"),e.globalExpect(t[1]).toHaveAttribute("tabindex","-1")}),e.it("updates aria-selected and tabindex when navigating via indicator click",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getAllByRole("tab");e.act(()=>{e.fireEvent.click(t[1])}),e.globalExpect(t[1]).toHaveAttribute("aria-selected","true"),e.globalExpect(t[1]).toHaveAttribute("tabindex","0"),e.globalExpect(t[0]).toHaveAttribute("aria-selected","false"),e.globalExpect(t[0]).toHaveAttribute("tabindex","-1")}),e.it("tabs have aria-controls pointing to the carousel track",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3})),e.screen.getAllByRole("tab").forEach(o=>{e.globalExpect(o).toHaveAttribute("aria-controls","carousel-track")})}),e.it("navigates indicators with arrow keys",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getAllByRole("tab");e.act(()=>{e.fireEvent.keyDown(t[0],{key:"ArrowRight"})}),e.globalExpect(t[1]).toHaveAttribute("aria-selected","true"),e.act(()=>{e.fireEvent.keyDown(t[1],{key:"ArrowLeft"})}),e.globalExpect(t[0]).toHaveAttribute("aria-selected","true")}),e.it("properly disables navigation buttons",()=>{e.render(r.jsx(i.Carousel,{items:a,parentRef:s,itemsPerPage:3}));const t=e.screen.getByLabelText("Previous slide"),o=e.screen.getByLabelText("Next slide");e.globalExpect(t).toBeDisabled(),e.globalExpect(o).not.toBeDisabled()})}),e.describe("Split Layout",()=>{e.it("handles split layout with sibling ref",()=>{const t=g.createRef(),o=document.createElement("div");Object.defineProperty(o,"offsetWidth",{value:200,configurable:!0}),t.current=o,e.render(r.jsx(i.Carousel,{items:a,parentRef:s,siblingRef:t,isSplit:!0,itemsPerPage:3})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument()})})});