@atelier-ui/vue 0.2.5 → 0.2.6

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.2.6 (2026-07-22)
+
+### 🚀 Features
+
+- **a11y:** gate 10 more components — coverage 11 -> 21 of 31 ([#5](https://github.com/DominikPieper/atelier-ui/issues/5))
+
+### ❤️ Thank You
+
+- Dominik Pieper @DominikPieper
+
 ## 0.2.5 (2026-07-22)
 
 ### 🚀 Features

package/index.mjs

@@ -874,15 +874,11 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 }), it = {
 	class: "atl-pagination",
 	"aria-label": "Pagination"
-}, at = ["disabled"], ot = ["disabled"], st = {
-	key: 0,
-	class: "ellipsis",
-	"aria-hidden": "true"
-}, ct = [
+}, at = { class: "page-list" }, ot = { key: 0 }, st = ["disabled"], ct = ["disabled"], lt = { key: 0 }, ut = { key: 1 }, dt = [
 	"aria-label",
 	"aria-current",
 	"onClick"
-], lt = ["disabled"], ut = ["disabled"], dt = /* @__PURE__ */ c({
+], ft = ["disabled"], pt = { key: 1 }, mt = ["disabled"], ht = /* @__PURE__ */ c({
 	name: "AtlPagination",
 	__name: "atl-pagination",
 	props: {
@@ -929,47 +925,47 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			let t = Math.min(Math.max(e, 1), s.pageCount);
 			t !== s.page && c("pageChange", t);
 		}
-		return (t, o) => (g(), i("nav", it, [
-			n.showFirstLast ? (g(), i("button", {
-				key: 0,
+		return (t, o) => (g(), i("nav", it, [a("ul", at, [
+			n.showFirstLast ? (g(), i("li", ot, [a("button", {
 				class: "page-btn nav-btn",
 				disabled: n.page <= 1,
 				"aria-label": "First page",
 				onClick: o[0] ||= (e) => f(1)
-			}, " « ", 8, at)) : r("", !0),
-			a("button", {
+			}, " « ", 8, st)])) : r("", !0),
+			a("li", null, [a("button", {
 				class: "page-btn nav-btn",
 				disabled: n.page <= 1,
 				"aria-label": "Previous page",
 				onClick: o[1] ||= (e) => f(n.page - 1)
-			}, " ‹ ", 8, ot),
-			(g(!0), i(e, null, y(u.value, (t) => (g(), i(e, { key: t.type === "page" ? t.page : t.key }, [t.type === "ellipsis" ? (g(), i("span", st, "…")) : (g(), i("button", {
-				key: 1,
+			}, " ‹ ", 8, ct)]),
+			(g(!0), i(e, null, y(u.value, (t) => (g(), i(e, { key: t.type === "page" ? t.page : t.key }, [t.type === "ellipsis" ? (g(), i("li", lt, [...o[4] ||= [a("span", {
+				class: "ellipsis",
+				"aria-hidden": "true"
+			}, "…", -1)]])) : (g(), i("li", ut, [a("button", {
 				class: d(["page-btn", { active: t.page === n.page }]),
 				"aria-label": `Page ${t.page}`,
 				"aria-current": t.page === n.page ? "page" : void 0,
 				onClick: (e) => f(t.page)
-			}, S(t.page), 11, ct))], 64))), 128)),
-			a("button", {
+			}, S(t.page), 11, dt)]))], 64))), 128)),
+			a("li", null, [a("button", {
 				class: "page-btn nav-btn",
 				disabled: n.page >= n.pageCount,
 				"aria-label": "Next page",
 				onClick: o[2] ||= (e) => f(n.page + 1)
-			}, " › ", 8, lt),
-			n.showFirstLast ? (g(), i("button", {
-				key: 1,
+			}, " › ", 8, ft)]),
+			n.showFirstLast ? (g(), i("li", pt, [a("button", {
 				class: "page-btn nav-btn",
 				disabled: n.page >= n.pageCount,
 				"aria-label": "Last page",
 				onClick: o[3] ||= (e) => f(n.pageCount)
-			}, " » ", 8, ut)) : r("", !0)
-		]));
+			}, " » ", 8, mt)])) : r("", !0)
+		])]));
 	}
-}), ft = [
+}), gt = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemax"
-], pt = { class: "track" }, mt = /* @__PURE__ */ c({
+], _t = { class: "track" }, vt = /* @__PURE__ */ c({
 	name: "AtlProgress",
 	__name: "atl-progress",
 	props: {
@@ -997,12 +993,12 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			"aria-valuemin": 0,
 			"aria-valuenow": e.indeterminate ? void 0 : r.value,
 			"aria-valuemax": e.indeterminate ? void 0 : e.max
-		}, [a("div", pt, [a("div", {
+		}, [a("div", _t, [a("div", {
 			class: "fill",
 			style: f({ width: o.value })
-		}, null, 4)])], 10, ft));
+		}, null, 4)])], 10, gt));
 	}
-}), ht = { class: "atl-combobox-wrapper" }, gt = [
+}), yt = { class: "atl-combobox-wrapper" }, bt = [
 	"aria-expanded",
 	"aria-activedescendant",
 	"aria-invalid",
@@ -1012,13 +1008,13 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 	"name",
 	"placeholder",
 	"value"
-], _t = [
+], xt = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"onMousedown",
 	"onMouseenter"
