@atscript/vue-aooth 0.1.79 → 0.1.81

package/dist/as-copy-CxLJdyxe.mjs

@@ -0,0 +1,277 @@
+import { computed, createBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, onUnmounted, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { AsFieldShell } from "@atscript/vue-form";
+//#region src/components/as-copy.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-copy-row" };
+const _hoisted_2 = [
+	"id",
+	"value",
+	"name",
+	"aria-describedby"
+];
+const _hoisted_3 = ["disabled", "aria-label"];
+const _hoisted_4 = {
+	class: "as-copy-label",
+	"aria-live": "polite"
+};
+//#endregion
+//#region src/components/as-copy.vue
+var as_copy_default = /* @__PURE__ */ defineComponent({
+	__name: "as-copy",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		copiedLabel: {
+			type: String,
+			required: false,
+			default: "Copied"
+		},
+		copyLabel: {
+			type: String,
+			required: false,
+			default: "Copy"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const text = computed(() => props.value ?? props.model?.value ?? "");
+		const copied = ref(false);
+		const error = ref();
+		let revertTimer;
+		async function onCopy() {
+			if (!navigator.clipboard?.writeText) {
+				copied.value = false;
+				error.value = "Copy failed — select and copy manually";
+				return;
+			}
+			try {
+				await navigator.clipboard.writeText(text.value);
+				error.value = void 0;
+				copied.value = true;
+				clearTimeout(revertTimer);
+				revertTimer = setTimeout(() => {
+					copied.value = false;
+					revertTimer = void 0;
+				}, 1500);
+			} catch {
+				copied.value = false;
+				clearTimeout(revertTimer);
+				revertTimer = void 0;
+				error.value = "Copy failed — select and copy manually";
+			}
+		}
+		function onFocus(e) {
+			e.target.select();
+		}
+		onUnmounted(() => clearTimeout(revertTimer));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AsFieldShell), mergeProps(_ctx.$props, {
+				"field-class": "as-copy",
+				error: error.value
+			}), {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("input", {
+					id: __props.inputId,
+					type: "text",
+					readonly: "",
+					value: text.value,
+					name: __props.name,
+					class: "as-copy-input",
+					"aria-describedby": __props.ariaDescribedBy,
+					onFocus
+				}, null, 40, _hoisted_2), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["as-copy-btn", { copied: copied.value }]),
+					disabled: !text.value,
+					"aria-label": copied.value ? __props.copiedLabel : __props.copyLabel,
+					onClick: onCopy
+				}, [createElementVNode("span", {
+					class: normalizeClass(["as-copy-icon", copied.value ? "i-as-check-circle" : "i-as-copy"]),
+					"aria-hidden": "true"
+				}, null, 2), createElementVNode("span", _hoisted_4, toDisplayString(copied.value ? __props.copiedLabel : __props.copyLabel), 1)], 10, _hoisted_3)])]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+export { as_copy_default as t };

package/dist/as-copy-USMxrTlI.cjs

