@skdx/vue 0.27.0 → 0.29.0

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

@@ -1,87 +1,92 @@
-/**
- * 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;
+declare const _default: <TItem = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:value"?: (index: number) => any;
+        readonly "onValue-change"?: (index: number) => any;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:value" | "onValue-change"> & {
+        /**
+         * Index of the first slide in the active window (not necessarily the only
+         * active one), for controlled usage; pair with `v-model:value` or `@value-change`.
+         */
+        value?: number | undefined;
+        /** Initial index of the first slide in the active window, 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, from `value` through
+         * `value + slidesPerPage - 1`; 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; a number is treated as pixels, a string used verbatim.
+         */
+        spacing?: number | string | undefined;
+        /**
+         * Advances the carousel on a timer, off by default, never running under
+         * prefers-reduced-motion and suspending while hovered or hidden.
+         */
+        autoplay?: boolean;
+        /** Milliseconds to wait between automatic slide advances. @default 5000 */
+        autoplayInterval?: number;
+        /**
+         * The slides, rendered one `SkdxCarouselItem` per entry in the derived
+         * anatomy, unless the default slot supplies its own.
+         * @default undefined — no derived anatomy; compose `SkdxCarouselItem`s yourself.
+         */
+        items?: readonly TItem[] | undefined;
+        /**
+         * Renders one item's slide content in the derived anatomy.
+         * @default undefined — each item is rendered as-is.
+         */
+        renderItem?: ((item: TItem, index: number) => unknown) | undefined;
+        /**
+         * Renders a derived `SkdxCarouselIndicators` strip, one dot per item.
+         * @default false — no dot strip.
+         */
+        showIndicators?: boolean;
+        /**
+         * Whether the derived anatomy renders the Previous and Next buttons.
+         * @default true — previous/next are rendered.
+         */
+        showControls?: boolean;
+        /**
+         * Accessible names for the derived Indicator dots, one per entry in items
+         * and in the same order, falling back to positional wording like "Go to
+         * slide 2" when shorter than items; ignored under hand composition, where
+         * each Indicator carries its own aria-label.
+         * @default undefined
+         */
+        indicatorLabels?: readonly string[] | undefined;
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        /** Scrolls to the slide at `index`, clamped into the valid page range. */
+        scrollToIndex: (index: number) => void;
+        /** Stepper forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
+        next: () => void;
+        /** Stepper back by `slidesPerMove`, wrapping to the last page when `loop` is set. */
+        previous: () => void;
+        /** Whether `next()` has somewhere to go, given the current page and `loop`. */
+        readonly canScrollNext: boolean;
+        /** Whether `previous()` has somewhere to go, given the current page and `loop`. */
+        readonly canScrollPrev: boolean;
+    }>): void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
     };
+    emit: ((evt: "update:value", index: number) => void) & ((evt: "value-change", index: number) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,87 +1,92 @@
-/**
- * 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;
+declare const _default: <TItem = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:value"?: (index: number) => any;
+        readonly "onValue-change"?: (index: number) => any;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:value" | "onValue-change"> & {
+        /**
+         * Index of the first slide in the active window (not necessarily the only
+         * active one), for controlled usage; pair with `v-model:value` or `@value-change`.
+         */
+        value?: number | undefined;
+        /** Initial index of the first slide in the active window, 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, from `value` through
+         * `value + slidesPerPage - 1`; 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; a number is treated as pixels, a string used verbatim.
+         */
+        spacing?: number | string | undefined;
+        /**
+         * Advances the carousel on a timer, off by default, never running under
+         * prefers-reduced-motion and suspending while hovered or hidden.
+         */
+        autoplay?: boolean;
+        /** Milliseconds to wait between automatic slide advances. @default 5000 */
+        autoplayInterval?: number;
+        /**
+         * The slides, rendered one `SkdxCarouselItem` per entry in the derived
+         * anatomy, unless the default slot supplies its own.
+         * @default undefined — no derived anatomy; compose `SkdxCarouselItem`s yourself.
+         */
+        items?: readonly TItem[] | undefined;
+        /**
+         * Renders one item's slide content in the derived anatomy.
+         * @default undefined — each item is rendered as-is.
+         */
+        renderItem?: ((item: TItem, index: number) => unknown) | undefined;
+        /**
+         * Renders a derived `SkdxCarouselIndicators` strip, one dot per item.
+         * @default false — no dot strip.
+         */
+        showIndicators?: boolean;
+        /**
+         * Whether the derived anatomy renders the Previous and Next buttons.
+         * @default true — previous/next are rendered.
+         */
+        showControls?: boolean;
+        /**
+         * Accessible names for the derived Indicator dots, one per entry in items
+         * and in the same order, falling back to positional wording like "Go to
+         * slide 2" when shorter than items; ignored under hand composition, where
+         * each Indicator carries its own aria-label.
+         * @default undefined
+         */
+        indicatorLabels?: readonly string[] | undefined;
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        /** Scrolls to the slide at `index`, clamped into the valid page range. */
+        scrollToIndex: (index: number) => void;
+        /** Stepper forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
+        next: () => void;
+        /** Stepper back by `slidesPerMove`, wrapping to the last page when `loop` is set. */
+        previous: () => void;
+        /** Whether `next()` has somewhere to go, given the current page and `loop`. */
+        readonly canScrollNext: boolean;
+        /** Whether `previous()` has somewhere to go, given the current page and `loop`. */
+        readonly canScrollPrev: boolean;
+    }>): void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
     };