-], vt = {
+], St = {
 	key: 0,
 	class: "atl-combobox-check",
 	width: "14",
@@ -1026,17 +1022,17 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 	viewBox: "0 0 14 14",
 	fill: "none",
 	"aria-hidden": "true"
-}, yt = {
+}, Ct = {
 	key: 1,
 	class: "atl-combobox-no-results",
 	role: "option",
 	"aria-disabled": "true"
-}, bt = {
+}, wt = {
 	key: 1,
 	class: "atl-combobox-errors",
 	role: "alert",
 	"aria-live": "polite"
-}, xt = /* @__PURE__ */ c({
+}, Tt = /* @__PURE__ */ c({
 	name: "AtlCombobox",
 	__name: "atl-combobox",
 	props: {
@@ -1141,7 +1137,7 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			ref: u,
 			class: d(E.value)
 		}, [
-			a("div", ht, [a("input", {
+			a("div", yt, [a("input", {
 				ref_key: "inputRef",
 				ref: l,
 				class: "atl-combobox-input",
@@ -1164,7 +1160,7 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 				onFocus: N,
 				onBlur: P,
 				onKeydown: F
-			}, null, 40, gt), o[0] ||= a("span", {
+			}, null, 40, bt), o[0] ||= a("span", {
 				class: "atl-combobox-icon",
 				"aria-hidden": "true"
 			}, [a("svg", {
@@ -1199,24 +1195,24 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 				"aria-disabled": e.disabled || void 0,
 				onMousedown: (t) => j(e),
 				onMouseenter: (e) => m.value = t
-			}, [a("span", null, S(e.label), 1), e.value === n.value ? (g(), i("svg", vt, [...o[1] ||= [a("path", {
+			}, [a("span", null, S(e.label), 1), e.value === n.value ? (g(), i("svg", St, [...o[1] ||= [a("path", {
 				d: "M2 7l4 4 6-7",
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, null, -1)]])) : r("", !0)], 42, _t))), 128)) : (g(), i("li", yt, " No results found. "))])) : r("", !0),
-			n.invalid && n.errors.length > 0 ? (g(), i("div", bt, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("p", {
+			}, null, -1)]])) : r("", !0)], 42, xt))), 128)) : (g(), i("li", Ct, " No results found. "))])) : r("", !0),
+			n.invalid && n.errors.length > 0 ? (g(), i("div", wt, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("p", {
 				key: t,
 				class: "atl-combobox-error-message"
 			}, S(e), 1))), 128))])) : r("", !0)
 		], 2));
 	}
-}), St = ["aria-invalid", "aria-required"], Ct = {
+}), Et = ["aria-invalid", "aria-required"], Dt = {
 	key: 0,
 	class: "errors",
 	role: "alert"
-}, q = Symbol("AtlRadioGroup"), wt = /* @__PURE__ */ c({
+}, q = Symbol("AtlRadioGroup"), Ot = /* @__PURE__ */ c({
 	name: "AtlRadioGroup",
 	__name: "atl-radio-group",
 	props: {
@@ -1286,20 +1282,20 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			"aria-invalid": n.invalid || void 0,
 			"aria-required": n.required || void 0,
 			onKeydown: u
-		}, [b(t.$slots, "default"), n.errors.length > 0 ? (g(), i("div", Ct, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("p", {
+		}, [b(t.$slots, "default"), n.errors.length > 0 ? (g(), i("div", Dt, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("p", {
 			key: t,
 			class: "error-message"
-		}, S(e), 1))), 128))])) : r("", !0)], 42, St));
+		}, S(e), 1))), 128))])) : r("", !0)], 42, Et));
 	}
-}), Tt = [
+}), kt = [
 	"name",
 	"value",
 	"checked",
 	"disabled"
-], Et = {
+], At = {
 	key: 0,
 	class: "radio-text"
-}, Dt = /* @__PURE__ */ c({
+}, jt = /* @__PURE__ */ c({
 	name: "AtlRadio",
 	__name: "atl-radio",
 	props: {
@@ -1335,15 +1331,15 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 				disabled: s.value,
 				class: "radio-input",
 				onChange: f
-			}, null, 40, Tt),
+			}, null, 40, kt),
 			n[0] ||= a("span", {
 				class: "radio-indicator",
 				"aria-hidden": "true"
 			}, null, -1),
-			t.$slots.default ? (g(), i("span", Et, [b(t.$slots, "default")])) : r("", !0)
+			t.$slots.default ? (g(), i("span", At, [b(t.$slots, "default")])) : r("", !0)
 		], 2));
 	}