@@ -0,0 +1,282 @@
+let vue = require("vue");
+let _atscript_vue_form = require("@atscript/vue-form");
+//#region src/components/as-copy.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-copy-row" };
+const _hoisted_2 = [
+	"id",
+	"value",
+	"name",
+	"aria-describedby"
+];
+const _hoisted_3 = ["disabled", "aria-label"];
+const _hoisted_4 = {
+	class: "as-copy-label",
+	"aria-live": "polite"
+};
+//#endregion
+//#region src/components/as-copy.vue
+var as_copy_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-copy",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		copiedLabel: {
+			type: String,
+			required: false,
+			default: "Copied"
+		},
+		copyLabel: {
+			type: String,
+			required: false,
+			default: "Copy"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const text = (0, vue.computed)(() => props.value ?? props.model?.value ?? "");
+		const copied = (0, vue.ref)(false);
+		const error = (0, vue.ref)();
+		let revertTimer;
+		async function onCopy() {
+			if (!navigator.clipboard?.writeText) {
+				copied.value = false;
+				error.value = "Copy failed — select and copy manually";
+				return;
+			}
+			try {
+				await navigator.clipboard.writeText(text.value);
+				error.value = void 0;
+				copied.value = true;
+				clearTimeout(revertTimer);
+				revertTimer = setTimeout(() => {
+					copied.value = false;
+					revertTimer = void 0;
+				}, 1500);
+			} catch {
+				copied.value = false;
+				clearTimeout(revertTimer);
+				revertTimer = void 0;
+				error.value = "Copy failed — select and copy manually";
+			}
+		}
+		function onFocus(e) {
+			e.target.select();
+		}
+		(0, vue.onUnmounted)(() => clearTimeout(revertTimer));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsFieldShell), (0, vue.mergeProps)(_ctx.$props, {
+				"field-class": "as-copy",
+				error: error.value
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("input", {
+					id: __props.inputId,
+					type: "text",
+					readonly: "",
+					value: text.value,
+					name: __props.name,
+					class: "as-copy-input",
+					"aria-describedby": __props.ariaDescribedBy,
+					onFocus
+				}, null, 40, _hoisted_2), (0, vue.createElementVNode)("button", {
+					type: "button",
+					class: (0, vue.normalizeClass)(["as-copy-btn", { copied: copied.value }]),
+					disabled: !text.value,
+					"aria-label": copied.value ? __props.copiedLabel : __props.copyLabel,
+					onClick: onCopy
+				}, [(0, vue.createElementVNode)("span", {
+					class: (0, vue.normalizeClass)(["as-copy-icon", copied.value ? "i-as-check-circle" : "i-as-copy"]),
+					"aria-hidden": "true"
+				}, null, 2), (0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(copied.value ? __props.copiedLabel : __props.copyLabel), 1)], 10, _hoisted_3)])]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_copy_default", {
+	enumerable: true,
+	get: function() {
+		return as_copy_default;
+	}
+});

package/dist/as-copy.cjs

@@ -0,0 +1,2 @@
+const require_as_copy = require("./as-copy-USMxrTlI.cjs");
+module.exports = require_as_copy.as_copy_default;

package/dist/as-copy.d.cts

@@ -0,0 +1,14 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-copy.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  copiedLabel?: string;
+  copyLabel?: string;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  copiedLabel: string;
+  copyLabel: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export = _default;

package/dist/as-copy.d.mts

@@ -0,0 +1,15 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-copy.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  copiedLabel?: string;
+  copyLabel?: string;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  copiedLabel: string;
+  copyLabel: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };

package/dist/as-copy.mjs

@@ -0,0 +1,2 @@
+import { t as as_copy_default } from "./as-copy-CxLJdyxe.mjs";
+export { as_copy_default as default };

package/dist/as-password-rules.cjs

@@ -1,2 +1,2 @@
-const require_as_password_rules = require("./as-password-rules-Dqk2jgol.cjs");
+const require_as_password_rules = require("./as-password-rules-DBoLmROR.cjs");
 module.exports = require_as_password_rules.as_password_rules_default;

package/dist/as-password-rules.mjs

@@ -1,2 +1,2 @@
-import { t as as_password_rules_default } from "./as-password-rules-9OToIqwo.mjs";
+import { t as as_password_rules_default } from "./as-password-rules-DuKe47j8.mjs";
 export { as_password_rules_default as default };

package/dist/as-qr-code-BoEy7mvV.cjs

