@skdx/vue 0.26.0 → 0.28.0

package/dist/carousel/arrowKeys.cjs

@@ -0,0 +1 @@
+var n=new Set(["textbox","searchbox","listbox","slider","spinbutton","menu","menubar","tablist","grid","treegrid","tree","combobox","radiogroup"]),o=new Set(["INPUT","SELECT","TEXTAREA","AUDIO","VIDEO"]);function s(e){if(o.has(e.tagName)||e.isContentEditable)return!0;const t=e.getAttribute("role");return t!==null&&n.has(t)}function u(e,t){if(!(e instanceof Element))return!1;let r=e;for(;r!==null&&r!==t;){if(s(r))return!0;r=r.parentElement}return!1}exports.arrowKeyBelongsToDescendant=u;

package/dist/carousel/arrowKeys.d.cts

@@ -0,0 +1,8 @@
+/**
+ * Whether the carousel root should ignore this Arrow keypress — leaving the key
+ * to whatever inside the carousel owns it, with no `preventDefault`.
+ *
+ * @param target the event's target
+ * @param root the carousel root the handler is attached to
+ */
+export declare function arrowKeyBelongsToDescendant(target: EventTarget | null, root: Element): boolean;

package/dist/carousel/arrowKeys.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Whether the carousel root should ignore this Arrow keypress — leaving the key
+ * to whatever inside the carousel owns it, with no `preventDefault`.
+ *
+ * @param target the event's target
+ * @param root the carousel root the handler is attached to
+ */
+export declare function arrowKeyBelongsToDescendant(target: EventTarget | null, root: Element): boolean;

package/dist/carousel/arrowKeys.js

@@ -0,0 +1 @@
+var e=/* @__PURE__ */new Set(["textbox","searchbox","listbox","slider","spinbutton","menu","menubar","tablist","grid","treegrid","tree","combobox","radiogroup"]),t=/* @__PURE__ */new Set(["INPUT","SELECT","TEXTAREA","AUDIO","VIDEO"]);function n(n){if(t.has(n.tagName)||n.isContentEditable)return!0;const r=n.getAttribute("role");return null!==r&&e.has(r)}function r(e,t){if(!(e instanceof Element))return!1;let r=e;for(;null!==r&&r!==t;){if(n(r))return!0;r=r.parentElement}return!1}export{r as arrowKeyBelongsToDescendant};

package/dist/carousel/context.d.cts

@@ -8,24 +8,28 @@ export interface CarouselContext {
     itemIds: Ref<string[]>;
     registerItem(id: string): void;
     unregisterItem(id: string): void;
-    /** How many slides are visible at once. */
+    /** Visible slides at once. */
     slidesPerPage: number;
-    /** How many slides one Previous/Next step (or Arrow keypress) moves. */
+    /** Slides moved per Previous/Next step or arrow key. */
     slidesPerMove: number;
-    /** Highest index the carousel can rest at — `max(0, count - slidesPerPage)`, so the last page stays full. */
+    /** Highest scrollable index. */
     maxIndex: Readonly<Ref<number>>;
-    /** Moves to `index`, clamped into `[0, maxIndex]`. Ignores out-of-range values rather than throwing. */
+    /** Scroll to index, clamped to [0, maxIndex]. */
     scrollToIndex(index: number): void;
-    /** Steps forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
+    /** Step forward by slidesPerMove; wrap if loop is set. */
     next(): void;
-    /** Steps back by `slidesPerMove`, wrapping to the last page when `loop` is set. */
+    /** Step back by slidesPerMove; wrap if loop is set. */
     previous(): void;
+    /** Whether next() can scroll. */
+    readonly canScrollNext: boolean;
+    /** Whether previous() can scroll. */
+    readonly canScrollPrev: boolean;
     /**
-     * Whether autoplay is switched on. This is the user's setting, not the live
-     * timer state — hover/focus/page-hidden suspend the timer without flipping it.
+     * User's autoplay setting (not live timer state; hover/hidden suspend it).
+     * Also used for `aria-live` politeness.
      */
     playing: Readonly<Ref<boolean>>;
-    /** Starts or stops autoplay — what `SkdxCarouselPlayPause` calls. */
+    /** Start/stop autoplay. */
     setPlaying(playing: boolean): void;
 }
 /** @internal Injection key a Carousel provides so its items/controls can read the active index, register themselves, and navigate. */

package/dist/carousel/context.d.ts