-}), Ot = ["for"], kt = { class: "select-wrapper" }, At = [
+}), Mt = ["for"], Nt = { class: "select-wrapper" }, Pt = [
 	"id",
 	"name",
 	"value",
@@ -1351,12 +1347,12 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], jt = {
+], Ft = {
 	key: 0,
 	value: "",
 	disabled: "",
 	hidden: ""
-}, Mt = ["id"], Nt = /* @__PURE__ */ c({
+}, It = ["id"], Lt = /* @__PURE__ */ c({
 	name: "AtlSelect",
 	__name: "atl-select",
 	props: {
@@ -1397,8 +1393,8 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 				key: 0,
 				for: w(l),
 				class: "select-label"
-			}, S(n.label), 9, Ot)) : r("", !0),
-			a("div", kt, [a("select", {
+			}, S(n.label), 9, Mt)) : r("", !0),
+			a("div", Nt, [a("select", {
 				id: w(l),
 				name: n.name,
 				value: n.value,
@@ -1408,7 +1404,7 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 				"aria-describedby": n.errors.length > 0 ? w(u) : void 0,
 				class: "select-native",
 				onChange: p
-			}, [n.placeholder ? (g(), i("option", jt, S(n.placeholder), 1)) : r("", !0), b(t.$slots, "default")], 40, At), o[0] ||= a("span", {
+			}, [n.placeholder ? (g(), i("option", Ft, S(n.placeholder), 1)) : r("", !0), b(t.$slots, "default")], 40, Pt), o[0] ||= a("span", {
 				class: "select-arrow",
 				"aria-hidden": "true"
 			}, "▾", -1)]),
@@ -1420,10 +1416,10 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			}, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("p", {
 				key: t,
 				class: "error-message"
-			}, S(e), 1))), 128))], 8, Mt)) : r("", !0)
+			}, S(e), 1))), 128))], 8, It)) : r("", !0)
 		], 2));
 	}
-}), Pt = ["value", "disabled"], Ft = /* @__PURE__ */ c({
+}), Rt = ["value", "disabled"], zt = /* @__PURE__ */ c({
 	name: "AtlOption",
 	__name: "atl-option",
 	props: {
@@ -1437,9 +1433,9 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 		return (t, n) => (g(), i("option", {
 			value: e.optionValue,
 			disabled: e.disabled
-		}, [b(t.$slots, "default")], 8, Pt));
+		}, [b(t.$slots, "default")], 8, Rt));
 	}
-}), It = /* @__PURE__ */ c({
+}), Bt = /* @__PURE__ */ c({
 	name: "AtlSkeleton",
 	__name: "atl-skeleton",
 	props: {
@@ -1476,10 +1472,10 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			"aria-hidden": "true"
 		}, null, 6));
 	}
-}), Lt = {
+}), Vt = {
 	class: "stepper-header",
 	role: "tablist"
-}, Rt = [
+}, Ht = [
 	"id",
 	"aria-label",
 	"aria-selected",
@@ -1488,27 +1484,27 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 	"tabindex",
 	"disabled",
 	"onClick"
-], zt = {
+], Ut = {
 	key: 0,
 	width: "14",
 	height: "14",
 	viewBox: "0 0 14 14",
 	fill: "none",
 	"aria-hidden": "true"
-}, Bt = {
+}, Wt = {
 	key: 1,
 	width: "14",
 	height: "14",
 	viewBox: "0 0 14 14",
 	fill: "none",
 	"aria-hidden": "true"
-}, Vt = { class: "step-text" }, Ht = { class: "step-label" }, Ut = {
+}, Gt = { class: "step-text" }, Kt = { class: "step-label" }, qt = {
 	key: 0,
 	class: "step-description"
-}, Wt = {
+}, Jt = {
 	key: 1,
 	class: "step-optional"
-}, Gt = { class: "stepper-content" }, J = Symbol("AtlStepper"), Kt = /* @__PURE__ */ c({
+}, Yt = { class: "stepper-content" }, J = Symbol("AtlStepper"), Xt = /* @__PURE__ */ c({
 	name: "AtlStepper",
 	__name: "atl-stepper",
 	props: {
@@ -1563,7 +1559,7 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 		function D(e) {
 			return u.value > e || f.value[e]?.completed;
 		}
-		return (t, n) => (g(), i("div", { class: d(E.value) }, [a("div", Lt, [(g(!0), i(e, null, y(f.value, (t, s) => (g(), i(e, { key: t.id }, [a("div", { class: d(["step-item", {
+		return (t, n) => (g(), i("div", { class: d(E.value) }, [a("div", Vt, [(g(!0), i(e, null, y(f.value, (t, s) => (g(), i(e, { key: t.id }, [a("div", { class: d(["step-item", {
 			"is-active": u.value === s,
 			"is-completed": t.completed && u.value !== s,
 			"is-error": t.error,
@@ -1580,31 +1576,31 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			tabindex: u.value === s ? 0 : -1,
 			disabled: t.disabled || void 0,
 			onClick: (e) => C(s)
-		}, [t.completed && !t.error ? (g(), i("svg", zt, [...n[0] ||= [a("path", {
+		}, [t.completed && !t.error ? (g(), i("svg", Ut, [...n[0] ||= [a("path", {
 			d: "M2 7L5.5 10.5L12 3.5",
 			stroke: "currentColor",
 			"stroke-width": "2",
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round"
-		}, null, -1)]])) : t.error ? (g(), i("svg", Bt, [...n[1] ||= [a("path", {
+		}, null, -1)]])) : t.error ? (g(), i("svg", Wt, [...n[1] ||= [a("path", {
 			d: "M3 3L11 11M11 3L3 11",
 			stroke: "currentColor",
 			"stroke-width": "2",
 			"stroke-linecap": "round"
-		}, null, -1)]])) : (g(), i(e, { key: 2 }, [o(S(s + 1), 1)], 64))], 8, Rt), a("div", Vt, [
-			a("span", Ht, S(t.label), 1),
-			t.description ? (g(), i("span", Ut, S(t.description), 1)) : r("", !0),
-			t.optional && !t.completed ? (g(), i("span", Wt, "Optional")) : r("", !0)
+		}, null, -1)]])) : (g(), i(e, { key: 2 }, [o(S(s + 1), 1)], 64))], 8, Ht), a("div", Gt, [
+			a("span", Kt, S(t.label), 1),
+			t.description ? (g(), i("span", qt, S(t.description), 1)) : r("", !0),
+			t.optional && !t.completed ? (g(), i("span", Jt, "Optional")) : r("", !0)
 		])], 2), s < f.value.length - 1 ? (g(), i("div", {
 			key: 0,
 			class: d(["step-connector", { "is-active": D(s) }])
-		}, null, 2)) : r("", !0)], 64))), 128))]), a("div", Gt, [b(t.$slots, "default")])], 2));
+		}, null, 2)) : r("", !0)], 64))), 128))]), a("div", Yt, [b(t.$slots, "default")])], 2));
 	}
-}), qt = [
+}), Zt = [
 	"id",
 	"aria-labelledby",
 	"hidden"
-], Jt = /* @__PURE__ */ c({
+], Qt = /* @__PURE__ */ c({
 	name: "AtlStep",
 	__name: "atl-step",
 	props: {
@@ -1659,9 +1655,9 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			"aria-labelledby": `atl-step-${s.value}`,
 			hidden: !c.value,
 			tabindex: "0"
-		}, [b(e.$slots, "default")], 8, qt)) : r("", !0);
+		}, [b(e.$slots, "default")], 8, Zt)) : r("", !0);
 	}
