@arcadeai/design-system 3.41.1 → 3.42.4

package/dist/metadata/index.d.ts

@@ -1,5 +1,6 @@
 /** biome-ignore-all lint/performance/noBarrelFile: This is ok for metadata */
 export * from './constants';
+export * from './mcp-clients';
 export * from './oauth-providers';
 export * from './toolkit-icons';
 export * from './toolkits';

package/dist/metadata/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/metadata/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAE9E,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/metadata/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAE9E,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/metadata/index.js

@@ -1,29 +1,31 @@
-import { PUBLIC_ICON_URL as r, PUBLIC_VIDEO_URL as I } from "./constants.js";
-import { MCP_OAUTH2_PROVIDER as e, OAUTH2_PROVIDER as P, OAUTH_PROVIDERS as i, OAUTH_PROVIDER_CATALOGUE as t, OAuthId as R, OAuthProviderId as _, OTHER_OAUTH_PROVIDERS as A, PREBUILT_OAUTH_PROVIDERS as E } from "./oauth-providers.js";
-import { TOOLKIT_ICON_MAP as d, getToolIconByToolkitName as L, getToolkitIcon as l, getToolkitIconByName as f } from "./toolkit-icons.js";
-import { CATEGORIES as n, TOOLKITS as B, TOOLKIT_CATALOGUE as C } from "./toolkits.js";
-import { findPrebuiltProviderById as H, findPrebuiltProviderByProviderId as V, findToolkitByName as k, isKnownToolkit as p, isPrebuiltProvider as u } from "./utils.js";
+import { PUBLIC_ICON_URL as T, PUBLIC_VIDEO_URL as r } from "./constants.js";
+import { MCP_CLIENT_METADATA as e } from "./mcp-clients.js";
+import { MCP_OAUTH2_PROVIDER as t, OAUTH2_PROVIDER as _, OAUTH_PROVIDERS as i, OAUTH_PROVIDER_CATALOGUE as A, OAuthId as R, OAuthProviderId as E, OTHER_OAUTH_PROVIDERS as U, PREBUILT_OAUTH_PROVIDERS as d } from "./oauth-providers.js";
+import { TOOLKIT_ICON_MAP as C, getToolIconByToolkitName as f, getToolkitIcon as l, getToolkitIconByName as m } from "./toolkit-icons.js";
+import { CATEGORIES as B, TOOLKITS as D, TOOLKIT_CATALOGUE as H } from "./toolkits.js";
+import { findPrebuiltProviderById as p, findPrebuiltProviderByProviderId as x, findToolkitByName as N, isKnownToolkit as k, isPrebuiltProvider as u } from "./utils.js";
 export {
-  n as CATEGORIES,
-  e as MCP_OAUTH2_PROVIDER,
-  P as OAUTH2_PROVIDER,
+  B as CATEGORIES,
+  e as MCP_CLIENT_METADATA,
+  t as MCP_OAUTH2_PROVIDER,
+  _ as OAUTH2_PROVIDER,
   i as OAUTH_PROVIDERS,
-  t as OAUTH_PROVIDER_CATALOGUE,
+  A as OAUTH_PROVIDER_CATALOGUE,
   R as OAuthId,
-  _ as OAuthProviderId,
-  A as OTHER_OAUTH_PROVIDERS,
-  E as PREBUILT_OAUTH_PROVIDERS,
-  r as PUBLIC_ICON_URL,
-  I as PUBLIC_VIDEO_URL,
-  B as TOOLKITS,
-  C as TOOLKIT_CATALOGUE,
-  d as TOOLKIT_ICON_MAP,
-  H as findPrebuiltProviderById,
-  V as findPrebuiltProviderByProviderId,
-  k as findToolkitByName,
-  L as getToolIconByToolkitName,
+  E as OAuthProviderId,
+  U as OTHER_OAUTH_PROVIDERS,
+  d as PREBUILT_OAUTH_PROVIDERS,
+  T as PUBLIC_ICON_URL,
+  r as PUBLIC_VIDEO_URL,
+  D as TOOLKITS,
+  H as TOOLKIT_CATALOGUE,
+  C as TOOLKIT_ICON_MAP,
+  p as findPrebuiltProviderById,
+  x as findPrebuiltProviderByProviderId,
+  N as findToolkitByName,
+  f as getToolIconByToolkitName,
   l as getToolkitIcon,
-  f as getToolkitIconByName,
-  p as isKnownToolkit,
+  m as getToolkitIconByName,
+  k as isKnownToolkit,
   u as isPrebuiltProvider
 };

