@skdx/vue 0.28.0 → 0.30.0

package/dist/angle-slider/AngleSlider.vue.d.cts

@@ -1,34 +1,7 @@
 import { type SkdxAngleSliderValueChangeDetail } from './context.cjs';
 import type { AngleSliderMarkData } from './types.cjs';
 /**
- * The Vue implementation of the shared AngleSlider contract (see
- * `@skdx/shared`'s `angleSliderContract`) — a dial whose value is a
- * *direction* rather than a position along a line: a gradient angle, a wind
- * bearing, a knob. Renders a `role="slider"` div reporting `aria-valuemin="0"`
- * / `aria-valuemax="360"` / `aria-valuenow` plus an `aria-valuetext` in
- * degrees.
- *
- * **0° is at 12 o'clock and the angle increases clockwise** (90° = 3 o'clock),
- * matching `usePointerAngle`, which does the pointer geometry. The value lives
- * in `[0, 360)`: 360 is never reported, because it is the same direction as 0.
- *
- * The root publishes `--skdx-angle-slider-angle` (e.g. `45deg`) so the thumb's
- * rotation is pure CSS — `transform: rotate(var(--skdx-angle-slider-angle))` —
- * with no per-frame JS positioning to reimplement.
- *
- * Every value is reachable **without a pointer**: arrows step by `step`,
- * Shift+arrow by 10°, PageUp/PageDown by 45°, Home/End jump to the first and
- * last reachable angles. Arrow steps wrap around the circle, because a dial has
- * no ends. Under `dir="rtl"` the horizontal arrows swap, via `directionalKey`.
- *
- * Give the root an accessible name (`aria-label` or `aria-labelledby`) — an
- * unnamed slider announces a bare number of degrees.
- *
- * Given no default slot content it derives the Thumb, plus a Marks container
- * holding one Mark per entry in `marks`. Given one, that content is the body
- * and nothing is derived. Only presence is inspected, never what the slot
- * holds. The parts are advanced primitives —
- * `@skdx/vue/primitives/angle-slider`.
+ * The Vue implementation of the shared AngleSlider contract; a dial whose value is a direction rather than a position.
  *
  * ```vue
  * <SkdxAngleSlider :default-value="45" aria-label="Gradient angle" />
@@ -36,23 +9,21 @@ import type { AngleSliderMarkData } from './types.cjs';
  */
 type __VLS_Props = {
     /**
-     * Current angle in degrees, for controlled usage. Pair with
-     * `v-model:value` or `@value-change`. Values outside `[0, 360)` are folded
-     * into it on the next change — 450 and 90 are the same direction, and the
-     * widget only ever reports one of them.
+     * Current angle in degrees, for controlled usage. Pair with v-model:value or @value-change.
      * @default undefined — uncontrolled, tracks its own value internally.
+     * @min 0
+     * @max 360
      */
-    value?: number;
+    value?: number | undefined;
     /**
      * Initial angle in degrees, for uncontrolled usage, seeding the first render.
      * @default 0 — pointing straight up, since 0° is at 12 o'clock.
+     * @min 0
+     * @max 360
      */
     defaultValue?: number;
     /**
      * Increment in degrees that both pointer and keyboard input are rounded to.
-     * Shift+arrow always moves 10° and PageUp/PageDown always move 45°,
-     * regardless of this value. `0` makes pointer input continuous, while the
-     * arrows keep falling back to 1° so every angle stays reachable by keyboard.
      * @default 1 — every whole degree is reachable.
      */
     step?: number;
@@ -63,76 +34,62 @@ type __VLS_Props = {
      */
     disabled?: boolean;
     /**
-     * Displays the current angle but blocks changes, while staying focusable and
-     * in the tab order — unlike `disabled`, a read-only dial can still be reached
-     * and read by a keyboard user.
+     * Displays the current angle but blocks changes, while staying focusable and in the tab order.
      * @default false — changes are accepted.
      */
     readOnly?: boolean;
     /**
-     * Restrict the value to the angles declared by the rendered `SkdxAngleSliderMark`
-     * parts. Marks are discovered from the DOM at interaction time, so there is
-     * no registration plumbing and a mark added or removed later just works.
-     *
-     * With marks present, dragging snaps to the nearest one (measured the short
-     * way around the circle, so 350° snaps to a 0° mark), arrow keys move one
-     * mark, Shift+arrow and PageUp/PageDown move three, and Home/End jump to the
-     * first/last mark. With `restrictToMarks` set but no marks rendered, the
-     * value falls back to the `step` grid rather than becoming unchangeable.
+     * Restrict the value to the angles declared by the rendered `SkdxAngleSliderMark` parts.
      * @default false — every angle on the step grid stays reachable.
      */
     restrictToMarks?: boolean;
     /**
-     * Formats the angle for `aria-valuetext`, which is what a screen reader
-     * announces in place of the bare `aria-valuenow`. Supply it to localise the
-     * announcement, or to announce something that is not degrees at all — a
-     * compass bearing, a clock position. Returning an empty string is treated
-     * as no override.
+     * Formats the angle for aria-valuetext, the text a screen reader announces in place of aria-valuenow.
      * @default (angle) => `${angle}°`
      */
-    formatValue?: (angle: number) => string;
+    formatValue?: ((angle: number) => string) | undefined;
     /**
-     * Form field name. With it the current angle is submitted under that name
-     * through a visually-hidden input; without it the dial submits nothing.
+     * Form field name; with it the current angle is submitted through a visually-hidden input.
      * @default undefined — the dial submits nothing.
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Id of the `<form>` the dial submits into, forwarded to the hidden input,
      * so a dial can live outside the form it belongs to.
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /**
-     * Ticks rendered around the dial, each a derived Mark. Also what
-     * `restrictToMarks` reads when supplied — see that prop.
+     * Ticks rendered around the dial, each a derived Mark.
      * @default undefined — no marks rendered.
      */
-    marks?: readonly AngleSliderMarkData[];
+    marks?: readonly AngleSliderMarkData[] | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the submitted angle satisfies its constraints; every angle is valid, so `true`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the submitted input, like `HTMLInputElement.setCustomValidity()`. */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: number) => any;
     "value-change": (detail: SkdxAngleSliderValueChangeDetail) => any;
     "value-commit": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: number) => any) | undefined;
