@quidgest/ui 0.27.1 → 0.28.0

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

@@ -1,4 +1,4 @@
-import { QBaseComponentProps } from '../../types/component';
+import { QBaseComponentProps, QLive } from '../../types/component';
 import { QCardElevation } from '../QCard/types';
 import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 export type QToastVariant = 'bold' | 'tonal' | 'outlined';
@@ -57,6 +57,9 @@ export type QToastProps = QBaseComponentProps & {
      * The color of the toast.
      * Can be chosen from utility colors like 'success' or 'danger',
      * or specified using CSS color codes.
+     * `info`, `success`, `warning` and `danger` also set the severity: the icon from `icons`,
+     * the text screen readers announce before the message, and the default `live` value.
+     * Other colors show no icon unless one is passed in the `icon` slot.
      *
      * @category Presentation
      */
@@ -82,13 +85,30 @@ export type QToastProps = QBaseComponentProps & {
      */
     timeout?: number;
     /**
-     * Custom icon configurations.
+     * How screen readers announce the toast.
+     * `assertive` interrupts the user, `polite` waits until they are idle, and `off`
+     * does not announce it. Defaults to `assertive` for `warning` and `danger` and to
+     * `polite` for any other color.
+     * A toast shown by `QToaster` is announced through the toaster's live regions, which
+     * read the severity text, the `title` and the `text`. A toast used on its own gets
+     * `role="alert"` or `role="status"` instead, and many screen readers skip a `polite`
+     * toast that appears together with its message. Show toasts with `useToast` so they
+     * are heard.
+     *
+     * @category Accessibility
+     */
+    live?: QLive;
+    /**
+     * Custom icon configurations: the severity icons and the dismiss icon.
+     * Pass every key, or omit the prop to keep the defaults.
      *
      * @category Configuration
      */
     icons?: typeof DEFAULT_ICONS;
     /**
-     * Custom text configurations.
+     * Custom text configurations: the severity texts read before the message,
+     * and the label of the dismiss button.
+     * Pass every key, or omit the prop to keep the defaults.
      *
      * @category Configuration
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAA;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAA;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,KAAK,CAAA;IAEZ;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

package/esm/components/QToggle/QToggle.d.ts

@@ -9,14 +9,14 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLButtonElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/QToggle.vue"],"names":[],"mappings":"AAsBA;AA6DC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAoBjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;gGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/QToggle.vue"],"names":[],"mappings":"AA0BA;AAiEC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAoBjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6ET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QToggle/QToggle.vue.js

@@ -8,8 +8,13 @@ var p = /*@__PURE__*/ i({
 		id: {},
 		class: {},
 		label: {},
+		help: {},
+		helpDisplay: {},
+		icons: {},
+		texts: {},
 		variant: {},
 		color: {},
+		surface: {},
 		borderless: { type: Boolean },
 		elevated: { type: Boolean },
 		block: { type: Boolean },
@@ -50,6 +55,10 @@ var p = /*@__PURE__*/ i({
 			disabled: a.disabled,
 			loading: a.loading,
 			tabindex: a.tabindex,
+			help: a.help,
+			"help-display": a.helpDisplay,
+			icons: a.icons,
+			texts: a.texts,
 			"aria-pressed": p.value,
 			onClick: g
 		}, {
@@ -71,6 +80,10 @@ var p = /*@__PURE__*/ i({
 			"disabled",
 			"loading",
 			"tabindex",
+			"help",
+			"help-display",
+			"icons",
+			"texts",
 			"aria-pressed"
 		]));
 	}

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

@@ -3,8 +3,13 @@ declare const QToggle: {
         modelValue?: boolean;
     } & import('../..').QBaseComponentProps & {
         label?: string;
+        help?: string;
+        helpDisplay?: import('../..').QHelpDisplay;
+        icons?: typeof import('../QButton/constants').DEFAULT_ICONS;
+        texts?: typeof import('../QButton/constants').DEFAULT_TEXTS;
         variant?: import('..').QButtonVariant;
         color?: string;
+        surface?: string;
         borderless?: boolean;
         elevated?: boolean;
         block?: boolean;
@@ -19,7 +24,7 @@ declare const QToggle: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -30,8 +35,13 @@ declare const QToggle: {
         modelValue?: boolean;
     } & import('../..').QBaseComponentProps & {
         label?: string;
+        help?: string;
+        helpDisplay?: import('../..').QHelpDisplay;
+        icons?: typeof import('../QButton/constants').DEFAULT_ICONS;
+        texts?: typeof import('../QButton/constants').DEFAULT_TEXTS;
         variant?: import('..').QButtonVariant;
         color?: string;
+        surface?: string;
         borderless?: boolean;
         elevated?: boolean;
         block?: boolean;
@@ -52,8 +62,13 @@ declare const QToggle: {
     modelValue?: boolean;
 } & import('../..').QBaseComponentProps & {
     label?: string;
+    help?: string;
+    helpDisplay?: import('../..').QHelpDisplay;
+    icons?: typeof import('../QButton/constants').DEFAULT_ICONS;
+    texts?: typeof import('../QButton/constants').DEFAULT_TEXTS;
     variant?: import('..').QButtonVariant;
     color?: string;
+    surface?: string;
     borderless?: boolean;
     elevated?: boolean;
     block?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}

package/esm/components/QToggleGroup/QToggleGroupItem.d.ts

@@ -5,10 +5,10 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLButtonElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QToggleGroupItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const __VLS_component: import('vue').DefineComponent<QToggleGroupItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/esm/components/QToggleGroup/QToggleGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QToggleGroupItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/QToggleGroupItem.vue"],"names":[],"mappings":"AAQA;AA4CC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAmB/C,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,oUAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QToggleGroupItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/QToggleGroupItem.vue"],"names":[],"mappings":"AAQA;AAuEC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AA8C/C,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sTAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QToggleGroup/QToggleGroupItem.vue.js

@@ -1,9 +1,10 @@
 import { useGroupItem as e } from "../../composables/useGroup/index.js";
 import { useId as t } from "../../composables/useId/index.js";
 import { QToggle as n } from "../QToggle/index.js";
-import { createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, toRef as c, unref as l, withCtx as u } from "vue";
+import { createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, toRef as c, unref as l, useAttrs as u, withCtx as d } from "vue";
 //#region src/components/QToggleGroup/QToggleGroupItem.vue?vue&type=script&setup=true&lang.ts
-var d = /*@__PURE__*/ i({
+var f = /*@__PURE__*/ i({
+	inheritAttrs: !1,
 	__name: "QToggleGroupItem",
 	props: {
 		id: {},
@@ -11,6 +12,7 @@ var d = /*@__PURE__*/ i({
 		label: {},
 		variant: {},
 		color: {},
+		surface: {},
 		borderless: { type: Boolean },
 		elevated: { type: Boolean },
 		block: { type: Boolean },
@@ -24,13 +26,24 @@ var d = /*@__PURE__*/ i({
 		value: {}
 	},
 	setup(i) {
-		let d = i, f = e(t(c(d, "value")));
-		if (!f) throw Error("QToggleGroupItem: Failed to retrieve group item. Ensure the component is used within a QToggleGroup context.");
-		return (e, t) => (o(), r(l(n), a({ "model-value": l(f).isActive.value }, d, { "onUpdate:modelValue": l(f).toggle }), {
-			default: u(() => [s(e.$slots, "default")]),
+		let f = i, p = u(), m = /* @__PURE__ */ new Set([
+			"help",
+			"helpDisplay",
+			"help-display"
+		]), h = e(t(c(f, "value")));
+		if (!h) throw Error("QToggleGroupItem: Failed to retrieve group item. Ensure the component is used within a QToggleGroup context.");
+		function g() {
+			let e = Object.fromEntries(Object.entries(p).filter(([e]) => !m.has(e)));
+			return {
+				...f,
+				...e
+			};
+		}
+		return (e, t) => (o(), r(l(n), a({ "model-value": l(h).isActive.value }, g(), { "onUpdate:modelValue": l(h).toggle }), {
+			default: d(() => [s(e.$slots, "default")]),
 			_: 3
 		}, 16, ["model-value", "onUpdate:modelValue"]));
 	}
 });
 //#endregion
-export { d as default };
+export { f as default };

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

@@ -59,7 +59,7 @@ declare const QToggleGroup: {
     };
 });
 declare const QToggleGroupItem: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

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

@@ -14,7 +14,14 @@ export type QToggleGroupProps = QButtonGroupProps & {
      */
     required?: boolean;
 };
-export type QToggleGroupItemProps = QButtonProps & {
+/**
+ * Props for a toggle group item. `help` and `helpDisplay` are omitted, and so are `icons` and
+ * `texts`, which a button reads only for its help. With help, the button sits inside a wrapper
+ * element, which `QButtonGroup` styles (direct `.q-button` children) do not reach, so the item
+ * would lose its joined borders and spacing. The item also drops `help` and `help-display`
+ * passed as attributes.
+ */
+export type QToggleGroupItemProps = Omit<QButtonProps, 'help' | 'helpDisplay' | 'icons' | 'texts'> & {
     /**
      * An optional string that represents the value associated with the toggle group item.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG;IACnD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG;IAClD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE9D,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG;IACnD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACvC,YAAY,EACZ,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAC1C,GAAG;IACH;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/esm/components/QTooltip/QTooltip.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     html: boolean;
-    placement: import('..').QOverlayPlacement;
     appearance: import('..').QOverlayAppearance;
     arrow: boolean;
+    placement: import('..').QOverlayPlacement;
     attach: string;
     delay: number;
     trigger: import('..').QOverlayTrigger;

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

@@ -20,9 +20,9 @@ declare const QTooltip: {
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
         html: boolean;
-        placement: import('..').QOverlayPlacement;
         appearance: import('..').QOverlayAppearance;
         arrow: boolean;
+        placement: import('..').QOverlayPlacement;
         attach: string;
         delay: number;
         trigger: import('..').QOverlayTrigger;
@@ -52,9 +52,9 @@ declare const QTooltip: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         html: boolean;
-        placement: import('..').QOverlayPlacement;
         appearance: import('..').QOverlayAppearance;
         arrow: boolean;
+        placement: import('..').QOverlayPlacement;
         attach: string;
         delay: number;
         trigger: import('..').QOverlayTrigger;
@@ -83,9 +83,9 @@ declare const QTooltip: {
     "update:modelValue": (value: boolean) => any;
 }, string, {
     html: boolean;
-    placement: import('..').QOverlayPlacement;
     appearance: import('..').QOverlayAppearance;
     arrow: boolean;
+    placement: import('..').QOverlayPlacement;
     attach: string;
     delay: number;
     trigger: import('..').QOverlayTrigger;

package/esm/components/__internal__/QChevron/QChevron.vue.js

@@ -1,5 +1,5 @@
-import { useId as e } from "../../../composables/useId/index.js";
-import { DEFAULT_ICONS as t } from "./constants.js";
+import { DEFAULT_ICONS as e } from "./constants.js";
+import { useId as t } from "../../../composables/useId/index.js";
 import { QIcon as n } from "../../QIcon/index.js";
 import { computed as r, createBlock as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, toRef as l, unref as u, useModel as d } from "vue";
 //#region src/components/__internal__/QChevron/QChevron.vue?vue&type=script&setup=true&lang.ts
@@ -8,14 +8,14 @@ var f = /*@__PURE__*/ a({
 	props: /*@__PURE__*/ o({
 		id: {},
 		class: {},
-		icons: { default: () => t }
+		icons: { default: () => e }
 	}, {
 		modelValue: { type: Boolean },
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(t) {
-		let a = t, o = d(t, "modelValue"), f = e(l(a, "id")), p = r(() => [
+	setup(e) {
+		let a = e, o = d(e, "modelValue"), f = t(l(a, "id")), p = r(() => [
 			"q-chevron",
 			{ "q-chevron--expanded": o.value },
 			a.class

package/esm/components/__internal__/QClearButton/QClearButton.d.ts

@@ -7,6 +7,6 @@ declare const _default: import('vue').DefineComponent<QClearButtonProps, {}, {},
 }>, {
     icons: typeof DEFAULT_ICONS;
     texts: typeof DEFAULT_TEXTS;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=QClearButton.vue.d.ts.map

package/esm/components/__internal__/QClearButton/QClearButton.vue.js

@@ -1,6 +1,6 @@
 import { useId as e } from "../../../composables/useId/index.js";
-import { QButton as t } from "../../QButton/index.js";
-import { QIcon as n } from "../../QIcon/index.js";
+import { QIcon as t } from "../../QIcon/index.js";
+import { QButton as n } from "../../QButton/index.js";
 import { DEFAULT_ICONS as r, DEFAULT_TEXTS as i } from "./constants.js";
 import { createBlock as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, toRef as f, unref as p, withCtx as m } from "vue";
 //#region src/components/__internal__/QClearButton/QClearButton.vue?vue&type=script&setup=true&lang.ts
@@ -18,7 +18,7 @@ var h = /*@__PURE__*/ s({
 		function _(e) {
 			h("click", e);
 		}
-		return (e, r) => (d(), a(p(t), {
+		return (e, r) => (d(), a(p(n), {
 			id: p(g),
 			class: l(["q-clear-btn", s.class]),
 			"aria-label": s.texts.clearValue,
@@ -28,7 +28,7 @@ var h = /*@__PURE__*/ s({
 			tabindex: -1,
 			onClick: _
 		}, {
-			default: m(() => [o(p(n), u(c(s.icons.clear)), null, 16)]),
+			default: m(() => [o(p(t), u(c(s.icons.clear)), null, 16)]),
 			_: 1
 		}, 8, [
 			"id",

package/esm/components/__internal__/QClearButton/index.d.ts

@@ -5,7 +5,7 @@ declare const QClearButton: import('vue').DefineComponent<import('./types').QCle
 }>, {
     icons: typeof import('./constants').DEFAULT_ICONS;
     texts: typeof import('./constants').DEFAULT_TEXTS;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export { QClearButton };
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/esm/components/__internal__/QClearButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,YAAY;;;;;;;2FAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA;AAGvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,YAAY;;;;;;;6EAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA;AAGvB,cAAc,SAAS,CAAA"}

package/esm/components/__internal__/QHelpPopover/QHelpPopover.d.ts

@@ -0,0 +1,99 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+import { QHelpPopoverProps } from '.';
+declare const _default: import('vue').DefineComponent<QHelpPopoverProps, {
+    triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QHelpPopoverProps> & Readonly<{}>, {
+    icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    trigger: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            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;
+            readonly size?: import('../../..').QComponentSize | undefined;
+            readonly iconPos?: import('../..').QButtonIconPosition | undefined;
+            readonly pill?: boolean | undefined;
+            readonly effect?: import('../..').QButtonEffect | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly loading?: boolean | undefined;
+            readonly tabindex?: number | undefined;
+            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            buttonEl: HTMLButtonElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "click", event: MouseEvent) => void;
+        $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, {
+            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)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        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;
+    }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            append?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+export default _default;
+//# sourceMappingURL=QHelpPopover.vue.d.ts.map

package/esm/components/__internal__/QHelpPopover/QHelpPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QHelpPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QHelpPopover/QHelpPopover.vue"],"names":[],"mappings":"AA2BA;AAsFC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAsL8lkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;AAvB/vkB,wBASG"}

package/esm/components/__internal__/QHelpPopover/QHelpPopover.vue.js

@@ -0,0 +1,60 @@
+import { useId as e } from "../../../composables/useId/index.js";
+import { DEFAULT_ICONS as t, DEFAULT_TEXTS as n } from "./constants.js";
+import { QIcon as r } from "../../QIcon/index.js";
+import { QPopover as i } from "../../QPopover/index.js";
+import { QButton as a } from "../../QButton/index.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, guardReactiveProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, toRef as b, unref as x, useTemplateRef as S, withCtx as C } from "vue";
+//#region src/components/__internal__/QHelpPopover/QHelpPopover.vue?vue&type=script&setup=true&lang.ts
+var w = /*@__PURE__*/ f({
+	inheritAttrs: !1,
+	__name: "QHelpPopover",
+	props: {
+		id: {},
+		class: {},
+		label: {},
+		text: {},
+		icons: { default: () => t },
+		texts: { default: () => n }
+	},
+	setup(t, { expose: n }) {
+		let f = t, w = e(b(f, "id")), T = S("trigger"), E = s(() => T.value?.$el), D = _(!1), O = s(() => f.text.split(/\n{2,}/).map((e) => e.trim()).filter(Boolean)), k = s(() => f.label ? `${f.texts.showHelp}: ${f.label}` : f.texts.showHelp);
+		return n({ triggerEl: E }), (e, t) => (g(), u(o, null, [d(x(a), {
+			id: x(w),
+			ref: "trigger",
+			class: m(["q-help-popover", f.class]),
+			variant: "ghost",
+			color: "neutral",
+			size: "small",
+			borderless: "",
+			"aria-label": k.value,
+			"aria-haspopup": "dialog",
+			"aria-expanded": D.value
+		}, {
+			default: C(() => [d(x(r), h(p(f.icons.help)), null, 16)]),
+			_: 1
+		}, 8, [
+			"id",
+			"class",
+			"aria-label",
+			"aria-expanded"
+		]), E.value ? (g(), c(x(i), {
+			key: 0,
+			modelValue: D.value,
+			"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+			anchor: E.value,
+			title: f.label || f.texts.showHelp
+		}, {
+			default: C(() => [(g(!0), u(o, null, v(O.value, (e, t) => (g(), u("p", {
+				key: t,
+				class: "q-help-popover__paragraph"
+			}, y(e), 1))), 128))]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"anchor",
+			"title"
+		])) : l("v-if", !0)], 64));
+	}
+});
+//#endregion
+export { w as default };

package/esm/components/__internal__/QHelpPopover/QHelpPopover2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QHelpPopover.vue.js";
+//#region src/components/__internal__/QHelpPopover/QHelpPopover.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/__internal__/QHelpPopover/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const DEFAULT_TEXTS: {
+    showHelp: string;
+};
+export declare const DEFAULT_ICONS: {
+    help: {
+        icon: string;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/esm/components/__internal__/QHelpPopover/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QHelpPopover/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;CAEQ,CAAA;AAElC,eAAO,MAAM,aAAa;;;;CAIY,CAAA"}

package/esm/components/__internal__/QHelpPopover/constants.js

@@ -0,0 +1,4 @@
+//#region src/components/__internal__/QHelpPopover/constants.ts
+var e = { showHelp: "Show help" }, t = { help: { icon: "help" } };
+//#endregion
+export { t as DEFAULT_ICONS, e as DEFAULT_TEXTS };