+    emit: ((evt: "update:value", index: number) => void) & ((evt: "value-change", index: number) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/carousel/Carousel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +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;
+const N=require("../utils/direction.cjs"),$=require("../utils/clamp.cjs"),F=require("../utils/arrow-keys.cjs"),Q=require("./context.cjs"),G=require("./CarouselAnatomy.vue.cjs");let t=require("vue");var H=["data-orientation","data-state","data-suspended"],W="(prefers-reduced-motion: reduce)",X=(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},items:{},renderItem:{},showIndicators:{type:Boolean,default:!1},showControls:{type:Boolean,default:!0},indicatorLabels:{}},emits:["update:value","value-change"],setup(n,{expose:L,emit:O}){function k(){return typeof window>"u"||typeof window.matchMedia!="function"?null:window.matchMedia(W)}const o=n,E=O,C=(0,t.ref)(o.defaultValue),i=(0,t.computed)(()=>o.value!==void 0?o.value:C.value),l=(0,t.ref)([]);function s(e){e!==i.value&&(o.value===void 0&&(C.value=e),E("update:value",e),E("value-change",e))}const v=new Map;function T(e,a){const r=v.get(e),y=v.get(a);return!r||!y?0:r.compareDocumentPosition(y)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}function B(e,a){a&&v.set(e,a);const r=l.value.includes(e)?l.value:[...l.value,e];l.value=[...r].sort(T)}function A(e){v.delete(e),l.value=l.value.filter(a=>a!==e)}const f=(0,t.computed)(()=>Math.max(1,Math.floor(o.slidesPerPage))),h=(0,t.computed)(()=>Math.max(1,Math.floor(o.slidesPerMove))),u=(0,t.computed)(()=>l.value.length),c=(0,t.computed)(()=>Math.max(0,u.value-f.value)),S=(0,t.computed)(()=>u.value>0&&(o.loop||i.value<c.value)),b=(0,t.computed)(()=>u.value>0&&(o.loop||i.value>0));function q(e){s($.clamp(e,0,c.value))}function p(){if(u.value===0)return;const e=i.value+h.value;e<=c.value?s(e):s(o.loop?0:c.value)}function w(){if(u.value===0)return;const e=i.value-h.value;e>=0?s(e):s(o.loop?c.value:0)}const d=(0,t.ref)(o.autoplay),P=(0,t.ref)(!1),x=(0,t.computed)(()=>d.value&&!P.value);function K(e){d.value=e}let m=null;function D(e){P.value=e.matches,e.matches&&(d.value=!1)}(0,t.watch)(()=>o.autoplay,e=>{d.value=e},{flush:"post"});const g=(0,t.ref)(!1),I=(0,t.ref)(!1);function U(){d.value=!1}function M(){I.value=document.visibilityState==="hidden"}(0,t.onMounted)(()=>{m=k(),P.value=m?.matches??!1,m?.addEventListener("change",D),M(),document.addEventListener("visibilitychange",M)}),(0,t.onBeforeUnmount)(()=>{m?.removeEventListener("change",D),document.removeEventListener("visibilitychange",M)}),(0,t.watchEffect)(e=>{if(!x.value||g.value||I.value||u.value<=f.value)return;const a=setInterval(p,o.autoplayInterval);e(()=>clearInterval(a))});const V=N.useDirection();function _(e){const a=N.directionalKey(e.key,e.currentTarget,V());if(u.value===0||F.arrowKeyBelongsToDescendant(e.target,e.currentTarget))return;const r=o.orientation==="horizontal"?"ArrowRight":"ArrowDown",y=o.orientation==="horizontal"?"ArrowLeft":"ArrowUp";a===r?(e.preventDefault(),p()):a===y&&(e.preventDefault(),w())}const R=(0,t.computed)(()=>{const e=typeof o.spacing=="number"?`${o.spacing}px`:o.spacing;return{...e===void 0?null:{"--skdx-carousel-spacing":e},"--skdx-carousel-slides-per-page":f.value}});(0,t.provide)(Q.CAROUSEL_CONTEXT,{value:i,setValue:s,get orientation(){return o.orientation},get loop(){return o.loop},itemIds:l,registerItem:B,unregisterItem:A,get slidesPerPage(){return f.value},get slidesPerMove(){return h.value},maxIndex:c,scrollToIndex:q,next:p,previous:w,get canScrollNext(){return S.value},get canScrollPrev(){return b.value},playing:x,setPlaying:K});const z=(0,t.computed)(()=>g.value||I.value);return L({scrollToIndex:q,next:p,previous:w,get canScrollNext(){return S.value},get canScrollPrev(){return b.value}}),(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-carousel","data-part":"root","data-skdx-component":"carousel",role:"region","aria-roledescription":"carousel",tabindex:0,"data-orientation":n.orientation,"data-state":x.value?"playing":"paused","data-suspended":z.value?"":void 0,style:(0,t.normalizeStyle)(R.value),onKeydown:_,onPointerenter:a[0]||(a[0]=r=>g.value=!0),onPointerleave:a[1]||(a[1]=r=>g.value=!1),onFocusin:U},[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(G.default,{items:n.items??[],"render-item":n.renderItem,"show-indicators":n.showIndicators,"show-controls":n.showControls,autoplay:n.autoplay,"indicator-labels":n.indicatorLabels},null,8,["items","render-item","show-indicators","show-controls","autoplay","indicator-labels"])])],44,H))}});exports.default=X;

package/dist/carousel/Carousel.vue_vue_type_script_setup_true_lang.js

@@ -1 +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};
+import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{clamp as t}from"../utils/clamp.js";import{arrowKeyBelongsToDescendant as o}from"../utils/arrow-keys.js";import{CAROUSEL_CONTEXT as n}from"./context.js";import l from"./CarouselAnatomy.vue.js";import{computed as r,createElementBlock as u,createVNode as s,defineComponent as i,normalizeStyle as c,onBeforeUnmount as v,onMounted as d,openBlock as p,provide as f,ref as m,renderSlot as g,watch as h,watchEffect as y}from"vue";var w=["data-orientation","data-state","data-suspended"],x=/* @__PURE__ */i({__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},items:{},renderItem:{},showIndicators:{type:Boolean,default:!1},showControls:{type:Boolean,default:!0},indicatorLabels:{}},emits:["update:value","value-change"],setup(i,{expose:x,emit:I}){const P=i,M=I,L=m(P.defaultValue),b=r(()=>void 0!==P.value?P.value:L.value),E=m([]);function S(e){e!==b.value&&(void 0===P.value&&(L.value=e),M("update:value",e),M("value-change",e))}const T=/* @__PURE__ */new Map;function k(e,a){const t=T.get(e),o=T.get(a);return t&&o?t.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1:0}const B=r(()=>Math.max(1,Math.floor(P.slidesPerPage))),C=r(()=>Math.max(1,Math.floor(P.slidesPerMove))),N=r(()=>E.value.length),D=r(()=>Math.max(0,N.value-B.value)),O=r(()=>N.value>0&&(P.loop||b.value<D.value)),A=r(()=>N.value>0&&(P.loop||b.value>0));function j(e){S(t(e,0,D.value))}function _(){if(0===N.value)return;const e=b.value+C.value;e<=D.value?S(e):S(P.loop?0:D.value)}function z(){if(0===N.value)return;const e=b.value-C.value;S(e>=0?e:P.loop?D.value:0)}const U=m(P.autoplay),V=m(!1),K=r(()=>U.value&&!V.value);let F=null;function R(e){V.value=e.matches,e.matches&&(U.value=!1)}h(()=>P.autoplay,e=>{U.value=e},{flush:"post"});const $=m(!1),G=m(!1);function W(){U.value=!1}function X(){G.value="hidden"===document.visibilityState}d(()=>{F=typeof window>"u"||"function"!=typeof window.matchMedia?null:window.matchMedia("(prefers-reduced-motion: reduce)"),V.value=F?.matches??!1,F?.addEventListener("change",R),X(),document.addEventListener("visibilitychange",X)}),v(()=>{F?.removeEventListener("change",R),document.removeEventListener("visibilitychange",X)}),y(e=>{if(!K.value||$.value||G.value||N.value<=B.value)return;const a=setInterval(_,P.autoplayInterval);e(()=>clearInterval(a))});const q=a();function H(a){const t=e(a.key,a.currentTarget,q());if(0===N.value||o(a.target,a.currentTarget))return;const n="horizontal"===P.orientation?"ArrowRight":"ArrowDown",l="horizontal"===P.orientation?"ArrowLeft":"ArrowUp";t===n?(a.preventDefault(),_()):t===l&&(a.preventDefault(),z())}const J=r(()=>{const e="number"==typeof P.spacing?`${P.spacing}px`:P.spacing;return{...void 0===e?null:{"--skdx-carousel-spacing":e},"--skdx-carousel-slides-per-page":B.value}});f(n,{value:b,setValue:S,get orientation(){return P.orientation},get loop(){return P.loop},itemIds:E,registerItem:function(e,a){a&&T.set(e,a);const t=E.value.includes(e)?E.value:[...E.value,e];E.value=[...t].sort(k)},unregisterItem:function(e){T.delete(e),E.value=E.value.filter(a=>a!==e)},get slidesPerPage(){return B.value},get slidesPerMove(){return C.value},maxIndex:D,scrollToIndex:j,next:_,previous:z,get canScrollNext(){return O.value},get canScrollPrev(){return A.value},playing:K,setPlaying:function(e){U.value=e}});const Q=r(()=>$.value||G.value);return x({scrollToIndex:j,next:_,previous:z,get canScrollNext(){return O.value},get canScrollPrev(){return A.value}}),(e,a)=>(p(),u("div",{class:"skdx-carousel","data-part":"root","data-skdx-component":"carousel",role:"region","aria-roledescription":"carousel",tabindex:0,"data-orientation":i.orientation,"data-state":K.value?"playing":"paused","data-suspended":Q.value?"":void 0,style:c(J.value),onKeydown:H,onPointerenter:a[0]||(a[0]=e=>$.value=!0),onPointerleave:a[1]||(a[1]=e=>$.value=!1),onFocusin:W},[g(e.$slots,"default",{},()=>[s(l,{items:i.items??[],"render-item":i.renderItem,"show-indicators":i.showIndicators,"show-controls":i.showControls,autoplay:i.autoplay,"indicator-labels":i.indicatorLabels},null,8,["items","render-item","show-indicators","show-controls","autoplay","indicator-labels"])])],44,w))}});export{x as default};

