@skdx/vue 0.26.0 → 0.28.0

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};

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

@@ -1,33 +1,17 @@
 /**
- * The Vue implementation of the shared CheckboxCard contract (see
- * `@skdx/shared`'s `checkboxCardContract`). Root of a selectable card backed
- * by a checkbox: a `<label>` wrapping a real, visually hidden
- * `<input type="checkbox">` (`SkdxCheckboxCardControl`), so the **entire card
- * surface** is the hit target with no click handler, no keydown handler and no
- * `role` of its own — native label activation does it.
- *
- * Emits `data-state="checked" | "unchecked"`, `data-disabled`, `data-invalid`
- * and `data-focus-visible` on the root, which is the whole styling contract:
- * the card paints its selected, disabled, error and keyboard-focus rings from
- * the input's state without the input ever being visible.
- *
- * Works controlled (`v-model:checked` / `@checked-change`) or uncontrolled
- * (`defaultChecked`), and participates in native form submission when `name`
- * is set.
- *
- * **Nothing interactive may be nested inside the card.** The root is a
- * `<label>`, so a link or button in there is both an HTML content-model
- * violation and a real usability bug — clicking the inner control would also
- * toggle the card. Put actions beside the card, never inside it.
+ * Checkbox card: label wrapping hidden checkbox, entire surface clickable.
+ * Derives Control, Indicator, Label, and Description from props.
+ * No nested interactive elements allowed; warns if present.
  *
  * @example
  * ```vue
- * <SkdxCheckboxCard default-checked name="addons" value="backups">
- *   <SkdxCheckboxCardControl />
- *   <SkdxCheckboxCardIndicator />
- *   <SkdxCheckboxCardLabel>Automated backups</SkdxCheckboxCardLabel>
- *   <SkdxCheckboxCardDescription>Nightly snapshots, kept for 30 days.</SkdxCheckboxCardDescription>
- * </SkdxCheckboxCard>
+ * <SkdxCheckboxCard
+ *   default-checked
+ *   name="addons"
+ *   value="backups"
+ *   label="Automated backups"
+ *   description="Nightly snapshots, kept for 30 days."
+ * />
  * ```
  */
 type __VLS_Props = {
@@ -68,30 +52,73 @@ type __VLS_Props = {
      * @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.
+     * @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.
+     * @default undefined — the card belongs to its nearest ancestor `<form>`, if any.
+     */
+    form?: string;
     /**
      * 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;
+    /**
+     * The card's title line, rendered as the derived `SkdxCheckboxCardLabel` and the control's
+     * accessible name via `aria-labelledby`.
+     * @default undefined — no label part, and the control names itself from the card's whole text content.
+     */
+    label?: string;
+    /**
+     * Supporting copy under the title — price, quota, caveat — rendered as the
+     * derived `SkdxCheckboxCardDescription` and wired to the control's `aria-describedby`.
+     * @default undefined — no description part and no `aria-describedby`.
+     */
+    description?: string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — the Control, Indicator, Label and Description parts. */
+    default?(): unknown;
 };
-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 Control input satisfies its constraints, firing `invalid` when it does not. */
+    checkValidity: () => boolean;
+    /** 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.
+     */
+    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;
 }>, {
+    form: string;
+    label: string;
     disabled: boolean;
+    description: string;
     checked: boolean;
+    value: string;
     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/CheckboxCard.vue.d.ts

@@ -1,33 +1,17 @@
 /**
- * The Vue implementation of the shared CheckboxCard contract (see
- * `@skdx/shared`'s `checkboxCardContract`). Root of a selectable card backed
- * by a checkbox: a `<label>` wrapping a real, visually hidden
- * `<input type="checkbox">` (`SkdxCheckboxCardControl`), so the **entire card
- * surface** is the hit target with no click handler, no keydown handler and no
- * `role` of its own — native label activation does it.
- *
- * Emits `data-state="checked" | "unchecked"`, `data-disabled`, `data-invalid`
- * and `data-focus-visible` on the root, which is the whole styling contract:
- * the card paints its selected, disabled, error and keyboard-focus rings from
- * the input's state without the input ever being visible.
- *
- * Works controlled (`v-model:checked` / `@checked-change`) or uncontrolled
- * (`defaultChecked`), and participates in native form submission when `name`
- * is set.
- *
- * **Nothing interactive may be nested inside the card.** The root is a
- * `<label>`, so a link or button in there is both an HTML content-model
- * violation and a real usability bug — clicking the inner control would also
- * toggle the card. Put actions beside the card, never inside it.
+ * Checkbox card: label wrapping hidden checkbox, entire surface clickable.
+ * Derives Control, Indicator, Label, and Description from props.
+ * No nested interactive elements allowed; warns if present.
  *
  * @example
  * ```vue
- * <SkdxCheckboxCard default-checked name="addons" value="backups">
- *   <SkdxCheckboxCardControl />
- *   <SkdxCheckboxCardIndicator />
- *   <SkdxCheckboxCardLabel>Automated backups</SkdxCheckboxCardLabel>
- *   <SkdxCheckboxCardDescription>Nightly snapshots, kept for 30 days.</SkdxCheckboxCardDescription>
- * </SkdxCheckboxCard>
+ * <SkdxCheckboxCard
+ *   default-checked
+ *   name="addons"
+ *   value="backups"
+ *   label="Automated backups"
+ *   description="Nightly snapshots, kept for 30 days."
+ * />
  * ```
  */
 type __VLS_Props = {
@@ -68,30 +52,73 @@ type __VLS_Props = {
      * @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.
+     * @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.
+     * @default undefined — the card belongs to its nearest ancestor `<form>`, if any.
+     */
+    form?: string;
     /**
      * 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;
+    /**
+     * The card's title line, rendered as the derived `SkdxCheckboxCardLabel` and the control's
+     * accessible name via `aria-labelledby`.
+     * @default undefined — no label part, and the control names itself from the card's whole text content.
+     */
+    label?: string;
+    /**
+     * Supporting copy under the title — price, quota, caveat — rendered as the
+     * derived `SkdxCheckboxCardDescription` and wired to the control's `aria-describedby`.
+     * @default undefined — no description part and no `aria-describedby`.
+     */
+    description?: string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — the Control, Indicator, Label and Description parts. */
+    default?(): unknown;
 };
-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 Control input satisfies its constraints, firing `invalid` when it does not. */
+    checkValidity: () => boolean;
+    /** 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.
+     */
+    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;
 }>, {
+    form: string;
+    label: string;
     disabled: boolean;
+    description: string;
     checked: boolean;
+    value: string;
     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/CheckboxCard.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const b=require("../utils/id.cjs"),m=require("./context.cjs");let e=require("vue");var C=["data-state","data-disabled","data-invalid","data-focus-visible"],_=(0,e.defineComponent)({__name:"CheckboxCard",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},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(o,{emit:f}){const d=o,n=f,i=(0,e.ref)(d.defaultChecked),c=(0,e.computed)(()=>d.checked===void 0?i.value:d.checked),u=b.nextId("checkbox-card"),s=(0,e.ref)(!1),r=(0,e.ref)(!1),l=(0,e.ref)(!1);let t=!1;function v(a){a!==c.value&&(d.checked===void 0&&(i.value=a),n("update:checked",a),n("checked-change",a))}(0,e.provide)(m.CHECKBOX_CARD_CONTEXT,{checked:c,disabled:(0,e.computed)(()=>d.disabled),required:(0,e.computed)(()=>d.required),invalid:(0,e.computed)(()=>d.invalid),name:(0,e.computed)(()=>d.name),value:(0,e.computed)(()=>d.value),labelId:`${u}-label`,descriptionId:`${u}-description`,hasLabel:(0,e.computed)(()=>s.value),hasDescription:(0,e.computed)(()=>r.value),setHasLabel:a=>{s.value=a},setHasDescription:a=>{r.value=a},onCheckedChange:v});function h(){t=!0}function p(){l.value=!t,t=!1}function k(){l.value=!1,t=!1}return(a,q)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:"skdx-checkbox-card","data-part":"root","data-skdx-component":"checkbox-card","data-state":c.value?"checked":"unchecked","data-disabled":o.disabled?"":void 0,"data-invalid":o.invalid?"":void 0,"data-focus-visible":l.value?"":void 0,onPointerdown:h,onFocusin:p,onFocusout:k},[(0,e.renderSlot)(a.$slots,"default")],40,C))}});exports.default=_;
