@skdx/vue 0.28.0 → 0.30.0

package/dist/checkbox-card/CheckboxCardRoot.vue.d.cts

@@ -1,7 +1,8 @@
 /**
- * Headless checkbox card: label wrapping hidden checkbox, entire surface clickable.
- * Supports controlled/uncontrolled usage, validation, and form submission.
- * No interactive elements may nest inside; warns if they do.
+ * Headless checkbox card, a label wrapping a hidden checkbox with the entire
+ * surface clickable, supporting controlled/uncontrolled usage, validation,
+ * and form submission; no interactive elements may nest inside, and it warns
+ * if they do.
  *
  * @example With `import * as CheckboxCard from '@skdx/vue/primitives/checkbox-card'`:
  * ```vue
@@ -16,11 +17,11 @@
  */
 type __VLS_Props = {
     /**
-     * Checked state, for controlled usage. Pair with `v-model:checked` or
+     * Checked state, for controlled usage, paired with `v-model:checked` or
      * `@checked-change`.
      * @default undefined — uncontrolled, the card tracks its own checked state.
      */
-    checked?: boolean;
+    checked?: boolean | undefined;
     /**
      * Initial checked state, for uncontrolled usage, seeding the first render.
      * @default false — the card starts unselected.
@@ -28,12 +29,11 @@ type __VLS_Props = {
     defaultChecked?: boolean;
     /**
      * Name put on the underlying native `<input type="checkbox">` for form
-     * submission. Unlike `SkdxCheckbox` the input always exists here (it is what
-     * makes the card clickable), so omitting `name` only means the value is not
-     * submitted.
+     * submission; unlike `SkdxCheckbox` the input always exists here, so
+     * omitting `name` only means the value isn't submitted.
      * @default undefined — the control is unnamed and contributes nothing to form data.
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Value submitted with the control when checked.
      * @default 'on' — the same default the HTML checkbox itself uses.
@@ -46,32 +46,37 @@ type __VLS_Props = {
      */
     required?: boolean;
     /**
-     * Disables the control, so neither the card surface nor the keyboard can
-     * change it and it leaves the tab order. Also emitted as `data-disabled`
-     * on the root, the indicator, the label and the description.
+     * Disables the control so neither the card surface nor the keyboard can
+     * change it, removing it from the tab order and emitting `data-disabled`
+     * on the root, indicator, label, and description.
      * @default false — the card is interactive.
      */
     disabled?: boolean;
     /**
-     * Freezes the selection without freezing the card: the Control keeps its
-     * tab stop and stays focusable, gains `aria-readonly`, the root gains
-     * `data-readonly`, and clicking the surface or pressing Space changes
-     * nothing. Not `aria-disabled`, and the Control keeps submitting.
+     * Freezes the selection without freezing the card — the Control keeps its
+     * tab stop and gains `aria-readonly`, the root gains `data-readonly`,
+     * clicking or pressing Space changes nothing, and (unlike `aria-disabled`)
+     * the Control keeps submitting.
      * @default false — the card is editable.
      */
     readOnly?: boolean;
     /**
-     * Id of the `<form>` that owns this card, for a card rendered outside it.
-     * Forwarded to the Control input's `form` attribute.
+     * Id of the `<form>` that owns this card when rendered outside it,
+     * forwarded to the Control input's `form` attribute.
      * @default undefined — the card belongs to its nearest ancestor `<form>`, if any.
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Marks the card invalid, exposed as `aria-invalid` on the control and
      * `data-invalid` on the root so the card can paint an error state.
      * @default false — no error styling and no aria-invalid.
      */
     invalid?: boolean;
+    /**
+     * Size rung the skin renders the card 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 = {} & {
@@ -83,28 +88,24 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Like `checkValidity()`, but also shows the browser's validation message. */
     reportValidity: () => boolean;
     /**
-     * Pushes an externally-computed error — a server response, a cross-field rule
-     * — onto the Control input, exactly like
-     * `HTMLInputElement.setCustomValidity()`: a non-empty message makes the card
-     * invalid (`customError`) and is what `reportValidity()` shows; `''` clears
-     * it.
+     * Pushes an externally-computed error onto the Control input like
+     * `HTMLInputElement.setCustomValidity()` — a non-empty message makes the
+     * card invalid (`customError`), `''` clears it.
      */
     setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (checked: boolean) => any;
     "checked-change": (checked: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
-    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+    "onUpdate:checked"?: (checked: boolean) => any;
+    "onChecked-change"?: (checked: boolean) => any;
 }>, {
-    form: string;
     disabled: boolean;
-    checked: boolean;
-    value: string;
+    checked: boolean | undefined;
     defaultChecked: boolean;
     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-card/CheckboxCardRoot.vue.d.ts

@@ -1,7 +1,8 @@
 /**
- * Headless checkbox card: label wrapping hidden checkbox, entire surface clickable.
- * Supports controlled/uncontrolled usage, validation, and form submission.
- * No interactive elements may nest inside; warns if they do.
+ * Headless checkbox card, a label wrapping a hidden checkbox with the entire
+ * surface clickable, supporting controlled/uncontrolled usage, validation,
+ * and form submission; no interactive elements may nest inside, and it warns
+ * if they do.
  *
  * @example With `import * as CheckboxCard from '@skdx/vue/primitives/checkbox-card'`:
  * ```vue
@@ -16,11 +17,11 @@
  */
 type __VLS_Props = {
     /**
-     * Checked state, for controlled usage. Pair with `v-model:checked` or
+     * Checked state, for controlled usage, paired with `v-model:checked` or
      * `@checked-change`.
      * @default undefined — uncontrolled, the card tracks its own checked state.
      */
-    checked?: boolean;
+    checked?: boolean | undefined;
     /**
      * Initial checked state, for uncontrolled usage, seeding the first render.
      * @default false — the card starts unselected.
@@ -28,12 +29,11 @@ type __VLS_Props = {
     defaultChecked?: boolean;
     /**
      * Name put on the underlying native `<input type="checkbox">` for form
-     * submission. Unlike `SkdxCheckbox` the input always exists here (it is what
-     * makes the card clickable), so omitting `name` only means the value is not
-     * submitted.
+     * submission; unlike `SkdxCheckbox` the input always exists here, so
+     * omitting `name` only means the value isn't submitted.
      * @default undefined — the control is unnamed and contributes nothing to form data.
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Value submitted with the control when checked.
      * @default 'on' — the same default the HTML checkbox itself uses.
@@ -46,32 +46,37 @@ type __VLS_Props = {
      */
     required?: boolean;
     /**
-     * Disables the control, so neither the card surface nor the keyboard can
-     * change it and it leaves the tab order. Also emitted as `data-disabled`
-     * on the root, the indicator, the label and the description.
+     * Disables the control so neither the card surface nor the keyboard can
+     * change it, removing it from the tab order and emitting `data-disabled`
+     * on the root, indicator, label, and description.
      * @default false — the card is interactive.
      */
     disabled?: boolean;
     /**
-     * Freezes the selection without freezing the card: the Control keeps its
-     * tab stop and stays focusable, gains `aria-readonly`, the root gains
-     * `data-readonly`, and clicking the surface or pressing Space changes
-     * nothing. Not `aria-disabled`, and the Control keeps submitting.
+     * Freezes the selection without freezing the card — the Control keeps its
+     * tab stop and gains `aria-readonly`, the root gains `data-readonly`,
+     * clicking or pressing Space changes nothing, and (unlike `aria-disabled`)
+     * the Control keeps submitting.
      * @default false — the card is editable.
      */
     readOnly?: boolean;
     /**
-     * Id of the `<form>` that owns this card, for a card rendered outside it.
-     * Forwarded to the Control input's `form` attribute.
+     * Id of the `<form>` that owns this card when rendered outside it,
+     * forwarded to the Control input's `form` attribute.
      * @default undefined — the card belongs to its nearest ancestor `<form>`, if any.
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Marks the card invalid, exposed as `aria-invalid` on the control and
      * `data-invalid` on the root so the card can paint an error state.
      * @default false — no error styling and no aria-invalid.
      */
     invalid?: boolean;
+    /**
+     * Size rung the skin renders the card 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 = {} & {
@@ -83,28 +88,24 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Like `checkValidity()`, but also shows the browser's validation message. */
     reportValidity: () => boolean;
     /**
-     * Pushes an externally-computed error — a server response, a cross-field rule
-     * — onto the Control input, exactly like
-     * `HTMLInputElement.setCustomValidity()`: a non-empty message makes the card
-     * invalid (`customError`) and is what `reportValidity()` shows; `''` clears
-     * it.
+     * Pushes an externally-computed error onto the Control input like
+     * `HTMLInputElement.setCustomValidity()` — a non-empty message makes the
+     * card invalid (`customError`), `''` clears it.
      */
     setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (checked: boolean) => any;
     "checked-change": (checked: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
-    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+    "onUpdate:checked"?: (checked: boolean) => any;
+    "onChecked-change"?: (checked: boolean) => any;
 }>, {
-    form: string;
     disabled: boolean;
-    checked: boolean;
-    value: string;
+    checked: boolean | undefined;
     defaultChecked: boolean;
     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-card/CheckboxCardRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const B=require("../utils/id.cjs"),D=require("./context.cjs"),E=require("./CheckboxCardDescription.vue.cjs"),L=require("./CheckboxCardLabel.vue.cjs"),R=require("../utils/cardNesting.cjs"),k=require("../utils/declaredChildren.cjs"),V=require("../utils/useFormReset.cjs");let e=require("vue");var g=["data-state","data-disabled","data-readonly","data-invalid","data-focus-visible"],F='input[type="checkbox"]',I=(0,e.defineComponent)({__name:"CheckboxCardRoot",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},name:{default:void 0},value:{default:"on"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},form:{default:void 0},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(d,{expose:m,emit:C}){const a=d,o=C,r=(0,e.ref)(null),u=(0,e.ref)(a.defaultChecked),n=(0,e.computed)(()=>a.checked===void 0?u.value:a.checked),f=B.nextId("checkbox-card"),v=(0,e.ref)(!1),h=(0,e.ref)(!1),i=(0,e.ref)(!1),p=(0,e.useSlots)(),b=k.slotDeclares(p.default,L.default),y=k.slotDeclares(p.default,E.default),s=(0,e.ref)(!1);(0,e.onMounted)(()=>{s.value=!0});let l=!1;function q(t){a.readOnly||t!==n.value&&(a.checked===void 0&&(u.value=t),o("update:checked",t),o("checked-change",t))}(0,e.provide)(D.CHECKBOX_CARD_CONTEXT,{checked:n,disabled:(0,e.computed)(()=>a.disabled),readOnly:(0,e.computed)(()=>a.readOnly),required:(0,e.computed)(()=>a.required),invalid:(0,e.computed)(()=>a.invalid),name:(0,e.computed)(()=>a.name),value:(0,e.computed)(()=>a.value),form:(0,e.computed)(()=>a.form),labelId:`${f}-label`,descriptionId:`${f}-description`,hasLabel:(0,e.computed)(()=>v.value||!s.value&&b),hasDescription:(0,e.computed)(()=>h.value||!s.value&&y),setHasLabel:t=>{v.value=t},setHasDescription:t=>{h.value=t},onCheckedChange:q});function _(){l=!0}function O(){i.value=!l,l=!1}function x(){i.value=!1,l=!1}function c(){return r.value?.querySelector(F)??null}return(0,e.onMounted)(()=>R.warnOnNestedInteractive("CheckboxCard",r.value)),V.useFormReset(c,()=>{a.checked===void 0&&(u.value=a.defaultChecked),o("update:checked",a.defaultChecked),o("checked-change",a.defaultChecked)}),m({checkValidity:()=>c()?.checkValidity()??!0,reportValidity:()=>c()?.reportValidity()??!0,setCustomValidity:t=>c()?.setCustomValidity(t)}),(t,N)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:"skdx-checkbox-card","data-part":"root","data-skdx-component":"checkbox-card",ref_key:"rootEl",ref:r,"data-state":n.value?"checked":"unchecked","data-disabled":d.disabled?"":void 0,"data-readonly":d.readOnly?"":void 0,"data-invalid":d.invalid?"":void 0,"data-focus-visible":i.value?"":void 0,onPointerdown:_,onFocusin:O,onFocusout:x},[(0,e.renderSlot)(t.$slots,"default")],40,g))}});exports.default=I;
