@cascivo/react 0.17.1 → 1.0.0

package/dist/node/side-nav/side-nav.js

@@ -141,31 +141,31 @@ function b({ item: e }) {
 		}, t))]
 	})] });
 }
-function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onCollapsedChange: x, ariaLabel: S, collapseLabel: C, expandLabel: w, expandOnHover: T = !1, showCollapseToggle: E = !0, header: D, footer: O, className: k }) {
+function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onCollapsedChange: x, ariaLabel: S, label: C, collapseLabel: w, expandLabel: T, expandOnHover: E = !1, showCollapseToggle: D = !0, header: O, footer: k, className: A }) {
 	u();
-	let A = S ?? f(d.sideNav.nav), j = C ?? f(d.sideNav.collapse), M = w ?? f(d.sideNav.expand), N = i(), [P] = c({
+	let j = S ?? C ?? f(d.sideNav.nav), M = w ?? f(d.sideNav.collapse), N = T ?? f(d.sideNav.expand), P = i(), [F] = c({
 		value: o,
 		defaultValue: _
-	}), F = r ?? (t ? [{ items: t }] : [{ items: [] }]), I = l(F.flatMap((e) => e.items).filter((e) => e.items?.some((e) => g(e) && e.active)).map((e) => e.label)), L = (e) => {
-		let t = I.value;
-		I.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
-	}, R = () => {
-		let e = !P.value;
-		o === void 0 && (P.value = e), x?.(e);
-	}, z = P.value;
+	}), I = r ?? (t ? [{ items: t }] : [{ items: [] }]), L = l(I.flatMap((e) => e.items).filter((e) => e.items?.some((e) => g(e) && e.active)).map((e) => e.label)), R = (e) => {
+		let t = L.value;
+		L.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
+	}, z = () => {
+		let e = !F.value;
+		o === void 0 && (F.value = e), x?.(e);
+	}, B = F.value;
 	return /* @__PURE__ */ h("nav", {
-		"aria-label": A,
-		"data-state": z ? "collapsed" : "expanded",
-		"data-expand-on-hover": z && T ? "" : void 0,
-		className: a(n.sideNav, k),
+		"aria-label": j,
+		"data-state": B ? "collapsed" : "expanded",
+		"data-expand-on-hover": B && E ? "" : void 0,
+		className: a(n.sideNav, A),
 		children: [
-			D && /* @__PURE__ */ m("div", {
+			O && /* @__PURE__ */ m("div", {
 				className: n.header,
-				children: D
+				children: O
 			}),
 			/* @__PURE__ */ m("ul", {
 				className: n.list,
-				children: F.map((t, r) => /* @__PURE__ */ h("li", {
+				children: I.map((t, r) => /* @__PURE__ */ h("li", {
 					className: n.group,
 					children: [t.label && /* @__PURE__ */ m("h3", {
 						className: n.groupLabel,
@@ -175,22 +175,22 @@ function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onColl
 						children: t.items.map((t, i) => {
 							let a = `${r}-${i}`;
 							if (t.items) {
-								if (z && !T) return /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(b, { item: t }) }, t.id ?? a);
-								let e = I.value.includes(t.label), r = `${N}-group-${a}`;
+								if (B && !E) return /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(b, { item: t }) }, t.id ?? a);
+								let e = L.value.includes(t.label), r = `${P}-group-${a}`;
 								return /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("button", {
 									type: "button",
 									"aria-expanded": e,
 									"aria-controls": r,
-									"aria-label": z ? t.label : void 0,
+									"aria-label": B ? t.label : void 0,
 									"data-state": e ? "open" : "closed",
 									className: n.groupTrigger,
-									onClick: () => L(t.label),
+									onClick: () => R(t.label),
 									children: [
 										t.icon ? /* @__PURE__ */ m("span", {
 											className: n.icon,
 											"aria-hidden": "true",
 											children: t.icon
-										}) : z ? /* @__PURE__ */ m("span", {
+										}) : B ? /* @__PURE__ */ m("span", {
 											className: n.fallbackIcon,
 											"data-fallback-icon": !0,
 											"aria-hidden": "true",
@@ -198,7 +198,7 @@ function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onColl
 										}) : null,
 										/* @__PURE__ */ m("span", {
 											className: n.label,
-											"data-rail-hidden": z || void 0,
+											"data-rail-hidden": B || void 0,
 											children: t.label
 										}),
 										/* @__PURE__ */ m("svg", {
@@ -238,7 +238,7 @@ function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onColl
 									className: n.icon,
 									"aria-hidden": "true",
 									children: t.icon
-								}) : z ? /* @__PURE__ */ m("span", {
+								}) : B ? /* @__PURE__ */ m("span", {
 									className: n.fallbackIcon,
 									"data-fallback-icon": !0,
 									"aria-hidden": "true",
@@ -246,18 +246,18 @@ function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onColl
 								}) : null,
 								/* @__PURE__ */ m("span", {
 									className: n.label,
-									"data-rail-hidden": z || void 0,
+									"data-rail-hidden": B || void 0,
 									children: t.label
 								}),
 								t.trailing == null ? null : /* @__PURE__ */ m("span", {
 									className: n.trailing,
-									"data-rail-hidden": z || void 0,
+									"data-rail-hidden": B || void 0,
 									children: t.trailing
 								})
 							] }), c = t.tone && t.tone !== "default" ? t.tone : void 0, l = {
 								href: t.disabled ? void 0 : t.href,
 								"aria-current": t.active ? "page" : void 0,
-								"aria-label": z ? t.label : void 0,
+								"aria-label": B ? t.label : void 0,
 								"aria-disabled": t.disabled || void 0,
 								tabIndex: t.disabled ? -1 : void 0,
 								"data-state": t.active ? "active" : void 0,
@@ -274,7 +274,7 @@ function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onColl
 							if (t.render) return /* @__PURE__ */ m("li", {
 								className: n.customItem,
 								children: t.render({
-									collapsed: z,
+									collapsed: B,
 									children: o,
 									linkProps: l
 								})
@@ -282,7 +282,7 @@ function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onColl
 							let u = s(), d = t.onClick && !t.href ? /* @__PURE__ */ m("button", {
 								type: "button",
 								"aria-current": t.active ? "page" : void 0,
-								"aria-label": z ? t.label : void 0,
+								"aria-label": B ? t.label : void 0,
 								"data-state": t.active ? "active" : void 0,
 								"data-tone": c,
 								className: n.link,
@@ -293,24 +293,24 @@ function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onColl
 								...l,
 								children: o
 							});
-							return /* @__PURE__ */ m("li", { children: z && !T ? /* @__PURE__ */ m(e, {
+							return /* @__PURE__ */ m("li", { children: B && !E ? /* @__PURE__ */ m(e, {
 								content: t.label,
 								placement: "right",
 								children: d
 							}) : d }, t.id ?? a);
 						})
 					})]
-				}, r))
+				}, t.id ?? r))
 			}),
-			O && /* @__PURE__ */ m("div", {
+			k && /* @__PURE__ */ m("div", {
 				className: n.footer,
-				children: O
+				children: k
 			}),
-			E && /* @__PURE__ */ m("button", {
+			D && /* @__PURE__ */ m("button", {
 				type: "button",
-				"aria-label": z ? M : j,
+				"aria-label": B ? N : M,
 				className: n.collapseToggle,
-				onClick: R,
+				onClick: z,
 				children: /* @__PURE__ */ m("svg", {
 					viewBox: "0 0 16 16",
 					width: "14",

package/dist/node/side-nav/side-nav.module.js

@@ -1,31 +1,31 @@
 var e = {
-	sideNav: "_sideNav_1v53b_2",
-	label: "_label_1v53b_24",
-	trailing: "_trailing_1v53b_25",
-	groupIndicator: "_groupIndicator_1v53b_29",
-	link: "_link_1v53b_50",
-	groupTrigger: "_groupTrigger_1v53b_51",
-	fallbackIcon: "_fallbackIcon_1v53b_60",
-	list: "_list_1v53b_67",
-	sublistInner: "_sublistInner_1v53b_68",
-	groupItems: "_groupItems_1v53b_69",
-	group: "_group_1v53b_29",
-	groupLabel: "_groupLabel_1v53b_84",
-	checkMark: "_checkMark_1v53b_185",
-	icon: "_icon_1v53b_191",
-	sublist: "_sublist_1v53b_68",
-	sublink: "_sublink_1v53b_251",
-	subSeparator: "_subSeparator_1v53b_263",
-	subGroupLabel: "_subGroupLabel_1v53b_270",
-	header: "_header_1v53b_282",
-	footer: "_footer_1v53b_289",
-	customItem: "_customItem_1v53b_296",
-	collapseToggle: "_collapseToggle_1v53b_301",
-	collapseIcon: "_collapseIcon_1v53b_327",
-	railFlyout: "_railFlyout_1v53b_336",
-	railFlyoutCaption: "_railFlyoutCaption_1v53b_368",
-	flyoutItem: "_flyoutItem_1v53b_378",
-	flyoutSeparator: "_flyoutSeparator_1v53b_383"
+	sideNav: "_sideNav_uayvm_2",
+	label: "_label_uayvm_24",
+	trailing: "_trailing_uayvm_25",
+	groupIndicator: "_groupIndicator_uayvm_29",
+	link: "_link_uayvm_50",
+	groupTrigger: "_groupTrigger_uayvm_51",
+	fallbackIcon: "_fallbackIcon_uayvm_60",
+	list: "_list_uayvm_67",
+	sublistInner: "_sublistInner_uayvm_68",
+	groupItems: "_groupItems_uayvm_69",
+	group: "_group_uayvm_29",
+	groupLabel: "_groupLabel_uayvm_84",
+	checkMark: "_checkMark_uayvm_185",
+	icon: "_icon_uayvm_191",
+	sublist: "_sublist_uayvm_68",
+	sublink: "_sublink_uayvm_251",
+	subSeparator: "_subSeparator_uayvm_263",
+	subGroupLabel: "_subGroupLabel_uayvm_270",
+	header: "_header_uayvm_282",
+	footer: "_footer_uayvm_289",
+	customItem: "_customItem_uayvm_297",
+	collapseToggle: "_collapseToggle_uayvm_302",
+	collapseIcon: "_collapseIcon_uayvm_328",
+	railFlyout: "_railFlyout_uayvm_337",
+	railFlyoutCaption: "_railFlyoutCaption_uayvm_369",
+	flyoutItem: "_flyoutItem_uayvm_379",
+	flyoutSeparator: "_flyoutSeparator_uayvm_384"
 };
 //#endregion
 export { e as default };

package/dist/node/slider/slider.js

@@ -3,25 +3,26 @@ import { cn as t } from "@cascivo/core/pure";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../components/src/slider/slider.tsx
-var a = n(function({ label: n, className: a, id: o, min: s = 0, max: c = 100, step: l = 1, disabled: u, ...d }, f) {
-	let p = o ?? (n ? `cascade-slider-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+var a = n(function({ label: n, ariaLabel: a, className: o, id: s, min: c = 0, max: l = 100, step: u = 1, disabled: d, ...f }, p) {
+	let m = s ?? (n ? `cascade-slider-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
 	return /* @__PURE__ */ i("div", {
-		className: t(e.wrapper, a),
-		"data-disabled": u || void 0,
+		className: t(e.wrapper, o),
+		"data-disabled": d || void 0,
 		children: [n && /* @__PURE__ */ r("label", {
 			className: e.label,
-			htmlFor: p,
+			htmlFor: m,
 			children: n
 		}), /* @__PURE__ */ r("input", {
-			id: p,
+			id: m,
 			type: "range",
-			min: s,
-			max: c,
-			step: l,
-			disabled: u,
+			min: c,
+			max: l,
+			step: u,
+			disabled: d,
 			className: e.slider,
-			ref: f,
-			...d
+			ref: p,
+			...f,
+			"aria-label": f["aria-label"] ?? a
 		})]
 	});
 });

package/dist/node/spinner/spinner.js

@@ -5,13 +5,13 @@ import { cn as t, useSignals as n } from "@cascivo/core";
 import { builtin as r, t as i } from "@cascivo/i18n";
 import { jsx as a } from "react/jsx-runtime";
 //#region ../components/src/spinner/spinner.tsx
-function o({ size: o = "md", label: s, className: c, ...l }) {
+function o({ size: o = "md", label: s, ariaLabel: c, className: l, ...u }) {
 	return n(), /* @__PURE__ */ a("span", {
 		role: "status",
-		"aria-label": s ?? i(r.spinner.label),
+		"aria-label": c ?? s ?? i(r.spinner.label),
 		"data-size": o,
-		className: t(e.spinner, c),
-		...l
+		className: t(e.spinner, l),
+		...u
 	});
 }
 //#endregion

package/dist/node/steps/steps.js

@@ -5,17 +5,17 @@ import { normalizeProgress as t, useSignal as n, useSignals as r } from "@casciv
 import { builtin as i, t as a } from "@cascivo/i18n";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/steps/steps.tsx
-function c({ steps: c, activeStep: l, orientation: u = "horizontal", className: d, ariaLabel: f }) {
+function c({ steps: c, items: l, activeStep: u, orientation: d = "horizontal", className: f, ariaLabel: p, label: m }) {
 	r();
-	let p = n(l ?? 0);
-	p.value = l ?? p.value;
-	let m = f ?? a(i.steps.label);
+	let h = l ?? c ?? [], g = n(u ?? 0);
+	g.value = u ?? g.value;
+	let _ = p ?? m ?? a(i.steps.label);
 	return /* @__PURE__ */ o("ol", {
-		className: [e.steps, d].filter(Boolean).join(" "),
-		"data-orientation": u,
-		"aria-label": m,
-		children: c.map((n, r) => {
-			let i = n.state ? t(n.state) : r < p.value ? "complete" : r === p.value ? "active" : "pending";
+		className: [e.steps, f].filter(Boolean).join(" "),
+		"data-orientation": d,
+		"aria-label": _,
+		children: h.map((n, r) => {
+			let i = n.state ? t(n.state) : r < g.value ? "complete" : r === g.value ? "active" : "pending";
 			return /* @__PURE__ */ s("li", {
 				className: e.step,
 				"data-state": i,
@@ -27,7 +27,7 @@ function c({ steps: c, activeStep: l, orientation: u = "horizontal", className:
 					className: e.label,
 					children: n.label
 				})]
-			}, r);
+			}, n.id ?? r);
 		})
 	});
 }

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

@@ -6,10 +6,10 @@ import { cn as n, useControllableSignal as r, useRovingFocus as i, useSignals as
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/structured-list/structured-list.tsx
 function c(t) {
-	let { items: r, headers: i, selectable: a = !1, className: c, ariaLabel: u, "aria-label": d } = t;
+	let { items: r, headers: i, selectable: a = !1, className: c, ariaLabel: u, label: d, "aria-label": f } = t;
 	return a ? /* @__PURE__ */ o(l, { ...t }) : /* @__PURE__ */ s("div", {
 		role: "table",
-		"aria-label": d ?? u,
+		"aria-label": f ?? u ?? d,
 		className: n(e.list, c),
 		children: [i && /* @__PURE__ */ o("div", {
 			role: "row",
@@ -34,22 +34,22 @@ function c(t) {
 		})]
 	});
 }
-function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, ariaLabel: m, "aria-label": h }) {
-	let g = h ?? m;
+function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, ariaLabel: m, "aria-label": h, label: g }) {
+	let _ = h ?? m ?? g;
 	a();
-	let _ = t(), [v, y] = r({
+	let v = t(), [y, b] = r({
 		value: u,
 		defaultValue: d ?? c.find((e) => e.selected)?.id ?? "",
 		onChange: f
-	}), b = i({
+	}), x = i({
 		orientation: "vertical",
 		loop: !1
-	}), x = (e) => {
-		y(e);
+	}), S = (e) => {
+		b(e);
 	};
 	return /* @__PURE__ */ s("div", {
 		role: "radiogroup",
-		"aria-label": g,
+		"aria-label": _,
 		className: n(e.list, e.selectable, p),
 		children: [l && /* @__PURE__ */ s("div", {
 			className: e.headerRow,
@@ -63,18 +63,18 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
 		}), /* @__PURE__ */ o("div", {
 			className: e.body,
 			children: c.map((t, n) => {
-				let r = v.value === t.id, { ref: i, ...a } = b.getItemProps(n);
+				let r = y.value === t.id, { ref: i, ...a } = x.getItemProps(n);
 				return /* @__PURE__ */ s("div", {
 					role: "radio",
 					"aria-checked": r,
-					"aria-labelledby": `${_}-${t.id}-label`,
+					"aria-labelledby": `${v}-${t.id}-label`,
 					"data-selected": r || void 0,
 					className: e.row,
 					ref: i,
 					...a,
-					onClick: () => x(t.id),
+					onClick: () => S(t.id),
 					onKeyDown: (e) => {
-						a.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x(t.id));
+						a.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), S(t.id));
 					},
 					children: [
 						/* @__PURE__ */ o("div", {
@@ -84,7 +84,7 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
 						}),
 						/* @__PURE__ */ o("div", {
 							className: e.cell,
-							id: `${_}-${t.id}-label`,
+							id: `${v}-${t.id}-label`,
 							children: t.cells[0]
 						}),
 						t.cells.slice(1).map((t, n) => /* @__PURE__ */ o("div", {

package/dist/node/swap/swap.js

@@ -4,23 +4,23 @@ import e from "./swap.module.js";
 import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../components/src/swap/swap.tsx
-function a({ on: a, off: o, checked: s = !1, onValueChange: c, onChange: l, mode: u = "rotate", className: d, ariaLabel: f, ...p }) {
+function a({ on: a, off: o, checked: s = !1, onValueChange: c, mode: l = "rotate", className: u, ariaLabel: d, label: f, ...p }) {
 	n();
 	let [m] = t({ value: s });
 	function h() {
 		let e = !m.value;
-		(c ?? l)?.(e);
+		c?.(e);
 	}
 	return /* @__PURE__ */ i("button", {
 		type: "button",
 		role: "switch",
 		"aria-checked": m.value,
-		className: [e.swap, d].filter(Boolean).join(" "),
+		className: [e.swap, u].filter(Boolean).join(" "),
 		"data-checked": m.value || void 0,
-		"data-mode": u,
+		"data-mode": l,
 		onClick: h,
 		...p,
-		...f === void 0 ? {} : { "aria-label": f },
+		...(d ?? f) === void 0 ? {} : { "aria-label": d ?? f },
 		children: [/* @__PURE__ */ r("span", {
 			className: e.on,
 			"aria-hidden": "true",

package/dist/node/switcher/switcher.js

@@ -5,17 +5,17 @@ import { cn as t, getLinkComponent as n, useSignals as r } from "@cascivo/core";
 import { builtin as i, t as a } from "@cascivo/i18n";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/switcher/switcher.tsx
-function c({ items: c, label: l, className: u }) {
+function c({ items: c, label: l, ariaLabel: u, className: d }) {
 	r();
-	let d = n();
+	let f = n();
 	return /* @__PURE__ */ o("ul", {
-		"aria-label": l ?? a(i.switcher.label),
-		className: t(e.switcher, u),
+		"aria-label": u ?? l ?? a(i.switcher.label),
+		className: t(e.switcher, d),
 		children: c.map((t, n) => "divider" in t ? /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("span", {
 			role: "separator",
 			"aria-orientation": "horizontal",
 			className: e.divider
-		}) }, `divider-${n}`) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s(d, {
+		}) }, `divider-${n}`) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s(f, {
 			href: t.href,
 			"aria-current": t.active ? "page" : void 0,
 			"data-state": t.active ? "active" : void 0,

package/dist/node/tags-input/tags-input.js

@@ -6,22 +6,22 @@ import { cn as n, focusElement as r, useSignal as i, useSignals as a } from "@ca
 import { builtin as o, t as s } from "@cascivo/i18n";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/tags-input/tags-input.tsx
-function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, disabled: h = !1, className: g, ..._ }) {
+function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, disabled: h = !1, className: g, id: _, ariaLabel: v, label: y, "aria-labelledby": b, "aria-describedby": x, "aria-invalid": S, ...C }) {
 	a();
-	let v = i(""), y = t(null);
-	function b(e) {
+	let w = i(""), T = t(null), E = v ?? y ?? (b === void 0 ? s(o.tagsInput.label) : void 0);
+	function D(e) {
 		let t = e.trim();
-		t && (m !== void 0 && u.length >= m || u.includes(t) || p && !p(t) || (d([...u, t]), v.value = ""));
+		t && (m !== void 0 && u.length >= m || u.includes(t) || p && !p(t) || (d([...u, t]), w.value = ""));
 	}
-	function x(e) {
+	function O(e) {
 		d(u.filter((t, n) => n !== e));
 	}
-	let S = f ?? s(o.tagsInput.placeholder);
+	let k = f ?? s(o.tagsInput.placeholder);
 	return /* @__PURE__ */ l("div", {
 		className: n(e.wrapper, g),
 		"data-disabled": h ? "" : void 0,
-		onClick: () => r(y.current),
-		..._,
+		onClick: () => r(T.current),
+		...C,
 		children: [u.map((t, n) => {
 			let r = p ? !p(t) : !1;
 			return /* @__PURE__ */ l("span", {
@@ -33,7 +33,7 @@ function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, di
 					"aria-label": s(o.tagsInput.remove, { tag: t }),
 					disabled: h,
 					onClick: (e) => {
-						e.stopPropagation(), x(n);
+						e.stopPropagation(), O(n);
 					},
 					children: /* @__PURE__ */ c("span", {
 						"aria-hidden": "true",
@@ -42,20 +42,24 @@ function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, di
 				})]
 			}, n);
 		}), /* @__PURE__ */ c("input", {
-			ref: y,
+			ref: T,
 			className: e.input,
-			value: v.value,
-			"aria-label": s(o.tagsInput.label),
-			placeholder: u.length === 0 ? S : void 0,
+			value: w.value,
+			id: _,
+			"aria-labelledby": b,
+			"aria-describedby": x,
+			"aria-invalid": S,
+			"aria-label": E,
+			placeholder: u.length === 0 ? k : void 0,
 			disabled: h,
 			onChange: (e) => {
-				v.value = e.currentTarget.value;
+				w.value = e.currentTarget.value;
 			},
 			onKeyDown: (e) => {
-				e.key === "Enter" || e.key === "," ? (e.preventDefault(), b(v.value)) : e.key === "Backspace" && !v.value && x(u.length - 1);
+				e.key === "Enter" || e.key === "," ? (e.preventDefault(), D(w.value)) : e.key === "Backspace" && !w.value && O(u.length - 1);
 			},
 			onBlur: () => {
-				v.value && b(v.value);
+				w.value && D(w.value);
 			}
 		})]
 	});

package/dist/node/textarea/textarea.js

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

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

@@ -11,18 +11,18 @@ var c = r({
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-}), l = t(function({ value: t, defaultValue: r, onValueChange: l, onChange: u, min: d, max: f, step: p, label: m, hint: h, error: g, size: _ = "md", className: v, id: y, onFocus: b, onBlur: x, ...S }, C) {
+}), l = t(function({ value: t, defaultValue: r, onValueChange: l, min: u, max: d, step: f, label: p, hint: m, error: h, size: g = "md", className: _, id: v, onFocus: y, onBlur: b, ariaLabel: x, ...S }, C) {
 	a();
-	let [w, T] = i(c), E = y ?? (m ? `cascade-time-picker-${m.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	let [w, T] = i(c), E = v ?? (p ? `cascade-time-picker-${p.toLowerCase().replace(/\s+/g, "-")}` : void 0);
 	return /* @__PURE__ */ s("div", {
-		className: n(e.wrapper, v),
-		"data-state": g ? "error" : w.value,
-		"data-size": _,
+		className: n(e.wrapper, _),
+		"data-state": h ? "error" : w.value,
+		"data-size": g,
 		children: [
-			m && /* @__PURE__ */ o("label", {
+			p && /* @__PURE__ */ o("label", {
 				className: e.label,
 				htmlFor: E,
-				children: m
+				children: p
 			}),
 			/* @__PURE__ */ o("input", {
 				id: E,
@@ -30,31 +30,32 @@ var c = r({
 				className: e.input,
 				value: t,
 				defaultValue: r,
-				min: d,
-				max: f,
-				step: p,
-				"aria-invalid": g ? !0 : void 0,
-				"aria-describedby": g ? `${E}-error` : h ? `${E}-hint` : void 0,
-				onChange: (e) => (l ?? u)?.(e.target.value),
+				min: u,
+				max: d,
+				step: f,
+				"aria-invalid": h ? !0 : void 0,
+				"aria-describedby": h ? `${E}-error` : m ? `${E}-hint` : void 0,
+				onChange: (e) => l?.(e.target.value),
 				onFocus: (e) => {
-					T("FOCUS"), b?.(e);
+					T("FOCUS"), y?.(e);
 				},
 				onBlur: (e) => {
-					T("BLUR"), x?.(e);
+					T("BLUR"), b?.(e);
 				},
 				ref: C,
-				...S
+				...S,
+				"aria-label": S["aria-label"] ?? x
 			}),
-			g && /* @__PURE__ */ o("span", {
+			h && /* @__PURE__ */ o("span", {
 				id: `${E}-error`,
 				className: e.error,
 				role: "alert",
-				children: g
+				children: h
 			}),
-			!g && h && /* @__PURE__ */ o("span", {
+			!h && m && /* @__PURE__ */ o("span", {
 				id: `${E}-hint`,
 				className: e.hint,
-				children: h
+				children: m
 			})
 		]
 	});