@skdx/vue 0.26.0

package/dist/card/CardHeader.vue.js

@@ -0,0 +1 @@
+import e from"./CardHeader.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/card/CardHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-card__header","data-part":"header"},t=(0,e.defineComponent)({__name:"CardHeader",setup(_){return(r,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",a,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=t;

package/dist/card/CardHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as r,renderSlot as d}from"vue";var t={class:"skdx-card__header","data-part":"header"},s=/* @__PURE__ */a({__name:"CardHeader",setup:a=>(a,s)=>(r(),e("div",t,[d(a.$slots,"default")]))});export{s as default};

package/dist/card/CardTitle.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CardTitle.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/card/CardTitle.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * A `<SkdxCard>`'s heading. Renders an `<h3>`, typically inside
+ * `<SkdxCardHeader>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/CardTitle.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * A `<SkdxCard>`'s heading. Renders an `<h3>`, typically inside
+ * `<SkdxCardHeader>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/card/CardTitle.vue.js

@@ -0,0 +1 @@
+import e from"./CardTitle.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/card/CardTitle.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-card__title","data-part":"title"},_=(0,e.defineComponent)({__name:"CardTitle",setup(a){return(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("h3",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/card/CardTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as t,openBlock as a,renderSlot as l}from"vue";var s={class:"skdx-card__title","data-part":"title"},o=/* @__PURE__ */t({__name:"CardTitle",setup:t=>(t,o)=>(a(),e("h3",s,[l(t.$slots,"default")]))});export{o as default};

package/dist/card/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Card.vue.cjs"),r=require("./CardHeader.vue.cjs"),d=require("./CardTitle.vue.cjs"),t=require("./CardDescription.vue.cjs"),a=require("./CardContent.vue.cjs"),i=require("./CardFooter.vue.cjs");exports.SkdxCard=e.default;exports.SkdxCardContent=a.default;exports.SkdxCardDescription=t.default;exports.SkdxCardFooter=i.default;exports.SkdxCardHeader=r.default;exports.SkdxCardTitle=d.default;

package/dist/card/index.d.cts

@@ -0,0 +1,6 @@
+export { default as SkdxCard } from './Card.vue.cjs';
+export { default as SkdxCardHeader } from './CardHeader.vue.cjs';
+export { default as SkdxCardTitle } from './CardTitle.vue.cjs';
+export { default as SkdxCardDescription } from './CardDescription.vue.cjs';
+export { default as SkdxCardContent } from './CardContent.vue.cjs';
+export { default as SkdxCardFooter } from './CardFooter.vue.cjs';

package/dist/card/index.d.ts

@@ -0,0 +1,6 @@
+export { default as SkdxCard } from './Card.vue.js';
+export { default as SkdxCardHeader } from './CardHeader.vue.js';
+export { default as SkdxCardTitle } from './CardTitle.vue.js';
+export { default as SkdxCardDescription } from './CardDescription.vue.js';
+export { default as SkdxCardContent } from './CardContent.vue.js';
+export { default as SkdxCardFooter } from './CardFooter.vue.js';

package/dist/card/index.js

@@ -0,0 +1 @@
+import r from"./Card.vue.js";import o from"./CardHeader.vue.js";import a from"./CardTitle.vue.js";import d from"./CardDescription.vue.js";import e from"./CardContent.vue.js";import t from"./CardFooter.vue.js";export{r as SkdxCard,e as SkdxCardContent,d as SkdxCardDescription,t as SkdxCardFooter,o as SkdxCardHeader,a as SkdxCardTitle};

package/dist/carousel/Carousel.vue.cjs

@@ -0,0 +1 @@
+const e=require("./Carousel.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/carousel/Carousel.vue.d.cts

@@ -0,0 +1,87 @@
+/**
+ * Root of a carousel: `role="region"` with `aria-roledescription="carousel"`
+ * and `data-orientation`. Owns the index of the first visible slide and hands
+ * it down to `SkdxCarouselContent` / `SkdxCarouselItem` / `SkdxCarouselPrevious` /
+ * `SkdxCarouselNext` / `SkdxCarouselPlayPause` via context.
+ *
+ * Slide order comes from the mount order of `SkdxCarouselItem` children, not an
+ * explicit index prop on each — the `slidesPerPage` slides starting at `value`
+ * render, the rest are `hidden`, and there's no track/transform-based sliding.
+ * Supports Arrow Left/Right (or Up/Down when `orientation="vertical"`) when the
+ * root is focused, in addition to `SkdxCarouselPrevious`/`SkdxCarouselNext`; each
+ * step moves `slidesPerMove` slides. Works controlled (`v-model:value`) or
+ * uncontrolled (`default-value`).
+ *
+ * `autoplay` is off by default and, when on, pauses on hover, on focus, and
+ * while the page is hidden, and never runs under `prefers-reduced-motion`
+ * (WCAG 2.2.2) — pair it with an `SkdxCarouselPlayPause` control.
+ */
+type __VLS_Props = {
+    /** Index of the active slide, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: number;
+    /** Initial active slide index, for uncontrolled usage. */
+    defaultValue?: number;
+    /** Layout axis, exposed as `data-orientation` and used to pick Arrow Left/Right vs Arrow Up/Down for keyboard navigation. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Whether stepping past the last slide wraps to the first, and vice versa. When `false`, the prev/next buttons disable themselves at the ends. */
+    loop?: boolean;
+    /**
+     * How many slides are visible at once. Slides from `value` up to
+     * `value + slidesPerPage - 1` are active; the rest stay `hidden`. Values
+     * below 1 are treated as 1.
+     */
+    slidesPerPage?: number;
+    /**
+     * How many slides one Previous/Next step (or Arrow keypress) advances by.
+     * Set it equal to `slidesPerPage` for page-at-a-time paging.
+     */
+    slidesPerMove?: number;
+    /**
+     * Gap between slides, published as the `--skdx-carousel-spacing` custom
+     * property on the root so your CSS can consume it. A number is treated as
+     * pixels; a string is used verbatim.
+     */
+    spacing?: number | string;
+    /**
+     * Advances the carousel on a timer. Off by default, per WCAG 2.2.2. Never
+     * starts under `prefers-reduced-motion: reduce`, and pauses while the
+     * pointer is over the root, while focus is inside it, and while the page is
+     * hidden.
+     */
+    autoplay?: boolean;
+    /** Milliseconds to wait between automatic slide advances. @default 5000 */
+    autoplayInterval?: number;
+};
+/** Scrolls to the slide at `index`, clamped into the valid page range. */
+declare function scrollToIndex(index: number): void;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Scrolls to the slide at `index`, clamped into the valid page range. */
+    scrollToIndex: typeof scrollToIndex;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (index: number) => any;
+    "value-change": (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((index: number) => any) | undefined;
+    "onValue-change"?: ((index: number) => any) | undefined;
+}>, {
+    value: number;
+    defaultValue: number;
+    orientation: "horizontal" | "vertical";
+    loop: boolean;
+    slidesPerPage: number;
+    slidesPerMove: number;
+    spacing: number | string;
+    autoplay: boolean;
+    autoplayInterval: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/Carousel.vue.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Root of a carousel: `role="region"` with `aria-roledescription="carousel"`
+ * and `data-orientation`. Owns the index of the first visible slide and hands
+ * it down to `SkdxCarouselContent` / `SkdxCarouselItem` / `SkdxCarouselPrevious` /
+ * `SkdxCarouselNext` / `SkdxCarouselPlayPause` via context.
+ *
+ * Slide order comes from the mount order of `SkdxCarouselItem` children, not an
+ * explicit index prop on each — the `slidesPerPage` slides starting at `value`
+ * render, the rest are `hidden`, and there's no track/transform-based sliding.
+ * Supports Arrow Left/Right (or Up/Down when `orientation="vertical"`) when the
+ * root is focused, in addition to `SkdxCarouselPrevious`/`SkdxCarouselNext`; each
+ * step moves `slidesPerMove` slides. Works controlled (`v-model:value`) or
+ * uncontrolled (`default-value`).
+ *
+ * `autoplay` is off by default and, when on, pauses on hover, on focus, and
+ * while the page is hidden, and never runs under `prefers-reduced-motion`
+ * (WCAG 2.2.2) — pair it with an `SkdxCarouselPlayPause` control.
+ */
+type __VLS_Props = {
+    /** Index of the active slide, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: number;
+    /** Initial active slide index, for uncontrolled usage. */
+    defaultValue?: number;
+    /** Layout axis, exposed as `data-orientation` and used to pick Arrow Left/Right vs Arrow Up/Down for keyboard navigation. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Whether stepping past the last slide wraps to the first, and vice versa. When `false`, the prev/next buttons disable themselves at the ends. */
+    loop?: boolean;
+    /**
+     * How many slides are visible at once. Slides from `value` up to
+     * `value + slidesPerPage - 1` are active; the rest stay `hidden`. Values
+     * below 1 are treated as 1.
+     */
+    slidesPerPage?: number;
+    /**
+     * How many slides one Previous/Next step (or Arrow keypress) advances by.
+     * Set it equal to `slidesPerPage` for page-at-a-time paging.
+     */
+    slidesPerMove?: number;
+    /**
+     * Gap between slides, published as the `--skdx-carousel-spacing` custom
+     * property on the root so your CSS can consume it. A number is treated as
+     * pixels; a string is used verbatim.
+     */
+    spacing?: number | string;
+    /**
+     * Advances the carousel on a timer. Off by default, per WCAG 2.2.2. Never
+     * starts under `prefers-reduced-motion: reduce`, and pauses while the
+     * pointer is over the root, while focus is inside it, and while the page is
+     * hidden.
+     */
+    autoplay?: boolean;
+    /** Milliseconds to wait between automatic slide advances. @default 5000 */
+    autoplayInterval?: number;
+};
+/** Scrolls to the slide at `index`, clamped into the valid page range. */
+declare function scrollToIndex(index: number): void;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Scrolls to the slide at `index`, clamped into the valid page range. */
+    scrollToIndex: typeof scrollToIndex;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (index: number) => any;
+    "value-change": (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((index: number) => any) | undefined;
+    "onValue-change"?: ((index: number) => any) | undefined;
+}>, {
+    value: number;
+    defaultValue: number;
+    orientation: "horizontal" | "vertical";
+    loop: boolean;
+    slidesPerPage: number;
+    slidesPerMove: number;
+    spacing: number | string;
+    autoplay: boolean;
+    autoplayInterval: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/Carousel.vue.js

@@ -0,0 +1 @@
+import e from"./Carousel.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/carousel/Carousel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const E=require("../utils/direction.cjs"),K=require("../utils/clamp.cjs"),R=require("./context.cjs");let t=require("vue");var S=["data-orientation","data-state"],T="(prefers-reduced-motion: reduce)",U=(0,t.defineComponent)({__name:"Carousel",props:{value:{default:void 0},defaultValue:{default:0},orientation:{default:"horizontal"},loop:{type:Boolean,default:!1},slidesPerPage:{default:1},slidesPerMove:{default:1},spacing:{default:void 0},autoplay:{type:Boolean,default:!1},autoplayInterval:{default:5e3}},emits:["update:value","value-change"],setup(y,{expose:_,emit:k}){function h(){return typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(T).matches}const o=y,P=k,w=(0,t.ref)(o.defaultValue),d=(0,t.computed)(()=>o.value!==void 0?o.value:w.value),n=(0,t.ref)([]);function u(e){e!==d.value&&(o.value===void 0&&(w.value=e),P("update:value",e),P("value-change",e))}function q(e){n.value.includes(e)||(n.value=[...n.value,e])}function C(e){n.value=n.value.filter(a=>a!==e)}const v=(0,t.computed)(()=>Math.max(1,Math.floor(o.slidesPerPage))),c=(0,t.computed)(()=>Math.max(1,Math.floor(o.slidesPerMove))),r=(0,t.computed)(()=>n.value.length),l=(0,t.computed)(()=>Math.max(0,r.value-v.value));function x(e){u(K.clamp(e,0,l.value))}function f(){if(r.value===0)return;const e=d.value+c.value;e<=l.value?u(e):u(o.loop?0:l.value)}function M(){if(r.value===0)return;const e=d.value-c.value;e>=0?u(e):u(o.loop?l.value:0)}const i=(0,t.ref)(o.autoplay&&!h());function D(e){i.value=e}(0,t.watch)(()=>o.autoplay,e=>{i.value=e&&!h()});const p=(0,t.ref)(!1),m=(0,t.ref)(!1),I=(0,t.ref)(!1);function g(){I.value=document.visibilityState==="hidden"}(0,t.onMounted)(()=>{g(),document.addEventListener("visibilitychange",g)}),(0,t.onBeforeUnmount)(()=>document.removeEventListener("visibilitychange",g)),(0,t.watchEffect)(e=>{if(!i.value||p.value||m.value||I.value||r.value<=v.value)return;const a=setInterval(f,o.autoplayInterval);e(()=>clearInterval(a))});const $=E.useDirection();function b(e){const a=E.directionalKey(e.key,e.currentTarget,$());if(r.value===0)return;const s=o.orientation==="horizontal"?"ArrowRight":"ArrowDown",B=o.orientation==="horizontal"?"ArrowLeft":"ArrowUp";a===s?(e.preventDefault(),f()):a===B&&(e.preventDefault(),M())}const A=(0,t.computed)(()=>{const e=typeof o.spacing=="number"?`${o.spacing}px`:o.spacing;return e===void 0?void 0:{"--skdx-carousel-spacing":e}});return(0,t.provide)(R.CAROUSEL_CONTEXT,{value:d,setValue:u,get orientation(){return o.orientation},get loop(){return o.loop},itemIds:n,registerItem:q,unregisterItem:C,get slidesPerPage(){return v.value},get slidesPerMove(){return c.value},maxIndex:l,scrollToIndex:x,next:f,previous:M,playing:i,setPlaying:D}),_({scrollToIndex:x}),(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-carousel","data-part":"root","data-skdx-component":"carousel",role:"region","aria-roledescription":"carousel","data-orientation":y.orientation,"data-state":i.value?"playing":"paused",style:(0,t.normalizeStyle)(A.value),onKeydown:b,onPointerenter:a[0]||(a[0]=s=>p.value=!0),onPointerleave:a[1]||(a[1]=s=>p.value=!1),onFocusin:a[2]||(a[2]=s=>m.value=!0),onFocusout:a[3]||(a[3]=s=>m.value=!1)},[(0,t.renderSlot)(e.$slots,"default")],44,S))}});exports.default=U;

package/dist/carousel/Carousel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{clamp as t}from"../utils/clamp.js";import{CAROUSEL_CONTEXT as o}from"./context.js";import{computed as n,createElementBlock as l,defineComponent as u,normalizeStyle as r,onBeforeUnmount as i,onMounted as s,openBlock as v,provide as c,ref as d,renderSlot as p,watch as f,watchEffect as m}from"vue";var g=["data-orientation","data-state"],y=/* @__PURE__ */u({__name:"Carousel",props:{value:{default:void 0},defaultValue:{default:0},orientation:{default:"horizontal"},loop:{type:Boolean,default:!1},slidesPerPage:{default:1},slidesPerMove:{default:1},spacing:{default:void 0},autoplay:{type:Boolean,default:!1},autoplayInterval:{default:5e3}},emits:["update:value","value-change"],setup(u,{expose:y,emit:h}){function x(){return!(typeof window>"u"||"function"!=typeof window.matchMedia)&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}const w=u,P=h,M=d(w.defaultValue),I=n(()=>void 0!==w.value?w.value:M.value),k=d([]);function E(e){e!==I.value&&(void 0===w.value&&(M.value=e),P("update:value",e),P("value-change",e))}const A=n(()=>Math.max(1,Math.floor(w.slidesPerPage))),B=n(()=>Math.max(1,Math.floor(w.slidesPerMove))),T=n(()=>k.value.length),b=n(()=>Math.max(0,T.value-A.value));function z(e){E(t(e,0,b.value))}function C(){if(0===T.value)return;const e=I.value+B.value;e<=b.value?E(e):E(w.loop?0:b.value)}function D(){if(0===T.value)return;const e=I.value-B.value;E(e>=0?e:w.loop?b.value:0)}const L=d(w.autoplay&&!x());f(()=>w.autoplay,e=>{L.value=e&&!x()});const S=d(!1),j=d(!1),U=d(!1);function V(){U.value="hidden"===document.visibilityState}s(()=>{V(),document.addEventListener("visibilitychange",V)}),i(()=>document.removeEventListener("visibilitychange",V)),m(e=>{if(!L.value||S.value||j.value||U.value||T.value<=A.value)return;const a=setInterval(C,w.autoplayInterval);e(()=>clearInterval(a))});const _=a();function F(a){const t=e(a.key,a.currentTarget,_());if(0===T.value)return;const o="horizontal"===w.orientation?"ArrowRight":"ArrowDown",n="horizontal"===w.orientation?"ArrowLeft":"ArrowUp";t===o?(a.preventDefault(),C()):t===n&&(a.preventDefault(),D())}const K=n(()=>{const e="number"==typeof w.spacing?`${w.spacing}px`:w.spacing;return void 0===e?void 0:{"--skdx-carousel-spacing":e}});return c(o,{value:I,setValue:E,get orientation(){return w.orientation},get loop(){return w.loop},itemIds:k,registerItem:function(e){k.value.includes(e)||(k.value=[...k.value,e])},unregisterItem:function(e){k.value=k.value.filter(a=>a!==e)},get slidesPerPage(){return A.value},get slidesPerMove(){return B.value},maxIndex:b,scrollToIndex:z,next:C,previous:D,playing:L,setPlaying:function(e){L.value=e}}),y({scrollToIndex:z}),(e,a)=>(v(),l("div",{class:"skdx-carousel","data-part":"root","data-skdx-component":"carousel",role:"region","aria-roledescription":"carousel","data-orientation":u.orientation,"data-state":L.value?"playing":"paused",style:r(K.value),onKeydown:F,onPointerenter:a[0]||(a[0]=e=>S.value=!0),onPointerleave:a[1]||(a[1]=e=>S.value=!1),onFocusin:a[2]||(a[2]=e=>j.value=!0),onFocusout:a[3]||(a[3]=e=>j.value=!1)},[p(e.$slots,"default")],44,g))}});export{y as default};

package/dist/carousel/CarouselContent.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CarouselContent.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/carousel/CarouselContent.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Wrapper around the slide `SkdxCarouselItem`s: renders a plain `<div>` with
+ * `data-orientation` reflecting the carousel's axis. Layout (e.g. hiding
+ * overflow) is entirely up to your CSS. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselContent.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Wrapper around the slide `SkdxCarouselItem`s: renders a plain `<div>` with
+ * `data-orientation` reflecting the carousel's axis. Layout (e.g. hiding
+ * overflow) is entirely up to your CSS. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselContent.vue.js

@@ -0,0 +1 @@
+import e from"./CarouselContent.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/carousel/CarouselContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var a=["data-orientation"],u=(0,e.defineComponent)({__name:"CarouselContent",setup(s){const t=(0,e.inject)(r.CAROUSEL_CONTEXT);if(!t)throw new Error("SkdxCarouselContent must be used within SkdxCarousel.");const n=t;return(o,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-carousel__content","data-part":"content","data-orientation":(0,e.unref)(n).orientation},[(0,e.renderSlot)(o.$slots,"default")],8,a))}});exports.default=u;