-}), Yt = ["aria-label"], Xt = /* @__PURE__ */ c({
+}), $t = ["aria-label"], en = /* @__PURE__ */ c({
 	name: "AtlTable",
 	__name: "atl-table",
 	props: {
@@ -1685,15 +1681,15 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			tabindex: "0",
 			role: "region",
 			"aria-label": e.ariaLabel ?? "Table"
-		}, [a("table", null, [b(t.$slots, "default")])], 8, Yt)], 2));
+		}, [a("table", null, [b(t.$slots, "default")])], 8, $t)], 2));
 	}
-}), Zt = /* @__PURE__ */ c({
+}), tn = /* @__PURE__ */ c({
 	name: "AtlThead",
 	__name: "atl-thead",
 	setup(e) {
 		return (e, t) => (g(), i("thead", null, [b(e.$slots, "default")]));
 	}
-}), Qt = { key: 1 }, $t = ["colspan"], en = /* @__PURE__ */ c({
+}), nn = { key: 1 }, rn = ["colspan"], an = /* @__PURE__ */ c({
 	name: "AtlTbody",
 	__name: "atl-tbody",
 	props: {
@@ -1704,15 +1700,15 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 		colSpan: { default: 1 }
 	},
 	setup(e) {
-		return (t, n) => (g(), i("tbody", null, [e.empty ? (g(), i("tr", Qt, [a("td", {
+		return (t, n) => (g(), i("tbody", null, [e.empty ? (g(), i("tr", nn, [a("td", {
 			colspan: e.colSpan,
 			class: "atl-tbody-empty-cell"
-		}, [b(t.$slots, "empty")], 8, $t)])) : b(t.$slots, "default", {}, void 0, void 0, 0)]));
+		}, [b(t.$slots, "empty")], 8, rn)])) : b(t.$slots, "default", {}, void 0, void 0, 0)]));
 	}
-}), tn = ["aria-selected"], nn = {
+}), on = ["aria-selected"], sn = {
 	key: 0,
 	class: "atl-tr-select-cell"
-}, rn = /* @__PURE__ */ c({
+}, cn = /* @__PURE__ */ c({
 	name: "AtlTr",
 	__name: "atl-tr",
 	props: {
@@ -1731,12 +1727,12 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 		return (t, a) => (g(), i("tr", {
 			"aria-selected": e.selectable ? e.selected : void 0,
 			class: d({ "is-selected": e.selected })
-		}, [e.selectable ? (g(), i("td", nn, [s(U, {
+		}, [e.selectable ? (g(), i("td", sn, [s(U, {
 			checked: e.selected,
 			"onUpdate:checked": a[0] ||= (e) => n("update:selected", e)
-		}, null, 8, ["checked"])])) : r("", !0), b(t.$slots, "default")], 10, tn));
+		}, null, 8, ["checked"])])) : r("", !0), b(t.$slots, "default")], 10, on));
 	}
-}), an = ["aria-sort"], on = /* @__PURE__ */ c({
+}), ln = ["aria-sort"], un = /* @__PURE__ */ c({
 	name: "AtlTh",
 	__name: "atl-th",
 	props: {
@@ -1786,9 +1782,9 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			class: "atl-th-sort-desc-arrow",
 			d: "M6 14L1 8H11L6 14Z",
 			fill: "currentColor"
-		})], -1)])) : b(t.$slots, "default", {}, void 0, void 0, 1)], 14, an));
+		})], -1)])) : b(t.$slots, "default", {}, void 0, void 0, 1)], 14, ln));
 	}