+const b=require("../utils/appearance.cjs"),y=require("../utils/useFormReset.cjs"),q=require("./context.cjs"),O=require("./CheckboxCardDescription.vue.cjs"),B=require("./CheckboxCardLabel.vue.cjs"),x=require("../utils/useSelectionCard.cjs");let e=require("vue");var D=["data-state","data-disabled","data-readonly","data-invalid","data-focus-visible"],E='input[type="checkbox"]',L=(0,e.defineComponent)({inheritAttrs:!1,__name:"CheckboxCardRoot",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},name:{},value:{default:"on"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},form:{},invalid:{type:Boolean,default:!1},size:{}},emits:["update:checked","checked-change"],setup(r,{expose:k,emit:v}){const a=r,i=v,n=(0,e.ref)(null),u=(0,e.ref)(a.defaultChecked),s=(0,e.computed)(()=>a.checked===void 0?u.value:a.checked),d=x.useSelectionCard({name:"checkbox-card",displayName:"CheckboxCard",rootEl:n,label:B.default,description:O.default,slot:(0,e.useSlots)().default}),{focusVisible:C,onPointerDown:f,onFocusIn:p,onFocusOut:h}=d;function m(t){a.readOnly||t!==s.value&&(a.checked===void 0&&(u.value=t),i("update:checked",t),i("checked-change",t))}(0,e.provide)(q.CHECKBOX_CARD_CONTEXT,{checked:s,disabled:(0,e.computed)(()=>a.disabled),readOnly:(0,e.computed)(()=>a.readOnly),required:(0,e.computed)(()=>a.required),invalid:(0,e.computed)(()=>a.invalid),name:(0,e.computed)(()=>a.name),value:(0,e.computed)(()=>a.value),form:(0,e.computed)(()=>a.form),labelId:d.labelId,descriptionId:d.descriptionId,hasLabel:d.hasLabel,hasDescription:d.hasDescription,setHasLabel:d.setHasLabel,setHasDescription:d.setHasDescription,onCheckedChange:m});function c(){return n.value?.querySelector(E)??null}return y.useFormReset(c,()=>{a.checked===void 0&&(u.value=a.defaultChecked),i("update:checked",a.defaultChecked),i("checked-change",a.defaultChecked)}),k({checkValidity:()=>c()?.checkValidity()??!0,reportValidity:()=>c()?.reportValidity()??!0,setCustomValidity:t=>c()?.setCustomValidity(t)}),(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",(0,e.mergeProps)({ref_key:"rootEl",ref:n,class:"skdx-checkbox-card","data-part":"root","data-skdx-component":"checkbox-card","data-state":s.value?"checked":"unchecked","data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,"data-invalid":r.invalid?"":void 0,"data-focus-visible":(0,e.unref)(C)?"":void 0},{...t.$attrs,...(0,e.unref)(b.appearanceAttrs)({size:r.size},t.$attrs)},{onPointerdown:o[0]||(o[0]=(...l)=>(0,e.unref)(f)&&(0,e.unref)(f)(...l)),onFocusin:o[1]||(o[1]=(...l)=>(0,e.unref)(p)&&(0,e.unref)(p)(...l)),onFocusout:o[2]||(o[2]=(...l)=>(0,e.unref)(h)&&(0,e.unref)(h)(...l))}),[(0,e.renderSlot)(t.$slots,"default")],16,D))}});exports.default=L;