@@ -8,24 +8,28 @@ export interface CarouselContext {
     itemIds: Ref<string[]>;
     registerItem(id: string): void;
     unregisterItem(id: string): void;
-    /** How many slides are visible at once. */
+    /** Visible slides at once. */
     slidesPerPage: number;
-    /** How many slides one Previous/Next step (or Arrow keypress) moves. */
+    /** Slides moved per Previous/Next step or arrow key. */
     slidesPerMove: number;
-    /** Highest index the carousel can rest at — `max(0, count - slidesPerPage)`, so the last page stays full. */
+    /** Highest scrollable index. */
     maxIndex: Readonly<Ref<number>>;
-    /** Moves to `index`, clamped into `[0, maxIndex]`. Ignores out-of-range values rather than throwing. */
+    /** Scroll to index, clamped to [0, maxIndex]. */
     scrollToIndex(index: number): void;
-    /** Steps forward by `slidesPerMove`, wrapping to the start when `loop` is set. */
+    /** Step forward by slidesPerMove; wrap if loop is set. */
     next(): void;
-    /** Steps back by `slidesPerMove`, wrapping to the last page when `loop` is set. */
+    /** Step back by slidesPerMove; wrap if loop is set. */
     previous(): void;
+    /** Whether next() can scroll. */
+    readonly canScrollNext: boolean;
+    /** Whether previous() can scroll. */
+    readonly canScrollPrev: boolean;
     /**
-     * Whether autoplay is switched on. This is the user's setting, not the live
-     * timer state — hover/focus/page-hidden suspend the timer without flipping it.
+     * User's autoplay setting (not live timer state; hover/hidden suspend it).
+     * Also used for `aria-live` politeness.
      */
     playing: Readonly<Ref<boolean>>;
-    /** Starts or stops autoplay — what `SkdxCarouselPlayPause` calls. */
+    /** Start/stop autoplay. */
     setPlaying(playing: boolean): void;
 }
 /** @internal Injection key a Carousel provides so its items/controls can read the active index, register themselves, and navigate. */

package/dist/carousel/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Carousel.vue.cjs"),r=require("./CarouselContent.vue.cjs"),u=require("./CarouselItem.vue.cjs"),o=require("./CarouselPrevious.vue.cjs"),a=require("./CarouselNext.vue.cjs"),t=require("./CarouselPlayPause.vue.cjs");exports.SkdxCarousel=e.default;exports.SkdxCarouselContent=r.default;exports.SkdxCarouselItem=u.default;exports.SkdxCarouselNext=a.default;exports.SkdxCarouselPlayPause=t.default;exports.SkdxCarouselPrevious=o.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Carousel.vue.cjs");exports.SkdxCarousel=e.default;

package/dist/carousel/index.d.cts

@@ -1,6 +1 @@
 export { default as SkdxCarousel } from './Carousel.vue.cjs';
-export { default as SkdxCarouselContent } from './CarouselContent.vue.cjs';
-export { default as SkdxCarouselItem } from './CarouselItem.vue.cjs';
-export { default as SkdxCarouselPrevious } from './CarouselPrevious.vue.cjs';
-export { default as SkdxCarouselNext } from './CarouselNext.vue.cjs';
-export { default as SkdxCarouselPlayPause } from './CarouselPlayPause.vue.cjs';

package/dist/carousel/index.d.ts

@@ -1,6 +1 @@
 export { default as SkdxCarousel } from './Carousel.vue.js';
-export { default as SkdxCarouselContent } from './CarouselContent.vue.js';
-export { default as SkdxCarouselItem } from './CarouselItem.vue.js';
-export { default as SkdxCarouselPrevious } from './CarouselPrevious.vue.js';
-export { default as SkdxCarouselNext } from './CarouselNext.vue.js';
-export { default as SkdxCarouselPlayPause } from './CarouselPlayPause.vue.js';

package/dist/carousel/index.js

@@ -1 +1 @@
-import e from"./Carousel.vue.js";import o from"./CarouselContent.vue.js";import s from"./CarouselItem.vue.js";import r from"./CarouselPrevious.vue.js";import a from"./CarouselNext.vue.js";import u from"./CarouselPlayPause.vue.js";export{e as SkdxCarousel,o as SkdxCarouselContent,s as SkdxCarouselItem,a as SkdxCarouselNext,u as SkdxCarouselPlayPause,r as SkdxCarouselPrevious};
+import o from"./Carousel.vue.js";export{o as SkdxCarousel};

package/dist/carousel/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CarouselContent.vue.cjs"),r=require("./CarouselIndicator.vue.cjs"),u=require("./CarouselIndicators.vue.cjs"),o=require("./CarouselItem.vue.cjs"),a=require("./CarouselNext.vue.cjs"),s=require("./CarouselPlayPause.vue.cjs"),t=require("./CarouselPrevious.vue.cjs"),l=require("./Carousel.vue.cjs"),i=require("./CarouselProgress.vue.cjs");exports.SkdxCarousel=l.default;exports.SkdxCarouselContent=e.default;exports.SkdxCarouselIndicator=r.default;exports.SkdxCarouselIndicators=u.default;exports.SkdxCarouselItem=o.default;exports.SkdxCarouselNext=a.default;exports.SkdxCarouselPlayPause=s.default;exports.SkdxCarouselPrevious=t.default;exports.SkdxCarouselProgress=i.default;

package/dist/carousel/primitives.d.cts

