@arcadeai/design-system 2.3.0 → 3.0.0

package/dist/metadata/index.d.ts

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

package/dist/metadata/index.js

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

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

@@ -0,0 +1,27 @@
+import { SVGProps } from 'react';
+export type ToolkitCatalogueEntry = {
+    label: string;
+};
+export declare const TOOLKIT_ICON_MAP: Record<string, (props: SVGProps<SVGSVGElement>) => React.JSX.Element>;
+/**
+ * Get toolkit icon component by toolkit ID
+ * @param toolkitId - The toolkit ID (e.g., 'Gmail', 'SlackAPI', 'GoogleCalendar')
+ * @returns Icon component function, or Generic icon if not found
+ */
+export declare const getToolkitIcon: (toolkitId: string | undefined) => ((props: SVGProps<SVGSVGElement>) => React.JSX.Element);
+/**
+ * Get a toolkit icon component by toolkit name (converts name to ID first)
+ * @param toolkitName - The toolkit name (e.g., 'Gmail', 'Slack')
+ * @returns Icon component wrapped for className support
+ */
+export declare const getToolkitIconByName: (toolkitName: string) => ((props: {
+    className?: string;
+}) => React.ReactElement);
+/**
+ * Get a tool icon component by toolkit name (converts name to ID first)
+ * @param toolkitName - The toolkit name
+ * @returns Icon component wrapped for className support
+ */
+export declare const getToolIconByToolkitName: (toolkitName: string) => ((props: {
+    className?: string;
+}) => React.ReactElement);

package/dist/metadata/toolkit-icons.js

