blessing-ui 0.2.0 → 0.3.0

package/dist/components/BlessShortcutRecorder.vue_vue_type_script_setup_true_lang.js

@@ -25,28 +25,38 @@ var v = [
 		allowBare: { type: Boolean },
 		disabled: { type: Boolean },
 		label: { default: "Shortcut" },
-		placeholder: { default: "Not set" }
+		placeholder: { default: "Not set" },
+		labels: {}
 	}, {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ u(["conflict"], ["update:modelValue"]),
 	setup(l, { expose: u, emit: C }) {
-		let w = l, T = _(l, "modelValue"), E = C, D = g(), O = p(!1), k = p(""), A = p(""), j = p(""), M = p(), N = (e) => Array.isArray(w.taken) ? w.taken.includes(e) ? "" : void 0 : w.taken?.[e], P = i(() => O.value ? k.value : T.value), F = i(() => P.value ? r(P.value) : []);
-		function I() {
-			w.disabled || (O.value = !0, k.value = "", A.value = "", j.value = "Recording. Press the keys you want. Escape cancels, Backspace clears.");
+		let w = l, T = i(() => ({
+			button: (e, t) => `${e}: ${t || "not set"}. Press Enter to change.`,
+			pressKeys: "Press keys…",
+			recording: "Recording. Press the keys you want. Escape cancels, Backspace clears.",
+			set: (e) => `Set to ${e}`,
+			needsModifier: (e) => `Add Ctrl, Alt or Meta to ${e}`,
+			usedBy: (e, t) => `${e} is already used by ${t}`,
+			taken: (e) => `${e} is already taken`,
+			...w.labels
+		})), E = _(l, "modelValue"), D = C, O = g(), k = p(!1), A = p(""), j = p(""), M = p(""), N = p(), P = (e) => Array.isArray(w.taken) ? w.taken.includes(e) ? "" : void 0 : w.taken?.[e], F = i(() => k.value ? A.value : E.value), I = i(() => F.value ? r(F.value) : []);
+		function L() {
+			w.disabled || (k.value = !0, A.value = "", j.value = "", M.value = T.value.recording);
 		}
-		function L(e = "") {
-			O.value = !1, k.value = "", j.value = e;
+		function R(e = "") {
+			k.value = !1, A.value = "", M.value = e;
 		}
-		let R = (e) => !w.allowBare && !/^(Ctrl|Alt|Meta)\+/.test(e.replace(/Shift\+/, "")) && !/^F\d{1,2}$/.test(e.split("+").at(-1));
-		function z(e) {
-			if (!O.value) {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), I());
+		let z = (e) => !w.allowBare && !/^(Ctrl|Alt|Meta)\+/.test(e.replace(/Shift\+/, "")) && !/^F\d{1,2}$/.test(e.split("+").at(-1));
+		function B(e) {
+			if (!k.value) {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), L());
 				return;
 			}
 			if (e.preventDefault(), e.stopPropagation(), t(e)) {
-				k.value = [
+				A.value = [
 					e.ctrlKey && "Ctrl",
 					e.altKey && "Alt",
 					e.shiftKey && "Shift",
@@ -55,22 +65,22 @@ var v = [
 				return;
 			}
 			let r = !e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey;
-			if (r && e.key === "Escape") return L("Cancelled");
-			if (r && (e.key === "Backspace" || e.key === "Delete")) return T.value = "", A.value = "", L("Cleared");
+			if (r && e.key === "Escape") return R("Cancelled");
+			if (r && (e.key === "Backspace" || e.key === "Delete")) return E.value = "", j.value = "", R("Cleared");
 			let i = n(e);
-			if (R(i)) {
-				k.value = i, A.value = `Add Ctrl, Alt or Meta to ${i}`, j.value = A.value;
+			if (z(i)) {
+				A.value = i, j.value = T.value.needsModifier(i), M.value = j.value;
 				return;
 			}
-			let a = N(i);
-			if (a !== void 0 && i !== T.value) {
-				k.value = i, A.value = a ? `${i} is already used by ${a}` : `${i} is already taken`, j.value = A.value, E("conflict", i, a || void 0);
+			let a = P(i);
+			if (a !== void 0 && i !== E.value) {
+				A.value = i, j.value = a ? T.value.usedBy(i, a) : T.value.taken(i), M.value = j.value, D("conflict", i, a || void 0);
 				return;
 			}
-			T.value = i, A.value = "", L(`Set to ${i}`);
+			E.value = i, j.value = "", R(T.value.set(i));
 		}
-		function B(e) {
-			O.value && t(e) && !A.value && (k.value = [
+		function V(e) {
+			k.value && t(e) && !j.value && (A.value = [
 				e.ctrlKey && "Ctrl",
 				e.altKey && "Alt",
 				e.shiftKey && "Shift",
@@ -78,37 +88,37 @@ var v = [
 			].filter(Boolean).join("+"));
 		}
 		return u({
-			start: I,
-			focus: () => M.value?.focus()
+			start: L,
+			focus: () => N.value?.focus()
 		}), (t, n) => (f(), s("div", { class: d(["bless-shortcut", {
-			"bless-shortcut--rec": O.value,
-			"bless-shortcut--bad": !!A.value
+			"bless-shortcut--rec": k.value,
+			"bless-shortcut--bad": !!j.value
 		}]) }, [
 			c("button", {
-				id: h(D),
+				id: h(O),
 				ref_key: "btn",
-				ref: M,
+				ref: N,
 				type: "button",
 				class: "bless-shortcut__btn",
 				disabled: l.disabled,
-				"aria-label": `${l.label}: ${T.value || "not set"}. Press Enter to change.`,
-				"aria-describedby": A.value ? `${h(D)}-err` : void 0,
-				"aria-invalid": !!A.value || void 0,
-				onClick: n[0] ||= (e) => O.value ? L() : I(),
-				onKeydown: z,
-				onKeyup: B,
-				onBlur: n[1] ||= (e) => O.value && L()
-			}, [O.value && !F.value.length ? (f(), s("span", y, "Press keys…")) : F.value.length ? (f(), a(e, {
+				"aria-label": T.value.button(l.label, E.value),
+				"aria-describedby": j.value ? `${h(O)}-err` : void 0,
+				"aria-invalid": !!j.value || void 0,
+				onClick: n[0] ||= (e) => k.value ? R() : L(),
+				onKeydown: B,
+				onKeyup: V,
+				onBlur: n[1] ||= (e) => k.value && R()
+			}, [k.value && !I.value.length ? (f(), s("span", y, m(T.value.pressKeys), 1)) : I.value.length ? (f(), a(e, {
 				key: 1,
-				keys: F.value
+				keys: I.value
 			}, null, 8, ["keys"])) : (f(), s("span", b, m(l.placeholder), 1))], 40, v),
-			A.value ? (f(), s("p", {
+			j.value ? (f(), s("p", {
 				key: 0,
-				id: `${h(D)}-err`,
+				id: `${h(O)}-err`,
 				class: "bless-shortcut__error",
 				role: "alert"
-			}, m(A.value), 9, x)) : o("", !0),
-			c("span", S, m(j.value), 1)
+			}, m(j.value), 9, x)) : o("", !0),
+			c("span", S, m(M.value), 1)
 		], 2));
 	}
 });

package/dist/components/BlessSignaturePad.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     type: "image/png" | "image/jpeg" | "image/webp";
     hint: string;
     height: number;
-    lineWidth: number;
     clearLabel: string;
+    lineWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/BlessSliderCaptcha.vue.d.ts

@@ -4,6 +4,11 @@ type __VLS_Props = {
     /** how close counts, as a fraction of the track (0.03 = 3%) */
     tolerance?: number;
     label?: string;
+    /** what is announced when the piece lands or misses */
+    labels?: Partial<{
+        verified: string;
+        failed: string;
+    }>;
 };
 declare function reset(): void;
 type __VLS_ModelProps = {

package/dist/components/BlessSliderCaptcha.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,20 @@
-import { createElementBlock as e, createElementVNode as t, defineComponent as n, mergeModels as r, normalizeClass as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, toDisplayString as u, unref as d, useId as f, useModel as p } from "vue";
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeModels as i, normalizeClass as a, normalizeStyle as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, toDisplayString as d, unref as f, useId as p, useModel as m } from "vue";
 //#region src/components/BlessSliderCaptcha.vue?vue&type=script&setup=true&lang.ts
-var m = ["id"], h = [
+var h = ["id"], g = [
 	"aria-labelledby",
 	"aria-valuenow",
 	"aria-disabled"
-], g = { "aria-hidden": "true" }, _ = {
+], _ = { "aria-hidden": "true" }, v = {
 	class: "bless-captcha__live",
 	"aria-live": "polite"
-}, v = .16, y = /*@__PURE__*/ n({
+}, y = .16, b = /*@__PURE__*/ r({
 	name: "BlessSliderCaptcha",
 	__name: "BlessSliderCaptcha",
-	props: /*@__PURE__*/ r({
+	props: /*@__PURE__*/ i({
 		src: {},
 		tolerance: { default: .03 },
-		label: { default: "Slide the piece into the gap" }
+		label: { default: "Slide the piece into the gap" },
+		labels: {}
 	}, {
 		verified: {
 			type: Boolean,
@@ -21,121 +22,125 @@ var m = ["id"], h = [
 		},
 		verifiedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ r(["verify", "fail"], ["update:verified"]),
-	setup(n, { expose: r, emit: y }) {
-		let b = n, x = p(n, "verified"), S = y, C = f(), w = l(), T = l(), E = l(), D = l(320), O = () => Math.round(D.value / 2), k = l(0), A = l({
+	emits: /*@__PURE__*/ i(["verify", "fail"], ["update:verified"]),
+	setup(r, { expose: i, emit: b }) {
+		let x = r, S = e(() => ({
+			verified: "Verified",
+			failed: "Not quite, try again",
+			...x.labels
+		})), C = m(r, "verified"), w = b, T = p(), E = u(), D = u(), O = u(), k = u(320), A = () => Math.round(k.value / 2), j = u(0), M = u({
 			at: .6,
 			y: .3
-		}), j = l(!1), M = l(!1), N = l(""), P = 0;
-		function F() {
-			A.value = {
+		}), N = u(!1), P = u(!1), F = u(""), I = 0;
+		function L() {
+			M.value = {
 				at: .35 + Math.random() * .55,
 				y: .1 + Math.random() * .5
 			};
 		}
-		let I;
-		s(() => {
-			F();
-			let e = w.value;
-			e && (D.value = e.clientWidth || 320, typeof ResizeObserver < "u" && (I = new ResizeObserver(() => D.value = e.clientWidth || 320), I.observe(e)));
-		}), o(() => I?.disconnect());
-		let L = () => D.value * v, R = () => A.value.at * D.value * .84, z = () => A.value.y * (O() - L()), B = () => b.src ? {
-			backgroundImage: `url(${b.src})`,
-			backgroundSize: `${D.value}px ${O()}px`
+		let R;
+		c(() => {
+			L();
+			let e = E.value;
+			e && (k.value = e.clientWidth || 320, typeof ResizeObserver < "u" && (R = new ResizeObserver(() => k.value = e.clientWidth || 320), R.observe(e)));
+		}), s(() => R?.disconnect());
+		let z = () => k.value * y, B = () => M.value.at * k.value * .84, V = () => M.value.y * (A() - z()), H = () => x.src ? {
+			backgroundImage: `url(${x.src})`,
+			backgroundSize: `${k.value}px ${A()}px`
 		} : {};
-		function V() {
-			x.value || (Math.abs(k.value - A.value.at) <= b.tolerance ? (x.value = !0, k.value = A.value.at, N.value = "Verified", S("verify", { ms: Math.round(performance.now() - P) })) : (M.value = !0, N.value = "Not quite, try again", S("fail"), k.value = 0, F(), setTimeout(() => M.value = !1, 400)));
+		function U() {
+			C.value || (Math.abs(j.value - M.value.at) <= x.tolerance ? (C.value = !0, j.value = M.value.at, F.value = S.value.verified, w("verify", { ms: Math.round(performance.now() - I) })) : (P.value = !0, F.value = S.value.failed, w("fail"), j.value = 0, L(), setTimeout(() => P.value = !1, 400)));
 		}
-		function H() {
-			x.value = !1, M.value = !1, k.value = 0, N.value = "", F();
+		function W() {
+			C.value = !1, P.value = !1, j.value = 0, F.value = "", L();
 		}
-		r({ reset: H });
-		let U = {
+		i({ reset: W });
+		let G = {
 			x: 0,
 			f: 0
 		};
-		function W(e) {
-			x.value || e.button || (e.currentTarget.setPointerCapture?.(e.pointerId), U = {
+		function K(e) {
+			C.value || e.button || (e.currentTarget.setPointerCapture?.(e.pointerId), G = {
 				x: e.clientX,
-				f: k.value
-			}, j.value = !0, (!P || k.value === 0) && (P = performance.now()));
+				f: j.value
+			}, N.value = !0, (!I || j.value === 0) && (I = performance.now()));
 		}
-		function G(e) {
-			if (!j.value) return;
-			let t = T.value?.clientWidth || 0, n = E.value?.offsetWidth || 0, r = t && n ? t - n : (w.value?.clientWidth || D.value) - L();
-			k.value = Math.min(1, Math.max(0, U.f + (e.clientX - U.x) / r));
+		function q(e) {
+			if (!N.value) return;
+			let t = D.value?.clientWidth || 0, n = O.value?.offsetWidth || 0, r = t && n ? t - n : (E.value?.clientWidth || k.value) - z();
+			j.value = Math.min(1, Math.max(0, G.f + (e.clientX - G.x) / r));
 		}
-		function K() {
-			j.value && (j.value = !1, V());
+		function J() {
+			N.value && (N.value = !1, U());
 		}
-		function q(e) {
-			if (x.value) return;
+		function Y(e) {
+			if (C.value) return;
 			let t = e.shiftKey ? .1 : .01;
-			e.key === "ArrowRight" || e.key === "ArrowLeft" ? (e.preventDefault(), k.value || (P = performance.now()), k.value = Math.min(1, Math.max(0, k.value + (e.key === "ArrowRight" ? t : -t)))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), V());
+			e.key === "ArrowRight" || e.key === "ArrowLeft" ? (e.preventDefault(), j.value || (I = performance.now()), j.value = Math.min(1, Math.max(0, j.value + (e.key === "ArrowRight" ? t : -t)))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), U());
 		}
-		return (r, o) => (c(), e("div", { class: i(["bless-captcha", {
-			"bless-captcha--ok": x.value,
-			"bless-captcha--fail": M.value
+		return (e, i) => (l(), t("div", { class: a(["bless-captcha", {
+			"bless-captcha--ok": C.value,
+			"bless-captcha--fail": P.value
 		}]) }, [
-			t("div", {
+			n("div", {
 				ref_key: "stage",
-				ref: w,
+				ref: E,
 				class: "bless-captcha__stage",
-				style: a({
-					height: `${O()}px`,
-					...B()
+				style: o({
+					height: `${A()}px`,
+					...H()
 				}),
 				"aria-hidden": "true"
-			}, [t("span", {
+			}, [n("span", {
 				class: "bless-captcha__gap",
-				style: a({
-					width: `${L()}px`,
-					height: `${L()}px`,
-					left: `${R()}px`,
-					top: `${z()}px`
+				style: o({
+					width: `${z()}px`,
+					height: `${z()}px`,
+					left: `${B()}px`,
+					top: `${V()}px`
 				})
-			}, null, 4), t("span", {
-				class: i(["bless-captcha__piece", { "bless-captcha__piece--drag": j.value }]),
-				style: a({
-					width: `${L()}px`,
-					height: `${L()}px`,
-					top: `${z()}px`,
-					left: `${k.value * (D.value - L())}px`,
-					...B(),
-					backgroundPosition: `-${R()}px -${z()}px`
+			}, null, 4), n("span", {
+				class: a(["bless-captcha__piece", { "bless-captcha__piece--drag": N.value }]),
+				style: o({
+					width: `${z()}px`,
+					height: `${z()}px`,
+					top: `${V()}px`,
+					left: `${j.value * (k.value - z())}px`,
+					...H(),
+					backgroundPosition: `-${B()}px -${V()}px`
 				})
 			}, null, 6)], 4),
-			t("div", {
+			n("div", {
 				ref_key: "track",
-				ref: T,
+				ref: D,
 				class: "bless-captcha__track"
-			}, [t("span", {
-				id: `${d(C)}-l`,
+			}, [n("span", {
+				id: `${f(T)}-l`,
 				class: "bless-captcha__label"
-			}, u(x.value ? "Verified" : n.label), 9, m), t("button", {
+			}, d(C.value ? S.value.verified : r.label), 9, h), n("button", {
 				ref_key: "handleEl",
-				ref: E,
+				ref: O,
 				type: "button",
-				class: i(["bless-captcha__handle", { "bless-captcha__handle--drag": j.value }]),
+				class: a(["bless-captcha__handle", { "bless-captcha__handle--drag": N.value }]),
 				role: "slider",
-				"aria-labelledby": `${d(C)}-l`,
+				"aria-labelledby": `${f(T)}-l`,
 				"aria-valuemin": "0",
 				"aria-valuemax": "100",
-				"aria-valuenow": Math.round(k.value * 100),
-				"aria-disabled": x.value || void 0,
-				style: a({
-					left: `${k.value * 100}%`,
-					translate: `${-k.value * 100}% 0`
+				"aria-valuenow": Math.round(j.value * 100),
+				"aria-disabled": C.value || void 0,
+				style: o({
+					left: `${j.value * 100}%`,
+					translate: `${-j.value * 100}% 0`
 				}),
-				onPointerdown: W,
-				onPointermove: G,
-				onPointerup: K,
-				onPointercancel: K,
-				onKeydown: q
-			}, [t("span", g, u(x.value ? "✓" : "→"), 1)], 46, h)], 512),
-			t("span", _, u(N.value), 1)
+				onPointerdown: K,
+				onPointermove: q,
+				onPointerup: J,
+				onPointercancel: J,
+				onKeydown: Y
+			}, [n("span", _, d(C.value ? "✓" : "→"), 1)], 46, g)], 512),
+			n("span", v, d(F.value), 1)
 		], 2));
 	}
 });
 //#endregion
-export { y as default };
+export { b as default };

package/dist/components/BlessSortable.css

@@ -1 +1 @@
-.bless-sortable{font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative}.bless-sortable__list{gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-sortable__list--grid{grid-template-columns:repeat(var(--bless-sortable-cols), minmax(0, 1fr))}.bless-sortable__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);display:flex}.bless-sortable__item--drag{opacity:.4}.bless-sortable__item--held{border-color:var(--bless-color-accent)}.bless-sortable__item--before{box-shadow:inset 0 2px 0 var(--bless-color-accent)}.bless-sortable__item--after{box-shadow:inset 0 -2px 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--after,[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset -2px 0 0 var(--bless-color-accent)}[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--after{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__grip{padding:var(--bless-space-1) var(--bless-space-2);color:var(--bless-color-text-muted);font:inherit;letter-spacing:-3px;cursor:grab;touch-action:none;background:0 0;border:0;flex:none}.bless-sortable__grip:active{cursor:grabbing}.bless-sortable__grip:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-sortable__body{flex:1;min-width:0}.bless-sortable__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+.bless-sortable{font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative}.bless-sortable--group{min-height:3rem}.bless-sortable--receiving{outline:2px dashed var(--bless-color-accent);outline-offset:-2px}.bless-sortable__list{gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-sortable__list--grid{grid-template-columns:repeat(var(--bless-sortable-cols), minmax(0, 1fr))}.bless-sortable__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);display:flex}.bless-sortable__item--drag{opacity:.4}.bless-sortable__item--held{border-color:var(--bless-color-accent)}.bless-sortable__item--before{box-shadow:inset 0 2px 0 var(--bless-color-accent)}.bless-sortable__item--after{box-shadow:inset 0 -2px 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--after,[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset -2px 0 0 var(--bless-color-accent)}[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--after{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__grip{padding:var(--bless-space-1) var(--bless-space-2);color:var(--bless-color-text-muted);font:inherit;letter-spacing:-3px;cursor:grab;touch-action:none;background:0 0;border:0;flex:none}.bless-sortable__grip:active{cursor:grabbing}.bless-sortable__grip:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-sortable__body{flex:1;min-width:0}.bless-sortable__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}

package/dist/components/BlessSortable.vue.d.ts

@@ -4,11 +4,29 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         label?: string;
         /** lay the items out in this many equal columns (a grid); 1 is a list */
         columns?: number;
+        /**
+         * lists that share a group name take each other's items: drag across, or hold an item and
+         * press Alt with ← / → to send it to the neighbouring list. Bind each list's own `v-model`.
+         */
+        group?: string;
+        /** screen-reader wording; each message that carries numbers is a function of them */
+        labels?: Partial<{
+            grip: (index: number) => string;
+            grabbed: (index: number, total: number) => string;
+            moved: (position: number, total: number) => string;
+            sent: (list: string, position: number, total: number) => string;
+            dropped: (position: number, total: number) => string;
+            cancelled: string;
+            hint: string;
+            groupHint: string;
+            roleDescription: string;
+        }>;
     } & {
         modelValue?: T[];
     }) & {
         "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
         onMove?: ((from: number, to: number) => any) | undefined;
+        onTransfer?: ((item: T, from: number, to: number) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -20,7 +38,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
             index: number;
         }) => any;
     };
-    emit: ((evt: "move", from: number, to: number) => void) & ((event: "update:modelValue", value: T[]) => void);
+    emit: (((evt: "move", from: number, to: number) => void) & ((evt: "transfer", item: T, from: number, to: number) => void)) & ((event: "update:modelValue", value: T[]) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };