@skdx/vue 0.27.0 → 0.29.0

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

@@ -1,60 +1,84 @@
-type CheckedState = boolean | 'indeterminate';
+import { type CheckedState } from '../utils/useCheckable.cjs';
 /**
- * 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"` and a hidden native `<input>` for
+ * form participation, supporting `v-model:checked` or uncontrolled usage via
+ * `defaultChecked`.
  */
 type __VLS_Props = {
-    /** Checked state, for controlled usage. Pair with `v-model:checked` or `@checked-change`. */
-    checked?: CheckedState;
+    /** Checked state, for controlled usage, paired with `v-model:checked` or `@checked-change`. */
+    checked?: CheckedState | undefined;
     /** Initial checked state, for uncontrolled usage. */
     defaultChecked?: CheckedState;
     /** 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`, ignores click
+     * and Space, and (unlike `aria-disabled`) 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, or pass the bare attribute alone to set
+     * `aria-required` without a required input.
      */
     required?: boolean;
-    /** Name for native form participation via a hidden input. Omitted: no hidden input is rendered. */
-    name?: string;
+    /** Name for native form participation via a hidden input. */
+    name?: string | undefined;
     /** Value submitted with the hidden input when checked. */
     value?: string;
+    /**
+     * Id of the `<form>` that owns this checkbox when rendered outside it,
+     * forwarded to the hidden input's `form` attribute.
+     */
+    form?: string | undefined;
     /** Marks the checkbox as invalid, exposed as `aria-invalid`/`data-invalid`. */
     invalid?: boolean;
+    /**
+     * Size rung the skin renders the checkbox at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
-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,
+     * returning `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, `''` 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;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:checked"?: ((checked: CheckedState) => any) | undefined;
-    "onChecked-change"?: ((checked: CheckedState) => any) | undefined;
+    "onUpdate:checked"?: (checked: CheckedState) => any;
+    "onChecked-change"?: (checked: CheckedState) => any;
 }>, {
+    form: string | undefined;
     disabled: boolean;
-    checked: CheckedState;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    name: string | undefined;
+    checked: CheckedState | undefined;
     defaultChecked: CheckedState;
+    readOnly: boolean;
     required: boolean;
-    name: string;
     value: string;
     invalid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,60 +1,84 @@
-type CheckedState = boolean | 'indeterminate';
+import { type CheckedState } from '../utils/useCheckable.js';
 /**
- * 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"` and a hidden native `<input>` for
+ * form participation, supporting `v-model:checked` or uncontrolled usage via
+ * `defaultChecked`.
  */
 type __VLS_Props = {
-    /** Checked state, for controlled usage. Pair with `v-model:checked` or `@checked-change`. */
-    checked?: CheckedState;
+    /** Checked state, for controlled usage, paired with `v-model:checked` or `@checked-change`. */
+    checked?: CheckedState | undefined;
     /** Initial checked state, for uncontrolled usage. */
     defaultChecked?: CheckedState;
     /** 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`, ignores click
+     * and Space, and (unlike `aria-disabled`) 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, or pass the bare attribute alone to set
+     * `aria-required` without a required input.
      */
     required?: boolean;
-    /** Name for native form participation via a hidden input. Omitted: no hidden input is rendered. */
-    name?: string;
+    /** Name for native form participation via a hidden input. */
+    name?: string | undefined;
     /** Value submitted with the hidden input when checked. */
     value?: string;
+    /**
+     * Id of the `<form>` that owns this checkbox when rendered outside it,
+     * forwarded to the hidden input's `form` attribute.
+     */
+    form?: string | undefined;
     /** Marks the checkbox as invalid, exposed as `aria-invalid`/`data-invalid`. */
     invalid?: boolean;
+    /**
+     * Size rung the skin renders the checkbox at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
-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,
+     * returning `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, `''` 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;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:checked"?: ((checked: CheckedState) => any) | undefined;
-    "onChecked-change"?: ((checked: CheckedState) => any) | undefined;
+    "onUpdate:checked"?: (checked: CheckedState) => any;
+    "onChecked-change"?: (checked: CheckedState) => any;
 }>, {
+    form: string | undefined;
     disabled: boolean;
-    checked: CheckedState;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    name: string | undefined;
+    checked: CheckedState | undefined;
     defaultChecked: CheckedState;
+    readOnly: boolean;
     required: boolean;
-    name: string;
     value: string;
     invalid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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("../utils/appearance.cjs"),b=require("../utils/useCheckable.cjs"),m=require("./context.cjs"),C=require("./CheckboxAnatomy.vue.cjs");let e=require("vue");var q=["aria-checked","aria-required","aria-readonly","aria-invalid","data-state","data-disabled","data-readonly","data-invalid","disabled"],g=["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},size:{default:void 0}},emits:["update:checked","checked-change"],setup(a,{expose:c,emit:s}){const t=a,n=s,l=(0,e.ref)(null),i=(0,e.ref)(null),{checked:f,state:o,ariaChecked:h,hiddenChecked:k,toggle:u}=b.useCheckable({checked:()=>t.checked,defaultChecked:()=>t.defaultChecked,readOnly:()=>t.readOnly,disabled:()=>t.disabled,resetTarget:()=>i.value??l.value,onChange:d=>{n("update:checked",d),n("checked-change",d)}});return(0,e.provide)(m.CHECKBOX_CONTEXT,{checked:f,state:o,disabled:(0,e.computed)(()=>t.disabled)}),c({focus:()=>l.value?.focus(),el:l,checkValidity:()=>i.value?.checkValidity()??!0,reportValidity:()=>i.value?.reportValidity()??!0,setCustomValidity:d=>i.value?.setCustomValidity(d)}),(d,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("button",(0,e.mergeProps)({ref_key:"checkboxRef",ref:l,class:"skdx-checkbox","data-part":"root","data-skdx-component":"checkbox",type:"button",role:"checkbox","aria-checked":(0,e.unref)(h),"aria-required":a.required||void 0,"aria-readonly":a.readOnly||void 0,"aria-invalid":a.invalid?!0:void 0,"data-state":(0,e.unref)(o),"data-disabled":a.disabled?"":void 0,"data-readonly":a.readOnly?"":void 0,"data-invalid":a.invalid?"":void 0,disabled:a.disabled},{...d.$attrs,...(0,e.unref)(y.appearanceAttrs)({size:a.size},d.$attrs)},{onClick:r[0]||(r[0]=(...v)=>(0,e.unref)(u)&&(0,e.unref)(u)(...v)),onKeydown:r[1]||(r[1]=(0,e.withKeys)((0,e.withModifiers)(()=>{},["prevent"]),["enter"]))}),[(0,e.renderSlot)(d.$slots,"default",{},()=>[(0,e.createVNode)(C.default,null,(0,e.createSlots)({_:2},[d.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(d.$slots,"indicator")]),key:"0"}:void 0]),1024)])],16,q),a.name?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,ref_key:"hiddenEl",ref:i,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:a.name,value:a.value,form:a.form,checked:(0,e.unref)(k),required:a.required,disabled:a.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,g)):(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{appearanceAttrs as e}from"../utils/appearance.js";import{useCheckable as a}from"../utils/useCheckable.js";import{CHECKBOX_CONTEXT as d}from"./context.js";import t from"./CheckboxAnatomy.vue.js";import{Fragment as i,computed as o,createCommentVNode as l,createElementBlock as r,createElementVNode as s,createSlots as n,createVNode as c,defineComponent as u,mergeProps as h,openBlock as p,provide as k,ref as f,renderSlot as m,unref as v,withCtx as y,withKeys as b,withModifiers as C}from"vue";var x=["aria-checked","aria-required","aria-readonly","aria-invalid","data-state","data-disabled","data-readonly","data-invalid","disabled"],g=["name","value","form","checked","required","disabled"],B=/* @__PURE__ */u({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},size:{default:void 0}},emits:["update:checked","checked-change"],setup(u,{expose:B,emit:V}){const q=u,O=V,_=f(null),w=f(null),{checked:E,state:$,ariaChecked:j,hiddenChecked:N,toggle:S}=a({checked:()=>q.checked,defaultChecked:()=>q.defaultChecked,readOnly:()=>q.readOnly,disabled:()=>q.disabled,resetTarget:()=>w.value??_.value,onChange:e=>{O("update:checked",e),O("checked-change",e)}});return k(d,{checked:E,state:$,disabled:o(()=>q.disabled)}),B({focus:()=>_.value?.focus(),el:_,checkValidity:()=>w.value?.checkValidity()??!0,reportValidity:()=>w.value?.reportValidity()??!0,setCustomValidity:e=>w.value?.setCustomValidity(e)}),(a,d)=>(p(),r(i,null,[s("button",h({ref_key:"checkboxRef",ref:_,class:"skdx-checkbox","data-part":"root","data-skdx-component":"checkbox",type:"button",role:"checkbox","aria-checked":v(j),"aria-required":u.required||void 0,"aria-readonly":u.readOnly||void 0,"aria-invalid":!!u.invalid||void 0,"data-state":v($),"data-disabled":u.disabled?"":void 0,"data-readonly":u.readOnly?"":void 0,"data-invalid":u.invalid?"":void 0,disabled:u.disabled},{...a.$attrs,...v(e)({size:u.size},a.$attrs)},{onClick:d[0]||(d[0]=(...e)=>v(S)&&v(S)(...e)),onKeydown:d[1]||(d[1]=b(C(()=>{},["prevent"]),["enter"]))}),[m(a.$slots,"default",{},()=>[c(t,null,n({_:2},[a.$slots.indicator?{name:"indicator",fn:y(()=>[m(a.$slots,"indicator")]),key:"0"}:void 0]),1024)])],16,x),u.name?(p(),r("input",{key:0,ref_key:"hiddenEl",ref:w,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:u.name,value:u.value,form:u.form,checked:v(N),required:u.required,disabled:u.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,g)):l("",!0)],64))}});export{B 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,16 @@
+/**
+ * Default anatomy for `SkdxCheckbox`: an Indicator with an inlined SVG, dash
+ * when indeterminate, check otherwise.
+ * @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,16 @@
+/**
+ * Default anatomy for `SkdxCheckbox`: an Indicator with an inlined SVG, dash
+ * when indeterminate, check otherwise.
+ * @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 t=require("../utils/Glyph.vue.cjs"),o=require("../utils/injectRequired.cjs"),c=require("./context.cjs"),u=require("./CheckboxIndicator.vue.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"CheckboxAnatomy",setup(i){const r=o.injectRequired(c.CHECKBOX_CONTEXT,"<SkdxCheckboxAnatomy> must be used inside <SkdxCheckbox>.");return(n,l)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"indicator",{},()=>[(0,e.unref)(r).state.value==="indeterminate"?((0,e.openBlock)(),(0,e.createBlock)(t.default,{key:0,name:"dash"})):((0,e.openBlock)(),(0,e.createBlock)(t.default,{key:1,name:"check"}))])]),_:3}))}});exports.default=a;

package/dist/checkbox/CheckboxAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Glyph.vue.js";import{injectRequired as t}from"../utils/injectRequired.js";import{CHECKBOX_CONTEXT as o}from"./context.js";import a from"./CheckboxIndicator.vue.js";import{createBlock as s,defineComponent as r,openBlock as n,renderSlot as i,unref as m,withCtx as u}from"vue";var c=/* @__PURE__ */r({__name:"CheckboxAnatomy",setup(r){const c=t(o,"<SkdxCheckboxAnatomy> must be used inside <SkdxCheckbox>.");return(t,o)=>(n(),s(a,null,{default:u(()=>[i(t.$slots,"indicator",{},()=>["indeterminate"===m(c).state.value?(n(),s(e,{key:0,name:"dash"})):(n(),s(e,{key:1,name:"check"}))])]),_:3}))}});export{c 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 dash) shown inside a Checkbox, rendering
+ * `<span data-state data-disabled>` and unmounting 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 dash) shown inside a Checkbox, rendering
+ * `<span data-state data-disabled>` and unmounting when unchecked unless
+ * `forceMount` is set.
  *
  * @example
  * ```vue

package/dist/checkbox/CheckboxIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var c=["data-state","data-disabled"],s=(0,e.defineComponent)({__name:"CheckboxIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(a){const o=a,t=(0,e.inject)(n.CHECKBOX_CONTEXT);if(!t)throw new Error("<SkdxCheckboxIndicator> must be used inside <SkdxCheckbox>.");const r=(0,e.computed)(()=>o.forceMount||t.checked.value!==!1);return(d,u)=>r.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-checkbox__indicator","data-part":"indicator","data-state":(0,e.unref)(t).state.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,c)):(0,e.createCommentVNode)("",!0)}});exports.default=s;
+const n=require("../utils/injectRequired.cjs"),c=require("./context.cjs");let e=require("vue");var u=["data-state","data-disabled"],s=(0,e.defineComponent)({__name:"CheckboxIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(a){const r=a,t=n.injectRequired(c.CHECKBOX_CONTEXT,"<SkdxCheckboxIndicator> must be used inside <SkdxCheckbox>."),o=(0,e.computed)(()=>r.forceMount||t.checked.value!==!1);return(d,i)=>o.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-checkbox__indicator","data-part":"indicator","aria-hidden":"true","data-state":(0,e.unref)(t).state.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,u)):(0,e.createCommentVNode)("",!0)}});exports.default=s;

package/dist/checkbox/CheckboxIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{CHECKBOX_CONTEXT as e}from"./context.js";import{computed as a,createCommentVNode as t,createElementBlock as o,defineComponent as s,inject as d,openBlock as r,renderSlot as n,unref as c}from"vue";var i=["data-state","data-disabled"],l=/* @__PURE__ */s({__name:"CheckboxIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(s){const l=s,u=d(e);if(!u)throw new Error("<SkdxCheckboxIndicator> must be used inside <SkdxCheckbox>.");const p=a(()=>l.forceMount||!1!==u.checked.value);return(e,a)=>p.value?(r(),o("span",{key:0,class:"skdx-checkbox__indicator","data-part":"indicator","data-state":c(u).state.value,"data-disabled":c(u).disabled.value?"":void 0},[n(e.$slots,"default")],8,i)):t("",!0)}});export{l as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{CHECKBOX_CONTEXT as a}from"./context.js";import{computed as t,createCommentVNode as o,createElementBlock as d,defineComponent as s,openBlock as r,renderSlot as n,unref as c}from"vue";var i=["data-state","data-disabled"],u=/* @__PURE__ */s({__name:"CheckboxIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(s){const u=s,l=e(a,"<SkdxCheckboxIndicator> must be used inside <SkdxCheckbox>."),m=t(()=>u.forceMount||!1!==l.checked.value);return(e,a)=>m.value?(r(),d("span",{key:0,class:"skdx-checkbox__indicator","data-part":"indicator","aria-hidden":"true","data-state":c(l).state.value,"data-disabled":c(l).disabled.value?"":void 0},[n(e.$slots,"default")],8,i)):o("",!0)}});export{u as default};

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: `true`, `false`, or `'indeterminate'`. */
 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 the `data-state` attribute. */
     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: `true`, `false`, or `'indeterminate'`. */
 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 the `data-state` attribute. */
     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};

package/dist/checkbox/primitives.cjs

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

package/dist/checkbox/primitives.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Advanced primitives for `SkdxCheckbox` — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxCheckbox, SkdxCheckboxIndicator } from '@skdx/vue/primitives/checkbox';
+ * </script>
+ *
+ * <template>
+ *   <SkdxCheckbox :default-checked="true">
+ *     <SkdxCheckboxIndicator>✓</SkdxCheckboxIndicator>
+ *   </SkdxCheckbox>
+ * </template>
+ * ```
+ */
+export { default as SkdxCheckbox } from './Checkbox.vue.cjs';
+export { default as SkdxCheckboxIndicator } from './CheckboxIndicator.vue.cjs';

package/dist/checkbox/primitives.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Advanced primitives for `SkdxCheckbox` — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxCheckbox, SkdxCheckboxIndicator } from '@skdx/vue/primitives/checkbox';
+ * </script>
+ *
+ * <template>
+ *   <SkdxCheckbox :default-checked="true">
+ *     <SkdxCheckboxIndicator>✓</SkdxCheckboxIndicator>
+ *   </SkdxCheckbox>
+ * </template>
+ * ```
+ */
+export { default as SkdxCheckbox } from './Checkbox.vue.js';
+export { default as SkdxCheckboxIndicator } from './CheckboxIndicator.vue.js';

package/dist/checkbox/primitives.js

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