@arcadeai/design-system 3.22.0 → 3.24.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,21 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
-import { Adp as C } from "../components/ui/atoms/icons/adp.js";
-import { Aha as h } from "../components/ui/atoms/icons/aha.js";
+import { jsx as b } from "react/jsx-runtime";
+import { Adp as S } from "../components/ui/atoms/icons/adp.js";
+import { Aha as G } 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 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 v } from "../components/ui/atoms/icons/bluesky.js";
+import { Amplitude as B } from "../components/ui/atoms/icons/amplitude.js";
+import { Arcade as y } from "../components/ui/atoms/icons/arcade.js";
+import { Asana as M } from "../components/ui/atoms/icons/asana.js";
+import { Ashby as T } from "../components/ui/atoms/icons/ashby.js";
+import { Auth0 as D } from "../components/ui/atoms/icons/auth0.js";
+import { Bamboohr as P } from "../components/ui/atoms/icons/bamboohr.js";
+import { Basecamp as H } from "../components/ui/atoms/icons/basecamp.js";
+import { Bill as O } from "../components/ui/atoms/icons/bill.js";
+import { Bitbucket as v } from "../components/ui/atoms/icons/bitbucket.js";
+import { Bluesky as w } 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 { Braze as x } from "../components/ui/atoms/icons/braze.js";
+import { Brex as F } from "../components/ui/atoms/icons/brex.js";
+import { Brightdata as I } from "../components/ui/atoms/icons/brightdata.js";
 import { Buffer as N } from "../components/ui/atoms/icons/buffer.js";
 import { Calendly as l } from "../components/ui/atoms/icons/calendly.js";
 import { Clickhouse as E } from "../components/ui/atoms/icons/clickhouse.js";