+const s=require("./CheckboxCardControl.vue.cjs"),f=require("./CheckboxCardDescription.vue.cjs"),p=require("./CheckboxCardIndicator.vue.cjs"),k=require("./CheckboxCardLabel.vue.cjs"),C=require("./CheckboxCardRoot.vue.cjs");let e=require("vue");var h=(0,e.defineComponent)({__name:"CheckboxCard",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},label:{default:void 0},description:{default:void 0}},emits:["update:checked","checked-change"],setup(t,{expose:i,emit:u}){const c=t,l=u,n=(0,e.computed)(()=>{const{label:d,description:o,...a}=c;return a}),r=(0,e.ref)(null);return i({checkValidity:()=>r.value?.checkValidity()??!0,reportValidity:()=>r.value?.reportValidity()??!0,setCustomValidity:d=>r.value?.setCustomValidity(d)}),(d,o)=>((0,e.openBlock)(),(0,e.createBlock)(C.default,(0,e.mergeProps)({ref_key:"root",ref:r},n.value,{"onUpdate:checked":o[0]||(o[0]=a=>l("update:checked",a)),onCheckedChange:o[1]||(o[1]=a=>l("checked-change",a))}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(d.$slots,"default",{},()=>[(0,e.createVNode)(s.default),(0,e.createVNode)(p.default),t.label!==void 0?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:1})):(0,e.createCommentVNode)("",!0),t.description!==void 0?((0,e.openBlock)(),(0,e.createBlock)(f.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0)])]),_:3},16))}});exports.default=h;