@@ -0,0 +1,31 @@
+/**
+ * Advanced primitives for `SkdxCarousel` — the parts the recipe composes.
+ * Use when you need a different structure. Carousel here is the barrel export,
+ * derives slides from `items` when given no children.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxCarousel, SkdxCarouselContent, SkdxCarouselItem, SkdxCarouselNext, SkdxCarouselPrevious } from '@skdx/vue/primitives/carousel';
+ * </script>
+ *
+ * <template>
+ *   <SkdxCarousel aria-label="Featured products">
+ *     <SkdxCarouselContent>
+ *       <SkdxCarouselItem v-for="slide in slides" :key="slide.id">{{ slide.title }}</SkdxCarouselItem>
+ *     </SkdxCarouselContent>
+ *     <SkdxCarouselPrevious>Previous</SkdxCarouselPrevious>
+ *     <SkdxCarouselNext>Next</SkdxCarouselNext>
+ *   </SkdxCarousel>
+ * </template>
+ * ```
+ */
+export { default as SkdxCarousel } from './Carousel.vue.cjs';
+export { default as SkdxCarouselContent } from './CarouselContent.vue.cjs';
+export { default as SkdxCarouselItem } from './CarouselItem.vue.cjs';
+export { default as SkdxCarouselPrevious } from './CarouselPrevious.vue.cjs';
+export { default as SkdxCarouselNext } from './CarouselNext.vue.cjs';
+export { default as SkdxCarouselPlayPause } from './CarouselPlayPause.vue.cjs';
+export { default as SkdxCarouselIndicators } from './CarouselIndicators.vue.cjs';
+export { default as SkdxCarouselIndicator } from './CarouselIndicator.vue.cjs';
+export { default as SkdxCarouselProgress } from './CarouselProgress.vue.cjs';

