@skdx/vue 0.26.0 → 0.28.0

package/dist/progress/context.js

@@ -1 +1 @@
-var r=/* @__PURE__ */Symbol("skdx-progress-context");function e(r,e){return null==r?"indeterminate":r>=e?"complete":"loading"}var s=/* @__PURE__ */Symbol("skdx-progress-circle-context");function t(r){return Math.round(1e4*r)/1e4}function n(r,e){return Math.max((r-e)/2,0)}function o(r,e,s){return{"--skdx-progress-circle-circumference":t(r),"--skdx-progress-dasharray":t(r),"--skdx-progress-circle-offset":null==e?void 0:t(r*(1-e/s))}}export{s as PROGRESS_CIRCLE_CONTEXT,r as PROGRESS_CONTEXT,n as getCircleRadius,o as getCircleVars,e as getProgressState,t as roundGeometry};
+var r=/* @__PURE__ */Symbol("skdx-progress-context");function e(r,e){return null==r?"indeterminate":r>=e?"complete":"loading"}function s(r,e,s){const t=s-e;return t>0?(r-e)/t*100:0}function t(r,e,s){return null==r?null:Math.min(Math.max(r,e),s)}var n=/* @__PURE__ */Symbol("skdx-progress-circle-context");function o(r){return Math.round(1e4*r)/1e4}function a(r,e){return Math.max((r-e)/2,0)}function c(r,e,t,n){return{"--skdx-progress-circle-circumference":o(r),"--skdx-progress-dasharray":o(r),"--skdx-progress-circle-offset":null==e?void 0:o(r*(1-s(e,t,n)/100))}}export{n as PROGRESS_CIRCLE_CONTEXT,r as PROGRESS_CONTEXT,t as clampProgressValue,a as getCircleRadius,c as getCircleVars,s as getProgressPercent,e as getProgressState,o as roundGeometry};

package/dist/progress/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Progress.vue.cjs"),e=require("./ProgressIndicator.vue.cjs"),o=require("./ProgressCircle.vue.cjs"),s=require("./ProgressCircleIndicator.vue.cjs");exports.SkdxProgress=r.default;exports.SkdxProgressCircle=o.default;exports.SkdxProgressCircleIndicator=s.default;exports.SkdxProgressIndicator=e.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Progress.vue.cjs");exports.SkdxProgress=e.default;

package/dist/progress/index.d.cts

@@ -1,4 +1 @@
 export { default as SkdxProgress } from './Progress.vue.cjs';
-export { default as SkdxProgressIndicator } from './ProgressIndicator.vue.cjs';
-export { default as SkdxProgressCircle } from './ProgressCircle.vue.cjs';
-export { default as SkdxProgressCircleIndicator } from './ProgressCircleIndicator.vue.cjs';

package/dist/progress/index.d.ts

@@ -1,4 +1 @@
 export { default as SkdxProgress } from './Progress.vue.js';
-export { default as SkdxProgressIndicator } from './ProgressIndicator.vue.js';
-export { default as SkdxProgressCircle } from './ProgressCircle.vue.js';
-export { default as SkdxProgressCircleIndicator } from './ProgressCircleIndicator.vue.js';

package/dist/progress/index.js

@@ -1 +1 @@
-import r from"./Progress.vue.js";import s from"./ProgressIndicator.vue.js";import o from"./ProgressCircle.vue.js";import e from"./ProgressCircleIndicator.vue.js";export{r as SkdxProgress,o as SkdxProgressCircle,e as SkdxProgressCircleIndicator,s as SkdxProgressIndicator};
+import r from"./Progress.vue.js";export{r as SkdxProgress};

package/dist/progress/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ProgressCircle.vue.cjs"),e=require("./ProgressCircleIndicator.vue.cjs"),s=require("./ProgressIndicator.vue.cjs"),o=require("./ProgressLabel.vue.cjs"),i=require("./ProgressValue.vue.cjs"),u=require("./Progress.vue.cjs");exports.SkdxProgress=u.default;exports.SkdxProgressCircle=r.default;exports.SkdxProgressCircleIndicator=e.default;exports.SkdxProgressIndicator=s.default;exports.SkdxProgressLabel=o.default;exports.SkdxProgressValue=i.default;

package/dist/progress/primitives.d.cts

@@ -0,0 +1,27 @@
+/**
+ * Advanced primitives for `SkdxProgress` — the parts the recipe composes.
+ * Use when you need a different structure (e.g., custom label, SVG ring).
+ * Progress here is the barrel export, derives body from `circular`/`label`/
+ * `showValue` with no children.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxProgress, SkdxProgressIndicator, SkdxProgressLabel, SkdxProgressValue } from '@skdx/vue/primitives/progress';
+ * </script>
+ *
+ * <template>
+ *   <SkdxProgress :value="66" aria-label="Uploading">
+ *     <SkdxProgressLabel>Uploading</SkdxProgressLabel>
+ *     <SkdxProgressIndicator />
+ *     <SkdxProgressValue />
+ *   </SkdxProgress>
+ * </template>
+ * ```
+ */
+export { default as SkdxProgress } from './Progress.vue.cjs';
+export { default as SkdxProgressLabel } from './ProgressLabel.vue.cjs';
+export { default as SkdxProgressValue } from './ProgressValue.vue.cjs';
+export { default as SkdxProgressIndicator } from './ProgressIndicator.vue.cjs';
+export { default as SkdxProgressCircle } from './ProgressCircle.vue.cjs';
+export { default as SkdxProgressCircleIndicator } from './ProgressCircleIndicator.vue.cjs';

package/dist/progress/primitives.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Advanced primitives for `SkdxProgress` — the parts the recipe composes.
+ * Use when you need a different structure (e.g., custom label, SVG ring).
+ * Progress here is the barrel export, derives body from `circular`/`label`/
+ * `showValue` with no children.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxProgress, SkdxProgressIndicator, SkdxProgressLabel, SkdxProgressValue } from '@skdx/vue/primitives/progress';
+ * </script>
+ *
+ * <template>
+ *   <SkdxProgress :value="66" aria-label="Uploading">
+ *     <SkdxProgressLabel>Uploading</SkdxProgressLabel>
+ *     <SkdxProgressIndicator />
+ *     <SkdxProgressValue />
+ *   </SkdxProgress>
+ * </template>
+ * ```
+ */
+export { default as SkdxProgress } from './Progress.vue.js';
+export { default as SkdxProgressLabel } from './ProgressLabel.vue.js';
+export { default as SkdxProgressValue } from './ProgressValue.vue.js';
+export { default as SkdxProgressIndicator } from './ProgressIndicator.vue.js';
+export { default as SkdxProgressCircle } from './ProgressCircle.vue.js';
+export { default as SkdxProgressCircleIndicator } from './ProgressCircleIndicator.vue.js';

package/dist/progress/primitives.js

@@ -0,0 +1 @@
+import r from"./ProgressCircle.vue.js";import s from"./ProgressCircleIndicator.vue.js";import o from"./ProgressIndicator.vue.js";import e from"./ProgressLabel.vue.js";import a from"./ProgressValue.vue.js";import i from"./Progress.vue.js";export{i as SkdxProgress,r as SkdxProgressCircle,s as SkdxProgressCircleIndicator,o as SkdxProgressIndicator,e as SkdxProgressLabel,a as SkdxProgressValue};

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

@@ -21,12 +21,25 @@ import { type QrCodeErrorCorrection } from './context.cjs';
  * `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.
  *
- * @example
+ * 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`.
+ *
+ * ```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 :size="7">
+ *     <SkdxQrCodeOverlay :extent="7">
  *       <image :href="logo" width="7" height="7" />
  *     </SkdxQrCodeOverlay>
  *   </SkdxQrCodeFrame>
@@ -41,49 +54,33 @@ type __VLS_Props = {
      */
     value: string;
     /**
-     * Error-correction level. Higher levels survive more damage, at the cost of
-     * a denser symbol for the same payload.
-     *
-     * **A logo overlay requires `'H'`, or the code stops scanning.** Anything
-     * painted over the centre destroys the modules underneath it, and only
-     * `'H'` carries enough redundancy (~30%) to reconstruct them.
-     * `SkdxQrCodeOverlay` does not raise the level for you — covering an `'M'`
-     * symbol produces a code that looks right and scans in your hand, then
-     * fails on a customer's older phone in poor light.
+     * 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.
      * @default 'M'
      */
     errorCorrection?: QrCodeErrorCorrection;
     /**
-     * Force a symbol version (1–40), fixing the module count at
-     * `4 × version + 17`. Useful when a set of codes must all render at the
-     * same density.
-     *
-     * A version too small for `value` is an encode failure, not a silent
-     * upgrade — see the `encode-error` event.
+     * 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.
      * @default undefined — the smallest version whose capacity fits `value`.
      */
     version?: number;
     /**
-     * Encoding mode. `'byte'` is the only value today; the prop exists so
-     * numeric, alphanumeric and Kanji modes can be added later without a
-     * breaking change.
-     * @default 'byte'
-     */
-    encoding?: 'byte';
-    /**
-     * Render `value` as visually hidden text inside the root, so a screen-reader
-     * user reaches the destination without a camera. A QR code is otherwise a
-     * dead end to anyone who cannot point a phone at it.
+     * Visually hidden text rendered inside the root. Allows screen-reader users
+     * to reach the destination without a camera.
      *
-     * Set to `false` only when you already render the value (or an equivalent
-     * link) yourself — otherwise it is announced twice.
+     * 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.
      * @default true
      */
-    hiddenLabel?: boolean;
+    hiddenLabel?: boolean | string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — a Frame wrapping a Pattern and, optionally, an Overlay. */
+    default?(): unknown;
+    /** The derived Overlay's content — a logo drawn into its extent × extent box. */
+    overlay?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "encode-error": (error: Error) => any;
@@ -91,8 +88,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onEncode-error"?: ((error: Error) => any) | undefined;
 }>, {
     errorCorrection: QrCodeErrorCorrection;
-    encoding: "byte";
-    hiddenLabel: boolean;
+    hiddenLabel: boolean | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -21,12 +21,25 @@ import { type QrCodeErrorCorrection } from './context.js';
  * `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.
  *
- * @example
+ * 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`.
+ *
+ * ```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 :size="7">
+ *     <SkdxQrCodeOverlay :extent="7">
  *       <image :href="logo" width="7" height="7" />
  *     </SkdxQrCodeOverlay>
  *   </SkdxQrCodeFrame>
@@ -41,49 +54,33 @@ type __VLS_Props = {
      */
     value: string;
     /**
-     * Error-correction level. Higher levels survive more damage, at the cost of
-     * a denser symbol for the same payload.
-     *
-     * **A logo overlay requires `'H'`, or the code stops scanning.** Anything
-     * painted over the centre destroys the modules underneath it, and only
-     * `'H'` carries enough redundancy (~30%) to reconstruct them.
-     * `SkdxQrCodeOverlay` does not raise the level for you — covering an `'M'`
-     * symbol produces a code that looks right and scans in your hand, then
-     * fails on a customer's older phone in poor light.
+     * 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.
      * @default 'M'
      */
     errorCorrection?: QrCodeErrorCorrection;
     /**
-     * Force a symbol version (1–40), fixing the module count at
-     * `4 × version + 17`. Useful when a set of codes must all render at the
-     * same density.
-     *
-     * A version too small for `value` is an encode failure, not a silent
-     * upgrade — see the `encode-error` event.
+     * 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.
      * @default undefined — the smallest version whose capacity fits `value`.
      */
     version?: number;
     /**
-     * Encoding mode. `'byte'` is the only value today; the prop exists so
-     * numeric, alphanumeric and Kanji modes can be added later without a
-     * breaking change.
-     * @default 'byte'
-     */
-    encoding?: 'byte';
-    /**
-     * Render `value` as visually hidden text inside the root, so a screen-reader
-     * user reaches the destination without a camera. A QR code is otherwise a
-     * dead end to anyone who cannot point a phone at it.
+     * Visually hidden text rendered inside the root. Allows screen-reader users
+     * to reach the destination without a camera.
      *
-     * Set to `false` only when you already render the value (or an equivalent
-     * link) yourself — otherwise it is announced twice.
+     * 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.
      * @default true
      */
-    hiddenLabel?: boolean;
+    hiddenLabel?: boolean | string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Full manual composition — a Frame wrapping a Pattern and, optionally, an Overlay. */
+    default?(): unknown;
+    /** The derived Overlay's content — a logo drawn into its extent × extent box. */
+    overlay?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "encode-error": (error: Error) => any;
@@ -91,8 +88,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onEncode-error"?: ((error: Error) => any) | undefined;
 }>, {
     errorCorrection: QrCodeErrorCorrection;
-    encoding: "byte";
-    hiddenLabel: boolean;
+    hiddenLabel: boolean | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-const i=require("../utils/VisuallyHidden.vue.cjs"),s=require("./context.cjs"),v=require("./encoder.cjs");let e=require("vue");var m=(0,e.defineComponent)({__name:"QrCode",props:{value:{},errorCorrection:{default:"M"},version:{},encoding:{default:"byte"},hiddenLabel:{type:Boolean,default:!0}},emits:["encode-error"],setup(t,{emit:d}){const r=t,c=d,o=(0,e.computed)(()=>v.encodeQr(r.value,r.errorCorrection,r.version)),n=(0,e.computed)(()=>o.value?.length??0),u=(0,e.computed)(()=>({"--skdx-qr-code-size":n.value}));(0,e.provide)(s.QR_CODE_CONTEXT,{matrix:(0,e.computed)(()=>o.value??[]),size:n,value:(0,e.computed)(()=>r.value)});function a(){o.value===null&&c("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)(a),(0,e.watch)(()=>[r.value,r.errorCorrection,r.version],a),(l,p)=>o.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-qr-code","data-part":"root","data-skdx-component":"qr-code","data-skdx-qr-code":"",style:(0,e.normalizeStyle)(u.value)},[(0,e.renderSlot)(l.$slots,"default"),t.hiddenLabel?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.value),1)]),_:1})):(0,e.createCommentVNode)("",!0)],4)):(0,e.createCommentVNode)("",!0)}});exports.default=m;
+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;

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 o}from"./encoder.js";import{computed as a,createBlock as t,createCommentVNode as n,createElementBlock as s,createTextVNode as d,defineComponent as l,normalizeStyle as i,onMounted as c,openBlock as u,provide as v,renderSlot as m,toDisplayString as p,watch as f,withCtx as C}from"vue";var k=/* @__PURE__ */l({__name:"QrCode",props:{value:{},errorCorrection:{default:"M"},version:{},encoding:{default:"byte"},hiddenLabel:{type:Boolean,default:!0}},emits:["encode-error"],setup(l,{emit:k}){const x=l,h=k,y=a(()=>o(x.value,x.errorCorrection,x.version)),_=a(()=>y.value?.length??0),g=a(()=>({"--skdx-qr-code-size":_.value}));function q(){null===y.value&&h("encode-error",/* @__PURE__ */new Error(`[skandadx] QrCode cannot encode a ${x.value.length}-character value at error correction "${x.errorCorrection}"`+(void 0===x.version?" within version 40.":` at version ${x.version}.`)))}return v(r,{matrix:a(()=>y.value??[]),size:_,value:a(()=>x.value)}),c(q),f(()=>[x.value,x.errorCorrection,x.version],q),(r,o)=>y.value?(u(),s("div",{key:0,class:"skdx-qr-code","data-part":"root","data-skdx-component":"qr-code","data-skdx-qr-code":"",style:i(g.value)},[m(r.$slots,"default"),l.hiddenLabel?(u(),t(e,{key:0},{default:C(()=>[d(p(l.value),1)]),_:1})):n("",!0)],4)):n("",!0)}});export{k as default};
+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};

package/dist/qr-code/QrCodeAnatomy.vue.cjs

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

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

@@ -0,0 +1,24 @@
+/**
+ * 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
+ */
+type __VLS_Props = {
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+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;
+}, {}, {}, {}, 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/qr-code/QrCodeAnatomy.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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
+ */
+type __VLS_Props = {
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+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;
+}, {}, {}, {}, 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/qr-code/QrCodeAnatomy.vue.js

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

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

@@ -0,0 +1 @@
+const t=require("./QrCodeFrame.vue.cjs"),o=require("./QrCodeOverlay.vue.cjs"),u=require("./QrCodePattern.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"QrCodeAnatomy",props:{ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(r){const a=(0,e.useSlots)();return(l,i)=>((0,e.openBlock)(),(0,e.createBlock)(t.default,{"aria-label":r.ariaLabel,"aria-labelledby":r.ariaLabelledby},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default,{fill:"currentColor"}),(0,e.unref)(a).overlay?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"overlay")]),_:3})):(0,e.createCommentVNode)("",!0)]),_:3},8,["aria-label","aria-labelledby"]))}});exports.default=d;

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

@@ -0,0 +1 @@
+import e from"./QrCodeFrame.vue.js";import a from"./QrCodeOverlay.vue.js";import r from"./QrCodePattern.vue.js";import{createBlock as o,createCommentVNode as l,createVNode as t,defineComponent as s,openBlock as d,renderSlot as i,unref as m,useSlots as u,withCtx as n}from"vue";var b=/* @__PURE__ */s({__name:"QrCodeAnatomy",props:{ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(s){const b=u();return(u,f)=>(d(),o(e,{"aria-label":s.ariaLabel,"aria-labelledby":s.ariaLabelledby},{default:n(()=>[t(r,{fill:"currentColor"}),m(b).overlay?(d(),o(a,{key:0},{default:n(()=>[i(u.$slots,"overlay")]),_:3})):l("",!0)]),_:3},8,["aria-label","aria-labelledby"]))}});export{b as default};

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

@@ -1,17 +1,7 @@
 /**
- * The `<svg>` host for a QR code. Its `viewBox` is `0 0 size size` where `size`
- * is the module count, so **one user unit is one module** — `SkdxQrCodePattern`
- * and `SkdxQrCodeOverlay` both work in whole modules and never need a scale
- * factor. The element itself carries no width or height; size it from CSS,
- * optionally via the root's `--skdx-qr-code-size`.
- *
- * ARIA follows what you name it. Pass `aria-label` or `aria-labelledby` and it
- * becomes `role="img"` with that name — worth doing when the symbol is the only
- * copy of the destination on screen. Pass neither and it is `aria-hidden`,
- * because an unnamed `<svg>` full of squares is decoration, and the root's
- * `hiddenLabel` text already carries the payload.
- *
- * Must be used inside an `<SkdxQrCode>`.
+ * 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`.
  *
  * @example
  * ```vue

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

@@ -1,17 +1,7 @@
 /**
- * The `<svg>` host for a QR code. Its `viewBox` is `0 0 size size` where `size`
- * is the module count, so **one user unit is one module** — `SkdxQrCodePattern`
- * and `SkdxQrCodeOverlay` both work in whole modules and never need a scale
- * factor. The element itself carries no width or height; size it from CSS,
- * optionally via the root's `--skdx-qr-code-size`.
- *
- * ARIA follows what you name it. Pass `aria-label` or `aria-labelledby` and it
- * becomes `role="img"` with that name — worth doing when the symbol is the only
- * copy of the destination on screen. Pass neither and it is `aria-hidden`,
- * because an unnamed `<svg>` full of squares is decoration, and the root's
- * `hiddenLabel` text already carries the payload.
- *
- * Must be used inside an `<SkdxQrCode>`.
+ * 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`.
  *
  * @example
  * ```vue

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

@@ -1 +1 @@
-const s=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)(s.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(d,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,"data-skdx-qr-code-frame":""},d.$attrs),[(0,e.renderSlot)(d.$slots,"default")],16,n))}});exports.default=i;
+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;

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"],c=/* @__PURE__ */s({inheritAttrs:!1,__name:"QrCodeFrame",setup(s){const c=o(e);if(!c)throw new Error("<SkdxQrCodeFrame> must be used inside <SkdxQrCode>.");const{size:p}=c,u=l(),v=r(()=>void 0!==u["aria-label"]||void 0!==u["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(p)} ${n(p)}`,"shape-rendering":"crispEdges",role:v.value?"img":void 0,"aria-hidden":!v.value||void 0,"data-skdx-qr-code-frame":""},e.$attrs),[i(e.$slots,"default")],16,m))}});export{c as default};
+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};

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

