@skdx/vue 0.28.0 → 0.30.0

package/dist/qr-code/QrCode.vue.d.cts

@@ -1,77 +1,30 @@
 import { type QrCodeErrorCorrection } from './context.cjs';
 /**
- * The Vue implementation of the shared QrCode contract (see `@skdx/shared`'s
- * `qrCodeContract`). Root of a QR code: encodes `value` once and hands the
- * resulting module matrix to `SkdxQrCodeFrame` / `SkdxQrCodePattern` /
- * `SkdxQrCodeOverlay` via `provide()`. Renders a `<div>` carrying
- * `--skdx-qr-code-size` — the module count, e.g. `29` — as an inline custom
- * property, so a consumer can size the symbol from CSS
- * (`width: calc(var(--skdx-qr-code-size) * 4px)`) without reading the version
- * back out in JavaScript.
- *
- * **The encode is a `computed` on `value` + `errorCorrection` + `version`.** A
- * QR encode is ~8 full passes over up to 177² modules for mask selection; doing
- * it on every render is the bug this component ships with everywhere.
- *
- * By default the root also renders `value` as visually hidden text: a QR code
- * is a dead end for anyone without a camera, and the payload is usually a URL
- * they would otherwise never reach.
- *
- * When `value` will not fit — over capacity, or a pinned `version` too small —
- * `encode-error` fires and the root renders **nothing**. A partial or clipped
- * symbol would scan to the wrong destination, which is worse than no symbol.
- *
- * Given no default slot content it derives the Frame wrapping the Pattern,
- * plus an Overlay when the `overlay` slot holds content. Given a default
- * slot, that content is the body and nothing is derived. Only presence is
- * inspected, never what the slot holds. The parts are advanced primitives —
- * `@skdx/vue/primitives/qr-code`.
+ * Root of a QR code: encodes `value` once and hands the resulting module matrix to `SkdxQrCodeFrame` / `SkdxQrCodePattern` / `SkdxQrCodeOverlay`.
  *
  * ```vue
  * <SkdxQrCode value="https://example.com" error-correction="H" aria-label="Link to example.com">
  *   <template #overlay><image :href="logo" width="7" height="7" /></template>
  * </SkdxQrCode>
  * ```
- *
- * @example Manual composition, for a structure the derived anatomy can't express —
- * `import * as QrCode from '@skdx/vue/primitives/qr-code'`:
- * ```vue
- * <SkdxQrCode value="https://example.com" error-correction="H">
- *   <SkdxQrCodeFrame aria-label="Link to example.com">
- *     <SkdxQrCodePattern fill="currentColor" />
- *     <SkdxQrCodeOverlay :extent="7">
- *       <image :href="logo" width="7" height="7" />
- *     </SkdxQrCodeOverlay>
- *   </SkdxQrCodeFrame>
- * </SkdxQrCode>
- * ```
  */
 type __VLS_Props = {
-    /**
-     * The payload to encode — a URL, a phone number, a Wi-Fi credential string.
-     * Encoded as UTF-8 bytes, so any string is valid input; only its *length*
-     * can push the symbol past capacity.
-     */
+    /** The payload to encode — a URL, phone number, or Wi-Fi credential string — as UTF-8 bytes. */
     value: string;
     /**
-     * Error-correction level. Higher levels survive more damage at the cost of
-     * a denser symbol. **A logo overlay requires `'H'`** — only its ~30%
-     * redundancy can reconstruct modules destroyed by overlay paint.
+     * Error-correction level; higher levels survive more damage at the cost of a denser symbol. A logo overlay requires `'H'`.
      * @default 'M'
      */
     errorCorrection?: QrCodeErrorCorrection;
     /**
-     * Force a symbol version (1–40), fixing the module count at `4 × version + 17`.
-     * A version too small for `value` is an encode failure, not a silent upgrade.
+     * Forces a symbol version (1–40), fixing the module count at `4 × version + 17`.
      * @default undefined — the smallest version whose capacity fits `value`.
+     * @min 1
+     * @max 40
      */
     version?: number;
     /**
-     * Visually hidden text rendered inside the root. Allows screen-reader users
-     * to reach the destination without a camera.
-     *
-     * Pass a **string** to render that instead — use for payloads not meant to
-     * be recited aloud. Set to `false` only when you render the value yourself.
+     * Visually hidden text inside the root, for screen-reader users without a camera; pass a string to override the rendered text.
      * @default true
      */
     hiddenLabel?: boolean | string;
@@ -85,7 +38,7 @@ type __VLS_Slots = {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "encode-error": (error: Error) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onEncode-error"?: ((error: Error) => any) | undefined;
+    "onEncode-error"?: (error: Error) => any;
 }>, {
     errorCorrection: QrCodeErrorCorrection;
     hiddenLabel: boolean | string;

package/dist/qr-code/QrCode.vue.d.ts

@@ -1,77 +1,30 @@
 import { type QrCodeErrorCorrection } from './context.js';
 /**
- * The Vue implementation of the shared QrCode contract (see `@skdx/shared`'s
- * `qrCodeContract`). Root of a QR code: encodes `value` once and hands the
- * resulting module matrix to `SkdxQrCodeFrame` / `SkdxQrCodePattern` /
- * `SkdxQrCodeOverlay` via `provide()`. Renders a `<div>` carrying
- * `--skdx-qr-code-size` — the module count, e.g. `29` — as an inline custom
- * property, so a consumer can size the symbol from CSS
- * (`width: calc(var(--skdx-qr-code-size) * 4px)`) without reading the version
- * back out in JavaScript.
- *
- * **The encode is a `computed` on `value` + `errorCorrection` + `version`.** A
- * QR encode is ~8 full passes over up to 177² modules for mask selection; doing
- * it on every render is the bug this component ships with everywhere.
- *
- * By default the root also renders `value` as visually hidden text: a QR code
- * is a dead end for anyone without a camera, and the payload is usually a URL
- * they would otherwise never reach.
- *
- * When `value` will not fit — over capacity, or a pinned `version` too small —
- * `encode-error` fires and the root renders **nothing**. A partial or clipped
- * symbol would scan to the wrong destination, which is worse than no symbol.
- *
- * Given no default slot content it derives the Frame wrapping the Pattern,
- * plus an Overlay when the `overlay` slot holds content. Given a default
- * slot, that content is the body and nothing is derived. Only presence is
- * inspected, never what the slot holds. The parts are advanced primitives —
- * `@skdx/vue/primitives/qr-code`.
+ * Root of a QR code: encodes `value` once and hands the resulting module matrix to `SkdxQrCodeFrame` / `SkdxQrCodePattern` / `SkdxQrCodeOverlay`.
  *
  * ```vue
  * <SkdxQrCode value="https://example.com" error-correction="H" aria-label="Link to example.com">
  *   <template #overlay><image :href="logo" width="7" height="7" /></template>
  * </SkdxQrCode>
  * ```
- *
- * @example Manual composition, for a structure the derived anatomy can't express —
- * `import * as QrCode from '@skdx/vue/primitives/qr-code'`:
- * ```vue
- * <SkdxQrCode value="https://example.com" error-correction="H">
- *   <SkdxQrCodeFrame aria-label="Link to example.com">
- *     <SkdxQrCodePattern fill="currentColor" />
- *     <SkdxQrCodeOverlay :extent="7">
- *       <image :href="logo" width="7" height="7" />
- *     </SkdxQrCodeOverlay>
- *   </SkdxQrCodeFrame>
- * </SkdxQrCode>
- * ```
  */
 type __VLS_Props = {
-    /**
-     * The payload to encode — a URL, a phone number, a Wi-Fi credential string.
-     * Encoded as UTF-8 bytes, so any string is valid input; only its *length*
-     * can push the symbol past capacity.
-     */
+    /** The payload to encode — a URL, phone number, or Wi-Fi credential string — as UTF-8 bytes. */
     value: string;
     /**
-     * Error-correction level. Higher levels survive more damage at the cost of
-     * a denser symbol. **A logo overlay requires `'H'`** — only its ~30%
-     * redundancy can reconstruct modules destroyed by overlay paint.
+     * Error-correction level; higher levels survive more damage at the cost of a denser symbol. A logo overlay requires `'H'`.
      * @default 'M'
      */
     errorCorrection?: QrCodeErrorCorrection;
     /**
-     * Force a symbol version (1–40), fixing the module count at `4 × version + 17`.
-     * A version too small for `value` is an encode failure, not a silent upgrade.
+     * Forces a symbol version (1–40), fixing the module count at `4 × version + 17`.
      * @default undefined — the smallest version whose capacity fits `value`.
+     * @min 1
+     * @max 40
      */
     version?: number;
     /**
-     * Visually hidden text rendered inside the root. Allows screen-reader users
-     * to reach the destination without a camera.
-     *
-     * Pass a **string** to render that instead — use for payloads not meant to
-     * be recited aloud. Set to `false` only when you render the value yourself.
+     * Visually hidden text inside the root, for screen-reader users without a camera; pass a string to override the rendered text.
      * @default true
      */
     hiddenLabel?: boolean | string;
@@ -85,7 +38,7 @@ type __VLS_Slots = {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "encode-error": (error: Error) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onEncode-error"?: ((error: Error) => any) | undefined;
+    "onEncode-error"?: (error: Error) => any;
 }>, {
     errorCorrection: QrCodeErrorCorrection;
     hiddenLabel: boolean | string;

package/dist/qr-code/QrCode.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const m=require("../utils/VisuallyHidden.vue.cjs"),y=require("./context.cjs"),p=require("./encoder.cjs"),C=require("./QrCodeAnatomy.vue.cjs");let e=require("vue");var b=(0,e.defineComponent)({__name:"QrCode",props:{value:{},errorCorrection:{default:"M"},version:{},hiddenLabel:{type:[Boolean,String],default:!0}},emits:["encode-error"],setup(o,{emit:i}){const r=o,u=i,l=(0,e.useAttrs)(),c=(0,e.computed)(()=>l["aria-label"]),s=(0,e.computed)(()=>l["aria-labelledby"]),t=(0,e.computed)(()=>p.encodeQr(r.value,r.errorCorrection,r.version)),n=(0,e.computed)(()=>t.value?.length??0),v=(0,e.computed)(()=>({"--skdx-qr-code-size":n.value}));(0,e.provide)(y.QR_CODE_CONTEXT,{matrix:(0,e.computed)(()=>t.value??[]),size:n,value:(0,e.computed)(()=>r.value),errorCorrection:(0,e.computed)(()=>r.errorCorrection)});function d(){t.value===null&&u("encode-error",new Error(`[skandadx] QrCode cannot encode a ${r.value.length}-character value at error correction "${r.errorCorrection}"`+(r.version===void 0?" within version 40.":` at version ${r.version}.`)))}return(0,e.onMounted)(d),(0,e.watch)(()=>[r.value,r.errorCorrection,r.version],d),(a,f)=>t.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-qr-code","data-part":"root","data-skdx-component":"qr-code",style:(0,e.normalizeStyle)(v.value)},[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createVNode)(C.default,{"aria-label":c.value,"aria-labelledby":s.value},(0,e.createSlots)({_:2},[a.$slots.overlay?{name:"overlay",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"overlay")]),key:"0"}:void 0]),1032,["aria-label","aria-labelledby"])]),o.hiddenLabel!==!1?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.hiddenLabel===!0?o.value:o.hiddenLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0)],4)):(0,e.createCommentVNode)("",!0)}});exports.default=b;
+const m=require("../utils/VisuallyHidden.vue.cjs"),y=require("../utils/qr-encoder.cjs"),p=require("./context.cjs"),C=require("./QrCodeAnatomy.vue.cjs");let e=require("vue");var b=(0,e.defineComponent)({__name:"QrCode",props:{value:{},errorCorrection:{default:"M"},version:{},hiddenLabel:{type:[Boolean,String],default:!0}},emits:["encode-error"],setup(o,{emit:i}){const r=o,u=i,l=(0,e.useAttrs)(),c=(0,e.computed)(()=>l["aria-label"]),s=(0,e.computed)(()=>l["aria-labelledby"]),t=(0,e.computed)(()=>y.encodeQr(r.value,r.errorCorrection,r.version)),n=(0,e.computed)(()=>t.value?.length??0),v=(0,e.computed)(()=>({"--skdx-qr-code-size":n.value}));(0,e.provide)(p.QR_CODE_CONTEXT,{matrix:(0,e.computed)(()=>t.value??[]),size:n,value:(0,e.computed)(()=>r.value),errorCorrection:(0,e.computed)(()=>r.errorCorrection)});function d(){t.value===null&&u("encode-error",new Error(`[skandadx] QrCode cannot encode a ${r.value.length}-character value at error correction "${r.errorCorrection}"`+(r.version===void 0?" within version 40.":` at version ${r.version}.`)))}return(0,e.onMounted)(d),(0,e.watch)(()=>[r.value,r.errorCorrection,r.version],d),(a,f)=>t.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-qr-code","data-part":"root","data-skdx-component":"qr-code",style:(0,e.normalizeStyle)(v.value)},[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createVNode)(C.default,{"aria-label":c.value,"aria-labelledby":s.value},(0,e.createSlots)({_:2},[a.$slots.overlay?{name:"overlay",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"overlay")]),key:"0"}:void 0]),1032,["aria-label","aria-labelledby"])]),o.hiddenLabel!==!1?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.hiddenLabel===!0?o.value:o.hiddenLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0)],4)):(0,e.createCommentVNode)("",!0)}});exports.default=b;

package/dist/qr-code/QrCode.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../utils/VisuallyHidden.vue.js";import{QR_CODE_CONTEXT as r}from"./context.js";import{encodeQr as a}from"./encoder.js";import o from"./QrCodeAnatomy.vue.js";import{computed as t,createBlock as l,createCommentVNode as n,createElementBlock as s,createSlots as i,createTextVNode as d,createVNode as c,defineComponent as v,normalizeStyle as u,onMounted as m,openBlock as p,provide as y,renderSlot as C,toDisplayString as b,useAttrs as f,watch as h,withCtx as k}from"vue";var x=/* @__PURE__ */v({__name:"QrCode",props:{value:{},errorCorrection:{default:"M"},version:{},hiddenLabel:{type:[Boolean,String],default:!0}},emits:["encode-error"],setup(v,{emit:x}){const $=v,_=x,Q=f(),S=t(()=>Q["aria-label"]),g=t(()=>Q["aria-labelledby"]),j=t(()=>a($.value,$.errorCorrection,$.version)),w=t(()=>j.value?.length??0),B=t(()=>({"--skdx-qr-code-size":w.value}));function E(){null===j.value&&_("encode-error",/* @__PURE__ */new Error(`[skandadx] QrCode cannot encode a ${$.value.length}-character value at error correction "${$.errorCorrection}"`+(void 0===$.version?" within version 40.":` at version ${$.version}.`)))}return y(r,{matrix:t(()=>j.value??[]),size:w,value:t(()=>$.value),errorCorrection:t(()=>$.errorCorrection)}),m(E),h(()=>[$.value,$.errorCorrection,$.version],E),(r,a)=>j.value?(p(),s("div",{key:0,class:"skdx-qr-code","data-part":"root","data-skdx-component":"qr-code",style:u(B.value)},[C(r.$slots,"default",{},()=>[c(o,{"aria-label":S.value,"aria-labelledby":g.value},i({_:2},[r.$slots.overlay?{name:"overlay",fn:k(()=>[C(r.$slots,"overlay")]),key:"0"}:void 0]),1032,["aria-label","aria-labelledby"])]),!1!==v.hiddenLabel?(p(),l(e,{key:0},{default:k(()=>[d(b(!0===v.hiddenLabel?v.value:v.hiddenLabel),1)]),_:1})):n("",!0)],4)):n("",!0)}});export{x as default};
+import e from"../utils/VisuallyHidden.vue.js";import{encodeQr as r}from"../utils/qr-encoder.js";import{QR_CODE_CONTEXT as a}from"./context.js";import o from"./QrCodeAnatomy.vue.js";import{computed as t,createBlock as l,createCommentVNode as s,createElementBlock as n,createSlots as i,createTextVNode as d,createVNode as c,defineComponent as u,normalizeStyle as v,onMounted as m,openBlock as p,provide as y,renderSlot as C,toDisplayString as b,useAttrs as f,watch as h,withCtx as k}from"vue";var x=/* @__PURE__ */u({__name:"QrCode",props:{value:{},errorCorrection:{default:"M"},version:{},hiddenLabel:{type:[Boolean,String],default:!0}},emits:["encode-error"],setup(u,{emit:x}){const $=u,_=x,Q=f(),S=t(()=>Q["aria-label"]),g=t(()=>Q["aria-labelledby"]),j=t(()=>r($.value,$.errorCorrection,$.version)),q=t(()=>j.value?.length??0),w=t(()=>({"--skdx-qr-code-size":q.value}));function B(){null===j.value&&_("encode-error",/* @__PURE__ */new Error(`[skandadx] QrCode cannot encode a ${$.value.length}-character value at error correction "${$.errorCorrection}"`+(void 0===$.version?" within version 40.":` at version ${$.version}.`)))}return y(a,{matrix:t(()=>j.value??[]),size:q,value:t(()=>$.value),errorCorrection:t(()=>$.errorCorrection)}),m(B),h(()=>[$.value,$.errorCorrection,$.version],B),(r,a)=>j.value?(p(),n("div",{key:0,class:"skdx-qr-code","data-part":"root","data-skdx-component":"qr-code",style:v(w.value)},[C(r.$slots,"default",{},()=>[c(o,{"aria-label":S.value,"aria-labelledby":g.value},i({_:2},[r.$slots.overlay?{name:"overlay",fn:k(()=>[C(r.$slots,"overlay")]),key:"0"}:void 0]),1032,["aria-label","aria-labelledby"])]),!1!==u.hiddenLabel?(p(),l(e,{key:0},{default:k(()=>[d(b(!0===u.hiddenLabel?u.value:u.hiddenLabel),1)]),_:1})):s("",!0)],4)):s("",!0)}});export{x as default};

package/dist/qr-code/QrCodeAnatomy.vue.d.cts

@@ -1,19 +1,14 @@
-/**
- * The anatomy an `SkdxQrCode` draws when its default slot holds none of its
- * own parts: a Frame wrapping the Pattern, plus an Overlay when the
- * `overlay` slot holds content.
- * @internal
- */
+/** @internal Draws a Frame wrapping the Pattern, plus an Overlay when the overlay slot holds content. */
 type __VLS_Props = {
-    ariaLabel?: string;
-    ariaLabelledby?: string;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
 };
 type __VLS_Slots = {
     overlay?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    ariaLabel: string;
-    ariaLabelledby: string;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/qr-code/QrCodeAnatomy.vue.d.ts

@@ -1,19 +1,14 @@
-/**
- * The anatomy an `SkdxQrCode` draws when its default slot holds none of its
- * own parts: a Frame wrapping the Pattern, plus an Overlay when the
- * `overlay` slot holds content.
- * @internal
- */
+/** @internal Draws a Frame wrapping the Pattern, plus an Overlay when the overlay slot holds content. */
 type __VLS_Props = {
-    ariaLabel?: string;
-    ariaLabelledby?: string;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
 };
 type __VLS_Slots = {
     overlay?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    ariaLabel: string;
-    ariaLabelledby: string;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/qr-code/QrCodeFrame.vue.d.cts

@@ -1,7 +1,5 @@
 /**
- * SVG host for QR code. `viewBox` is `0 0 size size` (one unit = one module).
- * Size via CSS or `--skdx-qr-code-size`. Named (via `aria-label`/`aria-labelledby`)
- * becomes `role="img"`; unnamed is `aria-hidden`.
+ * SVG host for the QR code; `viewBox` is `0 0 size size`, one unit per module.
  *
  * @example
  * ```vue

package/dist/qr-code/QrCodeFrame.vue.d.ts

@@ -1,7 +1,5 @@
 /**
- * SVG host for QR code. `viewBox` is `0 0 size size` (one unit = one module).
- * Size via CSS or `--skdx-qr-code-size`. Named (via `aria-label`/`aria-labelledby`)
- * becomes `role="img"`; unnamed is `aria-hidden`.
+ * SVG host for the QR code; `viewBox` is `0 0 size size`, one unit per module.
  *
  * @example
  * ```vue

package/dist/qr-code/QrCodeFrame.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var n=["viewBox","role","aria-hidden"],i=(0,e.defineComponent)({inheritAttrs:!1,__name:"QrCodeFrame",setup(u){const r=(0,e.inject)(d.QR_CODE_CONTEXT);if(!r)throw new Error("<SkdxQrCodeFrame> must be used inside <SkdxQrCode>.");const{size:t}=r,a=(0,e.useAttrs)(),o=(0,e.computed)(()=>a["aria-label"]!==void 0||a["aria-labelledby"]!==void 0);return(s,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("svg",(0,e.mergeProps)({class:"skdx-qr-code__frame","data-part":"frame",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${(0,e.unref)(t)} ${(0,e.unref)(t)}`,"shape-rendering":"crispEdges",role:o.value?"img":void 0,"aria-hidden":o.value?void 0:!0},s.$attrs),[(0,e.renderSlot)(s.$slots,"default")],16,n))}});exports.default=i;
+const o=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var u=["role","aria-hidden"],n=(0,e.defineComponent)({inheritAttrs:!1,__name:"QrCodeFrame",setup(l){const{size:t}=o.injectRequired(i.QR_CODE_CONTEXT,"<SkdxQrCodeFrame> must be used inside <SkdxQrCode>."),r=(0,e.useAttrs)(),a=(0,e.computed)(()=>r["aria-label"]!==void 0||r["aria-labelledby"]!==void 0),s=(0,e.computed)(()=>({viewBox:`0 0 ${t.value} ${t.value}`,...r}));return(d,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("svg",(0,e.mergeProps)({class:"skdx-qr-code__frame","data-part":"frame",xmlns:"http://www.w3.org/2000/svg","shape-rendering":"crispEdges",role:a.value?"img":void 0,"aria-hidden":a.value?void 0:!0},s.value),[(0,e.renderSlot)(d.$slots,"default")],16,u))}});exports.default=n;

package/dist/qr-code/QrCodeFrame.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{QR_CODE_CONTEXT as e}from"./context.js";import{computed as r,createElementBlock as a,defineComponent as s,inject as o,mergeProps as t,openBlock as d,renderSlot as i,unref as n,useAttrs as l}from"vue";var m=["viewBox","role","aria-hidden"],p=/* @__PURE__ */s({inheritAttrs:!1,__name:"QrCodeFrame",setup(s){const p=o(e);if(!p)throw new Error("<SkdxQrCodeFrame> must be used inside <SkdxQrCode>.");const{size:u}=p,v=l(),c=r(()=>void 0!==v["aria-label"]||void 0!==v["aria-labelledby"]);return(e,r)=>(d(),a("svg",t({class:"skdx-qr-code__frame","data-part":"frame",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${n(u)} ${n(u)}`,"shape-rendering":"crispEdges",role:c.value?"img":void 0,"aria-hidden":!c.value||void 0},e.$attrs),[i(e.$slots,"default")],16,m))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{QR_CODE_CONTEXT as a}from"./context.js";import{computed as r,createElementBlock as s,defineComponent as o,mergeProps as t,openBlock as d,renderSlot as i,useAttrs as l}from"vue";var n=["role","aria-hidden"],m=/* @__PURE__ */o({inheritAttrs:!1,__name:"QrCodeFrame",setup(o){const{size:m}=e(a,"<SkdxQrCodeFrame> must be used inside <SkdxQrCode>."),u=l(),v=r(()=>void 0!==u["aria-label"]||void 0!==u["aria-labelledby"]),p=r(()=>({viewBox:`0 0 ${m.value} ${m.value}`,...u}));return(e,a)=>(d(),s("svg",t({class:"skdx-qr-code__frame","data-part":"frame",xmlns:"http://www.w3.org/2000/svg","shape-rendering":"crispEdges",role:v.value?"img":void 0,"aria-hidden":!v.value||void 0},p.value),[i(e.$slots,"default")],16,n))}});export{m as default};

package/dist/qr-code/QrCodeOverlay.vue.d.cts

@@ -1,15 +1,5 @@
 /**
- * A centred slot for a logo, sitting on top of the pattern. Children draw into
- * an `extent` × `extent` box with origin at `(0, 0)`.
- *
- * Nothing is drawn for you — no backing plate, no padding, no clip. A logo
- * usually wants an opaque `<rect>` behind it so the modules do not show through.
- *
- * **Use `error-correction="H"` on the root whenever this is present.** The overlay
- * destroys every module underneath it; only level `'H'` carries ~30% redundancy to
- * reconstruct them. This component cannot raise the level silently.
- *
- * Must be used inside an `<SkdxQrCode>`.
+ * Centred slot for a logo, sitting on top of the pattern; children draw into an `extent` × `extent` box at `(0, 0)`. Requires `error-correction="H"` on the root.
  *
  * @example
  * ```vue
@@ -21,9 +11,7 @@
  */
 type __VLS_Props = {
     /**
-     * Edge length of the overlay box **in module units** — `8` is eight modules
-     * wide at any symbol size. Keep it under roughly a fifth of the symbol's edge;
-     * larger overlays damage more modules than `'H'` error correction recovers.
+     * Edge length of the overlay box in module units; keep it under roughly a fifth of the symbol's edge.
      * @default 7
      */
     extent?: number;

package/dist/qr-code/QrCodeOverlay.vue.d.ts

@@ -1,15 +1,5 @@
 /**
- * A centred slot for a logo, sitting on top of the pattern. Children draw into
- * an `extent` × `extent` box with origin at `(0, 0)`.
- *
- * Nothing is drawn for you — no backing plate, no padding, no clip. A logo
- * usually wants an opaque `<rect>` behind it so the modules do not show through.
- *
- * **Use `error-correction="H"` on the root whenever this is present.** The overlay
- * destroys every module underneath it; only level `'H'` carries ~30% redundancy to
- * reconstruct them. This component cannot raise the level silently.
- *
- * Must be used inside an `<SkdxQrCode>`.
+ * Centred slot for a logo, sitting on top of the pattern; children draw into an `extent` × `extent` box at `(0, 0)`. Requires `error-correction="H"` on the root.
  *
  * @example
  * ```vue
@@ -21,9 +11,7 @@
  */
 type __VLS_Props = {
     /**
-     * Edge length of the overlay box **in module units** — `8` is eight modules
-     * wide at any symbol size. Keep it under roughly a fifth of the symbol's edge;
-     * larger overlays damage more modules than `'H'` error correction recovers.
+     * Edge length of the overlay box in module units; keep it under roughly a fifth of the symbol's edge.
      * @default 7
      */
     extent?: number;

package/dist/qr-code/QrCodeOverlay.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var u=["transform"],c=(0,e.defineComponent)({__name:"QrCodeOverlay",props:{extent:{default:7}},setup(n){const a=n,r=(0,e.inject)(o.QR_CODE_CONTEXT);if(!r)throw new Error("<SkdxQrCodeOverlay> must be used inside <SkdxQrCode>.");const s=r.size;o.warnUnlessHighErrorCorrection(r.errorCorrection.value);const t=(0,e.computed)(()=>(s.value-a.extent)/2);return(l,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("g",{class:"skdx-qr-code__overlay","data-part":"overlay",transform:`translate(${t.value} ${t.value})`},[(0,e.renderSlot)(l.$slots,"default")],8,u))}});exports.default=c;
+const c=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"QrCodeOverlay",props:{extent:{default:7}},setup(n){const s=n,r=c.injectRequired(o.QR_CODE_CONTEXT,"<SkdxQrCodeOverlay> must be used inside <SkdxQrCode>."),u=r.size;o.warnUnlessHighErrorCorrection(r.errorCorrection.value);const t=(0,e.computed)(()=>(u.value-s.extent)/2),a=(0,e.computed)(()=>({transform:`translate(${t.value} ${t.value})`}));return(l,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("g",(0,e.mergeProps)({class:"skdx-qr-code__overlay","data-part":"overlay"},a.value),[(0,e.renderSlot)(l.$slots,"default")],16))}});exports.default=d;

package/dist/qr-code/QrCodeOverlay.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{QR_CODE_CONTEXT as e,warnUnlessHighErrorCorrection as r}from"./context.js";import{computed as o,createElementBlock as t,defineComponent as a,inject as s,openBlock as n,renderSlot as l}from"vue";var d=["transform"],c=/* @__PURE__ */a({__name:"QrCodeOverlay",props:{extent:{default:7}},setup(a){const c=a,u=s(e);if(!u)throw new Error("<SkdxQrCodeOverlay> must be used inside <SkdxQrCode>.");const i=u.size;r(u.errorCorrection.value);const m=o(()=>(i.value-c.extent)/2);return(e,r)=>(n(),t("g",{class:"skdx-qr-code__overlay","data-part":"overlay",transform:`translate(${m.value} ${m.value})`},[l(e.$slots,"default")],8,d))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{QR_CODE_CONTEXT as r,warnUnlessHighErrorCorrection as t}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as s,mergeProps as n,openBlock as l,renderSlot as d}from"vue";var u=/* @__PURE__ */s({__name:"QrCodeOverlay",props:{extent:{default:7}},setup(s){const u=s,i=e(r,"<SkdxQrCodeOverlay> must be used inside <SkdxQrCode>."),c=i.size;t(i.errorCorrection.value);const m=a(()=>(c.value-u.extent)/2),p=a(()=>({transform:`translate(${m.value} ${m.value})`}));return(e,r)=>(l(),o("g",n({class:"skdx-qr-code__overlay","data-part":"overlay"},p.value),[d(e.$slots,"default")],16))}});export{u as default};

package/dist/qr-code/QrCodePattern.vue.d.cts

@@ -1,6 +1,5 @@
 /**
- * Every dark module as one `<path>` — efficient rendering where `d` is
- * computed and survives re-renders. Has no fill; set it yourself.
+ * Every dark module as one `<path>`, with no fill set — style it yourself.
  *
  * @example
  * ```vue

package/dist/qr-code/QrCodePattern.vue.d.ts

@@ -1,6 +1,5 @@
 /**
- * Every dark module as one `<path>` — efficient rendering where `d` is
- * computed and survives re-renders. Has no fill; set it yourself.
+ * Every dark module as one `<path>`, with no fill set — style it yourself.
  *
  * @example
  * ```vue

package/dist/qr-code/QrCodePattern.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var s=["d"],l=(0,e.defineComponent)({__name:"QrCodePattern",setup(p){const a=(0,e.inject)(d.QR_CODE_CONTEXT);if(!a)throw new Error("<SkdxQrCodePattern> must be used inside <SkdxQrCode>.");const{matrix:_}=a,c=(0,e.computed)(()=>{let n="";const o=_.value;for(let t=0;t<o.length;t++){const u=o[t];for(let r=0;r<u.length;r++)u[r]&&(n+=`M${r} ${t}h1v1h-1z`)}return n});return(n,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("path",{class:"skdx-qr-code__pattern","data-part":"pattern",d:c.value},null,8,s))}});exports.default=l;
+const d=require("../utils/injectRequired.cjs"),c=require("./context.cjs");let r=require("vue");var s=["d"],l=(0,r.defineComponent)({__name:"QrCodePattern",setup(i){const{matrix:_}=d.injectRequired(c.QR_CODE_CONTEXT,"<SkdxQrCodePattern> must be used inside <SkdxQrCode>."),a=(0,r.computed)(()=>{let n="";const o=_.value;for(let e=0;e<o.length;e++){const u=o[e];for(let t=0;t<u.length;t++)u[t]&&(n+=`M${t} ${e}h1v1h-1z`)}return n});return(n,o)=>((0,r.openBlock)(),(0,r.createElementBlock)("path",{class:"skdx-qr-code__pattern","data-part":"pattern",d:a.value},null,8,s))}});exports.default=l;

package/dist/qr-code/QrCodePattern.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{QR_CODE_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as o,inject as a,openBlock as n}from"vue";var s=["d"],d=/* @__PURE__ */o({__name:"QrCodePattern",setup(o){const d=a(e);if(!d)throw new Error("<SkdxQrCodePattern> must be used inside <SkdxQrCode>.");const{matrix:l}=d,c=t(()=>{let e="";const t=l.value;for(let r=0;r<t.length;r++){const o=t[r];for(let t=0;t<o.length;t++)o[t]&&(e+=`M${t} ${r}h1v1h-1z`)}return e});return(e,t)=>(n(),r("path",{class:"skdx-qr-code__pattern","data-part":"pattern",d:c.value},null,8,s))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{QR_CODE_CONTEXT as t}from"./context.js";import{computed as r,createElementBlock as a,defineComponent as o,openBlock as n}from"vue";var s=["d"],d=/* @__PURE__ */o({__name:"QrCodePattern",setup(o){const{matrix:d}=e(t,"<SkdxQrCodePattern> must be used inside <SkdxQrCode>."),l=r(()=>{let e="";const t=d.value;for(let r=0;r<t.length;r++){const a=t[r];for(let t=0;t<a.length;t++)a[t]&&(e+=`M${t} ${r}h1v1h-1z`)}return e});return(e,t)=>(n(),a("path",{class:"skdx-qr-code__pattern","data-part":"pattern",d:l.value},null,8,s))}});export{d as default};

package/dist/qr-code/context.cjs

@@ -1 +1 @@
-const o=require("../utils/is-dev-mode.cjs");function n(r){o.isDevMode()&&(r==="H"||e||(e=!0,console.warn(`[skandadx] QrCodeOverlay covers modules the symbol needs, and the QrCode above it is at error correction "${r}". Only "H" carries enough redundancy (~30%) to reconstruct them — set errorCorrection="H" on the QrCode root, or drop the overlay.`)))}var e=!1,t=Symbol("skdx-qr-code-context");exports.QR_CODE_CONTEXT=t;exports.warnUnlessHighErrorCorrection=n;
+const o=require("../utils/dev-mode.cjs");function n(r){o.isDevMode()&&(r==="H"||e||(e=!0,console.warn(`[skandadx] QrCodeOverlay covers modules the symbol needs, and the QrCode above it is at error correction "${r}". Only "H" carries enough redundancy (~30%) to reconstruct them — set errorCorrection="H" on the QrCode root, or drop the overlay.`)))}var e=!1,t=Symbol("skdx-qr-code-context");exports.QR_CODE_CONTEXT=t;exports.warnUnlessHighErrorCorrection=n;

package/dist/qr-code/context.d.cts

@@ -1,5 +1,5 @@
 import type { ComputedRef, InjectionKey } from 'vue';
-import type { ErrorCorrectionLevel } from './encoder.cjs';
+import type { ErrorCorrectionLevel } from '../utils/qr-encoder.cjs';
 /**
  * Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% of the
  * symbol recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%.
@@ -7,9 +7,7 @@ import type { ErrorCorrectionLevel } from './encoder.cjs';
 export type QrCodeErrorCorrection = ErrorCorrectionLevel;
 /** @internal Encoded matrix a QrCode provides to its Frame/Pattern/Overlay parts. Not part of the public API. */
 export interface QrCodeContext {
-    /**
-     * Encoded symbol (`true` = dark module); empty if un-encodable.
-     */
+    /** Encoded symbol (`true` = dark module); empty if un-encodable. */
     matrix: ComputedRef<boolean[][]>;
     /** Edge modules; used as viewBox extent. */
     size: ComputedRef<number>;
@@ -18,10 +16,7 @@ export interface QrCodeContext {
     /** Error-correction level; Overlay checks if it's 'H'. */
     errorCorrection: ComputedRef<QrCodeErrorCorrection>;
 }
-/**
- * Warn (once per process in dev) if overlay would destroy modules but error
- * correction is not 'H'.
- */
+/** Warns once per process, in dev, when an overlay would destroy modules but error correction isn't 'H'. */
 export declare function warnUnlessHighErrorCorrection(errorCorrection: QrCodeErrorCorrection): void;
 /** @internal Injection key a QrCode provides so its parts share one encoded matrix instead of re-encoding. */
 export declare const QR_CODE_CONTEXT: InjectionKey<QrCodeContext>;

package/dist/qr-code/context.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, InjectionKey } from 'vue';
-import type { ErrorCorrectionLevel } from './encoder.js';
+import type { ErrorCorrectionLevel } from '../utils/qr-encoder.js';
 /**
  * Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% of the
  * symbol recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%.
@@ -7,9 +7,7 @@ import type { ErrorCorrectionLevel } from './encoder.js';
 export type QrCodeErrorCorrection = ErrorCorrectionLevel;
 /** @internal Encoded matrix a QrCode provides to its Frame/Pattern/Overlay parts. Not part of the public API. */
 export interface QrCodeContext {
-    /**
-     * Encoded symbol (`true` = dark module); empty if un-encodable.
-     */
+    /** Encoded symbol (`true` = dark module); empty if un-encodable. */
     matrix: ComputedRef<boolean[][]>;
     /** Edge modules; used as viewBox extent. */
     size: ComputedRef<number>;
@@ -18,10 +16,7 @@ export interface QrCodeContext {
     /** Error-correction level; Overlay checks if it's 'H'. */
     errorCorrection: ComputedRef<QrCodeErrorCorrection>;
 }
-/**
- * Warn (once per process in dev) if overlay would destroy modules but error
- * correction is not 'H'.
- */
+/** Warns once per process, in dev, when an overlay would destroy modules but error correction isn't 'H'. */
 export declare function warnUnlessHighErrorCorrection(errorCorrection: QrCodeErrorCorrection): void;
 /** @internal Injection key a QrCode provides so its parts share one encoded matrix instead of re-encoding. */
 export declare const QR_CODE_CONTEXT: InjectionKey<QrCodeContext>;

package/dist/qr-code/context.js

@@ -1 +1 @@
-import{isDevMode as o}from"../utils/is-dev-mode.js";function r(r){o()&&("H"===r||e||(e=!0,console.warn(`[skandadx] QrCodeOverlay covers modules the symbol needs, and the QrCode above it is at error correction "${r}". Only "H" carries enough redundancy (~30%) to reconstruct them — set errorCorrection="H" on the QrCode root, or drop the overlay.`)))}var e=!1,t=/* @__PURE__ */Symbol("skdx-qr-code-context");export{t as QR_CODE_CONTEXT,r as warnUnlessHighErrorCorrection};
+import{isDevMode as o}from"../utils/dev-mode.js";function r(r){o()&&("H"===r||e||(e=!0,console.warn(`[skandadx] QrCodeOverlay covers modules the symbol needs, and the QrCode above it is at error correction "${r}". Only "H" carries enough redundancy (~30%) to reconstruct them — set errorCorrection="H" on the QrCode root, or drop the overlay.`)))}var e=!1,t=/* @__PURE__ */Symbol("skdx-qr-code-context");export{t as QR_CODE_CONTEXT,r as warnUnlessHighErrorCorrection};

package/dist/qr-code/primitives.d.cts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for `SkdxQrCode` — the parts the recipe composes.
- * Use when you need a different structure. QrCode here is the barrel export,
- * derives frame/pattern with no children.
+ * Advanced primitives for `SkdxQrCode`, for a different structure than the derived frame/pattern.
  *
  * @example
  * ```vue

package/dist/qr-code/primitives.d.ts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for `SkdxQrCode` — the parts the recipe composes.
- * Use when you need a different structure. QrCode here is the barrel export,
- * derives frame/pattern with no children.
+ * Advanced primitives for `SkdxQrCode`, for a different structure than the derived frame/pattern.
  *
  * @example
  * ```vue

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

@@ -1,6 +1,5 @@
 /**
- * Single-select radio card with entire surface as hit target, interchangeable
- * with RadioGroupItem within RadioGroup. No nested interactive elements.
+ * Single-select radio card with the entire surface as hit target, interchangeable with RadioGroupItem within RadioGroup.
  *
  * @example
  * ```vue
@@ -21,21 +20,27 @@ type __VLS_Props = {
      * Card title, rendered as SkdxRadioCardLabel and wired to the control's accessible name.
      * @default undefined
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * Supporting text under title (price, quota, caveat), rendered as SkdxRadioCardDescription and wired to aria-describedby.
      * @default undefined
      */
-    description?: string;
+    description?: string | 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;
 };
 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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
+    label: string | undefined;
     disabled: boolean;
-    description: string;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    description: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,6 +1,5 @@
 /**
- * Single-select radio card with entire surface as hit target, interchangeable
- * with RadioGroupItem within RadioGroup. No nested interactive elements.
+ * Single-select radio card with the entire surface as hit target, interchangeable with RadioGroupItem within RadioGroup.
  *
  * @example
  * ```vue
@@ -21,21 +20,27 @@ type __VLS_Props = {
      * Card title, rendered as SkdxRadioCardLabel and wired to the control's accessible name.
      * @default undefined
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * Supporting text under title (price, quota, caveat), rendered as SkdxRadioCardDescription and wired to aria-describedby.
      * @default undefined
      */
-    description?: string;
+    description?: string | 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;
 };
 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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
+    label: string | undefined;
     disabled: boolean;
-    description: string;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    description: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-const r=require("./RadioCardControl.vue.cjs"),d=require("./RadioCardDescription.vue.cjs"),o=require("./RadioCardIndicator.vue.cjs"),i=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}},setup(t){return(a,c)=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{value:t.value,disabled:t.disabled},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createVNode)(r.default),(0,e.createVNode)(o.default),t.label!==void 0?((0,e.openBlock)(),(0,e.createBlock)(i.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)(d.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"]))}});exports.default=u;
+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 e from"./RadioCardControl.vue.js";import a from"./RadioCardDescription.vue.js";import o from"./RadioCardIndicator.vue.js";import d from"./RadioCardLabel.vue.js";import t from"./RadioCardRoot.vue.js";import{createBlock as r,createCommentVNode as i,createTextVNode as l,createVNode as s,defineComponent as u,openBlock as p,renderSlot as m,toDisplayString as f,withCtx as n}from"vue";var v=/* @__PURE__ */u({__name:"RadioCard",props:{value:{},disabled:{type:Boolean,default:!1},label:{default:void 0},description:{default:void 0}},setup:u=>(v,c)=>(p(),r(t,{value:u.value,disabled:u.disabled},{default:n(()=>[m(v.$slots,"default",{},()=>[s(e),s(o),void 0!==u.label?(p(),r(d,{key:0},{default:n(()=>[l(f(u.label),1)]),_:1})):i("",!0),void 0!==u.description?(p(),r(a,{key:1},{default:n(()=>[l(f(u.description),1)]),_:1})):i("",!0)])]),_:3},8,["value","disabled"]))});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,7 +1,5 @@
 /**
- * Real `<input type="radio">` in VisuallyHidden (not display:none, stays focusable).
- * Selects on focus only from sibling radio (arrow pattern). Carries explicit
- * role=radio/data-value for selector discovery (implicit role won't match [role=radio]).
+ * Real `<input type="radio">` inside VisuallyHidden, so it stays focusable.
  *
  * @example
  * ```vue