@skdx/vue 0.28.0 → 0.30.0

package/dist/card/Card.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./CardAnatomy.vue.js";import{createBlock as t,createSlots as o,createVNode as s,defineComponent as a,openBlock as d,renderSlot as i,resolveDynamicComponent as n,withCtx as l}from"vue";var r=/* @__PURE__ */a({__name:"Card",props:{as:{default:"div"},title:{default:void 0},headingLevel:{default:3},description:{default:void 0}},setup:a=>(r,c)=>(d(),t(n(a.as),{class:"skdx-card","data-part":"root","data-skdx-component":"card"},{default:l(()=>[s(e,{title:a.title,description:a.description,"heading-level":a.headingLevel},o({default:l(()=>[i(r.$slots,"default")]),_:2},[r.$slots.media?{name:"media",fn:l(()=>[i(r.$slots,"media")]),key:"0"}:void 0,r.$slots.header?{name:"header",fn:l(()=>[i(r.$slots,"header")]),key:"1"}:void 0,r.$slots.title?{name:"title",fn:l(()=>[i(r.$slots,"title")]),key:"2"}:void 0,r.$slots.description?{name:"description",fn:l(()=>[i(r.$slots,"description")]),key:"3"}:void 0,r.$slots.content?{name:"content",fn:l(()=>[i(r.$slots,"content")]),key:"4"}:void 0,r.$slots.footer?{name:"footer",fn:l(()=>[i(r.$slots,"footer")]),key:"5"}:void 0]),1032,["title","description","heading-level"])]),_:3}))});export{r as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import t from"./CardAnatomy.vue.js";import{createBlock as a,createSlots as o,createVNode as s,defineComponent as i,mergeProps as d,openBlock as n,renderSlot as l,resolveDynamicComponent as r,unref as c,withCtx as p}from"vue";var v=/* @__PURE__ */i({inheritAttrs:!1,__name:"Card",props:{as:{default:"div"},title:{default:void 0},headingLevel:{default:3},description:{default:void 0},elevation:{default:void 0},interactive:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0}},setup:i=>(v,f)=>(n(),a(r(i.as),d({class:"skdx-card","data-part":"root","data-skdx-component":"card"},{...v.$attrs,...c(e)({elevation:i.elevation,interactive:i.interactive,selected:i.selected},v.$attrs)}),{default:p(()=>[s(t,{title:i.title,description:i.description,"heading-level":i.headingLevel},o({default:p(()=>[l(v.$slots,"default")]),_:2},[v.$slots.media?{name:"media",fn:p(()=>[l(v.$slots,"media")]),key:"0"}:void 0,v.$slots.header?{name:"header",fn:p(()=>[l(v.$slots,"header")]),key:"1"}:void 0,v.$slots.title?{name:"title",fn:p(()=>[l(v.$slots,"title")]),key:"2"}:void 0,v.$slots.description?{name:"description",fn:p(()=>[l(v.$slots,"description")]),key:"3"}:void 0,v.$slots.content?{name:"content",fn:p(()=>[l(v.$slots,"content")]),key:"4"}:void 0,v.$slots.footer?{name:"footer",fn:p(()=>[l(v.$slots,"footer")]),key:"5"}:void 0]),1032,["title","description","heading-level"])]),_:3},16))});export{v as default};

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

