@agentero/design-system 0.27.1 → 0.29.0

package/src/table/table.js

@@ -3,8 +3,8 @@ import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../button/button.js";
 import { IconKeyboardArrowDown as n } from "./icons.js";
 import { tv as r } from "tailwind-variants";
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as a, use as o } from "react";
+import { createContext as i, use as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/table/table.tsx
 var s = "ps-[var(--table-cell-padding-inline)] pe-[var(--table-cell-padding-inline)] first:ps-[var(--table-cell-padding-inline-ends)] last:pe-[var(--table-cell-padding-inline-ends)] has-[[type=checkbox]]:w-0 has-[[type=checkbox]]:pe-0", c = r({
 	slots: {
@@ -26,32 +26,32 @@ var s = "ps-[var(--table-cell-padding-inline)] pe-[var(--table-cell-padding-inli
 		}
 	},
 	defaultVariants: { size: "md" }
-}), l = a(null), u = () => {
-	let e = o(l);
+}), l = i(null), u = () => {
+	let e = a(l);
 	if (!e) throw Error("Table parts must be used within Table.Root");
 	return e;
-}, d = a("body"), f = (e) => e === "header" || e === "headerAndFooter", p = (e) => e === "headerAndFooter", m = ({ children: e, ref: t, ...n }) => {
-	let { size: r, sticky: a, embed: o } = n, s = c(n);
-	return /* @__PURE__ */ i(l, {
+}, 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);
+	return /* @__PURE__ */ o(l, {
 		value: {
-			header: y({ sticky: f(a) }),
+			header: y({ sticky: f(i) }),
 			cell: x({ size: r }),
 			headRow: _({ body: !1 }),
 			bodyRow: _({
 				body: !0,
-				divider: !o,
-				stickyFooter: p(a)
+				divider: !a,
+				stickyFooter: p(i)
 			})
 		},
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ o("div", {
 			"data-slot": "table-root",
 			className: s.root(),
-			children: /* @__PURE__ */ i("div", {
+			children: /* @__PURE__ */ o("div", {
 				"data-slot": "table-scroll",
 				ref: t,
 				tabIndex: 0,
 				className: s.scroll(),
-				children: /* @__PURE__ */ i("table", {
+				children: /* @__PURE__ */ o("table", {
 					"data-slot": "table",
 					className: s.table(),
 					children: e
@@ -61,18 +61,18 @@ var s = "ps-[var(--table-cell-padding-inline)] pe-[var(--table-cell-padding-inli
 	});
 };
 m.displayName = "Table.Root";
-var h = ({ children: e, ...t }) => /* @__PURE__ */ i(d, {
+var h = ({ children: e, ...t }) => /* @__PURE__ */ o(d, {
 	value: "head",
-	children: /* @__PURE__ */ i("thead", {
+	children: /* @__PURE__ */ o("thead", {
 		"data-slot": "table-head",
 		...t,
 		children: e
 	})
 });
 h.displayName = "Table.Head";
-var g = ({ children: e, ...t }) => /* @__PURE__ */ i(d, {
+var g = ({ children: e, ...t }) => /* @__PURE__ */ o(d, {
 	value: "body",
-	children: /* @__PURE__ */ i("tbody", {
+	children: /* @__PURE__ */ o("tbody", {
 		"data-slot": "table-body",
 		...t,
 		children: e
@@ -100,10 +100,10 @@ var _ = r({
 		}
 	}
 }), v = ({ className: t, ...n }) => {
-	let { headRow: r, bodyRow: a } = u();
-	return /* @__PURE__ */ i("tr", {
+	let { headRow: r, bodyRow: i } = u();
+	return /* @__PURE__ */ o("tr", {
 		"data-slot": "table-row",
-		className: e(o(d) === "body" ? a : r, t),
+		className: e(a(d) === "body" ? i : r, t),
 		...n
 	});
 };
@@ -116,7 +116,7 @@ var y = r({
 	} }
 }), b = ({ className: t, ...n }) => {
 	let { header: r } = u();
-	return /* @__PURE__ */ i("th", {
+	return /* @__PURE__ */ o("th", {
 		"data-slot": "table-header",
 		className: e(r, t),
 		...n
@@ -133,24 +133,24 @@ var x = r({
 	defaultVariants: { size: "md" }
 }), S = ({ className: t, ...n }) => {
 	let { cell: r } = u();
-	return /* @__PURE__ */ i("td", {
+	return /* @__PURE__ */ o("td", {
 		"data-slot": "table-cell",
 		className: e(r, t),
 		...n
 	});
 };
 S.displayName = "Table.Cell";
-var C = r({ base: "relative z-[1] [&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-200 data-[state=open]:[&>svg]:rotate-180" }), w = ({ toggleExpanded: r, isExpanded: a, className: o, ...s }) => /* @__PURE__ */ i(t, {
+var C = r({ base: "relative z-[1] [&>svg]:shrink-0 [&>svg]:transition-transform [&>svg]:duration-200 data-[state=open]:[&>svg]:rotate-180" }), w = ({ toggleExpanded: r, isExpanded: i, className: a, ...s }) => /* @__PURE__ */ o(t, {
 	variant: "ghost",
 	onClick: r,
-	className: e(C(), o),
-	"data-state": a ? "open" : "default",
+	className: e(C(), a),
+	"data-state": i ? "open" : "default",
 	"data-slot": "table-expand-button",
 	...s,
-	children: /* @__PURE__ */ i(n, {})
+	children: /* @__PURE__ */ o(n, {})
 });
 w.displayName = "Table.ExpandButton";
-var T = ({ className: t, ...n }) => /* @__PURE__ */ i("tr", {
+var T = ({ className: t, ...n }) => /* @__PURE__ */ o("tr", {
 	"data-slot": "table-expanded-row",
 	className: e("border-t border-border-default-base-primary", t),
 	...n
@@ -162,7 +162,7 @@ var E = r({ base: [
 	"after:[background:linear-gradient(to_right,transparent_0,var(--color-bg-default-base-secondary)_var(--table-cell-padding-inline))]",
 	"[&>*]:relative [&>*]:z-[1] [&>*]:opacity-0",
 	"[@media(hover:none)_and_(pointer:coarse)]:[&>*]:opacity-100"
-] }), D = ({ children: e }) => /* @__PURE__ */ i("div", {
+] }), D = ({ children: e }) => /* @__PURE__ */ o("div", {
 	"data-slot": "table-row-actions",
 	className: E(),
 	children: e

package/src/tabs/tabs.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { tv as t } from "tailwind-variants";
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as r, use as i } from "react";
+import { createContext as n, use as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-tabs";
 //#region src/tabs/tabs.tsx
 var o = t({
@@ -57,18 +57,18 @@ var o = t({
 		variant: "line",
 		position: "start"
 	}
-}), s = r(null), c = () => {
-	let e = i(s);
+}), s = n(null), c = () => {
+	let e = r(s);
 	if (!e) throw Error("Tabs.List, Tabs.Trigger and Tabs.Content must be used within Tabs.Root");
 	return e;
-}, l = ({ className: t, variant: r, position: i, ...c }) => {
+}, l = ({ className: t, variant: n, position: r, ...c }) => {
 	let l = o({
-		variant: r,
-		position: i
+		variant: n,
+		position: r
 	});
-	return /* @__PURE__ */ n(s, {
+	return /* @__PURE__ */ i(s, {
 		value: l,
-		children: /* @__PURE__ */ n(a.Root, {
+		children: /* @__PURE__ */ i(a.Root, {
 			"data-slot": "tabs-root",
 			className: e(l.root(), t),
 			...c
@@ -76,36 +76,36 @@ var o = t({
 	});
 };
 l.displayName = "Tabs.Root";
-var u = ({ className: t, ...r }) => {
-	let i = c();
-	return /* @__PURE__ */ n(a.List, {
+var u = ({ className: t, ...n }) => {
+	let r = c();
+	return /* @__PURE__ */ i(a.List, {
 		"data-slot": "tabs-list",
-		className: e(i.list(), t),
-		...r
+		className: e(r.list(), t),
+		...n
 	});
 };
 u.displayName = "Tabs.List";
-var d = ({ className: t, ...r }) => {
-	let i = c();
-	return /* @__PURE__ */ n(a.Trigger, {
+var d = ({ className: t, ...n }) => {
+	let r = c();
+	return /* @__PURE__ */ i(a.Trigger, {
 		"data-slot": "tabs-trigger",
-		className: e(i.trigger(), t),
-		...r
+		className: e(r.trigger(), t),
+		...n
 	});
 };
 d.displayName = "Tabs.Trigger";
-var f = ({ className: t, ...r }) => {
-	let i = c();
-	return /* @__PURE__ */ n(a.Content, {
+var f = ({ className: t, ...n }) => {
+	let r = c();
+	return /* @__PURE__ */ i(a.Content, {
 		"data-slot": "tabs-content",
-		className: e(i.content(), t),
-		...r
+		className: e(r.content(), t),
+		...n
 	});
 };
 f.displayName = "Tabs.Content";
-var p = ({ className: t, variant: r, ...a }) => /* @__PURE__ */ n("span", {
+var p = ({ className: t, variant: n, ...a }) => /* @__PURE__ */ i("span", {
 	"data-slot": "tabs-label",
-	className: e((i(s) ?? o({ variant: r })).trigger(), "pointer-events-none", t),
+	className: e((r(s) ?? o({ variant: n })).trigger(), "pointer-events-none", t),
 	...a
 });
 p.displayName = "Tabs.Label";

package/src/tag/tag.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../lib/utils.js";
 import { tv as t } from "tailwind-variants";
-import { jsx as n } from "react/jsx-runtime";
-import { Children as r, isValidElement as i } from "react";
+import { Children as n, isValidElement as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 import { Slot as a, Slottable as o } from "@radix-ui/react-slot";
 //#region src/tag/tag.tsx
 var s = t({
@@ -106,25 +106,25 @@ var s = t({
 		variant: "tertiary",
 		size: "sm"
 	}
-}), c = (e) => r.map(e, (e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ n("span", {
+}), c = (e) => n.map(e, (e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ i("span", {
 	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 = r.toArray(l && i(t) ? t.props.children : t), b = e(s({
+	let v = l ? a : "span", y = n.toArray(l && r(t) ? t.props.children : t), b = e(s({
 		color: u,
 		variant: d,
 		size: f,
 		pill: p,
 		truncate: m,
 		interactive: l,
-		hasOnlyIcon: y.length > 0 && y.every(i)
+		hasOnlyIcon: y.length > 0 && y.every(r)
 	}), h), x = m && !l ? c(t) : t;
-	return /* @__PURE__ */ n(v, {
+	return /* @__PURE__ */ i(v, {
 		"data-slot": "tag",
 		..._,
 		className: b,
 		ref: g,
-		children: l ? /* @__PURE__ */ n(o, { children: t }) : x
+		children: l ? /* @__PURE__ */ i(o, { children: t }) : x
 	});
 };
 //#endregion