-    "onValue-change"?: ((detail: SkdxAngleSliderValueChangeDetail) => any) | undefined;
-    "onValue-commit"?: ((value: number) => any) | undefined;
+    "onUpdate:value"?: (value: number) => any;
+    "onValue-change"?: (detail: SkdxAngleSliderValueChangeDetail) => any;
+    "onValue-commit"?: (value: number) => any;
 }>, {
-    form: string;
     disabled: boolean;
-    value: number;
-    readOnly: boolean;
-    name: string;
     defaultValue: number;
+    readOnly: boolean;
     step: number;
-    marks: readonly AngleSliderMarkData[];
     restrictToMarks: boolean;
-    formatValue: (angle: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/angle-slider/AngleSlider.vue.d.ts

@@ -1,34 +1,7 @@
 import { type SkdxAngleSliderValueChangeDetail } from './context.js';
 import type { AngleSliderMarkData } from './types.js';
 /**
- * The Vue implementation of the shared AngleSlider contract (see
- * `@skdx/shared`'s `angleSliderContract`) — a dial whose value is a
- * *direction* rather than a position along a line: a gradient angle, a wind
- * bearing, a knob. Renders a `role="slider"` div reporting `aria-valuemin="0"`
- * / `aria-valuemax="360"` / `aria-valuenow` plus an `aria-valuetext` in
- * degrees.
- *
- * **0° is at 12 o'clock and the angle increases clockwise** (90° = 3 o'clock),
- * matching `usePointerAngle`, which does the pointer geometry. The value lives
- * in `[0, 360)`: 360 is never reported, because it is the same direction as 0.
- *
- * The root publishes `--skdx-angle-slider-angle` (e.g. `45deg`) so the thumb's
- * rotation is pure CSS — `transform: rotate(var(--skdx-angle-slider-angle))` —
- * with no per-frame JS positioning to reimplement.
- *
- * Every value is reachable **without a pointer**: arrows step by `step`,
- * Shift+arrow by 10°, PageUp/PageDown by 45°, Home/End jump to the first and
- * last reachable angles. Arrow steps wrap around the circle, because a dial has
- * no ends. Under `dir="rtl"` the horizontal arrows swap, via `directionalKey`.
- *
- * Give the root an accessible name (`aria-label` or `aria-labelledby`) — an
- * unnamed slider announces a bare number of degrees.
- *
- * Given no default slot content it derives the Thumb, plus a Marks container
- * holding one Mark per entry in `marks`. Given one, that content is the body
- * and nothing is derived. Only presence is inspected, never what the slot
- * holds. The parts are advanced primitives —
- * `@skdx/vue/primitives/angle-slider`.
+ * The Vue implementation of the shared AngleSlider contract; a dial whose value is a direction rather than a position.
  *
  * ```vue
  * <SkdxAngleSlider :default-value="45" aria-label="Gradient angle" />
@@ -36,23 +9,21 @@ import type { AngleSliderMarkData } from './types.js';
  */
 type __VLS_Props = {
     /**
-     * Current angle in degrees, for controlled usage. Pair with
-     * `v-model:value` or `@value-change`. Values outside `[0, 360)` are folded
-     * into it on the next change — 450 and 90 are the same direction, and the
-     * widget only ever reports one of them.
+     * Current angle in degrees, for controlled usage. Pair with v-model:value or @value-change.
      * @default undefined — uncontrolled, tracks its own value internally.
+     * @min 0
+     * @max 360
      */
-    value?: number;
+    value?: number | undefined;
     /**
      * Initial angle in degrees, for uncontrolled usage, seeding the first render.
      * @default 0 — pointing straight up, since 0° is at 12 o'clock.
+     * @min 0
+     * @max 360
      */
     defaultValue?: number;
     /**
      * Increment in degrees that both pointer and keyboard input are rounded to.
-     * Shift+arrow always moves 10° and PageUp/PageDown always move 45°,
-     * regardless of this value. `0` makes pointer input continuous, while the
-     * arrows keep falling back to 1° so every angle stays reachable by keyboard.
      * @default 1 — every whole degree is reachable.
      */
     step?: number;
@@ -63,76 +34,62 @@ type __VLS_Props = {
      */
     disabled?: boolean;
     /**
-     * Displays the current angle but blocks changes, while staying focusable and
-     * in the tab order — unlike `disabled`, a read-only dial can still be reached
-     * and read by a keyboard user.
+     * Displays the current angle but blocks changes, while staying focusable and in the tab order.
      * @default false — changes are accepted.
      */
     readOnly?: boolean;
     /**
-     * Restrict the value to the angles declared by the rendered `SkdxAngleSliderMark`
-     * parts. Marks are discovered from the DOM at interaction time, so there is
-     * no registration plumbing and a mark added or removed later just works.
-     *
-     * With marks present, dragging snaps to the nearest one (measured the short
-     * way around the circle, so 350° snaps to a 0° mark), arrow keys move one
-     * mark, Shift+arrow and PageUp/PageDown move three, and Home/End jump to the
-     * first/last mark. With `restrictToMarks` set but no marks rendered, the
-     * value falls back to the `step` grid rather than becoming unchangeable.
+     * Restrict the value to the angles declared by the rendered `SkdxAngleSliderMark` parts.
      * @default false — every angle on the step grid stays reachable.
      */
     restrictToMarks?: boolean;
     /**
-     * Formats the angle for `aria-valuetext`, which is what a screen reader
-     * announces in place of the bare `aria-valuenow`. Supply it to localise the
-     * announcement, or to announce something that is not degrees at all — a
-     * compass bearing, a clock position. Returning an empty string is treated
-     * as no override.
+     * Formats the angle for aria-valuetext, the text a screen reader announces in place of aria-valuenow.
      * @default (angle) => `${angle}°`
      */
-    formatValue?: (angle: number) => string;
+    formatValue?: ((angle: number) => string) | undefined;
     /**
-     * Form field name. With it the current angle is submitted under that name
-     * through a visually-hidden input; without it the dial submits nothing.
+     * Form field name; with it the current angle is submitted through a visually-hidden input.
      * @default undefined — the dial submits nothing.
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Id of the `<form>` the dial submits into, forwarded to the hidden input,
      * so a dial can live outside the form it belongs to.
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /**
-     * Ticks rendered around the dial, each a derived Mark. Also what
-     * `restrictToMarks` reads when supplied — see that prop.
+     * Ticks rendered around the dial, each a derived Mark.
      * @default undefined — no marks rendered.
      */
-    marks?: readonly AngleSliderMarkData[];
+    marks?: readonly AngleSliderMarkData[] | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the submitted angle satisfies its constraints; every angle is valid, so `true`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the submitted input, like `HTMLInputElement.setCustomValidity()`. */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: number) => any;
     "value-change": (detail: SkdxAngleSliderValueChangeDetail) => any;
     "value-commit": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: number) => any) | undefined;
-    "onValue-change"?: ((detail: SkdxAngleSliderValueChangeDetail) => any) | undefined;
-    "onValue-commit"?: ((value: number) => any) | undefined;
+    "onUpdate:value"?: (value: number) => any;
+    "onValue-change"?: (detail: SkdxAngleSliderValueChangeDetail) => any;
+    "onValue-commit"?: (value: number) => any;
 }>, {
-    form: string;
     disabled: boolean;
-    value: number;
-    readOnly: boolean;
-    name: string;
     defaultValue: number;
+    readOnly: boolean;
     step: number;
-    marks: readonly AngleSliderMarkData[];
     restrictToMarks: boolean;
-    formatValue: (angle: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/angle-slider/AngleSlider.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const q=require("../utils/useFormReset.cjs"),E=require("../utils/usePointerAngle.cjs"),d=require("./context.cjs"),M=require("./AngleSliderAnatomy.vue.cjs");let a=require("vue");var O=["aria-valuemax","aria-valuenow","aria-valuetext","aria-disabled","aria-readonly","tabindex","data-value","data-disabled","data-readonly","data-dragging"],P=["name","value","disabled","form"],T=(0,a.defineComponent)({__name:"AngleSlider",props:{value:{default:void 0},defaultValue:{default:0},step:{default:1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},restrictToMarks:{type:Boolean,default:!1},formatValue:{type:Function,default:void 0},name:{default:void 0},form:{default:void 0},marks:{default:void 0}},emits:["update:value","value-change","value-commit"],setup(r,{emit:k}){const e=r,c=k,f=(0,a.ref)(e.defaultValue),n=(0,a.computed)(()=>e.value===void 0?f.value:e.value),v=(0,a.ref)(null),g=(0,a.computed)(()=>!e.disabled&&!e.readOnly),p=()=>e.restrictToMarks?e.marks?[...new Set(e.marks.map(t=>d.normalizeAngle(t.value)))].sort((t,o)=>t-o):d.readMarks(v.value):[];function i(t,o){const l=p(),s=d.normalizeAngle(t),u=l.length?d.nearestMark(l,s):d.normalizeAngle(d.roundToStep(s,e.step));if(u===n.value)return;const m=n.value;e.value===void 0&&(f.value=u),c("update:value",u),c("value-change",{value:u,previousValue:m,reason:o})}const{onPointerDown:h,dragging:y}=E.usePointerAngle(v,{step:()=>e.restrictToMarks?0:e.step,onAngleChange:t=>i(t,"pointer"),onAngleChangeEnd:()=>c("value-commit",n.value)});(0,a.provide)(d.ANGLE_SLIDER_CONTEXT,{value:n,step:(0,a.computed)(()=>e.step),disabled:(0,a.computed)(()=>e.disabled),readOnly:(0,a.computed)(()=>e.readOnly),dragging:(0,a.computed)(()=>y.value)});function b(t){if(!g.value)return;const o=t.key,l=p();if(o==="Home"||o==="End"){t.preventDefault();const V=e.step>0?Math.floor(359/e.step)*e.step:359;i(o==="Home"?l.length?l[0]:0:l.length?l[l.length-1]:V,"keyboard");return}const s=d.STEP_KEYS[o];if(s===void 0)return;t.preventDefault();const u=o==="PageUp"||o==="PageDown";if(l.length){i(l[((l.indexOf(d.nearestMark(l,n.value))+s*(u||t.shiftKey?3:1))%l.length+l.length)%l.length],"keyboard");return}const m=e.step>0?e.step:1;i(n.value+s*(u?45:t.shiftKey?10:m),"keyboard")}function x(t){g.value&&h(t)}const A=(0,a.computed)(()=>({"--skdx-angle-slider-angle":`${n.value}deg`})),w=(0,a.computed)(()=>e.step>0?Math.floor(359/e.step)*e.step:359),S=(0,a.computed)(()=>e.formatValue?.(n.value)||`${n.value}°`);return q.useFormReset(()=>v.value,()=>{n.value!==d.normalizeAngle(e.defaultValue)&&i(e.defaultValue,"programmatic")}),(t,o)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-angle-slider","data-part":"root","data-skdx-component":"angle-slider",ref_key:"rootRef",ref:v,role:"slider","aria-valuemin":0,"aria-valuemax":w.value,"aria-valuenow":n.value,"aria-valuetext":S.value,"aria-disabled":r.disabled||void 0,"aria-readonly":r.readOnly||void 0,tabindex:r.disabled?-1:0,"data-value":n.value,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,"data-dragging":(0,a.unref)(y)?"":void 0,style:(0,a.normalizeStyle)([A.value,{"touch-action":"none"}]),onKeydown:b,onPointerdown:x},[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createVNode)(M.default,{marks:r.marks},null,8,["marks"])]),r.name?((0,a.openBlock)(),(0,a.createElementBlock)("input",{key:0,type:"hidden",name:r.name,value:n.value,disabled:r.disabled||void 0,form:r.form,"aria-hidden":"true",tabindex:"-1"},null,8,P)):(0,a.createCommentVNode)("",!0)],44,O))}});exports.default=T;
+const O=require("../utils/useFormReset.cjs"),P=require("../utils/usePointerAngle.cjs"),d=require("./context.cjs"),T=require("./AngleSliderAnatomy.vue.cjs");let a=require("vue");var B=["aria-valuemax","aria-valuenow","aria-valuetext","aria-disabled","aria-readonly","tabindex","data-value","data-disabled","data-readonly","data-dragging"],C=["name","value","disabled","form"],D=(0,a.defineComponent)({__name:"AngleSlider",props:{value:{},defaultValue:{default:0},step:{default:1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},restrictToMarks:{type:Boolean,default:!1},formatValue:{},name:{},form:{},marks:{}},emits:["update:value","value-change","value-commit"],setup(r,{expose:h,emit:b}){const e=r,m=b,g=(0,a.ref)(e.defaultValue),n=(0,a.computed)(()=>e.value===void 0?g.value:e.value),c=(0,a.ref)(null),v=(0,a.ref)(null),y=(0,a.computed)(()=>!e.disabled&&!e.readOnly),p=()=>e.restrictToMarks?d.readMarks(c.value):[];function i(t,o){const l=p(),s=d.normalizeAngle(t),u=l.length?d.nearestMark(l,s):d.normalizeAngle(d.roundToStep(s,e.step));if(u===n.value)return;const f=n.value;e.value===void 0&&(g.value=u),m("update:value",u),m("value-change",{value:u,previousValue:f,reason:o})}const{onPointerDown:x,dragging:k}=P.usePointerAngle(c,{step:()=>e.restrictToMarks?0:e.step,onAngleChange:t=>i(t,"pointer"),onAngleChangeEnd:()=>m("value-commit",n.value)});(0,a.provide)(d.ANGLE_SLIDER_CONTEXT,{value:n,step:(0,a.computed)(()=>e.step),disabled:(0,a.computed)(()=>e.disabled),readOnly:(0,a.computed)(()=>e.readOnly),dragging:(0,a.computed)(()=>k.value)});function V(t,o,l){return t?45:o?10:l}function A(t){if(!y.value)return;const o=t.key,l=p();if(o==="Home"||o==="End"){t.preventDefault();const S=e.step>0?Math.floor(359/e.step)*e.step:359;i(o==="Home"?l.length?l[0]:0:l.length?l[l.length-1]:S,"keyboard");return}const s=d.STEP_KEYS[o];if(s===void 0)return;t.preventDefault();const u=o==="PageUp"||o==="PageDown";if(l.length){i(l[((l.indexOf(d.nearestMark(l,n.value))+s*(u||t.shiftKey?3:1))%l.length+l.length)%l.length],"keyboard");return}const f=e.step>0?e.step:1;i(n.value+s*V(u,t.shiftKey,f),"keyboard")}function E(t){y.value&&x(t)}const w=(0,a.computed)(()=>({"--skdx-angle-slider-angle":`${n.value}deg`})),q=(0,a.computed)(()=>e.step>0?Math.floor(359/e.step)*e.step:359),M=(0,a.computed)(()=>e.formatValue?.(n.value)||`${n.value}°`);return O.useFormReset(()=>c.value,()=>{n.value!==d.normalizeAngle(e.defaultValue)&&i(e.defaultValue,"programmatic")}),h({checkValidity:()=>v.value?.checkValidity()??!0,reportValidity:()=>v.value?.reportValidity()??!0,setCustomValidity:t=>v.value?.setCustomValidity(t)}),(t,o)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{ref_key:"rootRef",ref:c,class:"skdx-angle-slider","data-part":"root","data-skdx-component":"angle-slider",role:"slider","aria-valuemin":0,"aria-valuemax":q.value,"aria-valuenow":n.value,"aria-valuetext":M.value,"aria-disabled":r.disabled||void 0,"aria-readonly":r.readOnly||void 0,tabindex:r.disabled?-1:0,"data-value":n.value,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,"data-dragging":(0,a.unref)(k)?"":void 0,style:(0,a.normalizeStyle)([w.value,{"touch-action":"none"}]),onKeydown:A,onPointerdown:E},[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createVNode)(T.default,{marks:r.marks},null,8,["marks"])]),r.name?((0,a.openBlock)(),(0,a.createElementBlock)("input",{key:0,ref_key:"hiddenEl",ref:v,type:"hidden",name:r.name,value:n.value,disabled:r.disabled||void 0,form:r.form,"aria-hidden":"true",tabindex:"-1"},null,8,C)):(0,a.createCommentVNode)("",!0)],44,B))}});exports.default=D;

