quirk-ui 0.1.22 → 0.1.24

package/dist/{HeroSubComponents-CN_hjIAI.js → HeroSubComponents-DB8rb5AZ.js}

@@ -172,7 +172,7 @@ const B = [
       src: r,
       alt: c,
       draggable: !1,
-      style: s === "fill" ? { objectFit: "cover", width: "100%", height: "100%" } : { width: "100%", height: "auto" }
+      style: s === "fill" ? { objectFit: "cover", width: "100%", height: "100%" } : { width: "100%", height: "100%" }
     }
   );
   return a ? /* @__PURE__ */ t("div", { className: l.media, children: s === "fill" ? a.render({

package/dist/{HeroSubComponents-CVVvQR0b.cjs → HeroSubComponents-LRh-1VyX.cjs}

@@ -3,4 +3,4 @@
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */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;
+ */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;

package/dist/assets/index16.css

@@ -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}}
+._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}}

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

@@ -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()})})});
+"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()})})});

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

@@ -1,20 +1,20 @@
-var v = Object.defineProperty;
-var P = (t, u, a) => u in t ? v(t, u, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[u] = a;
-var h = (t, u, a) => P(t, typeof u != "symbol" ? u + "" : u, a);
-import { jsx as i } from "react/jsx-runtime";
-import { v as B, d as b, b as y, a as f, i as r, r as l, g as s, s as n, h as g, f as m } from "../../../index-BQV8LRFm.js";
+var B = Object.defineProperty;
+var y = (s, d, i) => d in s ? B(s, d, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[d] = i;
+var h = (s, d, i) => y(s, typeof d != "symbol" ? d + "" : d, i);
+import { jsx as a } from "react/jsx-runtime";
+import { v as b, d as g, b as P, a as p, i as r, r as l, g as t, s as o, h as m, f as u } from "../../../index-BQV8LRFm.js";
 import { Carousel as c } from "./index.mjs";
-import x from "react";
-B.mock("lucide-react", () => ({
-  ArrowLeft: ({ size: t }) => /* @__PURE__ */ i("div", { "data-testid": "arrow-left", style: { width: t, height: t }, children: "←" }),
-  ArrowRight: ({ size: t }) => /* @__PURE__ */ i("div", { "data-testid": "arrow-right", style: { width: t, height: t }, children: "→" })
+import f from "react";
+b.mock("lucide-react", () => ({
+  ArrowLeft: ({ size: s }) => /* @__PURE__ */ a("div", { "data-testid": "arrow-left", style: { width: s, height: s }, children: "←" }),
+  ArrowRight: ({ size: s }) => /* @__PURE__ */ a("div", { "data-testid": "arrow-right", style: { width: s, height: s }, children: "→" })
 }));
-class T {
-  constructor(u) {
+class x {
+  constructor(d) {
     h(this, "callback");
-    h(this, "observe", B.fn((u) => {
-      const a = {
-        target: u,
+    h(this, "observe", b.fn((d) => {
+      const i = {
+        target: d,
         contentRect: {
           width: 800,
           height: 400,
@@ -30,21 +30,21 @@ class T {
         contentBoxSize: [],
         devicePixelContentBoxSize: []
       };
-      this.callback([a], this);
+      this.callback([i], this);
     }));
-    h(this, "unobserve", B.fn());
-    h(this, "disconnect", B.fn());
-    this.callback = u;
+    h(this, "unobserve", b.fn());
+    h(this, "disconnect", b.fn());
+    this.callback = d;
   }
 }
-global.ResizeObserver = T;
-b("Carousel", () => {
-  let t, u;
-  y(() => {
-    B.useFakeTimers(), u = document.createElement("div"), Object.defineProperty(u, "offsetWidth", {
+global.ResizeObserver = x;
+g("Carousel", () => {
+  let s, d;
+  P(() => {
+    b.useFakeTimers(), d = document.createElement("div"), Object.defineProperty(d, "offsetWidth", {
       value: 800,
       configurable: !0
-    }), document.body.appendChild(u), t = { current: u }, HTMLElement.prototype.getBoundingClientRect = B.fn(function() {
+    }), document.body.appendChild(d), s = { current: d }, HTMLElement.prototype.getBoundingClientRect = b.fn(function() {
       return {
         width: this.offsetWidth || 800,
         height: this.offsetHeight || 400,
@@ -58,282 +58,310 @@ b("Carousel", () => {
         }
       };
     });
-  }), f(() => {
-    B.runOnlyPendingTimers(), B.useRealTimers(), document.body.removeChild(u);
+  }), p(() => {
+    b.runOnlyPendingTimers(), b.useRealTimers(), document.body.removeChild(d);
   });
-  const a = [
-    /* @__PURE__ */ i("div", { children: "Item 1" }, "1"),
-    /* @__PURE__ */ i("div", { children: "Item 2" }, "2"),
-    /* @__PURE__ */ i("div", { children: "Item 3" }, "3"),
-    /* @__PURE__ */ i("div", { children: "Item 4" }, "4"),
-    /* @__PURE__ */ i("div", { children: "Item 5" }, "5"),
-    /* @__PURE__ */ i("div", { children: "Item 6" }, "6")
+  const i = [
+    /* @__PURE__ */ a("div", { children: "Item 1" }, "1"),
+    /* @__PURE__ */ a("div", { children: "Item 2" }, "2"),
+    /* @__PURE__ */ a("div", { children: "Item 3" }, "3"),
+    /* @__PURE__ */ a("div", { children: "Item 4" }, "4"),
+    /* @__PURE__ */ a("div", { children: "Item 5" }, "5"),
+    /* @__PURE__ */ a("div", { children: "Item 6" }, "6")
   ];
-  b("Rendering", () => {
+  g("Rendering", () => {
     r("renders carousel with items", () => {
-      l(/* @__PURE__ */ i(c, { items: a, parentRef: t })), s(n.getByText("Item 1")).toBeInTheDocument();
+      l(/* @__PURE__ */ a(c, { items: i, parentRef: s })), t(o.getByText("Item 1")).toBeInTheDocument();
     }), r("renders navigation controls for multiple pages", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), s(n.getByLabelText("Previous slide")).toBeInTheDocument(), s(n.getByLabelText("Next slide")).toBeInTheDocument();
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), t(o.getByLabelText("Previous slide")).toBeInTheDocument(), t(o.getByLabelText("Next slide")).toBeInTheDocument();
     }), r("renders indicators for multiple pages", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
       );
-      const e = n.getAllByRole("button").filter(
-        (o) => {
-          var d;
-          return (d = o.getAttribute("aria-label")) == null ? void 0 : d.includes("Go to group");
-        }
-      );
-      s(e.length).toBe(2);
+      const e = o.getAllByRole("tab");
+      t(e.length).toBe(2);
     }), r("does not render controls for single page", () => {
       l(
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           c,
           {
-            items: [a[0]],
-            parentRef: t,
+            items: [i[0]],
+            parentRef: s,
             itemsPerPage: 3
           }
         )
-      ), s(n.queryByLabelText("Previous slide")).not.toBeInTheDocument(), s(n.queryByLabelText("Next slide")).not.toBeInTheDocument();
+      ), t(o.queryByLabelText("Previous slide")).not.toBeInTheDocument(), t(o.queryByLabelText("Next slide")).not.toBeInTheDocument();
     }), r("applies custom className", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           c,
           {
-            items: a,
-            parentRef: t,
+            items: i,
+            parentRef: s,
             className: "custom-carousel"
           }
         )
       );
-      s(e.querySelector(".custom-carousel")).toBeInTheDocument();
+      t(e.querySelector(".custom-carousel")).toBeInTheDocument();
     });
-  }), b("Navigation", () => {
+  }), g("Navigation", () => {
     r("enables previous button after navigating forward", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
       );
-      const e = n.getByLabelText("Next slide"), o = n.getByLabelText("Previous slide");
-      s(o).toBeDisabled(), g(() => {
-        m.click(e);
-      }), s(o).not.toBeDisabled();
+      const e = o.getByLabelText("Next slide"), n = o.getByLabelText("Previous slide");
+      t(n).toBeDisabled(), m(() => {
+        u.click(e);
+      }), t(n).not.toBeDisabled();
     }), r("navigates back to first page", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
       );
-      const e = n.getByLabelText("Next slide"), o = n.getByLabelText("Previous slide");
-      g(() => {
-        m.click(e);
-      }), s(o).not.toBeDisabled(), g(() => {
-        m.click(o);
-      }), s(o).toBeDisabled();
+      const e = o.getByLabelText("Next slide"), n = o.getByLabelText("Previous slide");
+      m(() => {
+        u.click(e);
+      }), t(n).not.toBeDisabled(), m(() => {
+        u.click(n);
+      }), t(n).toBeDisabled();
     }), r("disables previous button on first page", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
       );
-      const e = n.getByLabelText("Previous slide");
-      s(e).toBeDisabled(), s(e).toHaveClass("disabled");
+      const e = o.getByLabelText("Previous slide");
+      t(e).toBeDisabled(), t(e).toHaveClass("disabled");
     }), r("disables next button on last page", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
       );
-      const e = n.getByLabelText("Next slide");
-      g(() => {
-        m.click(e);
-      }), s(e).toHaveClass("disabled");
+      const e = o.getByLabelText("Next slide");
+      m(() => {
+        u.click(e);
+      }), t(e).toHaveClass("disabled");
     }), r("navigates to specific page via indicator", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 2 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 2 })
       );
-      const e = n.getAllByRole("button").filter(
-        (d) => {
-          var p;
-          return (p = d.getAttribute("aria-label")) == null ? void 0 : p.includes("Go to group");
-        }
-      ), o = n.getByLabelText("Previous slide");
-      s(o).toBeDisabled(), g(() => {
-        m.click(e[2]);
-      }), s(o).not.toBeDisabled();
+      const e = o.getAllByRole("tab"), n = o.getByLabelText("Previous slide");
+      t(n).toBeDisabled(), m(() => {
+        u.click(e[2]);
+      }), t(n).not.toBeDisabled();
     });
-  }), b("Items Per Page", () => {
+  }), g("Items Per Page", () => {
     r("calculates correct number of pages", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 2 })
-      );
-      const e = n.getAllByRole("button").filter(
-        (o) => {
-          var d;
-          return (d = o.getAttribute("aria-label")) == null ? void 0 : d.includes("Go to group");
-        }
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 2 })
       );
-      s(e.length).toBe(3);
+      const e = o.getAllByRole("tab");
+      t(e.length).toBe(3);
     }), r("handles single item per page", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 1 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 1 })
       );