package/dist/carousel/CarouselContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CAROUSEL_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as o,inject as n,openBlock as a,renderSlot as r,unref as s}from"vue";var i=["data-orientation"],d=/* @__PURE__ */o({__name:"CarouselContent",setup(o){const d=n(t);if(!d)throw new Error("SkdxCarouselContent must be used within SkdxCarousel.");const l=d;return(t,o)=>(a(),e("div",{class:"skdx-carousel__content","data-part":"content","data-orientation":s(l).orientation},[r(t.$slots,"default")],8,i))}});export{d as default};

package/dist/carousel/CarouselItem.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CarouselItem.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/carousel/CarouselItem.vue.d.cts

@@ -0,0 +1,21 @@
+/**
+ * A single slide: `role="group"` with `aria-roledescription="slide"`,
+ * `data-state` (`active`/`inactive`), and `data-orientation`. Registers
+ * itself with the parent `SkdxCarousel` on mount to establish slide order.
+ * Only the slides in the active window (`slidesPerPage` of them, starting at
+ * the carousel's `value`) are visible — the rest are present in the DOM but
+ * `hidden`. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselItem.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * A single slide: `role="group"` with `aria-roledescription="slide"`,
+ * `data-state` (`active`/`inactive`), and `data-orientation`. Registers
+ * itself with the parent `SkdxCarousel` on mount to establish slide order.
+ * Only the slides in the active window (`slidesPerPage` of them, starting at
+ * the carousel's `value`) are visible — the rest are present in the DOM but
+ * `hidden`. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselItem.vue.js

@@ -0,0 +1 @@
+import e from"./CarouselItem.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/carousel/CarouselItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./context.cjs");let e=require("vue");var s=["data-state","data-orientation","hidden"],d=(0,e.defineComponent)({__name:"CarouselItem",setup(l){const r=(0,e.inject)(u.CAROUSEL_CONTEXT);if(!r)throw new Error("SkdxCarouselItem must be used within SkdxCarousel.");const t=r,a=u.nextCarouselItemId(),n=(0,e.computed)(()=>t.itemIds.value.indexOf(a)),o=(0,e.computed)(()=>n.value>=t.value.value&&n.value<t.value.value+t.slidesPerPage);return(0,e.onMounted)(()=>t.registerItem(a)),(0,e.onBeforeUnmount)(()=>t.unregisterItem(a)),(i,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-carousel__item","data-part":"item",role:"group","aria-roledescription":"slide","data-state":o.value?"active":"inactive","data-orientation":(0,e.unref)(t).orientation,hidden:!o.value},[(0,e.renderSlot)(i.$slots,"default")],8,s))}});exports.default=d;

package/dist/carousel/CarouselItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CAROUSEL_CONTEXT as e,nextCarouselItemId as a}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as s,inject as r,onBeforeUnmount as n,onMounted as i,openBlock as u,renderSlot as d,unref as l}from"vue";var m=["data-state","data-orientation","hidden"],v=/* @__PURE__ */s({__name:"CarouselItem",setup(s){const v=r(e);if(!v)throw new Error("SkdxCarouselItem must be used within SkdxCarousel.");const c=v,p=a(),f=t(()=>c.itemIds.value.indexOf(p)),x=t(()=>f.value>=c.value.value&&f.value<c.value.value+c.slidesPerPage);return i(()=>c.registerItem(p)),n(()=>c.unregisterItem(p)),(e,a)=>(u(),o("div",{class:"skdx-carousel__item","data-part":"item",role:"group","aria-roledescription":"slide","data-state":x.value?"active":"inactive","data-orientation":l(c).orientation,hidden:!x.value},[d(e.$slots,"default")],8,m))}});export{v as default};