package/dist/carousel/primitives.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Advanced primitives for `SkdxCarousel` — the parts the recipe composes.
+ * Use when you need a different structure. Carousel here is the barrel export,
+ * derives slides from `items` when given no children.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxCarousel, SkdxCarouselContent, SkdxCarouselItem, SkdxCarouselNext, SkdxCarouselPrevious } from '@skdx/vue/primitives/carousel';
+ * </script>
+ *
+ * <template>
+ *   <SkdxCarousel aria-label="Featured products">
+ *     <SkdxCarouselContent>
+ *       <SkdxCarouselItem v-for="slide in slides" :key="slide.id">{{ slide.title }}</SkdxCarouselItem>
+ *     </SkdxCarouselContent>
+ *     <SkdxCarouselPrevious>Previous</SkdxCarouselPrevious>
+ *     <SkdxCarouselNext>Next</SkdxCarouselNext>
+ *   </SkdxCarousel>
+ * </template>
+ * ```
+ */
+export { default as SkdxCarousel } from './Carousel.vue.js';
+export { default as SkdxCarouselContent } from './CarouselContent.vue.js';
+export { default as SkdxCarouselItem } from './CarouselItem.vue.js';
+export { default as SkdxCarouselPrevious } from './CarouselPrevious.vue.js';
+export { default as SkdxCarouselNext } from './CarouselNext.vue.js';
+export { default as SkdxCarouselPlayPause } from './CarouselPlayPause.vue.js';
+export { default as SkdxCarouselIndicators } from './CarouselIndicators.vue.js';
+export { default as SkdxCarouselIndicator } from './CarouselIndicator.vue.js';
+export { default as SkdxCarouselProgress } from './CarouselProgress.vue.js';

package/dist/carousel/primitives.js

@@ -0,0 +1 @@
+import o from"./CarouselContent.vue.js";import r from"./CarouselIndicator.vue.js";import s from"./CarouselIndicators.vue.js";import e from"./CarouselItem.vue.js";import a from"./CarouselNext.vue.js";import u from"./CarouselPlayPause.vue.js";import t from"./CarouselPrevious.vue.js";import l from"./Carousel.vue.js";import m from"./CarouselProgress.vue.js";export{l as SkdxCarousel,o as SkdxCarouselContent,r as SkdxCarouselIndicator,s as SkdxCarouselIndicators,e as SkdxCarouselItem,a as SkdxCarouselNext,u as SkdxCarouselPlayPause,t as SkdxCarouselPrevious,m as SkdxCarouselProgress};

package/dist/checkbox/Checkbox.vue.d.cts

@@ -1,16 +1,13 @@
 type CheckedState = boolean | 'indeterminate';
 /**
- * The Vue implementation of the shared Checkbox contract (see
- * `@skdx/shared`'s `checkboxContract`). Renders `role="checkbox"` with
- * `aria-checked` (`'mixed'` when indeterminate) plus a visually-hidden
- * native `<input type="checkbox">` for real form participation when `name`
- * is set.
- *
- * Supports `v-model` on `checked` (Vue's default `modelValue`/
- * `update:modelValue` convention is intentionally not used here so the prop
- * name matches every other framework's `checked`/`checkedChange` pair —
- * bind explicitly with `v-model:checked`). Leaving `checked` unbound keeps
- * the checkbox uncontrolled, starting from `defaultChecked`.
+ * Tri-state checkbox with `role="checkbox"`, `aria-checked` (`'mixed'` when
+ * indeterminate), and a hidden native `<input>` for form participation when
+ * `name` is set. Supports `v-model:checked` or uncontrolled from `defaultChecked`.
+ * `readOnly` freezes the state without freezing the control: the button keeps its
+ * tab stop, gains `aria-readonly`/`data-readonly`, and ignores click and Space.
+ * Exposes `checkValidity()`/`reportValidity()`/`setCustomValidity()`, `focus()`,
+ * and `el`. The Indicator slot renders custom content or a default check glyph only
+ * while checked or indeterminate.
  */
 type __VLS_Props = {
     /** Checked state, for controlled usage. Pair with `v-model:checked` or `@checked-change`. */
@@ -20,29 +17,54 @@ type __VLS_Props = {
     /** Disables toggling and excludes the checkbox from the tab order. */
     disabled?: boolean;
     /**
-     * Marks the hidden input required for native form validation, and sets
-     * `aria-required` on the button. A caller that wants `aria-required`
-     * *without* a required hidden input — a CheckboxGroupItem in a required
-     * group, where "at least one" is not "every box" — passes the bare
-     * attribute, and it wins: `$attrs` is bound last on the button below.
+     * Freezes the checked state without freezing the control: the button keeps
+     * its tab stop, gains `aria-readonly`/`data-readonly`, and ignores click
+     * and Space. Not `aria-disabled`, and the hidden input keeps its
+     * `name`/`value`.
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the hidden input required for native form validation and sets
+     * `aria-required` on the button. Pass the bare attribute to set `aria-required`
+     * without a required input, e.g. a CheckboxGroupItem in a required group.
      */
     required?: boolean;
-    /** Name for native form participation via a hidden input. Omitted: no hidden input is rendered. */
+    /** Name for native form participation via a hidden input. */
     name?: string;
     /** Value submitted with the hidden input when checked. */
     value?: string;
+    /**
+     * Id of the `<form>` that owns this checkbox, for a checkbox rendered
+     * outside it. Forwarded to the hidden input's `form` attribute.
+     */
+    form?: string;
     /** Marks the checkbox as invalid, exposed as `aria-invalid`/`data-invalid`. */
     invalid?: boolean;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — an Indicator part. */
+    default?(): unknown;
+    /** The derived Indicator's content — a check or a dash glyph. */
+    indicator?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
-    /** Focuses the underlying checkbox button. */
+    /** Moves keyboard focus onto the underlying checkbox button. */
     focus: () => void | undefined;
     /** The underlying checkbox button element. */
     el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+    /**
+     * Reports whether the hidden form input satisfies its constraints. Returns `true`
+     * without a `name` (no input rendered).
+     */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /**
+     * Pushes an externally-computed error onto the hidden input, like
+     * `HTMLInputElement.setCustomValidity()`: a non-empty message makes the checkbox
+     * invalid, and `''` clears it. Ignored without a `name`.
+     */
+    setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (checked: CheckedState) => any;
     "checked-change": (checked: CheckedState) => any;
@@ -50,12 +72,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:checked"?: ((checked: CheckedState) => any) | undefined;
     "onChecked-change"?: ((checked: CheckedState) => any) | undefined;
 }>, {
+    form: string;
     disabled: boolean;
     checked: CheckedState;
+    value: string;
     defaultChecked: CheckedState;
+    readOnly: boolean;
     required: boolean;
     name: string;
-    value: string;
     invalid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/checkbox/Checkbox.vue.d.ts

@@ -1,16 +1,13 @@
 type CheckedState = boolean | 'indeterminate';
 /**
- * The Vue implementation of the shared Checkbox contract (see
- * `@skdx/shared`'s `checkboxContract`). Renders `role="checkbox"` with
- * `aria-checked` (`'mixed'` when indeterminate) plus a visually-hidden
- * native `<input type="checkbox">` for real form participation when `name`
- * is set.
- *
- * Supports `v-model` on `checked` (Vue's default `modelValue`/
- * `update:modelValue` convention is intentionally not used here so the prop
- * name matches every other framework's `checked`/`checkedChange` pair —
- * bind explicitly with `v-model:checked`). Leaving `checked` unbound keeps
- * the checkbox uncontrolled, starting from `defaultChecked`.
+ * Tri-state checkbox with `role="checkbox"`, `aria-checked` (`'mixed'` when
+ * indeterminate), and a hidden native `<input>` for form participation when
+ * `name` is set. Supports `v-model:checked` or uncontrolled from `defaultChecked`.
+ * `readOnly` freezes the state without freezing the control: the button keeps its
+ * tab stop, gains `aria-readonly`/`data-readonly`, and ignores click and Space.
+ * Exposes `checkValidity()`/`reportValidity()`/`setCustomValidity()`, `focus()`,
+ * and `el`. The Indicator slot renders custom content or a default check glyph only
+ * while checked or indeterminate.
  */
 type __VLS_Props = {
     /** Checked state, for controlled usage. Pair with `v-model:checked` or `@checked-change`. */
@@ -20,29 +17,54 @@ type __VLS_Props = {
     /** Disables toggling and excludes the checkbox from the tab order. */
     disabled?: boolean;
     /**
-     * Marks the hidden input required for native form validation, and sets
-     * `aria-required` on the button. A caller that wants `aria-required`
-     * *without* a required hidden input — a CheckboxGroupItem in a required
-     * group, where "at least one" is not "every box" — passes the bare
-     * attribute, and it wins: `$attrs` is bound last on the button below.
+     * Freezes the checked state without freezing the control: the button keeps
+     * its tab stop, gains `aria-readonly`/`data-readonly`, and ignores click
+     * and Space. Not `aria-disabled`, and the hidden input keeps its
+     * `name`/`value`.
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the hidden input required for native form validation and sets
+     * `aria-required` on the button. Pass the bare attribute to set `aria-required`
+     * without a required input, e.g. a CheckboxGroupItem in a required group.
      */
     required?: boolean;
-    /** Name for native form participation via a hidden input. Omitted: no hidden input is rendered. */
+    /** Name for native form participation via a hidden input. */
     name?: string;
     /** Value submitted with the hidden input when checked. */
     value?: string;
+    /**
+     * Id of the `<form>` that owns this checkbox, for a checkbox rendered
+     * outside it. Forwarded to the hidden input's `form` attribute.
+     */
+    form?: string;
     /** Marks the checkbox as invalid, exposed as `aria-invalid`/`data-invalid`. */
     invalid?: boolean;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — an Indicator part. */
+    default?(): unknown;
+    /** The derived Indicator's content — a check or a dash glyph. */
+    indicator?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
-    /** Focuses the underlying checkbox button. */
+    /** Moves keyboard focus onto the underlying checkbox button. */
     focus: () => void | undefined;
     /** The underlying checkbox button element. */
     el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+    /**
+     * Reports whether the hidden form input satisfies its constraints. Returns `true`
+     * without a `name` (no input rendered).
+     */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /**
+     * Pushes an externally-computed error onto the hidden input, like
+     * `HTMLInputElement.setCustomValidity()`: a non-empty message makes the checkbox
+     * invalid, and `''` clears it. Ignored without a `name`.
+     */
+    setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (checked: CheckedState) => any;
     "checked-change": (checked: CheckedState) => any;
@@ -50,12 +72,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:checked"?: ((checked: CheckedState) => any) | undefined;
     "onChecked-change"?: ((checked: CheckedState) => any) | undefined;
 }>, {
+    form: string;
     disabled: boolean;
     checked: CheckedState;
+    value: string;
     defaultChecked: CheckedState;
+    readOnly: boolean;
     required: boolean;
     name: string;
-    value: string;
     invalid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/checkbox/Checkbox.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const m=require("./context.cjs");let e=require("vue");var b=["aria-checked","aria-required","aria-invalid","data-state","data-disabled","data-invalid","disabled"],p=["name","value","checked","required","disabled"],x=(0,e.defineComponent)({inheritAttrs:!1,__name:"Checkbox",props:{checked:{type:[Boolean,String],default:void 0},defaultChecked:{type:[Boolean,String],default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},value:{default:"on"},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(a,{expose:s,emit:v}){const i=a,n=v,c=(0,e.ref)(i.defaultChecked),o=(0,e.computed)(()=>i.checked!==void 0),t=(0,e.computed)(()=>o.value?i.checked:c.value),u=(0,e.computed)(()=>t.value==="indeterminate"?"indeterminate":t.value?"checked":"unchecked"),h=(0,e.computed)(()=>t.value==="indeterminate"?"mixed":t.value?"true":"false"),k=(0,e.computed)(()=>t.value==="indeterminate"?!1:t.value),l=(0,e.ref)(null);(0,e.provide)(m.CHECKBOX_CONTEXT,{checked:t,state:u,disabled:(0,e.computed)(()=>i.disabled)});function f(){if(i.disabled)return;const d=t.value==="indeterminate"?!0:!t.value;o.value||(c.value=d),n("update:checked",d),n("checked-change",d)}return s({focus:()=>l.value?.focus(),el:l}),(d,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("button",(0,e.mergeProps)({class:"skdx-checkbox","data-part":"root","data-skdx-component":"checkbox",ref_key:"checkboxRef",ref:l,type:"button",role:"checkbox","aria-checked":h.value,"aria-required":a.required||void 0,"aria-invalid":a.invalid?!0:void 0,"data-state":u.value,"data-disabled":a.disabled?"":void 0,"data-invalid":a.invalid?"":void 0,disabled:a.disabled,onClick:f,onKeydown:r[0]||(r[0]=(0,e.withKeys)((0,e.withModifiers)(()=>{},["prevent"]),["enter"]))},d.$attrs),[(0,e.renderSlot)(d.$slots,"default")],16,b),a.name?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:a.name,value:a.value,checked:k.value,required:a.required,disabled:a.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,p)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=x;
+const y=require("./context.cjs"),b=require("./CheckboxAnatomy.vue.cjs");let e=require("vue");var C=["aria-checked","aria-required","aria-readonly","aria-invalid","data-state","data-disabled","data-readonly","data-invalid","disabled"],x=["name","value","form","checked","required","disabled"],p=(0,e.defineComponent)({inheritAttrs:!1,__name:"Checkbox",props:{checked:{type:[Boolean,String],default:void 0},defaultChecked:{type:[Boolean,String],default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},value:{default:"on"},form:{default:void 0},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(a,{expose:v,emit:f}){const i=a,o=f,r=(0,e.ref)(i.defaultChecked),c=(0,e.computed)(()=>i.checked!==void 0),d=(0,e.computed)(()=>c.value?i.checked:r.value),u=(0,e.computed)(()=>d.value==="indeterminate"?"indeterminate":d.value?"checked":"unchecked"),h=(0,e.computed)(()=>d.value==="indeterminate"?"mixed":d.value?"true":"false"),k=(0,e.computed)(()=>d.value==="indeterminate"?!1:d.value),n=(0,e.ref)(null),l=(0,e.ref)(null);(0,e.provide)(y.CHECKBOX_CONTEXT,{checked:d,state:u,disabled:(0,e.computed)(()=>i.disabled)});function m(){if(i.disabled||i.readOnly)return;const t=d.value==="indeterminate"?!0:!d.value;c.value||(r.value=t),o("update:checked",t),o("checked-change",t)}return v({focus:()=>n.value?.focus(),el:n,checkValidity:()=>l.value?.checkValidity()??!0,reportValidity:()=>l.value?.reportValidity()??!0,setCustomValidity:t=>l.value?.setCustomValidity(t)}),(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("button",(0,e.mergeProps)({class:"skdx-checkbox","data-part":"root","data-skdx-component":"checkbox",ref_key:"checkboxRef",ref:n,type:"button",role:"checkbox","aria-checked":h.value,"aria-required":a.required||void 0,"aria-readonly":a.readOnly||void 0,"aria-invalid":a.invalid?!0:void 0,"data-state":u.value,"data-disabled":a.disabled?"":void 0,"data-readonly":a.readOnly?"":void 0,"data-invalid":a.invalid?"":void 0,disabled:a.disabled,onClick:m,onKeydown:s[0]||(s[0]=(0,e.withKeys)((0,e.withModifiers)(()=>{},["prevent"]),["enter"]))},t.$attrs),[(0,e.renderSlot)(t.$slots,"default",{},()=>[(0,e.createVNode)(b.default,null,(0,e.createSlots)({_:2},[t.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"indicator")]),key:"0"}:void 0]),1024)])],16,C),a.name?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,ref_key:"hiddenEl",ref:l,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:a.name,value:a.value,form:a.form,checked:k.value,required:a.required,disabled:a.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,x)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=p;

package/dist/checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CHECKBOX_CONTEXT as e}from"./context.js";import{Fragment as a,computed as d,createCommentVNode as t,createElementBlock as i,createElementVNode as l,defineComponent as n,mergeProps as o,openBlock as r,provide as c,ref as u,renderSlot as s,withKeys as v,withModifiers as h}from"vue";var p=["aria-checked","aria-required","aria-invalid","data-state","data-disabled","data-invalid","disabled"],k=["name","value","checked","required","disabled"],m=/* @__PURE__ */n({inheritAttrs:!1,__name:"Checkbox",props:{checked:{type:[Boolean,String],default:void 0},defaultChecked:{type:[Boolean,String],default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},value:{default:"on"},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(n,{expose:m,emit:f}){const b=n,x=f,y=u(b.defaultChecked),C=d(()=>void 0!==b.checked),g=d(()=>C.value?b.checked:y.value),B=d(()=>"indeterminate"===g.value?"indeterminate":g.value?"checked":"unchecked"),q=d(()=>"indeterminate"===g.value?"mixed":g.value?"true":"false"),w=d(()=>"indeterminate"!==g.value&&g.value),E=u(null);function _(){if(b.disabled)return;const e="indeterminate"===g.value||!g.value;C.value||(y.value=e),x("update:checked",e),x("checked-change",e)}return c(e,{checked:g,state:B,disabled:d(()=>b.disabled)}),m({focus:()=>E.value?.focus(),el:E}),(e,d)=>(r(),i(a,null,[l("button",o({class:"skdx-checkbox","data-part":"root","data-skdx-component":"checkbox",ref_key:"checkboxRef",ref:E,type:"button",role:"checkbox","aria-checked":q.value,"aria-required":n.required||void 0,"aria-invalid":!!n.invalid||void 0,"data-state":B.value,"data-disabled":n.disabled?"":void 0,"data-invalid":n.invalid?"":void 0,disabled:n.disabled,onClick:_,onKeydown:d[0]||(d[0]=v(h(()=>{},["prevent"]),["enter"]))},e.$attrs),[s(e.$slots,"default")],16,p),n.name?(r(),i("input",{key:0,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:n.name,value:n.value,checked:w.value,required:n.required,disabled:n.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,k)):t("",!0)],64))}});export{m as default};
+import{CHECKBOX_CONTEXT as e}from"./context.js";import a from"./CheckboxAnatomy.vue.js";import{Fragment as d,computed as t,createCommentVNode as i,createElementBlock as l,createElementVNode as o,createSlots as r,createVNode as n,defineComponent as c,mergeProps as s,openBlock as u,provide as v,ref as m,renderSlot as h,withCtx as f,withKeys as k,withModifiers as p}from"vue";var y=["aria-checked","aria-required","aria-readonly","aria-invalid","data-state","data-disabled","data-readonly","data-invalid","disabled"],b=["name","value","form","checked","required","disabled"],x=/* @__PURE__ */c({inheritAttrs:!1,__name:"Checkbox",props:{checked:{type:[Boolean,String],default:void 0},defaultChecked:{type:[Boolean,String],default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},value:{default:"on"},form:{default:void 0},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(c,{expose:x,emit:C}){const B=c,V=C,g=m(B.defaultChecked),q=t(()=>void 0!==B.checked),O=t(()=>q.value?B.checked:g.value),_=t(()=>"indeterminate"===O.value?"indeterminate":O.value?"checked":"unchecked"),w=t(()=>"indeterminate"===O.value?"mixed":O.value?"true":"false"),E=t(()=>"indeterminate"!==O.value&&O.value),N=m(null),S=m(null);function $(){if(B.disabled||B.readOnly)return;const e="indeterminate"===O.value||!O.value;q.value||(g.value=e),V("update:checked",e),V("checked-change",e)}return v(e,{checked:O,state:_,disabled:t(()=>B.disabled)}),x({focus:()=>N.value?.focus(),el:N,checkValidity:()=>S.value?.checkValidity()??!0,reportValidity:()=>S.value?.reportValidity()??!0,setCustomValidity:e=>S.value?.setCustomValidity(e)}),(e,t)=>(u(),l(d,null,[o("button",s({class:"skdx-checkbox","data-part":"root","data-skdx-component":"checkbox",ref_key:"checkboxRef",ref:N,type:"button",role:"checkbox","aria-checked":w.value,"aria-required":c.required||void 0,"aria-readonly":c.readOnly||void 0,"aria-invalid":!!c.invalid||void 0,"data-state":_.value,"data-disabled":c.disabled?"":void 0,"data-readonly":c.readOnly?"":void 0,"data-invalid":c.invalid?"":void 0,disabled:c.disabled,onClick:$,onKeydown:t[0]||(t[0]=k(p(()=>{},["prevent"]),["enter"]))},e.$attrs),[h(e.$slots,"default",{},()=>[n(a,null,r({_:2},[e.$slots.indicator?{name:"indicator",fn:f(()=>[h(e.$slots,"indicator")]),key:"0"}:void 0]),1024)])],16,y),c.name?(u(),l("input",{key:0,ref_key:"hiddenEl",ref:S,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:c.name,value:c.value,form:c.form,checked:E.value,required:c.required,disabled:c.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,b)):i("",!0)],64))}});export{x as default};

package/dist/checkbox/CheckboxAnatomy.vue.cjs

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

package/dist/checkbox/CheckboxAnatomy.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Default anatomy for `SkdxCheckbox`: Indicator with inlined SVG (dash when
+ * indeterminate, check otherwise). Framework packages do not depend on
+ * `@skdx/icons`.
+ * @internal
+ */
+type __VLS_Slots = {
+    indicator?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/checkbox/CheckboxAnatomy.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Default anatomy for `SkdxCheckbox`: Indicator with inlined SVG (dash when
+ * indeterminate, check otherwise). Framework packages do not depend on
+ * `@skdx/icons`.
+ * @internal
+ */
+type __VLS_Slots = {
+    indicator?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/checkbox/CheckboxAnatomy.vue.js

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

package/dist/checkbox/CheckboxAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs"),l=require("./CheckboxIndicator.vue.cjs");let e=require("vue");var i={key:0,viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},u={key:1,viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},a=(0,e.defineComponent)({__name:"CheckboxAnatomy",setup(d){const o=(0,e.inject)(n.CHECKBOX_CONTEXT);if(!o)throw new Error("<SkdxCheckboxAnatomy> must be used inside <SkdxCheckbox>.");return(r,t)=>((0,e.openBlock)(),(0,e.createBlock)(l.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"indicator",{},()=>[(0,e.unref)(o).state.value==="indeterminate"?((0,e.openBlock)(),(0,e.createElementBlock)("svg",i,[...t[0]||(t[0]=[(0,e.createElementVNode)("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)])])):((0,e.openBlock)(),(0,e.createElementBlock)("svg",u,[...t[1]||(t[1]=[(0,e.createElementVNode)("path",{d:"M3 8.5l3 3 7-7",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))])]),_:3}))}});exports.default=a;

package/dist/checkbox/CheckboxAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CHECKBOX_CONTEXT as e}from"./context.js";import t from"./CheckboxIndicator.vue.js";import{createBlock as o,createElementBlock as r,createElementVNode as n,defineComponent as a,inject as s,openBlock as i,renderSlot as l,unref as d,withCtx as u}from"vue";var c={key:0,viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},h={key:1,viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},k=/* @__PURE__ */a({__name:"CheckboxAnatomy",setup(a){const k=s(e);if(!k)throw new Error("<SkdxCheckboxAnatomy> must be used inside <SkdxCheckbox>.");return(e,a)=>(i(),o(t,null,{default:u(()=>[l(e.$slots,"indicator",{},()=>["indeterminate"===d(k).state.value?(i(),r("svg",c,[...a[0]||(a[0]=[n("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)])])):(i(),r("svg",h,[...a[1]||(a[1]=[n("path",{d:"M3 8.5l3 3 7-7",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))])]),_:3}))}});export{k as default};

package/dist/checkbox/CheckboxIndicator.vue.d.cts

@@ -1,13 +1,7 @@
 /**
- * The visual mark (a check or a dash) shown inside a `<SkdxCheckbox>`. Renders
- * `<span data-state data-disabled>` mirroring the parent checkbox's state, and
- * unmounts when the box is unchecked unless `forceMount` is set.
- *
- * Exists because the box and the mark are two paint targets, not one: the skin
- * puts the border, fill and 16px square on the root and only the glyph on this
- * part, so a checkbox whose mark is a bare text node inherits the box's flex
- * centring but none of the glyph's own sizing. It is also what makes the Vue
- * anatomy identical to React's, which is what lets one stylesheet serve both.
+ * The visual mark (a check or a dash) shown inside a Checkbox. Renders
+ * `<span data-state data-disabled>` and unmounts when unchecked unless
+ * `forceMount` is set.
  *
  * @example
  * ```vue