package/dist/carousel/CarouselAnatomy.vue.cjs

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

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

@@ -0,0 +1,20 @@
+declare const _default: <TItem = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+        items: readonly TItem[];
+        renderItem?: ((item: TItem, index: number) => unknown) | undefined;
+        showIndicators?: boolean | undefined;
+        showControls?: boolean | undefined;
+        autoplay?: boolean | undefined;
+        indicatorLabels?: readonly string[] | undefined;
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,20 @@
+declare const _default: <TItem = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+        items: readonly TItem[];
+        renderItem?: ((item: TItem, index: number) => unknown) | undefined;
+        showIndicators?: boolean | undefined;
+        showControls?: boolean | undefined;
+        autoplay?: boolean | undefined;
+        indicatorLabels?: readonly string[] | undefined;
+    } & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/carousel/CarouselAnatomy.vue.js

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

package/dist/carousel/CarouselAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../utils/Glyph.vue.cjs"),n=require("../utils/injectRequired.cjs"),c=require("../utils/renderProp.cjs"),i=require("./context.cjs"),d=require("./CarouselContent.vue.cjs"),s=require("./CarouselIndicator.vue.cjs"),k=require("./CarouselIndicators.vue.cjs"),m=require("./CarouselItem.vue.cjs"),f=require("./CarouselNext.vue.cjs"),C=require("./CarouselPlayPause.vue.cjs"),q=require("./CarouselPrevious.vue.cjs");let e=require("vue");var B=(0,e.defineComponent)({__name:"CarouselAnatomy",props:{items:{},renderItem:{type:Function,default:void 0},showIndicators:{type:Boolean,default:!1},showControls:{type:Boolean,default:!0},autoplay:{type:Boolean,default:!1},indicatorLabels:{default:void 0}},setup(t){const a=t,u=n.injectRequired(i.CAROUSEL_CONTEXT,"SkdxCarouselAnatomy must be used within SkdxCarousel.");return(y,h)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.autoplay?((0,e.openBlock)(),(0,e.createBlock)(C.default,{key:0,"aria-label":(0,e.unref)(u).playing.value?"Pause slideshow":"Play slideshow"},null,8,["aria-label"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(l,r)=>((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:r},{default:(0,e.withCtx)(()=>[typeof t.renderItem=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(c.RenderProp),{key:0,render:()=>a.renderItem(l,r)},null,8,["render"])):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(l),1)],64))]),_:2},1024))),128))]),_:1}),t.showControls?((0,e.openBlock)(),(0,e.createBlock)(q.default,{key:1,"aria-label":"Previous slide"},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(o.default,{name:"chevron-left"})]),_:1})):(0,e.createCommentVNode)("",!0),t.showControls?((0,e.openBlock)(),(0,e.createBlock)(f.default,{key:2,"aria-label":"Next slide"},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(o.default,{name:"chevron-right"})]),_:1})):(0,e.createCommentVNode)("",!0),t.showIndicators?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:3,"aria-label":"Slides"},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(l,r)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:r,index:r,label:t.indicatorLabels?.[r]},null,8,["index","label"]))),128))]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=B;