package/dist/carousel/CarouselNext.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CarouselNext.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/carousel/CarouselNext.vue.d.cts

@@ -0,0 +1,19 @@
+/**
+ * Button that steps forward by the carousel's `slidesPerMove` when clicked,
+ * wrapping to the first slide when `loop` is enabled. Disabled (native
+ * `disabled` plus `data-disabled`) once the last page is showing and `loop` is
+ * `false`, or when there are no slides. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselNext.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Button that steps forward by the carousel's `slidesPerMove` when clicked,
+ * wrapping to the first slide when `loop` is enabled. Disabled (native
+ * `disabled` plus `data-disabled`) once the last page is showing and `loop` is
+ * `false`, or when there are no slides. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselNext.vue.js

@@ -0,0 +1 @@
+import e from"./CarouselNext.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/carousel/CarouselNext.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var s=["disabled","data-disabled"],c=(0,e.defineComponent)({__name:"CarouselNext",setup(i){const u=(0,e.inject)(r.CAROUSEL_CONTEXT);if(!u)throw new Error("SkdxCarouselNext must be used within SkdxCarousel.");const t=u,o=(0,e.computed)(()=>t.itemIds.value.length),l=(0,e.computed)(()=>t.value.value>=t.maxIndex.value),a=(0,e.computed)(()=>o.value===0||l.value&&!t.loop);return(d,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-carousel__next","data-part":"next",type:"button",disabled:a.value,"data-disabled":a.value?"":void 0,onClick:n[0]||(n[0]=_=>(0,e.unref)(t).next())},[(0,e.renderSlot)(d.$slots,"default")],8,s))}});exports.default=c;

package/dist/carousel/CarouselNext.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CAROUSEL_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as t,defineComponent as s,inject as o,openBlock as l,renderSlot as d,unref as n}from"vue";var u=["disabled","data-disabled"],r=/* @__PURE__ */s({__name:"CarouselNext",setup(s){const r=o(e);if(!r)throw new Error("SkdxCarouselNext must be used within SkdxCarousel.");const i=r,x=a(()=>i.itemIds.value.length),c=a(()=>i.value.value>=i.maxIndex.value),m=a(()=>0===x.value||c.value&&!i.loop);return(e,a)=>(l(),t("button",{class:"skdx-carousel__next","data-part":"next",type:"button",disabled:m.value,"data-disabled":m.value?"":void 0,onClick:a[0]||(a[0]=e=>n(i).next())},[d(e.$slots,"default")],8,u))}});export{r as default};

package/dist/carousel/CarouselPlayPause.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CarouselPlayPause.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/carousel/CarouselPlayPause.vue.d.cts

@@ -0,0 +1,23 @@
+/**
+ * The autoplay pause/resume control WCAG 2.2.2 requires next to any carousel
+ * that moves on its own: a `<button>` carrying `data-state` of
+ * `"playing"`/`"paused"`, which toggles the carousel's timer on click.
+ *
+ * It stays functional when `autoplay` is `false` — pressing it starts playback
+ * — so the same control serves as a play button. Give it an accessible name
+ * that reflects the *action*, swapping it with `data-state`. Must be used
+ * inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselPlayPause.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The autoplay pause/resume control WCAG 2.2.2 requires next to any carousel
+ * that moves on its own: a `<button>` carrying `data-state` of
+ * `"playing"`/`"paused"`, which toggles the carousel's timer on click.
+ *
+ * It stays functional when `autoplay` is `false` — pressing it starts playback
+ * — so the same control serves as a play button. Give it an accessible name
+ * that reflects the *action*, swapping it with `data-state`. Must be used
+ * inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselPlayPause.vue.js

@@ -0,0 +1 @@
+import e from"./CarouselPlayPause.vue_vue_type_script_setup_true_lang.js";var a=e;export{a as default};

package/dist/carousel/CarouselPlayPause.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs");let e=require("vue");var s=["data-state"],l=(0,e.defineComponent)({__name:"CarouselPlayPause",setup(o){const a=(0,e.inject)(n.CAROUSEL_CONTEXT);if(!a)throw new Error("SkdxCarouselPlayPause must be used within SkdxCarousel.");const t=a;return(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-carousel__play-pause","data-part":"play-pause",type:"button","data-state":(0,e.unref)(t).playing.value?"playing":"paused",onClick:u[0]||(u[0]=p=>(0,e.unref)(t).setPlaying(!(0,e.unref)(t).playing.value))},[(0,e.renderSlot)(r.$slots,"default")],8,s))}});exports.default=l;

package/dist/carousel/CarouselPlayPause.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CAROUSEL_CONTEXT as a}from"./context.js";import{createElementBlock as e,defineComponent as t,inject as s,openBlock as o,renderSlot as l,unref as n}from"vue";var r=["data-state"],u=/* @__PURE__ */t({__name:"CarouselPlayPause",setup(t){const u=s(a);if(!u)throw new Error("SkdxCarouselPlayPause must be used within SkdxCarousel.");const p=u;return(a,t)=>(o(),e("button",{class:"skdx-carousel__play-pause","data-part":"play-pause",type:"button","data-state":n(p).playing.value?"playing":"paused",onClick:t[0]||(t[0]=a=>n(p).setPlaying(!n(p).playing.value))},[l(a.$slots,"default")],8,r))}});export{u as default};