package/dist/checkbox-card/CheckboxCardRoot.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextId as e}from"../utils/id.js";import{CHECKBOX_CARD_CONTEXT as a}from"./context.js";import d from"./CheckboxCardDescription.vue.js";import t from"./CheckboxCardLabel.vue.js";import{warnOnNestedInteractive as o}from"../utils/cardNesting.js";import{slotDeclares as l}from"../utils/declaredChildren.js";import{useFormReset as i}from"../utils/useFormReset.js";import{computed as c,createElementBlock as r,defineComponent as s,onMounted as u,openBlock as n,provide as v,ref as f,renderSlot as h,useSlots as p}from"vue";var k=["data-state","data-disabled","data-readonly","data-invalid","data-focus-visible"],m=/* @__PURE__ */s({__name:"CheckboxCardRoot",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},name:{default:void 0},value:{default:"on"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},form:{default:void 0},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(s,{expose:m,emit:C}){const b=s,y=C,x=f(null),B=f(b.defaultChecked),O=c(()=>void 0===b.checked?B.value:b.checked),j=e("checkbox-card"),V=f(!1),g=f(!1),D=f(!1),_=p(),q=l(_.default,t),E=l(_.default,d),F=f(!1);u(()=>{F.value=!0});let I=!1;function R(){I=!0}function H(){D.value=!I,I=!1}function L(){D.value=!1,I=!1}function N(){return x.value?.querySelector('input[type="checkbox"]')??null}return v(a,{checked:O,disabled:c(()=>b.disabled),readOnly:c(()=>b.readOnly),required:c(()=>b.required),invalid:c(()=>b.invalid),name:c(()=>b.name),value:c(()=>b.value),form:c(()=>b.form),labelId:`${j}-label`,descriptionId:`${j}-description`,hasLabel:c(()=>V.value||!F.value&&q),hasDescription:c(()=>g.value||!F.value&&E),setHasLabel:e=>{V.value=e},setHasDescription:e=>{g.value=e},onCheckedChange:function(e){b.readOnly||e!==O.value&&(void 0===b.checked&&(B.value=e),y("update:checked",e),y("checked-change",e))}}),u(()=>o("CheckboxCard",x.value)),i(N,()=>{void 0===b.checked&&(B.value=b.defaultChecked),y("update:checked",b.defaultChecked),y("checked-change",b.defaultChecked)}),m({checkValidity:()=>N()?.checkValidity()??!0,reportValidity:()=>N()?.reportValidity()??!0,setCustomValidity:e=>N()?.setCustomValidity(e)}),(e,a)=>(n(),r("label",{class:"skdx-checkbox-card","data-part":"root","data-skdx-component":"checkbox-card",ref_key:"rootEl",ref:x,"data-state":O.value?"checked":"unchecked","data-disabled":s.disabled?"":void 0,"data-readonly":s.readOnly?"":void 0,"data-invalid":s.invalid?"":void 0,"data-focus-visible":D.value?"":void 0,onPointerdown:R,onFocusin:H,onFocusout:L},[h(e.$slots,"default")],40,k))}});export{m as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{useFormReset as a}from"../utils/useFormReset.js";import{CHECKBOX_CARD_CONTEXT as t}from"./context.js";import d from"./CheckboxCardDescription.vue.js";import o from"./CheckboxCardLabel.vue.js";import{useSelectionCard as s}from"../utils/useSelectionCard.js";import{computed as l,createElementBlock as i,defineComponent as c,mergeProps as r,openBlock as n,provide as u,ref as p,renderSlot as h,unref as f,useSlots as k}from"vue";var m=["data-state","data-disabled","data-readonly","data-invalid","data-focus-visible"],v=/* @__PURE__ */c({inheritAttrs:!1,__name:"CheckboxCardRoot",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},name:{},value:{default:"on"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},form:{},invalid:{type:Boolean,default:!1},size:{}},emits:["update:checked","checked-change"],setup(c,{expose:v,emit:b}){const C=c,y=b,x=p(null),B=p(C.defaultChecked),O=l(()=>void 0===C.checked?B.value:C.checked),D=s({name:"checkbox-card",displayName:"CheckboxCard",rootEl:x,label:o,description:d,slot:k().default}),{focusVisible:V,onPointerDown:j,onFocusIn:F,onFocusOut:g}=D;function E(){return x.value?.querySelector('input[type="checkbox"]')??null}return u(t,{checked:O,disabled:l(()=>C.disabled),readOnly:l(()=>C.readOnly),required:l(()=>C.required),invalid:l(()=>C.invalid),name:l(()=>C.name),value:l(()=>C.value),form:l(()=>C.form),labelId:D.labelId,descriptionId:D.descriptionId,hasLabel:D.hasLabel,hasDescription:D.hasDescription,setHasLabel:D.setHasLabel,setHasDescription:D.setHasDescription,onCheckedChange:function(e){C.readOnly||e!==O.value&&(void 0===C.checked&&(B.value=e),y("update:checked",e),y("checked-change",e))}}),a(E,()=>{void 0===C.checked&&(B.value=C.defaultChecked),y("update:checked",C.defaultChecked),y("checked-change",C.defaultChecked)}),v({checkValidity:()=>E()?.checkValidity()??!0,reportValidity:()=>E()?.reportValidity()??!0,setCustomValidity:e=>E()?.setCustomValidity(e)}),(a,t)=>(n(),i("label",r({ref_key:"rootEl",ref:x,class:"skdx-checkbox-card","data-part":"root","data-skdx-component":"checkbox-card","data-state":O.value?"checked":"unchecked","data-disabled":c.disabled?"":void 0,"data-readonly":c.readOnly?"":void 0,"data-invalid":c.invalid?"":void 0,"data-focus-visible":f(V)?"":void 0},{...a.$attrs,...f(e)({size:c.size},a.$attrs)},{onPointerdown:t[0]||(t[0]=(...e)=>f(j)&&f(j)(...e)),onFocusin:t[1]||(t[1]=(...e)=>f(F)&&f(F)(...e)),onFocusout:t[2]||(t[2]=(...e)=>f(g)&&f(g)(...e))}),[h(a.$slots,"default")],16,m))}});export{v as default};