-}), sn = /* @__PURE__ */ c({
+}), dn = /* @__PURE__ */ c({
 	name: "AtlTd",
 	__name: "atl-td",
 	props: { align: { default: "start" } },
@@ -1796,14 +1792,14 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 		let n = e, r = t(() => [`align-${n.align}`]);
 		return (e, t) => (g(), i("td", { class: d(r.value) }, [b(e.$slots, "default")], 2));
 	}
-}), cn = [
+}), fn = [
 	"id",
 	"aria-selected",
 	"aria-controls",
 	"tabindex",
 	"disabled",
 	"onClick"
-], ln = { class: "tab-panels" }, Y = Symbol("AtlTabGroup"), un = /* @__PURE__ */ c({
+], pn = { class: "tab-panels" }, Y = Symbol("AtlTabGroup"), mn = /* @__PURE__ */ c({
 	name: "AtlTabGroup",
 	__name: "atl-tab-group",
 	props: {
@@ -1874,13 +1870,13 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			]),
 			type: "button",
 			onClick: (n) => !e.disabled && p(t)
-		}, S(e.label), 11, cn))), 128))], 32), a("div", ln, [b(t.$slots, "default", { groupId: m })])], 2));
+		}, S(e.label), 11, fn))), 128))], 32), a("div", pn, [b(t.$slots, "default", { groupId: m })])], 2));
 	}
-}), dn = [
+}), hn = [
 	"id",
 	"hidden",
 	"aria-labelledby"
-], fn = /* @__PURE__ */ c({
+], gn = /* @__PURE__ */ c({
 	name: "AtlTab",
 	__name: "atl-tab",
 	props: {
@@ -1910,9 +1906,9 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 			class: "tab-panel",
 			"aria-labelledby": d.value,
 			tabindex: "0"
-		}, [b(e.$slots, "default")], 8, dn)) : r("", !0);
+		}, [b(e.$slots, "default")], 8, hn)) : r("", !0);
 	}
-}), pn = ["for"], mn = { class: "textarea-field" }, hn = [
+}), _n = ["for"], vn = { class: "textarea-field" }, yn = [
 	"id",
 	"value",
 	"rows",
@@ -1922,11 +1918,11 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 	"required",
 	"name",
 	"aria-invalid"
-], gn = {
+], bn = {
 	key: 1,
 	class: "errors",
 	"aria-live": "polite"
-}, _n = /* @__PURE__ */ c({
+}, xn = /* @__PURE__ */ c({
 	name: "AtlTextarea",
 	__name: "atl-textarea",
 	props: {
@@ -1978,8 +1974,8 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 				key: 0,
 				for: f.value,
 				class: "textarea-label"
-			}, S(n.label), 9, pn)) : r("", !0),
-			a("div", mn, [a("textarea", {
+			}, S(n.label), 9, _n)) : r("", !0),
+			a("div", vn, [a("textarea", {
 				id: f.value,
 				ref_key: "textareaRef",
 				ref: l,
@@ -1992,15 +1988,15 @@ var j = Symbol("AtlAccordionGroup"), M = /* @__PURE__ */ c({
 				name: n.name,
 				"aria-invalid": n.invalid || void 0,
 				onInput: h
-			}, null, 40, hn)]),
-			n.errors.length ? (g(), i("ul", gn, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("li", {
+			}, null, 40, yn)]),
+			n.errors.length ? (g(), i("ul", bn, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("li", {
 				key: t,
 				class: "error"
 			}, S(e), 1))), 128))])) : r("", !0)
 		], 2));
 	}
 }), X = Symbol("AtlToast");
-function vn() {
+function Sn() {
 	let e = l(X);
 	if (!e) throw Error("useAtlToast() must be called inside a component that is a descendant of AtlToastProvider.");
 	return {
@@ -2011,7 +2007,7 @@ function vn() {
 }
 //#endregion
 //#region libs/vue/src/lib/toast/atl-toast-provider.vue
-var yn = /* @__PURE__ */ c({
+var Cn = /* @__PURE__ */ c({
 	name: "AtlToastProvider",
 	__name: "atl-toast-provider",
 	setup(e) {
@@ -2048,7 +2044,7 @@ var yn = /* @__PURE__ */ c({
 			clear: a
 		}), (e, t) => b(e.$slots, "default");
 	}
-}), bn = { class: "message" }, Z = /* @__PURE__ */ c({
+}), wn = { class: "message" }, Z = /* @__PURE__ */ c({
 	name: "AtlToastItem",
 	__name: "atl-toast-item",
 	props: { data: {} },
@@ -2058,7 +2054,7 @@ var yn = /* @__PURE__ */ c({
 		return (t, n) => (g(), i("div", {
 			class: d(c.value),
 			role: "status"
-		}, [a("span", bn, S(e.data.message), 1), e.data.dismissible ? (g(), i("button", {
+		}, [a("span", wn, S(e.data.message), 1), e.data.dismissible ? (g(), i("button", {
 			key: 0,
 			class: "dismiss",
 			type: "button",
@@ -2087,7 +2083,7 @@ var yn = /* @__PURE__ */ c({
 			y2: "18"
 		})], -1)]])) : r("", !0)], 2));
 	}
-}), xn = /* @__PURE__ */ c({
+}), Tn = /* @__PURE__ */ c({
 	name: "AtlToastContainer",
 	__name: "atl-toast-container",
 	props: { position: { default: "bottom-right" } },
@@ -2107,7 +2103,7 @@ var yn = /* @__PURE__ */ c({
 			onDismiss: r[0] ||= (e) => c(e)
 		}, null, 8, ["data"]))), 128))], 2));
 	}