package/dist/angle-slider/AngleSlider.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useFormReset as e}from"../utils/useFormReset.js";import{usePointerAngle as a}from"../utils/usePointerAngle.js";import{ANGLE_SLIDER_CONTEXT as t,STEP_KEYS as l,nearestMark as n,normalizeAngle as o,readMarks as d,roundToStep as r}from"./context.js";import s from"./AngleSliderAnatomy.vue.js";import{computed as u,createCommentVNode as i,createElementBlock as v,createVNode as m,defineComponent as f,normalizeStyle as p,openBlock as g,provide as c,ref as y,renderSlot as k,unref as b}from"vue";var h=["aria-valuemax","aria-valuenow","aria-valuetext","aria-disabled","aria-readonly","tabindex","data-value","data-disabled","data-readonly","data-dragging"],x=["name","value","disabled","form"],A=/* @__PURE__ */f({__name:"AngleSlider",props:{value:{default:void 0},defaultValue:{default:0},step:{default:1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},restrictToMarks:{type:Boolean,default:!1},formatValue:{type:Function,default:void 0},name:{default:void 0},form:{default:void 0},marks:{default:void 0}},emits:["update:value","value-change","value-commit"],setup(f,{emit:A}){const S=f,V=A,E=y(S.defaultValue),O=u(()=>void 0===S.value?E.value:S.value),w=y(null),M=u(()=>!S.disabled&&!S.readOnly),P=()=>S.restrictToMarks?S.marks?[...new Set(S.marks.map(e=>o(e.value)))].sort((e,a)=>e-a):d(w.value):[];function T(e,a){const t=P(),l=o(e),d=t.length?n(t,l):o(r(l,S.step));if(d===O.value)return;const s=O.value;void 0===S.value&&(E.value=d),V("update:value",d),V("value-change",{value:d,previousValue:s,reason:a})}const{onPointerDown:_,dragging:B}=a(w,{step:()=>S.restrictToMarks?0:S.step,onAngleChange:e=>T(e,"pointer"),onAngleChangeEnd:()=>V("value-commit",O.value)});function C(e){if(!M.value)return;const a=e.key,t=P();if("Home"===a||"End"===a){e.preventDefault();const l=S.step>0?Math.floor(359/S.step)*S.step:359;return void T("Home"===a?t.length?t[0]:0:t.length?t[t.length-1]:l,"keyboard")}const o=l[a];if(void 0===o)return;e.preventDefault();const d="PageUp"===a||"PageDown"===a;if(t.length)return void T(t[((t.indexOf(n(t,O.value))+o*(d||e.shiftKey?3:1))%t.length+t.length)%t.length],"keyboard");const r=S.step>0?S.step:1;T(O.value+o*(d?45:e.shiftKey?10:r),"keyboard")}function D(e){M.value&&_(e)}c(t,{value:O,step:u(()=>S.step),disabled:u(()=>S.disabled),readOnly:u(()=>S.readOnly),dragging:u(()=>B.value)});const j=u(()=>({"--skdx-angle-slider-angle":`${O.value}deg`})),K=u(()=>S.step>0?Math.floor(359/S.step)*S.step:359),N=u(()=>S.formatValue?.(O.value)||`${O.value}°`);return e(()=>w.value,()=>{O.value!==o(S.defaultValue)&&T(S.defaultValue,"programmatic")}),(e,a)=>(g(),v("div",{class:"skdx-angle-slider","data-part":"root","data-skdx-component":"angle-slider",ref_key:"rootRef",ref:w,role:"slider","aria-valuemin":0,"aria-valuemax":K.value,"aria-valuenow":O.value,"aria-valuetext":N.value,"aria-disabled":f.disabled||void 0,"aria-readonly":f.readOnly||void 0,tabindex:f.disabled?-1:0,"data-value":O.value,"data-disabled":f.disabled?"":void 0,"data-readonly":f.readOnly?"":void 0,"data-dragging":b(B)?"":void 0,style:p([j.value,{"touch-action":"none"}]),onKeydown:C,onPointerdown:D},[k(e.$slots,"default",{},()=>[m(s,{marks:f.marks},null,8,["marks"])]),f.name?(g(),v("input",{key:0,type:"hidden",name:f.name,value:O.value,disabled:f.disabled||void 0,form:f.form,"aria-hidden":"true",tabindex:"-1"},null,8,x)):i("",!0)],44,h))}});export{A as default};
+import{useFormReset as e}from"../utils/useFormReset.js";import{usePointerAngle as a}from"../utils/usePointerAngle.js";import{ANGLE_SLIDER_CONTEXT as l,STEP_KEYS as t,nearestMark as n,normalizeAngle as r,readMarks as o,roundToStep as d}from"./context.js";import i from"./AngleSliderAnatomy.vue.js";import{computed as s,createCommentVNode as u,createElementBlock as v,createVNode as m,defineComponent as f,normalizeStyle as p,openBlock as g,provide as c,ref as y,renderSlot as k,unref as h}from"vue";var b=["aria-valuemax","aria-valuenow","aria-valuetext","aria-disabled","aria-readonly","tabindex","data-value","data-disabled","data-readonly","data-dragging"],V=["name","value","disabled","form"],x=/* @__PURE__ */f({__name:"AngleSlider",props:{value:{},defaultValue:{default:0},step:{default:1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},restrictToMarks:{type:Boolean,default:!1},formatValue:{},name:{},form:{},marks:{}},emits:["update:value","value-change","value-commit"],setup(f,{expose:x,emit:A}){const E=f,O=A,S=y(E.defaultValue),C=s(()=>void 0===E.value?S.value:E.value),M=y(null),P=y(null),T=s(()=>!E.disabled&&!E.readOnly),_=()=>E.restrictToMarks?o(M.value):[];function w(e,a){const l=_(),t=r(e),o=l.length?n(l,t):r(d(t,E.step));if(o===C.value)return;const i=C.value;void 0===E.value&&(S.value=o),O("update:value",o),O("value-change",{value:o,previousValue:i,reason:a})}const{onPointerDown:B,dragging:D}=a(M,{step:()=>E.restrictToMarks?0:E.step,onAngleChange:e=>w(e,"pointer"),onAngleChangeEnd:()=>O("value-commit",C.value)});function j(e){if(!T.value)return;const a=e.key,l=_();if("Home"===a||"End"===a){e.preventDefault();const t=E.step>0?Math.floor(359/E.step)*E.step:359;return void w("Home"===a?l.length?l[0]:0:l.length?l[l.length-1]:t,"keyboard")}const r=t[a];if(void 0===r)return;e.preventDefault();const o="PageUp"===a||"PageDown"===a;if(l.length)return void w(l[((l.indexOf(n(l,C.value))+r*(o||e.shiftKey?3:1))%l.length+l.length)%l.length],"keyboard");const d=E.step>0?E.step:1;w(C.value+r*function(e,a,l){return e?45:a?10:l}(o,e.shiftKey,d),"keyboard")}function K(e){T.value&&B(e)}c(l,{value:C,step:s(()=>E.step),disabled:s(()=>E.disabled),readOnly:s(()=>E.readOnly),dragging:s(()=>D.value)});const N=s(()=>({"--skdx-angle-slider-angle":`${C.value}deg`})),R=s(()=>E.step>0?Math.floor(359/E.step)*E.step:359),$=s(()=>E.formatValue?.(C.value)||`${C.value}°`);return e(()=>M.value,()=>{C.value!==r(E.defaultValue)&&w(E.defaultValue,"programmatic")}),x({checkValidity:()=>P.value?.checkValidity()??!0,reportValidity:()=>P.value?.reportValidity()??!0,setCustomValidity:e=>P.value?.setCustomValidity(e)}),(e,a)=>(g(),v("div",{ref_key:"rootRef",ref:M,class:"skdx-angle-slider","data-part":"root","data-skdx-component":"angle-slider",role:"slider","aria-valuemin":0,"aria-valuemax":R.value,"aria-valuenow":C.value,"aria-valuetext":$.value,"aria-disabled":f.disabled||void 0,"aria-readonly":f.readOnly||void 0,tabindex:f.disabled?-1:0,"data-value":C.value,"data-disabled":f.disabled?"":void 0,"data-readonly":f.readOnly?"":void 0,"data-dragging":h(D)?"":void 0,style:p([N.value,{"touch-action":"none"}]),onKeydown:j,onPointerdown:K},[k(e.$slots,"default",{},()=>[m(i,{marks:f.marks},null,8,["marks"])]),f.name?(g(),v("input",{key:0,ref_key:"hiddenEl",ref:P,type:"hidden",name:f.name,value:C.value,disabled:f.disabled||void 0,form:f.form,"aria-hidden":"true",tabindex:"-1"},null,8,V)):u("",!0)],44,b))}});export{x as default};