package/dist/carousel/CarouselAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Glyph.vue.js";import{injectRequired as o}from"../utils/injectRequired.js";import{RenderProp as a}from"../utils/renderProp.js";import{CAROUSEL_CONTEXT as r}from"./context.js";import t from"./CarouselContent.vue.js";import l from"./CarouselIndicator.vue.js";import s from"./CarouselIndicators.vue.js";import n from"./CarouselItem.vue.js";import i from"./CarouselNext.vue.js";import u from"./CarouselPlayPause.vue.js";import d from"./CarouselPrevious.vue.js";import{Fragment as m,createBlock as p,createCommentVNode as f,createElementBlock as c,createTextVNode as y,createVNode as C,defineComponent as v,openBlock as h,renderList as j,toDisplayString as k,unref as b,withCtx as x}from"vue";var w=/* @__PURE__ */v({__name:"CarouselAnatomy",props:{items:{},renderItem:{type:Function,default:void 0},showIndicators:{type:Boolean,default:!1},showControls:{type:Boolean,default:!0},autoplay:{type:Boolean,default:!1},indicatorLabels:{default:void 0}},setup(v){const w=v,I=o(r,"SkdxCarouselAnatomy must be used within SkdxCarousel.");return(o,r)=>(h(),c(m,null,[v.autoplay?(h(),p(u,{key:0,"aria-label":b(I).playing.value?"Pause slideshow":"Play slideshow"},null,8,["aria-label"])):f("",!0),C(t,null,{default:x(()=>[(h(!0),c(m,null,j(v.items,(e,o)=>(h(),p(n,{key:o},{default:x(()=>["function"==typeof v.renderItem?(h(),p(b(a),{key:0,render:()=>w.renderItem(e,o)},null,8,["render"])):(h(),c(m,{key:1},[y(k(e),1)],64))]),_:2},1024))),128))]),_:1}),v.showControls?(h(),p(d,{key:1,"aria-label":"Previous slide"},{default:x(()=>[C(e,{name:"chevron-left"})]),_:1})):f("",!0),v.showControls?(h(),p(i,{key:2,"aria-label":"Next slide"},{default:x(()=>[C(e,{name:"chevron-right"})]),_:1})):f("",!0),v.showIndicators?(h(),p(s,{key:3,"aria-label":"Slides"},{default:x(()=>[(h(!0),c(m,null,j(v.items,(e,o)=>(h(),p(l,{key:o,index:o,label:v.indicatorLabels?.[o]},null,8,["index","label"]))),128))]),_:1})):f("",!0)],64))}});export{w as default};

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

