@cascivo/react 0.18.0 → 1.0.0

package/dist/node/toggle/toggle.js

@@ -5,7 +5,7 @@ import { forwardRef as t } from "react";
 import { cn as n, createMachine as r, useMachine as i, useSignals as a } from "@cascivo/core";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/toggle/toggle.tsx
-var c = t(function({ checked: t, defaultChecked: c = !1, onValueChange: l, onChange: u, label: d, size: f = "md", className: p, disabled: m, ...h }, g) {
+var c = t(function({ checked: t, defaultChecked: c = !1, onValueChange: l, label: u, size: d = "md", className: f, disabled: p, ariaLabel: m, ...h }, g) {
 	a();
 	let [_, v] = i(r({
 		initial: c ? "on" : "off",
@@ -19,21 +19,22 @@ var c = t(function({ checked: t, defaultChecked: c = !1, onValueChange: l, onCha
 		role: "switch",
 		"aria-checked": b,
 		"data-state": b ? "on" : "off",
-		"data-size": f,
-		disabled: m,
-		className: n(e.toggle, p),
+		"data-size": d,
+		disabled: p,
+		className: n(e.toggle, f),
 		onClick: () => {
-			y || v("TOGGLE"), (l ?? u)?.(!b);
+			y || v("TOGGLE"), l?.(!b);
 		},
 		ref: g,
 		...h,
+		"aria-label": h["aria-label"] ?? m,
 		children: [/* @__PURE__ */ o("span", {
 			className: e.track,
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ o("span", { className: e.thumb })
-		}), d && /* @__PURE__ */ o("span", {
+		}), u && /* @__PURE__ */ o("span", {
 			className: e.label,
-			children: d
+			children: u
 		})]
 	});
 });

package/dist/node/tree-view/tree-view.js

@@ -24,88 +24,88 @@ function u(e, t) {
 function d(e) {
 	return e === void 0 ? [] : Array.isArray(e) ? e : e === "" ? [] : [e];
 }
-function f({ items: o, selectionMode: s = "single", selected: l, defaultSelected: f, onSelectChange: h, expanded: g, defaultExpanded: _, onExpandedChange: v, className: y, "aria-label": b, ariaLabel: x }) {
+function f({ items: o, selectionMode: s = "single", selected: l, defaultSelected: f, onSelectChange: h, expanded: g, defaultExpanded: _, onExpandedChange: v, className: y, "aria-label": b, ariaLabel: x, label: S }) {
 	a();
-	let [S, C] = r({
+	let [C, w] = r({
 		value: g,
 		defaultValue: _ ?? [],
 		onChange: v
-	}), [w, T] = r({
+	}), [T, E] = r({
 		value: l,
 		defaultValue: f ?? (s === "multi" ? [] : ""),
 		onChange: h
-	}), E = i(null), D = t(/* @__PURE__ */ new Map()), O = new Set(S.value), k = u(o, O), A = new Map(k.map((e, t) => [e.id, t])), j = d(w.value), M = new Set(j), N = E.value ?? j[0] ?? k[0]?.id ?? null, P = (e) => C([...e]), F = (e) => {
-		if (O.has(e)) return;
-		let t = new Set(O);
-		t.add(e), P(t);
-	}, I = (e) => {
-		if (!O.has(e)) return;
-		let t = new Set(O);
-		t.delete(e), P(t);
+	}), D = i(null), O = t(/* @__PURE__ */ new Map()), k = new Set(C.value), A = u(o, k), j = new Map(A.map((e, t) => [e.id, t])), M = d(T.value), N = new Set(M), P = D.value ?? M[0] ?? A[0]?.id ?? null, F = (e) => w([...e]), I = (e) => {
+		if (k.has(e)) return;
+		let t = new Set(k);
+		t.add(e), F(t);
 	}, L = (e) => {
-		E.value = e, D.current.get(e)?.focus();
+		if (!k.has(e)) return;
+		let t = new Set(k);
+		t.delete(e), F(t);
 	}, R = (e) => {
+		D.value = e, O.current.get(e)?.focus();
+	}, z = (e) => {
 		if (s === "multi") {
-			let t = new Set(M);
-			t.has(e) ? t.delete(e) : t.add(e), T([...t]);
-		} else T(e);
-	}, z = t({
+			let t = new Set(N);
+			t.has(e) ? t.delete(e) : t.add(e), E([...t]);
+		} else E(e);
+	}, B = t({
 		buffer: "",
 		at: 0
-	}), B = (e, t) => {
-		let n = A.get(t.id);
+	}), V = (e, t) => {
+		let n = j.get(t.id);
 		if (n === void 0) return;
-		let { hasChildren: r, level: i, parentId: a, expanded: s } = k[n];
+		let { hasChildren: r, level: i, parentId: a, expanded: s } = A[n];
 		switch (e.key) {
 			case "ArrowDown": {
 				e.preventDefault();
-				let t = k[n + 1];
-				t && L(t.id);
+				let t = A[n + 1];
+				t && R(t.id);
 				break;
 			}
 			case "ArrowUp": {
 				e.preventDefault();
-				let t = k[n - 1];
-				t && L(t.id);
+				let t = A[n - 1];
+				t && R(t.id);
 				break;
 			}
 			case "ArrowRight":
-				if (e.preventDefault(), r && !s) F(t.id);
+				if (e.preventDefault(), r && !s) I(t.id);
 				else if (r && s) {
-					let e = k[n + 1];
-					e && e.level > i && L(e.id);
+					let e = A[n + 1];
+					e && e.level > i && R(e.id);
 				}
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), r && s ? I(t.id) : a && L(a);
+				e.preventDefault(), r && s ? L(t.id) : a && R(a);
 				break;
 			case "Home":
-				e.preventDefault(), k[0] && L(k[0].id);
+				e.preventDefault(), A[0] && R(A[0].id);
 				break;
 			case "End": {
 				e.preventDefault();
-				let t = k[k.length - 1];
-				t && L(t.id);
+				let t = A[A.length - 1];
+				t && R(t.id);
 				break;
 			}
 			case "Enter":
 			case " ":
-				e.preventDefault(), R(t.id);
+				e.preventDefault(), z(t.id);
 				break;
 			default:
 				if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {
-					let t = z.current, r = Date.now();
+					let t = B.current, r = Date.now();
 					t.buffer = r - t.at > 500 ? e.key : t.buffer + e.key, t.at = r;
-					let i = t.buffer.toLowerCase(), a = (e) => typeof e.label == "string" && e.label.toLowerCase().startsWith(i), s = p(o, O), c = [...k.slice(n + 1), ...k.slice(0, n + 1)].find((e) => {
+					let i = t.buffer.toLowerCase(), a = (e) => typeof e.label == "string" && e.label.toLowerCase().startsWith(i), s = p(o, k), c = [...A.slice(n + 1), ...A.slice(0, n + 1)].find((e) => {
 						let t = s.get(e.id);
 						return t ? a(t) : !1;
 					});
-					c && L(c.id);
+					c && R(c.id);
 				}
 				break;
 		}
-	}, V = (e, t, n, r) => {
-		let i = !!e.children && e.children.length > 0, a = O.has(e.id), o = M.has(e.id), s = N === e.id, l = e.children?.length ?? 0;
+	}, H = (e, t, n, r) => {
+		let i = !!e.children && e.children.length > 0, a = k.has(e.id), o = N.has(e.id), s = P === e.id, l = e.children?.length ?? 0;
 		return /* @__PURE__ */ c(m, {
 			node: e,
 			level: t,
@@ -115,20 +115,20 @@ function f({ items: o, selectionMode: s = "single", selected: l, defaultSelected
 			isExpanded: a,
 			isSelected: o,
 			isTabbable: s,
-			itemRefs: D,
-			onFocusNode: () => E.value = e.id,
-			onKeyDown: (t) => B(t, e),
+			itemRefs: O,
+			onFocusNode: () => D.value = e.id,
+			onKeyDown: (t) => V(t, e),
 			onActivate: () => {
-				L(e.id), i && (a ? I : F)(e.id), R(e.id);
+				R(e.id), i && (a ? L : I)(e.id), z(e.id);
 			},
-			children: i && e.children.map((e, n) => V(e, t + 1, n + 1, l))
+			children: i && e.children.map((e, n) => H(e, t + 1, n + 1, l))
 		}, e.id);
 	};
 	return /* @__PURE__ */ c("ul", {
 		role: "tree",
-		"aria-label": x ?? b,
+		"aria-label": x ?? b ?? S,
 		className: n(e.tree, y),
-		children: o.map((e, t) => V(e, 1, t + 1, o.length))
+		children: o.map((e, t) => H(e, 1, t + 1, o.length))
 	});
 }
 function p(e, t) {

package/dist/node/virtual-list/virtual-list.js

@@ -4,23 +4,23 @@ import e from "./virtual-list.module.js";
 import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
 import { jsx as i } from "react/jsx-runtime";
 //#region ../components/src/virtual-list/virtual-list.tsx
-function a({ items: a, itemHeight: o, height: s, renderItem: c, overscan: l = 3, ariaLabel: u, className: d }) {
+function a({ items: a, itemHeight: o, height: s, renderItem: c, overscan: l = 3, ariaLabel: u, label: d, className: f }) {
 	r();
-	let f = n(0), p = Math.ceil(s / o), m = Math.floor(f.value / o), h = Math.max(0, m - l), g = Math.min(a.length, m + p + l), _ = a.slice(h, g), v = (e) => {
-		f.value = e.currentTarget.scrollTop;
-	}, y = { blockSize: `${s}px` };
+	let p = n(0), m = Math.ceil(s / o), h = Math.floor(p.value / o), g = Math.max(0, h - l), _ = Math.min(a.length, h + m + l), v = a.slice(g, _), y = (e) => {
+		p.value = e.currentTarget.scrollTop;
+	}, b = { blockSize: `${s}px` };
 	return /* @__PURE__ */ i("div", {
-		className: t(e.viewport, d),
-		style: y,
-		onScroll: v,
+		className: t(e.viewport, f),
+		style: b,
+		onScroll: y,
 		role: "list",
-		"aria-label": u,
+		"aria-label": u ?? d,
 		tabIndex: 0,
 		children: /* @__PURE__ */ i("div", {
 			className: e.canvas,
 			style: { blockSize: `${a.length * o}px` },
-			children: _.map((t, n) => {
-				let r = h + n;
+			children: v.map((t, n) => {
+				let r = g + n;
 				return /* @__PURE__ */ i("div", {
 					role: "listitem",
 					"aria-setsize": a.length,

package/dist/node/wheel-picker/wheel-picker.js

@@ -6,71 +6,71 @@ import { cn as n, useEffectPropSignal as r, useId as i, useSignalEffect as a } f
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/wheel-picker/wheel-picker.tsx
 var c = 120;
-function l({ options: l, value: u, onValueChange: d, visibleCount: f = 5, itemHeight: p = 36, ariaLabel: m, className: h }) {
-	let g = t(null), _ = i(), v = Math.max(0, l.findIndex((e) => e.value === u)), y = t(l);
-	y.current = l;
-	let b = t(d);
-	b.current = d;
-	let x = t(p);
-	x.current = p;
-	let S = t(u);
-	S.current = u;
-	let C = (e, t) => {
-		let n = g.current;
+function l({ options: l, value: u, onValueChange: d, visibleCount: f = 5, itemHeight: p = 36, ariaLabel: m, label: h, className: g }) {
+	let _ = t(null), v = i(), y = Math.max(0, l.findIndex((e) => e.value === u)), b = t(l);
+	b.current = l;
+	let x = t(d);
+	x.current = d;
+	let S = t(p);
+	S.current = p;
+	let C = t(u);
+	C.current = u;
+	let w = (e, t) => {
+		let n = _.current;
 		n && n.scrollTo({
-			top: e * x.current,
+			top: e * S.current,
 			behavior: t ? "smooth" : "instant"
 		});
-	}, w = r(u);
+	}, T = r(u);
 	a(() => {
-		let e = w.value, t = y.current.findIndex((t) => t.value === e);
-		t >= 0 && C(t, !1);
+		let e = T.value, t = b.current.findIndex((t) => t.value === e);
+		t >= 0 && w(t, !1);
 	}), a(() => {
-		let e = g.current;
+		let e = _.current;
 		if (!e) return;
 		let t, n = () => {
 			clearTimeout(t), t = setTimeout(() => {
-				let t = Math.round(e.scrollTop / x.current), n = y.current[t];
-				n && n.value !== S.current && b.current(n.value);
+				let t = Math.round(e.scrollTop / S.current), n = b.current[t];
+				n && n.value !== C.current && x.current(n.value);
 			}, c);
 		};
 		return e.addEventListener("scroll", n, { passive: !0 }), () => {
 			clearTimeout(t), e.removeEventListener("scroll", n);
 		};
 	});
-	let T = (e) => {
+	let E = (e) => {
 		let t = Math.max(0, Math.min(l.length - 1, e)), n = l[t];
-		!n || n.value === u || (d(n.value), C(t, !0));
-	}, E = (e) => {
+		!n || n.value === u || (d(n.value), w(t, !0));
+	}, D = (e) => {
 		let t = {
-			ArrowDown: v + 1,
-			ArrowUp: v - 1,
+			ArrowDown: y + 1,
+			ArrowUp: y - 1,
 			Home: 0,
 			End: l.length - 1,
-			PageDown: v + f,
-			PageUp: v - f
+			PageDown: y + f,
+			PageUp: y - f
 		}[e.key];
-		t !== void 0 && (e.preventDefault(), T(t));
-	}, D = (f - 1) / 2 * p, O = {
+		t !== void 0 && (e.preventDefault(), E(t));
+	}, O = (f - 1) / 2 * p, k = {
 		"--_item-height": `${p}px`,
-		"--_pad": `${D}px`,
+		"--_pad": `${O}px`,
 		"--_column-height": `${f * p}px`
 	};
 	return /* @__PURE__ */ s("div", {
-		className: n(e.root, h),
-		style: O,
+		className: n(e.root, g),
+		style: k,
 		children: [/* @__PURE__ */ o("div", {
-			ref: g,
+			ref: _,
 			role: "listbox",
 			tabIndex: 0,
-			"aria-label": m,
-			"aria-activedescendant": `${_}-${v}`,
+			"aria-label": m ?? h,
+			"aria-activedescendant": `${v}-${y}`,
 			className: e.column,
-			onKeyDown: E,
+			onKeyDown: D,
 			children: l.map((t, n) => /* @__PURE__ */ o("div", {
-				id: `${_}-${n}`,
+				id: `${v}-${n}`,
 				role: "option",
-				"aria-selected": n === v,
+				"aria-selected": n === y,
 				className: e.option,
 				children: t.label
 			}, t.value))

package/dist/number-input/number-input.js

@@ -31,26 +31,26 @@ function h(e) {
 	let n = Number(t);
 	return Number.isFinite(n) ? n : null;
 }
-var g = t(function({ value: t, defaultValue: r, onValueChange: g, onChange: _, min: v, max: y, step: b = 1, precision: x, formatOptions: S, label: C, hint: w, error: T, size: E = "md", disabled: D, incrementLabel: O, decrementLabel: k, className: A, id: j, onFocus: M, onBlur: N, onKeyDown: P, ...F }, I) {
+var g = t(function({ value: t, defaultValue: r, onValueChange: g, min: _, max: v, step: y = 1, precision: b, formatOptions: x, label: S, hint: C, error: w, size: T = "md", disabled: E, incrementLabel: D, decrementLabel: O, className: k, id: A, onFocus: j, onBlur: M, onKeyDown: N, ariaLabel: P, ...F }, I) {
 	o();
-	let L = O ?? c(s.numberInput.increment), R = k ?? c(s.numberInput.decrement), [z, B] = i(d), V = t !== void 0, H = a(r ?? null), U = a(""), W = V ? t : H.value, G = j ?? (C ? `cascade-number-input-${C.toLowerCase().replace(/\s+/g, "-")}` : void 0), K = (e) => {
-		V || (H.value = e), U.value = e == null ? "" : String(e), e !== W && (g ?? _)?.(e);
+	let L = D ?? c(s.numberInput.increment), R = O ?? c(s.numberInput.decrement), [z, B] = i(d), V = t !== void 0, H = a(r ?? null), U = a(""), W = V ? t : H.value, G = A ?? (S ? `cascade-number-input-${S.toLowerCase().replace(/\s+/g, "-")}` : void 0), K = (e) => {
+		V || (H.value = e), U.value = e == null ? "" : String(e), e !== W && g?.(e);
 	}, q = () => {
 		let e = h(U.value);
-		e != null && (e = f(e, v, y), x !== void 0 && (e = m(e, x))), K(e);
+		e != null && (e = f(e, _, v), b !== void 0 && (e = m(e, b))), K(e);
 	}, J = (e) => {
-		let t = (z.value === "focused" ? h(U.value) : W) ?? 0, n = x ?? Math.max(p(b), p(t));
-		K(f(m(t + e * b, n), v, y));
-	}, Y = z.value === "focused" ? U.value : ((e) => e == null ? "" : S ? new Intl.NumberFormat(void 0, S).format(e) : String(e))(W), X = W != null && y !== void 0 && W >= y, Z = W != null && v !== void 0 && W <= v;
+		let t = (z.value === "focused" ? h(U.value) : W) ?? 0, n = b ?? Math.max(p(y), p(t));
+		K(f(m(t + e * y, n), _, v));
+	}, Y = z.value === "focused" ? U.value : ((e) => e == null ? "" : x ? new Intl.NumberFormat(void 0, x).format(e) : String(e))(W), X = W != null && v !== void 0 && W >= v, Z = W != null && _ !== void 0 && W <= _;
 	return /* @__PURE__ */ u("div", {
-		className: n(e.wrapper, A),
-		"data-state": T ? "error" : z.value,
-		"data-size": E,
+		className: n(e.wrapper, k),
+		"data-state": w ? "error" : z.value,
+		"data-size": T,
 		children: [
-			C && /* @__PURE__ */ l("label", {
+			S && /* @__PURE__ */ l("label", {
 				className: e.label,
 				htmlFor: G,
-				children: C
+				children: S
 			}),
 			/* @__PURE__ */ u("div", {
 				className: e.field,
@@ -62,26 +62,27 @@ var g = t(function({ value: t, defaultValue: r, onValueChange: g, onChange: _, m
 					role: "spinbutton",
 					className: e.input,
 					value: Y,
-					disabled: D,
+					disabled: E,
 					"aria-valuenow": W ?? void 0,
-					"aria-valuemin": v,
-					"aria-valuemax": y,
-					"aria-invalid": T ? !0 : void 0,
-					"aria-describedby": T ? `${G}-error` : w ? `${G}-hint` : void 0,
+					"aria-valuemin": _,
+					"aria-valuemax": v,
+					"aria-invalid": w ? !0 : void 0,
+					"aria-describedby": w ? `${G}-error` : C ? `${G}-hint` : void 0,
 					onChange: (e) => {
 						U.value = e.target.value;
 					},
 					onFocus: (e) => {
-						U.value = W == null ? "" : String(W), B("FOCUS"), M?.(e);
+						U.value = W == null ? "" : String(W), B("FOCUS"), j?.(e);
 					},
 					onBlur: (e) => {
-						q(), B("BLUR"), N?.(e);
+						q(), B("BLUR"), M?.(e);
 					},
 					onKeyDown: (e) => {
-						e.key === "ArrowUp" ? (e.preventDefault(), J(1)) : e.key === "ArrowDown" ? (e.preventDefault(), J(-1)) : e.key === "Enter" && q(), P?.(e);
+						e.key === "ArrowUp" ? (e.preventDefault(), J(1)) : e.key === "ArrowDown" ? (e.preventDefault(), J(-1)) : e.key === "Enter" && q(), N?.(e);
 					},
 					ref: I,
-					...F
+					...F,
+					"aria-label": F["aria-label"] ?? P
 				}), /* @__PURE__ */ u("div", {
 					className: e.steppers,
 					children: [/* @__PURE__ */ l("button", {
@@ -89,7 +90,7 @@ var g = t(function({ value: t, defaultValue: r, onValueChange: g, onChange: _, m
 						className: e.stepper,
 						"aria-label": L,
 						tabIndex: -1,
-						disabled: D || X,
+						disabled: E || X,
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: () => J(1),
 						children: /* @__PURE__ */ l("svg", {
@@ -110,7 +111,7 @@ var g = t(function({ value: t, defaultValue: r, onValueChange: g, onChange: _, m
 						className: e.stepper,
 						"aria-label": R,
 						tabIndex: -1,
-						disabled: D || Z,
+						disabled: E || Z,
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: () => J(-1),
 						children: /* @__PURE__ */ l("svg", {
@@ -129,16 +130,16 @@ var g = t(function({ value: t, defaultValue: r, onValueChange: g, onChange: _, m
 					})]
 				})]
 			}),
-			T && /* @__PURE__ */ l("span", {
+			w && /* @__PURE__ */ l("span", {
 				id: `${G}-error`,
 				className: e.error,
 				role: "alert",
-				children: T
+				children: w
 			}),
-			!T && w && /* @__PURE__ */ l("span", {
+			!w && C && /* @__PURE__ */ l("span", {
 				id: `${G}-hint`,
 				className: e.hint,
-				children: w
+				children: C
 			})
 		]
 	});

package/dist/overflow-menu/overflow-menu.js

@@ -37,9 +37,9 @@ function u() {
 		]
 	});
 }
-function d({ items: d, onSelect: f, placement: p = "bottom-end", ariaLabel: m, size: h = "md", disabled: g = !1, className: _ }) {
+function d({ items: d, onSelect: f, placement: p = "bottom-end", ariaLabel: m, label: h, size: g = "md", disabled: _ = !1, className: v }) {
 	r();
-	let v = m ?? a(i.overflowMenu.trigger), y = d.map((e) => {
+	let y = m ?? h ?? a(i.overflowMenu.trigger), b = d.map((e) => {
 		let n = {
 			label: e.label,
 			value: l(e)
@@ -50,17 +50,17 @@ function d({ items: d, onSelect: f, placement: p = "bottom-end", ariaLabel: m, s
 		})] }) : e.icon !== void 0 && (n.icon = e.icon), n;
 	});
 	return /* @__PURE__ */ s("div", {
-		className: n(t.root, _),
+		className: n(t.root, v),
 		children: /* @__PURE__ */ s(e, {
-			items: y,
+			items: b,
 			onSelect: (e) => f?.(e),
 			placement: p,
 			trigger: /* @__PURE__ */ s("button", {
 				type: "button",
 				className: t.trigger,
-				"data-size": h,
-				disabled: g,
-				"aria-label": v,
+				"data-size": g,
+				disabled: _,
+				"aria-label": y,
 				children: /* @__PURE__ */ s(u, {})
 			})
 		})

package/dist/progress/progress.js

@@ -1,15 +1,15 @@
 import e from "./progress.module.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../components/src/progress/progress.tsx
-function n({ value: n, variant: r = "primary", size: i = "md", className: a, ariaLabel: o, ...s }) {
+function n({ value: n, variant: r = "primary", size: i = "md", className: a, ariaLabel: o, label: s, ...c }) {
 	return /* @__PURE__ */ t("progress", {
-		"aria-label": s["aria-label"] ?? o,
+		"aria-label": c["aria-label"] ?? o ?? s,
 		className: [e.progress, a].filter(Boolean).join(" "),
 		"data-variant": r,
 		"data-size": i,
 		value: n,
 		max: n === void 0 ? void 0 : 100,
-		...s
+		...c
 	});
 }
 //#endregion

package/dist/progress-circle/progress-circle.js

@@ -3,17 +3,17 @@ import { cn as t } from "@cascivo/core/pure";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/progress-circle/progress-circle.tsx
 var i = 20, a = 2 * Math.PI * i;
-function o({ value: o, max: s = 100, size: c = "md", showValue: l = !1, label: u, className: d, ...f }) {
-	let p = Math.min(Math.max(o, 0), s), m = s > 0 ? p / s * 100 : 0, h = a * (1 - m / 100);
+function o({ value: o, max: s = 100, size: c = "md", showValue: l = !1, label: u, ariaLabel: d, className: f, ...p }) {
+	let m = Math.min(Math.max(o, 0), s), h = s > 0 ? m / s * 100 : 0, g = a * (1 - h / 100);
 	return /* @__PURE__ */ r("div", {
 		role: "progressbar",
 		"aria-valuemin": 0,
 		"aria-valuemax": s,
-		"aria-valuenow": p,
-		"aria-label": u,
+		"aria-valuenow": m,
+		"aria-label": d ?? u,
 		"data-size": c,
-		className: t(e.progressCircle, d),
-		...f,
+		className: t(e.progressCircle, f),
+		...p,
 		children: [/* @__PURE__ */ r("svg", {
 			viewBox: "0 0 48 48",
 			"aria-hidden": "true",
@@ -34,11 +34,11 @@ function o({ value: o, max: s = 100, size: c = "md", showValue: l = !1, label: u
 				strokeWidth: "4",
 				strokeLinecap: "round",
 				strokeDasharray: a,
-				strokeDashoffset: h
+				strokeDashoffset: g
 			})]
 		}), l && /* @__PURE__ */ r("span", {
 			className: e.value,
-			children: [Math.round(m), "%"]
+			children: [Math.round(h), "%"]
 		})]
 	});
 }

package/dist/progress-indicator/progress-indicator.js

@@ -26,7 +26,7 @@ function i({ steps: i, currentIndex: a, vertical: o = !1, className: s }) {
 						children: t.description
 					})]
 				})]
-			}, i);
+			}, t.id ?? i);
 		})
 	});
 }

package/dist/qr-code/qr-code.js

@@ -7,31 +7,31 @@ import { builtin as i, t as a } from "@cascivo/i18n";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/qr-code/qr-code.tsx
 var c = 4;
-function l({ value: l, size: u = 128, errorCorrection: d = "M", radius: f, fill: p = "currentColor", background: m = "transparent", label: h, className: g, style: _, ...v }) {
+function l({ value: l, size: u = 128, errorCorrection: d = "M", radius: f, fill: p = "currentColor", background: m = "transparent", label: h, ariaLabel: g, className: _, style: v, ...y }) {
 	if (r(), !l) return null;
-	let y = e(l, d), b = y.length + c * 2, x = "";
-	for (let e = 0; e < y.length; e++) for (let t = 0; t < y.length; t++) y[e][t] && (x += `M${t + c},${e + c}h1v1h-1z`);
+	let b = e(l, d), x = b.length + c * 2, S = "";
+	for (let e = 0; e < b.length; e++) for (let t = 0; t < b.length; t++) b[e][t] && (S += `M${t + c},${e + c}h1v1h-1z`);
 	return /* @__PURE__ */ o("div", {
-		className: n(t.qrCode, g),
+		className: n(t.qrCode, _),
 		style: {
 			inlineSize: u,
 			blockSize: u,
 			borderRadius: f,
-			..._
+			...v
 		},
-		...v,
+		...y,
 		children: /* @__PURE__ */ s("svg", {
 			className: t.svg,
 			role: "img",
-			"aria-label": h ?? a(i.qrCode.label),
-			viewBox: `0 0 ${b} ${b}`,
+			"aria-label": g ?? h ?? a(i.qrCode.label),
+			viewBox: `0 0 ${x} ${x}`,
 			shapeRendering: "crispEdges",
 			children: [/* @__PURE__ */ o("rect", {
-				width: b,
-				height: b,
+				width: x,
+				height: x,
 				fill: m
 			}), /* @__PURE__ */ o("path", {
-				d: x,
+				d: S,
 				fill: p
 			})]
 		})

package/dist/radial-progress/radial-progress.js

@@ -2,24 +2,24 @@ import e from "./radial-progress.module.js";
 import { useId as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../components/src/radial-progress/radial-progress.tsx
-function r({ value: r, size: i = "md", variant: a = "primary", children: o, className: s, ariaLabel: c, ...l }) {
-	let u = Math.min(100, Math.max(0, r)), d = t();
+function r({ value: r, size: i = "md", variant: a = "primary", children: o, className: s, ariaLabel: c, label: l, ...u }) {
+	let d = Math.min(100, Math.max(0, r)), f = t(), p = c ?? l;
 	return /* @__PURE__ */ n("div", {
 		role: "progressbar",
-		"aria-valuenow": u,
+		"aria-valuenow": d,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
-		"aria-labelledby": c ?? l["aria-label"] ? void 0 : d,
+		"aria-labelledby": p ?? u["aria-label"] ? void 0 : f,
 		className: [e.radialProgress, s].filter(Boolean).join(" "),
 		"data-size": i,
 		"data-variant": a,
-		style: { "--cascivo-radial-progress": u },
-		...l,
-		...c === void 0 ? {} : { "aria-label": c },
+		style: { "--cascivo-radial-progress": d },
+		...u,
+		...p === void 0 ? {} : { "aria-label": p },
 		children: /* @__PURE__ */ n("span", {
-			id: d,
+			id: f,
 			className: e.label,
-			children: o ?? `${u}%`
+			children: o ?? `${d}%`
 		})
 	});
 }