-}), Sn = ["for"], Cn = [
+}), En = ["for"], Dn = [
 	"id",
 	"checked",
 	"disabled",
@@ -2115,11 +2111,11 @@ var yn = /* @__PURE__ */ c({
 	"name",
 	"aria-invalid",
 	"aria-checked"
-], wn = {
+], On = {
 	key: 0,
 	class: "errors",
 	"aria-live": "polite"
-}, Tn = /* @__PURE__ */ c({
+}, kn = /* @__PURE__ */ c({
 	name: "AtlToggle",
 	__name: "atl-toggle",
 	props: {
@@ -2171,15 +2167,15 @@ var yn = /* @__PURE__ */ c({
 				"aria-invalid": n.invalid || void 0,
 				"aria-checked": n.checked,
 				onChange: u
-			}, null, 40, Cn),
+			}, null, 40, Dn),
 			o[0] ||= a("span", { class: "track" }, [a("span", { class: "thumb" })], -1),
 			b(t.$slots, "default")
-		], 8, Sn), n.errors.length ? (g(), i("ul", wn, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("li", {
+		], 8, En), n.errors.length ? (g(), i("ul", On, [(g(!0), i(e, null, y(n.errors, (e, t) => (g(), i("li", {
 			key: t,
 			class: "error"
 		}, S(e), 1))), 128))])) : r("", !0)], 2));
 	}
-}), En = /* @__PURE__ */ c({
+}), An = /* @__PURE__ */ c({
 	name: "AtlTooltip",
 	__name: "atl-tooltip",
 	props: {
@@ -2223,7 +2219,7 @@ var yn = /* @__PURE__ */ c({
 			class: d(`atl-tooltip position-${e.atlTooltipPosition}`)
 		}, S(e.atlTooltip), 3)) : r("", !0)], 32));
 	}
-}), Dn = { class: "atl-code-block" }, On = { class: "code-block-header" }, kn = { class: "code-block-label" }, An = ["aria-label"], jn = { class: "code-block-body" }, Mn = { class: "code-block-pre" }, Nn = { class: "code-line-number" }, Pn = { class: "code-line-text" }, Q = /* @__PURE__ */ c({
+}), jn = { class: "atl-code-block" }, Mn = { class: "code-block-header" }, Nn = { class: "code-block-label" }, Pn = ["aria-label"], Fn = { class: "code-block-body" }, In = { class: "code-block-pre" }, Ln = { class: "code-line-number" }, Rn = { class: "code-line-text" }, zn = /* @__PURE__ */ c({
 	name: "AtlCodeBlock",
 	__name: "atl-code-block",
 	props: {
@@ -2248,7 +2244,7 @@ var yn = /* @__PURE__ */ c({
 				}, 1800);
 			});
 		}
-		return (t, s) => (g(), i("div", Dn, [a("div", On, [a("span", kn, S(l.value), 1), n.copyable ? (g(), i("button", {
+		return (t, s) => (g(), i("div", jn, [a("div", Mn, [a("span", Nn, S(l.value), 1), n.copyable ? (g(), i("button", {
 			key: 0,
 			class: "code-block-copy",
 			type: "button",
@@ -2283,12 +2279,12 @@ var yn = /* @__PURE__ */ c({
 			height: "13",
 			rx: "2",
 			ry: "2"
-		}), a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1), s[3] ||= o(" Copy ", -1)], 64))], 8, An)) : r("", !0)]), a("div", jn, [a("pre", Mn, [a("code", null, [n.showLineNumbers ? (g(!0), i(e, { key: 0 }, y(u.value, (e, t) => (g(), i("span", {
+		}), a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1), s[3] ||= o(" Copy ", -1)], 64))], 8, Pn)) : r("", !0)]), a("div", Fn, [a("pre", In, [a("code", null, [n.showLineNumbers ? (g(!0), i(e, { key: 0 }, y(u.value, (e, t) => (g(), i("span", {
 			key: t,
 			class: "code-line"
-		}, [a("span", Nn, S(t + 1), 1), a("span", Pn, S(e), 1)]))), 128)) : (g(), i(e, { key: 1 }, [o(S(n.code), 1)], 64))])])])]));
+		}, [a("span", Ln, S(t + 1), 1), a("span", Rn, S(e), 1)]))), 128)) : (g(), i(e, { key: 1 }, [o(S(n.code), 1)], 64))])])])]));
 	}
