@quidgest/ui 0.27.0 → 0.28.0

package/esm/components/QAccordion/QAccordion.d.ts

@@ -1,3 +1,4 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { Primitive } from '../../types/primitive';
 import { QAccordionProps } from '.';
 type __VLS_Props = QAccordionProps;
@@ -17,7 +18,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "update:modelValue": (value: Primitive | Primitive[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Primitive | Primitive[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {
+    icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/QAccordion.vue"],"names":[],"mappings":"AAOA;AAsDC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AA6BpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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":"QAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/QAccordion.vue"],"names":[],"mappings":"AAOA;AAyDC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAQ1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AAsCpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;wFASnB,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/QAccordion/QAccordion.vue.js

@@ -1,17 +1,20 @@
-import { provideDefaults as e } from "../../composables/defaults.js";
-import { useGroup as t } from "../../composables/useGroup/index.js";
-import { useId as n } from "../../composables/useId/index.js";
-import { createElementBlock as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, toRef as l, unref as u, useModel as d, watch as f } from "vue";
+import { DEFAULT_ICONS as e, DEFAULT_TEXTS as t } from "./constants.js";
+import { provideDefaults as n } from "../../composables/defaults.js";
+import { useGroup as r } from "../../composables/useGroup/index.js";
+import { useId as i } from "../../composables/useId/index.js";
+import { createElementBlock as a, defineComponent as o, mergeModels as s, normalizeClass as c, openBlock as l, renderSlot as u, toRef as d, unref as f, useModel as p, watch as m } from "vue";
 //#region src/components/QAccordion/QAccordion.vue?vue&type=script&setup=true&lang.ts
-var p = ["id"], m = /*@__PURE__*/ i({
+var h = ["id"], g = /*@__PURE__*/ o({
 	__name: "QAccordion",
-	props: /*@__PURE__*/ a({
+	props: /*@__PURE__*/ s({
 		id: {},
 		class: {},
 		variant: {},
 		spacing: {},
 		iconRight: { type: Boolean },
-		multiple: { type: Boolean }
+		multiple: { type: Boolean },
+		icons: { default: () => e },
+		texts: { default: () => t }
 	}, {
 		modelValue: { type: [
 			String,
@@ -23,25 +26,27 @@ var p = ["id"], m = /*@__PURE__*/ i({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(i) {
-		let a = i, m = n(l(a, "id"));
-		e({ QCollapsible: {
-			iconRight: l(a, "iconRight"),
-			spacing: l(a, "spacing"),
-			variant: l(a, "variant"),
+	setup(e) {
+		let t = e, o = i(d(t, "id"));
+		n({ QCollapsible: {
+			icons: d(t, "icons"),
+			iconRight: d(t, "iconRight"),
+			spacing: d(t, "spacing"),
+			texts: d(t, "texts"),
+			variant: d(t, "variant"),
 			width: "block"
 		} });
-		let h = d(i, "modelValue"), { active: g } = t({
-			active: h,
-			multiple: l(a, "multiple")
+		let s = p(e, "modelValue"), { active: g } = r({
+			active: s,
+			multiple: d(t, "multiple")
 		});
-		return f(g, (e) => {
-			h.value = e;
-		}), (e, t) => (s(), r("div", {
-			id: u(m),
-			class: o(["q-accordion", a.class])
-		}, [c(e.$slots, "default")], 10, p));
+		return m(g, (e) => {
+			s.value = e;
+		}), (e, n) => (l(), a("div", {
+			id: f(o),
+			class: c(["q-accordion", t.class])
+		}, [u(e.$slots, "default")], 10, h));
 	}
 });
 //#endregion
-export { m as default };
+export { g as default };

package/esm/components/QAccordion/constants.d.ts

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

package/esm/components/QAccordion/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/constants.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;;;;CAEY,CAAA;AAGtC,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

package/esm/components/QAccordion/constants.js

@@ -0,0 +1,5 @@
+import { DEFAULT_ICONS as e, DEFAULT_TEXTS as t } from "../QCollapsible/constants.js";
+//#region src/components/QAccordion/constants.ts
+var n = { ...e }, r = { ...t };
+//#endregion
+export { n as DEFAULT_ICONS, r as DEFAULT_TEXTS };

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

@@ -6,11 +6,16 @@ declare const QAccordion: {
         spacing?: import('..').QCollapsibleSpacing;
         iconRight?: boolean;
         multiple?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[]) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, import('vue').PublicProps, {
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -24,9 +29,14 @@ declare const QAccordion: {
         spacing?: import('..').QCollapsibleSpacing;
         iconRight?: boolean;
         multiple?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[]) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }>, {}, {}, {}, {}, {
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -37,11 +47,16 @@ declare const QAccordion: {
     spacing?: import('..').QCollapsibleSpacing;
     iconRight?: boolean;
     multiple?: boolean;
+    icons?: typeof import('./constants').DEFAULT_ICONS;
+    texts?: typeof import('./constants').DEFAULT_TEXTS;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: import('../../types/primitive').Primitive | import('../../types/primitive').Primitive[]) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, string, {
+    icons: typeof import('./constants').DEFAULT_ICONS;
+    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 () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+B,CAAA;AAC/C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA;AAGrC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+B,CAAA;AAC/C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA;AAGrC,cAAc,SAAS,CAAA"}

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

@@ -1,3 +1,4 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { QCollapsibleProps, QCollapsibleSpacing, QCollapsibleVariant } from '../QCollapsible';
 import { QBaseComponentProps } from '../../types/component';
 /**
@@ -30,6 +31,22 @@ export type QAccordionProps = QBaseComponentProps & {
      * @category Behavior
      */
     multiple?: boolean;
+    /**
+     * Icons for the sections. They reach every section through the defaults cascade,
+     * unless a section sets its own `icons`.
+     * Pass every key, or omit the prop to keep the defaults.
+     *
+     * @category Configuration
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Accessible strings for the sections. They reach every section through the defaults cascade,
+     * unless a section sets its own `texts`.
+     * Pass every key, or omit the prop to keep the defaults.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
 };
 /**
  * Props for the QAccordionItem component.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAClG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IACnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAClG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IACnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/esm/components/QAlert/QAlert.d.ts

@@ -0,0 +1,68 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+import { QAlertProps } from '.';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Replaces the severity icon, or adds an icon to an alert in another color.
+         * The icon is decorative and hidden from screen readers, so anything it conveys
+         * must also be in the message.
+         */
+        icon?: () => unknown;
+        /** The message, for content that `text` cannot hold, such as links or a list of errors. */
+        default?: () => unknown;
+        /**
+         * Buttons or links that act on the alert.
+         * On a `bold` alert, a `QButton` here defaults to the `bold` variant in the alert's
+         * on-color, which stands out from the fill. A button that sets its own `color`
+         * must contrast with the fill: the theme's primary nearly disappears on a bold
+         * `danger` alert. For a quieter second action, use `variant="bold"` with the
+         * alert's own `color`, so the button blends into the fill and only its text shows.
+         */
+        actions?: () => unknown;
+    }> & {
+        /**
+         * Replaces the severity icon, or adds an icon to an alert in another color.
+         * The icon is decorative and hidden from screen readers, so anything it conveys
+         * must also be in the message.
+         */
+        icon?: () => unknown;
+        /** The message, for content that `text` cannot hold, such as links or a list of errors. */
+        default?: () => unknown;
+        /**
+         * Buttons or links that act on the alert.
+         * On a `bold` alert, a `QButton` here defaults to the `bold` variant in the alert's
+         * on-color, which stands out from the fill. A button that sets its own `color`
+         * must contrast with the fill: the theme's primary nearly disappears on a bold
+         * `danger` alert. For a quieter second action, use `variant="bold"` with the
+         * alert's own `color`, so the button blends into the fill and only its text shows.
+         */
+        actions?: () => unknown;
+    };
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QAlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    dismiss: () => any;
+}, string, import('vue').PublicProps, Readonly<QAlertProps> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    color: string;
+    variant: import('./types').QAlertVariant;
+    icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
+    headingLevel: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QAlert.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QAlert/QAlert.vue"],"names":[],"mappings":"AA+DA;AAkNC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAY1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AA4IrC,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;QA/PhD;;;;WAIG;eACI,MAAM,OAAO;QACpB,2FAA2F;kBACjF,MAAM,OAAO;QACvB;;;;;;;WAOG;kBACO,MAAM,OAAO;;QAhBvB;;;;WAIG;eACI,MAAM,OAAO;QACpB,2FAA2F;kBACjF,MAAM,OAAO;QACvB;;;;;;;WAOG;kBACO,MAAM,OAAO;;;;;;EAoPxB;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;kBAUnB,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/QAlert/QAlert.vue.js

@@ -0,0 +1,113 @@
+import { useId as e } from "../../composables/useId/index.js";
+import { useColor as t } from "../../composables/useColor/index.js";
+import { QIcon as n } from "../QIcon/index.js";
+import { getFocusTargetOnRemoval as r } from "../../utils/focus.js";
+import { QButton as i } from "../QButton/index.js";
+import { getDefaultLive as a, isSeverity as o } from "../../utils/severity.js";
+import { DEFAULT_ICONS as s, DEFAULT_TEXTS as c } from "./constants.js";
+import { QDefaultsProvider as l } from "../QDefaultsProvider/index.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, guardReactiveProps as v, mergeProps as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as C, openBlock as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, toRef as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
+//#region src/components/QAlert/QAlert.vue?vue&type=script&setup=true&lang.ts
+var M = ["id", "role"], N = {
+	key: 0,
+	class: "q-alert__icon",
+	"aria-hidden": "true"
+}, P = { class: "q-alert__content" }, F = {
+	key: 0,
+	class: "q-sr-only"
+}, I = {
+	key: 1,
+	class: "q-sr-only"
+}, L = {
+	key: 2,
+	class: "q-alert__text"
+}, R = {
+	key: 3,
+	class: "q-alert__actions"
+}, z = /*@__PURE__*/ _({
+	__name: "QAlert",
+	props: {
+		id: {},
+		class: {},
+		title: {},
+		headingLevel: { default: 2 },
+		text: {},
+		color: { default: "info" },
+		variant: { default: "tonal" },
+		dismissible: { type: Boolean },
+		live: {},
+		icons: { default: () => s },
+		texts: { default: () => c }
+	},
+	emits: ["dismiss"],
+	setup(s, { emit: c }) {
+		let _ = s, z = c, B = e(O(_, "id")), V = A("root"), { isUtilityColor: H, style: U } = t(O(_, "color")), W = u(() => o(_.color) ? _.color : void 0), G = u(() => _.headingLevel >= 1 && _.headingLevel <= 6 ? `h${_.headingLevel}` : "div"), K = u(() => W.value ? _.icons[W.value] : void 0), q = u(() => {
+			let e = _.live ?? a(_.color);
+			if (e !== "off") return e === "assertive" ? "alert" : "status";
+		}), J = u(() => [
+			"q-alert",
+			`q-alert--${_.variant}`,
+			{
+				"q-alert--banner": !_.title,
+				"q-alert--dismissible": _.dismissible
+			},
+			_.class
+		]), Y = u(() => {
+			if (U.value) return {
+				"--q-alert-main-color": U.value.mainColor,
+				"--q-alert-main-color-rgb": U.value.mainColorRgb,
+				"--q-alert-on-main-color": U.value.onMainColor,
+				"--q-alert-text-color": U.value.textColor
+			};
+		}), X = { QButton: {
+			variant: u(() => _.variant === "bold" ? "bold" : void 0),
+			color: u(() => {
+				if (_.variant === "bold") return H.value ? `on${_.color.charAt(0).toUpperCase()}${_.color.slice(1)}` : U.value?.onMainColor;
+			})
+		} };
+		return C(() => {
+			let e = V.value;
+			e?.contains(document.activeElement) && r(e)?.focus();
+		}), (e, t) => (w(), p("div", {
+			id: k(B),
+			ref: "root",
+			class: b(J.value),
+			style: S(Y.value),
+			role: q.value
+		}, [
+			e.$slots.icon || K.value ? (w(), p("span", N, [T(e.$slots, "icon", {}, () => [K.value ? (w(), d(k(n), x(y({ key: 0 }, K.value)), null, 16)) : f("v-if", !0)])])) : f("v-if", !0),
+			m("div", P, [
+				f(" With a title, the severity text goes inside the heading, so it is also read when navigating by headings "),
+				_.title ? (w(), d(E(G.value), {
+					key: 0,
+					class: "q-alert__title"
+				}, {
+					default: j(() => [W.value ? (w(), p("span", F, D(_.texts[W.value]), 1)) : f("v-if", !0), h(" " + D(_.title), 1)]),
+					_: 1
+				})) : W.value ? (w(), p("span", I, D(_.texts[W.value]), 1)) : f("v-if", !0),
+				_.text || e.$slots.default ? (w(), p("div", L, [T(e.$slots, "default", {}, () => [h(D(_.text), 1)])])) : f("v-if", !0),
+				e.$slots.actions ? (w(), p("div", R, [g(k(l), { defaults: X }, {
+					default: j(() => [T(e.$slots, "actions")]),
+					_: 3
+				})])) : f("v-if", !0)
+			]),
+			_.dismissible ? (w(), d(k(i), {
+				key: 1,
+				class: "q-alert__dismiss",
+				variant: _.variant === "bold" ? "bold" : "ghost",
+				color: _.color,
+				"aria-label": _.texts.dismiss,
+				onClick: t[0] ||= (e) => z("dismiss")
+			}, {
+				default: j(() => [g(k(n), x(v(_.icons.dismiss)), null, 16)]),
+				_: 1
+			}, 8, [
+				"variant",
+				"color",
+				"aria-label"
+			])) : f("v-if", !0)
+		], 14, M));
+	}
+});
+//#endregion
+export { z as default };

package/esm/components/QAlert/QAlert2.vue.js

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

package/esm/components/QAlert/constants.d.ts

@@ -0,0 +1,25 @@
+export declare const DEFAULT_ICONS: {
+    dismiss: {
+        icon: string;
+    };
+    info: {
+        icon: string;
+    };
+    success: {
+        icon: string;
+    };
+    warning: {
+        icon: string;
+    };
+    danger: {
+        icon: string;
+    };
+};
+export declare const DEFAULT_TEXTS: {
+    dismiss: string;
+    info: string;
+    success: string;
+    warning: string;
+    danger: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/esm/components/QAlert/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QAlert/constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAKY,CAAA;AAGtC,eAAO,MAAM,aAAa;;;;;;CAGQ,CAAA"}

package/esm/components/QAlert/constants.js

@@ -0,0 +1,11 @@
+import { SEVERITY_ICONS as e, SEVERITY_TEXTS as t } from "../../utils/severity.js";
+//#region src/components/QAlert/constants.ts
+var n = {
+	...e,
+	dismiss: { icon: "close" }
+}, r = {
+	...t,
+	dismiss: "Dismiss"
+};
+//#endregion
+export { n as DEFAULT_ICONS, r as DEFAULT_TEXTS };

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

@@ -0,0 +1,56 @@
+declare const QAlert: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QAlertProps> & Readonly<{
+        onDismiss?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        dismiss: () => any;
+    }, import('vue').PublicProps, {
+        color: string;
+        variant: import('./types').QAlertVariant;
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        headingLevel: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        root: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QAlertProps> & Readonly<{
+        onDismiss?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        color: string;
+        variant: import('./types').QAlertVariant;
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        headingLevel: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QAlertProps> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    dismiss: () => any;
+}, string, {
+    color: string;
+    variant: import('./types').QAlertVariant;
+    icons: typeof import('./constants').DEFAULT_ICONS;
+    texts: typeof import('./constants').DEFAULT_TEXTS;
+    headingLevel: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        icon?: () => unknown;
+        default?: () => unknown;
+        actions?: () => unknown;
+    }> & {
+        icon?: () => unknown;
+        default?: () => unknown;
+        actions?: () => unknown;
+    };
+});
+export { QAlert };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QAlert/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}

package/esm/components/QAlert/index.js

@@ -0,0 +1,6 @@
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QAlert2.vue.js";
+//#region src/components/QAlert/index.ts
+var n = e(t);
+//#endregion
+export { n as QAlert };

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

@@ -0,0 +1,85 @@
+import { QBaseComponentProps, QLive } from '../../types/component';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+export type QAlertVariant = 'bold' | 'tonal' | 'outlined';
+/**
+ * Props for the QAlert component.
+ */
+export type QAlertProps = QBaseComponentProps & {
+    /**
+     * The title of the alert, shown above the message.
+     * Without a title, the alert is a single-row banner.
+     *
+     * @category Content
+     */
+    title?: string;
+    /**
+     * The heading level of the title, so screen reader users can find the alert by its
+     * heading. Choose the level that fits the page's heading outline. A value outside
+     * 1–6 renders the title as a plain `div`.
+     *
+     * @category Content
+     */
+    headingLevel?: number;
+    /**
+     * The message of the alert.
+     * Use the default slot instead for rich content, such as links or a list of errors.
+     *
+     * @category Content
+     */
+    text?: string;
+    /**
+     * The color of the alert.
+     * 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
+     */
+    color?: string;
+    /**
+     * Specifies the visual style of the alert.
+     *
+     * @category Presentation
+     */
+    variant?: QAlertVariant;
+    /**
+     * Whether the alert shows a dismiss button.
+     * Pressing it emits `dismiss`. The alert stays on the page until you remove it.
+     * When the alert is removed while it has focus, focus moves to the next focusable
+     * element on the page, or the previous one when nothing follows. To send focus
+     * elsewhere, move it in the `dismiss` handler.
+     *
+     * @category Behavior
+     */
+    dismissible?: boolean;
+    /**
+     * How screen readers announce the alert.
+     * `assertive` (`role="alert"`) interrupts the user, `polite` (`role="status"`) waits
+     * until they are idle, and `off` sets no live region.
+     * Defaults to `assertive` for `warning` and `danger` and to `polite` for any other color.
+     * Screen readers only announce content that appears after the page loads, and many
+     * skip a `polite` alert that appears together with its message. Use `assertive` when
+     * the message must be heard, and `off` for notices that are part of the page from the start.
+     *
+     * @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: 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
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAlert/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;;;;;;;OAUG;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/QAvatar/QAvatar.d.ts

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QAvatarProps> & Readonly<{}>, {
-    size: "small" | "medium" | "large" | string;
+    size: "small" | "medium" | "large" | (string & {});
     shape: "circle" | "square";
     alt: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -1,6 +1,6 @@
 declare const QAvatar: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QAvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        size: "small" | "medium" | "large" | string;
+        size: "small" | "medium" | "large" | (string & {});
         shape: "circle" | "square";
         alt: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -11,7 +11,7 @@ declare const QAvatar: {
         M: {};
         Defaults: {};
     }, Readonly<import('./types').QAvatarProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: "small" | "medium" | "large" | string;
+        size: "small" | "medium" | "large" | (string & {});
         shape: "circle" | "square";
         alt: string;
     }>;
@@ -19,7 +19,7 @@ declare const QAvatar: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types').QAvatarProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    size: "small" | "medium" | "large" | string;
+    size: "small" | "medium" | "large" | (string & {});
     shape: "circle" | "square";
     alt: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {