@quidgest/ui 0.26.0 → 0.27.0

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;AAkDC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AA2BpC,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;AASD,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;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"}

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

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

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/useId/index.js";
+import { useId as t } from "../../composables/useId/index.js";
+import { QCollapsible as n } from "../QCollapsible/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({
@@ -20,9 +20,9 @@ var d = /*@__PURE__*/ i({
 		value: {}
 	},
 	setup(i) {
-		let d = i, f = e(n(c(d, "value")));
+		let d = i, f = e(t(c(d, "value")));
 		if (!f) throw Error("QAccordionItem: Failed to retrieve group item. Ensure the component is used within a QAccordion context.");
-		return (e, n) => (o(), r(l(t), a(d, {
+		return (e, t) => (o(), r(l(n), a(d, {
 			"model-value": l(f).isActive.value,
 			"onUpdate:modelValue": l(f).toggle
 		}), {

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":"AA0CA;AAqJC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAqGrC,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAqBD,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":"AA2CA;AAmKC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAY1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAiHrC,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAsBD,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

@@ -1,14 +1,15 @@
-import { useColor as e } from "../../composables/useColor/index.js";
-import { QButton as t } from "../QButton/index.js";
-import { QIcon as n } from "../QIcon/index.js";
-import { DEFAULT_ICONS as r, DEFAULT_TEXTS as i } from "./constants.js";
-import { QButtonGroup as a } from "../QButtonGroup/index.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, openBlock as v, renderSlot as y, resolveDynamicComponent as b, toRef as x, unref as S, useAttrs as C, withCtx as w } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { useColor as t } from "../../composables/useColor/index.js";
+import { QButton as n } from "../QButton/index.js";
+import { QIcon as r } from "../QIcon/index.js";
+import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "./constants.js";
+import { QButtonGroup as o } from "../QButtonGroup/index.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, normalizeStyle as v, openBlock as y, renderSlot as b, resolveDynamicComponent as x, toRef as S, unref as C, useAttrs as w, withCtx as T } from "vue";
 //#region src/components/QBadge/QBadge.vue?vue&type=script&setup=true&lang.ts
-var T = ["id"], E = {
+var E = ["id"], D = {
 	key: 0,
 	class: "q-badge__underlay q-button--background"
-}, D = { class: "q-badge__content" }, O = /*@__PURE__*/ f({
+}, O = { class: "q-badge__content" }, k = /*@__PURE__*/ p({
 	__name: "QBadge",
 	props: {
 		id: {},
@@ -23,58 +24,60 @@ var T = ["id"], E = {
 			type: Boolean,
 			default: !0
 		},
-		icons: { default: () => r },
-		texts: { default: () => i }
+		icons: { default: () => i },
+		texts: { default: () => a }
 	},
 	emits: ["click:remove"],
-	setup(r, { emit: i }) {
-		let f = r, O = i, k = C(), A = o(() => !!k.onClick), j = o(() => {
-			let e = f.size === "small" || f.size === "large" ? `q-badge--${f.size}` : void 0;
+	setup(i, { emit: a }) {
+		let p = i, k = a, A = e(S(p, "id")), j = w(), M = s(() => !!j.onClick), N = s(() => {
+			let e = p.size === "small" || p.size === "large" ? `q-badge--${p.size}` : void 0;
 			return [
-				{ "q-badge--pill": f.pill },
+				{ "q-badge--pill": p.pill },
 				e,
-				f.class
+				p.class
 			];
-		}), M = o(() => [
+		}), P = s(() => [
 			"q-badge",
-			`q-badge--${f.variant}`,
+			`q-badge--${p.variant}`,
 			{
-				"q-badge--removable": f.removable,
-				"q-badge--disabled": f.disabled
+				"q-badge--removable": p.removable,
+				"q-badge--disabled": p.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
+			N.value
+		]), F = s(() => !M.value && p.disabled ? "neutral" : p.color), { style: I } = t(F), L = s(() => {
+			if (I.value) return {
+				"--q-badge-main-color": I.value.mainColor,
+				"--q-badge-on-main-color": I.value.onMainColor,
+				"--q-badge-text-color": I.value.textColor,
+				"--q-badge-hover-color": I.value.hoverColor,
+				"--q-badge-on-hover-color": I.value.onHoverColor
 			};
-		}), F = o(() => k.onClick), I = o(() => f.focusable ? void 0 : -1), L = o(() => ({
+		}), R = s(() => j.onClick), z = s(() => p.focusable ? void 0 : -1), B = s(() => ({
 			class: "q-badge__remove",
-			variant: f.variant,
-			color: f.color,
-			ariaLabel: f.texts.removeText,
-			title: f.texts.removeText,
-			disabled: f.disabled,
-			...f.focusable ? {} : { tabindex: -1 }
+			variant: p.variant,
+			color: F.value,
+			ariaLabel: p.texts.removeText,
+			title: p.texts.removeText,
+			disabled: p.disabled,
+			...p.focusable ? {} : { tabindex: -1 }
 		}));
-		function R() {
-			O("click:remove");
+		function V() {
+			k("click:remove");
 		}
-		return (e, r) => A.value ? (v(), s(b(f.removable ? S(a) : "span"), {
+		return (e, t) => M.value ? (y(), c(x(p.removable ? C(o) : "span"), {
 			key: 1,
-			class: h(j.value)
+			id: C(A),
+			class: g(N.value)
 		}, {
-			default: w(() => [d(S(t), {
+			default: T(() => [f(C(n), {
 				class: "q-badge__content",
-				variant: f.variant,
-				color: f.color,
-				disabled: f.disabled,
-				tabindex: I.value,
-				onClick: F.value
+				variant: p.variant,
+				color: p.color,
+				disabled: p.disabled,
+				tabindex: z.value,
+				onClick: R.value
 			}, {
-				default: w(() => [y(e.$slots, "default")]),
+				default: T(() => [b(e.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"variant",
@@ -82,21 +85,21 @@ var T = ["id"], E = {
 				"disabled",
 				"tabindex",
 				"onClick"
-			]), f.removable ? (v(), s(S(t), m({ key: 0 }, L.value, { onClick: R }), {
-				default: w(() => [d(S(n), g(p(f.icons.remove)), null, 16)]),
+			]), p.removable ? (y(), c(C(n), h({ key: 0 }, B.value, { onClick: V }), {
+				default: T(() => [f(C(r), _(m(p.icons.remove)), null, 16)]),
 				_: 1
-			}, 16)) : c("v-if", !0)]),
+			}, 16)) : l("v-if", !0)]),
 			_: 3
-		}, 8, ["class"])) : (v(), l("span", {
+		}, 8, ["id", "class"])) : (y(), u("span", {
 			key: 0,
-			id: f.id,
-			class: h(M.value),
-			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 }, L.value, { onClick: R }), {
-			default: w(() => [d(S(n), g(p(f.icons.remove)), null, 16)]),
+			id: C(A),
+			class: g(P.value),
+			style: v(L.value)
+		}, [p.variant === "tonal" ? (y(), u("div", D)) : l("v-if", !0), d("span", null, [d("div", O, [b(e.$slots, "default")]), p.removable ? (y(), c(C(n), h({ key: 0 }, B.value, { onClick: V }), {
+			default: T(() => [f(C(r), _(m(p.icons.remove)), null, 16)]),
 			_: 1
-		}, 16)) : c("v-if", !0)])], 14, T));
+		}, 16)) : l("v-if", !0)])], 14, E));
 	}
 });
 //#endregion
-export { O as default };
+export { k as default };

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

@@ -1 +1 @@
-{"version":3,"file":"QBadgeIndicator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/QBadgeIndicator.vue"],"names":[],"mappings":"AAiBA;AAsDC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AAiC9C,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAXrB,GAAG;yBACH,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;wFAQnB,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":"QBadgeIndicator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBadgeIndicator/QBadgeIndicator.vue"],"names":[],"mappings":"AAiBA;AA8DC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AAmC9C,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAXrB,GAAG;yBACH,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;wFAQnB,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/QBadgeIndicator/QBadgeIndicator.vue.js

@@ -1,7 +1,8 @@
-import { QBadge as e } from "../QBadge/index.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useSlots as f, withCtx as p } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { QBadge as t } from "../QBadge/index.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, toRef as f, unref as p, useSlots as m, withCtx as h } from "vue";
 //#region src/components/QBadgeIndicator/QBadgeIndicator.vue?vue&type=script&setup=true&lang.ts
-var m = ["id"], h = /*@__PURE__*/ o({
+var g = ["id"], _ = /*@__PURE__*/ s({
 	__name: "QBadgeIndicator",
 	props: {
 		id: {},
@@ -14,26 +15,26 @@ var m = ["id"], h = /*@__PURE__*/ o({
 			default: !0
 		}
 	},
-	setup(o) {
-		let h = o, g = f(), _ = t(() => !h.content && !g.content), v = t(() => [
+	setup(s) {
+		let _ = s, v = e(f(_, "id")), y = m(), b = n(() => !_.content && !y.content), x = n(() => [
 			"q-badge-indicator",
-			`q-badge-indicator--${h.placement}`,
-			{ "q-badge-indicator--dot": _.value }
+			`q-badge-indicator--${_.placement}`,
+			{ "q-badge-indicator--dot": b.value }
 		]);
-		return (t, o) => (c(), i("div", {
-			id: h.id,
-			class: s(["q-badge-indicator__wrapper", h.class])
-		}, [l(t.$slots, "default"), h.enabled ? (c(), n(d(e), {
+		return (e, n) => (l(), a("div", {
+			id: p(v),
+			class: c(["q-badge-indicator__wrapper", _.class])
+		}, [u(e.$slots, "default"), _.enabled ? (l(), r(p(t), {
 			key: 0,
 			pill: "",
 			variant: "bold",
-			class: s(v.value),
-			color: h.color
+			class: c(x.value),
+			color: _.color
 		}, {
-			default: p(() => [l(t.$slots, "content", {}, () => [a(u(h.content), 1)])]),
+			default: h(() => [u(e.$slots, "content", {}, () => [o(d(_.content), 1)])]),
 			_: 3
-		}, 8, ["class", "color"])) : r("v-if", !0)], 10, m));
+		}, 8, ["class", "color"])) : i("v-if", !0)], 10, g));
 	}
 });
 //#endregion
-export { h as default };
+export { _ as default };

package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts

@@ -0,0 +1,81 @@
+import { QBreadcrumbProps } from '.';
+declare const _default: import('vue').DefineComponent<QBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    trigger: unknown;
+    ellipsisTrigger: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly label?: string | undefined;
+            readonly variant?: import('..').QButtonVariant | undefined;
+            readonly color?: string | undefined;
+            readonly borderless?: boolean | undefined;
+            readonly elevated?: boolean | undefined;
+            readonly block?: boolean | undefined;
+            readonly size?: import('../..').QComponentSize | undefined;
+            readonly iconPos?: import('..').QButtonIconPosition | undefined;
+            readonly pill?: boolean | undefined;
+            readonly effect?: import('..').QButtonEffect | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly loading?: boolean | undefined;
+            readonly tabindex?: number | undefined;
+            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "click", event: MouseEvent) => void;
+        $el: HTMLButtonElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            variant: import('..').QButtonVariant;
+            effect: import('..').QButtonEffect;
+            color: string;
+            iconPos: import('..').QButtonIconPosition;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        variant: import('..').QButtonVariant;
+        effect: import('..').QButtonEffect;
+        color: string;
+        iconPos: import('..').QButtonIconPosition;
+    }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            append?(_: {}): any;
+        };
+    }) | null;
+}, HTMLLIElement>;
+export default _default;
+//# sourceMappingURL=QBreadcrumb.vue.d.ts.map

package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QBreadcrumb.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBreadcrumbs/QBreadcrumb.vue"],"names":[],"mappings":"AAmDA;AA6KC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAqSm+T,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;AAhBnoU,wBAQG"}

package/esm/components/QBreadcrumbs/QBreadcrumb.vue.js

@@ -0,0 +1,85 @@
+import { useId as e } from "../../composables/useId/index.js";
+import { QButton as t } from "../QButton/index.js";
+import { QIcon as n } from "../QIcon/index.js";
+import { BreadcrumbsSymbol as r } from "./context.js";
+import { QDropdownMenu as i } from "../QDropdownMenu/index.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, inject as m, mergeProps as h, normalizeClass as g, normalizeProps as _, onBeforeUnmount as v, openBlock as y, resolveDynamicComponent as b, toDisplayString as x, toRef as S, unref as C, useTemplateRef as w, withCtx as T } from "vue";
+//#region src/components/QBreadcrumbs/QBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var E = ["id", "aria-hidden"], D = { class: "q-breadcrumbs__label" }, O = {
+	key: 1,
+	class: "q-breadcrumbs__separator",
+	"aria-hidden": "true"
+}, k = /*@__PURE__*/ f({
+	__name: "QBreadcrumb",
+	props: {
+		id: {},
+		class: {},
+		label: {},
+		icon: {},
+		to: {},
+		href: {}
+	},
+	setup(f) {
+		let k = f, A = m(r, void 0);
+		if (!A) throw Error("QBreadcrumb: Failed to retrieve breadcrumbs context. Ensure the component is used within a QBreadcrumbs context.");
+		let { icons: j, texts: M, collapsedItems: N, separatorSlot: P } = A, F = e(S(k, "id")), I = e(), L = w("trigger"), R = w("ellipsisTrigger"), z = o(() => {
+			let e = L.value;
+			return e ? "$el" in e ? e.$el : e : null;
+		}), { isVisible: B, isCurrent: V, isCollapsedAnchor: H, showSeparator: U } = A.register({
+			id: I.value,
+			label: o(() => k.label),
+			icon: o(() => k.icon),
+			disabled: o(() => !k.to && !k.href),
+			triggerEl: z
+		});
+		v(() => A.unregister(I.value));
+		let W = o(() => [
+			"q-breadcrumbs__item",
+			!B.value && "q-breadcrumbs__item--collapsed",
+			k.class
+		]), G = o(() => !B.value && !H.value), K = o(() => V.value ? "span" : k.to ? "RouterLink" : k.href ? "a" : "span"), q = o(() => K.value === "a" ? { href: k.href } : K.value === "RouterLink" ? { to: k.to } : {});
+		function J(e) {
+			A?.selectCollapsed(e);
+		}
+		return (e, r) => (y(), l("li", {
+			id: C(F),
+			class: g(W.value),
+			role: "listitem",
+			"aria-hidden": G.value ? !0 : void 0
+		}, [
+			(y(), s(b(K.value), h({
+				ref: "trigger",
+				class: "q-breadcrumbs__link"
+			}, q.value, {
+				"aria-current": C(V) ? "page" : void 0,
+				"aria-hidden": C(B) ? void 0 : !0,
+				tabindex: C(B) ? void 0 : -1
+			}), {
+				default: T(() => [k.icon ? (y(), s(C(n), h({ key: 0 }, k.icon, { class: "q-breadcrumbs__icon" }), null, 16)) : c("v-if", !0), u("span", D, x(k.label), 1)]),
+				_: 1
+			}, 16, [
+				"aria-current",
+				"aria-hidden",
+				"tabindex"
+			])),
+			C(H) ? (y(), l(a, { key: 0 }, [d(C(t), {
+				ref_key: "ellipsisTrigger",
+				ref: R,
+				class: "q-breadcrumbs__collapsed-trigger",
+				borderless: "",
+				variant: "text",
+				"aria-label": C(M).collapsed
+			}, {
+				default: T(() => [d(C(n), _(p(C(j).collapsed)), null, 16)]),
+				_: 1
+			}, 8, ["aria-label"]), d(C(i), {
+				items: C(N),
+				activator: R.value?.$el,
+				onSelect: J
+			}, null, 8, ["items", "activator"])], 64)) : c("v-if", !0),
+			C(U) ? (y(), l("span", O, [C(P) ? (y(), s(b(C(P)), { key: 0 })) : (y(), s(C(n), _(h({ key: 1 }, C(j).separator)), null, 16))])) : c("v-if", !0)
+		], 10, E));
+	}
+});
+//#endregion
+export { k as default };

package/esm/components/QBreadcrumbs/QBreadcrumb2.vue.js

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

package/esm/components/QBreadcrumbs/QBreadcrumbs.d.ts

@@ -0,0 +1,22 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+import { QBreadcrumbsProps, QBreadcrumbsSlots } from '.';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<QBreadcrumbsSlots> & QBreadcrumbsSlots;
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QBreadcrumbsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QBreadcrumbsProps> & Readonly<{}>, {
+    icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
+    maxVisible: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QBreadcrumbs.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QBreadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QBreadcrumbs/QBreadcrumbs.vue"],"names":[],"mappings":"AAYA;AAsMC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAO1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAqL9D,iBAAS,cAAc;WA2BT,OAAO,IAA6B;;;;EAKjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;qFAQnB,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/QBreadcrumbs/QBreadcrumbs.vue.js

@@ -0,0 +1,74 @@
+import { useId as e } from "../../composables/useId/index.js";
+import { DEFAULT_ICONS as t, DEFAULT_TEXTS as n } from "./constants.js";
+import { BreadcrumbsSymbol as r } from "./context.js";
+import { computed as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, provide as u, renderSlot as d, shallowRef as f, toRef as p, unref as m, useSlots as h } from "vue";
+//#region src/components/QBreadcrumbs/QBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
+var g = ["id", "aria-label"], _ = {
+	class: "q-breadcrumbs__list",
+	role: "list"
+}, v = /*@__PURE__*/ s({
+	__name: "QBreadcrumbs",
+	props: {
+		id: {},
+		class: {},
+		maxVisible: { default: 3 },
+		ariaLabel: {},
+		icons: { default: () => t },
+		texts: { default: () => n }
+	},
+	setup(s) {
+		let v = s, y = h(), b = e(p(v, "id")), x = i(() => y.separator), S = i(() => ({
+			...n,
+			...v.texts
+		})), C = i(() => ({
+			...t,
+			...v.icons
+		})), w = i(() => v.ariaLabel ?? S.value.label), T = i(() => ["q-breadcrumbs", v.class]), E = f([]), D = i(() => Math.max(3, v.maxVisible)), O = i(() => E.value.length > D.value), k = i(() => O.value ? E.value.length - 2 - (D.value - 3) : 0);
+		function A(e) {
+			return E.value.findIndex((t) => t.id === e);
+		}
+		function j(e) {
+			return e <= 0 || e >= E.value.length - 1 ? !1 : e - 1 < k.value;
+		}
+		function M(e) {
+			E.value = [...E.value, e];
+			let t = i(() => j(A(e.id))), n = i(() => t.value && A(e.id) === 1), r = i(() => {
+				let t = A(e.id);
+				return t !== -1 && t === E.value.length - 1;
+			});
+			return {
+				isVisible: i(() => !t.value),
+				isCurrent: r,
+				isCollapsedAnchor: n,
+				showSeparator: i(() => (!t.value || n.value) && !r.value)
+			};
+		}
+		function N(e) {
+			E.value = E.value.filter((t) => t.id !== e);
+		}
+		let P = i(() => k.value === 0 ? [] : E.value.slice(1, 1 + k.value).reverse().map((e) => ({
+			key: e.id,
+			label: e.label.value,
+			icon: e.icon.value,
+			disabled: e.disabled.value
+		})));
+		function F(e) {
+			E.value.find((t) => t.id === e)?.triggerEl.value?.click();
+		}
+		return u(r, {
+			register: M,
+			unregister: N,
+			collapsedItems: P,
+			selectCollapsed: F,
+			icons: C,
+			texts: S,
+			separatorSlot: x
+		}), (e, t) => (l(), a("nav", {
+			id: m(b),
+			class: c(T.value),
+			"aria-label": w.value
+		}, [o("ol", _, [d(e.$slots, "default")])], 10, g));
+	}
+});
+//#endregion
+export { v as default };

package/esm/components/QBreadcrumbs/QBreadcrumbs2.vue.js

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

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

@@ -0,0 +1,20 @@
+/**
+ * Default icons for {@link QBreadcrumbs}: the separator between crumbs and the
+ * control that opens the collapsed-items dropdown.
+ */
+export declare const DEFAULT_ICONS: {
+    separator: {
+        icon: string;
+    };
+    collapsed: {
+        icon: string;
+    };
+};
+/**
+ * Default accessible strings for {@link QBreadcrumbs}.
+ */
+export declare const DEFAULT_TEXTS: {
+    label: string;
+    collapsed: string;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QBreadcrumbs/constants.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;CAOY,CAAA;AAEtC;;GAEG;AACH,eAAO,MAAM,aAAa;;;CAGQ,CAAA"}

package/esm/components/QBreadcrumbs/constants.js

@@ -0,0 +1,10 @@
+//#region src/components/QBreadcrumbs/constants.ts
+var e = {
+	separator: { icon: "chevron-right" },
+	collapsed: { icon: "dots-horizontal" }
+}, t = {
+	label: "Breadcrumb",
+	collapsed: "Show hidden breadcrumbs"
+};
+//#endregion
+export { e as DEFAULT_ICONS, t as DEFAULT_TEXTS };