@@ -1,7 +1,6 @@
 /**
- * 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`.
+ * Wrapper around slides that renders a `<div>` live region, announcing
+ * changes via `aria-live` (`off` during autoplay, `polite` when stopped).
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,7 +1,6 @@
 /**
- * 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`.
+ * Wrapper around slides that renders a `<div>` live region, announcing
+ * changes via `aria-live` (`off` during autoplay, `polite` when stopped).
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/carousel/CarouselContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +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;
+const r=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var o=["data-orientation","aria-live"],i=(0,e.defineComponent)({__name:"CarouselContent",setup(u){const t=r.injectRequired(a.CAROUSEL_CONTEXT,"SkdxCarouselContent must be used within SkdxCarousel.");return(n,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-carousel__content","data-part":"content",tabindex:"0","data-orientation":(0,e.unref)(t).orientation,"aria-live":(0,e.unref)(t).playing.value?"off":"polite","aria-atomic":"false"},[(0,e.renderSlot)(n.$slots,"default")],8,o))}});exports.default=i;

package/dist/carousel/CarouselContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +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};
+import{injectRequired as e}from"../utils/injectRequired.js";import{CAROUSEL_CONTEXT as t}from"./context.js";import{createElementBlock as a,defineComponent as o,openBlock as n,renderSlot as i,unref as r}from"vue";var s=["data-orientation","aria-live"],l=/* @__PURE__ */o({__name:"CarouselContent",setup(o){const l=e(t,"SkdxCarouselContent must be used within SkdxCarousel.");return(e,t)=>(n(),a("div",{class:"skdx-carousel__content","data-part":"content",tabindex:"0","data-orientation":r(l).orientation,"aria-live":r(l).playing.value?"off":"polite","aria-atomic":"false"},[i(e.$slots,"default")],8,s))}});export{l as default};

package/dist/carousel/CarouselIndicator.vue.cjs

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

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

@@ -0,0 +1,27 @@
+/**
+ * Slide indicator dot that stays focusable via `aria-disabled` instead of
+ * `disabled`, defaulting its `aria-label` to "Go to slide N".
+ */
+type __VLS_Props = {
+    /** Zero-based slide index this dot jumps to when pressed. */
+    index: number;
+    /**
+     * Custom label overriding the positional default, supplied by
+     * `SkdxCarousel`'s `indicatorLabels` unless a consumer `aria-label` wins
+     * through fallthrough.
+     * @default undefined
+     */
+    label?: string | undefined;
+};
+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/CarouselIndicator.vue.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Slide indicator dot that stays focusable via `aria-disabled` instead of
+ * `disabled`, defaulting its `aria-label` to "Go to slide N".
+ */
+type __VLS_Props = {
+    /** Zero-based slide index this dot jumps to when pressed. */
+    index: number;
+    /**
+     * Custom label overriding the positional default, supplied by
+     * `SkdxCarousel`'s `indicatorLabels` unless a consumer `aria-label` wins
+     * through fallthrough.
+     * @default undefined
+     */
+    label?: string | undefined;
+};
+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/CarouselIndicator.vue.js

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