@@ -55,27 +55,27 @@ 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 { GoogleSlides as bo } from "../components/ui/atoms/icons/google-slides.js";
+import { Heroku as Co } from "../components/ui/atoms/icons/heroku.js";
+import { Hootsuite as ho } 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 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 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 Ho } from "../components/ui/atoms/icons/microsoft-teams.js";
+import { Imgflip as So } from "../components/ui/atoms/icons/imgflip.js";
+import { Intercom as Go } from "../components/ui/atoms/icons/intercom.js";
+import { Jira as Bo } from "../components/ui/atoms/icons/jira.js";
+import { Linear as yo } from "../components/ui/atoms/icons/linear.js";
+import { Linkedin as Mo } from "../components/ui/atoms/icons/linkedin.js";
+import { Mailchimp as To } from "../components/ui/atoms/icons/mailchimp.js";
+import { Mcp as Do } from "../components/ui/atoms/icons/mcp.js";
+import { MicrosoftDynamics as Po } from "../components/ui/atoms/icons/microsoft-dynamics.js";
+import { MicrosoftSharepoint as Ho } from "../components/ui/atoms/icons/microsoft-sharepoint.js";
+import { MicrosoftTeams as Oo } 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 { Monday as vo } from "../components/ui/atoms/icons/monday.js";
+import { MongoDB as wo } from "../components/ui/atoms/icons/mongodb.js";
+import { Netsuite as xo } 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 { Obsidian as Fo } from "../components/ui/atoms/icons/obsidian.js";
+import { Okta as Io } 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";
@@ -115,54 +115,54 @@ 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 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: h,
+import { Zoom as dr } from "../components/ui/atoms/icons/zoom.js";
+import { findToolkitByName as C } from "./utils.js";
+const d = {
+  ADPWorkforceNow: S,
+  Aha: G,
   Airtable: f,
-  AirtableAPI: f,
-  Amplitude: S,
-  ArcadeEngineAPI: G,
-  Asana: B,
-  AshbyAPI: y,
-  Auth0: M,
-  BambooHR: T,
-  Basecamp: D,
-  BillCom: H,
-  Bitbucket: O,
-  Bluesky: v,
+  AirtableApi: f,
+  Amplitude: B,
+  ArcadeEngineApi: y,
+  Asana: M,
+  AshbyApi: T,
+  Auth0: D,
+  BambooHR: P,
+  Basecamp: H,
+  BillCom: O,
+  Bitbucket: v,
+  Bluesky: w,
   Box: a,
-  BoxAPI: a,
-  Braze: w,
-  Brex: x,
-  Brightdata: F,
+  BoxApi: a,
+  Braze: x,
+  Brex: F,
+  Brightdata: I,
   Buffer: N,
   Calendly: l,
-  CalendlyAPI: l,
+  CalendlyApi: l,
   Clickhouse: E,
   ClickUp: W,
   CloseIO: q,
   Codesandbox: L,
   Coinbase: Z,
   Confluence: X,
-  CursorAgentsAPI: J,
+  CursorAgentsApi: J,
   CustomerioApi: e,
   CustomerioPipelinesApi: e,
   CustomerioTrackApi: e,
-  DatadogAPI: R,
+  DatadogApi: R,
   DigitalOcean: z,
   Discord: U,
   Dropbox: j,
   E2b: K,
   EBay: Q,
   Evernote: V,
-  ExaAPI: Y,
+  ExaApi: Y,
   Factorial: _,
   Figma: s,
-  FigmaAPI: s,
+  FigmaApi: s,
   Firecrawl: $,
-  FreshserviceAPI: oo,
+  FreshserviceApi: oo,
   Github: ro,
   GitLab: io,
   Gmail: mo,
@@ -179,46 +179,46 @@ const P = {
   GoogleSearch: to,
   GoogleSheets: ko,
   GoogleShopping: Ao,
-  GoogleSlides: Po,
-  Heroku: Io,
-  Hootsuite: bo,
+  GoogleSlides: bo,
+  Heroku: Co,
+  Hootsuite: ho,
   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: Go,
-  Linkedin: Bo,
-  Mailchimp: yo,
-  MCP: Mo,
-  MicrosoftDynamics: To,
-  Sharepoint: Do,
-  MicrosoftTeams: Ho,
+  HubspotAutomationApi: o,
+  HubspotCMSApi: o,
+  HubspotConversationsApi: o,
+  HubspotCRMApi: o,
+  HubspotEventsApi: o,
+  HubspotMarketingApi: o,
+  HubspotMeetingsApi: o,
+  HubspotUsersApi: o,
+  Imgflip: So,
+  IntercomApi: Go,
+  Jira: Bo,
+  Linear: yo,
+  Linkedin: Mo,
+  Mailchimp: To,
+  MCP: Do,
+  MicrosoftDynamics: Po,
+  Sharepoint: Ho,
+  MicrosoftTeams: Oo,
   Miro: c,
-  MiroAPI: c,
-  Monday: Oo,
-  MongoDB: vo,
-  Netsuite: wo,
+  MiroApi: c,
+  Monday: vo,
+  MongoDB: wo,
+  Netsuite: xo,
   Notion: u,
   NotionToolkit: u,
-  Obsidian: xo,
-  Okta: Fo,
+  Obsidian: Fo,
+  Okta: Io,
   OneDrive: No,
   OutlookCalendar: Eo,
   OutlookMail: Wo,
-  PagerDutyAPI: qo,
+  PagerDutyApi: qo,
   Pinecone: Lo,
   Pinterest: Zo,
   Pipedrive: Xo,
   Plaid: Jo,
-  PosthogAPI: zo,
+  PosthogApi: zo,
   Postgres: Ro,
   Quickbooks: Uo,
   Reddit: jo,
@@ -226,52 +226,52 @@ const P = {
   Shopify: Qo,
   Singlestore: Vo,
   Slack: g,
-  SlackAPI: g,
+  SlackApi: g,
   Snowflake: Yo,
   Splunk: _o,
   Spotify: $o,
   Square: p,
   Squareup: rr,
-  SquareupAPI: p,
-  SquareUpAPI: p,
+  SquareupApi: p,
+  SquareUpApi: p,
   Squarespace: or,
   Stripe: k,
-  StripeAPI: k,
+  StripeApi: k,
   Tiktok: mr,
-  TickTickAPI: ir,
-  TrelloAPI: tr,
+  TickTickApi: ir,
+  TrelloApi: tr,
   Twilio: er,
   Twitch: pr,
   Vercel: fr,
   Walmart: ar,
-  WeaviateAPI: lr,
+  WeaviateApi: lr,
   Workday: sr,
   Wrike: nr,
   X: cr,
   Xero: A,
-  XeroAPI: A,
-  ZohoBooksAPI: kr,
-  ZohoCreatorAPI: Ar,
+  XeroApi: A,
+  ZohoBooksApi: kr,
+  ZohoCreatorApi: Ar,
   Youtube: ur,
   Zendesk: gr,
-  Zoom: Pr
-}, b = (r) => {
+  Zoom: dr
+}, h = (r) => {
   if (!r)
     return n;
-  const m = r.toLowerCase(), i = Object.keys(P).find(
+  const m = r.toLowerCase(), i = Object.keys(d).find(
     (t) => t.toLowerCase() === m
   );
-  return i ? P[i] : n;
-}, Dm = (r) => {
-  const m = I(r), i = b(m?.id);
-  return ({ className: t }) => /* @__PURE__ */ d(i, { className: t });
+  return i ? d[i] : n;
 }, Hm = (r) => {
-  const m = I(r), i = b(m?.id);
-  return ({ className: t }) => /* @__PURE__ */ d(i, { className: t });
+  const m = C(r), i = h(m?.id);
+  return ({ className: t }) => /* @__PURE__ */ b(i, { className: t });
+}, Om = (r) => {
+  const m = C(r), i = h(m?.id);
+  return ({ className: t }) => /* @__PURE__ */ b(i, { className: t });
 };
 export {
-  P as TOOLKIT_ICON_MAP,
-  Hm as getToolIconByToolkitName,
-  b as getToolkitIcon,
-  Dm as getToolkitIconByName
+  d as TOOLKIT_ICON_MAP,
+  Om as getToolIconByToolkitName,
+  h as getToolkitIcon,
+  Hm as getToolkitIconByName
 };

package/dist/metadata/toolkits.js

@@ -38,7 +38,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "AirtableAPI",
+    id: "AirtableApi",
     label: "Airtable API",
     isBYOC: !1,
     isPro: !1,
@@ -64,7 +64,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "ArcadeEngineAPI",
+    id: "ArcadeEngineApi",
     label: "Arcade Engine API",
     isBYOC: !1,
     isPro: !1,
@@ -90,7 +90,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "AsanaAPI",
+    id: "AsanaApi",
     label: "Asana API",
     isBYOC: !1,
     isPro: !1,
@@ -103,7 +103,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "AshbyAPI",
+    id: "AshbyApi",
     label: "Ashby API",
     isBYOC: !1,
     isPro: !1,
@@ -194,7 +194,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "BoxAPI",
+    id: "BoxApi",
     label: "Box API",
     isBYOC: !1,
     isPro: !1,
@@ -259,7 +259,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "CalendlyAPI",
+    id: "CalendlyApi",
     label: "Calendly API",
     isBYOC: !1,
     isPro: !1,
@@ -298,7 +298,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "ClickUpAPI",
+    id: "ClickUpApi",
     label: "ClickUp API",
     isBYOC: !1,
     isPro: !1,
@@ -363,7 +363,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "CursorAgentsAPI",
+    id: "CursorAgentsApi",
     label: "Cursor Agents API",
     isBYOC: !1,
     isPro: !1,
@@ -415,7 +415,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "DatadogAPI",
+    id: "DatadogApi",
     label: "Datadog API",
     isBYOC: !1,
     isPro: !1,
@@ -506,7 +506,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "ExaAPI",
+    id: "ExaApi",
     label: "Exa API",
     isBYOC: !1,
     isPro: !1,
@@ -532,7 +532,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "FigmaAPI",
+    id: "FigmaApi",
     label: "Figma API",
     isBYOC: !1,
     isPro: !1,
@@ -558,7 +558,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "FreshserviceAPI",
+    id: "FreshserviceApi",
     label: "Freshservice API",
     isBYOC: !1,
     isPro: !1,
@@ -584,7 +584,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "GithubAPI",
+    id: "GithubApi",
     label: "GitHub API",
     isBYOC: !1,
     isPro: !1,
@@ -844,7 +844,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotAutomationAPI",
+    id: "HubspotAutomationApi",
     label: "HubSpot Automation API",
     isBYOC: !1,
     isPro: !1,
@@ -857,7 +857,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotCMSAPI",
+    id: "HubspotCMSApi",
     label: "HubSpot CMS API",
     isBYOC: !1,
     isPro: !1,
@@ -870,7 +870,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotConversationsAPI",
+    id: "HubspotConversationsApi",
     label: "HubSpot Conversations API",
     isBYOC: !1,
     isPro: !1,
@@ -883,7 +883,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotCRMAPI",
+    id: "HubspotCRMApi",
     label: "HubSpot CRM API",
     isBYOC: !1,
     isPro: !1,
@@ -896,7 +896,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotEventsAPI",
+    id: "HubspotEventsApi",
     label: "HubSpot Events API",
     isBYOC: !1,
     isPro: !1,
@@ -909,7 +909,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotMarketingAPI",
+    id: "HubspotMarketingApi",
     label: "HubSpot Marketing API",
     isBYOC: !1,
     isPro: !1,
@@ -922,7 +922,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotMeetingsAPI",
+    id: "HubspotMeetingsApi",
     label: "HubSpot Meetings API",
     isBYOC: !1,
     isPro: !1,
@@ -935,7 +935,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "HubspotUsersAPI",
+    id: "HubspotUsersApi",
     label: "HubSpot Users API",
     isBYOC: !1,
     isPro: !1,
@@ -961,7 +961,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "IntercomAPI",
+    id: "IntercomApi",
     label: "Intercom API",
     isBYOC: !1,
     isPro: !1,
@@ -1013,7 +1013,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "MailchimpAPI",
+    id: "MailchimpApi",
     label: "Mailchimp API",
     isBYOC: !1,
     isPro: !1,
@@ -1065,7 +1065,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "MiroAPI",
+    id: "MiroApi",
     label: "Miro API",
     isBYOC: !1,
     isPro: !1,
@@ -1221,7 +1221,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "PagerDutyAPI",
+    id: "PagerDutyApi",
     label: "PagerDuty API",
     isBYOC: !1,
     isPro: !1,
@@ -1286,7 +1286,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "PosthogAPI",
+    id: "PosthogApi",
     label: "PostHog API",
     isBYOC: !1,
     isPro: !1,
@@ -1390,7 +1390,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "SlackAPI",
+    id: "SlackApi",
     label: "Slack API",
     isBYOC: !1,
     isPro: !1,
@@ -1442,7 +1442,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "SquareUpAPI",
+    id: "SquareUpApi",
     label: "SquareUp API",
     isBYOC: !1,
     isPro: !1,
@@ -1481,7 +1481,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "StripeAPI",
+    id: "StripeApi",
     label: "Stripe API",
     isBYOC: !1,
     isPro: !1,
@@ -1507,7 +1507,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "TickTickAPI",
+    id: "TickTickApi",
     label: "TickTick API",
     isBYOC: !1,
     isPro: !1,
@@ -1520,7 +1520,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "TrelloAPI",
+    id: "TrelloApi",
     label: "Trello API",
     isBYOC: !1,
     isPro: !1,
@@ -1559,7 +1559,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "VercelAPI",
+    id: "VercelApi",
     label: "Vercel API",
     isBYOC: !1,
     isPro: !1,
@@ -1585,7 +1585,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "WeaviateAPI",
+    id: "WeaviateApi",
     label: "Weaviate API",
     isBYOC: !1,
     isPro: !1,
@@ -1637,7 +1637,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "XeroAPI",
+    id: "XeroApi",
     label: "Xero API",
     isBYOC: !1,
     isPro: !1,
@@ -1650,7 +1650,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "ZohoBooksAPI",
+    id: "ZohoBooksApi",
     label: "Zoho Books API",
     isBYOC: !1,
     isPro: !1,
@@ -1663,7 +1663,7 @@ const r = [
     isHidden: !1
   },
   {
-    id: "ZohoCreatorAPI",
+    id: "ZohoCreatorApi",
     label: "Zoho Creator API",
     isBYOC: !1,
     isPro: !1,

package/package.json

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