package/dist/checkbox-card/CheckboxCard.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{computed as d,createElementBlock as t,defineComponent as o,openBlock as l,provide as c,ref as i,renderSlot as n}from"vue";var s=["data-state","data-disabled","data-invalid","data-focus-visible"],u=/* @__PURE__ */o({__name:"CheckboxCard",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},invalid:{type:Boolean,default:!1}},emits:["update:checked","checked-change"],setup(o,{emit:u}){const r=o,v=u,p=i(r.defaultChecked),h=d(()=>void 0===r.checked?p.value:r.checked),f=e("checkbox-card"),k=i(!1),b=i(!1),m=i(!1);let C=!1;function x(){C=!0}function B(){m.value=!C,C=!1}function y(){m.value=!1,C=!1}return c(a,{checked:h,disabled:d(()=>r.disabled),required:d(()=>r.required),invalid:d(()=>r.invalid),name:d(()=>r.name),value:d(()=>r.value),labelId:`${f}-label`,descriptionId:`${f}-description`,hasLabel:d(()=>k.value),hasDescription:d(()=>b.value),setHasLabel:e=>{k.value=e},setHasDescription:e=>{b.value=e},onCheckedChange:function(e){e!==h.value&&(void 0===r.checked&&(p.value=e),v("update:checked",e),v("checked-change",e))}}),(e,a)=>(l(),t("label",{class:"skdx-checkbox-card","data-part":"root","data-skdx-component":"checkbox-card","data-state":h.value?"checked":"unchecked","data-disabled":o.disabled?"":void 0,"data-invalid":o.invalid?"":void 0,"data-focus-visible":m.value?"":void 0,onPointerdown:x,onFocusin:B,onFocusout:y},[n(e.$slots,"default")],40,s))}});export{u as default};
+import e from"./CheckboxCardControl.vue.js";import a from"./CheckboxCardDescription.vue.js";import o from"./CheckboxCardIndicator.vue.js";import t from"./CheckboxCardLabel.vue.js";import d from"./CheckboxCardRoot.vue.js";import{computed as l,createBlock as r,createCommentVNode as i,createTextVNode as c,createVNode as s,defineComponent as u,mergeProps as n,openBlock as p,ref as f,renderSlot as m,toDisplayString as k,withCtx as C}from"vue";var h=/* @__PURE__ */u({__name:"CheckboxCard",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},label:{default:void 0},description:{default:void 0}},emits:["update:checked","checked-change"],setup(u,{expose:h,emit:v}){const y=u,b=v,x=l(()=>{const{label:e,description:a,...o}=y;return o}),V=f(null);return h({checkValidity:()=>V.value?.checkValidity()??!0,reportValidity:()=>V.value?.reportValidity()??!0,setCustomValidity:e=>V.value?.setCustomValidity(e)}),(l,f)=>(p(),r(d,n({ref_key:"root",ref:V},x.value,{"onUpdate:checked":f[0]||(f[0]=e=>b("update:checked",e)),onCheckedChange:f[1]||(f[1]=e=>b("checked-change",e))}),{default:C(()=>[m(l.$slots,"default",{},()=>[s(e),s(o),void 0!==u.label?(p(),r(t,{key:0},{default:C(()=>[c(k(u.label),1)]),_:1})):i("",!0),void 0!==u.description?(p(),r(a,{key:1},{default:C(()=>[c(k(u.description),1)]),_:1})):i("",!0)])]),_:3},16))}});export{h as default};

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

@@ -1,18 +1,8 @@
 /**
- * The real `<input type="checkbox">` behind a `SkdxCheckboxCard`. Rendered
- * inside `SkdxVisuallyHidden`, **not** `display: none` or `hidden` — a removed
- * input is out of the accessibility tree and out of the tab order, which would
- * leave the card unusable by keyboard and silent to a screen reader. Clipped to
- * 1×1 it stays focusable, announceable and submittable.
- *
- * Takes `name`, `value`, `required`, `disabled` and the checked state from the
- * card root, and wires `aria-labelledby`/`aria-describedby` to the
- * `SkdxCheckboxCardLabel` / `SkdxCheckboxCardDescription` automatically — only
- * when those parts are actually mounted, so the control never points at an id
- * that does not exist.
- *
- * Exactly one of these belongs in a card, and it must be a descendant of the
- * root `<label>` — that ancestry is what makes the whole card clickable.
+ * Real <input type="checkbox"> behind CheckboxCard. Rendered inside VisuallyHidden
+ * (not display:none). Takes name, value, required, disabled from root. Wires
+ * aria-labelledby/describedby automatically. Exactly one per card, descendant
+ * of root <label>.
  *
  * @example
  * ```vue

package/dist/checkbox-card/CheckboxCardControl.vue.d.ts

@@ -1,18 +1,8 @@
 /**
- * The real `<input type="checkbox">` behind a `SkdxCheckboxCard`. Rendered
- * inside `SkdxVisuallyHidden`, **not** `display: none` or `hidden` — a removed
- * input is out of the accessibility tree and out of the tab order, which would
- * leave the card unusable by keyboard and silent to a screen reader. Clipped to
- * 1×1 it stays focusable, announceable and submittable.
- *
- * Takes `name`, `value`, `required`, `disabled` and the checked state from the
- * card root, and wires `aria-labelledby`/`aria-describedby` to the
- * `SkdxCheckboxCardLabel` / `SkdxCheckboxCardDescription` automatically — only
- * when those parts are actually mounted, so the control never points at an id
- * that does not exist.
- *
- * Exactly one of these belongs in a card, and it must be a descendant of the
- * root `<label>` — that ancestry is what makes the whole card clickable.
+ * Real <input type="checkbox"> behind CheckboxCard. Rendered inside VisuallyHidden
+ * (not display:none). Takes name, value, required, disabled from root. Wires
+ * aria-labelledby/describedby automatically. Exactly one per card, descendant
+ * of root <label>.
  *
  * @example
  * ```vue

package/dist/checkbox-card/CheckboxCardControl.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs"),u=require("../utils/VisuallyHidden.vue.cjs");let e=require("vue");var c=["name","value","checked","required","disabled","aria-invalid","aria-labelledby","aria-describedby","data-state"],l=(0,e.defineComponent)({inheritAttrs:!1,__name:"CheckboxCardControl",setup(i){const a=(0,e.inject)(n.CHECKBOX_CARD_CONTEXT);if(!a)throw new Error("<SkdxCheckboxCardControl> must be used inside <SkdxCheckboxCard>.");function d(r){const t=r.target;a.onCheckedChange(t.checked),t.checked=a.checked.value}return(r,t)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{class:"skdx-checkbox-card__control","data-part":"control"},{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("input",(0,e.mergeProps)({type:"checkbox",name:(0,e.unref)(a).name.value,value:(0,e.unref)(a).value.value,checked:(0,e.unref)(a).checked.value,required:(0,e.unref)(a).required.value,disabled:(0,e.unref)(a).disabled.value,"aria-invalid":(0,e.unref)(a).invalid.value?!0:void 0,"aria-labelledby":(0,e.unref)(a).hasLabel.value?(0,e.unref)(a).labelId:void 0,"aria-describedby":(0,e.unref)(a).hasDescription.value?(0,e.unref)(a).descriptionId:void 0,"data-state":(0,e.unref)(a).checked.value?"checked":"unchecked",onChange:d},r.$attrs),null,16,c)]),_:1}))}});exports.default=l;
+const t=require("../utils/VisuallyHidden.vue.cjs"),u=require("./context.cjs");let e=require("vue");var l=["name","value","form","checked","required","disabled","aria-readonly","aria-invalid","aria-labelledby","aria-describedby","data-state"],c=(0,e.defineComponent)({inheritAttrs:!1,__name:"CheckboxCardControl",setup(i){const a=(0,e.inject)(u.CHECKBOX_CARD_CONTEXT);if(!a)throw new Error("<SkdxCheckboxCardControl> must be used inside <SkdxCheckboxCard>.");function n(r){const d=r.target;a.onCheckedChange(d.checked),d.checked=a.checked.value}return(r,d)=>((0,e.openBlock)(),(0,e.createBlock)(t.default,{class:"skdx-checkbox-card__control","data-part":"control"},{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("input",(0,e.mergeProps)({type:"checkbox",name:(0,e.unref)(a).name.value,value:(0,e.unref)(a).value.value,form:(0,e.unref)(a).form.value,checked:(0,e.unref)(a).checked.value,required:(0,e.unref)(a).required.value,disabled:(0,e.unref)(a).disabled.value,"aria-readonly":(0,e.unref)(a).readOnly.value||void 0,"aria-invalid":(0,e.unref)(a).invalid.value?!0:void 0,"aria-labelledby":(0,e.unref)(a).hasLabel.value?(0,e.unref)(a).labelId:void 0,"aria-describedby":(0,e.unref)(a).hasDescription.value?(0,e.unref)(a).descriptionId:void 0,"data-state":(0,e.unref)(a).checked.value?"checked":"unchecked",onChange:n},r.$attrs),null,16,l)]),_:1}))}});exports.default=c;

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

@@ -1 +1 @@
-import{CHECKBOX_CARD_CONTEXT as e}from"./context.js";import a from"../utils/VisuallyHidden.vue.js";import{createBlock as d,createElementVNode as r,defineComponent as t,inject as c,mergeProps as i,openBlock as l,unref as o,withCtx as n}from"vue";var s=["name","value","checked","required","disabled","aria-invalid","aria-labelledby","aria-describedby","data-state"],u=/* @__PURE__ */t({inheritAttrs:!1,__name:"CheckboxCardControl",setup(t){const u=c(e);if(!u)throw new Error("<SkdxCheckboxCardControl> must be used inside <SkdxCheckboxCard>.");function h(e){const a=e.target;u.onCheckedChange(a.checked),a.checked=u.checked.value}return(e,t)=>(l(),d(a,{class:"skdx-checkbox-card__control","data-part":"control"},{default:n(()=>[r("input",i({type:"checkbox",name:o(u).name.value,value:o(u).value.value,checked:o(u).checked.value,required:o(u).required.value,disabled:o(u).disabled.value,"aria-invalid":!!o(u).invalid.value||void 0,"aria-labelledby":o(u).hasLabel.value?o(u).labelId:void 0,"aria-describedby":o(u).hasDescription.value?o(u).descriptionId:void 0,"data-state":o(u).checked.value?"checked":"unchecked",onChange:h},e.$attrs),null,16,s)]),_:1}))}});export{u as default};
+import e from"../utils/VisuallyHidden.vue.js";import{CHECKBOX_CARD_CONTEXT as a}from"./context.js";import{createBlock as d,createElementVNode as r,defineComponent as l,inject as i,mergeProps as o,openBlock as t,unref as c,withCtx as n}from"vue";var s=["name","value","form","checked","required","disabled","aria-readonly","aria-invalid","aria-labelledby","aria-describedby","data-state"],u=/* @__PURE__ */l({inheritAttrs:!1,__name:"CheckboxCardControl",setup(l){const u=i(a);if(!u)throw new Error("<SkdxCheckboxCardControl> must be used inside <SkdxCheckboxCard>.");function v(e){const a=e.target;u.onCheckedChange(a.checked),a.checked=u.checked.value}return(a,l)=>(t(),d(e,{class:"skdx-checkbox-card__control","data-part":"control"},{default:n(()=>[r("input",o({type:"checkbox",name:c(u).name.value,value:c(u).value.value,form:c(u).form.value,checked:c(u).checked.value,required:c(u).required.value,disabled:c(u).disabled.value,"aria-readonly":c(u).readOnly.value||void 0,"aria-invalid":!!c(u).invalid.value||void 0,"aria-labelledby":c(u).hasLabel.value?c(u).labelId:void 0,"aria-describedby":c(u).hasDescription.value?c(u).descriptionId:void 0,"data-state":c(u).checked.value?"checked":"unchecked",onChange:v},a.$attrs),null,16,s)]),_:1}))}});export{u as default};

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

