@quidgest/ui 0.25.0 → 0.27.0

package/esm/components/QTabs/QTabs.vue.js

@@ -1,15 +1,17 @@
 import { provideDefaults as e } from "../../composables/defaults.js";
 import { useGroup as t } from "../../composables/useGroup/index.js";
-import { QOverflow as n } from "../QOverflow/index.js";
-import { TabsSymbol as r } from "./context.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, provide as g, ref as _, renderSlot as v, shallowRef as y, toRef as b, unref as x, useModel as S, useTemplateRef as C, watch as w, withCtx as T } from "vue";
+import { useId as n } from "../../composables/useId/index.js";
+import { QOverflow as r } from "../QOverflow/index.js";
+import { useEnabledSelection as i } from "../../composables/useEnabledSelection/index.js";
+import { TabsSymbol as a } from "./context.js";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, provide as v, ref as y, renderSlot as b, shallowRef as x, toRef as S, unref as C, useModel as w, useTemplateRef as T, watch as E, withCtx as D } from "vue";
 //#region src/components/QTabs/QTabs.vue?vue&type=script&setup=true&lang.ts
-var E = ["id"], D = {
+var O = ["id"], k = {
 	ref: "tabListHost",
 	class: "q-tabs__list"
-}, O = { class: "q-tabs__panels" }, k = /*@__PURE__*/ l({
+}, A = { class: "q-tabs__panels" }, j = /*@__PURE__*/ d({
 	__name: "QTabs",
-	props: /*@__PURE__*/ u({
+	props: /*@__PURE__*/ f({
 		id: {},
 		class: {},
 		direction: { default: "horizontal" },
@@ -21,188 +23,181 @@ var E = ["id"], D = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(l) {
-		let u = l, k = S(l, "modelValue"), A = C("tabListHost"), j = C("overflowRef"), M = i(() => j.value?.contentEl ?? null), N = y([]), P = _({
+	setup(d) {
+		let f = d, j = w(d, "modelValue"), M = n(S(f, "id")), N = T("tabListHost"), P = T("overflowRef"), F = o(() => P.value?.contentEl ?? null), I = x([]), L = y({
 			width: "0",
 			height: "0",
 			transform: "translate(0, 0)",
 			opacity: "0"
-		}), F = _(!1), I = null, { active: L } = t({
-			active: k,
+		}), R = y(!1), z = null, { active: B } = t({
+			active: j,
 			required: !0
 		});
-		w(L, (e) => {
-			k.value = e;
-		}), e({ QTab: { disabled: b(u, "disabled") } });
-		let R = i(() => [
+		E(B, (e) => {
+			j.value = e;
+		}), e({ QTab: { disabled: S(f, "disabled") } });
+		let V = o(() => [
 			"q-tabs",
-			`q-tabs--${u.direction}`,
-			`q-tabs--${u.variant}`,
-			`q-tabs--align-${u.align}`,
-			F.value ? "q-tabs--indicator-ready" : void 0,
-			u.class
+			`q-tabs--${f.direction}`,
+			`q-tabs--${f.variant}`,
+			`q-tabs--align-${f.align}`,
+			R.value ? "q-tabs--indicator-ready" : void 0,
+			f.class
 		]);
-		function z() {
-			let e = M.value;
-			e && (e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", u.direction));
+		function H() {
+			let e = F.value;
+			e && (e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", f.direction));
 		}
-		function B(e) {
+		function U(e) {
 			let t = e.tabRef.value;
 			return t ? "$el" in t ? t.$el : t : null;
 		}
-		function V() {
-			F.value = !1, P.value = {
-				...P.value,
+		function W() {
+			R.value = !1, L.value = {
+				...L.value,
 				opacity: "0",
 				width: "0",
 				height: "0"
 			};
 		}
-		function H() {
-			if (u.variant !== "line" || !k.value) {
-				V();
+		function G() {
+			if (f.variant !== "line" || !j.value) {
+				W();
 				return;
 			}
-			let e = N.value.find((e) => e.value === k.value);
+			let e = I.value.find((e) => e.value === j.value);
 			if (!e) {
-				V();
+				W();
 				return;
 			}
-			let t = B(e);
+			let t = U(e);
 			if (!t) {
-				V();
+				W();
 				return;
 			}
-			let n = u.direction === "horizontal", r = F.value;
-			n ? P.value = {
+			let n = f.direction === "horizontal", r = R.value;
+			n ? L.value = {
 				width: `${t.offsetWidth}px`,
 				height: "var(--q-tabs-indicator-thickness)",
 				transform: `translate(${t.offsetLeft}px, 0)`,
 				opacity: "1"
-			} : P.value = {
+			} : L.value = {
 				width: "var(--q-tabs-indicator-thickness)",
 				height: `${t.offsetHeight}px`,
 				transform: `translate(0, ${t.offsetTop}px)`,
 				opacity: "1"
-			}, r || d(() => {
-				P.value.opacity === "1" && (F.value = !0);
+			}, r || p(() => {
+				L.value.opacity === "1" && (R.value = !0);
 			});
 		}
-		function U() {
-			if (!k.value) return;
-			let e = N.value.find((e) => e.value === k.value);
+		function K() {
+			if (!j.value) return;
+			let e = I.value.find((e) => e.value === j.value);
 			if (!e) return;
-			let t = B(e);
-			t && j.value?.scrollElementIntoView(t);
+			let t = U(e);
+			t && P.value?.scrollElementIntoView(t);
 		}
-		function W() {
-			if (u.variant !== "line") {
-				I?.disconnect();
+		function q() {
+			if (f.variant !== "line") {
+				z?.disconnect();
 				return;
 			}
-			I ? I.disconnect() : I = new ResizeObserver(() => {
-				H();
+			z ? z.disconnect() : z = new ResizeObserver(() => {
+				G();
 			});
-			let e = A.value;
-			e && I.observe(e);
-			for (let e of N.value) {
-				let t = B(e);
-				t && I.observe(t);
+			let e = N.value;
+			e && z.observe(e);
+			for (let e of I.value) {
+				let t = U(e);
+				t && z.observe(t);
 			}
 		}
-		function G() {
-			return N.value.filter((e) => !x(e.disabled));
-		}
-		function K() {
-			let e = G();
-			e.length && (e.some((e) => e.value === k.value) || (k.value = e[0].value));
-		}
-		let q;
-		function J() {
-			q ||= d(() => {
-				q = void 0, K();
+		let { enabledItems: J, ensureSelection: Y } = i(() => I.value, j), X;
+		function Z() {
+			X ||= p(() => {
+				X = void 0, Y();
 			});
 		}
-		function Y(e) {
-			if (N.value = [...N.value, e], !k.value) {
-				K();
+		function Q(e) {
+			if (I.value = [...I.value, e], !j.value) {
+				Y();
 				return;
 			}
-			J();
+			Z();
 		}
-		function X(e) {
-			N.value = N.value.filter((t) => t.value !== e);
+		function $(e) {
+			I.value = I.value.filter((t) => t.value !== e);
 		}
-		function Z(e, t) {
+		function ee(e, t) {
 			if (e === t) return;
-			let n = N.value.findIndex((t) => t.value === e);
+			let n = I.value.findIndex((t) => t.value === e);
 			if (n !== -1) {
-				if (N.value = N.value.map((e, r) => r === n ? {
+				if (I.value = I.value.map((e, r) => r === n ? {
 					...e,
 					value: t
-				} : e), k.value === e || k.value === t) {
-					k.value = t;
+				} : e), j.value === e || j.value === t) {
+					j.value = t;
 					return;
 				}
-				K();
+				Y();
 			}
 		}
-		function Q(e, t) {
-			let n = G();
+		function te(e, t) {
+			let n = J.value;
 			if (!n.length) return;
 			let r = n.findIndex((t) => t.value === e), i = n[r === -1 ? 0 : (r + t + n.length) % n.length];
 			i.select(), i.focus();
 		}
-		function $() {
-			let e = G()[0];
+		function ne() {
+			let e = J.value[0];
 			e && (e.select(), e.focus());
 		}
-		function ee() {
-			let e = G(), t = e[e.length - 1];
+		function re() {
+			let e = J.value, t = e[e.length - 1];
 			t && (t.select(), t.focus());
 		}
-		return w(() => N.value.map((e) => [e.value, x(e.disabled)]), () => J()), w(() => [
-			k.value,
-			N.value.length,
-			u.direction,
-			u.variant,
-			u.align
-		], () => d(() => {
-			H(), U();
-		}), { immediate: !0 }), w(() => [N.value.length, u.variant], () => d(W), { immediate: !0 }), w(() => [M.value, u.direction], () => z(), {
+		return E(() => I.value.map((e) => [e.value, C(e.disabled)]), () => Z()), E(() => [
+			j.value,
+			I.value.length,
+			f.direction,
+			f.variant,
+			f.align
+		], () => p(() => {
+			G(), K();
+		}), { immediate: !0 }), E(() => [I.value.length, f.variant], () => p(q), { immediate: !0 }), E(() => [F.value, f.direction], () => H(), {
 			immediate: !0,
 			flush: "post"
-		}), m(() => {
-			I?.disconnect(), I = null;
-		}), g(r, {
-			tabListEl: M,
-			direction: i(() => u.direction),
-			register: Y,
-			unregister: X,
-			updateValue: Z,
-			focusAdjacent: Q,
-			focusFirst: $,
-			focusLast: ee
-		}), (e, t) => (h(), o("div", {
-			id: u.id,
-			class: f(R.value)
-		}, [s("div", D, [c(x(n), {
+		}), g(() => {
+			z?.disconnect(), z = null;
+		}), v(a, {
+			tabListEl: F,
+			direction: o(() => f.direction),
+			register: Q,
+			unregister: $,
+			updateValue: ee,
+			focusAdjacent: te,
+			focusFirst: ne,
+			focusLast: re
+		}), (e, t) => (_(), c("div", {
+			id: C(M),
+			class: m(V.value)
+		}, [l("div", k, [u(C(r), {
 			ref_key: "overflowRef",
-			ref: j,
+			ref: P,
 			class: "q-tabs__overflow",
-			direction: u.direction,
+			direction: f.direction,
 			"scroll-mode": "item",
 			"content-class": "q-tabs__tablist"
 		}, {
-			default: T(() => [u.variant === "line" ? (h(), o("div", {
+			default: D(() => [f.variant === "line" ? (_(), c("div", {
 				key: 0,
 				class: "q-tabs__indicator",
 				"aria-hidden": "true",
-				style: p(P.value)
-			}, null, 4)) : a("v-if", !0)]),
+				style: h(L.value)
+			}, null, 4)) : s("v-if", !0)]),
 			_: 1
-		}, 8, ["direction"])], 512), s("div", O, [v(e.$slots, "default")])], 10, E));
+		}, 8, ["direction"])], 512), l("div", A, [b(e.$slots, "default")])], 10, O));
 	}
 });
 //#endregion
-export { k as default };
+export { j as default };

package/esm/components/QTabs/context.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, InjectionKey, Ref } from 'vue';
-import { QTabsDirection } from './types';
+import { QTabsDirection } from '.';
 /**
  * Metadata registered by each {@link QTab} with its parent {@link QTabs}.
  *

package/esm/components/QTabs/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;IAEvD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;OAKG;IACH,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAElC;;;;OAIG;IACH,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAEtC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAEzC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzD;;;;;OAKG;IACH,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAAoB,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAEvC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;IAEvD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;OAKG;IACH,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAElC;;;;OAIG;IACH,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAEtC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAEzC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzD;;;;;OAKG;IACH,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAAoB,CAAA"}

package/esm/components/QTabs/types.d.ts

@@ -79,7 +79,7 @@ export type QTabProps = QBaseComponentProps & {
      *
      * The asterisk is decorative (`aria-hidden`); {@link QRequiredIndicator}
      * with `announce` exposes the state to assistive tech via `.q-sr-only`
-     * (from `texts.required`) and hosts may also set `aria-required`.
+     * (from `texts.required`). `aria-required` is not set: it is not allowed on `role="tab"`.
      *
      * @category Presentation
      */

package/esm/components/QTextArea/QTextArea.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    wrap: "soft" | "hard" | "off";
     resize: "none" | "both" | "horizontal" | "vertical";
+    wrap: "soft" | "hard" | "off";
     rows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textareaRef: HTMLTextAreaElement;

package/esm/components/QTextArea/QTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAiDA;AA4HC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA2DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAkDA;AA+HC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA6DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QTextArea/QTextArea.vue.js

@@ -49,13 +49,14 @@ var C = [
 			}
 		});
 		b(w, (e) => T.value = e, { immediate: !0 });
-		let E = e(g(c, "id")), D = r(() => c.readonly || c.disabled ? void 0 : c.placeholder), O = r(() => ({ input: c.autosize ? A : null })), k = p(), { triggerResize: A, stop: j } = n({
-			element: r(() => c.autosize ? k.value : void 0),
+		let E = e(g(c, "id")), D = r(() => c.readonly || c.disabled ? void 0 : c.placeholder), O = r(() => `${E.value}_input`), k = r(() => ({ input: c.autosize ? j : null })), A = p(), { triggerResize: j, stop: M } = n({
+			element: r(() => c.autosize ? A.value : void 0),
 			styleProp: "minHeight"
 		});
-		return d(j), (e, n) => (f(), i(_(t), {
+		return d(M), (e, n) => (f(), i(_(t), {
+			id: _(E),
 			class: u(["q-text-area", c.class]),
-			for: _(E),
+			for: O.value,
 			label: c.label,
 			"label-position": c.labelPosition,
 			size: c.size,
@@ -66,9 +67,9 @@ var C = [
 			"label.prepend": x(() => [m(e.$slots, "label.prepend")]),
 			"label.append": x(() => [m(e.$slots, "label.append")]),
 			default: x(() => [S(a("textarea", l({
-				id: _(E),
+				id: O.value,
 				ref_key: "textareaRef",
-				ref: k,
+				ref: A,
 				"onUpdate:modelValue": n[0] ||= (e) => T.value = e,
 				class: "q-text-area__input",
 				required: c.required,
@@ -80,7 +81,7 @@ var C = [
 				cols: c.cols,
 				resize: c.resize,
 				wrap: c.wrap
-			}, e.$attrs, h(O.value, !0)), null, 16, C), [[y, T.value]])]),
+			}, e.$attrs, h(k.value, !0)), null, 16, C), [[y, T.value]])]),
 			_: 2
 		}, [
 			e.$slots.prepend ? {
@@ -99,6 +100,7 @@ var C = [
 				key: "2"
 			} : void 0
 		]), 1032, [
+			"id",
 			"class",
 			"for",
 			"label",

package/esm/components/QTextArea/index.d.ts

@@ -25,8 +25,8 @@ declare const QTextArea: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
-        wrap: "soft" | "hard" | "off";
         resize: "none" | "both" | "horizontal" | "vertical";
+        wrap: "soft" | "hard" | "off";
         rows: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         textareaRef: HTMLTextAreaElement;
@@ -61,8 +61,8 @@ declare const QTextArea: {
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        wrap: "soft" | "hard" | "off";
         resize: "none" | "both" | "horizontal" | "vertical";
+        wrap: "soft" | "hard" | "off";
         rows: number;
     }>;
     __isFragment?: never;
@@ -94,8 +94,8 @@ declare const QTextArea: {
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, {
-    wrap: "soft" | "hard" | "off";
     resize: "none" | "both" | "horizontal" | "vertical";
+    wrap: "soft" | "hard" | "off";
     rows: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/esm/components/QTextField/QTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAqDA;AAsIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AAoEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmE81d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAjDn/d;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+By2d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBl/d,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAsDA;AAyIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AAsEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoE8nd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAlDnxd;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Byod,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBlxd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QTextField/QTextField.vue.js

@@ -44,17 +44,18 @@ var S = [
 			}
 		});
 		y(E, (e) => D.value = e, { immediate: !0 });
-		let O = e(m(w, "id")), k = _("field"), A = _("input"), j = r(() => w.readonly || w.disabled ? void 0 : w.placeholder), M = r(() => w.clearable && !w.readonly && !w.disabled), N = r(() => M.value && E.value);
-		function P(e) {
-			M.value && (E.value = "", T("click:clear", e));
+		let O = e(m(w, "id")), k = _("field"), A = _("input"), j = r(() => `${O.value}_input`), M = r(() => w.readonly || w.disabled ? void 0 : w.placeholder), N = r(() => w.clearable && !w.readonly && !w.disabled), P = r(() => N.value && E.value);
+		function F(e) {
+			N.value && (E.value = "", T("click:clear", e));
 		}
 		return l({
 			fieldRef: r(() => k.value?.fieldRef),
 			inputRef: A
 		}), (e, r) => (f(), i(h(t), {
+			id: h(O),
 			ref: "field",
 			class: d(["q-text-field", w.class]),
-			for: h(O),
+			for: j.value,
 			label: w.label,
 			"label-position": w.labelPosition,
 			size: w.size,
@@ -66,14 +67,14 @@ var S = [
 			"label.prepend": b(() => [p(e.$slots, "label.prepend")]),
 			"label.append": b(() => [p(e.$slots, "label.append")]),
 			default: b(() => [x(o("input", u({
-				id: h(O),
+				id: j.value,
 				ref: "input",
 				"onUpdate:modelValue": r[0] ||= (e) => D.value = e,
 				class: "q-text-field__input",
 				type: w.type,
 				maxlength: w.maxLength,
 				required: w.required,
-				placeholder: j.value,
+				placeholder: M.value,
 				readonly: w.readonly,
 				disabled: w.disabled
 			}, e.$attrs), null, 16, S), [[v, D.value]])]),
@@ -84,13 +85,13 @@ var S = [
 				fn: b(() => [p(e.$slots, "prepend")]),
 				key: "0"
 			} : void 0,
-			e.$slots.append || N.value ? {
+			e.$slots.append || P.value ? {
 				name: "append",
-				fn: b(() => [p(e.$slots, "append"), N.value ? (f(), i(h(n), {
+				fn: b(() => [p(e.$slots, "append"), P.value ? (f(), i(h(n), {
 					key: 0,
 					"data-testid": "q-text-field__clear-button",
 					texts: w.texts,
-					onClick: P
+					onClick: F
 				}, null, 8, ["texts"])) : a("v-if", !0)]),
 				key: "1"
 			} : void 0,
@@ -100,6 +101,7 @@ var S = [
 				key: "2"
 			} : void 0
 		]), 1032, [
+			"id",
 			"class",
 			"for",
 			"label",

package/esm/components/QThemeProvider/QThemeProvider.vue.js

@@ -1,5 +1,5 @@
-import { provideTheme as e } from "../../composables/theme.js";
-import { useId as t } from "../../composables/useId/index.js";
+import { useId as e } from "../../composables/useId/index.js";
+import { provideTheme as t } from "../../composables/theme.js";
 import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, openBlock as o, renderSlot as s, toRef as c, unref as l, watchEffect as u } from "vue";
 //#region src/components/QThemeProvider/QThemeProvider.vue?vue&type=script&setup=true&lang.ts
 var d = ["id"], f = /*@__PURE__*/ r({
@@ -10,7 +10,7 @@ var d = ["id"], f = /*@__PURE__*/ r({
 		theme: {}
 	},
 	setup(r) {
-		let f = r, { class: p, css: m } = e(c(f, "theme")), h = t(c(f, "id")), g = null, _ = null;
+		let f = r, { class: p, css: m } = t(c(f, "theme")), h = e(c(f, "id")), g = null, _ = null;
 		return u(() => {
 			if (m.value) {
 				let e = p.value;

package/esm/components/QToast/QToast.d.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_ICONS } from './constants';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { QToastProps } from '.';
 type __VLS_Props = QToastProps & {};
 declare function __VLS_template(): {
@@ -23,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     color: string;
     elevation: import('..').QCardElevation;
     icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
     entryKey: string;
     timeout: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/esm/components/QToast/QToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QToast.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToast.vue"],"names":[],"mappings":"AAwEA;AA0PC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAc3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAMpC,KAAK,WAAW,GAAG,WAAW,GAAG,EAG9B,CAAC;AAiKL,iBAAS,cAAc;WAqOT,OAAO,IAA6B;;iCAdZ,GAAG;gCACJ,GAAG;yBACV,GAAG;yBAEH,GAAG;yBADH,GAAG;;;;EAgBhC;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;cAnaN,MAAM;;6EA4anB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QToast.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToast.vue"],"names":[],"mappings":"AA0EA;AAwQC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAc1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAMpC,KAAK,WAAW,GAAG,WAAW,GAAG,EAG9B,CAAC;AA8KL,iBAAS,cAAc;WAyOT,OAAO,IAA6B;;iCAdZ,GAAG;gCACJ,GAAG;yBACV,GAAG;yBAEH,GAAG;yBADH,GAAG;;;;EAgBhC;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;cApbN,MAAM;;6EA6bnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}