@cascivo/react 0.12.0 → 0.13.1

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

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