@@ -0,0 +1,293 @@
+let vue = require("vue");
+let _atscript_vue_form = require("@atscript/vue-form");
+//#region src/components/as-qr-code.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-qr-code-stack"
+};
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+	key: 1,
+	class: "as-qr-code-secret"
+};
+//#endregion
+//#region src/components/as-qr-code.vue
+var as_qr_code_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-qr-code",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: Number,
+			required: false,
+			default: 192
+		},
+		errorCorrection: {
+			type: String,
+			required: false,
+			default: "M"
+		},
+		manualSecret: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const uri = (0, vue.computed)(() => props.value ?? props.model?.value);
+		const svg = (0, vue.ref)();
+		const error = (0, vue.ref)();
+		const secret = (0, vue.ref)();
+		let qrcodeModulePromise;
+		function loadQrcode() {
+			qrcodeModulePromise ??= import("qrcode");
+			return qrcodeModulePromise;
+		}
+		const SECRET_RE = /[?&]secret=([^&]+)/;
+		function extractSecret(value) {
+			const m = SECRET_RE.exec(value);
+			return m ? decodeURIComponent(m[1]) : void 0;
+		}
+		let renderToken = 0;
+		(0, vue.watch)(uri, async (value) => {
+			const token = ++renderToken;
+			error.value = void 0;
+			if (!value) {
+				svg.value = void 0;
+				secret.value = void 0;
+				return;
+			}
+			secret.value = extractSecret(value);
+			let lib;
+			try {
+				const mod = await loadQrcode();
+				lib = mod.default ?? mod;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] qrcode peer dependency is not installed", err);
+				error.value = "Install the optional 'qrcode' dependency to render QR codes.";
+				return;
+			}
+			try {
+				const out = await lib.toString(value, {
+					type: "svg",
+					margin: 0,
+					width: props.size,
+					errorCorrectionLevel: props.errorCorrection
+				});
+				if (token !== renderToken) return;
+				svg.value = out;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] failed to render QR code", err);
+				error.value = "Failed to render QR code.";
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsFieldShell), (0, vue.mergeProps)(_ctx.$props, {
+				"field-class": "as-qr-code",
+				error: error.value
+			}), {
+				default: (0, vue.withCtx)(() => [uri.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [svg.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					class: "as-qr-code-svg",
+					innerHTML: svg.value
+				}, null, 8, _hoisted_2)) : (0, vue.createCommentVNode)("v-if", true), __props.manualSecret && secret.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, (0, vue.toDisplayString)(secret.value), 1)) : (0, vue.createCommentVNode)("v-if", true)])) : (0, vue.createCommentVNode)("v-if", true)]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_qr_code_default", {
+	enumerable: true,
+	get: function() {
+		return as_qr_code_default;
+	}
+});

package/dist/as-qr-code-U4sjF5lD.mjs