@@ -4,9 +4,9 @@
  * @internal
  */
 type __VLS_Props = {
-    title?: string;
-    description?: string;
-    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    title?: string | undefined;
+    description?: string | undefined;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 };
 declare var __VLS_4: {}, __VLS_9: {}, __VLS_14: {}, __VLS_19: {}, __VLS_24: {}, __VLS_26: {}, __VLS_31: {};
 type __VLS_Slots = {} & {
@@ -25,9 +25,9 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    description: string;
-    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    title: string | undefined;
+    description: string | undefined;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,9 +4,9 @@
  * @internal
  */
 type __VLS_Props = {
-    title?: string;
-    description?: string;
-    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    title?: string | undefined;
+    description?: string | undefined;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 };
 declare var __VLS_4: {}, __VLS_9: {}, __VLS_14: {}, __VLS_19: {}, __VLS_24: {}, __VLS_26: {}, __VLS_31: {};
 type __VLS_Slots = {} & {
@@ -25,9 +25,9 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    description: string;
-    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    title: string | undefined;
+    description: string | undefined;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,7 +1,6 @@
 /**
- * Edge-to-edge image or video region for a card, typically the first child. The
- * skin clips its overflow and rounds only the block-start corners to prevent a
- * square image from squaring off the card's corners.
+ * Edge-to-edge image or video region for a card, typically the first child,
+ * whose skin clips overflow and rounds only the block-start corners.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,7 +1,6 @@
 /**
- * Edge-to-edge image or video region for a card, typically the first child. The
- * skin clips its overflow and rounds only the block-start corners to prevent a
- * square image from squaring off the card's corners.
+ * Edge-to-edge image or video region for a card, typically the first child,
+ * whose skin clips overflow and rounds only the block-start corners.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,18 +1,17 @@
 /**
- * A card's heading: renders `<h1>`–`<h6>` per `level` (default `<h3>`). Set
- * `level` to match the document outline — the default assumes an `<h2>` above it;
- * under an `<h4>` use `5`.
+ * A card's heading, rendering `<h1>`–`<h6>` per `level` to match the
+ * surrounding document outline.
  */
 type __VLS_Props = {
     /** Which heading element to render, h1 through h6. */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    level: 1 | 2 | 3 | 4 | 5 | 6;
+    level: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,18 +1,17 @@
 /**
- * A card's heading: renders `<h1>`–`<h6>` per `level` (default `<h3>`). Set
- * `level` to match the document outline — the default assumes an `<h2>` above it;
- * under an `<h4>` use `5`.
+ * A card's heading, rendering `<h1>`–`<h6>` per `level` to match the
+ * surrounding document outline.
  */
 type __VLS_Props = {
     /** Which heading element to render, h1 through h6. */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    level: 1 | 2 | 3 | 4 | 5 | 6;
+    level: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/card/primitives.d.cts

@@ -1,6 +1,6 @@
 /**
- * Advanced primitives for custom `SkdxCard` layouts. Recipe is built from these.
- * Header/Content/Footer also in main barrel. Title/Description/Media here only.
+ * Advanced primitives for custom `SkdxCard` layouts; Header/Content/Footer are
+ * also in the main barrel, Title/Description/Media only here.
  *
  * @example
  * ```vue

package/dist/card/primitives.d.ts

@@ -1,6 +1,6 @@
 /**
- * Advanced primitives for custom `SkdxCard` layouts. Recipe is built from these.
- * Header/Content/Footer also in main barrel. Title/Description/Media here only.
+ * Advanced primitives for custom `SkdxCard` layouts; Header/Content/Footer are
+ * also in the main barrel, Title/Description/Media only here.
  *
  * @example
  * ```vue

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

@@ -1,61 +1,52 @@
 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) | undefined;
-        readonly "onValue-change"?: ((index: number) => any) | undefined;
+        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**, for controlled usage.
-         * Pair with `v-model:value` or `@value-change`. Not "the active slide":
-         * with `slidesPerPage` above 1 several slides are active at once and this
-         * names the first of them.
+         * 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;
+        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. */
+        /** 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.
+         * 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.
+         * 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.
+         * property on the root; a number is treated as pixels, a string used verbatim.
          */
-        spacing?: number | string;
+        spacing?: number | string | undefined;
         /**
-         * Advances the carousel on a timer. Off by default, per WCAG 2.2.2. Never
-         * starts under `prefers-reduced-motion: reduce`, and is suspended while the
-         * pointer is over the root or the page is hidden — both of which resume it.
-         * Keyboard focus entering the carousel is different: it switches autoplay
-         * off for good, so `data-state` flips to `paused` and only
-         * `SkdxCarouselPlayPause` resumes it (APG: rotation "does not resume unless
-         * the user activates the rotation control").
+         * 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. Ignored once the default slot supplies its own `SkdxCarouselItem`s.
+         * anatomy, unless the default slot supplies its own.
          * @default undefined — no derived anatomy; compose `SkdxCarouselItem`s yourself.
          */
-        items?: readonly TItem[];
+        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;
+        renderItem?: ((item: TItem, index: number) => unknown) | undefined;
         /**
          * Renders a derived `SkdxCarouselIndicators` strip, one dot per item.
          * @default false — no dot strip.
@@ -67,18 +58,25 @@ declare const _default: <TItem = unknown>(__VLS_props: NonNullable<Awaited<typeo
          */
         showControls?: boolean;
         /**
-         * Accessible names for the derived Indicator dots, one per entry in items and in the same order — for example ["Featured products", "New arrivals"]. Each dot otherwise announces by position ("Go to slide 2"), which is a real name but says nothing about the slide it moves to. Shorter than items leaves the remaining dots on the positional default, so a partial list is allowed rather than a silent misnaming. Ignored under hand composition, where each Indicator carries its own aria-label.
+         * 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[];
+        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;
-        /** Steps forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
+        /** Stepper forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
         next: () => void;
-        /** Steps back by `slidesPerMove`, wrapping to the last page when `loop` is set. */
+        /** 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: {

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

@@ -1,61 +1,52 @@
 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) | undefined;
-        readonly "onValue-change"?: ((index: number) => any) | undefined;
+        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**, for controlled usage.
-         * Pair with `v-model:value` or `@value-change`. Not "the active slide":
-         * with `slidesPerPage` above 1 several slides are active at once and this
-         * names the first of them.
+         * 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;
+        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. */
+        /** 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.
+         * 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.
+         * 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.
+         * property on the root; a number is treated as pixels, a string used verbatim.
          */
-        spacing?: number | string;
+        spacing?: number | string | undefined;
         /**
-         * Advances the carousel on a timer. Off by default, per WCAG 2.2.2. Never
-         * starts under `prefers-reduced-motion: reduce`, and is suspended while the
-         * pointer is over the root or the page is hidden — both of which resume it.
-         * Keyboard focus entering the carousel is different: it switches autoplay
-         * off for good, so `data-state` flips to `paused` and only
-         * `SkdxCarouselPlayPause` resumes it (APG: rotation "does not resume unless
-         * the user activates the rotation control").
+         * 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. Ignored once the default slot supplies its own `SkdxCarouselItem`s.
+         * anatomy, unless the default slot supplies its own.
          * @default undefined — no derived anatomy; compose `SkdxCarouselItem`s yourself.
          */
-        items?: readonly TItem[];
+        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;
+        renderItem?: ((item: TItem, index: number) => unknown) | undefined;
         /**
          * Renders a derived `SkdxCarouselIndicators` strip, one dot per item.
          * @default false — no dot strip.
@@ -67,18 +58,25 @@ declare const _default: <TItem = unknown>(__VLS_props: NonNullable<Awaited<typeo
          */
         showControls?: boolean;
         /**
-         * Accessible names for the derived Indicator dots, one per entry in items and in the same order — for example ["Featured products", "New arrivals"]. Each dot otherwise announces by position ("Go to slide 2"), which is a real name but says nothing about the slide it moves to. Shorter than items leaves the remaining dots on the positional default, so a partial list is allowed rather than a silent misnaming. Ignored under hand composition, where each Indicator carries its own aria-label.
+         * 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[];
+        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;
-        /** Steps forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
+        /** Stepper forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
         next: () => void;
-        /** Steps back by `slidesPerMove`, wrapping to the last page when `loop` is set. */
+        /** 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: {

package/dist/carousel/Carousel.vue_vue_type_script_setup_true_lang.cjs

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

@@ -1,11 +1,11 @@
 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;
-        showIndicators?: boolean;
-        showControls?: boolean;
-        autoplay?: boolean;
-        indicatorLabels?: readonly string[];
+        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;

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

@@ -1,11 +1,11 @@
 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;
-        showIndicators?: boolean;
-        showControls?: boolean;
-        autoplay?: boolean;
-        indicatorLabels?: readonly string[];
+        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;

package/dist/carousel/CarouselAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("../utils/renderProp.cjs"),n=require("./CarouselContent.vue.cjs"),c=require("./CarouselIndicator.vue.cjs"),d=require("./CarouselIndicators.vue.cjs"),i=require("./CarouselItem.vue.cjs"),s=require("./CarouselNext.vue.cjs"),k=require("./CarouselPlayPause.vue.cjs"),f=require("./CarouselPrevious.vue.cjs");let e=require("vue");var m=(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 u=t;return(B,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.autoplay?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0},{default:(0,e.withCtx)(()=>[...r[0]||(r[0]=[(0,e.createTextVNode)("Play/pause",-1)])]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(n.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(l,o)=>((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:o},{default:(0,e.withCtx)(()=>[typeof t.renderItem=="function"?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a.RenderProp),{key:0,render:()=>u.renderItem(l,o)},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.createElementBlock)(e.Fragment,{key:1},[(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[...r[1]||(r[1]=[(0,e.createTextVNode)("Previous",-1)])]),_:1}),(0,e.createVNode)(s.default,null,{default:(0,e.withCtx)(()=>[...r[2]||(r[2]=[(0,e.createTextVNode)("Next",-1)])]),_:1})],64)):(0,e.createCommentVNode)("",!0),t.showIndicators?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:2},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(l,o)=>((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:o,index:o,label:t.indicatorLabels?.[o]},null,8,["index","label"]))),128))]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=m;
+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

@@ -1 +1 @@
-import{RenderProp as e}from"../utils/renderProp.js";import o from"./CarouselContent.vue.js";import t from"./CarouselIndicator.vue.js";import r from"./CarouselIndicators.vue.js";import a from"./CarouselItem.vue.js";import l from"./CarouselNext.vue.js";import s from"./CarouselPlayPause.vue.js";import n from"./CarouselPrevious.vue.js";import{Fragment as u,createBlock as d,createCommentVNode as i,createElementBlock as m,createTextVNode as p,createVNode as f,defineComponent as y,openBlock as c,renderList as C,toDisplayString as v,unref as k,withCtx as j}from"vue";var I=/* @__PURE__ */y({__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(y){const I=y;return(_,x)=>(c(),m(u,null,[y.autoplay?(c(),d(s,{key:0},{default:j(()=>[...x[0]||(x[0]=[p("Play/pause",-1)])]),_:1})):i("",!0),f(o,null,{default:j(()=>[(c(!0),m(u,null,C(y.items,(o,t)=>(c(),d(a,{key:t},{default:j(()=>["function"==typeof y.renderItem?(c(),d(k(e),{key:0,render:()=>I.renderItem(o,t)},null,8,["render"])):(c(),m(u,{key:1},[p(v(o),1)],64))]),_:2},1024))),128))]),_:1}),y.showControls?(c(),m(u,{key:1},[f(n,null,{default:j(()=>[...x[1]||(x[1]=[p("Previous",-1)])]),_:1}),f(l,null,{default:j(()=>[...x[2]||(x[2]=[p("Next",-1)])]),_:1})],64)):i("",!0),y.showIndicators?(c(),d(r,{key:2},{default:j(()=>[(c(!0),m(u,null,C(y.items,(e,o)=>(c(),d(t,{key:o,index:o,label:y.indicatorLabels?.[o]},null,8,["index","label"]))),128))]),_:1})):i("",!0)],64))}});export{I as default};
+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 slides; renders `<div>` with `data-orientation`. Layout is CSS-driven.
- * Acts as live region for slide announcements: `aria-live="off"` during autoplay (prevents interruption),
- * `"polite"` when stopped (user-driven changes get announced).
+ * 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 slides; renders `<div>` with `data-orientation`. Layout is CSS-driven.
- * Acts as live region for slide announcements: `aria-live="off"` during autoplay (prevents interruption),
- * `"polite"` when stopped (user-driven changes get announced).
+ * 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 o=["data-orientation","aria-live"],i=(0,e.defineComponent)({__name:"CarouselContent",setup(u){const t=(0,e.inject)(r.CAROUSEL_CONTEXT);if(!t)throw new Error("SkdxCarouselContent must be used within SkdxCarousel.");const n=t;return(a,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-carousel__content","data-part":"content",tabindex:"0","data-orientation":(0,e.unref)(n).orientation,"aria-live":(0,e.unref)(n).playing.value?"off":"polite","aria-atomic":"false"},[(0,e.renderSlot)(a.$slots,"default")],8,o))}});exports.default=i;
+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 a,inject as o,openBlock as n,renderSlot as r,unref as s}from"vue";var i=["data-orientation","aria-live"],l=/* @__PURE__ */a({__name:"CarouselContent",setup(a){const l=o(t);if(!l)throw new Error("SkdxCarouselContent must be used within SkdxCarousel.");const d=l;return(t,a)=>(n(),e("div",{class:"skdx-carousel__content","data-part":"content",tabindex:"0","data-orientation":s(d).orientation,"aria-live":s(d).playing.value?"off":"polite","aria-atomic":"false"},[r(t.$slots,"default")],8,i))}});export{l 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.d.cts

@@ -1,16 +1,17 @@
 /**
- * Slide indicator dot; uses `aria-disabled` (not `disabled`) to keep focusable.
- * Default `aria-label`: "Go to slide N".
+ * 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 (overrides positional default). `SkdxCarousel`'s `indicatorLabels`
-     * provides these; consumer `aria-label` wins through fallthrough.
+     * Custom label overriding the positional default, supplied by
+     * `SkdxCarousel`'s `indicatorLabels` unless a consumer `aria-label` wins
+     * through fallthrough.
      * @default undefined
      */
-    label?: string;
+    label?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,16 +1,17 @@
 /**
- * Slide indicator dot; uses `aria-disabled` (not `disabled`) to keep focusable.
- * Default `aria-label`: "Go to slide N".
+ * 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 (overrides positional default). `SkdxCarousel`'s `indicatorLabels`
-     * provides these; consumer `aria-label` wins through fallthrough.
+     * Custom label overriding the positional default, supplied by
+     * `SkdxCarousel`'s `indicatorLabels` unless a consumer `aria-label` wins
+     * through fallthrough.
      * @default undefined
      */
-    label?: string;
+    label?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {