@skdx/vue 0.27.0 → 0.29.0

package/dist/radio-card/RadioCard.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const m=require("../utils/id.cjs"),h=require("../radio-group/context.cjs"),k=require("./context.cjs");let e=require("vue");var q=["data-state","data-disabled","data-focus-visible"],C=(0,e.defineComponent)({__name:"RadioCard",props:{value:{},disabled:{type:Boolean,default:!1}},setup(c){const t=c,a=(0,e.inject)(h.RADIO_GROUP_CONTEXT);if(!a)throw new Error("<SkdxRadioCard> must be used inside <SkdxRadioGroup>.");const u=(0,e.computed)(()=>a.value.value===t.value),l=(0,e.computed)(()=>a.disabled.value||t.disabled),v=(0,e.computed)(()=>u.value||a.value.value===void 0&&a.firstEnabledValue.value===t.value),n=m.nextId("radio-card"),r=(0,e.ref)(!1),i=(0,e.ref)(!1),s=(0,e.ref)(!1);let d=!1;function p(){l.value||u.value||a.onValueChange(t.value)}(0,e.provide)(k.RADIO_CARD_CONTEXT,{value:(0,e.computed)(()=>t.value),checked:u,disabled:l,tabStop:v,required:a.required,name:a.name,labelId:`${n}-label`,descriptionId:`${n}-description`,hasLabel:(0,e.computed)(()=>r.value),hasDescription:(0,e.computed)(()=>i.value),setHasLabel:o=>{r.value=o},setHasDescription:o=>{i.value=o},onSelect:p});function f(){d=!0}function _(){s.value=!d,d=!1}function b(){s.value=!1,d=!1}return(o,R)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:"skdx-radio-card","data-part":"root","data-skdx-component":"radio-card","data-state":u.value?"checked":"unchecked","data-disabled":l.value?"":void 0,"data-focus-visible":s.value?"":void 0,onPointerdown:f,onFocusin:_,onFocusout:b},[(0,e.renderSlot)(o.$slots,"default")],40,q))}});exports.default=C;
+const d=require("./RadioCardControl.vue.cjs"),r=require("./RadioCardDescription.vue.cjs"),i=require("./RadioCardIndicator.vue.cjs"),o=require("./RadioCardLabel.vue.cjs"),l=require("./RadioCardRoot.vue.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"RadioCard",props:{value:{},disabled:{type:Boolean,default:!1},label:{default:void 0},description:{default:void 0},size:{default:void 0}},setup(t){return(a,c)=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{value:t.value,disabled:t.disabled,size:t.size},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createVNode)(d.default),(0,e.createVNode)(i.default),t.label!==void 0?((0,e.openBlock)(),(0,e.createBlock)(o.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)(r.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0)])]),_:3},8,["value","disabled","size"]))}});exports.default=u;

package/dist/radio-card/RadioCard.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextId as a}from"../utils/id.js";import{RADIO_GROUP_CONTEXT as e}from"../radio-group/context.js";import{RADIO_CARD_CONTEXT as o}from"./context.js";import{computed as d,createElementBlock as t,defineComponent as l,inject as s,openBlock as u,provide as i,ref as r,renderSlot as n}from"vue";var c=["data-state","data-disabled","data-focus-visible"],v=/* @__PURE__ */l({__name:"RadioCard",props:{value:{},disabled:{type:Boolean,default:!1}},setup(l){const v=l,p=s(e);if(!p)throw new Error("<SkdxRadioCard> must be used inside <SkdxRadioGroup>.");const f=d(()=>p.value.value===v.value),b=d(()=>p.disabled.value||v.disabled),m=d(()=>f.value||void 0===p.value.value&&p.firstEnabledValue.value===v.value),k=a("radio-card"),x=r(!1),h=r(!1),C=r(!1);let R=!1;function _(){R=!0}function D(){C.value=!R,R=!1}function E(){C.value=!1,R=!1}return i(o,{value:d(()=>v.value),checked:f,disabled:b,tabStop:m,required:p.required,name:p.name,labelId:`${k}-label`,descriptionId:`${k}-description`,hasLabel:d(()=>x.value),hasDescription:d(()=>h.value),setHasLabel:a=>{x.value=a},setHasDescription:a=>{h.value=a},onSelect:function(){b.value||f.value||p.onValueChange(v.value)}}),(a,e)=>(u(),t("label",{class:"skdx-radio-card","data-part":"root","data-skdx-component":"radio-card","data-state":f.value?"checked":"unchecked","data-disabled":b.value?"":void 0,"data-focus-visible":C.value?"":void 0,onPointerdown:_,onFocusin:D,onFocusout:E},[n(a.$slots,"default")],40,c))}});export{v as default};
+import e from"./RadioCardControl.vue.js";import a from"./RadioCardDescription.vue.js";import o from"./RadioCardIndicator.vue.js";import d from"./RadioCardLabel.vue.js";import i from"./RadioCardRoot.vue.js";import{createBlock as t,createCommentVNode as r,createTextVNode as s,createVNode as l,defineComponent as u,openBlock as p,renderSlot as f,toDisplayString as m,withCtx as v}from"vue";var n=/* @__PURE__ */u({__name:"RadioCard",props:{value:{},disabled:{type:Boolean,default:!1},label:{default:void 0},description:{default:void 0},size:{default:void 0}},setup:u=>(n,c)=>(p(),t(i,{value:u.value,disabled:u.disabled,size:u.size},{default:v(()=>[f(n.$slots,"default",{},()=>[l(e),l(o),void 0!==u.label?(p(),t(d,{key:0},{default:v(()=>[s(m(u.label),1)]),_:1})):r("",!0),void 0!==u.description?(p(),t(a,{key:1},{default:v(()=>[s(m(u.description),1)]),_:1})):r("",!0)])]),_:3},8,["value","disabled","size"]))});export{n as default};