@@ -0,0 +1,288 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { AsFieldShell } from "@atscript/vue-form";
+//#region src/components/as-qr-code.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-qr-code-stack"
+};
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+	key: 1,
+	class: "as-qr-code-secret"
+};
+//#endregion
+//#region src/components/as-qr-code.vue
+var as_qr_code_default = /* @__PURE__ */ defineComponent({
+	__name: "as-qr-code",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: Number,
+			required: false,
+			default: 192
+		},
+		errorCorrection: {
+			type: String,
+			required: false,
+			default: "M"
+		},
+		manualSecret: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const uri = computed(() => props.value ?? props.model?.value);
+		const svg = ref();
+		const error = ref();
+		const secret = ref();
+		let qrcodeModulePromise;
+		function loadQrcode() {
+			qrcodeModulePromise ??= import("qrcode");
+			return qrcodeModulePromise;
+		}
+		const SECRET_RE = /[?&]secret=([^&]+)/;
+		function extractSecret(value) {
+			const m = SECRET_RE.exec(value);
+			return m ? decodeURIComponent(m[1]) : void 0;
+		}
+		let renderToken = 0;
+		watch(uri, async (value) => {
+			const token = ++renderToken;
+			error.value = void 0;
+			if (!value) {
+				svg.value = void 0;
+				secret.value = void 0;
+				return;
+			}
+			secret.value = extractSecret(value);
+			let lib;
+			try {
+				const mod = await loadQrcode();
+				lib = mod.default ?? mod;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] qrcode peer dependency is not installed", err);
+				error.value = "Install the optional 'qrcode' dependency to render QR codes.";
+				return;
+			}
+			try {
+				const out = await lib.toString(value, {
+					type: "svg",
+					margin: 0,
+					width: props.size,
+					errorCorrectionLevel: props.errorCorrection
+				});
+				if (token !== renderToken) return;
+				svg.value = out;
+			} catch (err) {
+				if (token !== renderToken) return;
+				svg.value = void 0;
+				secret.value = void 0;
+				console.error("[AsQrCode] failed to render QR code", err);
+				error.value = "Failed to render QR code.";
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AsFieldShell), mergeProps(_ctx.$props, {
+				"field-class": "as-qr-code",
+				error: error.value
+			}), {
+				default: withCtx(() => [uri.value ? (openBlock(), createElementBlock("div", _hoisted_1, [svg.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "as-qr-code-svg",
+					innerHTML: svg.value
+				}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true), __props.manualSecret && secret.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(secret.value), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 16, ["error"]);
+		};
+	}
+});
+//#endregion
+export { as_qr_code_default as t };

package/dist/as-qr-code.cjs

@@ -0,0 +1,2 @@
+const require_as_qr_code = require("./as-qr-code-BoEy7mvV.cjs");
+module.exports = require_as_qr_code.as_qr_code_default;

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

@@ -0,0 +1,16 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-qr-code.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  size?: number;
+  errorCorrection?: "L" | "M" | "Q" | "H";
+  manualSecret?: boolean;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  size: number;
+  errorCorrection: "L" | "M" | "Q" | "H";
+  manualSecret: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export = _default;

package/dist/as-qr-code.d.mts

@@ -0,0 +1,17 @@
+import * as vue from "vue";
+import { TAsComponentProps } from "@atscript/vue-form";
+
+//#region src/components/as-qr-code.vue.d.ts
+type __VLS_Props = TAsComponentProps<string | undefined> & {
+  size?: number;
+  errorCorrection?: "L" | "M" | "Q" | "H";
+  manualSecret?: boolean;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  size: number;
+  errorCorrection: "L" | "M" | "Q" | "H";
+  manualSecret: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };

package/dist/as-qr-code.mjs

@@ -0,0 +1,2 @@
+import { t as as_qr_code_default } from "./as-qr-code-U4sjF5lD.mjs";
+export { as_qr_code_default as default };

package/dist/index.cjs

@@ -1,5 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_as_consent_array = require("./as-consent-array-B8gtVvew.cjs");
-const require_as_password_rules = require("./as-password-rules-Dqk2jgol.cjs");
+const require_as_copy = require("./as-copy-USMxrTlI.cjs");
+const require_as_password_rules = require("./as-password-rules-DBoLmROR.cjs");
+const require_as_qr_code = require("./as-qr-code-BoEy7mvV.cjs");
 exports.AsConsentArray = require_as_consent_array.as_consent_array_default;
+exports.AsCopy = require_as_copy.as_copy_default;
 exports.AsPasswordRules = require_as_password_rules.as_password_rules_default;
+exports.AsQrCode = require_as_qr_code.as_qr_code_default;

package/dist/index.d.cts

@@ -1,3 +1,5 @@
 import _default from "./as-consent-array.cjs";
-import _default$1 from "./as-password-rules.cjs";
-export { _default as AsConsentArray, _default$1 as AsPasswordRules };
+import _default$1 from "./as-copy.cjs";
+import _default$2 from "./as-password-rules.cjs";
+import _default$3 from "./as-qr-code.cjs";
+export { _default as AsConsentArray, _default$1 as AsCopy, _default$2 as AsPasswordRules, _default$3 as AsQrCode };

package/dist/index.d.mts

@@ -1,3 +1,5 @@
 import _default from "./as-consent-array.mjs";
-import _default$1 from "./as-password-rules.mjs";
-export { _default as AsConsentArray, _default$1 as AsPasswordRules };
+import _default$1 from "./as-copy.mjs";
+import _default$2 from "./as-password-rules.mjs";
+import _default$3 from "./as-qr-code.mjs";
+export { _default as AsConsentArray, _default$1 as AsCopy, _default$2 as AsPasswordRules, _default$3 as AsQrCode };

package/dist/index.mjs

@@ -1,3 +1,5 @@
 import { t as as_consent_array_default } from "./as-consent-array-C1GpSvgX.mjs";
-import { t as as_password_rules_default } from "./as-password-rules-9OToIqwo.mjs";
-export { as_consent_array_default as AsConsentArray, as_password_rules_default as AsPasswordRules };
+import { t as as_copy_default } from "./as-copy-CxLJdyxe.mjs";
+import { t as as_password_rules_default } from "./as-password-rules-DuKe47j8.mjs";
+import { t as as_qr_code_default } from "./as-qr-code-U4sjF5lD.mjs";
+export { as_consent_array_default as AsConsentArray, as_copy_default as AsCopy, as_password_rules_default as AsPasswordRules, as_qr_code_default as AsQrCode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-aooth",
-  "version": "0.1.79",
+  "version": "0.1.81",
   "description": "Custom form components for the Aooth auth system, built on @atscript/vue-form",
   "keywords": [
     "aooth",
@@ -39,38 +39,56 @@
       "import": "./dist/as-consent-array.mjs",
       "require": "./dist/as-consent-array.cjs"
     },
+    "./as-copy": {
+      "types": "./dist/as-copy.d.mts",
+      "import": "./dist/as-copy.mjs",
+      "require": "./dist/as-copy.cjs"
+    },
     "./as-password-rules": {
       "types": "./dist/as-password-rules.d.mts",
       "import": "./dist/as-password-rules.mjs",
       "require": "./dist/as-password-rules.cjs"
     },
+    "./as-qr-code": {
+      "types": "./dist/as-qr-code.d.mts",
+      "import": "./dist/as-qr-code.mjs",
+      "require": "./dist/as-qr-code.cjs"
+    },
     "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.79",
-    "@atscript/vue-form": "^0.1.79"
+    "@atscript/ui": "^0.1.81",
+    "@atscript/vue-form": "^0.1.81"
   },
   "devDependencies": {
-    "@atscript/core": "^0.1.64",
-    "@atscript/typescript": "^0.1.64",
+    "@atscript/core": "^0.1.66",
+    "@atscript/typescript": "^0.1.66",
     "@tsdown/css": "^0.21.4",
+    "@types/qrcode": "^1.5.5",
     "@vitejs/plugin-vue": "^6",
     "@vue/test-utils": "^2",
     "happy-dom": "^18",
-    "unplugin-atscript": "^0.1.64",
+    "qrcode": "^1.5.4",
+    "unplugin-atscript": "^0.1.66",
     "vitest": "npm:@voidzero-dev/vite-plus-test@0.1.14",
     "vue": "^3",
     "vue-tsc": "~3.2.9",
     "vunor": "^0.2.1",
-    "@atscript/ui-fns": "^0.1.79"
+    "@atscript/ui-fns": "^0.1.81"
   },
   "peerDependencies": {
+    "qrcode": "^1.5.4",
     "vue": "^3",
-    "@atscript/ui-fns": "^0.1.79",
-    "@atscript/vue-form": "^0.1.79"
+    "@atscript/ui-fns": "^0.1.81",
+    "@atscript/vue-form": "^0.1.81"
+  },
+  "peerDependenciesMeta": {
+    "qrcode": {
+      "optional": true
+    }
   },
   "scripts": {
     "build": "node ../../scripts/gen-exports.mjs && vp pack",