@quidgest/ui 0.26.0 → 0.27.1

package/esm/components/QSidebar/QSidebar.d.ts

@@ -1,5 +1,5 @@
 import { QSidebarItemRegistration } from './context';
-import { QSidebarProps } from './types';
+import { QSidebarProps } from '.';
 type __VLS_Props = QSidebarProps;
 type __VLS_PublicProps = {
     modelValue?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgBA;AA6PC,OAAO,KAAK,EAAmB,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA2NlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgB/B;AAeD,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"}
+{"version":3,"file":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgBA;AAiQC,OAAO,KAAK,EAAmB,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAOtC,KAAK,WAAW,GAAG,aAAa,CAAC;AA6NlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgB/B;AAgBD,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/QSidebar/QSidebar.vue.js

@@ -1,11 +1,12 @@
 import { useGroup as e } from "../../composables/useGroup/index.js";
-import t from "./QSidebarAnchor2.vue.js";
-import { SidebarSymbol as n } from "./context.js";
-import { computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, provide as f, ref as p, renderSlot as m, shallowRef as h, useModel as g, useTemplateRef as _, watch as v } from "vue";
+import { useId as t } from "../../composables/useId/index.js";
+import n from "./QSidebarAnchor2.vue.js";
+import { SidebarSymbol as r } from "./context.js";
+import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, normalizeStyle as d, openBlock as f, provide as p, ref as m, renderSlot as h, shallowRef as g, toRef as _, unref as v, useModel as y, useTemplateRef as b, watch as x } from "vue";
 //#region src/components/QSidebar/QSidebar.vue?vue&type=script&setup=true&lang.ts
-var y = ["id"], b = { class: "q-sidebar__panels" }, x = /*@__PURE__*/ s({
+var S = ["id"], C = { class: "q-sidebar__panels" }, w = /*@__PURE__*/ c({
 	__name: "QSidebar",
-	props: /*@__PURE__*/ c({
+	props: /*@__PURE__*/ l({
 		id: {},
 		class: {},
 		anchorWidth: {},
@@ -15,99 +16,99 @@ var y = ["id"], b = { class: "q-sidebar__panels" }, x = /*@__PURE__*/ s({
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ c([
+	emits: /*@__PURE__*/ l([
 		"click:item",
 		"resize",
 		"resize:start",
 		"resize:end"
 	], ["update:modelValue"]),
-	setup(s, { emit: c }) {
-		let x = s, S = c, C = g(s, "modelValue"), { active: w } = e({
-			active: C,
+	setup(c, { emit: l }) {
+		let w = c, T = l, E = y(c, "modelValue"), D = t(_(w, "id")), { active: O } = e({
+			active: E,
 			required: !1
 		});
-		v(w, (e) => {
-			C.value = e;
+		x(O, (e) => {
+			E.value = e;
 		});
-		let T = _("anchor"), E = h([]), D = p(), O = p(!1), k = p();
-		function A() {
-			k.value = void 0;
+		let k = b("anchor"), A = g([]), j = m(), M = m(!1), N = m();
+		function P() {
+			N.value = void 0;
 		}
-		v(C, (e, t) => {
-			O.value = !e || !t, e && t && A(), e && (D.value = e);
+		x(E, (e, t) => {
+			M.value = !e || !t, e && t && P(), e && (j.value = e);
 		}, { immediate: !0 });
-		let j = r(() => E.value.find((e) => e.value === D.value)), M = r(() => !!j.value), N = r(() => {
-			if (!(!j.value?.resizable.value || k.value === void 0)) return x.anchorWidth === void 0 ? { width: `${(T.value?.$el?.offsetWidth ?? 0) + k.value}px` } : { width: `calc(${x.anchorWidth}px * var(--q-density-scale) + ${k.value}px)` };
-		}), P = r(() => [
+		let F = i(() => A.value.find((e) => e.value === j.value)), I = i(() => !!F.value), L = i(() => {
+			if (!(!F.value?.resizable.value || N.value === void 0)) return w.anchorWidth === void 0 ? { width: `${(k.value?.$el?.offsetWidth ?? 0) + N.value}px` } : { width: `calc(${w.anchorWidth}px * var(--q-density-scale) + ${N.value}px)` };
+		}), R = i(() => [
 			"q-sidebar",
-			`q-sidebar--${j.value?.initialWidth.value ?? "small"}`,
-			`q-sidebar--${x.position}`,
-			x.class,
+			`q-sidebar--${F.value?.initialWidth.value ?? "small"}`,
+			`q-sidebar--${w.position}`,
+			w.class,
 			{
-				"q-sidebar--expanded": M.value,
-				[`q-sidebar--min-${j.value?.minWidth.value}`]: !!j.value?.resizable.value && j.value?.minWidth.value !== void 0,
-				[`q-sidebar--max-${j.value?.maxWidth.value}`]: !!j.value?.resizable.value && j.value?.maxWidth.value !== void 0
+				"q-sidebar--expanded": I.value,
+				[`q-sidebar--min-${F.value?.minWidth.value}`]: !!F.value?.resizable.value && F.value?.minWidth.value !== void 0,
+				[`q-sidebar--max-${F.value?.maxWidth.value}`]: !!F.value?.resizable.value && F.value?.maxWidth.value !== void 0
 			}
 		]);
-		function F(e) {
-			E.value = [...E.value, e];
+		function z(e) {
+			A.value = [...A.value, e];
 		}
-		function I(e) {
-			E.value = E.value.filter((t) => t.value !== e);
+		function B(e) {
+			A.value = A.value.filter((t) => t.value !== e);
 		}
-		function L(e, t) {
+		function V(e, t) {
 			if (e === t) return;
-			let n = E.value.findIndex((t) => t.value === e);
-			n !== -1 && (E.value = E.value.map((e, r) => r === n ? {
+			let n = A.value.findIndex((t) => t.value === e);
+			n !== -1 && (A.value = A.value.map((e, r) => r === n ? {
 				...e,
 				value: t
 			} : e));
 		}
-		function R(e) {
-			S("click:item", e);
+		function H(e) {
+			T("click:item", e);
 		}
-		function z() {
-			S("resize:start");
+		function U() {
+			T("resize:start");
 		}
-		function B(e) {
-			k.value = e, S("resize", e);
+		function W(e) {
+			N.value = e, T("resize", e);
 		}
-		function V(e) {
-			S("resize:end", e);
+		function G(e) {
+			T("resize:end", e);
 		}
-		function H() {
-			C.value || (D.value = void 0, A());
+		function K() {
+			E.value || (j.value = void 0, P());
 		}
-		return v(() => x.anchorWidth, A), f(n, {
-			anchorItemsEl: r(() => T.value?.itemsEl ?? null),
-			position: r(() => x.position ?? "left"),
-			showLabels: r(() => !!x.showLabels),
-			anchorWidth: r(() => x.anchorWidth),
-			animatePanel: r(() => O.value),
-			items: E,
-			register: F,
-			unregister: I,
-			updateValue: L,
-			onItemClick: R,
-			onResizeStart: z,
-			onPanelResize: B,
-			onResizeEnd: V,
-			onPanelAfterLeave: H
-		}), (e, n) => (d(), i("div", {
-			id: x.id,
-			class: l(P.value),
-			style: u(N.value)
-		}, [o(t, {
+		return x(() => w.anchorWidth, P), p(r, {
+			anchorItemsEl: i(() => k.value?.itemsEl ?? null),
+			position: i(() => w.position ?? "left"),
+			showLabels: i(() => !!w.showLabels),
+			anchorWidth: i(() => w.anchorWidth),
+			animatePanel: i(() => M.value),
+			items: A,
+			register: z,
+			unregister: B,
+			updateValue: V,
+			onItemClick: H,
+			onResizeStart: U,
+			onPanelResize: W,
+			onResizeEnd: G,
+			onPanelAfterLeave: K
+		}), (e, t) => (f(), a("div", {
+			id: v(D),
+			class: u(R.value),
+			style: d(L.value)
+		}, [s(n, {
 			ref: "anchor",
-			"anchor-width": x.anchorWidth,
-			"model-value": C.value,
-			items: E.value
+			"anchor-width": w.anchorWidth,
+			"model-value": E.value,
+			items: A.value
 		}, null, 8, [
 			"anchor-width",
 			"model-value",
 			"items"
-		]), a("div", b, [m(e.$slots, "default")])], 14, y));
+		]), o("div", C, [h(e.$slots, "default")])], 14, S));
 	}
 });
 //#endregion
-export { x as default };
+export { w as default };

package/esm/components/QSidebar/QSidebarItem.d.ts

@@ -1,4 +1,4 @@
-import { QSidebarItemProps } from './types';
+import { QSidebarItemProps } from '.';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

package/esm/components/QSidebar/QSidebarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarItem.vue"],"names":[],"mappings":"AAkEA;AA8LC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA6GjD,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;wBACb,GAAG;iCACM,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEyjS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;EAnD9sS;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6BokS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;OArB7sS,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":"QSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarItem.vue"],"names":[],"mappings":"AAkEA;AA8LC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AA6G3C,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;wBACb,GAAG;iCACM,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmE0hS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;EAnD/qS;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6BqiS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;OArB9qS,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/QSidebar/QSidebarItem.vue.js

@@ -1,6 +1,6 @@
 import { useGroupItem as e } from "../../composables/useGroup/index.js";
-import { QIcon as t } from "../QIcon/index.js";
-import { useId as n } from "../../composables/useId/index.js";
+import { useId as t } from "../../composables/useId/index.js";
+import { QIcon as n } from "../QIcon/index.js";
 import { SidebarSymbol as r } from "./context.js";
 import { QToggle as i } from "../QToggle/index.js";
 import a from "./QSidebarPanel2.vue.js";
@@ -26,7 +26,7 @@ var k = /*@__PURE__*/ h({
 	setup(h) {
 		let k = h, A = g(r, null);
 		if (!A) throw Error("QSidebarItem: Failed to retrieve sidebar context. Ensure the component is used within a QSidebar context.");
-		let j = n(w(k, "value")), M = n(w(k, "id")), N = n(), P = e(j);
+		let j = t(w(k, "value")), M = t(w(k, "id")), N = t(), P = e(j);
 		if (!P) throw Error("QSidebarItem: Failed to retrieve group item. Ensure the component is used within a QSidebar context.");
 		let F = A, I = P, L = E("anchor"), R = l(() => F.anchorItemsEl.value), z = l(() => F.position.value === "left" ? "right" : "left"), B = l(() => F.position.value === "left" ? "slide-right" : "slide-left");
 		function V() {
@@ -48,7 +48,7 @@ var k = /*@__PURE__*/ h({
 			e !== t && F.updateValue(t, e);
 		}), x(() => {
 			F.unregister(j.value);
-		}), (e, n) => (S(), f(o, null, [R.value ? (S(), u(s, {
+		}), (e, t) => (S(), f(o, null, [R.value ? (S(), u(s, {
 			key: 0,
 			to: R.value
 		}, [m(T(i), {
@@ -59,12 +59,12 @@ var k = /*@__PURE__*/ h({
 			"icon-pos": "top",
 			class: v(["q-sidebar__item", k.class]),
 			"model-value": T(I).isActive.value,
-			"aria-controls": T(N),
+			"aria-controls": T(I).isActive.value ? T(N) : void 0,
 			label: T(F).showLabels.value ? k.title : void 0,
 			title: T(F).showLabels.value ? void 0 : k.title,
 			"onUpdate:modelValue": V
 		}, {
-			default: O(() => [C(e.$slots, "anchor", {}, () => [k.icon ? (S(), u(T(t), y(_({ key: 0 }, k.icon)), null, 16)) : d("v-if", !0)])]),
+			default: O(() => [C(e.$slots, "anchor", {}, () => [k.icon ? (S(), u(T(n), y(_({ key: 0 }, k.icon)), null, 16)) : d("v-if", !0)])]),
 			_: 3
 		}, 8, [
 			"id",
@@ -81,8 +81,8 @@ var k = /*@__PURE__*/ h({
 			default: O(() => [T(I).isActive.value ? (S(), u(a, {
 				key: 0,
 				id: T(N),
-				"aria-labelledby": T(M),
 				title: k.title,
+				"label-id": T(M),
 				resizable: k.resizable,
 				"show-grip": k.showGrip,
 				"resize-position": z.value,
@@ -115,8 +115,8 @@ var k = /*@__PURE__*/ h({
 				} : void 0
 			]), 1032, [
 				"id",
-				"aria-labelledby",
 				"title",
+				"label-id",
 				"resizable",
 				"show-grip",
 				"resize-position",

package/esm/components/QSidebar/QSidebarPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSidebarPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarPanel.vue"],"names":[],"mappings":"AAuCA;AAmIC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AA0F5C,iBAAS,cAAc;WAuET,OAAO,IAA6B;;wBAftB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;;;EAgB9B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBASnB,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":"QSidebarPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarPanel.vue"],"names":[],"mappings":"AAyCA;AAoJC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AAmG5C,iBAAS,cAAc;WAyET,OAAO,IAA6B;;wBAftB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;;;EAgB9B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBASnB,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/QSidebar/QSidebarPanel.vue.js

@@ -1,22 +1,17 @@
-import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, onUnmounted as a, openBlock as o, ref as s, renderSlot as c, toDisplayString as l, useTemplateRef as u } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onUnmounted as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useSlots as p, useTemplateRef as m } from "vue";
 //#region src/components/QSidebar/QSidebarPanel.vue?vue&type=script&setup=true&lang.ts
-var d = {
-	ref: "panel",
-	class: "q-sidebar-panel",
-	role: "region"
-}, f = { class: "q-sidebar-panel__header" }, p = {
-	key: 0,
-	class: "q-sidebar-panel__title"
-}, m = { class: "q-sidebar-panel__content" }, h = {
+var h = ["aria-labelledby"], g = { class: "q-sidebar-panel__header" }, _ = ["id"], v = { class: "q-sidebar-panel__content" }, y = {
 	key: 0,
 	class: "q-sidebar-panel__footer"
-}, g = {
+}, b = {
 	key: 0,
 	class: "q-sidebar-panel__grip"
-}, _ = /*@__PURE__*/ r({
+}, x = /*@__PURE__*/ a({
 	__name: "QSidebarPanel",
 	props: {
 		title: {},
+		labelId: {},
 		resizable: { type: Boolean },
 		showGrip: { type: Boolean },
 		resizePosition: {}
@@ -26,38 +21,47 @@ var d = {
 		"resize:start",
 		"resize:end"
 	],
-	setup(r, { emit: _ }) {
-		let v = r, y = _, b = u("panel"), x = s(!1), S = 0, C = 0;
-		function w(e) {
-			v.resizable && (x.value = !0, S = e.clientX, C = b.value.clientWidth, document.addEventListener("mousemove", T), document.addEventListener("mouseup", E), document.body.style.userSelect = "none", y("resize:start"));
+	setup(a, { emit: x }) {
+		let S = a, C = x, w = p(), T = e(), E = t(() => !!S.title && !w.header), D = t(() => E.value ? T.value : S.labelId), O = m("panel"), k = l(!1), A = 0, j = 0;
+		function M(e) {
+			S.resizable && (k.value = !0, A = e.clientX, j = O.value.clientWidth, document.addEventListener("mousemove", N), document.addEventListener("mouseup", P), document.body.style.userSelect = "none", C("resize:start"));
 		}
-		function T(e) {
-			if (!v.resizable || !x.value) return;
-			let t = v.resizePosition === "right" ? e.clientX - S : S - e.clientX;
-			y("resize", C + t);
+		function N(e) {
+			if (!S.resizable || !k.value) return;
+			let t = S.resizePosition === "right" ? e.clientX - A : A - e.clientX;
+			C("resize", j + t);
 		}
-		function E() {
-			v.resizable && (x.value = !1, y("resize:end", b.value.clientWidth), D());
+		function P() {
+			S.resizable && (k.value = !1, C("resize:end", O.value.clientWidth), F());
 		}
-		function D() {
-			v.resizable && (document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", E), document.body.style.userSelect = "");
+		function F() {
+			S.resizable && (document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P), document.body.style.userSelect = "");
 		}
-		return a(D), (a, s) => (o(), t("div", d, [
-			n("div", f, [c(a.$slots, "header", {}, () => [
-				c(a.$slots, "header.prepend"),
-				v.title ? (o(), t("h3", p, l(v.title), 1)) : e("v-if", !0),
-				c(a.$slots, "header.append")
+		return s(F), (e, t) => (c(), r("div", {
+			ref: "panel",
+			class: "q-sidebar-panel",
+			role: "region",
+			"aria-labelledby": D.value
+		}, [
+			i("div", g, [u(e.$slots, "header", {}, () => [
+				u(e.$slots, "header.prepend"),
+				S.title ? (c(), r("h3", {
+					key: 0,
+					id: f(T),
+					class: "q-sidebar-panel__title"
+				}, d(S.title), 9, _)) : n("v-if", !0),
+				u(e.$slots, "header.append")
 			])]),
-			n("div", m, [c(a.$slots, "content")]),
-			a.$slots.footer ? (o(), t("div", h, [c(a.$slots, "footer")])) : e("v-if", !0),
-			r.resizable ? (o(), t("div", {
+			i("div", v, [u(e.$slots, "content")]),
+			e.$slots.footer ? (c(), r("div", y, [u(e.$slots, "footer")])) : n("v-if", !0),
+			a.resizable ? (c(), r("div", {
 				key: 1,
-				class: i(["q-sidebar-panel__handle", `q-sidebar-panel__handle--${r.resizePosition}`]),
+				class: o(["q-sidebar-panel__handle", `q-sidebar-panel__handle--${a.resizePosition}`]),
 				"data-testid": "q-sidebar-panel-handle",
-				onMousedown: w
-			}, [r.showGrip ? (o(), t("div", g)) : e("v-if", !0)], 34)) : e("v-if", !0)
-		], 512));
+				onMousedown: M
+			}, [a.showGrip ? (c(), r("div", b)) : n("v-if", !0)], 34)) : n("v-if", !0)
+		], 8, h));
 	}
 });
 //#endregion
-export { _ as default };
+export { x as default };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAEnC;;OAEG;IACH,YAAY,EAAE,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;IAEhD;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;IAE5C;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;IAE5C;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1D,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,aAAa,EAAE,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAE9C;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;IAEvC;;OAEG;IACH,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEhC;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAE5C;;;;OAIG;IACH,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAElC;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC,wBAAwB,EAAE,CAAC,CAAA;IAE7C;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAA;IAElD;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzD;;;;OAIG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEpC;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAA;IAEzB;;;;OAIG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEtC;;;;OAIG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEpC;;;OAGG;IACH,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,YAAY,CAAC,eAAe,CAAuB,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAEnC;;OAEG;IACH,YAAY,EAAE,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;IAEhD;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;IAE5C;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;IAE5C;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1D,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,aAAa,EAAE,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAE9C;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;IAEvC;;OAEG;IACH,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEhC;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAE5C;;;;OAIG;IACH,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAElC;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC,wBAAwB,EAAE,CAAC,CAAA;IAE7C;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAA;IAElD;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzD;;;;OAIG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEpC;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAA;IAEzB;;;;OAIG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEtC;;;;OAIG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEpC;;;OAGG;IACH,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,YAAY,CAAC,eAAe,CAAuB,CAAA"}

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

@@ -14,6 +14,14 @@ export type QSidebarPanelProps = {
      * @category Content
      */
     title?: string;
+    /**
+     * Id of the element that names the panel when the title heading is not rendered.
+     *
+     * `QSidebarItem` passes the anchor toggle id.
+     *
+     * @category Identification
+     */
+    labelId?: string;
     /**
      * Whether the panel is resizable by the user.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEjF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEjF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"AAQA;AAiCC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;;AAgE9C,wBAOG"}
+{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"AAQA;AAyCC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;;AAmE9C,wBAOG"}

package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js

@@ -1,6 +1,7 @@
-import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, toRef as c, unref as l } from "vue";
 //#region src/components/QSkeletonLoader/QSkeletonLoader.vue?vue&type=script&setup=true&lang.ts
-var s = ["id"], c = /*@__PURE__*/ r({
+var u = ["id"], d = /*@__PURE__*/ i({
 	__name: "QSkeletonLoader",
 	props: {
 		id: {},
@@ -9,21 +10,21 @@ var s = ["id"], c = /*@__PURE__*/ r({
 		height: {},
 		type: {}
 	},
-	setup(r) {
-		let c = r, l = e(() => c.type ? `q-skeleton-loader--${c.type}` : void 0), u = e(() => ({
-			width: typeof c.width == "number" ? `${c.width}px` : c.width,
-			height: typeof c.height == "number" ? `${c.height}px` : c.height
+	setup(i) {
+		let d = i, f = e(c(d, "id")), p = t(() => d.type ? `q-skeleton-loader--${d.type}` : void 0), m = t(() => ({
+			width: typeof d.width == "number" ? `${d.width}px` : d.width,
+			height: typeof d.height == "number" ? `${d.height}px` : d.height
 		}));
-		return (e, r) => (o(), t("div", {
-			id: c.id,
-			class: i([
+		return (e, t) => (s(), n("div", {
+			id: l(f),
+			class: a([
 				"q-skeleton-loader",
-				l.value,
-				c.class
+				p.value,
+				d.class
 			]),
-			style: a(u.value)
-		}, [...r[0] ||= [n("div", { class: "q-skeleton-loader__bone" }, null, -1)]], 14, s));
+			style: o(m.value)
+		}, [...t[0] ||= [r("div", { class: "q-skeleton-loader__bone" }, null, -1)]], 14, u));
 	}
 });
 //#endregion
-export { c as default };
+export { d as default };

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

@@ -1 +1 @@
-{"version":3,"file":"QSpinnerLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSpinnerLoader/QSpinnerLoader.vue"],"names":[],"mappings":"AAMA;AAyBC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAA;;;;AA0D7C,wBAQG"}
+{"version":3,"file":"QSpinnerLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSpinnerLoader/QSpinnerLoader.vue"],"names":[],"mappings":"AAMA;AAiCC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAA;;;;AA6D7C,wBAQG"}

package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js

@@ -1,20 +1,21 @@
-import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, toRef as s, unref as c } from "vue";
 //#region src/components/QSpinnerLoader/QSpinnerLoader.vue?vue&type=script&setup=true&lang.ts
-var o = ["id"], s = /*@__PURE__*/ n({
+var l = ["id"], u = /*@__PURE__*/ r({
 	__name: "QSpinnerLoader",
 	props: {
 		id: {},
 		class: {},
 		size: { default: 48 }
 	},
-	setup(n) {
-		let s = n, c = e(() => ({ "font-size": s.size === 48 ? void 0 : `${s.size}px` }));
-		return (e, n) => (a(), t("div", {
-			id: s.id,
-			class: r(["q-spinner-loader", s.class]),
-			style: i(c.value)
-		}, null, 14, o));
+	setup(r) {
+		let u = r, d = e(s(u, "id")), f = t(() => ({ "font-size": u.size === 48 ? void 0 : `${u.size}px` }));
+		return (e, t) => (o(), n("div", {
+			id: c(d),
+			class: i(["q-spinner-loader", u.class]),
+			style: a(f.value)
+		}, null, 14, l));
 	}
 });
 //#endregion
-export { s as default };
+export { u as default };

package/esm/components/QSteps/QStepHeader.d.ts

@@ -0,0 +1,58 @@
+import { QStepBadgeState, QStepsIconSlotProps, QStepsVariant } from '.';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+/**
+ * Props for the internal `QStepHeader` sub-component shared by the
+ * horizontal and vertical layouts of `QSteps`. Not exported: this
+ * component is internal, so its props stay off the package's public API
+ * surface.
+ *
+ * @extends QStepsIconSlotProps
+ */
+type QStepHeaderProps = QStepsIconSlotProps & {
+    /**
+     * Visual style of the step indicator.
+     *
+     * @category Presentation
+     */
+    variant: QStepsVariant;
+    /**
+     * Status badge to show on the indicator, if any — resolved by the
+     * parent since it depends on both active state and `variant`.
+     *
+     * @category State
+     */
+    badge?: QStepBadgeState;
+    /**
+     * Custom accessible strings, forwarded to the required indicator.
+     *
+     * @category Configuration
+     */
+    texts: typeof DEFAULT_TEXTS;
+    /**
+     * Icons for the `completed` and `current` status badges.
+     *
+     * @category Configuration
+     */
+    icons: typeof DEFAULT_ICONS;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {
+            step: import('./types').QStep;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QStepHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QStepHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QStepHeader.vue.d.ts.map

package/esm/components/QSteps/QStepHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QStepHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSteps/QStepHeader.vue"],"names":[],"mappings":"AA+CA;AA2GC,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D;;;;;;;GAOG;AACH,KAAK,gBAAgB,GAAG,mBAAmB,GAAG;IAC7C;;;;OAIG;IACH,OAAO,EAAE,aAAa,CAAA;IAEtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IAEvB;;;;OAIG;IACH,KAAK,EAAE,OAAO,aAAa,CAAA;IAE3B;;;;OAIG;IACH,KAAK,EAAE,OAAO,aAAa,CAAA;CAC3B,CAAA;AAOF,iBAAS,cAAc;WAiHT,OAAO,IAA6B;;;;;YAVxB,GAAG;;;;EAe5B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0TAOnB,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/QSteps/QStepHeader.vue.js

@@ -0,0 +1,49 @@
+import { QIcon as e } from "../QIcon/index.js";
+import { QRequiredIndicator as t } from "../__internal__/QRequiredIndicator/index.js";
+import { QBadge as n } from "../QBadge/index.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+//#region src/components/QSteps/QStepHeader.vue?vue&type=script&setup=true&lang.ts
+var y = { type: "button" }, b = { class: "q-step__indicator" }, x = {
+	key: 0,
+	class: "q-step__indicator-content"
+}, S = { class: "q-sr-only" }, C = { class: "q-step__labels" }, w = { class: "q-step__title" }, T = { class: "q-step__title-text" }, E = {
+	key: 0,
+	class: "q-step__caption"
+}, D = /*@__PURE__*/ u({
+	__name: "QStepHeader",
+	props: {
+		step: {},
+		index: {},
+		variant: {},
+		badge: {},
+		texts: {},
+		icons: {}
+	},
+	setup(u) {
+		let D = u;
+		return (u, O) => (m(), o("button", y, [
+			s("span", b, [D.variant === "dot" ? a("v-if", !0) : (m(), o("span", x, [h(u.$slots, "icon", {
+				step: D.step,
+				index: D.index
+			}, () => [D.step.icon ? (m(), i(_(e), p(d({ key: 0 }, D.step.icon)), null, 16)) : (m(), o(r, { key: 1 }, [c(g(D.index + 1), 1)], 64))])]))]),
+			D.badge ? (m(), i(_(n), {
+				key: 0,
+				pill: "",
+				size: "small",
+				variant: "bold",
+				color: D.badge === "active" ? "primaryLight" : "successDark",
+				class: f(["q-step__badge", `q-step__badge--${D.badge}`])
+			}, {
+				default: v(() => [l(_(e), d({ "aria-hidden": "true" }, D.badge === "active" ? D.icons.current : D.icons.completed), null, 16), s("span", S, g(D.badge === "active" ? D.texts.current : D.texts.completed), 1)]),
+				_: 1
+			}, 8, ["color", "class"])) : a("v-if", !0),
+			s("span", C, [s("span", w, [s("span", T, g(D.step.title), 1), D.step.required ? (m(), i(_(t), {
+				key: 0,
+				announce: "",
+				texts: D.texts
+			}, null, 8, ["texts"])) : a("v-if", !0)]), D.step.caption ? (m(), o("span", E, g(D.step.caption), 1)) : a("v-if", !0)])
+		]));
+	}
+});
+//#endregion
+export { D as default };