package/dist/radio-card/RadioCardControl.vue.d.cts

@@ -1,19 +1,5 @@
 /**
- * The real `<input type="radio">` behind a `SkdxRadioCard`. 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.
- *
- * Selects on focus, matching the WAI-ARIA radio group pattern (and
- * `SkdxRadioGroupItem`) where arrow-key navigation selects as it moves.
- *
- * Carries an explicit `role="radio"` and `data-value` even though a native
- * radio input already *has* that role: `SkdxRadioGroup` discovers its items with
- * a literal `[role="radio"]` selector — for arrow-key roving focus and for
- * picking the initial tab stop — and an implicit role does not answer a CSS
- * attribute selector. The redundancy is what lets a card and a plain
- * `SkdxRadioGroupItem` sit in the same group.
+ * Real `<input type="radio">` inside VisuallyHidden, so it stays focusable.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardControl.vue.d.ts

@@ -1,19 +1,5 @@
 /**
- * The real `<input type="radio">` behind a `SkdxRadioCard`. 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.
- *
- * Selects on focus, matching the WAI-ARIA radio group pattern (and
- * `SkdxRadioGroupItem`) where arrow-key navigation selects as it moves.
- *
- * Carries an explicit `role="radio"` and `data-value` even though a native
- * radio input already *has* that role: `SkdxRadioGroup` discovers its items with
- * a literal `[role="radio"]` selector — for arrow-key roving focus and for
- * picking the initial tab stop — and an implicit role does not answer a CSS
- * attribute selector. The redundancy is what lets a card and a plain
- * `SkdxRadioGroupItem` sit in the same group.
+ * Real `<input type="radio">` inside VisuallyHidden, so it stays focusable.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardControl.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("../utils/VisuallyHidden.vue.cjs"),n=require("./context.cjs");let e=require("vue");var l=["name","value","checked","required","disabled","tabindex","aria-labelledby","aria-describedby","data-value","data-state"],i=(0,e.defineComponent)({inheritAttrs:!1,__name:"RadioCardControl",setup(o){const a=(0,e.inject)(n.RADIO_CARD_CONTEXT);if(!a)throw new Error("<SkdxRadioCardControl> must be used inside <SkdxRadioCard>.");function d(r){a.onSelect(),r.target.checked=a.checked.value}return(r,t)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{class:"skdx-radio-card__control","data-part":"control"},{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("input",(0,e.mergeProps)({type:"radio",role:"radio",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,tabindex:(0,e.unref)(a).tabStop.value?0:-1,"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-value":(0,e.unref)(a).value.value,"data-state":(0,e.unref)(a).checked.value?"checked":"unchecked",onChange:d,onFocus:t[0]||(t[0]=c=>(0,e.unref)(a).onSelect())},r.$attrs),null,16,l)]),_:1}))}});exports.default=i;
+const i=require("../utils/VisuallyHidden.vue.cjs"),c=require("../utils/injectRequired.cjs"),s=require("./context.cjs");let e=require("vue");var f=["name","value","form","checked","required","disabled","tabindex","aria-labelledby","aria-describedby","data-value","data-state"],v=(0,e.defineComponent)({inheritAttrs:!1,__name:"RadioCardControl",setup(_){const r=c.injectRequired(s.RADIO_CARD_CONTEXT,"<SkdxRadioCardControl> must be used inside <SkdxRadioCard>.");let t=!1;function u(a){a.key===" "&&(t=!0)}function o(a){r.onSelect(t?"keyboard":"pointer"),t=!1,a.target.checked=r.checked.value}function n(a){t=!1;const d=a.relatedTarget,l=a.currentTarget;d?.getAttribute("role")==="radio"&&d.closest('[role="radiogroup"]')===l.closest('[role="radiogroup"]')&&r.onSelect("keyboard")}return(a,d)=>((0,e.openBlock)(),(0,e.createBlock)(i.default,{class:"skdx-radio-card__control","data-part":"control"},{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)("input",(0,e.mergeProps)({type:"radio",role:"radio",name:(0,e.unref)(r).name.value,value:(0,e.unref)(r).value.value,form:(0,e.unref)(r).form.value,checked:(0,e.unref)(r).checked.value,required:(0,e.unref)(r).required.value,disabled:(0,e.unref)(r).disabled.value,tabindex:(0,e.unref)(r).tabIndex.value,"aria-labelledby":(0,e.unref)(r).hasLabel.value?(0,e.unref)(r).labelId:void 0,"aria-describedby":(0,e.unref)(r).hasDescription.value?(0,e.unref)(r).descriptionId:void 0,"data-value":(0,e.unref)(r).value.value,"data-state":(0,e.unref)(r).checked.value?"checked":"unchecked"},a.$attrs,{onKeydown:u,onChange:o,onFocus:n}),null,16,f)]),_:1}))}});exports.default=v;

package/dist/radio-card/RadioCardControl.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../utils/VisuallyHidden.vue.js";import{RADIO_CARD_CONTEXT as a}from"./context.js";import{createBlock as d,createElementVNode as t,defineComponent as r,inject as l,mergeProps as o,openBlock as i,unref as s,withCtx as n}from"vue";var u=["name","value","checked","required","disabled","tabindex","aria-labelledby","aria-describedby","data-value","data-state"],c=/* @__PURE__ */r({inheritAttrs:!1,__name:"RadioCardControl",setup(r){const c=l(a);if(!c)throw new Error("<SkdxRadioCardControl> must be used inside <SkdxRadioCard>.");function v(e){c.onSelect(),e.target.checked=c.checked.value}return(a,r)=>(i(),d(e,{class:"skdx-radio-card__control","data-part":"control"},{default:n(()=>[t("input",o({type:"radio",role:"radio",name:s(c).name.value,value:s(c).value.value,checked:s(c).checked.value,required:s(c).required.value,disabled:s(c).disabled.value,tabindex:s(c).tabStop.value?0:-1,"aria-labelledby":s(c).hasLabel.value?s(c).labelId:void 0,"aria-describedby":s(c).hasDescription.value?s(c).descriptionId:void 0,"data-value":s(c).value.value,"data-state":s(c).checked.value?"checked":"unchecked",onChange:v,onFocus:r[0]||(r[0]=e=>s(c).onSelect())},a.$attrs),null,16,u)]),_:1}))}});export{c as default};
+import e from"../utils/VisuallyHidden.vue.js";import{injectRequired as a}from"../utils/injectRequired.js";import{RADIO_CARD_CONTEXT as r}from"./context.js";import{createBlock as t,createElementVNode as d,defineComponent as o,mergeProps as l,openBlock as i,unref as n,withCtx as u}from"vue";var s=["name","value","form","checked","required","disabled","tabindex","aria-labelledby","aria-describedby","data-value","data-state"],c=/* @__PURE__ */o({inheritAttrs:!1,__name:"RadioCardControl",setup(o){const c=a(r,"<SkdxRadioCardControl> must be used inside <SkdxRadioCard>.");let v=!1;function b(e){" "===e.key&&(v=!0)}function m(e){c.onSelect(v?"keyboard":"pointer"),v=!1,e.target.checked=c.checked.value}function p(e){v=!1;const a=e.relatedTarget,r=e.currentTarget;"radio"===a?.getAttribute("role")&&a.closest('[role="radiogroup"]')===r.closest('[role="radiogroup"]')&&c.onSelect("keyboard")}return(a,r)=>(i(),t(e,{class:"skdx-radio-card__control","data-part":"control"},{default:u(()=>[d("input",l({type:"radio",role:"radio",name:n(c).name.value,value:n(c).value.value,form:n(c).form.value,checked:n(c).checked.value,required:n(c).required.value,disabled:n(c).disabled.value,tabindex:n(c).tabIndex.value,"aria-labelledby":n(c).hasLabel.value?n(c).labelId:void 0,"aria-describedby":n(c).hasDescription.value?n(c).descriptionId:void 0,"data-value":n(c).value.value,"data-state":n(c).checked.value?"checked":"unchecked"},a.$attrs,{onKeydown:b,onChange:m,onFocus:p}),null,16,s)]),_:1}))}});export{c as default};