package/dist/checkbox/CheckboxIndicator.vue.d.ts

@@ -1,13 +1,7 @@
 /**
- * The visual mark (a check or a dash) shown inside a `<SkdxCheckbox>`. Renders
- * `<span data-state data-disabled>` mirroring the parent checkbox's state, and
- * unmounts when the box is unchecked unless `forceMount` is set.
- *
- * Exists because the box and the mark are two paint targets, not one: the skin
- * puts the border, fill and 16px square on the root and only the glyph on this
- * part, so a checkbox whose mark is a bare text node inherits the box's flex
- * centring but none of the glyph's own sizing. It is also what makes the Vue
- * anatomy identical to React's, which is what lets one stylesheet serve both.
+ * The visual mark (a check or a dash) shown inside a Checkbox. Renders
+ * `<span data-state data-disabled>` and unmounts when unchecked unless
+ * `forceMount` is set.
  *
  * @example
  * ```vue

package/dist/checkbox/context.d.cts

@@ -1,12 +1,12 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
-/** Checked state a Checkbox can hold — tri-state, like the shared contract. */
+/** Tri-state checked value, like shared contract. */
 export type CheckboxCheckedState = boolean | 'indeterminate';
-/** @internal What a Checkbox provides so its indicator can mirror its state. */
+/** @internal State provider for checkbox indicator. */
 export interface CheckboxContext {
     checked: Readonly<Ref<CheckboxCheckedState>> | ComputedRef<CheckboxCheckedState>;
-    /** `'checked' | 'unchecked' | 'indeterminate'`, already resolved for `data-state`. */
+    /** State resolved for data-state. */
     state: ComputedRef<'checked' | 'unchecked' | 'indeterminate'>;
     disabled: ComputedRef<boolean>;
 }