-      const e = n.getAllByRole("button").filter(
-        (o) => {
-          var d;
-          return (d = o.getAttribute("aria-label")) == null ? void 0 : d.includes("Go to group");
-        }
-      );
-      s(e.length).toBe(6);
+      const e = o.getAllByRole("tab");
+      t(e.length).toBe(6);
     }), r("handles itemsPerPage larger than items length", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 10 })
-      ), s(n.queryByLabelText("Previous slide")).not.toBeInTheDocument();
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 10 })
+      ), t(o.queryByLabelText("Previous slide")).not.toBeInTheDocument();
     });
-  }), b("Autoplay", () => {
+  }), g("Autoplay", () => {
     r("does not advance without autoplay enabled", () => {
       l(
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           c,
           {
-            items: a,
-            parentRef: t,
+            items: i,
+            parentRef: s,
             itemsPerPage: 3,
             autoplay: !1
           }
         )
       );
-      const e = n.getByLabelText("Previous slide");
-      g(() => {
-        B.advanceTimersByTime(5e3);
-      }), s(e).toBeDisabled();
+      const e = o.getByLabelText("Previous slide");
+      m(() => {
+        b.advanceTimersByTime(5e3);
+      }), t(e).toBeDisabled();
     }), r("stops autoplay on manual navigation", () => {
       l(
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           c,
           {
-            items: a,
-            parentRef: t,
+            items: i,
+            parentRef: s,
             itemsPerPage: 3,
             autoplay: !0,
             autoplayInterval: 1
           }
         )
       );
-      const e = n.getByLabelText("Next slide");
-      g(() => {
-        m.click(e);
-      }), s(e).toHaveClass("disabled"), g(() => {
-        B.advanceTimersByTime(2e3);
-      }), s(e).toHaveClass("disabled");
+      const e = o.getByLabelText("Next slide");
+      m(() => {
+        u.click(e);
+      }), t(e).toHaveClass("disabled"), m(() => {
+        b.advanceTimersByTime(2e3);
+      }), t(e).toHaveClass("disabled");
     });
