@agentero/design-system 0.29.0 → 0.29.1

package/lib/merge-props.js

@@ -10,7 +10,7 @@ var r = (...e) => (...t) => {
 	for (let [t, c] of Object.entries(n)) {
 		if (c === void 0) continue;
 		let n = s[t];
-		o(t) && typeof n == "function" && typeof c == "function" ? s[t] = r(n, c) : t === "aria-describedby" && typeof n == "string" && typeof c == "string" ? s[t] = a(n, c) : t === "className" && typeof n == "string" ? s[t] = e(n, c) : t === "ref" && n && c ? s[t] = i(n, c) : s[t] = c;
+		s[t] = o(t) && typeof n == "function" && typeof c == "function" ? r(n, c) : t === "aria-describedby" && typeof n == "string" && typeof c == "string" ? a(n, c) : t === "className" && typeof n == "string" ? e(n, c) : t === "ref" && n && c ? i(n, c) : c;
 	}
 	return s;
 }, c = (e, n) => {

package/mcp/manifests/components.json

@@ -8606,6 +8606,6 @@
   },
   "meta": {
     "docgen": "react-component-meta",
-    "durationMs": 4273
+    "durationMs": 4314
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agentero/design-system",
-	"version": "0.29.0",
+	"version": "0.29.1",
 	"description": "A React component library built with Tailwind CSS v4 and Radix UI primitives",
 	"type": "module",
 	"license": "Apache-2.0",

package/src/alert/alert.js

@@ -308,4 +308,4 @@ var g = c({
 };
 O.Title = b, O.Paragraph = x, O.ParagraphHtml = S, O.Content = C, O.Actions = w, O.Button = E, O.Pictograms = T;
 //#endregion
-export { O as Alert };
+export { O as Alert, g as alertRecipe, v as useAlert };

package/src/avatar/avatar.js

@@ -230,4 +230,4 @@ var s = t({
 	};
 };
 //#endregion
-export { p as Avatar };
+export { p as Avatar, s as avatarRecipe, l as useAvatar };

package/src/button/button.js

@@ -272,4 +272,4 @@ var c = t({
 	});
 };
 //#endregion
-export { u as Button };
+export { u as Button, c as buttonRecipe };

package/src/data-table/data-table.js

@@ -12,24 +12,27 @@ var g = s(null), _ = () => {
 	let e = c(g);
 	if (!e) throw Error("useDataTable must be used within a DataTable.Root");
 	return e;
-}, v = ({ children: e, isLoading: t = !1, onRowClick: n, rowHref: r, linkComponent: i = "a", ...a }) => /* @__PURE__ */ d(g, {
-	value: {
-		table: h({
-			...a,
-			getCoreRowModel: m()
-		}),
-		isLoading: t,
-		scrollRef: l(null),
-		onRowClick: n,
-		rowHref: r,
-		linkComponent: i
-	},
-	children: /* @__PURE__ */ d("div", {
-		"data-slot": "data-table-root",
-		className: "flex min-h-0 flex-1 flex-col",
-		children: e
-	})
-});
+}, v = ({ children: e, isLoading: t = !1, onRowClick: n, rowHref: r, linkComponent: i = "a", ...a }) => {
+	let o = h({
+		...a,
+		getCoreRowModel: m()
+	}), s = l(null);
+	return /* @__PURE__ */ d(g, {
+		value: {
+			table: o,
+			isLoading: t,
+			scrollRef: s,
+			onRowClick: n,
+			rowHref: r,
+			linkComponent: i
+		},
+		children: /* @__PURE__ */ d("div", {
+			"data-slot": "data-table-root",
+			className: "flex min-h-0 flex-1 flex-col",
+			children: e
+		})
+	});
+};
 v.displayName = "DataTable.Root";
 var y = ({ children: e }) => /* @__PURE__ */ d("div", {
 	"data-slot": "data-table-toolbar",
@@ -98,7 +101,7 @@ var b = a({
 				return /* @__PURE__ */ d(o, { children: /* @__PURE__ */ d(n.Row, {
 					className: e("has-aria-expanded:bg-bg-default-base-secondary", i && "cursor-pointer"),
 					onClick: i ? (e) => {
-						S(e.target) || !e.currentTarget.contains(e.target) || (v ? v(t.original) : r && e.currentTarget.querySelector("[data-row-link]")?.click());
+						!S(e.target) && e.currentTarget.contains(e.target) && (v ? v(t.original) : r && e.currentTarget.querySelector("[data-row-link]")?.click());
 					} : void 0,
 					children: t.getVisibleCells().map((e, t) => {
 						let i = e.column.columnDef.meta;

package/src/field/field.js

@@ -45,19 +45,19 @@ var m = s({
 });
 g.displayName = "Field.Group";
 var _ = ({ className: n, orientation: r = "vertical", invalid: a = !1, disabled: o = !1, readOnly: s = !1, required: u = !1, controlId: p, ...m }) => {
-	let g = l(), _ = p ?? `${g}-control`, v = `${g}-description`, y = `${g}-error`, [b, x] = d([]), S = c((e) => (x((t) => t.includes(e) ? t : [...t, e]), () => x((t) => t.filter((t) => t !== e))), []);
+	let g = l(), _ = p ?? `${g}-control`, v = `${g}-description`, y = `${g}-error`, [b, x] = d([]), S = c((e) => (x((t) => t.includes(e) ? t : [...t, e]), () => x((t) => t.filter((t) => t !== e))), []), C = {
+		controlId: _,
+		descriptionId: v,
+		errorId: y,
+		describedBy: [...[v, y].filter((e) => b.includes(e)), ...b.filter((e) => e !== v && e !== y)].join(" ") || void 0,
+		registerMessage: S,
+		invalid: a,
+		disabled: o,
+		readOnly: s,
+		required: u
+	};
 	return /* @__PURE__ */ f(i, {
-		value: {
-			controlId: _,
-			descriptionId: v,
-			errorId: y,
-			describedBy: [...[v, y].filter((e) => b.includes(e)), ...b.filter((e) => e !== v && e !== y)].join(" ") || void 0,
-			registerMessage: S,
-			invalid: a,
-			disabled: o,
-			readOnly: s,
-			required: u
-		},
+		value: C,
 		children: /* @__PURE__ */ f(t, {
 			value: {
 				htmlFor: _,
@@ -129,4 +129,4 @@ var x = (e) => {
 };
 S.displayName = "Field.Error";
 //#endregion
-export { v as Content, b as Description, S as FieldError, g as Group, y as Label, _ as Root, m as fieldRecipe };
+export { v as Content, b as Description, S as Error, g as Group, y as Label, _ as Root, m as fieldRecipe };

package/src/field/index.js

@@ -1,5 +1,5 @@
 import { FieldContext as e, useFieldContext as t } from "./context.js";
-import { Content as n, Description as r, FieldError as i, Group as a, Label as o, Root as s, fieldRecipe as c } from "./field.js";
+import { Content as n, Description as r, Error as i, Group as a, Label as o, Root as s, fieldRecipe as c } from "./field.js";
 //#region src/field/index.ts
 var l = {
 	Root: s,

package/src/field-text/field-text.js

@@ -5,16 +5,16 @@ import { InputContext as n } from "../input/context.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/field-text/field-text.tsx
 var i = ({ children: t }) => {
-	let i = e();
+	let i = e(), a = i && {
+		id: i.controlId,
+		"aria-describedby": i.describedBy,
+		"aria-invalid": i.invalid || void 0,
+		required: i.required || void 0,
+		disabled: i.disabled || void 0,
+		readOnly: i.readOnly || void 0
+	};
 	return /* @__PURE__ */ r(n, {
-		value: i && {
-			id: i.controlId,
-			"aria-describedby": i.describedBy,
-			"aria-invalid": i.invalid || void 0,
-			required: i.required || void 0,
-			disabled: i.disabled || void 0,
-			readOnly: i.readOnly || void 0
-		},
+		value: a,
 		children: t
 	});
 }, a = ({ children: e, ...n }) => /* @__PURE__ */ r(t.Root, {

package/src/pagination/pagination.js

@@ -93,4 +93,4 @@ var l = o({
 	});
 };
 //#endregion
-export { u as Pagination };
+export { u as Pagination, l as paginationRecipe };

package/src/table/table.js

@@ -31,18 +31,18 @@ var s = "ps-[var(--table-cell-padding-inline)] pe-[var(--table-cell-padding-inli
 	if (!e) throw Error("Table parts must be used within Table.Root");
 	return e;
 }, d = i("body"), f = (e) => e === "header" || e === "headerAndFooter", p = (e) => e === "headerAndFooter", m = ({ children: e, ref: t, ...n }) => {
-	let { size: r, sticky: i, embed: a } = n, s = c(n);
+	let { size: r, sticky: i, embed: a } = n, s = c(n), u = {
+		header: y({ sticky: f(i) }),
+		cell: x({ size: r }),
+		headRow: _({ body: !1 }),
+		bodyRow: _({
+			body: !0,
+			divider: !a,
+			stickyFooter: p(i)
+		})
+	};
 	return /* @__PURE__ */ o(l, {
-		value: {
-			header: y({ sticky: f(i) }),
-			cell: x({ size: r }),
-			headRow: _({ body: !1 }),
-			bodyRow: _({
-				body: !0,
-				divider: !a,
-				stickyFooter: p(i)
-			})
-		},
+		value: u,
 		children: /* @__PURE__ */ o("div", {
 			"data-slot": "table-root",
 			className: s.root(),
@@ -100,10 +100,10 @@ var _ = r({
 		}
 	}
 }), v = ({ className: t, ...n }) => {
-	let { headRow: r, bodyRow: i } = u();
+	let { headRow: r, bodyRow: i } = u(), s = a(d) === "body";
 	return /* @__PURE__ */ o("tr", {
 		"data-slot": "table-row",
-		className: e(a(d) === "body" ? i : r, t),
+		className: e(s ? i : r, t),
 		...n
 	});
 };

package/src/tabs/tabs.js

@@ -103,11 +103,14 @@ var f = ({ className: t, ...n }) => {
 	});
 };
 f.displayName = "Tabs.Content";
-var p = ({ className: t, variant: n, ...a }) => /* @__PURE__ */ i("span", {
-	"data-slot": "tabs-label",
-	className: e((r(s) ?? o({ variant: n })).trigger(), "pointer-events-none", t),
-	...a
-});
+var p = ({ className: t, variant: n, ...a }) => {
+	let c = r(s) ?? o({ variant: n });
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "tabs-label",
+		className: e(c.trigger(), "pointer-events-none", t),
+		...a
+	});
+};
 p.displayName = "Tabs.Label";
 //#endregion
 export { f as Content, p as Label, u as List, l as Root, d as Trigger, o as tabsRecipe };

package/src/tag/tag.js

@@ -110,21 +110,21 @@ var s = t({
 	className: "min-w-0 truncate",
 	children: e
 }) : e), l = ({ children: t, asChild: l, color: u, variant: d, size: f, pill: p, truncate: m, className: h, ref: g, ..._ }) => {
-	let v = l ? a : "span", y = n.toArray(l && r(t) ? t.props.children : t), b = e(s({
+	let v = l ? a : "span", y = n.toArray(l && r(t) ? t.props.children : t), b = y.length > 0 && y.every(r), x = e(s({
 		color: u,
 		variant: d,
 		size: f,
 		pill: p,
 		truncate: m,
 		interactive: l,
-		hasOnlyIcon: y.length > 0 && y.every(r)
-	}), h), x = m && !l ? c(t) : t;
+		hasOnlyIcon: b
+	}), h), S = m && !l ? c(t) : t;
 	return /* @__PURE__ */ i(v, {
 		"data-slot": "tag",
 		..._,
-		className: b,
+		className: x,
 		ref: g,
-		children: l ? /* @__PURE__ */ i(o, { children: t }) : x
+		children: l ? /* @__PURE__ */ i(o, { children: t }) : S
 	});
 };
 //#endregion