package/dist/carousel/CarouselPrevious.vue.cjs

@@ -0,0 +1 @@
+const e=require("./CarouselPrevious.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/carousel/CarouselPrevious.vue.d.cts

@@ -0,0 +1,19 @@
+/**
+ * Button that steps back by the carousel's `slidesPerMove` when clicked,
+ * wrapping to the last page when `loop` is enabled. Disabled (native
+ * `disabled` plus `data-disabled`) at the first slide when `loop` is `false`,
+ * or when there are no slides. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselPrevious.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Button that steps back by the carousel's `slidesPerMove` when clicked,
+ * wrapping to the last page when `loop` is enabled. Disabled (native
+ * `disabled` plus `data-disabled`) at the first slide when `loop` is `false`,
+ * or when there are no slides. Must be used inside `SkdxCarousel`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/carousel/CarouselPrevious.vue.js

@@ -0,0 +1 @@
+import e from"./CarouselPrevious.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/carousel/CarouselPrevious.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("./context.cjs");let e=require("vue");var n=["disabled","data-disabled"],i=(0,e.defineComponent)({__name:"CarouselPrevious",setup(v){const u=(0,e.inject)(d.CAROUSEL_CONTEXT);if(!u)throw new Error("SkdxCarouselPrevious must be used within SkdxCarousel.");const t=u,s=(0,e.computed)(()=>t.itemIds.value.length),a=(0,e.computed)(()=>t.value.value<=0),o=(0,e.computed)(()=>s.value===0||a.value&&!t.loop);return(l,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-carousel__previous","data-part":"previous",type:"button",disabled:o.value,"data-disabled":o.value?"":void 0,onClick:r[0]||(r[0]=c=>(0,e.unref)(t).previous())},[(0,e.renderSlot)(l.$slots,"default")],8,n))}});exports.default=i;

package/dist/carousel/CarouselPrevious.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CAROUSEL_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as s,defineComponent as o,inject as t,openBlock as u,renderSlot as l,unref as r}from"vue";var d=["disabled","data-disabled"],i=/* @__PURE__ */o({__name:"CarouselPrevious",setup(o){const i=t(e);if(!i)throw new Error("SkdxCarouselPrevious must be used within SkdxCarousel.");const n=i,v=a(()=>n.itemIds.value.length),p=a(()=>n.value.value<=0),c=a(()=>0===v.value||p.value&&!n.loop);return(e,a)=>(u(),s("button",{class:"skdx-carousel__previous","data-part":"previous",type:"button",disabled:c.value,"data-disabled":c.value?"":void 0,onClick:a[0]||(a[0]=e=>r(n).previous())},[l(e.$slots,"default")],8,d))}});export{i as default};

package/dist/carousel/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs");var r=Symbol("skdx-carousel-context");function t(){return e.nextId("carousel-item")}exports.CAROUSEL_CONTEXT=r;exports.nextCarouselItemId=t;