-/** @internal Injection key a Checkbox provides so `<SkdxCheckboxIndicator>` can read checked/disabled. */
+/** @internal Injection key for checkbox indicator state. */
 export declare const CHECKBOX_CONTEXT: InjectionKey<CheckboxContext>;

package/dist/checkbox/context.d.ts

@@ -1,12 +1,12 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
-/** Checked state a Checkbox can hold — tri-state, like the shared contract. */
+/** Tri-state checked value, like shared contract. */
 export type CheckboxCheckedState = boolean | 'indeterminate';
-/** @internal What a Checkbox provides so its indicator can mirror its state. */
+/** @internal State provider for checkbox indicator. */
 export interface CheckboxContext {
     checked: Readonly<Ref<CheckboxCheckedState>> | ComputedRef<CheckboxCheckedState>;
-    /** `'checked' | 'unchecked' | 'indeterminate'`, already resolved for `data-state`. */
+    /** State resolved for data-state. */
     state: ComputedRef<'checked' | 'unchecked' | 'indeterminate'>;
     disabled: ComputedRef<boolean>;
 }
-/** @internal Injection key a Checkbox provides so `<SkdxCheckboxIndicator>` can read checked/disabled. */
+/** @internal Injection key for checkbox indicator state. */
 export declare const CHECKBOX_CONTEXT: InjectionKey<CheckboxContext>;

