@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/icons-D2Q5n5C1.js

@@ -1,291 +0,0 @@
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/_internal/icons.tsx
-function Icon({ children, size = 16, strokeWidth = 1.75, ...props }) {
-	return /* @__PURE__ */ jsx("svg", {
-		width: size,
-		height: size,
-		viewBox: "0 0 16 16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth,
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children
-	});
-}
-const ChevronRightIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M6 3.5L10.5 8L6 12.5" })
-});
-const ChevronDownIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3.5 6L8 10.5L12.5 6" })
-});
-const ChevronLeftIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M10 3.5L5.5 8L10 12.5" })
-});
-const CheckIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3 8.5L6.5 12L13 4.5" })
-});
-const XIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M4 4L12 12M12 4L4 12" })
-});
-const PencilIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M11.1 2.6a1.4 1.4 0 0 1 2 2L5.5 12.2l-2.8.8.8-2.8z" })
-});
-const CopyIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("rect", {
-		x: "5",
-		y: "5",
-		width: "8",
-		height: "8",
-		rx: "1.5"
-	}), /* @__PURE__ */ jsx("path", { d: "M11 5V4a1.5 1.5 0 0 0-1.5-1.5h-5A1.5 1.5 0 0 0 3 4v5A1.5 1.5 0 0 0 4.5 10.5H5" })]
-});
-const EyeIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M1.5 8S4 3 8 3s6.5 5 6.5 5-2.5 5-6.5 5S1.5 8 1.5 8Z" }), /* @__PURE__ */ jsx("circle", {
-		cx: "8",
-		cy: "8",
-		r: "2"
-	})]
-});
-const EyeOffIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M2 2l12 12" }),
-		/* @__PURE__ */ jsx("path", { d: "M6.5 4A7.5 7.5 0 0 1 8 3.75c4 0 6.5 5 6.5 5a13 13 0 0 1-1.75 2.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M9.85 10.08A2 2 0 0 1 6.08 6.15" }),
-		/* @__PURE__ */ jsx("path", { d: "M4.5 5.5C2.5 7 1.5 8 1.5 8s2.5 5 6.5 5c.8 0 1.55-.15 2.25-.42" })
-	]
-});
-const FolderIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M1.5 4A1.5 1.5 0 0 1 3 2.5h3l1.5 1.5H13A1.5 1.5 0 0 1 14.5 5.5v6A1.5 1.5 0 0 1 13 13H3a1.5 1.5 0 0 1-1.5-1.5V4Z" })
-});
-const FolderOpenIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M1.5 11.5v-7A1.5 1.5 0 0 1 3 3h3l1.5 1.5H13A1.5 1.5 0 0 1 14.5 6v1" }), /* @__PURE__ */ jsx("path", { d: "M1.5 11.5 3.5 7H15l-2 4.5H1.5Z" })]
-});
-const FileIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M9 1.5H4A1.5 1.5 0 0 0 2.5 3v10A1.5 1.5 0 0 0 4 14.5h8A1.5 1.5 0 0 0 13.5 13V6L9 1.5Z" }), /* @__PURE__ */ jsx("path", { d: "M9 1.5V6h4.5" })]
-});
-const PaperclipIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M5.25 8.25 9.9 3.6a2.45 2.45 0 0 1 3.5 3.45l-5.6 5.6a3.25 3.25 0 0 1-4.6-4.6l5.4-5.4" }), /* @__PURE__ */ jsx("path", { d: "M6.6 9.6 11 5.2" })]
-});
-const PlusIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 3v10M3 8h10" })
-});
-const MinusIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3 8h10" })
-});
-const PlayIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M4 3l9 5-9 5V3Z",
-		fill: "currentColor"
-	})
-});
-const PauseIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M5.5 3.5v9" }), /* @__PURE__ */ jsx("path", { d: "M10.5 3.5v9" })]
-});
-const SquareIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("rect", {
-		x: "3.5",
-		y: "3.5",
-		width: "9",
-		height: "9",
-		rx: "1"
-	})
-});
-const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M13 8H3M7 4L3 8l4 4" })
-});
-const ArrowRightIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M3 8h10M9 4l4 4-4 4" })
-});
-const ArrowDownIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 3v10M4 9l4 4 4-4" })
-});
-const ArrowUpIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 13V3M4 7l4-4 4 4" })
-});
-const DownloadIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M8 2v8M4 7l4 4 4-4" }), /* @__PURE__ */ jsx("path", { d: "M2.5 13.5h11" })]
-});
-const RefreshIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M13.5 3v3h-3" }),
-		/* @__PURE__ */ jsx("path", { d: "M2.5 13v-3h3" }),
-		/* @__PURE__ */ jsx("path", { d: "M3.5 7a5 5 0 0 1 8.5-2L13.5 6" }),
-		/* @__PURE__ */ jsx("path", { d: "M12.5 9a5 5 0 0 1-8.5 2L2.5 10" })
-	]
-});
-const DotIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("circle", {
-		cx: "8",
-		cy: "8",
-		r: "2.5",
-		fill: "currentColor",
-		stroke: "none"
-	})
-});
-const EllipsisIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("circle", {
-			cx: "3.5",
-			cy: "8",
-			r: "0.75",
-			fill: "currentColor",
-			stroke: "none"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "8",
-			cy: "8",
-			r: "0.75",
-			fill: "currentColor",
-			stroke: "none"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "12.5",
-			cy: "8",
-			r: "0.75",
-			fill: "currentColor",
-			stroke: "none"
-		})
-	]
-});
-const SpinnerIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M8 1.5A6.5 6.5 0 1 1 1.5 8" })
-});
-const SearchIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("circle", {
-		cx: "7",
-		cy: "7",
-		r: "4.5"
-	}), /* @__PURE__ */ jsx("path", { d: "M13.5 13.5 10.5 10.5" })]
-});
-const SidebarIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("rect", {
-		x: "2.5",
-		y: "2.5",
-		width: "11",
-		height: "11",
-		rx: "1.5"
-	}), /* @__PURE__ */ jsx("path", { d: "M6 2.5v11" })]
-});
-const TerminalIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("rect", {
-			x: "1.5",
-			y: "2.5",
-			width: "13",
-			height: "11",
-			rx: "1.5"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "M4 6l2 2-2 2" }),
-		/* @__PURE__ */ jsx("path", { d: "M8.5 10h3" })
-	]
-});
-const LinkIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [/* @__PURE__ */ jsx("path", { d: "M7 9a2.5 2.5 0 0 0 3.5 0l2-2a2.5 2.5 0 0 0-3.5-3.5L8 4.5" }), /* @__PURE__ */ jsx("path", { d: "M9 7a2.5 2.5 0 0 0-3.5 0l-2 2a2.5 2.5 0 0 0 3.5 3.5L8 11.5" })]
-});
-const WarningIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M7.13 2.4 1.3 12a1 1 0 0 0 .87 1.5h11.66a1 1 0 0 0 .87-1.5L8.87 2.4a1 1 0 0 0-1.74 0Z" }),
-		/* @__PURE__ */ jsx("path", { d: "M8 6v3.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M8 11.5v.01" })
-	]
-});
-const WrenchIcon = (props) => /* @__PURE__ */ jsx(Icon, {
-	viewBox: "0 0 24 24",
-	...props,
-	children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" })
-});
-const InfoIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("circle", {
-			cx: "8",
-			cy: "8",
-			r: "6"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "M8 7v4" }),
-		/* @__PURE__ */ jsx("path", { d: "M8 5v.01" })
-	]
-});
-const ImageIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	viewBox: "0 0 24 24",
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("rect", {
-			width: "18",
-			height: "18",
-			x: "3",
-			y: "3",
-			rx: "2",
-			ry: "2"
-		}),
-		/* @__PURE__ */ jsx("circle", {
-			cx: "9",
-			cy: "9",
-			r: "2"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
-	]
-});
-const MonitorIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	viewBox: "0 0 24 24",
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("rect", {
-			width: "20",
-			height: "14",
-			x: "2",
-			y: "3",
-			rx: "2"
-		}),
-		/* @__PURE__ */ jsx("path", { d: "M8 21h8" }),
-		/* @__PURE__ */ jsx("path", { d: "M12 17v4" })
-	]
-});
-const MaximizeIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M9.5 3h3.5v3.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M13 3L9 7" }),
-		/* @__PURE__ */ jsx("path", { d: "M6.5 13H3V9.5" }),
-		/* @__PURE__ */ jsx("path", { d: "M3 13l4-4" })
-	]
-});
-//#endregion
-export { SearchIcon as A, MonitorIcon as C, PlayIcon as D, PencilIcon as E, WarningIcon as F, WrenchIcon as I, XIcon as L, SpinnerIcon as M, SquareIcon as N, PlusIcon as O, TerminalIcon as P, MinusIcon as S, PauseIcon as T, FolderOpenIcon as _, CheckIcon as a, LinkIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SidebarIcon as j, RefreshIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, ImageIcon as v, PaperclipIcon as w, MaximizeIcon as x, InfoIcon as y };

package/dist/styles/mcp-server-connections.css

@@ -1,145 +0,0 @@
-.mcp-server-connections {
-  display: grid;
-  gap: 0.625rem;
-  min-inline-size: 0;
-  color: var(--sigvelo-color-text);
-}
-
-.mcp-server-connections__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  min-inline-size: 0;
-}
-
-.mcp-server-connections__header h2 {
-  margin: 0;
-  font-size: 0.95rem;
-  font-weight: var(--sigvelo-font-weight-bold);
-  line-height: 1.2;
-  letter-spacing: 0;
-}
-
-.mcp-server-connections__summary,
-.mcp-server-connections__empty,
-.mcp-server-connections__url,
-.mcp-server-connections__capabilities,
-.mcp-server-connections__instructions {
-  color: var(--sigvelo-color-text-muted);
-  font-size: 0.75rem;
-  line-height: 1.35;
-}
-
-.mcp-server-connections__summary {
-  flex: 0 0 auto;
-  white-space: nowrap;
-}
-
-.mcp-server-connections__empty {
-  margin: 0;
-  padding: 0.75rem;
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-subtle);
-  border-radius: var(--sigvelo-radius-md);
-  background: var(--sigvelo-color-surface);
-}
-
-.mcp-server-connections__list {
-  display: grid;
-  gap: 0.375rem;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.mcp-server-connections__item {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 0.75rem;
-  align-items: start;
-  min-inline-size: 0;
-  padding: 0.625rem;
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-subtle);
-  border-radius: var(--sigvelo-radius-md);
-  background: var(--sigvelo-color-surface);
-}
-
-.mcp-server-connections__main {
-  display: grid;
-  gap: 0.25rem;
-  min-inline-size: 0;
-}
-
-.mcp-server-connections__title-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.375rem;
-  min-inline-size: 0;
-}
-
-.mcp-server-connections__name {
-  min-inline-size: 0;
-  color: var(--sigvelo-color-text);
-  font-size: 0.85rem;
-  font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
-  overflow-wrap: anywhere;
-}
-
-.mcp-server-connections__status .mcp-server-connections__spinner {
-  animation: mcp-server-connections-spin 900ms linear infinite;
-}
-
-.mcp-server-connections__url,
-.mcp-server-connections__error,
-.mcp-server-connections__instructions,
-.mcp-server-connections__capabilities {
-  margin: 0;
-  overflow-wrap: anywhere;
-}
-
-.mcp-server-connections__error {
-  color: var(--sigvelo-color-danger-text);
-  font-size: 0.75rem;
-  line-height: 1.35;
-}
-
-.mcp-server-connections__actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: 0.25rem;
-}
-
-.mcp-server-connections__actions .button > svg {
-  inline-size: 0.875rem;
-  block-size: 0.875rem;
-}
-
-@media (width < 34rem) {
-  .mcp-server-connections__item {
-    grid-template-columns: 1fr;
-  }
-
-  .mcp-server-connections__actions {
-    justify-content: flex-start;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .mcp-server-connections__status .mcp-server-connections__spinner {
-    animation: none;
-  }
-}
-
-@keyframes mcp-server-connections-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}