package/dist/angle-slider/AngleSliderAnatomy.vue.d.cts

@@ -1,13 +1,9 @@
 import type { AngleSliderMarkData } from './types.cjs';
-/**
- * Anatomy: Thumb + Marks container with one Mark per entry. Keep in sync with
- * React's `AngleSliderAnatomy.tsx`.
- * @internal
- */
+/** @internal Anatomy: Thumb plus a Marks container with one Mark per entry. */
 type __VLS_Props = {
-    marks?: readonly AngleSliderMarkData[];
+    marks?: readonly AngleSliderMarkData[] | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    marks: readonly AngleSliderMarkData[];
+    marks: readonly AngleSliderMarkData[] | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/angle-slider/AngleSliderAnatomy.vue.d.ts

@@ -1,13 +1,9 @@
 import type { AngleSliderMarkData } from './types.js';
-/**
- * Anatomy: Thumb + Marks container with one Mark per entry. Keep in sync with
- * React's `AngleSliderAnatomy.tsx`.
- * @internal
- */
+/** @internal Anatomy: Thumb plus a Marks container with one Mark per entry. */
 type __VLS_Props = {
-    marks?: readonly AngleSliderMarkData[];
+    marks?: readonly AngleSliderMarkData[] | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    marks: readonly AngleSliderMarkData[];
+    marks: readonly AngleSliderMarkData[] | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/angle-slider/AngleSliderAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./AngleSliderMark.vue.cjs"),a=require("./AngleSliderMarks.vue.cjs"),u=require("./AngleSliderThumb.vue.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"AngleSliderAnatomy",props:{marks:{default:void 0}},setup(t){return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(u.default),t.marks&&t.marks.length?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:0},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.marks,r=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:r.value,value:r.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label),1)]),_:2},1032,["value"]))),128))]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=n;
+const l=require("./AngleSliderMark.vue.cjs"),a=require("./AngleSliderMarks.vue.cjs"),u=require("./AngleSliderThumb.vue.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"AngleSliderAnatomy",props:{marks:{default:void 0}},setup(t){return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.marks&&t.marks.length?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:0},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.marks,r=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:r.value,value:r.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label),1)]),_:2},1032,["value"]))),128))]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(u.default)],64))}});exports.default=n;

package/dist/angle-slider/AngleSliderAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./AngleSliderMark.vue.js";import a from"./AngleSliderMarks.vue.js";import r from"./AngleSliderThumb.vue.js";import{Fragment as l,createBlock as t,createCommentVNode as s,createElementBlock as o,createTextVNode as m,createVNode as n,defineComponent as u,openBlock as d,renderList as i,toDisplayString as k,withCtx as p}from"vue";var v=/* @__PURE__ */u({__name:"AngleSliderAnatomy",props:{marks:{default:void 0}},setup:u=>(v,f)=>(d(),o(l,null,[n(r),u.marks&&u.marks.length?(d(),t(a,{key:0},{default:p(()=>[(d(!0),o(l,null,i(u.marks,a=>(d(),t(e,{key:a.value,value:a.value},{default:p(()=>[m(k(a.label),1)]),_:2},1032,["value"]))),128))]),_:1})):s("",!0)],64))});export{v as default};
+import e from"./AngleSliderMark.vue.js";import a from"./AngleSliderMarks.vue.js";import r from"./AngleSliderThumb.vue.js";import{Fragment as l,createBlock as t,createCommentVNode as s,createElementBlock as o,createTextVNode as m,createVNode as n,defineComponent as u,openBlock as d,renderList as i,toDisplayString as k,withCtx as p}from"vue";var v=/* @__PURE__ */u({__name:"AngleSliderAnatomy",props:{marks:{default:void 0}},setup:u=>(v,f)=>(d(),o(l,null,[u.marks&&u.marks.length?(d(),t(a,{key:0},{default:p(()=>[(d(!0),o(l,null,i(u.marks,a=>(d(),t(e,{key:a.value,value:a.value},{default:p(()=>[m(k(a.label),1)]),_:2},1032,["value"]))),128))]),_:1})):s("",!0),n(r)],64))});export{v as default};

package/dist/angle-slider/AngleSliderMark.vue.d.cts

@@ -1,15 +1,6 @@
-/**
- * One tick at `value` degrees on an `SkdxAngleSlider`'s dial. No positioning
- * (use CSS with `--skdx-angle-slider-mark-angle`). Root discovers marks by
- * `data-value` when `restrictToMarks` is on. Exposes `data-state`
- * (active/inactive), `data-disabled`, `data-readonly`.
- */
+/** One tick at value degrees on the dial; ships no positioning, styled via --skdx-angle-slider-mark-angle. */
 type __VLS_Props = {
-    /**
-     * The angle in degrees this tick sits at. Published back as
-     * `--skdx-angle-slider-mark-angle` for positioning, and read by the root when
-     * `restrictToMarks` is set.
-     */
+    /** The angle in degrees this tick sits at; published as --skdx-angle-slider-mark-angle for positioning. */
     value: number;
 };
 declare var __VLS_1: {};

package/dist/angle-slider/AngleSliderMark.vue.d.ts

@@ -1,15 +1,6 @@
-/**
- * One tick at `value` degrees on an `SkdxAngleSlider`'s dial. No positioning
- * (use CSS with `--skdx-angle-slider-mark-angle`). Root discovers marks by
- * `data-value` when `restrictToMarks` is on. Exposes `data-state`
- * (active/inactive), `data-disabled`, `data-readonly`.
- */
+/** One tick at value degrees on the dial; ships no positioning, styled via --skdx-angle-slider-mark-angle. */
 type __VLS_Props = {
-    /**
-     * The angle in degrees this tick sits at. Published back as
-     * `--skdx-angle-slider-mark-angle` for positioning, and read by the root when
-     * `restrictToMarks` is set.
-     */
+    /** The angle in degrees this tick sits at; published as --skdx-angle-slider-mark-angle for positioning. */
     value: number;
 };
 declare var __VLS_1: {};

package/dist/angle-slider/AngleSliderMark.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const t=require("./context.cjs");let e=require("vue");var s=["data-value","data-state","data-disabled","data-readonly"],i=(0,e.defineComponent)({__name:"AngleSliderMark",props:{value:{}},setup(r){const d=r,a=(0,e.inject)(t.ANGLE_SLIDER_CONTEXT);if(!a)throw new Error("<SkdxAngleSliderMark> must be used inside <SkdxAngleSlider>.");const l=(0,e.computed)(()=>t.normalizeAngle(d.value)),n=(0,e.computed)(()=>({"--skdx-angle-slider-mark-angle":`${l.value}deg`}));return(u,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-angle-slider__mark","data-part":"mark","data-skdx-angle-slider-mark":"","data-value":l.value,"data-state":(0,e.unref)(a).value.value===l.value?"active":"inactive","data-disabled":(0,e.unref)(a).disabled.value?"":void 0,"data-readonly":(0,e.unref)(a).readOnly.value?"":void 0,style:(0,e.normalizeStyle)(n.value)},[(0,e.renderSlot)(u.$slots,"default")],12,s))}});exports.default=i;
+const i=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var s=["data-value","data-state","data-disabled","data-readonly"],o=(0,e.defineComponent)({__name:"AngleSliderMark",props:{value:{}},setup(r){const d=r,a=i.injectRequired(l.ANGLE_SLIDER_CONTEXT,"<SkdxAngleSliderMark> must be used inside <SkdxAngleSlider>."),t=(0,e.computed)(()=>l.normalizeAngle(d.value)),n=(0,e.computed)(()=>({"--skdx-angle-slider-mark-angle":`${t.value}deg`}));return(u,v)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-angle-slider__mark","data-part":"mark","data-skdx-angle-slider-mark":"","data-value":t.value,"data-state":(0,e.unref)(a).value.value===t.value?"active":"inactive","data-disabled":(0,e.unref)(a).disabled.value?"":void 0,"data-readonly":(0,e.unref)(a).readOnly.value?"":void 0,style:(0,e.normalizeStyle)(n.value)},[(0,e.renderSlot)(u.$slots,"default")],12,s))}});exports.default=o;

package/dist/angle-slider/AngleSliderMark.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ANGLE_SLIDER_CONTEXT as a,normalizeAngle as e}from"./context.js";import{computed as l,createElementBlock as d,defineComponent as t,inject as r,normalizeStyle as s,openBlock as n,renderSlot as o,unref as i}from"vue";var u=["data-value","data-state","data-disabled","data-readonly"],v=/* @__PURE__ */t({__name:"AngleSliderMark",props:{value:{}},setup(t){const v=t,m=r(a);if(!m)throw new Error("<SkdxAngleSliderMark> must be used inside <SkdxAngleSlider>.");const k=l(()=>e(v.value)),c=l(()=>({"--skdx-angle-slider-mark-angle":`${k.value}deg`}));return(a,e)=>(n(),d("div",{class:"skdx-angle-slider__mark","data-part":"mark","data-skdx-angle-slider-mark":"","data-value":k.value,"data-state":i(m).value.value===k.value?"active":"inactive","data-disabled":i(m).disabled.value?"":void 0,"data-readonly":i(m).readOnly.value?"":void 0,style:s(c.value)},[o(a.$slots,"default")],12,u))}});export{v as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{ANGLE_SLIDER_CONTEXT as e,normalizeAngle as l}from"./context.js";import{computed as d,createElementBlock as t,defineComponent as s,normalizeStyle as r,openBlock as i,renderSlot as n,unref as o}from"vue";var u=["data-value","data-state","data-disabled","data-readonly"],v=/* @__PURE__ */s({__name:"AngleSliderMark",props:{value:{}},setup(s){const v=s,m=a(e,"<SkdxAngleSliderMark> must be used inside <SkdxAngleSlider>."),k=d(()=>l(v.value)),c=d(()=>({"--skdx-angle-slider-mark-angle":`${k.value}deg`}));return(a,e)=>(i(),t("div",{class:"skdx-angle-slider__mark","data-part":"mark","data-skdx-angle-slider-mark":"","data-value":k.value,"data-state":o(m).value.value===k.value?"active":"inactive","data-disabled":o(m).disabled.value?"":void 0,"data-readonly":o(m).readOnly.value?"":void 0,style:r(c.value)},[n(a.$slots,"default")],12,u))}});export{v as default};

package/dist/angle-slider/AngleSliderMarks.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * Container for an `SkdxAngleSlider`'s tick marks, not `aria-hidden` by default
- * so screen readers can announce real labels. Purely structural — mirrors
- * `data-disabled`/`data-readonly` for styling and provides positioning context.
- */
+/** Container for the dial's tick marks; not aria-hidden by default so screen readers announce labels. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/angle-slider/AngleSliderMarks.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * Container for an `SkdxAngleSlider`'s tick marks, not `aria-hidden` by default
- * so screen readers can announce real labels. Purely structural — mirrors
- * `data-disabled`/`data-readonly` for styling and provides positioning context.
- */
+/** Container for the dial's tick marks; not aria-hidden by default so screen readers announce labels. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/angle-slider/AngleSliderMarks.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var t=["data-disabled","data-readonly"],l=(0,e.defineComponent)({__name:"AngleSliderMarks",setup(n){const r=(0,e.inject)(d.ANGLE_SLIDER_CONTEXT);if(!r)throw new Error("<SkdxAngleSliderMarks> must be used inside <SkdxAngleSlider>.");return(a,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-angle-slider__marks","data-part":"marks","data-disabled":(0,e.unref)(r).disabled.value?"":void 0,"data-readonly":(0,e.unref)(r).readOnly.value?"":void 0},[(0,e.renderSlot)(a.$slots,"default")],8,t))}});exports.default=l;
+const d=require("../utils/injectRequired.cjs"),t=require("./context.cjs");let e=require("vue");var l=["data-disabled","data-readonly"],n=(0,e.defineComponent)({__name:"AngleSliderMarks",setup(i){const r=d.injectRequired(t.ANGLE_SLIDER_CONTEXT,"<SkdxAngleSliderMarks> must be used inside <SkdxAngleSlider>.");return(a,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-angle-slider__marks","data-part":"marks","data-disabled":(0,e.unref)(r).disabled.value?"":void 0,"data-readonly":(0,e.unref)(r).readOnly.value?"":void 0},[(0,e.renderSlot)(a.$slots,"default")],8,l))}});exports.default=n;

package/dist/angle-slider/AngleSliderMarks.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ANGLE_SLIDER_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as d,inject as r,openBlock as s,renderSlot as l,unref as t}from"vue";var n=["data-disabled","data-readonly"],o=/* @__PURE__ */d({__name:"AngleSliderMarks",setup(d){const o=r(e);if(!o)throw new Error("<SkdxAngleSliderMarks> must be used inside <SkdxAngleSlider>.");return(e,d)=>(s(),a("div",{class:"skdx-angle-slider__marks","data-part":"marks","data-disabled":t(o).disabled.value?"":void 0,"data-readonly":t(o).readOnly.value?"":void 0},[l(e.$slots,"default")],8,n))}});export{o as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ANGLE_SLIDER_CONTEXT as a}from"./context.js";import{createElementBlock as d,defineComponent as s,openBlock as r,renderSlot as t,unref as l}from"vue";var i=["data-disabled","data-readonly"],n=/* @__PURE__ */s({__name:"AngleSliderMarks",setup(s){const n=e(a,"<SkdxAngleSliderMarks> must be used inside <SkdxAngleSlider>.");return(e,a)=>(r(),d("div",{class:"skdx-angle-slider__marks","data-part":"marks","data-disabled":l(n).disabled.value?"":void 0,"data-readonly":l(n).readOnly.value?"":void 0},[t(e.$slots,"default")],8,i))}});export{n as default};

package/dist/angle-slider/AngleSliderThumb.vue.d.cts

@@ -1,9 +1,4 @@
-/**
- * The visual handle for an `SkdxAngleSlider`, `aria-hidden` because the root
- * announces the value. Ships no positioning — the root publishes
- * `--skdx-angle-slider-angle` for CSS rotation. Exposes `data-value`,
- * `data-disabled`, `data-readonly` and `data-dragging` for styling.
- */
+/** The visual handle for the dial; aria-hidden because the root announces the value. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/angle-slider/AngleSliderThumb.vue.d.ts

@@ -1,9 +1,4 @@
-/**
- * The visual handle for an `SkdxAngleSlider`, `aria-hidden` because the root
- * announces the value. Ships no positioning — the root publishes
- * `--skdx-angle-slider-angle` for CSS rotation. Exposes `data-value`,
- * `data-disabled`, `data-readonly` and `data-dragging` for styling.
- */
+/** The visual handle for the dial; aria-hidden because the root announces the value. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/angle-slider/AngleSliderThumb.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let e=require("vue");var t=["data-value","data-disabled","data-readonly","data-dragging"],l=(0,e.defineComponent)({__name:"AngleSliderThumb",setup(n){const a=(0,e.inject)(r.ANGLE_SLIDER_CONTEXT);if(!a)throw new Error("<SkdxAngleSliderThumb> must be used inside <SkdxAngleSlider>.");return(d,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-angle-slider__thumb","data-part":"thumb","aria-hidden":"true","data-value":(0,e.unref)(a).value.value,"data-disabled":(0,e.unref)(a).disabled.value?"":void 0,"data-readonly":(0,e.unref)(a).readOnly.value?"":void 0,"data-dragging":(0,e.unref)(a).dragging.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,t))}});exports.default=l;
+const r=require("../utils/injectRequired.cjs"),t=require("./context.cjs");let e=require("vue");var u=["data-value","data-disabled","data-readonly","data-dragging"],l=(0,e.defineComponent)({__name:"AngleSliderThumb",setup(n){const a=r.injectRequired(t.ANGLE_SLIDER_CONTEXT,"<SkdxAngleSliderThumb> must be used inside <SkdxAngleSlider>.");return(d,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-angle-slider__thumb","data-part":"thumb","aria-hidden":"true","data-value":(0,e.unref)(a).value.value,"data-disabled":(0,e.unref)(a).disabled.value?"":void 0,"data-readonly":(0,e.unref)(a).readOnly.value?"":void 0,"data-dragging":(0,e.unref)(a).dragging.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,u))}});exports.default=l;

package/dist/angle-slider/AngleSliderThumb.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ANGLE_SLIDER_CONTEXT as a}from"./context.js";import{createElementBlock as e,defineComponent as d,inject as t,openBlock as l,renderSlot as r,unref as n}from"vue";var i=["data-value","data-disabled","data-readonly","data-dragging"],s=/* @__PURE__ */d({__name:"AngleSliderThumb",setup(d){const s=t(a);if(!s)throw new Error("<SkdxAngleSliderThumb> must be used inside <SkdxAngleSlider>.");return(a,d)=>(l(),e("div",{class:"skdx-angle-slider__thumb","data-part":"thumb","aria-hidden":"true","data-value":n(s).value.value,"data-disabled":n(s).disabled.value?"":void 0,"data-readonly":n(s).readOnly.value?"":void 0,"data-dragging":n(s).dragging.value?"":void 0},[r(a.$slots,"default")],8,i))}});export{s as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{ANGLE_SLIDER_CONTEXT as e}from"./context.js";import{createElementBlock as d,defineComponent as t,openBlock as l,renderSlot as r,unref as i}from"vue";var n=["data-value","data-disabled","data-readonly","data-dragging"],s=/* @__PURE__ */t({__name:"AngleSliderThumb",setup(t){const s=a(e,"<SkdxAngleSliderThumb> must be used inside <SkdxAngleSlider>.");return(a,e)=>(l(),d("div",{class:"skdx-angle-slider__thumb","data-part":"thumb","aria-hidden":"true","data-value":i(s).value.value,"data-disabled":i(s).disabled.value?"":void 0,"data-readonly":i(s).readOnly.value?"":void 0,"data-dragging":i(s).dragging.value?"":void 0},[r(a.$slots,"default")],8,n))}});export{s as default};

package/dist/angle-slider/context.d.cts

@@ -13,34 +13,19 @@ export declare const STEP_KEYS: Record<string, number>;
 export declare function normalizeAngle(angle: number): number;
 /** @internal Rounds to step grid, correcting float drift from fractional steps. */
 export declare function roundToStep(angle: number, step: number): number;
-/**
- * @internal Every rendered mark's angle, normalized, deduped, sorted.
- * Read from DOM (not registry) so dynamic adds/removes need no bookkeeping.
- */
+/** @internal Every rendered mark's angle, normalized, deduped, sorted, read live from the DOM. */
 export declare function readMarks(root: HTMLElement | null): number[];
 /**
  * @internal Closest mark around the circle, so 350° lands on 0° (not long way to 340°).
  */
 export declare function nearestMark(marks: number[], angle: number): number;
-/**
- * Payload `value-change` carries. Key presses are discrete commits (no value-commit),
- * pointer drags emit both. `reason` is the save-branch point; the shared three-value
- * vocab from @skdx/shared's change-reason contract, spelled out here for headless packages.
- */
+/** Payload the value-change event carries, describing what changed and why. */
 export interface SkdxAngleSliderValueChangeDetail {
     /** The angle the change settled on, in degrees, already folded into `[0, 360)`. */
     value: number;
-    /**
-     * The angle held before the change, or `null` when there was none. Included
-     * because a consumer reacting to a change almost always needs both ends of
-     * it, and in a controlled component the old value is already gone by the time
-     * the handler runs.
-     */
+    /** The angle held before the change, or null when there was none. */
     previousValue: number | null;
-    /**
-     * What drove the change: `'keyboard'` for an arrow/Page/Home/End key,
-     * `'pointer'` for a drag frame, `'programmatic'` when the application set it.
-     */
+    /** What drove the change: 'keyboard', 'pointer', or 'programmatic'. */
     reason: 'keyboard' | 'pointer' | 'programmatic';
 }
 /** @internal Shared state an `SkdxAngleSlider` provides so its parts can read the current angle and flags. */