package/dist/metadata/mcp-clients.d.ts

@@ -0,0 +1,54 @@
+import { SVGProps } from 'react';
+/**
+ * Brand-asset metadata for MCP clients — label + icon component.
+ *
+ * Used by:
+ *   - `GatewayDiagram` (templates) to render client tiles by id.
+ *   - `@arcadeai/ui-kit/mcp-gateway-connect` to compose its richer
+ *     MCP_CLIENTS registry (which adds auth types, config builders, deep
+ *     links, etc.) — the brand metadata is canonicalised here so it can't
+ *     drift across consumers.
+ *
+ * To add a new MCP client, add an entry here AND make sure the icon is
+ * exported from `@/components/ui/atoms/icons`.
+ */
+export declare const MCP_CLIENT_METADATA: {
+    readonly cursor: {
+        readonly label: "Cursor";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly vscode: {
+        readonly label: "VS Code";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly claude_code: {
+        readonly label: "Claude Code";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly claude_desktop: {
+        readonly label: "Claude Desktop";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly goose: {
+        readonly label: "Goose";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly windsurf: {
+        readonly label: "Windsurf";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly cline: {
+        readonly label: "Cline";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly gemini_cli: {
+        readonly label: "Gemini CLI";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+    readonly codex: {
+        readonly label: "Codex";
+        readonly Icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    };
+};
+export type McpClientId = keyof typeof MCP_CLIENT_METADATA;
+//# sourceMappingURL=mcp-clients.d.ts.map

package/dist/metadata/mcp-clients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-clients.d.ts","sourceRoot":"","sources":["../../lib/metadata/mcp-clients.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,mBAAmB,CAAC"}

package/dist/metadata/mcp-clients.js

@@ -0,0 +1,23 @@
+import "react/jsx-runtime";
+import { Claude as o } from "../components/ui/atoms/icons/claude.js";
+import { Cline as e } from "../components/ui/atoms/icons/cline.js";
+import { Cursor as l } from "../components/ui/atoms/icons/cursor.js";
+import { Gemini as r } from "../components/ui/atoms/icons/gemini.js";
+import { Goose as i } from "../components/ui/atoms/icons/goose.js";
+import { Openai as m } from "../components/ui/atoms/icons/openai.js";
+import { Vscode as n } from "../components/ui/atoms/icons/vscode.js";
+import { Windsurf as c } from "../components/ui/atoms/icons/windsurf.js";
+const b = {
+  cursor: { label: "Cursor", Icon: l },
+  vscode: { label: "VS Code", Icon: n },
+  claude_code: { label: "Claude Code", Icon: o },
+  claude_desktop: { label: "Claude Desktop", Icon: o },
+  goose: { label: "Goose", Icon: i },
+  windsurf: { label: "Windsurf", Icon: c },
+  cline: { label: "Cline", Icon: e },
+  gemini_cli: { label: "Gemini CLI", Icon: r },
+  codex: { label: "Codex", Icon: m }
+};
+export {
+  b as MCP_CLIENT_METADATA
+};

package/dist/metadata/toolkit-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkit-icons.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkit-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CACnC,MAAM,EACN,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CA+JtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,WAAW,MAAM,GAAG,SAAS,KAC5B,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAYxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC"}
+{"version":3,"file":"toolkit-icons.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkit-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CACnC,MAAM,EACN,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAgKtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,WAAW,MAAM,GAAG,SAAS,KAC5B,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAYxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,aAAa,MAAM,KAClB,CAAC,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAQxD,CAAC"}

package/dist/metadata/toolkit-icons.js

@@ -99,36 +99,37 @@ import { Pylon as M } from "../components/ui/atoms/icons/pylon.js";
 import { Quickbooks as ir } from "../components/ui/atoms/icons/quickbooks.js";
 import { Railway as tr } from "../components/ui/atoms/icons/railway.js";
 import { Reddit as mr } from "../components/ui/atoms/icons/reddit.js";
-import { Salesforce as er } from "../components/ui/atoms/icons/salesforce.js";
-import { Shopify as pr } from "../components/ui/atoms/icons/shopify.js";
-import { Singlestore as fr } from "../components/ui/atoms/icons/singlestore.js";
+import { Resend as er } from "../components/ui/atoms/icons/resend.js";
+import { Salesforce as pr } from "../components/ui/atoms/icons/salesforce.js";
+import { Shopify as fr } from "../components/ui/atoms/icons/shopify.js";
+import { Singlestore as ar } from "../components/ui/atoms/icons/singlestore.js";
 import { Slack as C } from "../components/ui/atoms/icons/slack.js";
-import { Snowflake as ar } from "../components/ui/atoms/icons/snowflake.js";
-import { Splunk as lr } from "../components/ui/atoms/icons/splunk.js";
-import { Spotify as sr } from "../components/ui/atoms/icons/spotify.js";
+import { Snowflake as lr } from "../components/ui/atoms/icons/snowflake.js";
+import { Splunk as sr } from "../components/ui/atoms/icons/splunk.js";
+import { Spotify as nr } from "../components/ui/atoms/icons/spotify.js";
 import { Square as p } from "../components/ui/atoms/icons/square.js";
-import { Squarespace as nr } from "../components/ui/atoms/icons/squarespace.js";
-import { Squareup as cr } from "../components/ui/atoms/icons/squareup.js";
+import { Squarespace as cr } from "../components/ui/atoms/icons/squarespace.js";
+import { Squareup as ur } from "../components/ui/atoms/icons/squareup.js";
 import { Stripe as G } from "../components/ui/atoms/icons/stripe.js";
-import { Telegram as ur } from "../components/ui/atoms/icons/telegram.js";
-import { Ticktick as gr } from "../components/ui/atoms/icons/ticktick.js";
-import { Tiktok as kr } from "../components/ui/atoms/icons/tiktok.js";
-import { Trello as Ar } from "../components/ui/atoms/icons/trello.js";
-import { Twilio as dr } from "../components/ui/atoms/icons/twilio.js";
-import { Twitch as br } from "../components/ui/atoms/icons/twitch.js";
-import { Vercel as hr } from "../components/ui/atoms/icons/vercel.js";
-import { Walmart as Mr } from "../components/ui/atoms/icons/walmart.js";
-import { Weaviate as Cr } from "../components/ui/atoms/icons/weaviate.js";
-import { Workday as Gr } from "../components/ui/atoms/icons/workday.js";
-import { Wrike as yr } from "../components/ui/atoms/icons/wrike.js";
-import { X as Sr } from "../components/ui/atoms/icons/x.js";
+import { Telegram as gr } from "../components/ui/atoms/icons/telegram.js";
+import { Ticktick as kr } from "../components/ui/atoms/icons/ticktick.js";
+import { Tiktok as Ar } from "../components/ui/atoms/icons/tiktok.js";
+import { Trello as dr } from "../components/ui/atoms/icons/trello.js";
+import { Twilio as br } from "../components/ui/atoms/icons/twilio.js";
+import { Twitch as hr } from "../components/ui/atoms/icons/twitch.js";
+import { Vercel as Mr } from "../components/ui/atoms/icons/vercel.js";
+import { Walmart as Cr } from "../components/ui/atoms/icons/walmart.js";
+import { Weaviate as Gr } from "../components/ui/atoms/icons/weaviate.js";
+import { Workday as yr } from "../components/ui/atoms/icons/workday.js";
+import { Wrike as Sr } from "../components/ui/atoms/icons/wrike.js";
+import { X as Br } from "../components/ui/atoms/icons/x.js";
 import { Xero as y } from "../components/ui/atoms/icons/xero.js";
-import { Youtube as Br } from "../components/ui/atoms/icons/youtube.js";
-import { Yugabytedb as Pr } from "../components/ui/atoms/icons/yugabytedb.js";
-import { Zendesk as Tr } from "../components/ui/atoms/icons/zendesk.js";
-import { ZohoBooks as Dr } from "../components/ui/atoms/icons/zoho-books.js";
-import { ZohoCreator as Or } from "../components/ui/atoms/icons/zoho-creator.js";
-import { Zoom as wr } from "../components/ui/atoms/icons/zoom.js";
+import { Youtube as Pr } from "../components/ui/atoms/icons/youtube.js";
+import { Yugabytedb as Tr } from "../components/ui/atoms/icons/yugabytedb.js";
+import { Zendesk as Dr } from "../components/ui/atoms/icons/zendesk.js";
+import { ZohoBooks as Or } from "../components/ui/atoms/icons/zoho-books.js";
+import { ZohoCreator as wr } from "../components/ui/atoms/icons/zoho-creator.js";
+import { Zoom as Hr } from "../components/ui/atoms/icons/zoom.js";
 import { findToolkitByName as P } from "./utils.js";
 const S = {
   ADPWorkforceNow: D,
@@ -253,41 +254,42 @@ const S = {
   Quickbooks: ir,
   Railway: tr,
   Reddit: mr,
-  Salesforce: er,
-  Shopify: pr,
-  Singlestore: fr,
+  Resend: er,
+  Salesforce: pr,
+  Shopify: fr,
+  Singlestore: ar,
   Slack: C,
   SlackApi: C,
-  Snowflake: ar,
-  Splunk: lr,
-  Spotify: sr,
+  Snowflake: lr,
+  Splunk: sr,
+  Spotify: nr,
   Square: p,
-  Squareup: cr,
+  Squareup: ur,
   SquareupApi: p,
   SquareUpApi: p,
-  Squarespace: nr,
+  Squarespace: cr,
   Stripe: G,
   StripeApi: G,
-  Telegram: ur,
-  Tiktok: kr,
-  TickTickApi: gr,
-  TrelloApi: Ar,
-  Twilio: dr,
-  Twitch: br,
-  Vercel: hr,
-  Walmart: Mr,
-  WeaviateApi: Cr,
-  Workday: Gr,
-  Wrike: yr,
-  X: Sr,
+  Telegram: gr,
+  Tiktok: Ar,
+  TickTickApi: kr,
+  TrelloApi: dr,
+  Twilio: br,
+  Twitch: hr,
+  Vercel: Mr,
+  Walmart: Cr,
+  WeaviateApi: Gr,
+  Workday: yr,
+  Wrike: Sr,
+  X: Br,
   Xero: y,
   XeroApi: y,
-  YugabyteDB: Pr,
-  ZohoBooksApi: Dr,
-  ZohoCreatorApi: Or,
-  Youtube: Br,
-  Zendesk: Tr,
-  Zoom: wr
+  YugabyteDB: Tr,
+  ZohoBooksApi: Or,
+  ZohoCreatorApi: wr,
+  Youtube: Pr,
+  Zendesk: Dr,
+  Zoom: Hr
 }, T = (r) => {
   if (!r)
     return n;
@@ -295,16 +297,16 @@ const S = {
     (m) => m.toLowerCase() === t
   );
   return i ? S[i] : n;
-}, rm = (r) => {
+}, tm = (r) => {
   const t = P(r), i = T(t?.id);
   return ({ className: m }) => /* @__PURE__ */ B(i, { className: m });
-}, im = (r) => {
+}, mm = (r) => {
   const t = P(r), i = T(t?.id);
   return ({ className: m }) => /* @__PURE__ */ B(i, { className: m });
 };
 export {
   S as TOOLKIT_ICON_MAP,
-  im as getToolIconByToolkitName,
+  mm as getToolIconByToolkitName,
   T as getToolkitIcon,
-  rm as getToolkitIconByName
+  tm as getToolkitIconByName
 };

package/dist/metadata/toolkits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolkits.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkits.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,QAAQ,EAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,EAykE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAMrD,CAAC"}
+{"version":3,"file":"toolkits.d.ts","sourceRoot":"","sources":["../../lib/metadata/toolkits.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,QAAQ,EAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,EAulE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAMrD,CAAC"}

package/dist/metadata/toolkits.js

@@ -1558,6 +1558,19 @@ const r = [
     isComingSoon: !1,
     isHidden: !1
   },
+  {
+    id: "Resend",
+    label: "Resend",
+    isBYOC: !1,
+    isPro: !1,
+    publicIconUrl: `${e}/resend.svg`,
+    docsLink: "https://docs.arcade.dev/en/resources/integrations/productivity/resend",
+    relativeDocsLink: "/en/resources/integrations/productivity/resend",
+    category: "productivity",
+    type: "arcade",
+    isComingSoon: !1,
+    isHidden: !1
+  },
   {
     id: "Salesforce",
     label: "Salesforce",

package/dist/{toolkit-card-Dc104Z9e.js → toolkit-card-ryIR325K.js}

@@ -22,6 +22,8 @@ import "./components/ui/molecules/prompt-input.js";
 import "./components/ui/molecules/tool-call-accordion.js";
 import "./components/ui/molecules/tool-card.js";
 import { areStringArraysEqual as h, createPropsComparator as B } from "./components/ui/utils/memo.js";
+import "./metadata/oauth-providers.js";
+import "./metadata/toolkits.js";
 const F = ({
   secrets: r,
   className: a
@@ -64,14 +66,14 @@ const F = ({
   oauth: r,
   className: a
 }) => {
-  const s = r.providers.filter((d) => d.status === "active").length, t = r.providers.length - s > 0, l = /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+  const s = r.providers.filter((o) => o.status === "active").length, t = r.providers.length - s > 0, l = /* @__PURE__ */ i("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "OAuth Authorization" }),
-    r.providers.map((d) => /* @__PURE__ */ i("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
-      /* @__PURE__ */ e("span", { className: "font-medium", children: d.id }),
+    r.providers.map((o) => /* @__PURE__ */ i("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
+      /* @__PURE__ */ e("span", { className: "font-medium", children: o.id }),
       " ",
-      d.status === "active" ? /* @__PURE__ */ e("span", { className: "text-emerald-700 dark:text-emerald-300", children: "(active)" }) : /* @__PURE__ */ e("span", { className: "text-red-700 dark:text-red-300", children: "(inactive)" }),
-      d.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: d.scopes.join(", ") })
-    ] }, d.id))
+      o.status === "active" ? /* @__PURE__ */ e("span", { className: "text-emerald-700 dark:text-emerald-300", children: "(active)" }) : /* @__PURE__ */ e("span", { className: "text-red-700 dark:text-red-300", children: "(inactive)" }),
+      o.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: o.scopes.join(", ") })
+    ] }, o.id))
   ] });
   return /* @__PURE__ */ i(v, { children: [
     /* @__PURE__ */ i(
@@ -132,8 +134,8 @@ const G = f.memo(F, (r, a) => r.className !== a.className ? !1 : r.secrets === a
   if (s.length !== n.length)
     return !1;
   for (let t = 0; t < s.length; t++) {
-    const l = s[t], d = n[t];
-    if (!(l.id === d.id && l.status === d.status) || !h(l.scopes, d.scopes))
+    const l = s[t], o = n[t];
+    if (!(l.id === o.id && l.status === o.status) || !h(l.scopes, o.scopes))
       return !1;
   }
   return !0;
@@ -176,7 +178,7 @@ function X({
   Icon: n = (p) => /* @__PURE__ */ e($, { ...p }),
   isSelected: t = !1,
   isPartiallySelected: l = !1,
-  selectedToolsCount: d = 0,
+  selectedToolsCount: o = 0,
   requirementsSummary: x,
   onSelect: g,
   onView: c,
@@ -191,9 +193,9 @@ function X({
       return;
     }
     g?.(!(t || l));
-  }, [u, t, l, g, c]), T = (o) => {
-    const q = o.key === "Enter" || o.code === "Enter", E = o.key === " " || o.key === "Spacebar" || o.code === "Space";
-    (q || E) && (o.preventDefault(), p()), (o.key === "ArrowRight" || o.code === "ArrowRight") && c && (o.preventDefault(), c());
+  }, [u, t, l, g, c]), T = (d) => {
+    const q = d.key === "Enter" || d.code === "Enter", E = d.key === " " || d.key === "Spacebar" || d.code === "Space";
+    (q || E) && (d.preventDefault(), p()), (d.key === "ArrowRight" || d.code === "ArrowRight") && c && (d.preventDefault(), c());
   }, b = l && !t;
   return /* @__PURE__ */ e(
     D,
@@ -222,8 +224,8 @@ function X({
           partial: l
         })
       ),
-      onClick: (o) => {
-        o.target.closest('[data-slot="checkbox-wrapper"]') || p();
+      onClick: (d) => {
+        d.target.closest('[data-slot="checkbox-wrapper"]') || p();
       },
       onKeyDown: T,
       tabIndex: 0,
@@ -247,8 +249,8 @@ function X({
                     {
                       checked: t,
                       indeterminate: l && !t,
-                      onCheckedChange: (o) => {
-                        g?.(o === !0);
+                      onCheckedChange: (d) => {
+                        g?.(d === !0);
                       },
                       tabIndex: -1
                     }
@@ -271,7 +273,7 @@ function X({
                   indeterminate: b,
                   name: r,
                   onClick: () => c(),
-                  selectedCount: d,
+                  selectedCount: o,
                   toolsCount: s
                 }
               ) : /* @__PURE__ */ i(
@@ -285,7 +287,7 @@ function X({
                     /* @__PURE__ */ e("span", { children: M(
                       l,
                       t,
-                      d,
+                      o,
                       s
                     ) })
                   ]
@@ -319,7 +321,7 @@ const Y = B([
   "isByoc",
   "isPro",
   "hideCheckbox"
-]), Ne = f.memo(
+]), ye = f.memo(
   X,
   Y
 );
@@ -327,5 +329,5 @@ export {
   H as O,
   J as R,
   G as S,
-  Ne as T
+  ye as T
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "3.41.1",
+  "version": "3.42.4",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",