iryx-ui 0.10.2 → 0.11.0

package/README.md

@@ -690,6 +690,23 @@ visually-hidden table instead, so a screen reader gets the actual numbers
 rather than a blank graphic. That table renders even before the container has
 been measured — the data is never gated behind layout.
 
+**`stacked`** turns grouped series into one bar per category:
+
+```vue
+<IBarChart :data="cashflow" :series="series" stacked label="Cashflow" />
+```
+
+Stacking answers *"what makes up the total"*; grouping answers *"how do these
+compare"*. Only the bottom segment shares a baseline, so segments above it are
+hard to compare across categories — stay with grouped bars when the comparison
+matters more than the total.
+
+The axis is sized against the running totals, only the outermost segment is
+rounded, and the tooltip adds a **Total** row (`totalLabel` to rename it).
+Negative values stack downward from zero rather than cancelling positives out,
+so a mixed stack shows both sides at full length. Stacking is ignored for a
+single series, and works horizontally too.
+
 **`orientation="horizontal"`** runs the categories down the side:
 
 ```vue

package/dist/components/BarChart.vue.d.ts

@@ -21,6 +21,16 @@ export interface BarChartProps {
      * or numerous category names are the case to turn the chart for.
      */
     orientation?: 'vertical' | 'horizontal';
+    /**
+     * Stack the series into one bar per category instead of grouping them
+     * side by side.
+     *
+     * Stacking answers "what makes up the total"; grouping answers "how do these
+     * compare". Only the bottom segment shares a baseline, so every segment
+     * above it is hard to compare across categories — reach for grouped bars
+     * when the comparison matters more than the total.
+     */
+    stacked?: boolean;
     /** Rendered height in px. Width always fills the container. */
     height?: number;
     /** Target tick count. The axis lands on round numbers, so this is a hint. */
@@ -29,6 +39,8 @@ export interface BarChartProps {
     axis?: boolean;
     /** Drop the legend. Only honoured for a single series — see below. */
     legend?: boolean;
+    /** Word for the stacked tooltip's sum — override for non-English apps. */
+    totalLabel?: string;
     /** Locale and options for every number shown — ticks and tooltip alike. */
     locale?: string;
     format?: Intl.NumberFormatOptions;
@@ -84,6 +96,7 @@ declare const __VLS_base: import("vue").DefineComponent<BarChartProps, {}, {}, {
     height: number;
     ticks: number;
     axis: boolean;
+    totalLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/BarChart.vue_vue_type_script_setup_true_lang.js

@@ -5,37 +5,41 @@ import { barChartTheme as c } from "../theme/bar-chart.js";
 import l from "./ChartLegend.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, defineComponent as g, guardReactiveProps as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E } from "vue";
 //#region src/components/BarChart.vue?vue&type=script&setup=true&lang.ts
-var D = ["role", "aria-label"], O = [
+var ee = ["role", "aria-label"], D = [
 	"width",
 	"height",
 	"viewBox"
-], k = [
+], te = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], A = [
+], O = [
 	"x",
 	"y",
 	"text-anchor",
 	"dominant-baseline"
-], j = ["d"], ee = [
+], k = ["d"], A = [
 	"x",
 	"y",
 	"text-anchor",
 	"dominant-baseline"
-], te = [
+], ne = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"onPointerenter"
-], ne = { scope: "row" }, re = .7, M = /*@__PURE__*/ g({
+], re = {
+	key: 2,
+	class: "flex items-center gap-1.5 border-t border-border pt-1"
+}, ie = { scope: "row" }, ae = .7, j = /*@__PURE__*/ g({
 	__name: "BarChart",
 	props: {
 		data: { default: () => [] },
 		series: {},
 		orientation: { default: "vertical" },
+		stacked: { type: Boolean },
 		height: { default: 240 },
 		ticks: { default: 5 },
 		axis: {
@@ -46,6 +50,7 @@ var D = ["role", "aria-label"], O = [
 			type: Boolean,
 			default: !0
 		},
+		totalLabel: { default: "Total" },
 		locale: {},
 		format: {},
 		label: {},
@@ -57,57 +62,84 @@ var D = ["role", "aria-label"], O = [
 		ui: {}
 	},
 	setup(g) {
-		let M = g, N = e(), P = d(() => M.unstyled ?? N.unstyled), F = S(), { width: I } = s(F), L = d(() => new Intl.NumberFormat(M.locale, M.format));
-		function R(e) {
-			return L.value.format(e);
+		let j = g, M = e(), N = d(() => j.unstyled ?? M.unstyled), P = S(), { width: F } = s(P), I = d(() => new Intl.NumberFormat(j.locale, j.format));
+		function L(e) {
+			return I.value.format(e);
 		}
-		let z = d(() => {
-			let e = M.series?.length ? [...M.series] : [{ key: "value" }];
+		let R = d(() => {
+			let e = j.series?.length ? [...j.series] : [{ key: "value" }];
 			return o(e.length), e;
-		}), B = d(() => z.value.length > 1), V = d(() => B.value || M.legend && z.value[0].name != null);
-		function H(e, t) {
+		}), z = d(() => R.value.length > 1), oe = d(() => z.value || j.legend && R.value[0].name != null);
+		function B(e, t) {
 			let n = e[t];
 			return typeof n == "number" && Number.isFinite(n) ? n : null;
 		}
-		let U = d(() => M.orientation === "horizontal"), W = d(() => t({
-			orientation: M.orientation,
-			values: M.data.flatMap((e) => z.value.map((t) => H(e, t.key))),
-			categories: M.data.length,
-			longestLabel: Math.max(...M.data.map((e) => e.label.length), 1),
-			width: I.value,
-			height: M.height,
-			tickCount: M.ticks,
-			showAxis: M.axis,
-			formatTick: R,
+		let V = d(() => j.orientation === "horizontal"), H = d(() => j.stacked && z.value);
+		function U(e) {
+			let t = 0, n = 0;
+			for (let r of R.value) {
+				let i = B(e, r.key);
+				i != null && (i >= 0 ? t += i : n += i);
+			}
+			return [t, n];
+		}
+		let W = d(() => t({
+			orientation: j.orientation,
+			values: H.value ? j.data.flatMap(U) : j.data.flatMap((e) => R.value.map((t) => B(e, t.key))),
+			categories: j.data.length,
+			longestLabel: Math.max(...j.data.map((e) => e.label.length), 1),
+			width: F.value,
+			height: j.height,
+			tickCount: j.ticks,
+			showAxis: j.axis,
+			formatTick: L,
 			includeZero: !0
-		})), G = d(() => W.value.plot), K = d(() => W.value.y), q = d(() => W.value.bandWidth), J = d(() => q.value * re), Y = d(() => Math.max(2, Math.min(24, J.value / z.value.length))), ie = d(() => {
-			if (!I.value || !M.data.length) return [];
-			let e = W.value.value(0), t = z.value.length, n = +(t > 1);
-			return M.data.flatMap((r, i) => z.value.flatMap((a, o) => {
-				let s = H(r, a.key);
-				if (s == null) return [];
-				let c = W.value.value(s), l = W.value.bandCentre(i) - Y.value * t / 2 + Y.value * o + n, u = Math.max(Y.value - n * 2, 1), d = Math.abs(c - e);
-				return [U.value ? {
-					x: Math.min(c, e),
-					y: l,
-					width: d,
-					height: u,
-					direction: s >= 0 ? "right" : "left",
-					seriesIndex: o,
-					categoryIndex: i
-				} : {
-					x: l,
-					y: Math.min(c, e),
-					width: u,
-					height: d,
-					direction: s >= 0 ? "up" : "down",
-					seriesIndex: o,
-					categoryIndex: i
-				}];
-			}));
+		})), G = d(() => W.value.plot), K = d(() => W.value.y), q = d(() => W.value.bandWidth), J = d(() => q.value * ae), Y = d(() => Math.max(2, Math.min(24, J.value / (H.value ? 1 : R.value.length)))), se = d(() => {
+			if (!F.value || !j.data.length) return [];
+			let e = W.value.value(0), t = R.value.length, n = +(t > 1 && !H.value);
+			return j.data.flatMap((r, i) => {
+				let a = 0, o = 0, s = R.value.reduce((e, t, n) => {
+					let i = B(r, t.key);
+					return i != null && i >= 0 ? n : e;
+				}, -1), c = R.value.reduce((e, t, n) => {
+					let i = B(r, t.key);
+					return i != null && i < 0 ? n : e;
+				}, -1);
+				return R.value.flatMap((l, u) => {
+					let d = B(r, l.key);
+					if (d == null) return [];
+					let f = e, p;
+					if (H.value) {
+						let e = d >= 0 ? a : o, t = e + d;
+						f = W.value.value(e), p = W.value.value(t), d >= 0 ? a = t : o = t;
+					} else p = W.value.value(d);
+					let m = H.value ? Y.value : Y.value * t, h = W.value.bandCentre(i) - m / 2 + (H.value ? 0 : Y.value * u) + n, g = Math.max(Y.value - n * 2, 1), _ = H.value ? Math.min(2, Math.abs(p - f) / 2) : 0, v = Math.max(Math.abs(p - f) - _, 0), y = p < f ? p + _ : f, b = !H.value || u === (d >= 0 ? s : c);
+					return [V.value ? {
+						x: y,
+						y: h,
+						width: v,
+						height: g,
+						direction: d >= 0 ? "right" : "left",
+						capped: b,
+						seriesIndex: u,
+						categoryIndex: i
+					} : {
+						x: h,
+						y,
+						width: g,
+						height: v,
+						direction: d >= 0 ? "up" : "down",
+						capped: b,
+						seriesIndex: u,
+						categoryIndex: i
+					}];
+				});
+			});
 		});
-		function ae(e) {
-			let { x: t, y: n, width: r, height: i } = e, a = t + r, o = n + i, s = Math.min(4, r / 2, i / 2, e.direction === "up" || e.direction === "down" ? i : r);
+		function ce(e) {
+			let { x: t, y: n, width: r, height: i } = e, a = t + r;
+			if (!e.capped) return `M${t} ${n} L${a} ${n} L${a} ${n + i} L${t} ${n + i} Z`;
+			let o = n + i, s = Math.min(4, r / 2, i / 2, e.direction === "up" || e.direction === "down" ? i : r);
 			switch (e.direction) {
 				case "up": return `M${t} ${o} L${t} ${n + s} Q${t} ${n} ${t + s} ${n} L${a - s} ${n} Q${a} ${n} ${a} ${n + s} L${a} ${o} Z`;
 				case "down": return `M${t} ${n} L${t} ${o - s} Q${t} ${o} ${t + s} ${o} L${a - s} ${o} Q${a} ${o} ${a} ${o - s} L${a} ${n} Z`;
@@ -115,144 +147,154 @@ var D = ["role", "aria-label"], O = [
 				default: return `M${a} ${n} L${t + s} ${n} Q${t} ${n} ${t} ${n + s} L${t} ${o - s} Q${t} ${o} ${t + s} ${o} L${a} ${o} Z`;
 			}
 		}
-		let oe = d(() => W.value.labelStep), X = S(), Z = d(() => {
+		let le = d(() => W.value.labelStep), X = S(), Z = d(() => {
 			if (X.value == null) return;
-			let e = M.data[X.value];
+			let e = j.data[X.value];
 			if (!e) return;
-			let t = z.value.map((t, n) => ({
+			let t = R.value.map((t, n) => ({
 				name: t.name ?? t.key,
 				color: r(i(t, n)),
-				value: H(e, t.key)
+				value: B(e, t.key)
 			})).filter((e) => e.value != null).map((e) => ({
 				...e,
-				value: R(e.value)
+				value: L(e.value)
 			}));
 			if (!t.length) return;
-			let o = B.value ? Math.max(e.label.length, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2, s = W.value.bandCentre(X.value);
-			if (U.value) {
-				let r = Math.max(...z.value.map((t) => {
-					let n = H(e, t.key);
+			let o = H.value ? L(U(e).reduce((e, t) => e + t, 0)) : void 0, s = z.value ? Math.max(e.label.length, o ? o.length + 6 : 0, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2, c = W.value.bandCentre(X.value);
+			if (V.value) {
+				let r = H.value ? W.value.value(U(e)[0]) : Math.max(...R.value.map((t) => {
+					let n = B(e, t.key);
 					return n == null ? -Infinity : W.value.value(n);
-				})), i = "x".repeat(o), c = a(i), l = r + c + 8, u = l + c <= I.value;
+				})), i = "x".repeat(s), l = a(i), u = r + l + 8, d = u + l <= F.value;
 				return {
 					label: e.label,
 					rows: t,
-					multi: B.value,
-					x: n(u ? l : r - c - 8, i, I.value),
-					y: s
+					total: o,
+					multi: z.value,
+					x: n(d ? u : r - l - 8, i, F.value),
+					y: c
 				};
 			}
-			let c = Math.min(...z.value.map((t) => {
-				let n = H(e, t.key);
+			let l = H.value ? W.value.value(U(e)[0]) : Math.min(...R.value.map((t) => {
+				let n = B(e, t.key);
 				return n == null ? Infinity : Math.min(W.value.value(n), W.value.value(0));
 			}));
 			return {
 				label: e.label,
 				rows: t,
-				multi: B.value,
-				x: n(s, "x".repeat(o), I.value),
-				y: c
+				total: o,
+				multi: z.value,
+				x: n(c, "x".repeat(s), F.value),
+				y: l
 			};
 		}), Q = d(() => c());
 		function $(e, t) {
-			let n = M.ui?.[e];
-			return P.value ? [n, t] : Q.value[e]({ class: [n, t] });
+			let n = j.ui?.[e];
+			return N.value ? [n, t] : Q.value[e]({ class: [n, t] });
 		}
-		function se(e) {
+		function ue(e) {
 			let t = X.value != null && X.value !== e.categoryIndex;
-			return P.value ? [M.ui?.bar] : Q.value.bar({ class: [M.ui?.bar, t ? Q.value.faded() : void 0] });
+			return N.value ? [j.ui?.bar] : Q.value.bar({ class: [j.ui?.bar, t ? Q.value.faded() : void 0] });
 		}
 		return (e, t) => (x(), m("div", {
 			ref_key: "root",
-			ref: F,
-			role: M.label ? "figure" : void 0,
-			"aria-label": M.label,
-			class: v($("root", M.class))
+			ref: P,
+			role: j.label ? "figure" : void 0,
+			"aria-label": j.label,
+			class: v($("root", j.class))
 		}, [
-			V.value ? (x(), f(l, {
+			oe.value ? (x(), f(l, {
 				key: 0,
-				series: z.value,
-				unstyled: M.unstyled
+				series: R.value,
+				unstyled: j.unstyled
 			}, null, 8, ["series", "unstyled"])) : p("", !0),
-			h("div", { class: v(P.value ? void 0 : Q.value.plot()) }, [(x(), m("svg", {
-				width: E(I),
-				height: M.height,
-				viewBox: `0 0 ${E(I)} ${M.height}`,
+			h("div", { class: v(N.value ? void 0 : Q.value.plot()) }, [(x(), m("svg", {
+				width: E(F),
+				height: j.height,
+				viewBox: `0 0 ${E(F)} ${j.height}`,
 				"aria-hidden": "true",
 				class: v($("svg"))
 			}, [
-				M.axis ? (x(!0), m(u, { key: 0 }, C(W.value.ticks, (e) => (x(), m("g", { key: `tick-${e}` }, [h("line", {
-					x1: U.value ? W.value.value(e) : G.value.left,
-					y1: U.value ? G.value.top : K.value(e),
-					x2: U.value ? W.value.value(e) : G.value.left + G.value.width,
-					y2: U.value ? G.value.top + G.value.height : K.value(e),
+				j.axis ? (x(!0), m(u, { key: 0 }, C(W.value.ticks, (e) => (x(), m("g", { key: `tick-${e}` }, [h("line", {
+					x1: V.value ? W.value.value(e) : G.value.left,
+					y1: V.value ? G.value.top : K.value(e),
+					x2: V.value ? W.value.value(e) : G.value.left + G.value.width,
+					y2: V.value ? G.value.top + G.value.height : K.value(e),
 					"stroke-width": "1",
 					class: v($("grid"))
-				}, null, 10, k), h("text", {
-					x: U.value ? W.value.value(e) : G.value.left - E(8),
-					y: U.value ? G.value.top + G.value.height + 14 : K.value(e),
-					"text-anchor": U.value ? "middle" : "end",
-					"dominant-baseline": U.value ? void 0 : "middle",
+				}, null, 10, te), h("text", {
+					x: V.value ? W.value.value(e) : G.value.left - E(8),
+					y: V.value ? G.value.top + G.value.height + 14 : K.value(e),
+					"text-anchor": V.value ? "middle" : "end",
+					"dominant-baseline": V.value ? void 0 : "middle",
 					class: v($("tick"))
-				}, T(R(e)), 11, A)]))), 128)) : p("", !0),
+				}, T(L(e)), 11, O)]))), 128)) : p("", !0),
 				w(e.$slots, "underlay", y(_(W.value))),
-				(x(!0), m(u, null, C(ie.value, (e, t) => (x(), m("path", {
+				(x(!0), m(u, null, C(se.value, (e, t) => (x(), m("path", {
 					key: `bar-${e.categoryIndex}-${e.seriesIndex}-${t}`,
-					d: ae(e),
-					style: b({ fill: E(r)(E(i)(z.value[e.seriesIndex], e.seriesIndex)) }),
-					class: v(se(e))
-				}, null, 14, j))), 128)),
-				(x(!0), m(u, null, C(M.data, (e, t) => (x(), m(u, { key: `label-${e.label}-${t}` }, [t % oe.value === 0 ? (x(), m("text", {
+					d: ce(e),
+					style: b({ fill: E(r)(E(i)(R.value[e.seriesIndex], e.seriesIndex)) }),
+					class: v(ue(e))
+				}, null, 14, k))), 128)),
+				(x(!0), m(u, null, C(j.data, (e, t) => (x(), m(u, { key: `label-${e.label}-${t}` }, [t % le.value === 0 ? (x(), m("text", {
 					key: 0,
-					x: U.value ? G.value.left - E(8) : W.value.bandCentre(t),
-					y: U.value ? W.value.bandCentre(t) : G.value.top + G.value.height + 14,
-					"text-anchor": U.value ? "end" : "middle",
-					"dominant-baseline": U.value ? "middle" : void 0,
+					x: V.value ? G.value.left - E(8) : W.value.bandCentre(t),
+					y: V.value ? W.value.bandCentre(t) : G.value.top + G.value.height + 14,
+					"text-anchor": V.value ? "end" : "middle",
+					"dominant-baseline": V.value ? "middle" : void 0,
 					class: v($("category"))
-				}, T(e.label), 11, ee)) : p("", !0)], 64))), 128)),
+				}, T(e.label), 11, A)) : p("", !0)], 64))), 128)),
 				w(e.$slots, "overlay", y(_(W.value))),
-				(x(!0), m(u, null, C(M.data, (e, n) => (x(), m("rect", {
+				(x(!0), m(u, null, C(j.data, (e, n) => (x(), m("rect", {
 					key: `hit-${e.label}-${n}`,
-					x: U.value ? G.value.left : G.value.left + q.value * n,
-					y: U.value ? G.value.top + q.value * n : G.value.top,
-					width: U.value ? G.value.width : q.value,
-					height: U.value ? q.value : G.value.height,
-					class: v(P.value ? void 0 : Q.value.hit()),
+					x: V.value ? G.value.left : G.value.left + q.value * n,
+					y: V.value ? G.value.top + q.value * n : G.value.top,
+					width: V.value ? G.value.width : q.value,
+					height: V.value ? q.value : G.value.height,
+					class: v(N.value ? void 0 : Q.value.hit()),
 					onPointerenter: (e) => X.value = n,
 					onPointerleave: t[0] ||= (e) => X.value = void 0
-				}, null, 42, te))), 128))
-			], 10, O)), Z.value ? (x(), m("div", {
+				}, null, 42, ne))), 128))
+			], 10, D)), Z.value ? (x(), m("div", {
 				key: 0,
 				class: v($("tooltip", Z.value.multi ? "flex-col items-start gap-1" : void 0)),
 				style: b({
 					left: `${Z.value.x}px`,
 					top: `${Z.value.y}px`,
-					transform: U.value ? "translate(-50%, -50%)" : "translate(-50%, -100%) translateY(-8px)"
+					transform: V.value ? "translate(-50%, -50%)" : "translate(-50%, -100%) translateY(-8px)"
 				})
-			}, [h("span", { class: v($("tooltipLabel")) }, T(Z.value.label), 3), Z.value.multi ? (x(!0), m(u, { key: 0 }, C(Z.value.rows, (e) => (x(), m("span", {
-				key: e.name,
-				class: "flex items-center gap-1.5"
 			}, [
-				h("span", {
-					class: "size-2 shrink-0 rounded-full",
-					style: b({ background: e.color })
-				}, null, 4),
-				h("span", { class: v($("tooltipLabel")) }, T(e.name), 3),
-				h("span", { class: v($("tooltipValue")) }, T(e.value), 3)
-			]))), 128)) : (x(), m("span", {
-				key: 1,
-				class: v($("tooltipValue"))
-			}, T(Z.value.rows[0].value), 3))], 6)) : p("", !0)], 2),
+				h("span", { class: v($("tooltipLabel")) }, T(Z.value.label), 3),
+				Z.value.multi ? (x(!0), m(u, { key: 0 }, C(Z.value.rows, (e) => (x(), m("span", {
+					key: e.name,
+					class: "flex items-center gap-1.5"
+				}, [
+					h("span", {
+						class: "size-2 shrink-0 rounded-full",
+						style: b({ background: e.color })
+					}, null, 4),
+					h("span", { class: v($("tooltipLabel")) }, T(e.name), 3),
+					h("span", { class: v($("tooltipValue")) }, T(e.value), 3)
+				]))), 128)) : (x(), m("span", {
+					key: 1,
+					class: v($("tooltipValue"))
+				}, T(Z.value.rows[0].value), 3)),
+				Z.value.total ? (x(), m("span", re, [
+					t[1] ||= h("span", { class: "size-2 shrink-0" }, null, -1),
+					h("span", { class: v($("tooltipLabel")) }, T(j.totalLabel), 3),
+					h("span", { class: v($("tooltipValue")) }, T(Z.value.total), 3)
+				])) : p("", !0)
+			], 6)) : p("", !0)], 2),
 			h("table", { class: v($("table")) }, [
-				h("caption", null, T(M.label), 1),
-				h("thead", null, [h("tr", null, [t[1] ||= h("th", { scope: "col" }, " Category ", -1), (x(!0), m(u, null, C(z.value, (e) => (x(), m("th", {
+				h("caption", null, T(j.label), 1),
+				h("thead", null, [h("tr", null, [t[2] ||= h("th", { scope: "col" }, " Category ", -1), (x(!0), m(u, null, C(R.value, (e) => (x(), m("th", {
 					key: e.key,
 					scope: "col"
 				}, T(e.name ?? "Value"), 1))), 128))])]),
-				h("tbody", null, [(x(!0), m(u, null, C(M.data, (e, t) => (x(), m("tr", { key: `row-${e.label}-${t}` }, [h("th", ne, T(e.label), 1), (x(!0), m(u, null, C(z.value, (t) => (x(), m("td", { key: t.key }, T(H(e, t.key) == null ? "—" : R(H(e, t.key))), 1))), 128))]))), 128))])
+				h("tbody", null, [(x(!0), m(u, null, C(j.data, (e, t) => (x(), m("tr", { key: `row-${e.label}-${t}` }, [h("th", ie, T(e.label), 1), (x(!0), m(u, null, C(R.value, (t) => (x(), m("td", { key: t.key }, T(B(e, t.key) == null ? "—" : L(B(e, t.key))), 1))), 128))]))), 128))])
 			], 2)
-		], 10, D));
+		], 10, ee));
 	}
 });
 //#endregion
-export { M as default };
+export { j as default };

package/dist/components/Pagination.vue.d.ts

@@ -42,8 +42,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     unstyled: boolean;
     label: string;
-    nextLabel: string;
     total: number;
+    nextLabel: string;
     itemsPerPage: number;
     siblingCount: number;
     showEdges: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.10.2",
+  "version": "0.11.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",