iryx-ui 0.10.2 → 0.12.0

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/Breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import { ArrowRight01Icon as e } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as t } from "../config.js";
-import n from "./Icon.js";
-import { breadcrumbTheme as r } from "../theme/breadcrumb.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { breadcrumbTheme as n } from "../theme/breadcrumb.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { ArrowRight01Icon as b } from "@hugeicons/core-free-icons";
 import { Primitive as x } from "reka-ui";
 //#region src/components/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
-var S = /*@__PURE__*/ f({
+var S = /*@__PURE__*/ d({
 	__name: "Breadcrumb",
 	props: {
 		items: {},
@@ -17,49 +17,49 @@ var S = /*@__PURE__*/ f({
 		class: {},
 		ui: {}
 	},
-	setup(f) {
-		let S = f, C = t(), w = a(() => S.unstyled ?? C.unstyled), T = a(() => S.items ?? []), E = a(() => T.value.length - 1), D = a(() => r());
+	setup(d) {
+		let S = d, C = e(), w = i(() => S.unstyled ?? C.unstyled), T = i(() => S.items ?? []), E = i(() => T.value.length - 1), D = i(() => n());
 		function O(e) {
 			let t = S.ui?.[e];
 			return w.value ? t : D.value[e]({ class: t });
 		}
-		return (t, r) => (m(), o(y(x), {
+		return (e, n) => (p(), a(v(x), {
 			as: "nav",
 			"aria-label": S.label,
-			class: p(w.value ? [S.ui?.root, S.class] : D.value.root({ class: [S.ui?.root, S.class] }))
+			class: f(w.value ? [S.ui?.root, S.class] : D.value.root({ class: [S.ui?.root, S.class] }))
 		}, {
-			default: b(() => [l("ol", { class: p(O("list")) }, [(m(!0), c(i, null, h(T.value, (r, i) => (m(), c("li", {
-				key: i,
-				class: p(O("item"))
-			}, [i === E.value ? (m(), c("span", {
+			default: y(() => [c("ol", { class: f(O("list")) }, [(p(!0), s(r, null, m(T.value, (n, r) => (p(), s("li", {
+				key: r,
+				class: f(O("item"))
+			}, [r === E.value ? (p(), s("span", {
 				key: 0,
 				"aria-current": "page",
-				class: p(O("current"))
-			}, [r.icon ? (m(), o(n, {
+				class: f(O("current"))
+			}, [n.icon ? (p(), a(t, {
 				key: 0,
-				icon: r.icon
-			}, null, 8, ["icon"])) : s("", !0), u(" " + v(r.label), 1)], 2)) : (m(), o(_(r.href ? "a" : "button"), {
+				icon: n.icon
+			}, null, 8, ["icon"])) : o("", !0), l(" " + _(n.label), 1)], 2)) : (p(), a(g(n.href ? "a" : "button"), {
 				key: 1,
-				href: r.href,
-				type: r.href ? void 0 : "button",
-				class: p(O("link")),
-				onClick: (e) => r.onSelect?.()
+				href: n.href,
+				type: n.href ? void 0 : "button",
+				class: f(O("link")),
+				onClick: (e) => n.onSelect?.()
 			}, {
-				default: b(() => [r.icon ? (m(), o(n, {
+				default: y(() => [n.icon ? (p(), a(t, {
 					key: 0,
-					icon: r.icon
-				}, null, 8, ["icon"])) : s("", !0), u(" " + v(r.label), 1)]),
+					icon: n.icon
+				}, null, 8, ["icon"])) : o("", !0), l(" " + _(n.label), 1)]),
 				_: 2
 			}, 1032, [
 				"href",
 				"type",
 				"class",
 				"onClick"
-			])), i === E.value ? s("", !0) : (m(), c("span", {
+			])), r === E.value ? o("", !0) : (p(), s("span", {
 				key: 2,
 				"aria-hidden": "true",
-				class: p(O("separator"))
-			}, [g(t.$slots, "separator", {}, () => [d(n, { icon: y(e) }, null, 8, ["icon"])])], 2))], 2))), 128))], 2)]),
+				class: f(O("separator"))
+			}, [h(e.$slots, "separator", {}, () => [u(t, { icon: v(b) }, null, 8, ["icon"])])], 2))], 2))), 128))], 2)]),
 			_: 3
 		}, 8, ["aria-label", "class"]));
 	}

package/dist/components/Button.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
-import { Loading03Icon as e } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as t } from "../config.js";
-import n from "./Icon.js";
-import { useButtonGroup as r } from "../composables/button-group.js";
-import { buttonTheme as i } from "../theme/button.js";
-import { computed as a, createBlock as o, createCommentVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { useButtonGroup as n } from "../composables/button-group.js";
+import { buttonTheme as r } from "../theme/button.js";
+import { computed as i, createBlock as a, createCommentVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { Loading03Icon as p } from "@hugeicons/core-free-icons";
 import { Primitive as m } from "reka-ui";
 //#region src/components/Button.vue?vue&type=script&setup=true&lang.ts
-var h = /*@__PURE__*/ c({
+var h = /*@__PURE__*/ s({
 	__name: "Button",
 	props: {
 		as: { default: "button" },
@@ -24,27 +24,27 @@ var h = /*@__PURE__*/ c({
 		type: { default: "button" },
 		class: {}
 	},
-	setup(c) {
-		let h = c, g = t(), _ = a(() => h.unstyled ?? g.unstyled), v = r(), y = a(() => h.size ?? v?.size.value), b = a(() => _.value ? h.class : i({
+	setup(s) {
+		let h = s, g = e(), _ = i(() => h.unstyled ?? g.unstyled), v = n(), y = i(() => h.size ?? v?.size.value), b = i(() => _.value ? h.class : r({
 			variant: h.variant,
 			size: y.value,
 			block: h.block,
 			square: h.square,
 			class: h.class
 		}));
-		return (t, r) => (u(), o(f(m), {
+		return (e, n) => (l(), a(d(m), {
 			as: h.as,
 			"as-child": h.asChild,
 			type: h.as === "button" ? h.type : void 0,
 			disabled: h.disabled || h.loading || void 0,
-			class: l(b.value)
+			class: c(b.value)
 		}, {
-			default: p(() => [h.loading ? (u(), o(n, {
+			default: f(() => [h.loading ? (l(), a(t, {
 				key: 0,
-				icon: f(e),
+				icon: d(p),
 				"data-icon": "inline-start",
 				class: "animate-spin"
-			}, null, 8, ["icon"])) : s("", !0), d(t.$slots, "default")]),
+			}, null, 8, ["icon"])) : o("", !0), u(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"as",