package/dist/checkbox-card/primitives.d.cts

@@ -1,7 +1,6 @@
 /**
- * Advanced primitives for `SkdxCheckboxCard` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need — media above
- * title, custom part order.
+ * Advanced primitives for `SkdxCheckboxCard`, the parts the recipe composes,
+ * for a structure other than the derived anatomy (media above title, custom part order).
  *
  * @example
  * ```vue

package/dist/checkbox-card/primitives.d.ts

@@ -1,7 +1,6 @@
 /**
- * Advanced primitives for `SkdxCheckboxCard` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need — media above
- * title, custom part order.
+ * Advanced primitives for `SkdxCheckboxCard`, the parts the recipe composes,
+ * for a structure other than the derived anatomy (media above title, custom part order).
  *
  * @example
  * ```vue

package/dist/checkbox-group/CheckboxGroup.vue.d.cts

@@ -1,34 +1,35 @@
 import type { CheckboxGroupOption } from './types.cjs';
 /**
- * Checkbox group: `role="group"` owning `string[]` value.
- * Every item is its own tab stop (unlike radio group).
- * Controlled/uncontrolled and form participation.
+ * Checkbox group with `role="group"` owning a `string[]` value, where every
+ * item is its own tab stop (unlike radio group), supporting
+ * controlled/uncontrolled usage and form participation.
  */
 type __VLS_Props = {
     /** Checked values (controlled). Pair with `v-model:value` or `@value-change`. */
-    value?: string[];
+    value?: string[] | undefined;
     /** Initially checked item values, for uncontrolled usage. */
     defaultValue?: string[];
     /** Form field name (each item renders hidden input). */
-    name?: string;
+    name?: string | undefined;
     /**
-     * Form id for group rendered outside it.
-     * Forwarded to each item's hidden input.
+     * Form id for a group rendered outside it, forwarded to each item's
+     * hidden input.
      */
-    form?: string;
+    form?: string | undefined;
     /**
-     * Max checked items. At cap, unchecked items get `aria-disabled` / `data-max-reached`
-     * but keep tab stop so users can focus and learn why.
+     * Max checked items; at cap, unchecked items gain
+     * `aria-disabled`/`data-max-reached` but keep their tab stop so they can
+     * be focused.
      */
-    max?: number;
+    max?: number | undefined;
     /**
      * Freeze selection without freezing group: items keep tab stops, gain
      * `aria-readonly`, Space/click do nothing (no `aria-disabled`).
      */
     readOnly?: boolean;
     /**
-     * Mark as required (at least one checked). Exposed as `aria-required`
-     * on items (not on `role="group"` which doesn't support it).
+     * Mark as required (at least one checked), exposed as `aria-required` on
+     * items since `role="group"` doesn't support it.
      */
     required?: boolean;
     /** Disables every item in the group, and the select-all parent. */
@@ -36,10 +37,15 @@ type __VLS_Props = {
     /** Mark as invalid (`aria-invalid` / `data-invalid` on root). */
     invalid?: boolean;
     /**
-     * Derived checkboxes (one item each). Ignored if default slot has
-     * `SkdxCheckboxGroupItem`s. @default undefined
+     * Derived checkboxes, one per entry, ignored if the default slot has its
+     * own `SkdxCheckboxGroupItem`s. @default undefined
      */
-    options?: readonly CheckboxGroupOption[];
+    options?: readonly CheckboxGroupOption[] | undefined;
+    /**
+     * Size rung the skin renders each checkbox at, applied to the derived Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -49,19 +55,19 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:value": (value: string[]) => any;
     "value-change": (value: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string[]) => any) | undefined;
-    "onValue-change"?: ((value: string[]) => any) | undefined;
+    "onUpdate:value"?: (value: string[]) => any;
+    "onValue-change"?: (value: string[]) => any;
 }>, {
-    form: string;
+    form: string | undefined;
     disabled: boolean;
-    value: string[];
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    name: string | undefined;
+    defaultValue: string[];
+    max: number | undefined;
     readOnly: boolean;
     required: boolean;
-    name: string;
+    value: string[] | undefined;
     invalid: boolean;
-    defaultValue: string[];
-    max: number;
-    options: readonly CheckboxGroupOption[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/checkbox-group/CheckboxGroup.vue.d.ts

@@ -1,34 +1,35 @@
 import type { CheckboxGroupOption } from './types.js';
 /**
- * Checkbox group: `role="group"` owning `string[]` value.
- * Every item is its own tab stop (unlike radio group).
- * Controlled/uncontrolled and form participation.
+ * Checkbox group with `role="group"` owning a `string[]` value, where every
+ * item is its own tab stop (unlike radio group), supporting
+ * controlled/uncontrolled usage and form participation.
  */
 type __VLS_Props = {
     /** Checked values (controlled). Pair with `v-model:value` or `@value-change`. */
-    value?: string[];
+    value?: string[] | undefined;
     /** Initially checked item values, for uncontrolled usage. */
     defaultValue?: string[];
     /** Form field name (each item renders hidden input). */
-    name?: string;
+    name?: string | undefined;
     /**
-     * Form id for group rendered outside it.
-     * Forwarded to each item's hidden input.
+     * Form id for a group rendered outside it, forwarded to each item's
+     * hidden input.
      */
-    form?: string;
+    form?: string | undefined;
     /**
-     * Max checked items. At cap, unchecked items get `aria-disabled` / `data-max-reached`
-     * but keep tab stop so users can focus and learn why.
+     * Max checked items; at cap, unchecked items gain
+     * `aria-disabled`/`data-max-reached` but keep their tab stop so they can
+     * be focused.
      */
-    max?: number;
+    max?: number | undefined;
     /**
      * Freeze selection without freezing group: items keep tab stops, gain
      * `aria-readonly`, Space/click do nothing (no `aria-disabled`).
      */
     readOnly?: boolean;
     /**
-     * Mark as required (at least one checked). Exposed as `aria-required`
-     * on items (not on `role="group"` which doesn't support it).
+     * Mark as required (at least one checked), exposed as `aria-required` on
+     * items since `role="group"` doesn't support it.
      */
     required?: boolean;
     /** Disables every item in the group, and the select-all parent. */
@@ -36,10 +37,15 @@ type __VLS_Props = {
     /** Mark as invalid (`aria-invalid` / `data-invalid` on root). */
     invalid?: boolean;
     /**
-     * Derived checkboxes (one item each). Ignored if default slot has
-     * `SkdxCheckboxGroupItem`s. @default undefined
+     * Derived checkboxes, one per entry, ignored if the default slot has its
+     * own `SkdxCheckboxGroupItem`s. @default undefined
      */
-    options?: readonly CheckboxGroupOption[];
+    options?: readonly CheckboxGroupOption[] | undefined;
+    /**
+     * Size rung the skin renders each checkbox at, applied to the derived Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -49,19 +55,19 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:value": (value: string[]) => any;
     "value-change": (value: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string[]) => any) | undefined;
-    "onValue-change"?: ((value: string[]) => any) | undefined;
+    "onUpdate:value"?: (value: string[]) => any;
+    "onValue-change"?: (value: string[]) => any;
 }>, {
-    form: string;
+    form: string | undefined;
     disabled: boolean;
-    value: string[];
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    name: string | undefined;
+    defaultValue: string[];
+    max: number | undefined;
     readOnly: boolean;
     required: boolean;
-    name: string;
+    value: string[] | undefined;
     invalid: boolean;
-    defaultValue: string[];
-    max: number;
-    options: readonly CheckboxGroupOption[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/checkbox-group/CheckboxGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const G=require("../utils/id.cjs"),R=require("../utils/useFormReset.cjs"),f=require("./context.cjs"),V=require("./CheckboxGroupItem.vue.cjs"),N=require("./CheckboxGroupAnatomy.vue.cjs");let t=require("vue");var S=["aria-invalid","data-disabled","data-readonly","data-invalid"],E=(0,t.defineComponent)({__name:"CheckboxGroup",props:{value:{default:void 0},defaultValue:{default:()=>[]},name:{default:void 0},form:{default:void 0},max:{default:void 0},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},options:{default:void 0}},emits:["update:value","value-change"],setup(o,{emit:q}){function m(e,l,u){const i=[];for(const s of e??[]){if(s.type===V.default){const d=s.props??{};typeof d.value=="string"&&i.push({value:d.value,disabled:l||d.disabled===""||d.disabled===!0,id:d.id??f.checkboxGroupItemId(u,d.value)});continue}Array.isArray(s.children)&&i.push(...m(s.children,l,u))}return i}const a=o,p=q,h=(0,t.ref)([...a.defaultValue]),r=(0,t.computed)(()=>a.value===void 0?h.value:a.value),v=(0,t.ref)(null),n=(0,t.ref)([]),I=(0,t.useSlots)(),y=G.nextId("checkbox-group"),b=(0,t.computed)(()=>n.value.length>0?n.value:m(I.default?.(),a.disabled,y)),C=(0,t.computed)(()=>b.value.map(e=>e.id).join(" ")),k=(0,t.computed)(()=>a.max!==void 0&&r.value.length>=a.max),x=(0,t.computed)(()=>b.value.filter(e=>!e.disabled).map(e=>e.value)),g=(0,t.computed)(()=>f.getSelectAllChecked(x.value,r.value));function c(e){a.value===void 0&&(h.value=e),p("update:value",e),p("value-change",e)}function O(e,l){if(a.readOnly)return;const u=r.value;if(l){if(k.value)return;u.includes(e)||c([...u,e])}else c(u.filter(i=>i!==e))}function _(){if(a.readOnly)return;const e=r.value,l=x.value;c(g.value===!0?e.filter(u=>!l.includes(u)):[...e,...l.filter(u=>!e.includes(u))].slice(0,a.max??Number.POSITIVE_INFINITY))}function B(){return v.value?.querySelector('input[type="checkbox"]')??null}const A=[...a.defaultValue];return R.useFormReset(()=>B()??v.value,()=>c([...A])),(0,t.provide)(f.CHECKBOX_GROUP_CONTEXT,{name:(0,t.computed)(()=>a.name),form:(0,t.computed)(()=>a.form),value:r,disabled:(0,t.computed)(()=>a.disabled),readOnly:(0,t.computed)(()=>a.readOnly),required:(0,t.computed)(()=>a.required),maxReached:k,baseId:y,itemIds:C,selectAllChecked:g,toggleItem:O,toggleAll:_,registerItem:e=>{n.value.push(e)},unregisterItem:e=>{const l=n.value.indexOf(e);l!==-1&&n.value.splice(l,1)}}),(e,l)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-checkbox-group","data-part":"root","data-skdx-component":"checkbox-group",ref_key:"rootRef",ref:v,role:"group","aria-invalid":o.invalid?!0:void 0,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-invalid":o.invalid?"":void 0},[(0,t.renderSlot)(e.$slots,"default",{},()=>[o.options?((0,t.openBlock)(),(0,t.createBlock)(N.default,{key:0,options:o.options},null,8,["options"])):(0,t.createCommentVNode)("",!0)])],8,S))}});exports.default=E;
+const S=require("../utils/id.cjs"),V=require("../utils/useFormReset.cjs"),f=require("./context.cjs"),N=require("./CheckboxGroupItem.vue.cjs"),E=require("./CheckboxGroupAnatomy.vue.cjs");let e=require("vue");var P=["aria-invalid","data-disabled","data-readonly","data-invalid"],T=(0,e.defineComponent)({inheritAttrs:!1,__name:"CheckboxGroup",props:{value:{default:void 0},defaultValue:{default:()=>[]},name:{default:void 0},form:{default:void 0},max:{default:void 0},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},options:{},size:{default:void 0}},emits:["update:value","value-change"],setup(u,{emit:I}){function m(t,l,o){const n=[];for(const c of t??[]){if(c.type===N.default){const d=c.props??{};typeof d.value=="string"&&n.push({value:d.value,disabled:l||d.disabled===""||d.disabled===!0,id:d.id??f.checkboxGroupItemId(o,d.value)});continue}Array.isArray(c.children)&&n.push(...m(c.children,l,o))}return n}const a=u,p=(0,e.useAttrs)(),C=(0,e.computed)(()=>a.size??p["data-size"]),O=(0,e.computed)(()=>{const{"data-size":t,...l}=p;return l}),h=I,y=(0,e.ref)([...a.defaultValue]),r=(0,e.computed)(()=>a.value===void 0?y.value:a.value),v=(0,e.ref)(null),i=(0,e.ref)([]),_=(0,e.useSlots)(),b=S.nextId("checkbox-group"),k=(0,e.computed)(()=>i.value.length>0?i.value:m(_.default?.(),a.disabled,b)),A=(0,e.computed)(()=>k.value.map(t=>t.id).join(" ")),g=(0,e.computed)(()=>a.max!==void 0&&r.value.length>=a.max),x=(0,e.computed)(()=>k.value.filter(t=>!t.disabled).map(t=>t.value)),q=(0,e.computed)(()=>f.getSelectAllChecked(x.value,r.value));function s(t){a.value===void 0&&(y.value=t),h("update:value",t),h("value-change",t)}function B(t,l){if(a.readOnly)return;const o=r.value;if(l){if(g.value)return;o.includes(t)||s([...o,t])}else s(o.filter(n=>n!==t))}function z(){if(a.readOnly)return;const t=r.value,l=x.value;s(q.value===!0?t.filter(o=>!l.includes(o)):[...t,...l.filter(o=>!t.includes(o))].slice(0,a.max??Number.POSITIVE_INFINITY))}function G(){return v.value?.querySelector('input[type="checkbox"]')??null}const R=[...a.defaultValue];return V.useFormReset(()=>G()??v.value,()=>s([...R])),(0,e.provide)(f.CHECKBOX_GROUP_CONTEXT,{name:(0,e.computed)(()=>a.name),form:(0,e.computed)(()=>a.form),value:r,disabled:(0,e.computed)(()=>a.disabled),readOnly:(0,e.computed)(()=>a.readOnly),required:(0,e.computed)(()=>a.required),maxReached:g,baseId:b,itemIds:A,selectAllChecked:q,toggleItem:B,toggleAll:z,registerItem:t=>{i.value.push(t)},unregisterItem:t=>{const l=i.value.indexOf(t);l!==-1&&i.value.splice(l,1)}}),(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({ref_key:"rootRef",ref:v,class:"skdx-checkbox-group","data-part":"root","data-skdx-component":"checkbox-group",role:"group","aria-invalid":u.invalid?!0:void 0,"data-disabled":u.disabled?"":void 0,"data-readonly":u.readOnly?"":void 0,"data-invalid":u.invalid?"":void 0},O.value),[(0,e.renderSlot)(t.$slots,"default",{},()=>[u.options?((0,e.openBlock)(),(0,e.createBlock)(E.default,{key:0,options:u.options,size:C.value},null,8,["options","size"])):(0,e.createCommentVNode)("",!0)])],16,P))}});exports.default=T;

package/dist/checkbox-group/CheckboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextId as e}from"../utils/id.js";import{useFormReset as a}from"../utils/useFormReset.js";import{CHECKBOX_GROUP_CONTEXT as l,checkboxGroupItemId as o,getSelectAllChecked as t}from"./context.js";import d from"./CheckboxGroupItem.vue.js";import u from"./CheckboxGroupAnatomy.vue.js";import{computed as i,createBlock as r,createCommentVNode as n,createElementBlock as s,defineComponent as v,openBlock as c,provide as f,ref as p,renderSlot as m,useSlots as b}from"vue";var y=["aria-invalid","data-disabled","data-readonly","data-invalid"],h=/* @__PURE__ */v({__name:"CheckboxGroup",props:{value:{default:void 0},defaultValue:{default:()=>[]},name:{default:void 0},form:{default:void 0},max:{default:void 0},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},options:{default:void 0}},emits:["update:value","value-change"],setup(v,{emit:h}){function x(e,a,l){const t=[];for(const u of e??[]){if(u.type===d){const e=u.props??{};"string"==typeof e.value&&t.push({value:e.value,disabled:a||""===e.disabled||!0===e.disabled,id:e.id??o(l,e.value)});continue}Array.isArray(u.children)&&t.push(...x(u.children,a,l))}return t}const k=v,g=h,I=p([...k.defaultValue]),O=i(()=>void 0===k.value?I.value:k.value),C=p(null),B=p([]),j=b(),A=e("checkbox-group"),_=i(()=>B.value.length>0?B.value:x(j.default?.(),k.disabled,A)),G=i(()=>_.value.map(e=>e.id).join(" ")),N=i(()=>void 0!==k.max&&O.value.length>=k.max),R=i(()=>_.value.filter(e=>!e.disabled).map(e=>e.value)),S=i(()=>t(R.value,O.value));function V(e){void 0===k.value&&(I.value=e),g("update:value",e),g("value-change",e)}const q=[...k.defaultValue];return a(()=>C.value?.querySelector('input[type="checkbox"]')??null??C.value,()=>V([...q])),f(l,{name:i(()=>k.name),form:i(()=>k.form),value:O,disabled:i(()=>k.disabled),readOnly:i(()=>k.readOnly),required:i(()=>k.required),maxReached:N,baseId:A,itemIds:G,selectAllChecked:S,toggleItem:function(e,a){if(k.readOnly)return;const l=O.value;if(a){if(N.value)return;l.includes(e)||V([...l,e])}else V(l.filter(a=>a!==e))},toggleAll:function(){if(k.readOnly)return;const e=O.value,a=R.value;V(!0===S.value?e.filter(e=>!a.includes(e)):[...e,...a.filter(a=>!e.includes(a))].slice(0,k.max??Number.POSITIVE_INFINITY))},registerItem:e=>{B.value.push(e)},unregisterItem:e=>{const a=B.value.indexOf(e);-1!==a&&B.value.splice(a,1)}}),(e,a)=>(c(),s("div",{class:"skdx-checkbox-group","data-part":"root","data-skdx-component":"checkbox-group",ref_key:"rootRef",ref:C,role:"group","aria-invalid":!!v.invalid||void 0,"data-disabled":v.disabled?"":void 0,"data-readonly":v.readOnly?"":void 0,"data-invalid":v.invalid?"":void 0},[m(e.$slots,"default",{},()=>[v.options?(c(),r(u,{key:0,options:v.options},null,8,["options"])):n("",!0)])],8,y))}});export{h as default};
+import{nextId as e}from"../utils/id.js";import{useFormReset as a}from"../utils/useFormReset.js";import{CHECKBOX_GROUP_CONTEXT as l,checkboxGroupItemId as t,getSelectAllChecked as o}from"./context.js";import d from"./CheckboxGroupItem.vue.js";import u from"./CheckboxGroupAnatomy.vue.js";import{computed as i,createBlock as r,createCommentVNode as s,createElementBlock as n,defineComponent as v,mergeProps as c,openBlock as p,provide as f,ref as m,renderSlot as b,useAttrs as h,useSlots as y}from"vue";var x=["aria-invalid","data-disabled","data-readonly","data-invalid"],g=/* @__PURE__ */v({inheritAttrs:!1,__name:"CheckboxGroup",props:{value:{default:void 0},defaultValue:{default:()=>[]},name:{default:void 0},form:{default:void 0},max:{default:void 0},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},options:{},size:{default:void 0}},emits:["update:value","value-change"],setup(v,{emit:g}){function k(e,a,l){const o=[];for(const u of e??[]){if(u.type===d){const e=u.props??{};"string"==typeof e.value&&o.push({value:e.value,disabled:a||""===e.disabled||!0===e.disabled,id:e.id??t(l,e.value)});continue}Array.isArray(u.children)&&o.push(...k(u.children,a,l))}return o}const I=v,O=h(),C=i(()=>I.size??O["data-size"]),A=i(()=>{const{"data-size":e,...a}=O;return a}),B=g,j=m([...I.defaultValue]),z=i(()=>void 0===I.value?j.value:I.value),_=m(null),G=m([]),N=y(),R=e("checkbox-group"),S=i(()=>G.value.length>0?G.value:k(N.default?.(),I.disabled,R)),V=i(()=>S.value.map(e=>e.id).join(" ")),q=i(()=>void 0!==I.max&&z.value.length>=I.max),E=i(()=>S.value.filter(e=>!e.disabled).map(e=>e.value)),T=i(()=>o(E.value,z.value));function F(e){void 0===I.value&&(j.value=e),B("update:value",e),B("value-change",e)}const P=[...I.defaultValue];return a(()=>_.value?.querySelector('input[type="checkbox"]')??null??_.value,()=>F([...P])),f(l,{name:i(()=>I.name),form:i(()=>I.form),value:z,disabled:i(()=>I.disabled),readOnly:i(()=>I.readOnly),required:i(()=>I.required),maxReached:q,baseId:R,itemIds:V,selectAllChecked:T,toggleItem:function(e,a){if(I.readOnly)return;const l=z.value;if(a){if(q.value)return;l.includes(e)||F([...l,e])}else F(l.filter(a=>a!==e))},toggleAll:function(){if(I.readOnly)return;const e=z.value,a=E.value;F(!0===T.value?e.filter(e=>!a.includes(e)):[...e,...a.filter(a=>!e.includes(a))].slice(0,I.max??Number.POSITIVE_INFINITY))},registerItem:e=>{G.value.push(e)},unregisterItem:e=>{const a=G.value.indexOf(e);-1!==a&&G.value.splice(a,1)}}),(e,a)=>(p(),n("div",c({ref_key:"rootRef",ref:_,class:"skdx-checkbox-group","data-part":"root","data-skdx-component":"checkbox-group",role:"group","aria-invalid":!!v.invalid||void 0,"data-disabled":v.disabled?"":void 0,"data-readonly":v.readOnly?"":void 0,"data-invalid":v.invalid?"":void 0},A.value),[b(e.$slots,"default",{},()=>[v.options?(p(),r(u,{key:0,options:v.options,size:C.value},null,8,["options","size"])):s("",!0)])],16,x))}});export{g as default};

package/dist/checkbox-group/CheckboxGroupAnatomy.vue.d.cts

@@ -1,14 +1,16 @@
 import type { CheckboxGroupOption } from './types.cjs';
 /**
  * The anatomy a `SkdxCheckboxGroup` draws when its default slot holds none of
- * its own parts: one checkbox per entry in `options`.
- *
- * Not exported from the package — the React port's `CheckboxGroupAnatomy.tsx`
- * is the same component, and the two must stay in step.
+ * its own parts: one checkbox per entry in `options`, each with its glyph and label.
  * @internal
  */
 type __VLS_Props = {
     options: readonly CheckboxGroupOption[];
+    /**
+     * Size rung the skin renders each checkbox at, applied to the derived Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/checkbox-group/CheckboxGroupAnatomy.vue.d.ts

@@ -1,14 +1,16 @@
 import type { CheckboxGroupOption } from './types.js';
 /**
  * The anatomy a `SkdxCheckboxGroup` draws when its default slot holds none of
- * its own parts: one checkbox per entry in `options`.
- *
- * Not exported from the package — the React port's `CheckboxGroupAnatomy.tsx`
- * is the same component, and the two must stay in step.
+ * its own parts: one checkbox per entry in `options`, each with its glyph and label.
  * @internal
  */
 type __VLS_Props = {
     options: readonly CheckboxGroupOption[];
+    /**
+     * Size rung the skin renders each checkbox at, applied to the derived Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/checkbox-group/CheckboxGroupAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./CheckboxGroupItem.vue.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"CheckboxGroupAnatomy",props:{options:{}},setup(r){return(l,o)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.options,t=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:t.value,value:t.value,disabled:t.disabled},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1032,["value","disabled"]))),128))}});exports.default=a;
+const u=require("../checkbox/CheckboxAnatomy.vue.cjs"),a=require("./CheckboxGroupItem.vue.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"CheckboxGroupAnatomy",props:{options:{},size:{}},setup(r){return(o,n)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.options,t=>((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:t.value,value:t.value,disabled:t.disabled,size:r.size},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default),(0,e.createTextVNode)(" "+(0,e.toDisplayString)(t.label),1)]),_:2},1032,["value","disabled","size"]))),128))}});exports.default=l;

package/dist/checkbox-group/CheckboxGroupAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./CheckboxGroupItem.vue.js";import{Fragment as a,createBlock as o,createElementBlock as t,createTextVNode as s,defineComponent as l,openBlock as r,renderList as n,toDisplayString as p,withCtx as i}from"vue";var u=/* @__PURE__ */l({__name:"CheckboxGroupAnatomy",props:{options:{}},setup:l=>(u,d)=>(r(!0),t(a,null,n(l.options,a=>(r(),o(e,{key:a.value,value:a.value,disabled:a.disabled},{default:i(()=>[s(p(a.label),1)]),_:2},1032,["value","disabled"]))),128))});export{u as default};
+import e from"../checkbox/CheckboxAnatomy.vue.js";import a from"./CheckboxGroupItem.vue.js";import{Fragment as o,createBlock as s,createElementBlock as t,createTextVNode as r,createVNode as l,defineComponent as i,openBlock as n,renderList as p,toDisplayString as m,withCtx as u}from"vue";var c=/* @__PURE__ */i({__name:"CheckboxGroupAnatomy",props:{options:{},size:{}},setup:i=>(c,d)=>(n(!0),t(o,null,p(i.options,o=>(n(),s(a,{key:o.value,value:o.value,disabled:o.disabled,size:i.size},{default:u(()=>[l(e),r(" "+m(o.label),1)]),_:2},1032,["value","disabled","size"]))),128))});export{c as default};