@@ -1,27 +1,19 @@
 /**
- * A centred slot for a logo, sitting on top of the pattern.
- *
- * Implemented as a `<g transform="translate(…)">` rather than a
- * `<foreignObject>`: it is one attribute against a nested HTML document with
- * its own namespace, sizing rules and inconsistent serialization, and an SVG
- * `<image>` or `<path>` is what a logo in an SVG wants to be anyway. Children
- * draw into a `size` × `size` box whose own origin is `(0, 0)`, so they never
- * have to know where the centre of the symbol is.
+ * 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; that is a consumer decision, and this library ships no paint.
+ * 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'` has the
- * redundancy (~30%) to reconstruct them, and this component cannot raise the
- * level on your behalf without silently changing the symbol you asked for.
+ * **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>`.
  *
  * @example
  * ```vue
- * <SkdxQrCodeOverlay :size="7">
+ * <SkdxQrCodeOverlay :extent="7">
  *   <rect width="7" height="7" fill="white" />
  *   <image :href="logo" width="7" height="7" />
  * </SkdxQrCodeOverlay>
@@ -29,23 +21,19 @@
  */
 type __VLS_Props = {
     /**
-     * Edge length of the overlay box, **in module units** — the same coordinate
-     * space as the `viewBox`, so `8` is eight modules wide however large the
-     * symbol renders. Children draw into a `size` × `size` box with its own
-     * origin at `(0, 0)`.
-     *
-     * Keep it under roughly a fifth of the symbol's edge: a larger patch
-     * damages more modules than even `'H'` error correction can reconstruct.
-     * @default 7 — the width of a finder pattern, which reads as deliberate at any version.
+     * 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.
+     * @default 7
      */
-    size?: number;
+    extent?: number;
 };
 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<{}>, {
-    size: number;
+    extent: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,27 +1,19 @@
 /**
- * A centred slot for a logo, sitting on top of the pattern.
- *
- * Implemented as a `<g transform="translate(…)">` rather than a
- * `<foreignObject>`: it is one attribute against a nested HTML document with
- * its own namespace, sizing rules and inconsistent serialization, and an SVG
- * `<image>` or `<path>` is what a logo in an SVG wants to be anyway. Children
- * draw into a `size` × `size` box whose own origin is `(0, 0)`, so they never
- * have to know where the centre of the symbol is.
+ * 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; that is a consumer decision, and this library ships no paint.
+ * 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'` has the
- * redundancy (~30%) to reconstruct them, and this component cannot raise the
- * level on your behalf without silently changing the symbol you asked for.
+ * **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>`.
  *
  * @example
  * ```vue
- * <SkdxQrCodeOverlay :size="7">
+ * <SkdxQrCodeOverlay :extent="7">
  *   <rect width="7" height="7" fill="white" />
  *   <image :href="logo" width="7" height="7" />
  * </SkdxQrCodeOverlay>
@@ -29,23 +21,19 @@
  */
 type __VLS_Props = {
     /**
-     * Edge length of the overlay box, **in module units** — the same coordinate
-     * space as the `viewBox`, so `8` is eight modules wide however large the
-     * symbol renders. Children draw into a `size` × `size` box with its own
-     * origin at `(0, 0)`.
-     *
-     * Keep it under roughly a fifth of the symbol's edge: a larger patch
-     * damages more modules than even `'H'` error correction can reconstruct.
-     * @default 7 — the width of a finder pattern, which reads as deliberate at any version.
+     * 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.
+     * @default 7
      */
-    size?: number;
+    extent?: number;
 };
 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<{}>, {
-    size: number;
+    extent: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

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

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

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