@quidgest/ui 0.20.0 → 0.21.0

package/esm/components/QAccordion/QAccordionItem.vue.js

@@ -1,6 +1,6 @@
 import { useGroupItem as e } from "../../composables/useGroup/index.js";
 import { QCollapsible as t } from "../QCollapsible/index.js";
-import { useId as n } from "../../composables/uid.js";
+import { useId as n } from "../../composables/useId/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";
 //#region src/components/QAccordion/QAccordionItem.vue?vue&type=script&setup=true&lang.ts
 var d = /*@__PURE__*/ i({

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

@@ -1 +1 @@
-{"version":3,"file":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAyCA;AAkJC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAmGrC,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;6EAQnB,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":"QBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadge/QBadge.vue"],"names":[],"mappings":"AAyCA;AA+IC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAgGrC,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;6EAQnB,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/QBadge/QBadge.vue.js

@@ -31,26 +31,22 @@ var T = ["id"], E = {
 				e,
 				f.class
 			];
-		}), M = o(() => {
-			let e = N.value ? `q-badge--${f.color}` : void 0;
-			return [
-				"q-badge",
-				`q-badge--${f.variant}`,
-				{
-					"q-badge--removable": f.removable,
-					"q-badge--disabled": f.disabled
-				},
-				e,
-				j.value
-			];
-		}), { isUtilityColor: N, style: P } = e(x(f, "color")), F = o(() => {
-			if (!N.value) return {
-				"--q-badge-main-color": P.value?.mainColor,
-				"--q-badge-on-main-color": P.value?.onMainColor,
-				"--q-badge-hover-color": P.value?.hoverColor,
-				"--q-badge-on-hover-color": P.value?.onHoverColor
+		}), M = o(() => [
+			"q-badge",
+			`q-badge--${f.variant}`,
+			{
+				"q-badge--removable": f.removable,
+				"q-badge--disabled": f.disabled
+			},
+			j.value
+		]), { style: N } = e(x(f, "color")), P = o(() => {
+			if (N.value) return {
+				"--q-badge-main-color": N.value.mainColor,
+				"--q-badge-on-main-color": N.value.onMainColor,
+				"--q-badge-hover-color": N.value.hoverColor,
+				"--q-badge-on-hover-color": N.value.onHoverColor
 			};
-		}), I = o(() => k.onClick), L = o(() => ({
+		}), F = o(() => k.onClick), I = o(() => ({
 			class: "q-badge__remove",
 			variant: f.variant,
 			color: f.color,
@@ -58,7 +54,7 @@ var T = ["id"], E = {
 			title: f.texts.removeText,
 			disabled: f.disabled
 		}));
-		function R() {
+		function L() {
 			O("click:remove");
 		}
 		return (e, r) => A.value ? (v(), s(b(f.removable ? S(a) : "span"), {
@@ -70,7 +66,7 @@ var T = ["id"], E = {
 				variant: f.variant,
 				color: f.color,
 				disabled: f.disabled,
-				onClick: I.value
+				onClick: F.value
 			}, {
 				default: w(() => [y(e.$slots, "default")]),
 				_: 3
@@ -79,7 +75,7 @@ var T = ["id"], E = {
 				"color",
 				"disabled",
 				"onClick"
-			]), f.removable ? (v(), s(S(t), m({ key: 0 }, L.value, { onClick: R }), {
+			]), f.removable ? (v(), s(S(t), m({ key: 0 }, I.value, { onClick: L }), {
 				default: w(() => [d(S(n), g(p(f.icons.remove)), null, 16)]),
 				_: 1
 			}, 16)) : c("v-if", !0)]),
@@ -88,8 +84,8 @@ var T = ["id"], E = {
 			key: 0,
 			id: f.id,
 			class: h(M.value),
-			style: _(F.value)
-		}, [f.variant === "tonal" ? (v(), l("div", E)) : c("v-if", !0), u("span", null, [u("div", D, [y(e.$slots, "default")]), f.removable ? (v(), s(S(t), m({ key: 0 }, L.value, { onClick: R }), {
+			style: _(P.value)
+		}, [f.variant === "tonal" ? (v(), l("div", E)) : c("v-if", !0), u("span", null, [u("div", D, [y(e.$slots, "default")]), f.removable ? (v(), s(S(t), m({ key: 0 }, I.value, { onClick: L }), {
 			default: w(() => [d(S(n), g(p(f.icons.remove)), null, 16)]),
 			_: 1
 		}, 16)) : c("v-if", !0)])], 14, T));

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

@@ -1 +1 @@
-{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAoBA;AA0GC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AA8EtC,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBAXrB,GAAG;wBACJ,GAAG;;;;EAe9B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;2FASnB,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":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAwBA;AAgHC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAgFtC,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBAXrB,GAAG;wBACJ,GAAG;;;;EAe9B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;2FASnB,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/QButton/QButton.vue.js

@@ -5,7 +5,10 @@ import { computed as n, createCommentVNode as r, createElementBlock as i, create
 var _ = ["id", "disabled"], v = {
 	key: 0,
 	class: "q-button__spinner"
-}, y = { class: "q-button__content" }, b = /*@__PURE__*/ c({
+}, y = { class: "q-button__content" }, b = {
+	key: 0,
+	class: "q-button__append"
+}, x = /*@__PURE__*/ c({
 	__name: "QButton",
 	props: {
 		id: {},
@@ -23,52 +26,52 @@ var _ = ["id", "disabled"], v = {
 		loading: { type: Boolean }
 	},
 	emits: ["click"],
-	setup(c, { emit: b }) {
-		let x = c, S = b, C = n(() => x.disabled || x.loading);
-		function w(e) {
-			C.value || S("click", e);
+	setup(c, { emit: x }) {
+		let S = c, C = x, w = n(() => S.disabled || S.loading);
+		function T(e) {
+			w.value || C("click", e);
 		}
-		let { isUtilityColor: T, style: E } = t(m(x, "color")), D = n(() => {
-			let e = T.value ? `q-button--${x.color}` : void 0, t = x.size === "regular" ? void 0 : `q-button--${x.size}`, n = x.iconPos === "start" ? void 0 : `q-button--icon-${x.iconPos}`;
+		let { style: E } = t(m(S, "color")), D = n(() => {
+			let e = S.color === "background" ? "q-button--background" : void 0, t = S.size === "regular" ? void 0 : `q-button--${S.size}`, n = S.iconPos === "start" ? void 0 : `q-button--icon-${S.iconPos}`;
 			return [
 				"q-button",
-				`q-button--${x.variant}`,
+				`q-button--${S.variant}`,
 				e,
 				t,
 				n,
 				{
-					"q-button--labeled": x.label,
-					"q-button--borderless": x.borderless,
-					"q-button--elevated": x.elevated,
-					"q-button--block": x.block,
-					"q-button--loading": x.loading,
-					"q-button--pill": x.pill
+					"q-button--labeled": S.label,
+					"q-button--borderless": S.borderless,
+					"q-button--elevated": S.elevated,
+					"q-button--block": S.block,
+					"q-button--loading": S.loading,
+					"q-button--pill": S.pill
 				},
-				x.class
+				S.class
 			];
 		}), O = n(() => {
-			if (!T.value) return {
-				"--q-button-main-color": E.value?.mainColor,
-				"--q-button-main-color-rgb": E.value?.mainColorRgb,
-				"--q-button-on-main-color": E.value?.onMainColor,
-				"--q-button-hover-color": E.value?.hoverColor,
-				"--q-button-hover-color-rgb": E.value?.hoverColorRgb,
-				"--q-button-on-hover-color": E.value?.onHoverColor
+			if (!(S.color === "background" || !E.value)) return {
+				"--q-button-main-color": E.value.mainColor,
+				"--q-button-main-color-rgb": E.value.mainColorRgb,
+				"--q-button-on-main-color": E.value.onMainColor,
+				"--q-button-hover-color": E.value.hoverColor,
+				"--q-button-hover-color-rgb": E.value.hoverColorRgb,
+				"--q-button-on-hover-color": E.value.onHoverColor
 			};
 		});
 		return (t, n) => (d(), i("button", {
-			id: x.id,
+			id: S.id,
 			type: "button",
 			class: l(D.value),
-			disabled: C.value,
+			disabled: w.value,
 			style: u(O.value),
-			onClick: g(w, ["stop", "prevent"])
-		}, [x.loading ? (d(), i("div", v, [s(h(e))])) : r("v-if", !0), a("span", y, [
+			onClick: g(T, ["stop", "prevent"])
+		}, [S.loading ? (d(), i("div", v, [s(h(e))])) : r("v-if", !0), a("span", y, [
 			f(t.$slots, "default"),
-			o(" " + p(x.label) + " ", 1),
-			f(t.$slots, "append")
+			o(" " + p(S.label) + " ", 1),
+			t.$slots.append ? (d(), i("span", b, [f(t.$slots, "append")])) : r("v-if", !0)
 		])], 14, _));
 	}
 });
 //#endregion
-export { b as default };
+export { x as default };

package/esm/components/QCheckbox/QCheckbox.vue.js

@@ -1,5 +1,5 @@
 import { QIcon as e } from "../QIcon/index.js";
-import { useId as t } from "../../composables/uid.js";
+import { useId as t } from "../../composables/useId/index.js";
 import { DEFAULT_ICONS as n } from "./constants.js";
 import { QCheckboxLabel as r } from "./index.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, toRef as g, unref as _, useModel as v, useTemplateRef as y, watch as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";

package/esm/components/QDialog/QDialog.d.ts

@@ -1,5 +1,6 @@
 import { DEFAULT_ICONS } from './constants';
 import { DialogButton, QDialogProps } from '.';
+type __VLS_Props = QDialogProps & {};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -15,10 +16,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (val: boolean) => any;
     action: (val: string) => any;
-}, string, import('vue').PublicProps, Readonly<QDialogProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
     onAction?: ((val: string) => any) | undefined;
 }>, {
@@ -31,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<QDialogProps, {}, {
     backdropBlur: boolean;
     attach: string;
     focusWrap: boolean;
+    entryKey: string;
     buttons: DialogButton[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAwGA;AA0LC,OAAO,EAAiC,aAAa,EAAE,MAAM,aAAa,CAAA;AAS1E,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAmFpD,iBAAS,cAAc;WAgQT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;iCACJ,GAAG;sBACd,GAAG;6BACI,GAAG;+BACD,GAAG;iCACD,GAAG;;;;EAexC;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;6EASnB,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":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAwGA;AAmNC,OAAO,EAAiC,aAAa,EAAE,MAAM,aAAa,CAAA;AAa1E,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKnD,KAAK,WAAW,GAAG,YAAY,GAAG,EAG/B,CAAC;AAiGL,iBAAS,cAAc;WAgQT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;iCACJ,GAAG;sBACd,GAAG;6BACI,GAAG;+BACD,GAAG;iCACD,GAAG;;;;EAexC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;cA/XN,MAAM;;6EAwYnB,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/QDialog/QDialog.vue.js

@@ -1,32 +1,34 @@
 import { QButton as e } from "../QButton/index.js";
 import { QIcon as t } from "../QIcon/index.js";
-import { QTextField as n } from "../QTextField/index.js";
-import { QOverlay as r } from "../QOverlay/index.js";
-import { DEFAULT_BUTTONS as i, DEFAULT_ICON as a, DEFAULT_ICONS as o } from "./constants.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+import { useId as n } from "../../composables/useId/index.js";
+import { QTextField as r } from "../QTextField/index.js";
+import { QOverlay as i } from "../QOverlay/index.js";
+import { DEFAULT_BUTTONS as a, DEFAULT_ICON as o, DEFAULT_ICONS as s } from "./constants.js";
+import { DialogSymbol as c } from "../../composables/useDialog/_internal.js";
+import { Fragment as l, 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, inject as y, mergeProps as b, normalizeClass as x, normalizeProps as S, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, toRef as O, unref as k, watch as A, withCtx as j } from "vue";
 //#region src/components/QDialog/QDialog.vue?vue&type=script&setup=true&lang.ts
-var D = {
+var M = {
 	key: 0,
 	class: "q-dialog__header"
-}, O = {
+}, N = {
 	key: 0,
 	class: "q-dialog__header-title"
-}, k = {
+}, P = {
 	key: 1,
 	class: "q-dialog__body"
-}, A = {
+}, F = {
 	key: 0,
 	class: "q-dialog__body-icon"
-}, j = { class: "q-dialog__body-text" }, M = ["innerHTML"], N = { key: 1 }, P = {
+}, I = { class: "q-dialog__body-text" }, L = ["innerHTML"], R = { key: 1 }, z = {
 	key: 0,
 	class: "q-dialog__input"
-}, F = {
+}, B = {
 	key: 2,
 	class: "q-dialog__footer"
-}, I = {
+}, V = {
 	key: 0,
 	class: "q-dialog__footer-buttons"
-}, L = /*@__PURE__*/ h({
+}, H = /*@__PURE__*/ _({
 	__name: "QDialog",
 	props: {
 		id: {},
@@ -34,8 +36,8 @@ var D = {
 		modelValue: { type: Boolean },
 		title: {},
 		text: {},
-		icon: { default: () => a },
-		buttons: { default: () => i },
+		icon: { default: () => o },
+		buttons: { default: () => a },
 		backdropBlur: {
 			type: Boolean,
 			default: !0
@@ -64,96 +66,104 @@ var D = {
 			default: !0
 		},
 		input: {},
-		icons: { default: () => o }
+		icons: { default: () => s },
+		entryKey: { default: void 0 }
 	},
 	emits: ["update:modelValue", "action"],
-	setup(i, { emit: a }) {
-		let o = i, h = a, L = x(""), R = x(""), z = c(() => ["q-dialog", o.class]), B = c(() => `q-overlay--${o.size}`);
-		function V() {
-			W(!0);
+	setup(a, { emit: o }) {
+		let s = a, _ = o, H = n(O(s, "id"));
+		if (s.entryKey) {
+			let e = y(c, null);
+			e?.registerDialogEntry(s.entryKey, H.value), A(H, (t, n) => {
+				t === n || !s.entryKey || e?.updateDialogEntryId(s.entryKey, t);
+			});
+		}
+		let U = w(""), W = w(""), G = u(() => ["q-dialog", s.class]), K = u(() => `q-overlay--${s.size}`);
+		function q() {
+			X(!0);
 		}
-		function H() {
-			W(!1);
+		function J() {
+			X(!1);
 		}
-		function U(e) {
-			if (h("action", e.id), e.action) {
-				if (o.input?.validator && (R.value = o.input.validator(T(L)), T(R))) return;
-				e.action?.(T(L));
+		function Y(e) {
+			if (_("action", e.id), e.action) {
+				if (s.input?.validator && (W.value = s.input.validator(k(U)), k(W))) return;
+				e.action?.(k(U));
 			}
-			H();
+			J();
 		}
-		function W(e) {
-			h("update:modelValue", e);
+		function X(e) {
+			_("update:modelValue", e);
 		}
-		return (i, a) => (b(), l(T(r), {
-			id: o.id,
-			"model-value": o.modelValue,
+		return (n, a) => (C(), d(k(i), {
+			id: k(H),
+			"model-value": s.modelValue,
 			"backdrop-class": "q-dialog__underlay",
 			"scroll-lock": "",
 			persistent: "",
-			inline: o.inline,
-			attach: o.attach,
-			"backdrop-blur": o.backdropBlur,
-			"center-vertically": o.centerVertically,
-			"focus-wrap": o.focusWrap,
-			"initial-focus": o.initialFocus,
-			"focus-within-on-activate": o.focusWithinOnActivate,
-			"closing-focus": o.closingFocus,
-			"return-focus-on-deactivate": o.returnFocusOnDeactivate,
-			class: v(B.value),
-			onEnter: V,
-			"onUpdate:modelValue": W
+			inline: s.inline,
+			attach: s.attach,
+			"backdrop-blur": s.backdropBlur,
+			"center-vertically": s.centerVertically,
+			"focus-wrap": s.focusWrap,
+			"initial-focus": s.initialFocus,
+			"focus-within-on-activate": s.focusWithinOnActivate,
+			"closing-focus": s.closingFocus,
+			"return-focus-on-deactivate": s.returnFocusOnDeactivate,
+			class: x(K.value),
+			onEnter: q,
+			"onUpdate:modelValue": X
 		}, {
-			default: E(() => [f("div", { class: v(z.value) }, [
-				o.title || i.$slots.header || i.$slots["header.prepend"] || i.$slots["header.append"] ? (b(), d("div", D, [C(i.$slots, "header", {}, () => [
-					C(i.$slots, "header.prepend"),
-					o.title ? (b(), d("span", O, w(o.title), 1)) : u("v-if", !0),
-					C(i.$slots, "header.append")
-				])])) : u("v-if", !0),
-				o.icon || o.text || i.$slots.body ? (b(), d("div", k, [C(i.$slots, "body", {}, () => [
-					C(i.$slots, "body.icon", {}, () => [o.icon ? (b(), d("span", A, [m(T(t), y(g(o.icon)), null, 16)])) : u("v-if", !0)]),
-					f("div", j, [o.html ? (b(), d("div", {
+			default: j(() => [m("div", { class: x(G.value) }, [
+				s.title || n.$slots.header || n.$slots["header.prepend"] || n.$slots["header.append"] ? (C(), p("div", M, [E(n.$slots, "header", {}, () => [
+					E(n.$slots, "header.prepend"),
+					s.title ? (C(), p("span", N, D(s.title), 1)) : f("v-if", !0),
+					E(n.$slots, "header.append")
+				])])) : f("v-if", !0),
+				s.icon || s.text || n.$slots.body ? (C(), p("div", P, [E(n.$slots, "body", {}, () => [
+					E(n.$slots, "body.icon", {}, () => [s.icon ? (C(), p("span", F, [g(k(t), S(v(s.icon)), null, 16)])) : f("v-if", !0)]),
+					m("div", I, [s.html ? (C(), p("div", {
 						key: 0,
-						innerHTML: o.text
-					}, null, 8, M)) : (b(), d("div", N, w(o.text), 1))]),
-					o.input ? (b(), d("div", P, [m(T(n), {
-						modelValue: L.value,
-						"onUpdate:modelValue": a[0] ||= (e) => L.value = e,
-						invalid: !!R.value,
-						placeholder: o.input?.placeholder,
+						innerHTML: s.text
+					}, null, 8, L)) : (C(), p("div", R, D(s.text), 1))]),
+					s.input ? (C(), p("div", z, [g(k(r), {
+						modelValue: U.value,
+						"onUpdate:modelValue": a[0] ||= (e) => U.value = e,
+						invalid: !!W.value,
+						placeholder: s.input?.placeholder,
 						size: "block"
 					}, {
-						extras: E(() => [R.value ? (b(), l(T(t), {
+						extras: j(() => [W.value ? (C(), d(k(t), {
 							key: 0,
 							icon: "exclamation-sign"
-						})) : u("v-if", !0), p(" " + w(R.value), 1)]),
+						})) : f("v-if", !0), h(" " + D(W.value), 1)]),
 						_: 1
 					}, 8, [
 						"modelValue",
 						"invalid",
 						"placeholder"
-					])])) : u("v-if", !0),
-					C(i.$slots, "body.append")
-				])])) : u("v-if", !0),
-				o.buttons || i.$slots["footer.append"] ? (b(), d("div", F, [o.buttons ? (b(), d("span", I, [(b(!0), d(s, null, S(o.buttons, (n) => (b(), l(T(e), _({ ref_for: !0 }, n.props, {
+					])])) : f("v-if", !0),
+					E(n.$slots, "body.append")
+				])])) : f("v-if", !0),
+				s.buttons || n.$slots["footer.append"] ? (C(), p("div", B, [s.buttons ? (C(), p("span", V, [(C(!0), p(l, null, T(s.buttons, (n) => (C(), d(k(e), b({ ref_for: !0 }, n.props, {
 					key: n.id,
-					onClick: () => U(n)
+					onClick: () => Y(n)
 				}), {
-					default: E(() => [n.icon ? (b(), l(T(t), _({
+					default: j(() => [n.icon ? (C(), d(k(t), b({
 						key: 0,
 						ref_for: !0
-					}, n.icon), null, 16)) : u("v-if", !0)]),
+					}, n.icon), null, 16)) : f("v-if", !0)]),
 					_: 2
-				}, 1040, ["onClick"]))), 128))])) : u("v-if", !0), C(i.$slots, "footer.append")])) : u("v-if", !0),
-				o.dismissible ? (b(), l(T(e), {
+				}, 1040, ["onClick"]))), 128))])) : f("v-if", !0), E(n.$slots, "footer.append")])) : f("v-if", !0),
+				s.dismissible ? (C(), d(k(e), {
 					key: 3,
 					class: "q-dialog__close",
 					variant: "text",
-					onClick: H
+					onClick: J
 				}, {
-					default: E(() => [m(T(t), y(g(o.icons.close)), null, 16)]),
+					default: j(() => [g(k(t), S(v(s.icons.close)), null, 16)]),
 					_: 1
-				})) : u("v-if", !0)
+				})) : f("v-if", !0)
 			], 2)]),
 			_: 3
 		}, 8, [
@@ -173,4 +183,4 @@ var D = {
 	}
 });
 //#endregion
-export { L as default };
+export { H as default };

package/esm/components/QDialog/QDialogProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QDialogProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialogProvider.vue"],"names":[],"mappings":"AAUA;AAiDC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;;;;;;AAuF9C,wBAOG"}
+{"version":3,"file":"QDialogProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialogProvider.vue"],"names":[],"mappings":"AAWA;AA4EC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;;;;;;AAmH9C,wBAOG"}

package/esm/components/QDialog/QDialogProvider.vue.js

@@ -1,22 +1,31 @@
-import { useDialog as e } from "../../composables/useDialog/index.js";
-import { QDialog as t } from "./index.js";
-import { Fragment as n, createBlock as r, createElementBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderList as c, unref as l } from "vue";
+import { injectDialogInstance as e, removeDialogEntry as t } from "../../composables/useDialog/_internal.js";
+import { QDialog as n } from "./index.js";
+import { Fragment as r, createBlock as i, createElementBlock as a, defineComponent as o, mergeProps as s, onUnmounted as c, openBlock as l, renderList as u, unref as d } from "vue";
 //#region src/components/QDialog/QDialogProvider.vue?vue&type=script&setup=true&lang.ts
-var u = /*@__PURE__*/ a({
+var f = /*@__PURE__*/ o({
 	inheritAttrs: !1,
 	__name: "QDialogProvider",
 	props: { inline: { type: Boolean } },
 	emits: ["leave"],
-	setup(a, { emit: u }) {
-		let d = a, f = u, { dialogs: p, removeDialog: m } = e();
-		function h(e, t) {
-			t || (m(e), f("leave", e));
+	setup(o, { emit: f }) {
+		let p = o, m = f, h = e(), { dialogs: g } = h;
+		h.registerProvider(), c(() => h.unregisterProvider());
+		function _(e) {
+			let n = g.value.findIndex((t) => t.id === e);
+			n !== -1 && (t(h, n), m("leave", e));
 		}
-		return (e, a) => (s(!0), i(n, null, c(l(p), (e) => (s(), r(l(t), o({ key: e.id }, { ref_for: !0 }, e.props, {
-			inline: d.inline,
+		function v(e, t) {
+			t || !e.id || _(e.id);
+		}
+		return (e, t) => (l(!0), a(r, null, u(d(g), (e) => (l(), i(d(n), s({
+			key: e.entryKey,
+			"entry-key": e.entryKey
+		}, { ref_for: !0 }, e.props, {
+			inline: p.inline,
 			onAction: e.handlers?.onAction,
-			"onUpdate:modelValue": (t) => h(e.id, t)
+			"onUpdate:modelValue": (t) => v(e, t)
 		}), null, 16, [
+			"entry-key",
 			"inline",
 			"onAction",
 			"onUpdate:modelValue"
@@ -24,4 +33,4 @@ var u = /*@__PURE__*/ a({
 	}
 });
 //#endregion
-export { u as default };
+export { f as default };

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

@@ -1,5 +1,27 @@
 declare const QDialog: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QDialogProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../types/component').QBaseComponentProps & {
+        modelValue?: boolean;
+        title?: string;
+        text?: string;
+        icon?: import('..').Icon;
+        buttons?: import('./types').DialogButton[];
+        backdropBlur?: boolean;
+        size?: import('./types').QDialogSize;
+        centerVertically?: boolean;
+        attach?: string;
+        inline?: boolean;
+        focusWrap?: boolean;
+        initialFocus?: HTMLElement | string | null;
+        focusWithinOnActivate?: boolean;
+        closingFocus?: HTMLElement | string;
+        returnFocusOnDeactivate?: boolean;
+        dismissible?: boolean;
+        html?: boolean;
+        input?: import('./types').QDialogInputOption;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+    } & {
+        entryKey?: string;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
         onAction?: ((val: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -15,6 +37,7 @@ declare const QDialog: {
         backdropBlur: boolean;
         attach: string;
         focusWrap: boolean;
+        entryKey: string;
         buttons: import('./types').DialogButton[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -23,7 +46,29 @@ declare const QDialog: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').QDialogProps> & Readonly<{
+    }, Readonly<import('../../types/component').QBaseComponentProps & {
+        modelValue?: boolean;
+        title?: string;
+        text?: string;
+        icon?: import('..').Icon;
+        buttons?: import('./types').DialogButton[];
+        backdropBlur?: boolean;
+        size?: import('./types').QDialogSize;
+        centerVertically?: boolean;
+        attach?: string;
+        inline?: boolean;
+        focusWrap?: boolean;
+        initialFocus?: HTMLElement | string | null;
+        focusWithinOnActivate?: boolean;
+        closingFocus?: HTMLElement | string;
+        returnFocusOnDeactivate?: boolean;
+        dismissible?: boolean;
+        html?: boolean;
+        input?: import('./types').QDialogInputOption;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+    } & {
+        entryKey?: string;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
         onAction?: ((val: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -36,12 +81,35 @@ declare const QDialog: {
         backdropBlur: boolean;
         attach: string;
         focusWrap: boolean;
+        entryKey: string;
         buttons: import('./types').DialogButton[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').QDialogProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../types/component').QBaseComponentProps & {
+    modelValue?: boolean;
+    title?: string;
+    text?: string;
+    icon?: import('..').Icon;
+    buttons?: import('./types').DialogButton[];
+    backdropBlur?: boolean;
+    size?: import('./types').QDialogSize;
+    centerVertically?: boolean;
+    attach?: string;
+    inline?: boolean;
+    focusWrap?: boolean;
+    initialFocus?: HTMLElement | string | null;
+    focusWithinOnActivate?: boolean;
+    closingFocus?: HTMLElement | string;
+    returnFocusOnDeactivate?: boolean;
+    dismissible?: boolean;
+    html?: boolean;
+    input?: import('./types').QDialogInputOption;
+    icons?: typeof import('./constants').DEFAULT_ICONS;
+} & {
+    entryKey?: string;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
     onAction?: ((val: string) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -57,6 +125,7 @@ declare const QDialog: {
     backdropBlur: boolean;
     attach: string;
     focusWrap: boolean;
+    entryKey: string;
     buttons: import('./types').DialogButton[];
 }, {}, 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/QDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,cAAc,SAAS,CAAA"}