@cascivo/react 0.18.0 → 1.0.0

package/dist/node/fab/fab.js

@@ -5,57 +5,57 @@ import { useId as t, useRef as n } from "react";
 import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, useControllableSignal as s, useRovingFocus as c, useSignalEffect as l, useSignals as u } from "@cascivo/core";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../components/src/fab/fab.tsx
-function p({ children: p, label: m, onClick: h, actions: g, position: _ = "bottom-end", open: v, defaultOpen: y, onOpenChange: b, className: x }) {
+function p({ children: p, ariaLabel: m, label: h, onClick: g, actions: _, position: v = "bottom-end", open: y, defaultOpen: b, onOpenChange: x, className: S }) {
 	u();
-	let S = g != null && g.length > 0, [C, w] = s({
-		value: v,
-		defaultValue: y ?? !1,
-		onChange: b
-	}), T = c({
+	let C = _ != null && _.length > 0, [w, T] = s({
+		value: y,
+		defaultValue: b ?? !1,
+		onChange: x
+	}), E = c({
 		orientation: "vertical",
 		loop: !0
-	}), E = n(null), D = n(null), O = t(), k = n(!1);
+	}), D = n(null), O = n(null), k = t(), A = n(!1);
 	l(() => {
-		let e = S && C.value;
-		e && !k.current ? D.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && k.current && o(E.current), k.current = e;
+		let e = C && w.value;
+		e && !A.current ? O.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && A.current && o(D.current), A.current = e;
 	});
-	let A = (e) => {
-		e.disabled || (e.onSelect(), w(!1));
-	}, j = /* @__PURE__ */ d("button", {
-		ref: E,
+	let j = (e) => {
+		e.disabled || (e.onSelect(), T(!1));
+	}, M = /* @__PURE__ */ d("button", {
+		ref: D,
 		type: "button",
-		"aria-label": m,
+		"aria-label": h ?? m,
 		className: e.fab,
-		...S ? {
+		...C ? {
 			"aria-haspopup": "menu",
-			"aria-expanded": C.value,
-			"aria-controls": O,
-			"data-state": C.value ? "open" : "closed",
-			onClick: () => w(!C.value)
-		} : { onClick: h },
+			"aria-expanded": w.value,
+			"aria-controls": k,
+			"data-state": w.value ? "open" : "closed",
+			onClick: () => T(!w.value)
+		} : { onClick: g },
 		children: /* @__PURE__ */ d("span", {
 			className: e.icon,
 			"aria-hidden": "true",
 			children: p
 		})
 	});
-	return S ? /* @__PURE__ */ d(r, {
-		onDismiss: () => w(!1),
-		escapeDismisses: C.value,
-		disableOutsidePointer: !C.value,
+	return C ? /* @__PURE__ */ d(r, {
+		onDismiss: () => T(!1),
+		escapeDismisses: w.value,
+		disableOutsidePointer: !w.value,
 		children: /* @__PURE__ */ f("div", {
-			className: a(e.root, x),
-			"data-position": _,
+			className: a(e.root, S),
+			"data-position": v,
 			children: [/* @__PURE__ */ d(i, {
-				present: C,
+				present: w,
 				children: /* @__PURE__ */ d("menu", {
-					ref: D,
-					id: O,
+					ref: O,
+					id: k,
 					role: "menu",
-					"aria-label": m,
+					"aria-label": h ?? m,
 					className: e.dial,
-					children: g.map((t, n) => {
-						let r = T.getItemProps(n);
+					children: _.map((t, n) => {
+						let r = E.getItemProps(n);
 						return /* @__PURE__ */ d("li", {
 							role: "presentation",
 							className: e.dialItem,
@@ -68,7 +68,7 @@ function p({ children: p, label: m, onClick: h, actions: g, position: _ = "botto
 								className: e.action,
 								onKeyDown: r.onKeyDown,
 								onFocus: r.onFocus,
-								onClick: () => A(t),
+								onClick: () => j(t),
 								children: [/* @__PURE__ */ d("span", {
 									className: e.actionLabel,
 									children: t.label
@@ -81,12 +81,12 @@ function p({ children: p, label: m, onClick: h, actions: g, position: _ = "botto
 						}, t.id ?? n);
 					})
 				})
-			}), j]
+			}), M]
 		})
 	}) : /* @__PURE__ */ d("div", {
-		className: a(e.root, x),
-		"data-position": _,
-		children: j
+		className: a(e.root, S),
+		"data-position": v,
+		children: M
 	});
 }
 //#endregion

package/dist/node/field/field.js

@@ -13,34 +13,41 @@ function d(e, t) {
 	let n = String(e);
 	l.has(n) || (l.add(n), console.warn(`cascivo Field: both the Field and its child control define a \`label\` (${n}). Omit the child's \`label\` inside a Field — it renders a second <label> for the same control. The Field owns the label.`));
 }
-function f({ label: l, description: u, error: f, required: p = !1, disabled: m = !1, id: h, children: g, className: _ }) {
-	let v = r("cascade-field"), y = h ?? v, b = `${y}-description`, x = `${y}-error`, S = [u ? b : null, f ? x : null].filter(Boolean).join(" ") || void 0, C = { id: y };
-	S && (C["aria-describedby"] = S), f && (C["aria-invalid"] = !0), (m || g.props.disabled) && (C.disabled = !0), o(g) && d(l, g);
-	let w = o(g) ? a(i.only(g), C) : g;
+var f = /* @__PURE__ */ new Set();
+function p(e, t) {
+	if (!u() || e == null || t.props.hint == null) return;
+	let n = String(e);
+	f.has(n) || (f.add(n), console.warn(`cascivo Field: both the Field and its child control define supporting text (${n}). Omit the child's \`hint\` inside a Field — the Field owns it, and only the Field's is wired into aria-describedby.`));
+}
+function m({ label: l, description: u, hint: f, error: m, required: h = !1, disabled: g = !1, id: _, children: v, className: y }) {
+	let b = u ?? f, x = r("cascade-field"), S = _ ?? x, C = `${S}-description`, w = `${S}-error`, T = `${S}-label`, E = [b ? C : null, m ? w : null].filter(Boolean).join(" ") || void 0, D = { id: S };
+	l != null && (D["aria-labelledby"] = T), E && (D["aria-describedby"] = E), m && (D["aria-invalid"] = !0), (g || v.props.disabled) && (D.disabled = !0), o(v) && (d(l, v), p(b, v));
+	let O = o(v) ? a(i.only(v), D) : v;
 	return /* @__PURE__ */ c("div", {
-		className: n(t.field, _),
-		"data-disabled": m ? "" : void 0,
+		className: n(t.field, y),
+		"data-disabled": g ? "" : void 0,
 		children: [
 			l && /* @__PURE__ */ s(e, {
-				htmlFor: y,
-				required: p,
-				disabled: m,
+				id: T,
+				htmlFor: S,
+				required: h,
+				disabled: g,
 				children: l
 			}),
-			w,
-			u && /* @__PURE__ */ s("p", {
-				id: b,
+			O,
+			b && /* @__PURE__ */ s("p", {
+				id: C,
 				className: t.description,
-				children: u
+				children: b
 			}),
-			f && /* @__PURE__ */ s("p", {
-				id: x,
+			m && /* @__PURE__ */ s("p", {
+				id: w,
 				role: "alert",
 				className: t.error,
-				children: f
+				children: m
 			})
 		]
 	});
 }
 //#endregion
-export { f as Field };
+export { m as Field };

package/dist/node/file-uploader/file-uploader.js

@@ -14,58 +14,59 @@ function u(e, t) {
 function d(e) {
 	return e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : e >= 1024 ? `${(e / 1024).toFixed(1)} KB` : `${e} B`;
 }
-function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, accept: g, maxSize: _, onRejected: v, label: y, hint: b, labels: x, disabled: S = !1, className: C }) {
+function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, accept: g, maxSize: _, onRejected: v, label: y, ariaLabel: b, hint: x, labels: S, disabled: C = !1, className: w }) {
 	a();
-	let w = n(null), T = i(!1), E = y ?? x?.label ?? s(o.fileUploader.label), D = x?.drop ?? s(o.fileUploader.drop), O = x?.uploading ?? s(o.fileUploader.uploading), k = x?.complete ?? s(o.fileUploader.complete), A = x?.error ?? s(o.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
+	let T = n(null), E = i(!1), D = y ?? S?.label ?? s(o.fileUploader.label), O = S?.drop ?? s(o.fileUploader.drop), k = S?.uploading ?? s(o.fileUploader.uploading), A = S?.complete ?? s(o.fileUploader.complete), j = S?.error ?? s(o.fileUploader.error), M = (e) => S?.remove ? S.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), N = `cascade-uploader-${D.toLowerCase().replace(/\s+/g, "-")}`, P = `${N}-label`, F = `${N}-hint`, I = (e) => {
 		if (!e || e.length === 0) return;
 		let t = h ? Array.from(e) : Array.from(e).slice(0, 1), n = [], r = [], i = [];
 		for (let e of t) g && !u(e, g) ? r.push(e) : _ !== void 0 && e.size > _ ? i.push(e) : n.push(e);
 		r.length > 0 && v?.(r, "type"), i.length > 0 && v?.(i, "size"), n.length > 0 && p?.(n);
 	};
 	return /* @__PURE__ */ l("div", {
-		className: r(t.uploader, C),
+		className: r(t.uploader, w),
 		children: [
 			/* @__PURE__ */ c("span", {
-				id: N,
+				id: P,
 				className: t.label,
-				children: E
+				children: D
 			}),
 			/* @__PURE__ */ c("input", {
-				ref: w,
+				ref: T,
 				type: "file",
 				className: t.input,
 				tabIndex: -1,
 				"aria-hidden": "true",
 				multiple: h,
 				accept: g,
-				disabled: S,
+				disabled: C,
 				onChange: (e) => {
-					F(e.target.files), e.target.value = "";
+					I(e.target.files), e.target.value = "";
 				}
 			}),
 			/* @__PURE__ */ c("button", {
 				type: "button",
 				className: t.zone,
-				"data-state": T.value ? "dragover" : "idle",
-				disabled: S,
-				"aria-describedby": b ? `${N} ${P}` : N,
-				onClick: () => w.current?.click(),
+				"data-state": E.value ? "dragover" : "idle",
+				disabled: C,
+				"aria-label": b,
+				"aria-describedby": x ? `${P} ${F}` : P,
+				onClick: () => T.current?.click(),
 				onDragEnter: (e) => {
-					e.preventDefault(), S || (T.value = !0);
+					e.preventDefault(), C || (E.value = !0);
 				},
 				onDragOver: (e) => e.preventDefault(),
 				onDragLeave: () => {
-					T.value = !1;
+					E.value = !1;
 				},
 				onDrop: (e) => {
-					e.preventDefault(), T.value = !1, !S && F(e.dataTransfer.files);
+					e.preventDefault(), E.value = !1, !C && I(e.dataTransfer.files);
 				},
-				children: D
+				children: O
 			}),
-			b && /* @__PURE__ */ c("span", {
-				id: P,
+			x && /* @__PURE__ */ c("span", {
+				id: F,
 				className: t.hint,
-				children: b
+				children: x
 			}),
 			f.length > 0 && /* @__PURE__ */ c("ul", {
 				className: t.list,
@@ -79,16 +80,16 @@ function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, acce
 							children: [
 								n.status === "uploading" && /* @__PURE__ */ c(e, {
 									size: "sm",
-									label: O
+									label: k
 								}),
 								n.status === "complete" && /* @__PURE__ */ c("span", {
 									className: t["glyph-complete"],
-									"aria-label": k,
+									"aria-label": A,
 									children: "✓"
 								}),
 								n.status === "error" && /* @__PURE__ */ c("span", {
 									className: t["glyph-error"],
-									"aria-label": A,
+									"aria-label": j,
 									children: "✕"
 								})
 							]
@@ -104,7 +105,7 @@ function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, acce
 						/* @__PURE__ */ c("button", {
 							type: "button",
 							className: t.remove,
-							"aria-label": j(n.name),
+							"aria-label": M(n.name),
 							onClick: () => m?.(n.id),
 							children: "✕"
 						}),

package/dist/node/filter/filter.js

@@ -4,29 +4,29 @@ import e from "./filter.module.js";
 import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
 import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/filter/filter.tsx
-function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, onChange: c, multi: l = !1, variant: u = "pill", className: d, ariaLabel: f, ...p }) {
+function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, multi: c = !1, multiple: l, variant: u = "pill", className: d, ariaLabel: f, label: p, ...m }) {
 	n();
-	let [m, h] = t({
+	let h = l ?? c, [g, _] = t({
 		value: a,
 		defaultValue: o,
-		onChange: s ?? c
+		onChange: s
 	});
-	function g(e) {
-		let t = m.value, n;
-		n = l ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], h(n);
+	function v(e) {
+		let t = g.value, n;
+		n = h ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], _(n);
 	}
 	return /* @__PURE__ */ r("div", {
 		role: "group",
 		className: [e.filter, d].filter(Boolean).join(" "),
 		"data-variant": u,
-		"aria-label": p["aria-label"] ?? f,
-		...p,
+		"aria-label": m["aria-label"] ?? f ?? p,
+		...m,
 		children: i.map((t) => /* @__PURE__ */ r("button", {
 			type: "button",
 			className: e.item,
-			"data-selected": m.value.includes(t.value) || void 0,
-			onClick: () => g(t.value),
-			"aria-pressed": m.value.includes(t.value),
+			"data-selected": g.value.includes(t.value) || void 0,
+			onClick: () => v(t.value),
+			"aria-pressed": g.value.includes(t.value),
 			children: t.label
 		}, t.value))
 	});

package/dist/node/input/input.js

@@ -11,40 +11,41 @@ var s = r({
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-}), c = t(function({ label: t, hint: r, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }, h) {
-	let [g, _] = i(s), v = d ?? (t ? `cascade-input-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+}), c = t(function({ label: t, hint: r, error: c, size: l = "md", ariaLabel: u, className: d, id: f, onFocus: p, onBlur: m, ...h }, g) {
+	let [_, v] = i(s), y = f ?? (t ? `cascade-input-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0);
 	return /* @__PURE__ */ o("div", {
-		className: n(e.wrapper, u),
-		"data-state": c ? "error" : g.value,
+		className: n(e.wrapper, d),
+		"data-state": c ? "error" : _.value,
 		"data-size": l,
 		children: [
 			t && /* @__PURE__ */ a("label", {
 				className: e.label,
-				htmlFor: v,
+				htmlFor: y,
 				children: t
 			}),
 			/* @__PURE__ */ a("input", {
-				ref: h,
-				id: v,
+				ref: g,
+				id: y,
 				className: e.input,
 				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${v}-error` : r ? `${v}-hint` : void 0,
+				"aria-describedby": c ? `${y}-error` : r ? `${y}-hint` : void 0,
 				onFocus: (e) => {
-					_("FOCUS"), f?.(e);
+					v("FOCUS"), p?.(e);
 				},
 				onBlur: (e) => {
-					_("BLUR"), p?.(e);
+					v("BLUR"), m?.(e);
 				},
-				...m
+				...h,
+				"aria-label": h["aria-label"] ?? u
 			}),
 			c && /* @__PURE__ */ a("span", {
-				id: `${v}-error`,
+				id: `${y}-error`,
 				className: e.error,
 				role: "alert",
 				children: c
 			}),
 			!c && r && /* @__PURE__ */ a("span", {
-				id: `${v}-hint`,
+				id: `${y}-hint`,
 				className: e.hint,
 				children: r
 			})

package/dist/node/navigation-menu/navigation-menu.js

@@ -5,24 +5,24 @@ import { useId as t, useRef as n } from "react";
 import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, getLinkComponent as s, useAnchorPosition as c, useRovingFocus as l, useSignal as u, useSignals as d } from "@cascivo/core";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region ../components/src/navigation-menu/navigation-menu.tsx
-function m({ items: n, "aria-label": r, ariaLabel: i, orientation: o = "horizontal", className: s }) {
+function m({ items: n, "aria-label": r, ariaLabel: i, label: o, orientation: s = "horizontal", className: c }) {
 	d();
-	let c = t(), p = u(null), m = l({
-		orientation: o,
+	let p = t(), m = u(null), g = l({
+		orientation: s,
 		loop: !0
 	});
 	return /* @__PURE__ */ f("nav", {
-		"aria-label": i ?? r,
-		className: a(e.nav, s),
-		"data-orientation": o,
+		"aria-label": i ?? r ?? o,
+		className: a(e.nav, c),
+		"data-orientation": s,
 		children: /* @__PURE__ */ f("ul", {
 			role: "list",
 			className: e.list,
 			children: n.map((e, t) => /* @__PURE__ */ f(h, {
 				item: e,
-				baseId: c,
-				openId: p,
-				itemProps: m.getItemProps(t)
+				baseId: p,
+				openId: m,
+				itemProps: g.getItemProps(t)
 			}, e.id))
 		})
 	});

package/dist/node/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/node/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/node/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/node/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/node/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);
 		})
 	});
 }