@arcadeai/design-system 1.5.0 → 1.5.1

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

@@ -1,7 +1,8 @@
-import { SVGProps } from 'react';
+import { OAuthCatalogue } from './types';
 export declare const OAuthId: {
     readonly Asana: "arcade-asana";
     readonly Atlassian: "arcade-atlassian";
+    readonly Clickup: "arcade-clickup";
     readonly Discord: "arcade-discord";
     readonly Dropbox: "arcade-dropbox";
     readonly Github: "arcade-github";
@@ -19,11 +20,13 @@ export declare const OAuthId: {
     readonly Tesla: "arcade-tesla";
     readonly Twitch: "arcade-twitch";
     readonly X: "arcade-x";
+    readonly Zendesk: "arcade-zendesk";
     readonly Zoom: "arcade-zoom";
 };
 export declare const OAuthProviderId: {
     readonly Asana: "asana";
     readonly Atlassian: "atlassian";
+    readonly Clickup: "clickup";
     readonly Discord: "discord";
     readonly Dropbox: "dropbox";
     readonly Github: "github";
@@ -41,29 +44,34 @@ export declare const OAuthProviderId: {
     readonly Tesla: "tesla";
     readonly Twitch: "twitch";
     readonly X: "x";
+    readonly Zendesk: "zendesk";
     readonly Zoom: "zoom";
 };
-export type OAuthId = (typeof OAuthId)[keyof typeof OAuthId];
-export type OAuthProviderId = (typeof OAuthProviderId)[keyof typeof OAuthProviderId];
-export type OAuthCatalogue = {
-    id: OAuthId;
-    provider_id: OAuthProviderId;
-    name: string;
-    description: string;
-    publicIconUrl: string;
-    icon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-    docs: string;
-};
+/**
+ * PREBUILT OAUTH PROVIDERS - A list of all OAuth providers that are prebuilt
+ */
 export declare const PREBUILT_OAUTH_PROVIDERS: OAuthCatalogue[];
+/**
+ * OAUTH2 PROVIDER - The default OAuth 2.0 provider
+ */
 export declare const OAUTH2_PROVIDER: {
     id: "arcade-oauth2";
     provider_id: "oauth2";
     name: string;
     description: string;
     publicIconUrl: string;
-    icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    icon: (props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     docs: string;
 };
+/**
+ * OTHER OAUTH PROVIDERS - A list of all OAuth providers that are not prebuilt
+ */
 export declare const OTHER_OAUTH_PROVIDERS: OAuthCatalogue[];
+/**
+ * OAUTH PROVIDERS - A list of all OAuth providers
+ */
 export declare const OAUTH_PROVIDERS: OAuthCatalogue[];
+/**
+ * OAUTH PROVIDER CATALOGUE - A map of provider IDs to their respective provider
+ */
 export declare const OAUTH_PROVIDER_CATALOGUE: Record<string, OAuthCatalogue>;

package/dist/metadata/oauth-providers.js

@@ -1,26 +1,31 @@
+import "react/jsx-runtime";
 import { Asana as d } from "../components/ui/atoms/icons/asana.js";
 import { Atlassian as s } from "../components/ui/atoms/icons/atlassian.js";
-import { Discord as a } from "../components/ui/atoms/icons/discord.js";
-import { Dropbox as c } from "../components/ui/atoms/icons/dropbox.js";
-import { Github as n } from "../components/ui/atoms/icons/github.js";
-import { Google as p } from "../components/ui/atoms/icons/google.js";
-import { Hubspot as h } from "../components/ui/atoms/icons/hubspot.js";
-import { Linear as l } from "../components/ui/atoms/icons/linear.js";
-import { Linkedin as u } from "../components/ui/atoms/icons/linkedin.js";
-import { Microsoft as m } from "../components/ui/atoms/icons/microsoft.js";
-import { Notion as v } from "../components/ui/atoms/icons/notion.js";
-import { Oauth as g } from "../components/ui/atoms/icons/oauth.js";
-import { Reddit as b } from "../components/ui/atoms/icons/reddit.js";
-import { Salesforce as f } from "../components/ui/atoms/icons/salesforce.js";
-import { Slack as A } from "../components/ui/atoms/icons/slack.js";
+import { Clickup as a } from "../components/ui/atoms/icons/clickup.js";
+import { Discord as c } from "../components/ui/atoms/icons/discord.js";
+import { Dropbox as n } from "../components/ui/atoms/icons/dropbox.js";
+import { Github as p } from "../components/ui/atoms/icons/github.js";
+import { Google as h } from "../components/ui/atoms/icons/google.js";
+import { Hubspot as l } from "../components/ui/atoms/icons/hubspot.js";
+import { Linear as u } from "../components/ui/atoms/icons/linear.js";
+import { Linkedin as m } from "../components/ui/atoms/icons/linkedin.js";
+import { Microsoft as v } from "../components/ui/atoms/icons/microsoft.js";
+import { Notion as g } from "../components/ui/atoms/icons/notion.js";
+import { Oauth as b } from "../components/ui/atoms/icons/oauth.js";
+import { Reddit as f } from "../components/ui/atoms/icons/reddit.js";
+import { Salesforce as A } from "../components/ui/atoms/icons/salesforce.js";
+import { Slack as k } from "../components/ui/atoms/icons/slack.js";
 import { Spotify as w } from "../components/ui/atoms/icons/spotify.js";
 import { Tesla as I } from "../components/ui/atoms/icons/tesla.js";
-import { Twitch as _ } from "../components/ui/atoms/icons/twitch.js";
-import { X as U } from "../components/ui/atoms/icons/x.js";
+import { Twitch as U } from "../components/ui/atoms/icons/twitch.js";
+import { X as _ } from "../components/ui/atoms/icons/x.js";
+import { Zendesk as z } from "../components/ui/atoms/icons/zendesk.js";
 import { Zoom as S } from "../components/ui/atoms/icons/zoom.js";
-const o = "https://design-system.arcade.dev/icons", i = {
+import { PUBLIC_ICON_URL as o } from "./constants.js";
+const i = {
   Asana: "arcade-asana",
   Atlassian: "arcade-atlassian",
+  Clickup: "arcade-clickup",
   Discord: "arcade-discord",
   Dropbox: "arcade-dropbox",
   Github: "arcade-github",
@@ -38,10 +43,12 @@ const o = "https://design-system.arcade.dev/icons", i = {
   Tesla: "arcade-tesla",
   Twitch: "arcade-twitch",
   X: "arcade-x",
+  Zendesk: "arcade-zendesk",
   Zoom: "arcade-zoom"
-}, t = {
+}, e = {
   Asana: "asana",
   Atlassian: "atlassian",
+  Clickup: "clickup",
   Discord: "discord",
   Dropbox: "dropbox",
   Github: "github",
@@ -59,11 +66,12 @@ const o = "https://design-system.arcade.dev/icons", i = {
   Tesla: "tesla",
   Twitch: "twitch",
   X: "x",
+  Zendesk: "zendesk",
   Zoom: "zoom"
 }, T = [
   {
     id: i.Asana,
-    provider_id: t.Asana,
+    provider_id: e.Asana,
     name: "Asana",
     description: "Authorize tools and agents with Asana",
     publicIconUrl: `${o}/asana.svg`,
@@ -72,7 +80,7 @@ const o = "https://design-system.arcade.dev/icons", i = {
   },
   {
     id: i.Atlassian,
-    provider_id: t.Atlassian,
+    provider_id: e.Atlassian,
     name: "Atlassian",
     description: "Authorize tools and agents with Atlassian",
     publicIconUrl: `${o}/atlassian.svg`,
@@ -81,180 +89,198 @@ const o = "https://design-system.arcade.dev/icons", i = {
   },
   {
     id: i.Discord,
-    provider_id: t.Discord,
+    provider_id: e.Discord,
     name: "Discord",
     description: "Authorize tools and agents with Discord in a user's context",
     publicIconUrl: `${o}/discord.svg`,
-    icon: a,
+    icon: c,
     docs: "https://docs.arcade.dev/home/auth-providers/discord"
   },
   {
     id: i.Dropbox,
-    provider_id: t.Dropbox,
+    provider_id: e.Dropbox,
     name: "Dropbox",
     description: "Authorize tools and agents with Dropbox",
     publicIconUrl: `${o}/dropbox.svg`,
-    icon: c,
+    icon: n,
     docs: "https://docs.arcade.dev/home/auth-providers/dropbox"
   },
   {
     id: i.Github,
-    provider_id: t.Github,
+    provider_id: e.Github,
     name: "GitHub",
     description: "Authorize tools and agents with GitHub, including private repositories",
     publicIconUrl: `${o}/github.svg`,
-    icon: n,
+    icon: p,
     docs: "https://docs.arcade.dev/home/auth-providers/github"
   },
   {
     id: i.Google,
-    provider_id: t.Google,
+    provider_id: e.Google,
     name: "Google",
     description: "Authorize tools and agents with Google: Gmail, Calendar, YouTube, Drive, and more",
     publicIconUrl: `${o}/google.svg`,
-    icon: p,
+    icon: h,
     docs: "https://docs.arcade.dev/home/auth-providers/google"
   },
   {
     id: i.Hubspot,
-    provider_id: t.Hubspot,
+    provider_id: e.Hubspot,
     name: "HubSpot",
     description: "Authorize tools and agents with HubSpot",
     publicIconUrl: `${o}/hubspot.svg`,
-    icon: h,
+    icon: l,
     docs: "https://docs.arcade.dev/home/auth-providers/hubspot"
   },
   {
     id: i.Linear,
-    provider_id: t.Linear,
+    provider_id: e.Linear,
     name: "Linear",
     description: "Authorize tools and agents with Linear",
     publicIconUrl: `${o}/linear.svg`,
-    icon: l,
+    icon: u,
     docs: "https://docs.arcade.dev/home/auth-providers/linear"
   },
   {
     id: i.Linkedin,
-    provider_id: t.Linkedin,
+    provider_id: e.Linkedin,
     name: "LinkedIn",
     description: "Authorize tools and agents with LinkedIn",
     publicIconUrl: `${o}/linkedin.svg`,
-    icon: u,
+    icon: m,
     docs: "https://docs.arcade.dev/home/auth-providers/linkedin"
   },
   {
     id: i.Microsoft,
-    provider_id: t.Microsoft,
+    provider_id: e.Microsoft,
     name: "Microsoft",
     description: "Authorize tools and agents with Microsoft",
     publicIconUrl: `${o}/microsoft.svg`,
-    icon: m,
+    icon: v,
     docs: "https://docs.arcade.dev/home/auth-providers/microsoft"
   },
   {
     id: i.Notion,
-    provider_id: t.Notion,
+    provider_id: e.Notion,
     name: "Notion",
     description: "Authorize tools and agents with Notion",
     publicIconUrl: `${o}/notion.svg`,
-    icon: v,
+    icon: g,
     docs: "https://docs.arcade.dev/home/auth-providers/notion"
   },
   {
     id: i.Reddit,
-    provider_id: t.Reddit,
+    provider_id: e.Reddit,
     name: "Reddit",
     description: "Authorize tools and agents with Reddit",
     publicIconUrl: `${o}/reddit.svg`,
-    icon: b,
+    icon: f,
     docs: "https://docs.arcade.dev/home/auth-providers/reddit"
   },
   {
     id: i.Slack,
-    provider_id: t.Slack,
+    provider_id: e.Slack,
     name: "Slack",
     description: "Authorize tools and agents with Slack",
     publicIconUrl: `${o}/slack.svg`,
-    icon: A,
+    icon: k,
     docs: "https://docs.arcade.dev/home/auth-providers/slack"
   },
-  {
-    id: i.Spotify,
-    provider_id: t.Spotify,
-    name: "Spotify",
-    description: "Authorize tools and agents with Spotify",
-    publicIconUrl: `${o}/spotify.svg`,
-    icon: w,
-    docs: "https://docs.arcade.dev/home/auth-providers/spotify"
-  },
-  {
-    id: i.Tesla,
-    provider_id: t.Tesla,
-    name: "Tesla",
-    description: "Authorize tools and agents with Tesla",
-    publicIconUrl: `${o}/tesla.svg`,
-    icon: I,
-    docs: "https://docs.arcade.dev/home/auth-providers/tesla"
-  },
   {
     id: i.Twitch,
-    provider_id: t.Twitch,
+    provider_id: e.Twitch,
     name: "Twitch",
     description: "Authorize tools and agents with Twitch",
     publicIconUrl: `${o}/twitch.svg`,
-    icon: _,
+    icon: U,
     docs: "https://docs.arcade.dev/home/auth-providers/twitch"
   },
   {
     id: i.X,
-    provider_id: t.X,
+    provider_id: e.X,
     name: "X (Twitter)",
     description: "Authorize tools and agents with X (Twitter)",
     publicIconUrl: `${o}/x.svg`,
-    icon: U,
+    icon: _,
     docs: "https://docs.arcade.dev/home/auth-providers/x"
   },
   {
     id: i.Zoom,
-    provider_id: t.Zoom,
+    provider_id: e.Zoom,
     name: "Zoom",
     description: "Authorize tools and agents with Zoom",
     publicIconUrl: `${o}/zoom.svg`,
     icon: S,
     docs: "https://docs.arcade.dev/home/auth-providers/zoom"
   }
-], z = {
+], O = {
   id: i.OAuth2,
-  provider_id: t.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: g,
+  icon: b,
   docs: "https://docs.arcade.dev/home/auth-providers/oauth2"
-}, k = [
-  z,
+}, $ = [
+  O,
+  {
+    id: i.Clickup,
+    provider_id: e.Clickup,
+    name: "ClickUp",
+    description: "Authorize tools and agents with ClickUp",
+    publicIconUrl: `${o}/clickup.svg`,
+    icon: a,
+    docs: "https://docs.arcade.dev/home/auth-providers/clickup"
+  },
   {
     id: i.Salesforce,
-    provider_id: t.Salesforce,
+    provider_id: e.Salesforce,
     name: "Salesforce",
     description: "Authorize tools and agents with Salesforce",
     publicIconUrl: `${o}/salesforce.svg`,
-    icon: f,
+    icon: A,
     docs: "https://docs.arcade.dev/home/auth-providers/salesforce"
+  },
+  {
+    id: i.Spotify,
+    provider_id: e.Spotify,
+    name: "Spotify",
+    description: "Authorize tools and agents with Spotify",
+    publicIconUrl: `${o}/spotify.svg`,
+    icon: w,
+    docs: "https://docs.arcade.dev/home/auth-providers/spotify"
+  },
+  {
+    id: i.Tesla,
+    provider_id: e.Tesla,
+    name: "Tesla",
+    description: "Authorize tools and agents with Tesla",
+    publicIconUrl: `${o}/tesla.svg`,
+    icon: I,
+    docs: "https://docs.arcade.dev/home/auth-providers/tesla"
+  },
+  {
+    id: i.Zendesk,
+    provider_id: e.Zendesk,
+    name: "Zendesk",
+    description: "Authorize tools and agents with Zendesk",
+    publicIconUrl: `${o}/zendesk.svg`,
+    icon: z,
+    docs: "https://docs.arcade.dev/home/auth-providers/zendesk"
   }
-], O = [
+], D = [
   ...T,
-  ...k
-], F = O.reduce(
-  (e, r) => (e[r.provider_id] = r, e),
+  ...$
+], io = D.reduce(
+  (t, r) => (t[r.provider_id] = r, t),
   {}
 );
 export {
-  z as OAUTH2_PROVIDER,
-  O as OAUTH_PROVIDERS,
-  F as OAUTH_PROVIDER_CATALOGUE,
+  O as OAUTH2_PROVIDER,
+  D as OAUTH_PROVIDERS,
+  io as OAUTH_PROVIDER_CATALOGUE,
   i as OAuthId,
-  t as OAuthProviderId,
-  k as OTHER_OAUTH_PROVIDERS,
+  e as OAuthProviderId,
+  $ as OTHER_OAUTH_PROVIDERS,
   T as PREBUILT_OAUTH_PROVIDERS
 };

package/dist/metadata/toolkits.d.ts

@@ -1,24 +1,4 @@
-import { SVGProps } from 'react';
-export type ToolkitType = 'arcade' | 'verified' | 'community' | 'auth';
-export type ToolkitCategory = 'all' | 'productivity' | 'social' | 'development' | 'entertainment' | 'search' | 'payments' | 'sales' | 'databases' | 'customer-support';
-export type Toolkit = {
-    id: string;
-    label: string;
-    isBYOC: boolean;
-    isPro: boolean;
-    publicIconUrl: string;
-    icon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-    summary: string;
-    docsLink: string;
-    relativeDocsLink: string;
-    type: ToolkitType;
-    category: ToolkitCategory;
-    isComingSoon?: boolean;
-};
-export type Category = {
-    id: ToolkitCategory;
-    name: string;
-};
+import { Category, Toolkit } from './types';
 export declare const CATEGORIES: Category[];
 export declare const TOOLKITS: Toolkit[];
 export declare const TOOLKIT_CATALOGUE: Record<string, Toolkit>;