@arcadeai/design-system 3.21.0 → 3.23.0

package/dist/metadata/oauth-providers.d.ts

@@ -8,6 +8,7 @@ export declare const OAuthId: {
     readonly Clickup: "arcade-clickup";
     readonly Discord: "arcade-discord";
     readonly Dropbox: "arcade-dropbox";
+    readonly Figma: "arcade-figma";
     readonly Github: "arcade-github";
     readonly Google: "arcade-google";
     readonly Hubspot: "arcade-hubspot";
@@ -41,6 +42,7 @@ export declare const OAuthProviderId: {
     readonly Clickup: "clickup";
     readonly Discord: "discord";
     readonly Dropbox: "dropbox";
+    readonly Figma: "figma";
     readonly Github: "github";
     readonly Google: "google";
     readonly Hubspot: "hubspot";
@@ -95,7 +97,7 @@ export declare const MCP_OAUTH2_PROVIDER: {
     docs: string;
 };
 /**
- * OTHER OAUTH PROVIDERS - A list of all OAuth providers that are not prebuilt
+ * OTHER OAUTH PROVIDERS - Generic OAuth providers for custom integrations
  */
 export declare const OTHER_OAUTH_PROVIDERS: OAuthCatalogue[];
 /**

package/dist/metadata/oauth-providers.js

@@ -6,30 +6,31 @@ import { Calendly as c } from "../components/ui/atoms/icons/calendly.js";
 import { Clickup as n } from "../components/ui/atoms/icons/clickup.js";
 import { Discord as p } from "../components/ui/atoms/icons/discord.js";
 import { Dropbox as h } from "../components/ui/atoms/icons/dropbox.js";
-import { Github as l } from "../components/ui/atoms/icons/github.js";
+import { Figma as l } from "../components/ui/atoms/icons/figma.js";
+import { Github as m } from "../components/ui/atoms/icons/github.js";
 import { Google as u } from "../components/ui/atoms/icons/google.js";
-import { Hubspot as m } from "../components/ui/atoms/icons/hubspot.js";
-import { Linear as v } from "../components/ui/atoms/icons/linear.js";
-import { Linkedin as g } from "../components/ui/atoms/icons/linkedin.js";
-import { Mailchimp as b } from "../components/ui/atoms/icons/mailchimp.js";
-import { Mcp as A } from "../components/ui/atoms/icons/mcp.js";
+import { Hubspot as v } from "../components/ui/atoms/icons/hubspot.js";
+import { Linear as g } from "../components/ui/atoms/icons/linear.js";
+import { Linkedin as b } from "../components/ui/atoms/icons/linkedin.js";
+import { Mailchimp as A } from "../components/ui/atoms/icons/mailchimp.js";
+import { Mcp as f } from "../components/ui/atoms/icons/mcp.js";
 import { Microsoft as k } from "../components/ui/atoms/icons/microsoft.js";
-import { Miro as f } from "../components/ui/atoms/icons/miro.js";
-import { Notion as _ } from "../components/ui/atoms/icons/notion.js";
-import { Oauth as I } from "../components/ui/atoms/icons/oauth.js";
-import { Pagerduty as w } from "../components/ui/atoms/icons/pagerduty.js";
-import { Reddit as U } from "../components/ui/atoms/icons/reddit.js";
-import { Salesforce as z } from "../components/ui/atoms/icons/salesforce.js";
-import { Slack as y } from "../components/ui/atoms/icons/slack.js";
-import { Spotify as T } from "../components/ui/atoms/icons/spotify.js";
-import { Square as S } from "../components/ui/atoms/icons/square.js";
-import { Tesla as $ } from "../components/ui/atoms/icons/tesla.js";
-import { Ticktick as M } from "../components/ui/atoms/icons/ticktick.js";
-import { Twitch as O } from "../components/ui/atoms/icons/twitch.js";
-import { X as C } from "../components/ui/atoms/icons/x.js";
-import { Zendesk as P } from "../components/ui/atoms/icons/zendesk.js";
-import { Zoho as D } from "../components/ui/atoms/icons/zoho.js";
-import { Zoom as R } from "../components/ui/atoms/icons/zoom.js";
+import { Miro as _ } from "../components/ui/atoms/icons/miro.js";
+import { Notion as I } from "../components/ui/atoms/icons/notion.js";
+import { Oauth as w } from "../components/ui/atoms/icons/oauth.js";
+import { Pagerduty as U } from "../components/ui/atoms/icons/pagerduty.js";
+import { Reddit as z } from "../components/ui/atoms/icons/reddit.js";
+import { Salesforce as y } from "../components/ui/atoms/icons/salesforce.js";
+import { Slack as T } from "../components/ui/atoms/icons/slack.js";
+import { Spotify as S } from "../components/ui/atoms/icons/spotify.js";
+import { Square as $ } from "../components/ui/atoms/icons/square.js";
+import { Tesla as M } from "../components/ui/atoms/icons/tesla.js";
+import { Ticktick as O } from "../components/ui/atoms/icons/ticktick.js";
+import { Twitch as C } from "../components/ui/atoms/icons/twitch.js";
+import { X as P } from "../components/ui/atoms/icons/x.js";
+import { Zendesk as D } from "../components/ui/atoms/icons/zendesk.js";
+import { Zoho as R } from "../components/ui/atoms/icons/zoho.js";
+import { Zoom as Z } from "../components/ui/atoms/icons/zoom.js";
 import { PUBLIC_ICON_URL as o } from "./constants.js";
 const i = {
   Airtable: "arcade-airtable",
@@ -39,6 +40,7 @@ const i = {
   Clickup: "arcade-clickup",
   Discord: "arcade-discord",
   Dropbox: "arcade-dropbox",
+  Figma: "arcade-figma",
   Github: "arcade-github",
   Google: "arcade-google",
   Hubspot: "arcade-hubspot",
@@ -71,6 +73,7 @@ const i = {
   Clickup: "clickup",
   Discord: "discord",
   Dropbox: "dropbox",
+  Figma: "figma",
   Github: "github",
   Google: "google",
   Hubspot: "hubspot",
@@ -95,7 +98,16 @@ const i = {
   Zendesk: "zendesk",
   Zoho: "zoho",
   Zoom: "zoom"
-}, Z = [
+}, x = [
+  {
+    id: i.Airtable,
+    provider_id: e.Airtable,
+    name: "Airtable",
+    description: "Authorize tools and agents with Airtable",
+    publicIconUrl: `${o}/airtable.svg`,
+    icon: d,
+    docs: "https://docs.arcade.dev/home/auth-providers/airtable"
+  },
   {
     id: i.Asana,
     provider_id: e.Asana,
@@ -114,6 +126,24 @@ const i = {
     icon: s,
     docs: "https://docs.arcade.dev/home/auth-providers/atlassian"
   },
+  {
+    id: i.Calendly,
+    provider_id: e.Calendly,
+    name: "Calendly",
+    description: "Authorize tools and agents with Calendly",
+    publicIconUrl: `${o}/calendly.svg`,
+    icon: c,
+    docs: "https://docs.arcade.dev/home/auth-providers/calendly"
+  },
+  {
+    id: i.Clickup,
+    provider_id: e.Clickup,
+    name: "ClickUp",
+    description: "Authorize tools and agents with ClickUp",
+    publicIconUrl: `${o}/clickup.svg`,
+    icon: n,
+    docs: "https://docs.arcade.dev/home/auth-providers/clickup"
+  },
   {
     id: i.Discord,
     provider_id: e.Discord,
@@ -132,13 +162,22 @@ const i = {
     icon: h,
     docs: "https://docs.arcade.dev/home/auth-providers/dropbox"
   },
+  {
+    id: i.Figma,
+    provider_id: e.Figma,
+    name: "Figma",
+    description: "Authorize tools and agents with Figma",
+    publicIconUrl: `${o}/figma.svg`,
+    icon: l,
+    docs: "https://docs.arcade.dev/home/auth-providers/figma"
+  },
   {
     id: i.Github,
     provider_id: e.Github,
     name: "GitHub",
     description: "Authorize tools and agents with GitHub, including private repositories",
     publicIconUrl: `${o}/github.svg`,
-    icon: l,
+    icon: m,
     docs: "https://docs.arcade.dev/home/auth-providers/github"
   },
   {
@@ -156,7 +195,7 @@ const i = {
     name: "HubSpot",
     description: "Authorize tools and agents with HubSpot",
     publicIconUrl: `${o}/hubspot.svg`,
-    icon: m,
+    icon: v,
     docs: "https://docs.arcade.dev/home/auth-providers/hubspot"
   },
   {
@@ -165,7 +204,7 @@ const i = {
     name: "Linear",
     description: "Authorize tools and agents with Linear",
     publicIconUrl: `${o}/linear.svg`,
-    icon: v,
+    icon: g,
     docs: "https://docs.arcade.dev/home/auth-providers/linear"
   },
   {
@@ -174,9 +213,18 @@ const i = {
     name: "LinkedIn",
     description: "Authorize tools and agents with LinkedIn",
     publicIconUrl: `${o}/linkedin.svg`,
-    icon: g,
+    icon: b,
     docs: "https://docs.arcade.dev/home/auth-providers/linkedin"
   },
+  {
+    id: i.Mailchimp,
+    provider_id: e.Mailchimp,
+    name: "Mailchimp",
+    description: "Authorize tools and agents with Mailchimp",
+    publicIconUrl: `${o}/mailchimp.svg`,
+    icon: A,
+    docs: "https://docs.arcade.dev/home/auth-providers/mailchimp"
+  },
   {
     id: i.Microsoft,
     provider_id: e.Microsoft,
@@ -186,22 +234,40 @@ const i = {
     icon: k,
     docs: "https://docs.arcade.dev/home/auth-providers/microsoft"
   },
+  {
+    id: i.Miro,
+    provider_id: e.Miro,
+    name: "Miro",
+    description: "Authorize tools and agents with Miro",
+    publicIconUrl: `${o}/miro.svg`,
+    icon: _,
+    docs: "https://docs.arcade.dev/home/auth-providers/miro"
+  },
   {
     id: i.Notion,
     provider_id: e.Notion,
     name: "Notion",
     description: "Authorize tools and agents with Notion",
     publicIconUrl: `${o}/notion.svg`,
-    icon: _,
+    icon: I,
     docs: "https://docs.arcade.dev/home/auth-providers/notion"
   },
+  {
+    id: i.Pagerduty,
+    provider_id: e.Pagerduty,
+    name: "PagerDuty",
+    description: "Authorize tools and agents with PagerDuty",
+    publicIconUrl: `${o}/pagerduty.svg`,
+    icon: U,
+    docs: "https://docs.arcade.dev/home/auth-providers/pagerduty"
+  },
   {
     id: i.Reddit,
     provider_id: e.Reddit,
     name: "Reddit",
     description: "Authorize tools and agents with Reddit",
     publicIconUrl: `${o}/reddit.svg`,
-    icon: U,
+    icon: z,
     docs: "https://docs.arcade.dev/home/auth-providers/reddit"
   },
   {
@@ -210,7 +276,7 @@ const i = {
     name: "Slack",
     description: "Authorize tools and agents with Slack",
     publicIconUrl: `${o}/slack.svg`,
-    icon: y,
+    icon: T,
     docs: "https://docs.arcade.dev/home/auth-providers/slack"
   },
   {
@@ -219,16 +285,34 @@ const i = {
     name: "Spotify",
     description: "Authorize tools and agents with Spotify",
     publicIconUrl: `${o}/spotify.svg`,
-    icon: T,
+    icon: S,
     docs: "https://docs.arcade.dev/home/auth-providers/spotify"
   },
+  {
+    id: i.Squareup,
+    provider_id: e.Squareup,
+    name: "Square",
+    description: "Authorize tools and agents with Square",
+    publicIconUrl: `${o}/square.svg`,
+    icon: $,
+    docs: "https://docs.arcade.dev/home/auth-providers/squareup"
+  },
+  {
+    id: i.Ticktick,
+    provider_id: e.Ticktick,
+    name: "TickTick",
+    description: "Authorize tools and agents with TickTick",
+    publicIconUrl: `${o}/ticktick.svg`,
+    icon: O,
+    docs: "https://docs.arcade.dev/home/auth-providers/ticktick"
+  },
   {
     id: i.Twitch,
     provider_id: e.Twitch,
     name: "Twitch",
     description: "Authorize tools and agents with Twitch",
     publicIconUrl: `${o}/twitch.svg`,
-    icon: O,
+    icon: C,
     docs: "https://docs.arcade.dev/home/auth-providers/twitch"
   },
   {
@@ -237,127 +321,64 @@ const i = {
     name: "X (Twitter)",
     description: "Authorize tools and agents with X (Twitter)",
     publicIconUrl: `${o}/x.svg`,
-    icon: C,
+    icon: P,
     docs: "https://docs.arcade.dev/home/auth-providers/x"
   },
+  {
+    id: i.Zoho,
+    provider_id: e.Zoho,
+    name: "Zoho",
+    description: "Authorize tools and agents with Zoho",
+    publicIconUrl: `${o}/zoho.svg`,
+    icon: R,
+    docs: "https://docs.arcade.dev/home/auth-providers/zoho"
+  },
   {
     id: i.Zoom,
     provider_id: e.Zoom,
     name: "Zoom",
     description: "Authorize tools and agents with Zoom",
     publicIconUrl: `${o}/zoom.svg`,
-    icon: R,
+    icon: Z,
     docs: "https://docs.arcade.dev/home/auth-providers/zoom"
   }
-], x = {
+], L = {
   id: i.OAuth2,
   provider_id: e.OAuth2,
   name: "OAuth 2.0",
   description: "Authorize tools and agents with any OAuth 2.0 compatible provider",
   publicIconUrl: `${o}/oauth.svg`,
-  icon: I,
+  icon: w,
   docs: "https://docs.arcade.dev/home/auth-providers/oauth2"
-}, L = {
+}, G = {
   id: i.MCP_OAuth2,
   provider_id: e.MCP_OAuth2,
   name: "MCP",
   description: "Model Context Protocol (MCP)",
   publicIconUrl: `${o}/mcp.svg`,
-  icon: A,
+  icon: f,
   docs: "https://docs.arcade.dev/en/home/glossary#mcp-server"
   // TODO: Use the correct docs link when we have it
-}, G = [
-  x,
+}, H = [
   L,
-  {
-    id: i.Airtable,
-    provider_id: e.Airtable,
-    name: "Airtable",
-    description: "Authorize tools and agents with Airtable",
-    publicIconUrl: `${o}/airtable.svg`,
-    icon: d,
-    docs: "https://docs.arcade.dev/home/auth-providers/airtable"
-  },
-  {
-    id: i.Calendly,
-    provider_id: e.Calendly,
-    name: "Calendly",
-    description: "Authorize tools and agents with Calendly",
-    publicIconUrl: `${o}/calendly.svg`,
-    icon: c,
-    docs: "https://docs.arcade.dev/home/auth-providers/calendly"
-  },
-  {
-    id: i.Clickup,
-    provider_id: e.Clickup,
-    name: "ClickUp",
-    description: "Authorize tools and agents with ClickUp",
-    publicIconUrl: `${o}/clickup.svg`,
-    icon: n,
-    docs: "https://docs.arcade.dev/home/auth-providers/clickup"
-  },
-  {
-    id: i.Mailchimp,
-    provider_id: e.Mailchimp,
-    name: "Mailchimp",
-    description: "Authorize tools and agents with Mailchimp",
-    publicIconUrl: `${o}/mailchimp.svg`,
-    icon: b,
-    docs: "https://docs.arcade.dev/home/auth-providers/mailchimp"
-  },
-  {
-    id: i.Miro,
-    provider_id: e.Miro,
-    name: "Miro",
-    description: "Authorize tools and agents with Miro",
-    publicIconUrl: `${o}/miro.svg`,
-    icon: f,
-    docs: "https://docs.arcade.dev/home/auth-providers/miro"
-  },
-  {
-    id: i.Pagerduty,
-    provider_id: e.Pagerduty,
-    name: "PagerDuty",
-    description: "Authorize tools and agents with PagerDuty",
-    publicIconUrl: `${o}/pagerduty.svg`,
-    icon: w,
-    docs: "https://docs.arcade.dev/home/auth-providers/pagerduty"
-  },
+  G,
   {
     id: i.Salesforce,
     provider_id: e.Salesforce,
     name: "Salesforce",
     description: "Authorize tools and agents with Salesforce",
     publicIconUrl: `${o}/salesforce.svg`,
-    icon: z,
+    icon: y,
     docs: "https://docs.arcade.dev/home/auth-providers/salesforce"
   },
-  {
-    id: i.Squareup,
-    provider_id: e.Squareup,
-    name: "Square",
-    description: "Authorize tools and agents with Square",
-    publicIconUrl: `${o}/square.svg`,
-    icon: S,
-    docs: "https://docs.arcade.dev/home/auth-providers/squareup"
-  },
   {
     id: i.Tesla,
     provider_id: e.Tesla,
     name: "Tesla",
     description: "Authorize tools and agents with Tesla",
     publicIconUrl: `${o}/tesla.svg`,
-    icon: $,
-    docs: "https://docs.arcade.dev/home/auth-providers/tesla"
-  },
-  {
-    id: i.Ticktick,
-    provider_id: e.Ticktick,
-    name: "TickTick",
-    description: "Authorize tools and agents with TickTick",
-    publicIconUrl: `${o}/ticktick.svg`,
     icon: M,
-    docs: "https://docs.arcade.dev/home/auth-providers/ticktick"
+    docs: "https://docs.arcade.dev/home/auth-providers/tesla"
   },
   {
     id: i.Zendesk,
@@ -365,32 +386,23 @@ const i = {
     name: "Zendesk",
     description: "Authorize tools and agents with Zendesk",
     publicIconUrl: `${o}/zendesk.svg`,
-    icon: P,
-    docs: "https://docs.arcade.dev/home/auth-providers/zendesk"
-  },
-  {
-    id: i.Zoho,
-    provider_id: e.Zoho,
-    name: "Zoho",
-    description: "Authorize tools and agents with Zoho",
-    publicIconUrl: `${o}/zoho.svg`,
     icon: D,
-    docs: "https://docs.arcade.dev/home/auth-providers/zoho"
+    docs: "https://docs.arcade.dev/home/auth-providers/zendesk"
   }
-], H = [
-  ...Z,
-  ...G
-], _o = H.reduce(
+], q = [
+  ...x,
+  ...H
+], wo = q.reduce(
   (r, t) => (r[t.provider_id] = t, r),
   {}
 );
 export {
-  L as MCP_OAUTH2_PROVIDER,
-  x as OAUTH2_PROVIDER,
-  H as OAUTH_PROVIDERS,
-  _o as OAUTH_PROVIDER_CATALOGUE,
+  G as MCP_OAUTH2_PROVIDER,
+  L as OAUTH2_PROVIDER,
+  q as OAUTH_PROVIDERS,
+  wo as OAUTH_PROVIDER_CATALOGUE,
   i as OAuthId,
   e as OAuthProviderId,
-  G as OTHER_OAUTH_PROVIDERS,
-  Z as PREBUILT_OAUTH_PROVIDERS
+  H as OTHER_OAUTH_PROVIDERS,
+  x as PREBUILT_OAUTH_PROVIDERS
 };

package/dist/metadata/toolkit-icons.js

@@ -1,106 +1,106 @@
-import { jsx as A } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { Adp as C } from "../components/ui/atoms/icons/adp.js";
-import { Aha as I } from "../components/ui/atoms/icons/aha.js";
-import { Airtable as p } from "../components/ui/atoms/icons/airtable.js";
-import { Amplitude as G } from "../components/ui/atoms/icons/amplitude.js";
-import { Arcade as S } from "../components/ui/atoms/icons/arcade.js";
-import { Asana as b } from "../components/ui/atoms/icons/asana.js";
-import { Ashby as B } from "../components/ui/atoms/icons/ashby.js";
-import { Auth0 as y } from "../components/ui/atoms/icons/auth0.js";
+import { Aha as h } from "../components/ui/atoms/icons/aha.js";
+import { Airtable as f } from "../components/ui/atoms/icons/airtable.js";
+import { Amplitude as S } from "../components/ui/atoms/icons/amplitude.js";
+import { Arcade as G } from "../components/ui/atoms/icons/arcade.js";
+import { Asana as B } from "../components/ui/atoms/icons/asana.js";
+import { Ashby as y } from "../components/ui/atoms/icons/ashby.js";
+import { Auth0 as M } from "../components/ui/atoms/icons/auth0.js";
 import { Bamboohr as T } from "../components/ui/atoms/icons/bamboohr.js";
-import { Basecamp as M } from "../components/ui/atoms/icons/basecamp.js";
-import { Bill as D } from "../components/ui/atoms/icons/bill.js";
+import { Basecamp as D } from "../components/ui/atoms/icons/basecamp.js";
+import { Bill as H } from "../components/ui/atoms/icons/bill.js";
 import { Bitbucket as O } from "../components/ui/atoms/icons/bitbucket.js";
-import { Bluesky as w } from "../components/ui/atoms/icons/bluesky.js";
-import { Box as f } from "../components/ui/atoms/icons/box.js";
-import { Braze as x } from "../components/ui/atoms/icons/braze.js";
-import { Brex as F } from "../components/ui/atoms/icons/brex.js";
-import { Brightdata as v } from "../components/ui/atoms/icons/brightdata.js";
+import { Bluesky as v } from "../components/ui/atoms/icons/bluesky.js";
+import { Box as a } from "../components/ui/atoms/icons/box.js";
+import { Braze as w } from "../components/ui/atoms/icons/braze.js";
+import { Brex as x } from "../components/ui/atoms/icons/brex.js";
+import { Brightdata as F } from "../components/ui/atoms/icons/brightdata.js";
 import { Buffer as N } from "../components/ui/atoms/icons/buffer.js";
-import { Calendly as a } from "../components/ui/atoms/icons/calendly.js";
+import { Calendly as l } from "../components/ui/atoms/icons/calendly.js";
 import { Clickhouse as E } from "../components/ui/atoms/icons/clickhouse.js";
-import { Clickup as H } from "../components/ui/atoms/icons/clickup.js";
-import { Closeio as W } from "../components/ui/atoms/icons/closeio.js";
-import { Codesandbox as q } from "../components/ui/atoms/icons/codesandbox.js";
-import { Coinbase as L } from "../components/ui/atoms/icons/coinbase.js";
-import { Confluence as Z } from "../components/ui/atoms/icons/confluence.js";
-import { Cursor as X } from "../components/ui/atoms/icons/cursor.js";
-import { Customerio as t } from "../components/ui/atoms/icons/customerio.js";
-import { Datadog as J } from "../components/ui/atoms/icons/datadog.js";
+import { Clickup as W } from "../components/ui/atoms/icons/clickup.js";
+import { Closeio as q } from "../components/ui/atoms/icons/closeio.js";
+import { Codesandbox as L } from "../components/ui/atoms/icons/codesandbox.js";
+import { Coinbase as Z } from "../components/ui/atoms/icons/coinbase.js";
+import { Confluence as X } from "../components/ui/atoms/icons/confluence.js";
+import { Cursor as J } from "../components/ui/atoms/icons/cursor.js";
+import { Customerio as e } from "../components/ui/atoms/icons/customerio.js";
+import { Datadog as R } from "../components/ui/atoms/icons/datadog.js";
 import { DigitalOcean as z } from "../components/ui/atoms/icons/digital-ocean.js";
-import { Discord as R } from "../components/ui/atoms/icons/discord.js";
+import { Discord as U } from "../components/ui/atoms/icons/discord.js";
 import { Dropbox as j } from "../components/ui/atoms/icons/dropbox.js";
 import { E2b as K } from "../components/ui/atoms/icons/e2b.js";
 import { Ebay as Q } from "../components/ui/atoms/icons/ebay.js";
-import { Evernote as U } from "../components/ui/atoms/icons/evernote.js";
-import { Exa as V } from "../components/ui/atoms/icons/exa.js";
-import { Factorial as Y } from "../components/ui/atoms/icons/factorial.js";
-import { Figma as l } from "../components/ui/atoms/icons/figma.js";
-import { Firecrawl as _ } from "../components/ui/atoms/icons/firecrawl.js";
-import { Freshservice as $ } from "../components/ui/atoms/icons/freshservice.js";
-import { Generic as s } from "../components/ui/atoms/icons/generic.js";
-import { Github as oo } from "../components/ui/atoms/icons/github.js";
-import { Gitlab as ro } from "../components/ui/atoms/icons/gitlab.js";
+import { Evernote as V } from "../components/ui/atoms/icons/evernote.js";
+import { Exa as Y } from "../components/ui/atoms/icons/exa.js";
+import { Factorial as _ } from "../components/ui/atoms/icons/factorial.js";
+import { Figma as s } from "../components/ui/atoms/icons/figma.js";
+import { Firecrawl as $ } from "../components/ui/atoms/icons/firecrawl.js";
+import { Freshservice as oo } from "../components/ui/atoms/icons/freshservice.js";
+import { Generic as n } from "../components/ui/atoms/icons/generic.js";
+import { Github as ro } from "../components/ui/atoms/icons/github.js";
+import { Gitlab as io } from "../components/ui/atoms/icons/gitlab.js";
 import { Gmail as mo } from "../components/ui/atoms/icons/gmail.js";
-import { Google as io } from "../components/ui/atoms/icons/google.js";
-import { GoogleCalendar as to } from "../components/ui/atoms/icons/google-calendar.js";
-import { GoogleContacts as eo } from "../components/ui/atoms/icons/google-contacts.js";
-import { GoogleDocs as po } from "../components/ui/atoms/icons/google-docs.js";
-import { GoogleDrive as fo } from "../components/ui/atoms/icons/google-drive.js";
-import { GoogleFinance as ao } from "../components/ui/atoms/icons/google-finance.js";
-import { GoogleFlights as lo } from "../components/ui/atoms/icons/google-flights.js";
-import { GoogleHotels as so } from "../components/ui/atoms/icons/google-hotels.js";
-import { GoogleJobs as no } from "../components/ui/atoms/icons/google-jobs.js";
-import { GoogleMaps as co } from "../components/ui/atoms/icons/google-maps.js";
-import { GoogleNews as uo } from "../components/ui/atoms/icons/google-news.js";
-import { GoogleSheets as go } from "../components/ui/atoms/icons/google-sheets.js";
-import { GoogleShopping as ko } from "../components/ui/atoms/icons/google-shopping.js";
-import { GoogleSlides as Ao } from "../components/ui/atoms/icons/google-slides.js";
-import { Heroku as Po } from "../components/ui/atoms/icons/heroku.js";
-import { Hootsuite as ho } from "../components/ui/atoms/icons/hootsuite.js";
-import { Hubspot as Co } from "../components/ui/atoms/icons/hubspot.js";
-import { Imgflip as Io } from "../components/ui/atoms/icons/imgflip.js";
-import { Intercom as Go } from "../components/ui/atoms/icons/intercom.js";
+import { Google as to } from "../components/ui/atoms/icons/google.js";
+import { GoogleCalendar as eo } from "../components/ui/atoms/icons/google-calendar.js";
+import { GoogleContacts as po } from "../components/ui/atoms/icons/google-contacts.js";
+import { GoogleDocs as fo } from "../components/ui/atoms/icons/google-docs.js";
+import { GoogleDrive as ao } from "../components/ui/atoms/icons/google-drive.js";
+import { GoogleFinance as lo } from "../components/ui/atoms/icons/google-finance.js";
+import { GoogleFlights as so } from "../components/ui/atoms/icons/google-flights.js";
+import { GoogleHotels as no } from "../components/ui/atoms/icons/google-hotels.js";
+import { GoogleJobs as co } from "../components/ui/atoms/icons/google-jobs.js";
+import { GoogleMaps as uo } from "../components/ui/atoms/icons/google-maps.js";
+import { GoogleNews as go } from "../components/ui/atoms/icons/google-news.js";
+import { GoogleSheets as ko } from "../components/ui/atoms/icons/google-sheets.js";
+import { GoogleShopping as Ao } from "../components/ui/atoms/icons/google-shopping.js";
+import { GoogleSlides as Po } from "../components/ui/atoms/icons/google-slides.js";
+import { Heroku as Io } from "../components/ui/atoms/icons/heroku.js";
+import { Hootsuite as bo } from "../components/ui/atoms/icons/hootsuite.js";
+import { Hubspot as o } from "../components/ui/atoms/icons/hubspot.js";
+import { Imgflip as Co } from "../components/ui/atoms/icons/imgflip.js";
+import { Intercom as ho } from "../components/ui/atoms/icons/intercom.js";
 import { Jira as So } from "../components/ui/atoms/icons/jira.js";
-import { Linear as bo } from "../components/ui/atoms/icons/linear.js";
+import { Linear as Go } from "../components/ui/atoms/icons/linear.js";
 import { Linkedin as Bo } from "../components/ui/atoms/icons/linkedin.js";
 import { Mailchimp as yo } from "../components/ui/atoms/icons/mailchimp.js";
-import { Mcp as To } from "../components/ui/atoms/icons/mcp.js";
-import { MicrosoftDynamics as Mo } from "../components/ui/atoms/icons/microsoft-dynamics.js";
+import { Mcp as Mo } from "../components/ui/atoms/icons/mcp.js";
+import { MicrosoftDynamics as To } from "../components/ui/atoms/icons/microsoft-dynamics.js";
 import { MicrosoftSharepoint as Do } from "../components/ui/atoms/icons/microsoft-sharepoint.js";
-import { MicrosoftTeams as Oo } from "../components/ui/atoms/icons/microsoft-teams.js";
-import { Miro as n } from "../components/ui/atoms/icons/miro.js";
-import { Monday as wo } from "../components/ui/atoms/icons/monday.js";
-import { MongoDB as xo } from "../components/ui/atoms/icons/mongodb.js";
-import { Netsuite as Fo } from "../components/ui/atoms/icons/netsuite.js";
-import { Notion as c } from "../components/ui/atoms/icons/notion.js";
-import { Obsidian as vo } from "../components/ui/atoms/icons/obsidian.js";
-import { Okta as No } from "../components/ui/atoms/icons/okta.js";
-import { OneDrive as Eo } from "../components/ui/atoms/icons/one-drive.js";
-import { OutlookCalendar as Ho } from "../components/ui/atoms/icons/outlook-calendar.js";
+import { MicrosoftTeams as Ho } from "../components/ui/atoms/icons/microsoft-teams.js";
+import { Miro as c } from "../components/ui/atoms/icons/miro.js";
+import { Monday as Oo } from "../components/ui/atoms/icons/monday.js";
+import { MongoDB as vo } from "../components/ui/atoms/icons/mongodb.js";
+import { Netsuite as wo } from "../components/ui/atoms/icons/netsuite.js";
+import { Notion as u } from "../components/ui/atoms/icons/notion.js";
+import { Obsidian as xo } from "../components/ui/atoms/icons/obsidian.js";
+import { Okta as Fo } from "../components/ui/atoms/icons/okta.js";
+import { OneDrive as No } from "../components/ui/atoms/icons/one-drive.js";
+import { OutlookCalendar as Eo } from "../components/ui/atoms/icons/outlook-calendar.js";
 import { OutlookMail as Wo } from "../components/ui/atoms/icons/outlook-mail.js";
 import { Pagerduty as qo } from "../components/ui/atoms/icons/pagerduty.js";
 import { Pinecone as Lo } from "../components/ui/atoms/icons/pinecone.js";
 import { Pinterest as Zo } from "../components/ui/atoms/icons/pinterest.js";
 import { Pipedrive as Xo } from "../components/ui/atoms/icons/pipedrive.js";
 import { Plaid as Jo } from "../components/ui/atoms/icons/plaid.js";
-import { Postgres as zo } from "../components/ui/atoms/icons/postgres.js";
-import { Posthog as Ro } from "../components/ui/atoms/icons/posthog.js";
-import { Quickbooks as jo } from "../components/ui/atoms/icons/quickbooks.js";
-import { Reddit as Ko } from "../components/ui/atoms/icons/reddit.js";
-import { Salesforce as Qo } from "../components/ui/atoms/icons/salesforce.js";
-import { Shopify as Uo } from "../components/ui/atoms/icons/shopify.js";
+import { Postgres as Ro } from "../components/ui/atoms/icons/postgres.js";
+import { Posthog as zo } from "../components/ui/atoms/icons/posthog.js";
+import { Quickbooks as Uo } from "../components/ui/atoms/icons/quickbooks.js";
+import { Reddit as jo } from "../components/ui/atoms/icons/reddit.js";
+import { Salesforce as Ko } from "../components/ui/atoms/icons/salesforce.js";
+import { Shopify as Qo } from "../components/ui/atoms/icons/shopify.js";
 import { Singlestore as Vo } from "../components/ui/atoms/icons/singlestore.js";
-import { Slack as u } from "../components/ui/atoms/icons/slack.js";
+import { Slack as g } from "../components/ui/atoms/icons/slack.js";
 import { Snowflake as Yo } from "../components/ui/atoms/icons/snowflake.js";
 import { Splunk as _o } from "../components/ui/atoms/icons/splunk.js";
 import { Spotify as $o } from "../components/ui/atoms/icons/spotify.js";
-import { Square as e } from "../components/ui/atoms/icons/square.js";
+import { Square as p } from "../components/ui/atoms/icons/square.js";
 import { Squarespace as or } from "../components/ui/atoms/icons/squarespace.js";
 import { Squareup as rr } from "../components/ui/atoms/icons/squareup.js";
-import { Stripe as g } from "../components/ui/atoms/icons/stripe.js";
-import { Ticktick as mr } from "../components/ui/atoms/icons/ticktick.js";
-import { Tiktok as ir } from "../components/ui/atoms/icons/tiktok.js";
+import { Stripe as k } from "../components/ui/atoms/icons/stripe.js";
+import { Ticktick as ir } from "../components/ui/atoms/icons/ticktick.js";
+import { Tiktok as mr } from "../components/ui/atoms/icons/tiktok.js";
 import { Trello as tr } from "../components/ui/atoms/icons/trello.js";
 import { Twilio as er } from "../components/ui/atoms/icons/twilio.js";
 import { Twitch as pr } from "../components/ui/atoms/icons/twitch.js";
@@ -110,127 +110,135 @@ import { Weaviate as lr } from "../components/ui/atoms/icons/weaviate.js";
 import { Workday as sr } from "../components/ui/atoms/icons/workday.js";
 import { Wrike as nr } from "../components/ui/atoms/icons/wrike.js";
 import { X as cr } from "../components/ui/atoms/icons/x.js";
-import { Xero as k } from "../components/ui/atoms/icons/xero.js";
+import { Xero as A } from "../components/ui/atoms/icons/xero.js";
 import { Youtube as ur } from "../components/ui/atoms/icons/youtube.js";
 import { Zendesk as gr } from "../components/ui/atoms/icons/zendesk.js";
 import { ZohoBooks as kr } from "../components/ui/atoms/icons/zoho-books.js";
-import { ZohoCreator as dr } from "../components/ui/atoms/icons/zoho-creator.js";
-import { Zoom as Ar } from "../components/ui/atoms/icons/zoom.js";
-import { findToolkitByName as P } from "./utils.js";
-const d = {
+import { ZohoCreator as Ar } from "../components/ui/atoms/icons/zoho-creator.js";
+import { Zoom as Pr } from "../components/ui/atoms/icons/zoom.js";
+import { findToolkitByName as I } from "./utils.js";
+const P = {
   ADPWorkforceNow: C,
-  Aha: I,
-  Airtable: p,
-  AirtableAPI: p,
-  Amplitude: G,
-  ArcadeEngineAPI: S,
-  Asana: b,
-  AshbyAPI: B,
-  Auth0: y,
+  Aha: h,
+  Airtable: f,
+  AirtableAPI: f,
+  Amplitude: S,
+  ArcadeEngineAPI: G,
+  Asana: B,
+  AshbyAPI: y,
+  Auth0: M,
   BambooHR: T,
-  Basecamp: M,
-  BillCom: D,
+  Basecamp: D,
+  BillCom: H,
   Bitbucket: O,
-  Bluesky: w,
-  Box: f,
-  BoxAPI: f,
-  Braze: x,
-  Brex: F,
-  Brightdata: v,
+  Bluesky: v,
+  Box: a,
+  BoxAPI: a,
+  Braze: w,
+  Brex: x,
+  Brightdata: F,
   Buffer: N,
-  Calendly: a,
-  CalendlyAPI: a,
+  Calendly: l,
+  CalendlyAPI: l,
   Clickhouse: E,
-  ClickUp: H,
-  CloseIO: W,
-  Codesandbox: q,
-  Coinbase: L,
-  Confluence: Z,
-  CursorAgentsAPI: X,
-  CustomerioApi: t,
-  CustomerioPipelinesApi: t,
-  CustomerioTrackApi: t,
-  DatadogAPI: J,
+  ClickUp: W,
+  CloseIO: q,
+  Codesandbox: L,
+  Coinbase: Z,
+  Confluence: X,
+  CursorAgentsAPI: J,
+  CustomerioApi: e,
+  CustomerioPipelinesApi: e,
+  CustomerioTrackApi: e,
+  DatadogAPI: R,
   DigitalOcean: z,
-  Discord: R,
+  Discord: U,
   Dropbox: j,
   E2b: K,
   EBay: Q,
-  Evernote: U,
-  ExaAPI: V,
-  Factorial: Y,
-  Figma: l,
-  FigmaAPI: l,
-  Firecrawl: _,
-  FreshserviceAPI: $,
-  Github: oo,
-  GitLab: ro,
+  Evernote: V,
+  ExaAPI: Y,
+  Factorial: _,
+  Figma: s,
+  FigmaAPI: s,
+  Firecrawl: $,
+  FreshserviceAPI: oo,
+  Github: ro,
+  GitLab: io,
   Gmail: mo,
-  GoogleCalendar: to,
-  GoogleContacts: eo,
-  GoogleDocs: po,
-  GoogleDrive: fo,
-  GoogleFinance: ao,
-  GoogleFlights: lo,
-  GoogleHotels: so,
-  GoogleJobs: no,
-  GoogleMaps: co,
-  GoogleNews: uo,
-  GoogleSearch: io,
-  GoogleSheets: go,
-  GoogleShopping: ko,
-  GoogleSlides: Ao,
-  Heroku: Po,
-  Hootsuite: ho,
-  Hubspot: Co,
-  Imgflip: Io,
-  IntercomAPI: Go,
+  GoogleCalendar: eo,
+  GoogleContacts: po,
+  GoogleDocs: fo,
+  GoogleDrive: ao,
+  GoogleFinance: lo,
+  GoogleFlights: so,
+  GoogleHotels: no,
+  GoogleJobs: co,
+  GoogleMaps: uo,
+  GoogleNews: go,
+  GoogleSearch: to,
+  GoogleSheets: ko,
+  GoogleShopping: Ao,
+  GoogleSlides: Po,
+  Heroku: Io,
+  Hootsuite: bo,
+  Hubspot: o,
+  HubspotAutomationAPI: o,
+  HubspotCMSAPI: o,
+  HubspotConversationsAPI: o,
+  HubspotCRMAPI: o,
+  HubspotEventsAPI: o,
+  HubspotMarketingAPI: o,
+  HubspotMeetingsAPI: o,
+  HubspotUsersAPI: o,
+  Imgflip: Co,
+  IntercomAPI: ho,
   Jira: So,
-  Linear: bo,
+  Linear: Go,
   Linkedin: Bo,
   Mailchimp: yo,
-  MCP: To,
-  MicrosoftDynamics: Mo,
+  MCP: Mo,
+  MicrosoftDynamics: To,
   Sharepoint: Do,
-  MicrosoftTeams: Oo,
-  Miro: n,
-  MiroAPI: n,
-  Monday: wo,
-  MongoDB: xo,
-  Netsuite: Fo,
-  Notion: c,
-  NotionToolkit: c,
-  Obsidian: vo,
-  Okta: No,
-  OneDrive: Eo,
-  OutlookCalendar: Ho,
+  MicrosoftTeams: Ho,
+  Miro: c,
+  MiroAPI: c,
+  Monday: Oo,
+  MongoDB: vo,
+  Netsuite: wo,
+  Notion: u,
+  NotionToolkit: u,
+  Obsidian: xo,
+  Okta: Fo,
+  OneDrive: No,
+  OutlookCalendar: Eo,
   OutlookMail: Wo,
   PagerDutyAPI: qo,
   Pinecone: Lo,
   Pinterest: Zo,
   Pipedrive: Xo,
   Plaid: Jo,
-  PosthogAPI: Ro,
-  Postgres: zo,
-  Quickbooks: jo,
-  Reddit: Ko,
-  Salesforce: Qo,
-  Shopify: Uo,
+  PosthogAPI: zo,
+  Postgres: Ro,
+  Quickbooks: Uo,
+  Reddit: jo,
+  Salesforce: Ko,
+  Shopify: Qo,
   Singlestore: Vo,
-  Slack: u,
-  SlackAPI: u,
+  Slack: g,
+  SlackAPI: g,
   Snowflake: Yo,
   Splunk: _o,
   Spotify: $o,
-  Square: e,
+  Square: p,
   Squareup: rr,
-  SquareupAPI: e,
-  SquareUpAPI: e,
+  SquareupAPI: p,
+  SquareUpAPI: p,
   Squarespace: or,
-  Stripe: g,
-  StripeAPI: g,
-  Tiktok: ir,
-  TickTickAPI: mr,
+  Stripe: k,
+  StripeAPI: k,
+  Tiktok: mr,
+  TickTickAPI: ir,
   TrelloAPI: tr,
   Twilio: er,
   Twitch: pr,
@@ -240,30 +248,30 @@ const d = {
   Workday: sr,
   Wrike: nr,
   X: cr,
-  Xero: k,
-  XeroAPI: k,
+  Xero: A,
+  XeroAPI: A,
   ZohoBooksAPI: kr,
-  ZohoCreatorAPI: dr,
+  ZohoCreatorAPI: Ar,
   Youtube: ur,
   Zendesk: gr,
-  Zoom: Ar
-}, h = (o) => {
-  if (!o)
-    return s;
-  const m = o.toLowerCase(), r = Object.keys(d).find(
-    (i) => i.toLowerCase() === m
+  Zoom: Pr
+}, b = (r) => {
+  if (!r)
+    return n;
+  const m = r.toLowerCase(), i = Object.keys(P).find(
+    (t) => t.toLowerCase() === m
   );
-  return r ? d[r] : s;
-}, Di = (o) => {
-  const m = P(o), r = h(m?.id);
-  return ({ className: i }) => /* @__PURE__ */ A(r, { className: i });
-}, Oi = (o) => {
-  const m = P(o), r = h(m?.id);
-  return ({ className: i }) => /* @__PURE__ */ A(r, { className: i });
+  return i ? P[i] : n;
+}, Dm = (r) => {
+  const m = I(r), i = b(m?.id);
+  return ({ className: t }) => /* @__PURE__ */ d(i, { className: t });
+}, Hm = (r) => {
+  const m = I(r), i = b(m?.id);
+  return ({ className: t }) => /* @__PURE__ */ d(i, { className: t });
 };
 export {
-  d as TOOLKIT_ICON_MAP,
-  Oi as getToolIconByToolkitName,
-  h as getToolkitIcon,
-  Di as getToolkitIconByName
+  P as TOOLKIT_ICON_MAP,
+  Hm as getToolIconByToolkitName,
+  b as getToolkitIcon,
+  Dm as getToolkitIconByName
 };

package/dist/metadata/toolkits.js

@@ -1,5 +1,5 @@
 import { PUBLIC_ICON_URL as e } from "./constants.js";
-const a = [
+const r = [
   { id: "all", name: "All Tools" },
   { id: "productivity", name: "Productivity & Docs" },
   { id: "social", name: "Social & Communication" },
@@ -843,6 +843,45 @@ const a = [
     isComingSoon: !1,
     isHidden: !1
   },
+  {
+    id: "HubspotAutomationAPI",
+    label: "HubSpot Automation API",
+    isBYOC: !1,
+    isPro: !1,
+    publicIconUrl: `${e}/hubspot.svg`,
+    docsLink: "https://docs.arcade.dev/en/mcp-servers/sales/hubspot-automation-api",
+    relativeDocsLink: "/en/mcp-servers/sales/hubspot-automation-api",
+    category: "sales",
+    type: "arcade_starter",
+    isComingSoon: !1,
+    isHidden: !1
+  },
+  {
+    id: "HubspotCMSAPI",
+    label: "HubSpot CMS API",
+    isBYOC: !1,
+    isPro: !1,
+    publicIconUrl: `${e}/hubspot.svg`,
+    docsLink: "https://docs.arcade.dev/en/mcp-servers/sales/hubspot-cms-api",
+    relativeDocsLink: "/en/mcp-servers/sales/hubspot-cms-api",
+    category: "sales",
+    type: "arcade_starter",
+    isComingSoon: !1,
+    isHidden: !1
+  },
+  {
+    id: "HubspotConversationsAPI",
+    label: "HubSpot Conversations API",
+    isBYOC: !1,
+    isPro: !1,
+    publicIconUrl: `${e}/hubspot.svg`,
+    docsLink: "https://docs.arcade.dev/en/mcp-servers/sales/hubspot-conversations-api",
+    relativeDocsLink: "/en/mcp-servers/sales/hubspot-conversations-api",
+    category: "sales",
+    type: "arcade_starter",
+    isComingSoon: !1,
+    isHidden: !1
+  },
   {
     id: "HubspotCRMAPI",
     label: "HubSpot CRM API",
@@ -856,6 +895,19 @@ const a = [
     isComingSoon: !1,
     isHidden: !1
   },
+  {
+    id: "HubspotEventsAPI",
+    label: "HubSpot Events API",
+    isBYOC: !1,
+    isPro: !1,
+    publicIconUrl: `${e}/hubspot.svg`,
+    docsLink: "https://docs.arcade.dev/en/mcp-servers/sales/hubspot-events-api",
+    relativeDocsLink: "/en/mcp-servers/sales/hubspot-events-api",
+    category: "sales",
+    type: "arcade_starter",
+    isComingSoon: !1,
+    isHidden: !1
+  },
   {
     id: "HubspotMarketingAPI",
     label: "HubSpot Marketing API",
@@ -869,6 +921,32 @@ const a = [
     isComingSoon: !1,
     isHidden: !1
   },
+  {
+    id: "HubspotMeetingsAPI",
+    label: "HubSpot Meetings API",
+    isBYOC: !1,
+    isPro: !1,
+    publicIconUrl: `${e}/hubspot.svg`,
+    docsLink: "https://docs.arcade.dev/en/mcp-servers/sales/hubspot-meetings-api",
+    relativeDocsLink: "/en/mcp-servers/sales/hubspot-meetings-api",
+    category: "sales",
+    type: "arcade_starter",
+    isComingSoon: !1,
+    isHidden: !1
+  },
+  {
+    id: "HubspotUsersAPI",
+    label: "HubSpot Users API",
+    isBYOC: !1,
+    isPro: !1,
+    publicIconUrl: `${e}/hubspot.svg`,
+    docsLink: "https://docs.arcade.dev/en/mcp-servers/sales/hubspot-users-api",
+    relativeDocsLink: "/en/mcp-servers/sales/hubspot-users-api",
+    category: "sales",
+    type: "arcade_starter",
+    isComingSoon: !1,
+    isHidden: !1
+  },
   {
     id: "Imgflip",
     label: "Imgflip",
@@ -1641,7 +1719,7 @@ const a = [
   {}
 );
 export {
-  a as CATEGORIES,
+  r as CATEGORIES,
   o as TOOLKITS,
   c as TOOLKIT_CATALOGUE
 };

package/package.json

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