@@ -1,11 +1,5 @@
 /**
- * Supporting copy under a `SkdxCheckboxCardLabel` — price, quota, caveat.
- * Registers itself with the card root on mount, which is what wires the
- * control's `aria-describedby` here, so the description is announced after the
- * name instead of being swallowed into it.
- *
- * Purely additive: leave it out and the control simply has no
- * `aria-describedby`.
+ * Supporting copy under a label — price, quota, caveat. Wires `aria-describedby`.
  *
  * @example
  * ```vue

package/dist/checkbox-card/CheckboxCardDescription.vue.d.ts

@@ -1,11 +1,5 @@
 /**
- * Supporting copy under a `SkdxCheckboxCardLabel` — price, quota, caveat.
- * Registers itself with the card root on mount, which is what wires the
- * control's `aria-describedby` here, so the description is announced after the
- * name instead of being swallowed into it.
- *
- * Purely additive: leave it out and the control simply has no
- * `aria-describedby`.
+ * Supporting copy under a label — price, quota, caveat. Wires `aria-describedby`.
  *
  * @example
  * ```vue

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

@@ -1,12 +1,7 @@
 /**
- * The decorative check mark (or empty box) drawn on a `SkdxCheckboxCard`.
- * Mirrors the card's `data-state` and `data-disabled`.
- *
- * Unlike `SkdxCheckboxIndicator` this stays mounted when unchecked, because on a
- * card the indicator is the *box*, not just the tick — unmounting it would
- * collapse the card's layout on every deselect. It is `aria-hidden`: the real
- * `<input>` already announces the checked state, and a second copy would make a
- * screen reader say it twice.
+ * The decorative check mark on a `SkdxCheckboxCard`, staying mounted even
+ * when unchecked to preserve layout. It is `aria-hidden` — the `<input>`
+ * announces the state.
  *
  * @example
  * ```vue

package/dist/checkbox-card/CheckboxCardIndicator.vue.d.ts

@@ -1,12 +1,7 @@
 /**
- * The decorative check mark (or empty box) drawn on a `SkdxCheckboxCard`.
- * Mirrors the card's `data-state` and `data-disabled`.
- *
- * Unlike `SkdxCheckboxIndicator` this stays mounted when unchecked, because on a
- * card the indicator is the *box*, not just the tick — unmounting it would
- * collapse the card's layout on every deselect. It is `aria-hidden`: the real
- * `<input>` already announces the checked state, and a second copy would make a
- * screen reader say it twice.
+ * The decorative check mark on a `SkdxCheckboxCard`, staying mounted even
+ * when unchecked to preserve layout. It is `aria-hidden` — the `<input>`
+ * announces the state.
  *
  * @example
  * ```vue

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

@@ -1,12 +1,6 @@
 /**
- * The card's title line, and the control's accessible name via
- * `aria-labelledby`.
- *
- * Renders a `<span>`, not a `<label>`: the card root is already the label, and
- * nesting a second one is invalid HTML. It registers itself with the root on
- * mount so the control only points `aria-labelledby` here while this part
- * exists — omit it and the control falls back to the native implicit label,
- * naming itself from the card's whole text content (description included).
+ * The card's title and the control's accessible name via `aria-labelledby`.
+ * Renders as a `<span>`, not a `<label>` (the card root is already the label).
  *
  * @example
  * ```vue

package/dist/checkbox-card/CheckboxCardLabel.vue.d.ts

@@ -1,12 +1,6 @@
 /**
- * The card's title line, and the control's accessible name via
- * `aria-labelledby`.
- *
- * Renders a `<span>`, not a `<label>`: the card root is already the label, and
- * nesting a second one is invalid HTML. It registers itself with the root on
- * mount so the control only points `aria-labelledby` here while this part
- * exists — omit it and the control falls back to the native implicit label,
- * naming itself from the card's whole text content (description included).
+ * The card's title and the control's accessible name via `aria-labelledby`.
+ * Renders as a `<span>`, not a `<label>` (the card root is already the label).
  *
  * @example
  * ```vue

package/dist/checkbox-card/CheckboxCardRoot.vue.cjs

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

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

@@ -0,0 +1,116 @@
+/**
+ * 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.
+ *
+ * @example With `import * as CheckboxCard from '@skdx/vue/primitives/checkbox-card'`:
+ * ```vue
+ * <CheckboxCard.Root default-checked name="addons" value="backups">
+ *   <CheckboxCard.Control />
+ *   <img src="/backups.svg" alt="" />
+ *   <CheckboxCard.Indicator />
+ *   <CheckboxCard.Label>Automated backups</CheckboxCard.Label>
+ *   <CheckboxCard.Description>Nightly snapshots, kept for 30 days.</CheckboxCard.Description>
+ * </CheckboxCard.Root>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Checked state, for controlled usage. Pair with `v-model:checked` or
+     * `@checked-change`.
+     * @default undefined — uncontrolled, the card tracks its own checked state.
+     */
+    checked?: boolean;
+    /**
+     * Initial checked state, for uncontrolled usage, seeding the first render.
+     * @default false — the card starts unselected.
+     */
+    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.
+     * @default undefined — the control is unnamed and contributes nothing to form data.
+     */
+    name?: string;
+    /**
+     * Value submitted with the control when checked.
+     * @default 'on' — the same default the HTML checkbox itself uses.
+     */
+    value?: string;
+    /**
+     * Marks the control required for native form validation, so an unchecked
+     * card blocks submission with `valueMissing`.
+     * @default false — the card can be left unchecked.
+     */
+    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.
+     * @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.
+     * @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.
+     * @default undefined — the card belongs to its nearest ancestor `<form>`, if any.
+     */
+    form?: string;
+    /**
+     * 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;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the Control input satisfies its constraints, firing `invalid` when it does not. */
+    checkValidity: () => boolean;
+    /** 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.
+     */
+    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;
+}>, {
+    form: string;
+    disabled: boolean;
+    checked: boolean;
+    value: string;
+    defaultChecked: boolean;
+    readOnly: boolean;
+    required: boolean;
+    name: string;
+    invalid: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};