package/dist/radio-card/RadioCardDescription.vue.d.cts

@@ -1,11 +1,5 @@
 /**
- * Supporting copy under a `SkdxRadioCardLabel` — 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 `SkdxRadioCardLabel`, wiring the control's `aria-describedby`.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardDescription.vue.d.ts

@@ -1,11 +1,5 @@
 /**
- * Supporting copy under a `SkdxRadioCardLabel` — 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 `SkdxRadioCardLabel`, wiring the control's `aria-describedby`.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var i=["id","data-disabled"],a=(0,e.defineComponent)({__name:"RadioCardDescription",setup(s){const t=(0,e.inject)(d.RADIO_CARD_CONTEXT);if(!t)throw new Error("<SkdxRadioCardDescription> must be used inside <SkdxRadioCard>.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-radio-card__description","data-part":"description",id:(0,e.unref)(t).descriptionId,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(r.$slots,"default")],8,i))}});exports.default=a;
+const i=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var a=["id","data-disabled"],s=(0,e.defineComponent)({__name:"RadioCardDescription",setup(n){const t=i.injectRequired(d.RADIO_CARD_CONTEXT,"<SkdxRadioCardDescription> must be used inside <SkdxRadioCard>.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(r,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{id:(0,e.unref)(t).descriptionId,class:"skdx-radio-card__description","data-part":"description","data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(r.$slots,"default")],8,a))}});exports.default=s;

package/dist/radio-card/RadioCardDescription.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{RADIO_CARD_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as s,inject as d,onUnmounted as t,openBlock as i,renderSlot as o,unref as r}from"vue";var n=["id","data-disabled"],c=/* @__PURE__ */s({__name:"RadioCardDescription",setup(s){const c=d(e);if(!c)throw new Error("<SkdxRadioCardDescription> must be used inside <SkdxRadioCard>.");return c.setHasDescription(!0),t(()=>c.setHasDescription(!1)),(e,s)=>(i(),a("span",{class:"skdx-radio-card__description","data-part":"description",id:r(c).descriptionId,"data-disabled":r(c).disabled.value?"":void 0},[o(e.$slots,"default")],8,n))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{RADIO_CARD_CONTEXT as a}from"./context.js";import{createElementBlock as s,defineComponent as d,onUnmounted as i,openBlock as t,renderSlot as o,unref as r}from"vue";var n=["id","data-disabled"],c=/* @__PURE__ */d({__name:"RadioCardDescription",setup(d){const c=e(a,"<SkdxRadioCardDescription> must be used inside <SkdxRadioCard>.");return c.setHasDescription(!0),i(()=>c.setHasDescription(!1)),(e,a)=>(t(),s("span",{id:r(c).descriptionId,class:"skdx-radio-card__description","data-part":"description","data-disabled":r(c).disabled.value?"":void 0},[o(e.$slots,"default")],8,n))}});export{c as default};

package/dist/radio-card/RadioCardIndicator.vue.d.cts

@@ -1,12 +1,5 @@
 /**
- * The decorative dot (or empty ring) drawn on a `SkdxRadioCard`. Mirrors the
- * card's `data-state` and `data-disabled`.
- *
- * Unlike `SkdxRadioGroupIndicator` this stays mounted when unchecked, because on
- * a card the indicator is the *ring*, not just the dot — 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.
+ * Decorative ring on a `SkdxRadioCard`, staying mounted when unchecked to preserve layout; `aria-hidden` since the input announces state.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardIndicator.vue.d.ts

@@ -1,12 +1,5 @@
 /**
- * The decorative dot (or empty ring) drawn on a `SkdxRadioCard`. Mirrors the
- * card's `data-state` and `data-disabled`.
- *
- * Unlike `SkdxRadioGroupIndicator` this stays mounted when unchecked, because on
- * a card the indicator is the *ring*, not just the dot — 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.
+ * Decorative ring on a `SkdxRadioCard`, staying mounted when unchecked to preserve layout; `aria-hidden` since the input announces state.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const t=require("./context.cjs");let e=require("vue");var r=["data-state","data-disabled"],i=(0,e.defineComponent)({__name:"RadioCardIndicator",setup(n){const a=(0,e.inject)(t.RADIO_CARD_CONTEXT);if(!a)throw new Error("<SkdxRadioCardIndicator> must be used inside <SkdxRadioCard>.");return(d,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-radio-card__indicator","data-part":"indicator","aria-hidden":"true","data-state":(0,e.unref)(a).checked.value?"checked":"unchecked","data-disabled":(0,e.unref)(a).disabled.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,r))}});exports.default=i;
+const t=require("../utils/injectRequired.cjs"),r=require("./context.cjs");let e=require("vue");var i=["data-state","data-disabled"],n=(0,e.defineComponent)({__name:"RadioCardIndicator",setup(c){const a=t.injectRequired(r.RADIO_CARD_CONTEXT,"<SkdxRadioCardIndicator> must be used inside <SkdxRadioCard>.");return(d,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-radio-card__indicator","data-part":"indicator","aria-hidden":"true","data-state":(0,e.unref)(a).checked.value?"checked":"unchecked","data-disabled":(0,e.unref)(a).disabled.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,i))}});exports.default=n;

package/dist/radio-card/RadioCardIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{RADIO_CARD_CONTEXT as a}from"./context.js";import{createElementBlock as e,defineComponent as d,inject as t,openBlock as r,renderSlot as o,unref as s}from"vue";var i=["data-state","data-disabled"],n=/* @__PURE__ */d({__name:"RadioCardIndicator",setup(d){const n=t(a);if(!n)throw new Error("<SkdxRadioCardIndicator> must be used inside <SkdxRadioCard>.");return(a,d)=>(r(),e("span",{class:"skdx-radio-card__indicator","data-part":"indicator","aria-hidden":"true","data-state":s(n).checked.value?"checked":"unchecked","data-disabled":s(n).disabled.value?"":void 0},[o(a.$slots,"default")],8,i))}});export{n as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{RADIO_CARD_CONTEXT as e}from"./context.js";import{createElementBlock as d,defineComponent as t,openBlock as r,renderSlot as i,unref as s}from"vue";var o=["data-state","data-disabled"],n=/* @__PURE__ */t({__name:"RadioCardIndicator",setup(t){const n=a(e,"<SkdxRadioCardIndicator> must be used inside <SkdxRadioCard>.");return(a,e)=>(r(),d("span",{class:"skdx-radio-card__indicator","data-part":"indicator","aria-hidden":"true","data-state":s(n).checked.value?"checked":"unchecked","data-disabled":s(n).disabled.value?"":void 0},[i(a.$slots,"default")],8,o))}});export{n as default};

package/dist/radio-card/RadioCardLabel.vue.d.cts

@@ -1,12 +1,5 @@
 /**
- * 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 line and the control's accessible name via `aria-labelledby`, rendered as a `<span>`.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardLabel.vue.d.ts

@@ -1,12 +1,5 @@
 /**
- * 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 line and the control's accessible name via `aria-labelledby`, rendered as a `<span>`.
  *
  * @example
  * ```vue

package/dist/radio-card/RadioCardLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const t=require("./context.cjs");let e=require("vue");var r=["id","data-disabled"],l=(0,e.defineComponent)({__name:"RadioCardLabel",setup(s){const a=(0,e.inject)(t.RADIO_CARD_CONTEXT);if(!a)throw new Error("<SkdxRadioCardLabel> must be used inside <SkdxRadioCard>.");return a.setHasLabel(!0),(0,e.onUnmounted)(()=>a.setHasLabel(!1)),(d,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-radio-card__label","data-part":"label",id:(0,e.unref)(a).labelId,"data-disabled":(0,e.unref)(a).disabled.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,r))}});exports.default=l;
+const t=require("../utils/injectRequired.cjs"),r=require("./context.cjs");let e=require("vue");var l=["id","data-disabled"],i=(0,e.defineComponent)({__name:"RadioCardLabel",setup(s){const a=t.injectRequired(r.RADIO_CARD_CONTEXT,"<SkdxRadioCardLabel> must be used inside <SkdxRadioCard>.");return a.setHasLabel(!0),(0,e.onUnmounted)(()=>a.setHasLabel(!1)),(d,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{id:(0,e.unref)(a).labelId,class:"skdx-radio-card__label","data-part":"label","data-disabled":(0,e.unref)(a).disabled.value?"":void 0},[(0,e.renderSlot)(d.$slots,"default")],8,l))}});exports.default=i;

package/dist/radio-card/RadioCardLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{RADIO_CARD_CONTEXT as a}from"./context.js";import{createElementBlock as e,defineComponent as d,inject as s,onUnmounted as t,openBlock as o,renderSlot as l,unref as r}from"vue";var n=["id","data-disabled"],i=/* @__PURE__ */d({__name:"RadioCardLabel",setup(d){const i=s(a);if(!i)throw new Error("<SkdxRadioCardLabel> must be used inside <SkdxRadioCard>.");return i.setHasLabel(!0),t(()=>i.setHasLabel(!1)),(a,d)=>(o(),e("span",{class:"skdx-radio-card__label","data-part":"label",id:r(i).labelId,"data-disabled":r(i).disabled.value?"":void 0},[l(a.$slots,"default")],8,n))}});export{i as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{RADIO_CARD_CONTEXT as e}from"./context.js";import{createElementBlock as d,defineComponent as s,onUnmounted as t,openBlock as l,renderSlot as o,unref as r}from"vue";var i=["id","data-disabled"],n=/* @__PURE__ */s({__name:"RadioCardLabel",setup(s){const n=a(e,"<SkdxRadioCardLabel> must be used inside <SkdxRadioCard>.");return n.setHasLabel(!0),t(()=>n.setHasLabel(!1)),(a,e)=>(l(),d("span",{id:r(n).labelId,class:"skdx-radio-card__label","data-part":"label","data-disabled":r(n).disabled.value?"":void 0},[o(a.$slots,"default")],8,i))}});export{n as default};

package/dist/radio-card/RadioCardRoot.vue.cjs

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

package/dist/radio-card/RadioCardRoot.vue.d.cts

@@ -0,0 +1,43 @@
+/**
+ * Single-select radio card: a `<label>` wrapping a hidden input, with selection state from the enclosing group.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioGroup name="plan" default-value="pro" aria-label="Plan">
+ *   <RadioCard.Root value="pro">
+ *     <RadioCard.Control />
+ *     <RadioCard.Indicator />
+ *     <RadioCard.Label>Pro</RadioCard.Label>
+ *     <RadioCard.Description>$20 per seat</RadioCard.Description>
+ *   </RadioCard.Root>
+ * </SkdxRadioGroup>
+ * ```
+ */
+type __VLS_Props = {
+    /** Unique identifier (matched against group's selected value). */
+    value: string;
+    /**
+     * Disable this card; group-level disabling always wins.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * 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 = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | undefined;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/radio-card/RadioCardRoot.vue.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Single-select radio card: a `<label>` wrapping a hidden input, with selection state from the enclosing group.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioGroup name="plan" default-value="pro" aria-label="Plan">
+ *   <RadioCard.Root value="pro">
+ *     <RadioCard.Control />
+ *     <RadioCard.Indicator />
+ *     <RadioCard.Label>Pro</RadioCard.Label>
+ *     <RadioCard.Description>$20 per seat</RadioCard.Description>
+ *   </RadioCard.Root>
+ * </SkdxRadioGroup>
+ * ```
+ */
+type __VLS_Props = {
+    /** Unique identifier (matched against group's selected value). */
+    value: string;
+    /**
+     * Disable this card; group-level disabling always wins.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * 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 = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | undefined;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/radio-card/RadioCardRoot.vue.js

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

package/dist/radio-card/RadioCardRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const m=require("../utils/appearance.cjs"),_=require("../utils/injectRequired.cjs"),R=require("../utils/useSelectionCard.cjs"),C=require("../utils/roving-tab-stop.cjs"),k=require("./context.cjs"),D=require("./RadioCardDescription.vue.cjs"),I=require("./RadioCardLabel.vue.cjs"),O=require("../radio-group/context.cjs");let e=require("vue");var y=["data-state","data-disabled","data-focus-visible","data-value"],E=(0,e.defineComponent)({inheritAttrs:!1,__name:"RadioCardRoot",props:{value:{},disabled:{type:Boolean,default:!1},size:{}},setup(i){const u=i,a=_.injectRequired(O.RADIO_GROUP_CONTEXT,"<SkdxRadioCard> must be used inside <SkdxRadioGroup>."),n=(0,e.computed)(()=>a.value.value===u.value),l=(0,e.computed)(()=>a.disabled.value||u.disabled),f=(0,e.computed)(()=>C.rovingTabIndex(a.value.value!=null||a.firstEnabledValue.value!==null,n.value||a.value.value==null&&a.firstEnabledValue.value===u.value,l.value)),s=(0,e.ref)(null),r=R.useSelectionCard({name:"radio-card",displayName:"RadioCard",rootEl:s,label:I.default,description:D.default,slot:(0,e.useSlots)().default}),{focusVisible:b,onPointerDown:c,onFocusIn:v,onFocusOut:p}=r;function q(o){l.value||n.value||a.readOnly.value||a.onValueChange(u.value,o)}return(0,e.provide)(k.RADIO_CARD_CONTEXT,{value:(0,e.computed)(()=>u.value),checked:n,disabled:l,tabIndex:f,required:a.required,readOnly:a.readOnly,name:a.name,form:a.form,labelId:r.labelId,descriptionId:r.descriptionId,hasLabel:r.hasLabel,hasDescription:r.hasDescription,setHasLabel:r.setHasLabel,setHasDescription:r.setHasDescription,onSelect:q}),(o,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",(0,e.mergeProps)({ref_key:"rootEl",ref:s,class:"skdx-radio-card","data-part":"root","data-skdx-component":"radio-card","data-state":n.value?"checked":"unchecked","data-disabled":l.value?"":void 0,"data-focus-visible":(0,e.unref)(b)?"":void 0,"data-value":i.value},{...o.$attrs,...(0,e.unref)(m.appearanceAttrs)({size:i.size},o.$attrs)},{onPointerdown:t[0]||(t[0]=(...d)=>(0,e.unref)(c)&&(0,e.unref)(c)(...d)),onFocusin:t[1]||(t[1]=(...d)=>(0,e.unref)(v)&&(0,e.unref)(v)(...d)),onFocusout:t[2]||(t[2]=(...d)=>(0,e.unref)(p)&&(0,e.unref)(p)(...d))}),[(0,e.renderSlot)(o.$slots,"default")],16,y))}});exports.default=E;

package/dist/radio-card/RadioCardRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as a}from"../utils/injectRequired.js";import{useSelectionCard as o}from"../utils/useSelectionCard.js";import{rovingTabIndex as s}from"../utils/roving-tab-stop.js";import{RADIO_CARD_CONTEXT as t}from"./context.js";import l from"./RadioCardDescription.vue.js";import r from"./RadioCardLabel.vue.js";import{RADIO_GROUP_CONTEXT as d}from"../radio-group/context.js";import{computed as i,createElementBlock as u,defineComponent as n,mergeProps as c,openBlock as p,provide as v,ref as m,renderSlot as f,unref as b,useSlots as R}from"vue";var C=["data-state","data-disabled","data-focus-visible","data-value"],j=/* @__PURE__ */n({inheritAttrs:!1,__name:"RadioCardRoot",props:{value:{},disabled:{type:Boolean,default:!1},size:{}},setup(n){const j=n,k=a(d,"<SkdxRadioCard> must be used inside <SkdxRadioGroup>."),h=i(()=>k.value.value===j.value),x=i(()=>k.disabled.value||j.disabled),D=i(()=>s(null!=k.value.value||null!==k.firstEnabledValue.value,h.value||null==k.value.value&&k.firstEnabledValue.value===j.value,x.value)),I=m(null),O=o({name:"radio-card",displayName:"RadioCard",rootEl:I,label:r,description:l,slot:R().default}),{focusVisible:E,onPointerDown:S,onFocusIn:_,onFocusOut:y}=O;return v(t,{value:i(()=>j.value),checked:h,disabled:x,tabIndex:D,required:k.required,readOnly:k.readOnly,name:k.name,form:k.form,labelId:O.labelId,descriptionId:O.descriptionId,hasLabel:O.hasLabel,hasDescription:O.hasDescription,setHasLabel:O.setHasLabel,setHasDescription:O.setHasDescription,onSelect:function(e){x.value||h.value||k.readOnly.value||k.onValueChange(j.value,e)}}),(a,o)=>(p(),u("label",c({ref_key:"rootEl",ref:I,class:"skdx-radio-card","data-part":"root","data-skdx-component":"radio-card","data-state":h.value?"checked":"unchecked","data-disabled":x.value?"":void 0,"data-focus-visible":b(E)?"":void 0,"data-value":n.value},{...a.$attrs,...b(e)({size:n.size},a.$attrs)},{onPointerdown:o[0]||(o[0]=(...e)=>b(S)&&b(S)(...e)),onFocusin:o[1]||(o[1]=(...e)=>b(_)&&b(_)(...e)),onFocusout:o[2]||(o[2]=(...e)=>b(y)&&b(y)(...e))}),[f(a.$slots,"default")],16,C))}});export{j as default};

package/dist/radio-card/context.d.cts

@@ -1,13 +1,18 @@
 import type { ComputedRef, InjectionKey } from 'vue';
+import type { RadioGroupChangeReason } from '../radio-group/context.cjs';
 /** @internal Shared state a RadioCard provides to its Control, Indicator, Label, and Description. */
 export interface RadioCardContext {
     value: ComputedRef<string>;
     checked: ComputedRef<boolean>;
     disabled: ComputedRef<boolean>;
-    /** Roving tabindex: only the checked card — or the first enabled one when nothing is checked — is a tab stop. */
-    tabStop: ComputedRef<boolean>;
+    /** Roving tabindex for the control: only the checked card, or the first enabled one, is a tab stop. */
+    tabIndex: ComputedRef<0 | -1>;
     required: ComputedRef<boolean>;
+    /** The group's `readOnly`: the card keeps its tab stop and refuses the selection. */
+    readOnly: ComputedRef<boolean>;
     name: ComputedRef<string | undefined>;
+    /** The group's `form` id, forwarded to this card's hidden radio input. */
+    form: ComputedRef<string | undefined>;
     labelId: string;
     descriptionId: string;
     /** Whether a `SkdxRadioCardLabel` is mounted, so the control only points `aria-labelledby` at an id that exists. */
@@ -16,7 +21,7 @@ export interface RadioCardContext {
     hasDescription: ComputedRef<boolean>;
     setHasLabel: (present: boolean) => void;
     setHasDescription: (present: boolean) => void;
-    onSelect: () => void;
+    onSelect: (reason: RadioGroupChangeReason) => void;
 }
 /** @internal Injection key a RadioCard provides so its parts share the checked state, ids, and select handler. */
 export declare const RADIO_CARD_CONTEXT: InjectionKey<RadioCardContext>;

package/dist/radio-card/context.d.ts

@@ -1,13 +1,18 @@
 import type { ComputedRef, InjectionKey } from 'vue';
+import type { RadioGroupChangeReason } from '../radio-group/context.js';
 /** @internal Shared state a RadioCard provides to its Control, Indicator, Label, and Description. */
 export interface RadioCardContext {
     value: ComputedRef<string>;
     checked: ComputedRef<boolean>;
     disabled: ComputedRef<boolean>;
-    /** Roving tabindex: only the checked card — or the first enabled one when nothing is checked — is a tab stop. */
-    tabStop: ComputedRef<boolean>;
+    /** Roving tabindex for the control: only the checked card, or the first enabled one, is a tab stop. */
+    tabIndex: ComputedRef<0 | -1>;
     required: ComputedRef<boolean>;
+    /** The group's `readOnly`: the card keeps its tab stop and refuses the selection. */
+    readOnly: ComputedRef<boolean>;
     name: ComputedRef<string | undefined>;
+    /** The group's `form` id, forwarded to this card's hidden radio input. */
+    form: ComputedRef<string | undefined>;
     labelId: string;
     descriptionId: string;
     /** Whether a `SkdxRadioCardLabel` is mounted, so the control only points `aria-labelledby` at an id that exists. */
@@ -16,7 +21,7 @@ export interface RadioCardContext {
     hasDescription: ComputedRef<boolean>;
     setHasLabel: (present: boolean) => void;
     setHasDescription: (present: boolean) => void;
-    onSelect: () => void;
+    onSelect: (reason: RadioGroupChangeReason) => void;
 }
 /** @internal Injection key a RadioCard provides so its parts share the checked state, ids, and select handler. */
 export declare const RADIO_CARD_CONTEXT: InjectionKey<RadioCardContext>;

package/dist/radio-card/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./RadioCard.vue.cjs"),e=require("./RadioCardControl.vue.cjs"),d=require("./RadioCardIndicator.vue.cjs"),a=require("./RadioCardLabel.vue.cjs"),i=require("./RadioCardDescription.vue.cjs");exports.SkdxRadioCard=r.default;exports.SkdxRadioCardControl=e.default;exports.SkdxRadioCardDescription=i.default;exports.SkdxRadioCardIndicator=d.default;exports.SkdxRadioCardLabel=a.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./RadioCard.vue.cjs");exports.SkdxRadioCard=e.default;

package/dist/radio-card/index.d.cts

@@ -1,5 +1 @@
 export { default as SkdxRadioCard } from './RadioCard.vue.cjs';
-export { default as SkdxRadioCardControl } from './RadioCardControl.vue.cjs';
-export { default as SkdxRadioCardIndicator } from './RadioCardIndicator.vue.cjs';
-export { default as SkdxRadioCardLabel } from './RadioCardLabel.vue.cjs';
-export { default as SkdxRadioCardDescription } from './RadioCardDescription.vue.cjs';

package/dist/radio-card/index.d.ts

@@ -1,5 +1 @@
 export { default as SkdxRadioCard } from './RadioCard.vue.js';
-export { default as SkdxRadioCardControl } from './RadioCardControl.vue.js';
-export { default as SkdxRadioCardIndicator } from './RadioCardIndicator.vue.js';
-export { default as SkdxRadioCardLabel } from './RadioCardLabel.vue.js';
-export { default as SkdxRadioCardDescription } from './RadioCardDescription.vue.js';

package/dist/radio-card/index.js

@@ -1 +1 @@
-import a from"./RadioCard.vue.js";import o from"./RadioCardControl.vue.js";import d from"./RadioCardIndicator.vue.js";import r from"./RadioCardLabel.vue.js";import i from"./RadioCardDescription.vue.js";export{a as SkdxRadioCard,o as SkdxRadioCardControl,i as SkdxRadioCardDescription,d as SkdxRadioCardIndicator,r as SkdxRadioCardLabel};
+import a from"./RadioCard.vue.js";export{a as SkdxRadioCard};

package/dist/radio-card/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./RadioCardControl.vue.cjs"),e=require("./RadioCardDescription.vue.cjs"),d=require("./RadioCardIndicator.vue.cjs"),a=require("./RadioCardLabel.vue.cjs"),o=require("./RadioCardRoot.vue.cjs");exports.SkdxRadioCardControl=r.default;exports.SkdxRadioCardDescription=e.default;exports.SkdxRadioCardIndicator=d.default;exports.SkdxRadioCardLabel=a.default;exports.SkdxRadioCardRoot=o.default;

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

@@ -0,0 +1,27 @@
+/**
+ * Advanced primitives for `SkdxRadioCard`, for a structure the derived anatomy can't express.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxRadioCardControl, SkdxRadioCardDescription, SkdxRadioCardIndicator, SkdxRadioCardLabel, SkdxRadioCardRoot } from '@skdx/vue/primitives/radio-card';
+ * </script>
+ *
+ * <template>
+ *   <SkdxRadioGroup name="plan" aria-label="Plan">
+ *     <SkdxRadioCardRoot value="pro">
+ *       <SkdxRadioCardControl />
+ *       <img src="/pro.svg" alt="" />
+ *       <SkdxRadioCardIndicator />
+ *       <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ *       <SkdxRadioCardDescription>$20 per seat, per month.</SkdxRadioCardDescription>
+ *     </SkdxRadioCardRoot>
+ *   </SkdxRadioGroup>
+ * </template>
+ * ```
+ */
+export { default as SkdxRadioCardRoot } from './RadioCardRoot.vue.cjs';
+export { default as SkdxRadioCardControl } from './RadioCardControl.vue.cjs';
+export { default as SkdxRadioCardIndicator } from './RadioCardIndicator.vue.cjs';
+export { default as SkdxRadioCardLabel } from './RadioCardLabel.vue.cjs';
+export { default as SkdxRadioCardDescription } from './RadioCardDescription.vue.cjs';

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

@@ -0,0 +1,27 @@
+/**
+ * Advanced primitives for `SkdxRadioCard`, for a structure the derived anatomy can't express.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxRadioCardControl, SkdxRadioCardDescription, SkdxRadioCardIndicator, SkdxRadioCardLabel, SkdxRadioCardRoot } from '@skdx/vue/primitives/radio-card';
+ * </script>
+ *
+ * <template>
+ *   <SkdxRadioGroup name="plan" aria-label="Plan">
+ *     <SkdxRadioCardRoot value="pro">
+ *       <SkdxRadioCardControl />
+ *       <img src="/pro.svg" alt="" />
+ *       <SkdxRadioCardIndicator />
+ *       <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ *       <SkdxRadioCardDescription>$20 per seat, per month.</SkdxRadioCardDescription>
+ *     </SkdxRadioCardRoot>
+ *   </SkdxRadioGroup>
+ * </template>
+ * ```
+ */
+export { default as SkdxRadioCardRoot } from './RadioCardRoot.vue.js';
+export { default as SkdxRadioCardControl } from './RadioCardControl.vue.js';
+export { default as SkdxRadioCardIndicator } from './RadioCardIndicator.vue.js';
+export { default as SkdxRadioCardLabel } from './RadioCardLabel.vue.js';
+export { default as SkdxRadioCardDescription } from './RadioCardDescription.vue.js';

package/dist/radio-card/primitives.js

@@ -0,0 +1 @@
+import o from"./RadioCardControl.vue.js";import a from"./RadioCardDescription.vue.js";import d from"./RadioCardIndicator.vue.js";import r from"./RadioCardLabel.vue.js";import i from"./RadioCardRoot.vue.js";export{o as SkdxRadioCardControl,a as SkdxRadioCardDescription,d as SkdxRadioCardIndicator,r as SkdxRadioCardLabel,i as SkdxRadioCardRoot};

package/dist/radio-group/RadioGroup.vue.d.cts

@@ -1,46 +1,63 @@
-/**
- * The Vue implementation of the shared RadioGroup contract (see
- * `@skdx/shared`'s `radioGroupContract`). Renders `role="radiogroup"` and
- * drives roving-tabindex keyboard navigation across `SkdxRadioGroupItem`
- * children (arrow keys select as they move, per the WAI-ARIA radio group
- * pattern), mirroring `packages/vue/src/tabs/TabsList.vue`'s inline
- * keydown handler.
- */
+import { type RadioGroupValueChangeDetail } from './context.cjs';
+import type { RadioGroupOption } from './types.cjs';
+/** Radio group with `role="radiogroup"` and roving-tabindex arrow navigation; validation is group-level ('pick one'). */
 type __VLS_Props = {
-    /** Selected value, for controlled usage. Pair with `v-model:value` or `@value-change`. */
-    value?: string;
+    /** Selected value for controlled usage; `null` is the explicit empty selection, `undefined` means uncontrolled. */
+    value?: string | null | undefined;
     /** Initial value, for uncontrolled usage, seeding the first render. */
-    defaultValue?: string;
+    defaultValue?: string | null | undefined;
     /** Name for native form participation via a hidden input rendered by each item. */
-    name?: string;
+    name?: string | undefined;
+    /**
+     * Id of the `<form>` that owns this group, for a group rendered outside it.
+     * Forwarded to every item's hidden `<input type="radio">`.
+     */
+    form?: string | undefined;
     /** Marks the group as required for native form validation. */
     required?: boolean;
     /** Disables every item in the group. */
     disabled?: boolean;
+    /** Freezes the selection without freezing the group: the roving tab stop and arrow keys still work, but nothing changes `value`. */
+    readOnly?: boolean;
     /** Marks the group as invalid, exposed as aria-invalid/data-invalid on the radiogroup root. */
     invalid?: boolean;
     /** Layout axis for arrow-key roving focus between items. 'both' responds to all four arrow keys. */
     orientation?: 'horizontal' | 'vertical' | 'both';
     /** Whether arrow-key navigation wraps from the last item back to the first (and vice versa). */
     loop?: boolean;
+    /**
+     * The radios the group renders, one derived item each. Ignored once the
+     * default slot supplies its own `SkdxRadioGroupItem`s.
+     * @default undefined — nothing is derived; compose the items in the default slot.
+     */
+    options?: readonly RadioGroupOption[] | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the group satisfies its constraints, firing `invalid` when it does not. `true` without a `name`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto one of the items' hidden inputs, like `HTMLInputElement.setCustomValidity()`; same-named radios are one constraint, so any of them speaks for the group. */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string) => any;
-    "value-change": (value: string) => any;
+    "value-change": (detail: RadioGroupValueChangeDetail) => 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"?: (detail: RadioGroupValueChangeDetail) => any;
 }>, {
+    form: string | undefined;
     disabled: boolean;
+    name: string | undefined;
+    defaultValue: string | null | undefined;
+    readOnly: boolean;
     required: boolean;
-    name: string;
-    value: string;
+    value: string | null | undefined;
     invalid: boolean;
-    defaultValue: string;
     orientation: "horizontal" | "vertical" | "both";
     loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;