@skdx/vue 0.26.0

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,28 @@
+/**
+ * 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.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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/radio-card/RadioCardControl.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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/radio-card/RadioCardControl.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,31 @@
+/**
+ * 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`.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ *   <SkdxRadioCardDescription>$20 per seat, per month.</SkdxRadioCardDescription>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/RadioCardDescription.vue.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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`.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ *   <SkdxRadioCardDescription>$20 per seat, per month.</SkdxRadioCardDescription>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/RadioCardDescription.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,32 @@
+/**
+ * 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.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardIndicator />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/RadioCardIndicator.vue.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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.
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardIndicator />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/RadioCardIndicator.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,31 @@
+/**
+ * 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).
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/RadioCardLabel.vue.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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).
+ *
+ * @example
+ * ```vue
+ * <SkdxRadioCard value="pro">
+ *   <SkdxRadioCardControl />
+ *   <SkdxRadioCardLabel>Pro</SkdxRadioCardLabel>
+ * </SkdxRadioCard>
+ * ```
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/RadioCardLabel.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

package/dist/radio-card/context.cjs

@@ -0,0 +1 @@
+var A=Symbol("skdx-radio-card-context");exports.RADIO_CARD_CONTEXT=A;

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

@@ -0,0 +1,22 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @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>;
+    required: ComputedRef<boolean>;
+    name: ComputedRef<string | undefined>;
+    labelId: string;
+    descriptionId: string;
+    /** Whether a `SkdxRadioCardLabel` is mounted, so the control only points `aria-labelledby` at an id that exists. */
+    hasLabel: ComputedRef<boolean>;
+    /** Whether a `SkdxRadioCardDescription` is mounted, so the control only points `aria-describedby` at an id that exists. */
+    hasDescription: ComputedRef<boolean>;
+    setHasLabel: (present: boolean) => void;
+    setHasDescription: (present: boolean) => void;
+    onSelect: () => 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

@@ -0,0 +1,22 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @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>;
+    required: ComputedRef<boolean>;
+    name: ComputedRef<string | undefined>;
+    labelId: string;
+    descriptionId: string;
+    /** Whether a `SkdxRadioCardLabel` is mounted, so the control only points `aria-labelledby` at an id that exists. */
+    hasLabel: ComputedRef<boolean>;
+    /** Whether a `SkdxRadioCardDescription` is mounted, so the control only points `aria-describedby` at an id that exists. */
+    hasDescription: ComputedRef<boolean>;
+    setHasLabel: (present: boolean) => void;
+    setHasDescription: (present: boolean) => void;
+    onSelect: () => 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.js

@@ -0,0 +1 @@
+var a=/* @__PURE__ */Symbol("skdx-radio-card-context");export{a as RADIO_CARD_CONTEXT};

package/dist/radio-card/index.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +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};

package/dist/radio-group/RadioGroup.vue.cjs

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

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

@@ -0,0 +1,53 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {
+    /** Selected value, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: string;
+    /** Initial value, for uncontrolled usage, seeding the first render. */
+    defaultValue?: string;
+    /** Name for native form participation via a hidden input rendered by each item. */
+    name?: string;
+    /** Marks the group as required for native form validation. */
+    required?: boolean;
+    /** Disables every item in the group. */
+    disabled?: 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;
+};
+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, {
+    "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;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    value: string;
+    invalid: boolean;
+    defaultValue: string;
+    orientation: "horizontal" | "vertical" | "both";
+    loop: 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;
+    };
+};

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

@@ -0,0 +1,53 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {
+    /** Selected value, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: string;
+    /** Initial value, for uncontrolled usage, seeding the first render. */
+    defaultValue?: string;
+    /** Name for native form participation via a hidden input rendered by each item. */
+    name?: string;
+    /** Marks the group as required for native form validation. */
+    required?: boolean;
+    /** Disables every item in the group. */
+    disabled?: 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;
+};
+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, {
+    "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;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    value: string;
+    invalid: boolean;
+    defaultValue: string;
+    orientation: "horizontal" | "vertical" | "both";
+    loop: 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;
+    };
+};

package/dist/radio-group/RadioGroup.vue.js

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