-}), Fn = ["aria-labelledby"], In = ["aria-labelledby"], Ln = ["aria-label", "aria-expanded"], Rn = ["aria-labelledby"], $ = Symbol("AtlChat"), zn = /* @__PURE__ */ c({
+}), Bn = ["aria-labelledby"], Vn = ["aria-labelledby"], Q = ["aria-label", "aria-expanded"], Hn = ["aria-labelledby"], $ = Symbol("AtlChat"), Un = /* @__PURE__ */ c({
 	name: "AtlChat",
 	__name: "atl-chat",
 	props: {
@@ -2356,24 +2352,24 @@ var yn = /* @__PURE__ */ c({
 		}, [a("div", {
 			class: "surface drawer-surface",
 			onClick: o[0] ||= A(() => {}, ["stop"])
-		}, [b(t.$slots, "default")])], 40, Fn)) : n.variant === "popup" ? (g(), i(e, { key: 1 }, [n.open ? (g(), i("div", {
+		}, [b(t.$slots, "default")])], 40, Bn)) : n.variant === "popup" ? (g(), i(e, { key: 1 }, [n.open ? (g(), i("div", {
 			key: 0,
 			class: "surface popup-surface",
 			role: "dialog",
 			"aria-labelledby": w(p)
-		}, [b(t.$slots, "default")], 8, In)) : r("", !0), a("button", {
+		}, [b(t.$slots, "default")], 8, Vn)) : r("", !0), a("button", {
 			type: "button",
 			class: "fab-bubble",
 			"aria-label": n.open ? "Close AI assistant" : "Open AI assistant",
 			"aria-expanded": n.open,
 			onClick: y
-		}, [...o[1] ||= [a("span", { "aria-hidden": "true" }, "AI", -1)]], 8, Ln)], 64)) : (g(), i("section", {
+		}, [...o[1] ||= [a("span", { "aria-hidden": "true" }, "AI", -1)]], 8, Q)], 64)) : (g(), i("section", {
 			key: 2,
 			class: "surface inline-surface",
 			"aria-labelledby": w(p)
-		}, [b(t.$slots, "default")], 8, Rn))], 2));
+		}, [b(t.$slots, "default")], 8, Hn))], 2));
 	}
-}), Bn = ["id"], Vn = { class: "title-block" }, Hn = /* @__PURE__ */ c({
+}), Wn = ["id"], Gn = { class: "title-block" }, Kn = /* @__PURE__ */ c({
 	name: "AtlChatHeader",
 	__name: "atl-chat-header",
 	setup(e) {
@@ -2386,7 +2382,7 @@ var yn = /* @__PURE__ */ c({
 		return (e, n) => (g(), i("div", {
 			id: w(t).headerId,
 			class: "atl-chat-header"
-		}, [a("div", Vn, [b(e.$slots, "default")]), a("button", {
+		}, [a("div", Gn, [b(e.$slots, "default")]), a("button", {
 			type: "button",
 			class: "close-btn",
 			"aria-label": "Close chat",
@@ -2412,9 +2408,9 @@ var yn = /* @__PURE__ */ c({
 			y1: "6",
 			x2: "18",
 			y2: "18"
-		})], -1)]])], 8, Bn));
+		})], -1)]])], 8, Wn));
 	}
