@arcadeai/design-system 5.0.2 → 5.3.0

package/dist/components/ui/organisms/mcp-selection-summary-bar.js

@@ -1,27 +1,26 @@
 "use client";
 "use client";
 import { cn as e } from "../../../lib/utils.js";
-import { t } from "../../../button-BdQxLUOB.js";
+import { ClearButton as t } from "../atoms/clear-button.js";
 import { McpReviewCountChip as n } from "../molecules/mcp-server-picker/review-count-chip.js";
 import { McpToolkitChip as r } from "../molecules/mcp-server-picker/toolkit-chip.js";
 import { McpRecommendedToolkitsChip as i } from "../molecules/mcp-server-picker/recommended-toolkits-chip.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { X as c } from "lucide-react";
 //#region lib/components/ui/organisms/mcp-selection-summary-bar.tsx
-function l({ mcpServers: l, recommendedMcpServers: u = [], toolCount: d, reviewing: f = !1, reviewingRecommended: p = !1, reviewLabel: m, onReview: h, onReviewRecommended: g, onOpenMcpServer: _, onRemoveMcpServer: v, onRemoveRecommended: y, onClear: b, emptyMessage: x = "No tools selected yet", className: S, ...C }) {
-	let w = l.length + u.length, T = w > 0;
+function c({ mcpServers: c, recommendedMcpServers: l = [], toolCount: u, reviewing: d = !1, reviewingRecommended: f = !1, reviewLabel: p, onReview: m, onReviewRecommended: h, onOpenMcpServer: g, onRemoveMcpServer: _, onRemoveRecommended: v, onClear: y, emptyMessage: b = "No tools selected yet", className: x, ...S }) {
+	let C = c.length + l.length, w = C > 0;
 	return /* @__PURE__ */ o("div", {
-		...C,
-		className: e("@container flex min-h-9 items-center gap-2 rounded-lg bg-muted/30 px-2.5 py-1.5", S),
+		...S,
+		className: e("@container flex min-h-9 items-center gap-2 rounded-lg bg-muted/30 px-2.5 py-1.5", x),
 		"data-slot": "mcp-selection-summary-bar",
-		"data-status": T ? "filled" : "empty",
-		children: T ? /* @__PURE__ */ s(a, { children: [
+		"data-status": w ? "filled" : "empty",
+		children: w ? /* @__PURE__ */ s(a, { children: [
 			/* @__PURE__ */ o(n, {
-				active: f,
-				"aria-label": m,
-				onClick: h,
-				serverCount: w,
-				toolCount: d
+				active: d,
+				"aria-label": p,
+				onClick: m,
+				serverCount: C,
+				toolCount: u
 			}),
 			/* @__PURE__ */ o("span", {
 				"aria-hidden": !0,
@@ -29,30 +28,28 @@ function l({ mcpServers: l, recommendedMcpServers: u = [], toolCount: d, reviewi
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "scroll-fade-x @md:flex hidden min-w-0 flex-1 gap-1.5 overflow-x-auto p-0.5 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-				children: [u.length > 0 ? /* @__PURE__ */ o(i, {
-					active: p,
-					mcpServers: u,
-					onOpenMcpServer: _,
-					onRemove: y,
-					onReview: g
-				}) : null, l.map(({ id: e, ...t }) => /* @__PURE__ */ o(r, {
+				children: [l.length > 0 ? /* @__PURE__ */ o(i, {
+					active: f,
+					mcpServers: l,
+					onOpenMcpServer: g,
+					onRemove: v,
+					onReview: h
+				}) : null, c.map(({ id: e, ...t }) => /* @__PURE__ */ o(r, {
 					...t,
-					onOpen: _ ? () => _(e) : void 0,
-					onRemove: v ? () => v(e) : void 0
+					onOpen: g ? () => g(e) : void 0,
+					onRemove: _ ? () => _(e) : void 0
 				}, e))]
 			}),
-			b ? /* @__PURE__ */ s(t, {
-				className: "ml-auto gap-1 hover:border-destructive/50 hover:bg-destructive/10 hover:text-destructive",
-				onClick: b,
-				size: "sm",
-				variant: "outline",
-				children: [/* @__PURE__ */ o(c, { "aria-hidden": !0 }), "Clear all"]
+			y ? /* @__PURE__ */ o(t, {
+				className: "ml-auto",
+				onClick: y,
+				size: "sm"
 			}) : null
 		] }) : /* @__PURE__ */ o("span", {
 			className: "flex shrink-0 items-center px-2 py-1 font-medium text-muted-foreground text-xs",
-			children: x
+			children: b
 		})
 	});
 }
 //#endregion
-export { l as McpSelectionSummaryBar };
+export { c as McpSelectionSummaryBar };