-  }), b("Touch Gestures", () => {
+  }), g("Touch Gestures", () => {
     r("sets up touch event handlers", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), o = e.querySelector(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), n = e.querySelector(
         '[class*="trackContainer"]'
       );
-      s(o).toBeInTheDocument();
+      t(n).toBeInTheDocument();
     }), r("ignores small swipe gestures", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), o = e.querySelector(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), n = e.querySelector(
         '[class*="trackContainer"]'
-      ), d = n.getByLabelText("Previous slide");
-      g(() => {
-        m.touchStart(o, {
+      ), v = o.getByLabelText("Previous slide");
+      m(() => {
+        u.touchStart(n, {
           touches: [{ clientX: 200, clientY: 100 }]
-        }), m.touchEnd(o, {
+        }), u.touchEnd(n, {
           changedTouches: [{ clientX: 180, clientY: 100 }]
         });
-      }), s(d).toBeDisabled();
+      }), t(v).toBeDisabled();
     });
-  }), b("Mouse Drag", () => {
+  }), g("Mouse Drag", () => {
     r("sets up mouse event handlers", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), o = e.querySelector(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), n = e.querySelector(
         '[class*="trackContainer"]'
       );
-      s(o).toBeInTheDocument();
+      t(n).toBeInTheDocument();
     }), r("resets drag state on mouse leave", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), o = e.querySelector(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), n = e.querySelector(
         '[class*="trackContainer"]'
-      ), d = n.getByLabelText("Previous slide");
-      g(() => {
-        m.mouseDown(o, { clientX: 200 }), m.mouseMove(o, { clientX: 150 }), m.mouseLeave(o);
-      }), s(d).toBeDisabled();
+      ), v = o.getByLabelText("Previous slide");
+      m(() => {
+        u.mouseDown(n, { clientX: 200 }), u.mouseMove(n, { clientX: 150 }), u.mouseLeave(n);
+      }), t(v).toBeDisabled();
     }), r("ignores small drag movements", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), o = e.querySelector(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), n = e.querySelector(
         '[class*="trackContainer"]'
-      ), d = n.getByLabelText("Previous slide");
-      g(() => {
-        m.mouseDown(o, { clientX: 200 }), m.mouseMove(o, { clientX: 180 }), m.mouseUp(o);
-      }), s(d).toBeDisabled();
+      ), v = o.getByLabelText("Previous slide");
+      m(() => {
+        u.mouseDown(n, { clientX: 200 }), u.mouseMove(n, { clientX: 180 }), u.mouseUp(n);
+      }), t(v).toBeDisabled();
     });