-}), Un = /* @__PURE__ */ c({
+}), qn = /* @__PURE__ */ c({
 	name: "AtlChatMessages",
 	__name: "atl-chat-messages",
 	setup(e) {
@@ -2438,7 +2434,7 @@ var yn = /* @__PURE__ */ c({
 			class: "atl-chat-messages"
 		}, [b(e.$slots, "default")], 512));
 	}
-}), Wn = /* @__PURE__ */ c({
+}), Jn = /* @__PURE__ */ c({
 	name: "AtlChatMessage",
 	__name: "atl-chat-message",
 	props: {
@@ -2459,7 +2455,7 @@ var yn = /* @__PURE__ */ c({
 			class: d(r.value)
 		}, [b(e.$slots, "default")], 2));
 	}
-}), Gn = /* @__PURE__ */ c({
+}), Yn = /* @__PURE__ */ c({
 	name: "AtlChatTyping",
 	__name: "atl-chat-typing",
 	props: { inline: {
@@ -2479,10 +2475,10 @@ var yn = /* @__PURE__ */ c({
 			a("span", { class: "sr-only" }, "Assistant is typing", -1)
 		]], 2));
 	}
-}), Kn = { class: "atl-chat-suggestion" }, qn = { class: "chip-label" }, Jn = {
+}), Xn = { class: "atl-chat-suggestion" }, Zn = { class: "chip-label" }, Qn = {
 	key: 0,
 	class: "chip-hint"
-}, Yn = /* @__PURE__ */ c({
+}, $n = /* @__PURE__ */ c({
 	name: "AtlChatSuggestion",
 	__name: "atl-chat-suggestion",
 	props: {
@@ -2492,18 +2488,18 @@ var yn = /* @__PURE__ */ c({
 	emits: ["selected"],
 	setup(e, { emit: t }) {
 		let n = e, o = t;
-		return (e, t) => (g(), i("div", Kn, [a("button", {
+		return (e, t) => (g(), i("div", Xn, [a("button", {
 			type: "button",
 			class: "chip",
 			onClick: t[0] ||= (e) => o("selected", n.label)
-		}, [a("span", qn, S(n.label), 1), n.hint ? (g(), i("span", Jn, S(n.hint), 1)) : r("", !0)])]));
+		}, [a("span", Zn, S(n.label), 1), n.hint ? (g(), i("span", Qn, S(n.hint), 1)) : r("", !0)])]));
 	}
-}), Xn = { class: "atl-chat-input" }, Zn = [
+}), er = { class: "atl-chat-input" }, tr = [
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-label"
-], Qn = ["disabled"], $n = /* @__PURE__ */ c({
+], nr = ["disabled"], rr = /* @__PURE__ */ c({
 	name: "AtlChatInput",
 	__name: "atl-chat-input",
 	props: {
@@ -2546,7 +2542,7 @@ var yn = /* @__PURE__ */ c({
 			let t = e.target;
 			d.value = t.value;
 		}
-		return (e, t) => (g(), i("div", Xn, [a("textarea", {
+		return (e, t) => (g(), i("div", er, [a("textarea", {
 			class: "field",
 			rows: "1",
 			value: d.value,
@@ -2555,7 +2551,7 @@ var yn = /* @__PURE__ */ c({
 			"aria-label": r.ariaLabel,
 			onInput: _,
 			onKeydown: h
-		}, null, 40, Zn), f.value ? (g(), i("button", {
+		}, null, 40, tr), f.value ? (g(), i("button", {
 			key: 0,
 			type: "button",
 			class: "action-btn variant-danger size-md",
@@ -2566,8 +2562,8 @@ var yn = /* @__PURE__ */ c({
 			class: "action-btn variant-primary size-md",
 			disabled: !d.value.trim(),
 			onClick: m
-		}, " Send ", 8, Qn))]));
+		}, " Send ", 8, nr))]));
 	}
 });
 //#endregion
-export { M as AtlAccordionGroup, ee as AtlAccordionHeader, P as AtlAccordionItem, ie as AtlAlert, le as AtlAvatar, de as AtlAvatarGroup, L as AtlBadge, pe as AtlBreadcrumbItem, V as AtlBreadcrumbs, ge as AtlButton, ve as AtlCard, Se as AtlCardContent, we as AtlCardFooter, be as AtlCardHeader, zn as AtlChat, Hn as AtlChatHeader, $n as AtlChatInput, $ as AtlChatKey, Wn as AtlChatMessage, Un as AtlChatMessages, Yn as AtlChatSuggestion, Gn as AtlChatTyping, U as AtlCheckbox, Q as AtlCodeBlock, xt as AtlCombobox, ke as AtlDialog, Pe as AtlDialogContent, Ie as AtlDialogFooter, Me as AtlDialogHeader, Re as AtlDrawer, Ue as AtlDrawerContent, Ge as AtlDrawerFooter, Ve as AtlDrawerHeader, z as AtlIcon, Xe as AtlInput, $e as AtlMenu, tt as AtlMenuItem, rt as AtlMenuSeparator, Qe as AtlMenuTrigger, Ft as AtlOption, dt as AtlPagination, mt as AtlProgress, Dt as AtlRadio, wt as AtlRadioGroup, Nt as AtlSelect, It as AtlSkeleton, Jt as AtlStep, Kt as AtlStepper, fn as AtlTab, un as AtlTabGroup, Xt as AtlTable, en as AtlTbody, sn as AtlTd, _n as AtlTextarea, on as AtlTh, Zt as AtlThead, xn as AtlToastContainer, Z as AtlToastItem, yn as AtlToastProvider, Tn as AtlToggle, En as AtlTooltip, rn as AtlTr, vn as useAtlToast };
+export { M as AtlAccordionGroup, ee as AtlAccordionHeader, P as AtlAccordionItem, ie as AtlAlert, le as AtlAvatar, de as AtlAvatarGroup, L as AtlBadge, pe as AtlBreadcrumbItem, V as AtlBreadcrumbs, ge as AtlButton, ve as AtlCard, Se as AtlCardContent, we as AtlCardFooter, be as AtlCardHeader, Un as AtlChat, Kn as AtlChatHeader, rr as AtlChatInput, $ as AtlChatKey, Jn as AtlChatMessage, qn as AtlChatMessages, $n as AtlChatSuggestion, Yn as AtlChatTyping, U as AtlCheckbox, zn as AtlCodeBlock, Tt as AtlCombobox, ke as AtlDialog, Pe as AtlDialogContent, Ie as AtlDialogFooter, Me as AtlDialogHeader, Re as AtlDrawer, Ue as AtlDrawerContent, Ge as AtlDrawerFooter, Ve as AtlDrawerHeader, z as AtlIcon, Xe as AtlInput, $e as AtlMenu, tt as AtlMenuItem, rt as AtlMenuSeparator, Qe as AtlMenuTrigger, zt as AtlOption, ht as AtlPagination, vt as AtlProgress, jt as AtlRadio, Ot as AtlRadioGroup, Lt as AtlSelect, Bt as AtlSkeleton, Qt as AtlStep, Xt as AtlStepper, gn as AtlTab, mn as AtlTabGroup, en as AtlTable, an as AtlTbody, dn as AtlTd, xn as AtlTextarea, un as AtlTh, tn as AtlThead, Tn as AtlToastContainer, Z as AtlToastItem, Cn as AtlToastProvider, kn as AtlToggle, An as AtlTooltip, cn as AtlTr, Sn as useAtlToast };

package/lib/pagination/atl-pagination.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"atl-pagination.vue.d.ts","sourceRoot":"","sources":["../../../../../libs/vue/src/lib/pagination/atl-pagination.vue"],"names":[],"mappings":"AAyGA,OAAO,sBAAsB,CAAC;AAI9B,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;;;;;UAJQ,MAAM;eACD,MAAM;kBACH,MAAM;mBACL,OAAO;;AAoJzB,wBASG"}
+{"version":3,"file":"atl-pagination.vue.d.ts","sourceRoot":"","sources":["../../../../../libs/vue/src/lib/pagination/atl-pagination.vue"],"names":[],"mappings":"AAoHA,OAAO,sBAAsB,CAAC;AAI9B,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;;;;;UAJQ,MAAM;eACD,MAAM;kBACH,MAAM;mBACL,OAAO;;AAmKzB,wBASG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atelier-ui/vue",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "Atelier component library for Vue 3 — LLM-optimised, accessible, design-token-driven",
   "keywords": [
     "vue",