@@ -0,0 +1,227 @@
+import { jsx as f } from "react/jsx-runtime";
+import { Adp as n } from "../components/ui/atoms/icons/adp.js";
+import { Aha as s } from "../components/ui/atoms/icons/aha.js";
+import { Airtable as c } from "../components/ui/atoms/icons/airtable.js";
+import { Amplitude as g } from "../components/ui/atoms/icons/amplitude.js";
+import { Asana as k } from "../components/ui/atoms/icons/asana.js";
+import { Ashby as u } from "../components/ui/atoms/icons/ashby.js";
+import { Auth0 as d } from "../components/ui/atoms/icons/auth0.js";
+import { Bamboohr as G } from "../components/ui/atoms/icons/bamboohr.js";
+import { Basecamp as b } from "../components/ui/atoms/icons/basecamp.js";
+import { Bill as S } from "../components/ui/atoms/icons/bill.js";
+import { Bitbucket as h } from "../components/ui/atoms/icons/bitbucket.js";
+import { Bluesky as C } from "../components/ui/atoms/icons/bluesky.js";
+import { Box as B } from "../components/ui/atoms/icons/box.js";
+import { Braze as y } from "../components/ui/atoms/icons/braze.js";
+import { Brex as M } from "../components/ui/atoms/icons/brex.js";
+import { Buffer as D } from "../components/ui/atoms/icons/buffer.js";
+import { Calendly as T } from "../components/ui/atoms/icons/calendly.js";
+import { Clickhouse as A } from "../components/ui/atoms/icons/clickhouse.js";
+import { Clickup as O } from "../components/ui/atoms/icons/clickup.js";
+import { Closeio as P } from "../components/ui/atoms/icons/closeio.js";
+import { Codesandbox as I } from "../components/ui/atoms/icons/codesandbox.js";
+import { Coinbase as N } from "../components/ui/atoms/icons/coinbase.js";
+import { Confluence as w } from "../components/ui/atoms/icons/confluence.js";
+import { Datadog as v } from "../components/ui/atoms/icons/datadog.js";
+import { DigitalOcean as x } from "../components/ui/atoms/icons/digital-ocean.js";
+import { Discord as F } from "../components/ui/atoms/icons/discord.js";
+import { Dropbox as H } from "../components/ui/atoms/icons/dropbox.js";
+import { E2b as W } from "../components/ui/atoms/icons/e2b.js";
+import { Ebay as E } from "../components/ui/atoms/icons/ebay.js";
+import { Evernote as L } from "../components/ui/atoms/icons/evernote.js";
+import { Factorial as q } from "../components/ui/atoms/icons/factorial.js";
+import { Figma as J } from "../components/ui/atoms/icons/figma.js";
+import { Firecrawl as X } from "../components/ui/atoms/icons/firecrawl.js";
+import { Generic as t } from "../components/ui/atoms/icons/generic.js";
+import { Github as Z } from "../components/ui/atoms/icons/github.js";
+import { Gitlab as R } from "../components/ui/atoms/icons/gitlab.js";
+import { Gmail as z } from "../components/ui/atoms/icons/gmail.js";
+import { Google as Q } from "../components/ui/atoms/icons/google.js";
+import { GoogleCalendar as V } from "../components/ui/atoms/icons/google-calendar.js";
+import { GoogleContacts as Y } from "../components/ui/atoms/icons/google-contacts.js";
+import { GoogleDocs as _ } from "../components/ui/atoms/icons/google-docs.js";
+import { GoogleDrive as j } from "../components/ui/atoms/icons/google-drive.js";
+import { GoogleFinance as K } from "../components/ui/atoms/icons/google-finance.js";
+import { GoogleFlights as U } from "../components/ui/atoms/icons/google-flights.js";
+import { GoogleHotels as $ } from "../components/ui/atoms/icons/google-hotels.js";
+import { GoogleJobs as oo } from "../components/ui/atoms/icons/google-jobs.js";
+import { GoogleMaps as ro } from "../components/ui/atoms/icons/google-maps.js";
+import { GoogleNews as mo } from "../components/ui/atoms/icons/google-news.js";
+import { GoogleSheets as io } from "../components/ui/atoms/icons/google-sheets.js";
+import { GoogleShopping as to } from "../components/ui/atoms/icons/google-shopping.js";
+import { GoogleSlides as eo } from "../components/ui/atoms/icons/google-slides.js";
+import { Heroku as po } from "../components/ui/atoms/icons/heroku.js";
+import { Hootsuite as fo } from "../components/ui/atoms/icons/hootsuite.js";
+import { Hubspot as lo } from "../components/ui/atoms/icons/hubspot.js";
+import { Imgflip as ao } from "../components/ui/atoms/icons/imgflip.js";
+import { Intercom as no } from "../components/ui/atoms/icons/intercom.js";
+import { Jira as so } from "../components/ui/atoms/icons/jira.js";
+import { Linear as co } from "../components/ui/atoms/icons/linear.js";
+import { Linkedin as go } from "../components/ui/atoms/icons/linkedin.js";
+import { Mailchimp as ko } from "../components/ui/atoms/icons/mailchimp.js";
+import { Mcp as uo } from "../components/ui/atoms/icons/mcp.js";
+import { MicrosoftDynamics as Go } from "../components/ui/atoms/icons/microsoft-dynamics.js";
+import { MicrosoftSharepoint as bo } from "../components/ui/atoms/icons/microsoft-sharepoint.js";
+import { MicrosoftTeams as So } from "../components/ui/atoms/icons/microsoft-teams.js";
+import { Miro as ho } from "../components/ui/atoms/icons/miro.js";
+import { Monday as Co } from "../components/ui/atoms/icons/monday.js";
+import { MongoDB as Bo } from "../components/ui/atoms/icons/mongodb.js";
+import { Netsuite as yo } from "../components/ui/atoms/icons/netsuite.js";
+import { Notion as e } from "../components/ui/atoms/icons/notion.js";
+import { Obsidian as Mo } from "../components/ui/atoms/icons/obsidian.js";
+import { Okta as Do } from "../components/ui/atoms/icons/okta.js";
+import { OneDrive as To } from "../components/ui/atoms/icons/one-drive.js";
+import { OutlookCalendar as Ao } from "../components/ui/atoms/icons/outlook-calendar.js";
+import { OutlookMail as Oo } from "../components/ui/atoms/icons/outlook-mail.js";
+import { Pinecone as Po } from "../components/ui/atoms/icons/pinecone.js";
+import { Pinterest as Io } from "../components/ui/atoms/icons/pinterest.js";
+import { Pipedrive as No } from "../components/ui/atoms/icons/pipedrive.js";
+import { Plaid as wo } from "../components/ui/atoms/icons/plaid.js";
+import { Postgres as vo } from "../components/ui/atoms/icons/postgres.js";
+import { Quickbooks as xo } from "../components/ui/atoms/icons/quickbooks.js";
+import { Reddit as Fo } from "../components/ui/atoms/icons/reddit.js";
+import { Salesforce as Ho } from "../components/ui/atoms/icons/salesforce.js";
+import { Shopify as Wo } from "../components/ui/atoms/icons/shopify.js";
+import { Singlestore as Eo } from "../components/ui/atoms/icons/singlestore.js";
+import { Slack as p } from "../components/ui/atoms/icons/slack.js";
+import { Snowflake as Lo } from "../components/ui/atoms/icons/snowflake.js";
+import { Splunk as qo } from "../components/ui/atoms/icons/splunk.js";
+import { Spotify as Jo } from "../components/ui/atoms/icons/spotify.js";
+import { Square as Xo } from "../components/ui/atoms/icons/square.js";
+import { Squarespace as Zo } from "../components/ui/atoms/icons/squarespace.js";
+import { Stripe as Ro } from "../components/ui/atoms/icons/stripe.js";
+import { Tiktok as zo } from "../components/ui/atoms/icons/tiktok.js";
+import { Trello as Qo } from "../components/ui/atoms/icons/trello.js";
+import { Twilio as Vo } from "../components/ui/atoms/icons/twilio.js";
+import { Twitch as Yo } from "../components/ui/atoms/icons/twitch.js";
+import { Vercel as _o } from "../components/ui/atoms/icons/vercel.js";
+import { Walmart as jo } from "../components/ui/atoms/icons/walmart.js";
+import { Weaviate as Ko } from "../components/ui/atoms/icons/weaviate.js";
+import { Workday as Uo } from "../components/ui/atoms/icons/workday.js";
+import { Wrike as $o } from "../components/ui/atoms/icons/wrike.js";
+import { X as or } from "../components/ui/atoms/icons/x.js";
+import { Xero as rr } from "../components/ui/atoms/icons/xero.js";
+import { Youtube as mr } from "../components/ui/atoms/icons/youtube.js";
+import { Zendesk as ir } from "../components/ui/atoms/icons/zendesk.js";
+import { Zoom as tr } from "../components/ui/atoms/icons/zoom.js";
+import { findToolkitByName as l } from "./utils.js";
+const er = {
+  ADPWorkforceNow: n,
+  Aha: s,
+  Airtable: c,
+  Amplitude: g,
+  Asana: k,
+  Ashby: u,
+  Auth0: d,
+  BambooHR: G,
+  Basecamp: b,
+  BillCom: S,
+  Bitbucket: h,
+  Bluesky: C,
+  Box: B,
+  Braze: y,
+  Brex: M,
+  Buffer: D,
+  Calendly: T,
+  Clickhouse: A,
+  ClickUp: O,
+  CloseIO: P,
+  Codesandbox: I,
+  Coinbase: N,
+  Confluence: w,
+  Datadog: v,
+  DigitalOcean: x,
+  Discord: F,
+  Dropbox: H,
+  E2b: W,
+  EBay: E,
+  Evernote: L,
+  Factorial: q,
+  Figma: J,
+  Firecrawl: X,
+  Github: Z,
+  GitLab: R,
+  Gmail: z,
+  GoogleCalendar: V,
+  GoogleContacts: Y,
+  GoogleDocs: _,
+  GoogleDrive: j,
+  GoogleFinance: K,
+  GoogleFlights: U,
+  GoogleHotels: $,
+  GoogleJobs: oo,
+  GoogleMaps: ro,
+  GoogleNews: mo,
+  GoogleSearch: Q,
+  GoogleSheets: io,
+  GoogleShopping: to,
+  GoogleSlides: eo,
+  Heroku: po,
+  Hootsuite: fo,
+  Hubspot: lo,
+  Imgflip: ao,
+  Intercom: no,
+  Jira: so,
+  Linear: co,
+  Linkedin: go,
+  Mailchimp: ko,
+  MCP: uo,
+  MicrosoftDynamics: Go,
+  Sharepoint: bo,
+  MicrosoftTeams: So,
+  Miro: ho,
+  Monday: Co,
+  MongoDB: Bo,
+  Netsuite: yo,
+  Notion: e,
+  NotionToolkit: e,
+  Obsidian: Mo,
+  Okta: Do,
+  OneDrive: To,
+  OutlookCalendar: Ao,
+  OutlookMail: Oo,
+  Pinecone: Po,
+  Pinterest: Io,
+  Pipedrive: No,
+  Plaid: wo,
+  Postgres: vo,
+  Quickbooks: xo,
+  Reddit: Fo,
+  Salesforce: Ho,
+  Shopify: Wo,
+  Singlestore: Eo,
+  Slack: p,
+  SlackAPI: p,
+  Snowflake: Lo,
+  Splunk: qo,
+  Spotify: Jo,
+  Square: Xo,
+  Squarespace: Zo,
+  Stripe: Ro,
+  Tiktok: zo,
+  Trello: Qo,
+  Twilio: Vo,
+  Twitch: Yo,
+  Vercel: _o,
+  Walmart: jo,
+  Weaviate: Ko,
+  Workday: Uo,
+  Wrike: $o,
+  X: or,
+  Xero: rr,
+  Youtube: mr,
+  Zendesk: ir,
+  Zoom: tr
+}, a = (o) => o ? er[o] || t : t, ei = (o) => {
+  const r = l(o), m = a(r?.id);
+  return ({ className: i }) => /* @__PURE__ */ f(m, { className: i });
+}, pi = (o) => {
+  const r = l(o), m = a(r?.id);
+  return ({ className: i }) => /* @__PURE__ */ f(m, { className: i });
+};
+export {
+  er as TOOLKIT_ICON_MAP,
+  pi as getToolIconByToolkitName,
+  a as getToolkitIcon,
+  ei as getToolkitIconByName
+};