-  }), b("Grid Layout", () => {
+  }), g("Grid Layout", () => {
     r("uses grid layout for multiple rows", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           c,
           {
-            items: a,
-            parentRef: t,
+            items: i,
+            parentRef: s,
             itemsPerPage: 6,
             itemsPerRow: 3
           }
         )
-      ), o = e.querySelector('[class*="page"]');
-      s(o).toHaveStyle({ display: "grid" });
+      ), n = e.querySelector('[class*="page"]');
+      t(n).toHaveStyle({ display: "grid" });
     }), r("uses flex layout for single row", () => {
       const { container: e } = l(
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           c,
           {
-            items: a,
-            parentRef: t,
+            items: i,
+            parentRef: s,
             itemsPerPage: 3,
             itemsPerRow: 3
           }
         )
-      ), o = e.querySelector('[class*="page"]');
-      s(o).toHaveStyle({ display: "flex" });
+      ), n = e.querySelector('[class*="page"]');
+      t(n).toHaveStyle({ display: "flex" });
     });
-  }), b("Accessibility", () => {
+  }), g("Accessibility", () => {
     r("has proper aria labels on navigation buttons", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), s(n.getByLabelText("Previous slide")).toBeInTheDocument(), s(n.getByLabelText("Next slide")).toBeInTheDocument();
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), t(o.getByLabelText("Previous slide")).toBeInTheDocument(), t(o.getByLabelText("Next slide")).toBeInTheDocument();
     }), r("has proper aria labels on indicators", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
-      ), s(n.getByLabelText("Go to group 1")).toBeInTheDocument(), s(n.getByLabelText("Go to group 2")).toBeInTheDocument();
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), t(
+        o.getByRole("tab", { name: "Slide 1 of 2" })
+      ).toBeInTheDocument(), t(
+        o.getByRole("tab", { name: "Slide 2 of 2" })
+      ).toBeInTheDocument();
+    }), r("renders indicators as tabs inside a tablist", () => {
+      l(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), t(
+        o.getByRole("tablist", { name: "Slide indicators" })
+      ).toBeInTheDocument();
+      const e = o.getAllByRole("tab");
+      t(e).toHaveLength(2);
+    }), r("marks only the active indicator as selected", () => {
+      l(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      );
+      const e = o.getAllByRole("tab");
+      t(e[0]).toHaveAttribute("aria-selected", "true"), t(e[1]).toHaveAttribute("aria-selected", "false");
+    }), r("active tab is focusable, inactive tabs are not in tab order", () => {
+      l(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      );
+      const e = o.getAllByRole("tab");
+      t(e[0]).toHaveAttribute("tabindex", "0"), t(e[1]).toHaveAttribute("tabindex", "-1");
+    }), r("updates aria-selected and tabindex when navigating via indicator click", () => {
+      l(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      );
+      const e = o.getAllByRole("tab");
+      m(() => {
+        u.click(e[1]);
+      }), t(e[1]).toHaveAttribute("aria-selected", "true"), t(e[1]).toHaveAttribute("tabindex", "0"), t(e[0]).toHaveAttribute("aria-selected", "false"), t(e[0]).toHaveAttribute("tabindex", "-1");
+    }), r("tabs have aria-controls pointing to the carousel track", () => {
+      l(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      ), o.getAllByRole("tab").forEach((n) => {
+        t(n).toHaveAttribute("aria-controls", "carousel-track");
+      });
+    }), r("navigates indicators with arrow keys", () => {
+      l(
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
+      );
+      const e = o.getAllByRole("tab");
+      m(() => {
+        u.keyDown(e[0], { key: "ArrowRight" });
+      }), t(e[1]).toHaveAttribute("aria-selected", "true"), m(() => {
+        u.keyDown(e[1], { key: "ArrowLeft" });
+      }), t(e[0]).toHaveAttribute("aria-selected", "true");
     }), r("properly disables navigation buttons", () => {
       l(
-        /* @__PURE__ */ i(c, { items: a, parentRef: t, itemsPerPage: 3 })
+        /* @__PURE__ */ a(c, { items: i, parentRef: s, itemsPerPage: 3 })
       );
-      const e = n.getByLabelText("Previous slide"), o = n.getByLabelText("Next slide");
-      s(e).toBeDisabled(), s(o).not.toBeDisabled();
+      const e = o.getByLabelText("Previous slide"), n = o.getByLabelText("Next slide");
+      t(e).toBeDisabled(), t(n).not.toBeDisabled();
     });
-  }), b("Split Layout", () => {
+  }), g("Split Layout", () => {
     r("handles split layout with sibling ref", () => {
-      const e = x.createRef(), o = document.createElement("div");
-      Object.defineProperty(o, "offsetWidth", {
+      const e = f.createRef(), n = document.createElement("div");
+      Object.defineProperty(n, "offsetWidth", {
         value: 200,
         configurable: !0
-      }), e.current = o, l(
-        /* @__PURE__ */ i(
+      }), e.current = n, l(
+        /* @__PURE__ */ a(
           c,
           {
-            items: a,
-            parentRef: t,
+            items: i,
+            parentRef: s,
             siblingRef: e,
             isSplit: !0,
             itemsPerPage: 3
           }
         )
-      ), s(n.getByText("Item 1")).toBeInTheDocument();
+      ), t(o.getByText("Item 1")).toBeInTheDocument();
     });
   });
 });