package/dist/radio-group/RadioGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const m=require("../utils/direction.cjs"),b=require("../utils/useRovingFocus.cjs"),w=require("./context.cjs");let e=require("vue");var A=["aria-required","aria-invalid","data-disabled","data-invalid","data-orientation"],C='[role="radio"]:not([disabled])',V='[role="radio"][data-state="checked"]:not([disabled])',x=(0,e.defineComponent)({__name:"RadioGroup",props:{value:{default:void 0},defaultValue:{default:void 0},name:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},orientation:{default:"both"},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(r,{emit:g}){const t=r,u=g,s=(0,e.ref)(t.defaultValue),c=(0,e.computed)(()=>t.value===void 0?s.value:t.value),l=(0,e.ref)(null),d=(0,e.ref)(null);function y(o){t.value===void 0&&(s.value=o),u("update:value",o),u("value-change",o)}const q=b.useRovingTabStop(d,V,"data-value",l);b.useRovingTabStop(d,C,"data-value",l),(0,e.watch)(c,q,{flush:"post"}),(0,e.provide)(w.RADIO_GROUP_CONTEXT,{name:(0,e.computed)(()=>t.name),value:c,required:(0,e.computed)(()=>t.required),disabled:(0,e.computed)(()=>t.disabled),firstEnabledValue:(0,e.computed)(()=>l.value),onValueChange:y});const E=m.useDirection();function R(o){const n=m.directionalKey(o.key,o.currentTarget,E()),v=d.value;if(!v)return;const i=Array.from(v.querySelectorAll('[role="radio"]')).filter(T=>!T.hasAttribute("disabled"));if(i.length===0)return;const f=i.indexOf(document.activeElement),p=t.orientation==="horizontal"||t.orientation==="both",h=t.orientation==="vertical"||t.orientation==="both",_=[...p?["ArrowRight"]:[],...h?["ArrowDown"]:[]],k=[...p?["ArrowLeft"]:[],...h?["ArrowUp"]:[]];let a;_.includes(n)?(a=f+1,a>=i.length&&(a=t.loop?0:i.length-1)):k.includes(n)?(a=f-1,a<0&&(a=t.loop?i.length-1:0)):n==="Home"?a=0:n==="End"&&(a=i.length-1),a!==void 0&&(o.preventDefault(),i[a]?.focus())}return(o,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-radio-group","data-part":"root","data-skdx-component":"radio-group",ref_key:"rootRef",ref:d,role:"radiogroup","aria-required":r.required||void 0,"aria-invalid":r.invalid?!0:void 0,"data-disabled":r.disabled?"":void 0,"data-invalid":r.invalid?"":void 0,"data-orientation":r.orientation,onKeydown:R},[(0,e.renderSlot)(o.$slots,"default")],40,A))}});exports.default=x;

package/dist/radio-group/RadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{useRovingTabStop as o}from"../utils/useRovingFocus.js";import{RADIO_GROUP_CONTEXT as t}from"./context.js";import{computed as i,createElementBlock as d,defineComponent as r,openBlock as l,provide as n,ref as u,renderSlot as s,watch as v}from"vue";var f=["aria-required","aria-invalid","data-disabled","data-invalid","data-orientation"],c=/* @__PURE__ */r({__name:"RadioGroup",props:{value:{default:void 0},defaultValue:{default:void 0},name:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},orientation:{default:"both"},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(r,{emit:c}){const p=r,m=c,h=u(p.defaultValue),b=i(()=>void 0===p.value?h.value:p.value),g=u(null),y=u(null),A=o(y,'[role="radio"][data-state="checked"]:not([disabled])',"data-value",g);o(y,'[role="radio"]:not([disabled])',"data-value",g),v(b,A,{flush:"post"}),n(t,{name:i(()=>p.name),value:b,required:i(()=>p.required),disabled:i(()=>p.disabled),firstEnabledValue:i(()=>g.value),onValueChange:function(e){void 0===p.value&&(h.value=e),m("update:value",e),m("value-change",e)}});const k=a();function q(a){const o=e(a.key,a.currentTarget,k()),t=y.value;if(!t)return;const i=Array.from(t.querySelectorAll('[role="radio"]')).filter(e=>!e.hasAttribute("disabled"));if(0===i.length)return;const d=i.indexOf(document.activeElement),r="horizontal"===p.orientation||"both"===p.orientation,l="vertical"===p.orientation||"both"===p.orientation,n=[...r?["ArrowLeft"]:[],...l?["ArrowUp"]:[]];let u;[...r?["ArrowRight"]:[],...l?["ArrowDown"]:[]].includes(o)?(u=d+1,u>=i.length&&(u=p.loop?0:i.length-1)):n.includes(o)?(u=d-1,u<0&&(u=p.loop?i.length-1:0)):"Home"===o?u=0:"End"===o&&(u=i.length-1),void 0!==u&&(a.preventDefault(),i[u]?.focus())}return(e,a)=>(l(),d("div",{class:"skdx-radio-group","data-part":"root","data-skdx-component":"radio-group",ref_key:"rootRef",ref:y,role:"radiogroup","aria-required":r.required||void 0,"aria-invalid":!!r.invalid||void 0,"data-disabled":r.disabled?"":void 0,"data-invalid":r.invalid?"":void 0,"data-orientation":r.orientation,onKeydown:q},[s(e.$slots,"default")],40,f))}});export{c as default};

package/dist/radio-group/RadioGroupIndicator.vue.cjs

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

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

@@ -0,0 +1,24 @@
+/**
+ * The visual mark (e.g. a dot) shown inside a checked `SkdxRadioGroupItem`.
+ * Renders `<span data-state data-disabled>` mirroring the parent item's
+ * state. Unmounts when unchecked unless `forceMount` is set. Must be used
+ * inside a `SkdxRadioGroupItem`.
+ */
+type __VLS_Props = {
+    /** Keep this indicator mounted even while its item isn't checked. */
+    forceMount?: boolean;
+};
+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<{}>, {
+    forceMount: 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;
+    };
+};

package/dist/radio-group/RadioGroupIndicator.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The visual mark (e.g. a dot) shown inside a checked `SkdxRadioGroupItem`.
+ * Renders `<span data-state data-disabled>` mirroring the parent item's
+ * state. Unmounts when unchecked unless `forceMount` is set. Must be used
+ * inside a `SkdxRadioGroupItem`.
+ */
+type __VLS_Props = {
+    /** Keep this indicator mounted even while its item isn't checked. */
+    forceMount?: boolean;
+};
+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<{}>, {
+    forceMount: 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;
+    };
+};

package/dist/radio-group/RadioGroupIndicator.vue.js

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

package/dist/radio-group/RadioGroupIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("./context.cjs");let e=require("vue");var o=["data-state","data-disabled"],u=(0,e.defineComponent)({__name:"RadioGroupIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(a){const t=(0,e.inject)(d.RADIO_ITEM_CONTEXT);if(!t)throw new Error("<SkdxRadioGroupIndicator> must be used inside <SkdxRadioGroupItem>.");return(r,n)=>a.forceMount||(0,e.unref)(t).checked.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-radio-group__indicator","data-part":"indicator","data-state":(0,e.unref)(t).checked.value?"checked":"unchecked","data-disabled":(0,e.unref)(t).disabled.value?"":void 0},[(0,e.renderSlot)(r.$slots,"default")],8,o)):(0,e.createCommentVNode)("",!0)}});exports.default=u;

package/dist/radio-group/RadioGroupIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{RADIO_ITEM_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as t,defineComponent as o,inject as d,openBlock as r,renderSlot as s,unref as n}from"vue";var c=["data-state","data-disabled"],i=/* @__PURE__ */o({__name:"RadioGroupIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(o){const i=d(e);if(!i)throw new Error("<SkdxRadioGroupIndicator> must be used inside <SkdxRadioGroupItem>.");return(e,d)=>o.forceMount||n(i).checked.value?(r(),t("span",{key:0,class:"skdx-radio-group__indicator","data-part":"indicator","data-state":n(i).checked.value?"checked":"unchecked","data-disabled":n(i).disabled.value?"":void 0},[s(e.$slots,"default")],8,c)):a("",!0)}});export{i as default};

package/dist/radio-group/RadioGroupItem.vue.cjs

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