package/dist/checkbox/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox.vue.cjs"),r=require("./CheckboxIndicator.vue.cjs");exports.SkdxCheckbox=e.default;exports.SkdxCheckboxIndicator=r.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox.vue.cjs");exports.SkdxCheckbox=e.default;

package/dist/checkbox/index.d.cts

@@ -1,3 +1,2 @@
 export { default as SkdxCheckbox } from './Checkbox.vue.cjs';
-export { default as SkdxCheckboxIndicator } from './CheckboxIndicator.vue.cjs';
 export type { CheckboxCheckedState, CheckboxCheckedState as CheckedState } from './context.cjs';

package/dist/checkbox/index.d.ts

@@ -1,3 +1,2 @@
 export { default as SkdxCheckbox } from './Checkbox.vue.js';
-export { default as SkdxCheckboxIndicator } from './CheckboxIndicator.vue.js';
 export type { CheckboxCheckedState, CheckboxCheckedState as CheckedState } from './context.js';

package/dist/checkbox/index.js

@@ -1 +1 @@
-import o from"./Checkbox.vue.js";import e from"./CheckboxIndicator.vue.js";export{o as SkdxCheckbox,e as SkdxCheckboxIndicator};
+import o from"./Checkbox.vue.js";export{o as SkdxCheckbox};