@quidgest/ui 0.27.0 → 0.28.0

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

@@ -6,12 +6,16 @@ declare const QTabs: {
         align?: import('./types').QTabsAlign;
         variant?: import('./types').QTabsVariant;
         disabled?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
         variant: import('./types').QTabsVariant;
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
         direction: import('./types').QTabsDirection;
         align: import('./types').QTabsAlign;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -118,10 +122,14 @@ declare const QTabs: {
         align?: import('./types').QTabsAlign;
         variant?: import('./types').QTabsVariant;
         disabled?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         variant: import('./types').QTabsVariant;
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
         direction: import('./types').QTabsDirection;
         align: import('./types').QTabsAlign;
     }>;
@@ -135,12 +143,16 @@ declare const QTabs: {
     align?: import('./types').QTabsAlign;
     variant?: import('./types').QTabsVariant;
     disabled?: boolean;
+    icons?: typeof import('./constants').DEFAULT_ICONS;
+    texts?: typeof import('./constants').DEFAULT_TEXTS;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, {
     variant: import('./types').QTabsVariant;
+    icons: typeof import('./constants').DEFAULT_ICONS;
+    texts: typeof import('./constants').DEFAULT_TEXTS;
     direction: import('./types').QTabsDirection;
     align: import('./types').QTabsAlign;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -149,9 +161,7 @@ declare const QTabs: {
     };
 });
 declare const QTab: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        texts: typeof import('./constants').DEFAULT_TEXTS;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         tabBtn: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -159,8 +169,13 @@ declare const QTab: {
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
                 readonly variant?: import('..').QButtonVariant | undefined;
                 readonly color?: string | undefined;
+                readonly surface?: string | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
@@ -176,6 +191,8 @@ declare const QTab: {
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonEl: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -184,15 +201,18 @@ declare const QTab: {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: MouseEvent) => void;
-            $el: HTMLButtonElement;
+            $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (event: MouseEvent) => any;
             }, string, {
-                variant: import('..').QButtonVariant;
                 effect: import('..').QButtonEffect;
                 color: string;
+                variant: import('..').QButtonVariant;
+                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                helpDisplay: import('../..').QHelpDisplay;
                 iconPos: import('..').QButtonIconPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -215,13 +235,16 @@ declare const QTab: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            variant: import('..').QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: import('..').QButtonVariant;
+            icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+            texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+            helpDisplay: import('../..').QHelpDisplay;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
             onClick?: ((event: MouseEvent) => any) | undefined;
-        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -234,15 +257,11 @@ declare const QTab: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, {
-        texts: typeof import('./constants').DEFAULT_TEXTS;
-    }>;
+    }, Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    texts: typeof import('./constants').DEFAULT_TEXTS;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'title.prepend'?(_: {}): any;
         title?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAQw30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EARp90B,CAAA;AACrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOy30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPt90B,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAQw30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EARp90B,CAAA;AACrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOy30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPt90B,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}

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

@@ -1,5 +1,6 @@
-import { DEFAULT_TEXTS } from './constants';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { QBaseComponentProps } from '../../types/component';
+import { QRequiredIndicatorProps } from '../__internal__/QRequiredIndicator';
 /**
  * Layout direction of the tab list.
  *
@@ -59,6 +60,22 @@ export type QTabsProps = QBaseComponentProps & {
      * @category State
      */
     disabled?: boolean;
+    /**
+     * Icons for the tab strip. Includes the overflow navigation chevrons.
+     * Pass every key, or omit the prop to keep the defaults.
+     *
+     * @category Configuration
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Accessible strings for the tab strip. Includes the overflow back/forward labels and
+     * the strings of the nested tabs, which receive them through the defaults cascade
+     * unless a tab sets its own `texts`.
+     * Pass every key, or omit the prop to keep the defaults.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
 };
 /**
  * Props for the QTab component.
@@ -74,6 +91,12 @@ export type QTabProps = QBaseComponentProps & {
      * @category Content
      */
     title?: string;
+    /**
+     * Help text, shown as subtext at the top of the panel.
+     *
+     * @category Content
+     */
+    help?: string;
     /**
      * If true, shows a required asterisk next to the title.
      *
@@ -100,9 +123,10 @@ export type QTabProps = QBaseComponentProps & {
     value?: string;
     /**
      * Custom accessible strings.
+     * Defaults to the `texts` of the enclosing `QTabs`.
      *
      * @category Configuration
      */
-    texts?: typeof DEFAULT_TEXTS;
+    texts?: QRequiredIndicatorProps['texts'];
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC7C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAEjF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC7C;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;CACxC,CAAA"}

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":"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"}
+{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAyDA;AA4IC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAMvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAkEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6HT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAmBD,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

@@ -1,9 +1,10 @@
 import { useId as e } from "../../composables/useId/index.js";
-import { QField as t } from "../QField/index.js";
-import { useTextareaAutosize as n } from "../../composables/useTextareaAutosize/index.js";
-import { computed as r, createBlock as i, createElementVNode as a, createSlots as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderSlot as m, toHandlers as h, toRef as g, unref as _, useModel as v, vModelText as y, watch as b, withCtx as x, withDirectives as S } from "vue";
+import { mergeDescribedBy as t } from "../__internal__/QHelpPopover/resolveHelp.js";
+import { QField as n } from "../QField/index.js";
+import { useTextareaAutosize as r } from "../../composables/useTextareaAutosize/index.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toHandlers as g, toRef as _, unref as v, useAttrs as y, useModel as b, vModelText as x, watch as S, withCtx as C, withDirectives as w } from "vue";
 //#region src/components/QTextArea/QTextArea.vue?vue&type=script&setup=true&lang.ts
-var C = [
+var T = [
 	"id",
 	"required",
 	"placeholder",
@@ -13,17 +14,22 @@ var C = [
 	"rows",
 	"cols",
 	"resize",
-	"wrap"
-], w = /*@__PURE__*/ s({
+	"wrap",
+	"aria-describedby"
+], E = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "QTextArea",
-	props: /*@__PURE__*/ c({
+	props: /*@__PURE__*/ l({
 		id: {},
 		class: {},
 		label: {},
 		required: { type: Boolean },
 		for: {},
 		labelPosition: {},
+		help: {},
+		helpDisplay: {},
+		icons: {},
+		texts: {},
 		size: {},
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
@@ -40,63 +46,67 @@ var C = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(s) {
-		let c = s, w = v(s, "modelValue"), T = r({
-			get: () => w.value,
+	setup(c) {
+		let l = c, E = b(c, "modelValue"), D = i({
+			get: () => E.value,
 			set: (e) => {
-				let t = c.maxLength;
-				w.value = t ? e?.slice(0, t) : e;
+				let t = l.maxLength;
+				E.value = t ? e?.slice(0, t) : e;
 			}
 		});
-		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(() => `${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),
+		S(E, (e) => D.value = e, { immediate: !0 });
+		let O = e(_(l, "id")), k = y(), A = i(() => typeof k["aria-describedby"] == "string" ? k["aria-describedby"] : void 0), j = i(() => l.readonly || l.disabled ? void 0 : l.placeholder), M = i(() => `${O.value}_input`), N = i(() => ({ input: l.autosize ? F : null })), P = m(), { triggerResize: F, stop: I } = r({
+			element: i(() => l.autosize ? P.value : void 0),
 			styleProp: "minHeight"
 		});
-		return d(M), (e, n) => (f(), i(_(t), {
-			id: _(E),
-			class: u(["q-text-area", c.class]),
-			for: O.value,
-			label: c.label,
-			"label-position": c.labelPosition,
-			size: c.size,
-			readonly: c.readonly,
-			disabled: c.disabled,
-			required: c.required
-		}, o({
-			"label.prepend": x(() => [m(e.$slots, "label.prepend")]),
-			"label.append": x(() => [m(e.$slots, "label.append")]),
-			default: x(() => [S(a("textarea", l({
-				id: O.value,
+		return f(I), (e, r) => (p(), a(v(n), {
+			id: v(O),
+			class: d(["q-text-area", l.class]),
+			for: M.value,
+			label: l.label,
+			"label-position": l.labelPosition,
+			size: l.size,
+			readonly: l.readonly,
+			disabled: l.disabled,
+			required: l.required,
+			help: l.help,
+			"help-display": l.helpDisplay,
+			icons: l.icons,
+			texts: l.texts
+		}, s({
+			"label.prepend": C(() => [h(e.$slots, "label.prepend")]),
+			"label.append": C(() => [h(e.$slots, "label.append")]),
+			default: C(({ describedBy: n }) => [w(o("textarea", u({
+				id: M.value,
 				ref_key: "textareaRef",
-				ref: A,
-				"onUpdate:modelValue": n[0] ||= (e) => T.value = e,
+				ref: P,
+				"onUpdate:modelValue": r[0] ||= (e) => D.value = e,
 				class: "q-text-area__input",
-				required: c.required,
-				placeholder: D.value,
-				readonly: c.readonly,
-				disabled: c.disabled,
-				maxlength: c.maxLength,
-				rows: c.rows,
-				cols: c.cols,
-				resize: c.resize,
-				wrap: c.wrap
-			}, e.$attrs, h(k.value, !0)), null, 16, C), [[y, T.value]])]),
+				required: l.required,
+				placeholder: j.value,
+				readonly: l.readonly,
+				disabled: l.disabled,
+				maxlength: l.maxLength,
+				rows: l.rows,
+				cols: l.cols,
+				resize: l.resize,
+				wrap: l.wrap
+			}, e.$attrs, { "aria-describedby": v(t)(n, A.value) }, g(N.value, !0)), null, 16, T), [[x, D.value]])]),
 			_: 2
 		}, [
 			e.$slots.prepend ? {
 				name: "prepend",
-				fn: x(() => [m(e.$slots, "prepend")]),
+				fn: C(() => [h(e.$slots, "prepend")]),
 				key: "0"
 			} : void 0,
 			e.$slots.append ? {
 				name: "append",
-				fn: x(() => [m(e.$slots, "append")]),
+				fn: C(() => [h(e.$slots, "append")]),
 				key: "1"
 			} : void 0,
 			e.$slots.extras ? {
 				name: "extras",
-				fn: x(() => [m(e.$slots, "extras")]),
+				fn: C(() => [h(e.$slots, "extras")]),
 				key: "2"
 			} : void 0
 		]), 1032, [
@@ -108,9 +118,13 @@ var C = [
 			"size",
 			"readonly",
 			"disabled",
-			"required"
+			"required",
+			"help",
+			"help-display",
+			"icons",
+			"texts"
 		]));
 	}
 });
 //#endregion
-export { w as default };
+export { E as default };

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

@@ -6,7 +6,7 @@ declare const QTextArea: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -44,7 +44,7 @@ declare const QTextArea: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -75,7 +75,7 @@ declare const QTextArea: {
     required?: boolean;
     for?: string;
     labelPosition?: import('..').QLabelPosition;
-} & {
+} & import('..').QFieldHelpProps & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;