@arcadeai/design-system 3.10.0 → 3.12.0

package/dist/lib/arcade/arcade.js

@@ -1271,7 +1271,7 @@ class qt extends d {
     return new d(e);
   }
   async getAllTools(e = {}) {
-    const { limit: n = 2e3, offset: r = 0, toolkit: s } = e;
+    const { limit: n = 5e3, offset: r = 0, toolkit: s } = e;
     return (await this.tools.list({
       limit: n,
       offset: r,
@@ -1307,7 +1307,7 @@ class qt extends d {
   async getToolsForToolkit(e) {
     return (await this.tools.list({
       toolkit: e,
-      limit: 2e3
+      limit: 5e3
     })).items;
   }
   applyToolRequirements(e, n) {

package/dist/lib/arcade/arcade.test.js

@@ -97,7 +97,7 @@ m("Arcade Tests", () => {
       arcadeClientId: "test-client-id",
       apiKey: "test-api-key"
     }).getAllTools(), e(d).toHaveBeenCalledWith(
-      e.objectContaining({ limit: 2e3, offset: 0 })
+      e.objectContaining({ limit: 5e3, offset: 0 })
     );
   }), s("should filter tools by toolkit", async () => {
     const t = await new i({
@@ -258,7 +258,7 @@ m("Arcade Tests", () => {
       arcadeClientId: "test-client-id",
       apiKey: "test-api-key"
     }).getToolsForToolkit("Gmail"), e(d).toHaveBeenCalledWith(
-      e.objectContaining({ toolkit: "Gmail", limit: 2e3 })
+      e.objectContaining({ toolkit: "Gmail", limit: 5e3 })
     );
   }), s("should group tools by a string key", async () => {
     const t = await new i({

package/dist/main.js

@@ -1,18 +1,18 @@
 import { Accordion as e, AccordionContent as t, AccordionItem as p, AccordionTrigger as a } from "./components/ui/atoms/accordion.js";
 import { Alert as i, AlertDescription as l, AlertTitle as f } from "./components/ui/atoms/alert.js";
 import { AlertDialog as n, AlertDialogAction as d, AlertDialogCancel as g, AlertDialogContent as u, AlertDialogDescription as S, AlertDialogFooter as b, AlertDialogHeader as c, AlertDialogOverlay as T, AlertDialogPortal as s, AlertDialogTitle as C, AlertDialogTrigger as D } from "./components/ui/atoms/alert-dialog.js";
-import { Avatar as h, AvatarFallback as M, AvatarImage as B } from "./components/ui/atoms/avatar.js";
-import { Badge as k, badgeVariants as I } from "./components/ui/atoms/badge.js";
-import { Breadcrumb as O, BreadcrumbEllipsis as v, BreadcrumbItem as R, BreadcrumbLink as w, BreadcrumbList as y, BreadcrumbPage as H, BreadcrumbSeparator as L } from "./components/ui/atoms/breadcrumb.js";
-import { Button as F, buttonVariants as _ } from "./components/ui/atoms/button.js";
+import { Avatar as h, AvatarFallback as M, AvatarImage as P } from "./components/ui/atoms/avatar.js";
+import { Badge as I, badgeVariants as k } from "./components/ui/atoms/badge.js";
+import { Breadcrumb as G, BreadcrumbEllipsis as R, BreadcrumbItem as v, BreadcrumbLink as w, BreadcrumbList as y, BreadcrumbPage as H, BreadcrumbSeparator as L } from "./components/ui/atoms/breadcrumb.js";
+import { Button as _, buttonVariants as F } from "./components/ui/atoms/button.js";
 import { ByocBadge as V } from "./components/ui/atoms/byoc-badge.js";
 import { Card as z, CardAction as Z, CardContent as q, CardDescription as K, CardFooter as W, CardHeader as J, CardTitle as X } from "./components/ui/atoms/card.js";
 import { ChartContainer as Y, ChartLegend as j, ChartLegendContent as $, ChartStyle as oo, ChartTooltip as ro, ChartTooltipContent as eo } from "./components/ui/atoms/chart.js";
 import { Checkbox as po } from "./components/ui/atoms/checkbox.js";
 import { Collapsible as mo, CollapsibleContent as io, CollapsibleTrigger as lo } from "./components/ui/atoms/collapsible.js";
 import { Command as xo, CommandDialog as no, CommandEmpty as go, CommandGroup as uo, CommandInput as So, CommandItem as bo, CommandList as co, CommandSeparator as To, CommandShortcut as so } from "./components/ui/atoms/command.js";
-import { Dialog as Do, DialogClose as Ao, DialogContent as ho, DialogDescription as Mo, DialogFooter as Bo, DialogHeader as Po, DialogOverlay as ko, DialogPortal as Io, DialogTitle as Go, DialogTrigger as Oo } from "./components/ui/atoms/dialog.js";
-import { DropdownMenu as Ro, DropdownMenuCheckboxItem as wo, DropdownMenuContent as yo, DropdownMenuGroup as Ho, DropdownMenuItem as Lo, DropdownMenuLabel as Eo, DropdownMenuPortal as Fo, DropdownMenuRadioGroup as _o, DropdownMenuRadioItem as Uo, DropdownMenuSeparator as Vo, DropdownMenuShortcut as No, DropdownMenuSub as zo, DropdownMenuSubContent as Zo, DropdownMenuSubTrigger as qo, DropdownMenuTrigger as Ko } from "./components/ui/atoms/dropdown-menu.js";
+import { Dialog as Do, DialogClose as Ao, DialogContent as ho, DialogDescription as Mo, DialogFooter as Po, DialogHeader as Bo, DialogOverlay as Io, DialogPortal as ko, DialogTitle as Oo, DialogTrigger as Go } from "./components/ui/atoms/dialog.js";
+import { DropdownMenu as vo, DropdownMenuCheckboxItem as wo, DropdownMenuContent as yo, DropdownMenuGroup as Ho, DropdownMenuItem as Lo, DropdownMenuLabel as Eo, DropdownMenuPortal as _o, DropdownMenuRadioGroup as Fo, DropdownMenuRadioItem as Uo, DropdownMenuSeparator as Vo, DropdownMenuShortcut as No, DropdownMenuSub as zo, DropdownMenuSubContent as Zo, DropdownMenuSubTrigger as qo, DropdownMenuTrigger as Ko } from "./components/ui/atoms/dropdown-menu.js";
 import { HoverCard as Jo, HoverCardContent as Xo, HoverCardTrigger as Qo } from "./components/ui/atoms/hover-card.js";
 import { Adp as jo } from "./components/ui/atoms/icons/adp.js";
 import { Aha as or } from "./components/ui/atoms/icons/aha.js";
@@ -28,13 +28,13 @@ import { Bamboohr as Tr } from "./components/ui/atoms/icons/bamboohr.js";
 import { Basecamp as Cr } from "./components/ui/atoms/icons/basecamp.js";
 import { Bill as Ar } from "./components/ui/atoms/icons/bill.js";
 import { Bitbucket as Mr } from "./components/ui/atoms/icons/bitbucket.js";
-import { Bluesky as Pr } from "./components/ui/atoms/icons/bluesky.js";
-import { Box as Ir } from "./components/ui/atoms/icons/box.js";
-import { Braze as Or } from "./components/ui/atoms/icons/braze.js";
-import { Brex as Rr } from "./components/ui/atoms/icons/brex.js";
+import { Bluesky as Br } from "./components/ui/atoms/icons/bluesky.js";
+import { Box as kr } from "./components/ui/atoms/icons/box.js";
+import { Braze as Gr } from "./components/ui/atoms/icons/braze.js";
+import { Brex as vr } from "./components/ui/atoms/icons/brex.js";
 import { Brightdata as yr } from "./components/ui/atoms/icons/brightdata.js";
 import { Buffer as Lr } from "./components/ui/atoms/icons/buffer.js";
-import { Calendly as Fr } from "./components/ui/atoms/icons/calendly.js";
+import { Calendly as _r } from "./components/ui/atoms/icons/calendly.js";
 import { Clickhouse as Ur } from "./components/ui/atoms/icons/clickhouse.js";
 import { Clickup as Nr } from "./components/ui/atoms/icons/clickup.js";
 import { Closeio as Zr } from "./components/ui/atoms/icons/closeio.js";
@@ -55,13 +55,13 @@ import { Firecrawl as Te } from "./components/ui/atoms/icons/firecrawl.js";
 import { Freshservice as Ce } from "./components/ui/atoms/icons/freshservice.js";
 import { Generic as Ae } from "./components/ui/atoms/icons/generic.js";
 import { Github as Me } from "./components/ui/atoms/icons/github.js";
-import { Gitlab as Pe } from "./components/ui/atoms/icons/gitlab.js";
-import { Gmail as Ie } from "./components/ui/atoms/icons/gmail.js";
-import { Google as Oe } from "./components/ui/atoms/icons/google.js";
-import { GoogleCalendar as Re } from "./components/ui/atoms/icons/google-calendar.js";
+import { Gitlab as Be } from "./components/ui/atoms/icons/gitlab.js";
+import { Gmail as ke } from "./components/ui/atoms/icons/gmail.js";
+import { Google as Ge } from "./components/ui/atoms/icons/google.js";
+import { GoogleCalendar as ve } from "./components/ui/atoms/icons/google-calendar.js";
 import { GoogleContacts as ye } from "./components/ui/atoms/icons/google-contacts.js";
 import { GoogleDocs as Le } from "./components/ui/atoms/icons/google-docs.js";
-import { GoogleDrive as Fe } from "./components/ui/atoms/icons/google-drive.js";
+import { GoogleDrive as _e } from "./components/ui/atoms/icons/google-drive.js";
 import { GoogleFinance as Ue } from "./components/ui/atoms/icons/google-finance.js";
 import { GoogleFlight as Ne } from "./components/ui/atoms/icons/google-flight.js";
 import { GoogleFlights as Ze } from "./components/ui/atoms/icons/google-flights.js";
@@ -82,13 +82,13 @@ import { Linear as Tt } from "./components/ui/atoms/icons/linear.js";
 import { Linkedin as Ct } from "./components/ui/atoms/icons/linkedin.js";
 import { Mailchimp as At } from "./components/ui/atoms/icons/mailchimp.js";
 import { Mcp as Mt } from "./components/ui/atoms/icons/mcp.js";
-import { Microsoft as Pt } from "./components/ui/atoms/icons/microsoft.js";
-import { MicrosoftDynamics as It } from "./components/ui/atoms/icons/microsoft-dynamics.js";
-import { MicrosoftSharepoint as Ot } from "./components/ui/atoms/icons/microsoft-sharepoint.js";
-import { MicrosoftTeams as Rt } from "./components/ui/atoms/icons/microsoft-teams.js";
+import { Microsoft as Bt } from "./components/ui/atoms/icons/microsoft.js";
+import { MicrosoftDynamics as kt } from "./components/ui/atoms/icons/microsoft-dynamics.js";
+import { MicrosoftSharepoint as Gt } from "./components/ui/atoms/icons/microsoft-sharepoint.js";
+import { MicrosoftTeams as vt } from "./components/ui/atoms/icons/microsoft-teams.js";
 import { Miro as yt } from "./components/ui/atoms/icons/miro.js";
 import { Monday as Lt } from "./components/ui/atoms/icons/monday.js";
-import { MongoDB as Ft } from "./components/ui/atoms/icons/mongodb.js";
+import { MongoDB as _t } from "./components/ui/atoms/icons/mongodb.js";
 import { Netsuite as Ut } from "./components/ui/atoms/icons/netsuite.js";
 import { Notion as Nt } from "./components/ui/atoms/icons/notion.js";
 import { Oauth as Zt } from "./components/ui/atoms/icons/oauth.js";
@@ -109,13 +109,13 @@ import { Salesforce as Tp } from "./components/ui/atoms/icons/salesforce.js";
 import { Shopify as Cp } from "./components/ui/atoms/icons/shopify.js";
 import { Singlestore as Ap } from "./components/ui/atoms/icons/singlestore.js";
 import { Slack as Mp } from "./components/ui/atoms/icons/slack.js";
-import { Snowflake as Pp } from "./components/ui/atoms/icons/snowflake.js";
-import { Splunk as Ip } from "./components/ui/atoms/icons/splunk.js";
-import { Spotify as Op } from "./components/ui/atoms/icons/spotify.js";
-import { Square as Rp } from "./components/ui/atoms/icons/square.js";
+import { Snowflake as Bp } from "./components/ui/atoms/icons/snowflake.js";
+import { Splunk as kp } from "./components/ui/atoms/icons/splunk.js";
+import { Spotify as Gp } from "./components/ui/atoms/icons/spotify.js";
+import { Square as vp } from "./components/ui/atoms/icons/square.js";
 import { Squarespace as yp } from "./components/ui/atoms/icons/squarespace.js";
 import { Squareup as Lp } from "./components/ui/atoms/icons/squareup.js";
-import { Stripe as Fp } from "./components/ui/atoms/icons/stripe.js";
+import { Stripe as _p } from "./components/ui/atoms/icons/stripe.js";
 import { Tesla as Up } from "./components/ui/atoms/icons/tesla.js";
 import { Tiktok as Np } from "./components/ui/atoms/icons/tiktok.js";
 import { Trello as Zp } from "./components/ui/atoms/icons/trello.js";
@@ -136,17 +136,17 @@ import { ZohoCreator as Ta } from "./components/ui/atoms/icons/zoho-creator.js";
 import { Zoom as Ca } from "./components/ui/atoms/icons/zoom.js";
 import { Input as Aa } from "./components/ui/atoms/input.js";
 import { Label as Ma } from "./components/ui/atoms/label.js";
-import { MobileTooltip as Pa, MobileTooltipContent as ka, MobileTooltipProvider as Ia, MobileTooltipTrigger as Ga } from "./components/ui/atoms/mobile-tooltip.js";
-import { Popover as va, PopoverAnchor as Ra, PopoverContent as wa, PopoverTrigger as ya } from "./components/ui/atoms/popover.js";
+import { MobileTooltip as Ba, MobileTooltipContent as Ia, MobileTooltipProvider as ka, MobileTooltipTrigger as Oa } from "./components/ui/atoms/mobile-tooltip.js";
+import { Popover as Ra, PopoverAnchor as va, PopoverContent as wa, PopoverTrigger as ya } from "./components/ui/atoms/popover.js";
 import { ProBadge as La } from "./components/ui/atoms/pro-badge.js";
-import { Progress as Fa } from "./components/ui/atoms/progress.js";
+import { Progress as _a } from "./components/ui/atoms/progress.js";
 import { RadioGroup as Ua, RadioGroupItem as Va } from "./components/ui/atoms/radio-group.js";
 import { ResizableHandle as za, ResizablePanel as Za, ResizablePanelGroup as qa } from "./components/ui/atoms/resizable.js";
 import { ScrollArea as Wa, ScrollBar as Ja } from "./components/ui/atoms/scroll-area.js";
 import { Select as Qa, SelectContent as Ya, SelectGroup as ja, SelectItem as $a, SelectLabel as om, SelectScrollDownButton as rm, SelectScrollUpButton as em, SelectSeparator as tm, SelectTrigger as pm, SelectValue as am } from "./components/ui/atoms/select.js";
 import { Separator as im } from "./components/ui/atoms/separator.js";
 import { Sheet as fm, SheetClose as xm, SheetContent as nm, SheetDescription as dm, SheetFooter as gm, SheetHeader as um, SheetTitle as Sm, SheetTrigger as bm } from "./components/ui/atoms/sheet.js";
-import { Sidebar as Tm, SidebarContent as sm, SidebarFooter as Cm, SidebarGroup as Dm, SidebarGroupAction as Am, SidebarGroupContent as hm, SidebarGroupLabel as Mm, SidebarHeader as Bm, SidebarInput as Pm, SidebarInset as km, SidebarMenu as Im, SidebarMenuAction as Gm, SidebarMenuBadge as Om, SidebarMenuButton as vm, SidebarMenuItem as Rm, SidebarMenuSkeleton as wm, SidebarMenuSub as ym, SidebarMenuSubButton as Hm, SidebarMenuSubItem as Lm, SidebarProvider as Em, SidebarRail as Fm, SidebarSeparator as _m, SidebarTrigger as Um, useSidebar as Vm } from "./components/ui/atoms/sidebar.js";
+import { Sidebar as Tm, SidebarContent as sm, SidebarFooter as Cm, SidebarGroup as Dm, SidebarGroupAction as Am, SidebarGroupContent as hm, SidebarGroupLabel as Mm, SidebarHeader as Pm, SidebarInput as Bm, SidebarInset as Im, SidebarMenu as km, SidebarMenuAction as Om, SidebarMenuBadge as Gm, SidebarMenuButton as Rm, SidebarMenuItem as vm, SidebarMenuSkeleton as wm, SidebarMenuSub as ym, SidebarMenuSubButton as Hm, SidebarMenuSubItem as Lm, SidebarProvider as Em, SidebarRail as _m, SidebarSeparator as Fm, SidebarTrigger as Um, useSidebar as Vm } from "./components/ui/atoms/sidebar.js";
 import { Skeleton as zm } from "./components/ui/atoms/skeleton.js";
 import { Slider as qm } from "./components/ui/atoms/slider.js";
 import { Switch as Wm } from "./components/ui/atoms/switch.js";
@@ -158,14 +158,14 @@ import { Tooltip as ui, TooltipContent as Si, TooltipProvider as bi, TooltipTrig
 import { EmptyState as si } from "./components/ui/molecules/empty-state.js";
 import { R as Di, T as Ai } from "./toolkit-card-BzIa8ZXI.js";
 import { ToolCard as Mi } from "./components/ui/molecules/tool-card.js";
-import { ToolkitPickerTrigger as Pi } from "./components/ui/molecules/toolkit-picker-trigger.js";
-import { ToolkitSelectionSummary as Ii } from "./components/ui/molecules/toolkit-selection-summary.js";
-import { ToolkitPicker as Oi } from "./components/ui/organisms/toolkit-picker/index.js";
-import { PUBLIC_ICON_URL as Ri } from "./metadata/constants.js";
-import { OAUTH2_PROVIDER as yi, OAUTH_PROVIDERS as Hi, OAUTH_PROVIDER_CATALOGUE as Li, OAuthId as Ei, OAuthProviderId as Fi, OTHER_OAUTH_PROVIDERS as _i, PREBUILT_OAUTH_PROVIDERS as Ui } from "./metadata/oauth-providers.js";
-import { TOOLKIT_ICON_MAP as Ni, getToolIconByToolkitName as zi, getToolkitIcon as Zi, getToolkitIconByName as qi } from "./metadata/toolkit-icons.js";
-import { CATEGORIES as Wi, TOOLKITS as Ji, TOOLKIT_CATALOGUE as Xi } from "./metadata/toolkits.js";
-import { findPrebuiltProviderById as Yi, findPrebuiltProviderByProviderId as ji, findToolkitByName as $i, isKnownToolkit as ol, isPrebuiltProvider as rl } from "./metadata/utils.js";
+import { ToolkitPickerTrigger as Bi } from "./components/ui/molecules/toolkit-picker-trigger.js";
+import { ToolkitSelectionSummary as ki } from "./components/ui/molecules/toolkit-selection-summary.js";
+import { ToolkitPicker as Gi } from "./components/ui/organisms/toolkit-picker/index.js";
+import { PUBLIC_ICON_URL as vi } from "./metadata/constants.js";
+import { MCP_OAUTH2_PROVIDER as yi, OAUTH2_PROVIDER as Hi, OAUTH_PROVIDERS as Li, OAUTH_PROVIDER_CATALOGUE as Ei, OAuthId as _i, OAuthProviderId as Fi, OTHER_OAUTH_PROVIDERS as Ui, PREBUILT_OAUTH_PROVIDERS as Vi } from "./metadata/oauth-providers.js";
+import { TOOLKIT_ICON_MAP as zi, getToolIconByToolkitName as Zi, getToolkitIcon as qi, getToolkitIconByName as Ki } from "./metadata/toolkit-icons.js";
+import { CATEGORIES as Ji, TOOLKITS as Xi, TOOLKIT_CATALOGUE as Qi } from "./metadata/toolkits.js";
+import { findPrebuiltProviderById as ji, findPrebuiltProviderByProviderId as $i, findToolkitByName as ol, isKnownToolkit as rl, isPrebuiltProvider as el } from "./metadata/utils.js";
 export {
   e as Accordion,
   t as AccordionContent,
@@ -196,30 +196,30 @@ export {
   ur as Auth0,
   h as Avatar,
   M as AvatarFallback,
-  B as AvatarImage,
+  P as AvatarImage,
   br as Azure,
-  k as Badge,
+  I as Badge,
   Tr as Bamboohr,
   Cr as Basecamp,
   Ar as Bill,
   Mr as Bitbucket,
-  Pr as Bluesky,
-  Ir as Box,
-  Or as Braze,
-  O as Breadcrumb,
-  v as BreadcrumbEllipsis,
-  R as BreadcrumbItem,
+  Br as Bluesky,
+  kr as Box,
+  Gr as Braze,
+  G as Breadcrumb,
+  R as BreadcrumbEllipsis,
+  v as BreadcrumbItem,
   w as BreadcrumbLink,
   y as BreadcrumbList,
   H as BreadcrumbPage,
   L as BreadcrumbSeparator,
-  Rr as Brex,
+  vr as Brex,
   yr as Brightdata,
   Lr as Buffer,
-  F as Button,
+  _ as Button,
   V as ByocBadge,
-  Wi as CATEGORIES,
-  Fr as Calendly,
+  Ji as CATEGORIES,
+  _r as Calendly,
   z as Card,
   Z as CardAction,
   q as CardContent,
@@ -258,23 +258,23 @@ export {
   Ao as DialogClose,
   ho as DialogContent,
   Mo as DialogDescription,
-  Bo as DialogFooter,
-  Po as DialogHeader,
-  ko as DialogOverlay,
-  Io as DialogPortal,
-  Go as DialogTitle,
-  Oo as DialogTrigger,
+  Po as DialogFooter,
+  Bo as DialogHeader,
+  Io as DialogOverlay,
+  ko as DialogPortal,
+  Oo as DialogTitle,
+  Go as DialogTrigger,
   ee as DigitalOcean,
   pe as Discord,
   me as Dropbox,
-  Ro as DropdownMenu,
+  vo as DropdownMenu,
   wo as DropdownMenuCheckboxItem,
   yo as DropdownMenuContent,
   Ho as DropdownMenuGroup,
   Lo as DropdownMenuItem,
   Eo as DropdownMenuLabel,
-  Fo as DropdownMenuPortal,
-  _o as DropdownMenuRadioGroup,
+  _o as DropdownMenuPortal,
+  Fo as DropdownMenuRadioGroup,
   Uo as DropdownMenuRadioItem,
   Vo as DropdownMenuSeparator,
   No as DropdownMenuShortcut,
@@ -292,13 +292,13 @@ export {
   Ce as Freshservice,
   Ae as Generic,
   Me as Github,
-  Pe as Gitlab,
-  Ie as Gmail,
-  Oe as Google,
-  Re as GoogleCalendar,
+  Be as Gitlab,
+  ke as Gmail,
+  Ge as Google,
+  ve as GoogleCalendar,
   ye as GoogleContacts,
   Le as GoogleDocs,
-  Fe as GoogleDrive,
+  _e as GoogleDrive,
   Ue as GoogleFinance,
   Ne as GoogleFlight,
   Ze as GoogleFlights,
@@ -322,47 +322,48 @@ export {
   Ma as Label,
   Tt as Linear,
   Ct as Linkedin,
+  yi as MCP_OAUTH2_PROVIDER,
   At as Mailchimp,
   Mt as Mcp,
-  Pt as Microsoft,
-  It as MicrosoftDynamics,
-  Ot as MicrosoftSharepoint,
-  Rt as MicrosoftTeams,
+  Bt as Microsoft,
+  kt as MicrosoftDynamics,
+  Gt as MicrosoftSharepoint,
+  vt as MicrosoftTeams,
   yt as Miro,
-  Pa as MobileTooltip,
-  ka as MobileTooltipContent,
-  Ia as MobileTooltipProvider,
-  Ga as MobileTooltipTrigger,
+  Ba as MobileTooltip,
+  Ia as MobileTooltipContent,
+  ka as MobileTooltipProvider,
+  Oa as MobileTooltipTrigger,
   Lt as Monday,
-  Ft as MongoDB,
+  _t as MongoDB,
   Ut as Netsuite,
   Nt as Notion,
-  yi as OAUTH2_PROVIDER,
-  Hi as OAUTH_PROVIDERS,
-  Li as OAUTH_PROVIDER_CATALOGUE,
-  Ei as OAuthId,
+  Hi as OAUTH2_PROVIDER,
+  Li as OAUTH_PROVIDERS,
+  Ei as OAUTH_PROVIDER_CATALOGUE,
+  _i as OAuthId,
   Fi as OAuthProviderId,
-  _i as OTHER_OAUTH_PROVIDERS,
+  Ui as OTHER_OAUTH_PROVIDERS,
   Zt as Oauth,
   Kt as Obsidian,
   Jt as Okta,
   Qt as OneDrive,
   jt as OutlookCalendar,
   op as OutlookMail,
-  Ui as PREBUILT_OAUTH_PROVIDERS,
-  Ri as PUBLIC_ICON_URL,
+  Vi as PREBUILT_OAUTH_PROVIDERS,
+  vi as PUBLIC_ICON_URL,
   ep as Pagerduty,
   pp as Pinecone,
   mp as Pinterest,
   lp as Pipedrive,
   xp as Plaid,
-  va as Popover,
-  Ra as PopoverAnchor,
+  Ra as Popover,
+  va as PopoverAnchor,
   wa as PopoverContent,
   ya as PopoverTrigger,
   dp as Postgres,
   La as ProBadge,
-  Fa as Progress,
+  _a as Progress,
   up as Quickbooks,
   Ua as RadioGroup,
   Va as RadioGroupItem,
@@ -401,37 +402,37 @@ export {
   Am as SidebarGroupAction,
   hm as SidebarGroupContent,
   Mm as SidebarGroupLabel,
-  Bm as SidebarHeader,
-  Pm as SidebarInput,
-  km as SidebarInset,
-  Im as SidebarMenu,
-  Gm as SidebarMenuAction,
-  Om as SidebarMenuBadge,
-  vm as SidebarMenuButton,
-  Rm as SidebarMenuItem,
+  Pm as SidebarHeader,
+  Bm as SidebarInput,
+  Im as SidebarInset,
+  km as SidebarMenu,
+  Om as SidebarMenuAction,
+  Gm as SidebarMenuBadge,
+  Rm as SidebarMenuButton,
+  vm as SidebarMenuItem,
   wm as SidebarMenuSkeleton,
   ym as SidebarMenuSub,
   Hm as SidebarMenuSubButton,
   Lm as SidebarMenuSubItem,
   Em as SidebarProvider,
-  Fm as SidebarRail,
-  _m as SidebarSeparator,
+  _m as SidebarRail,
+  Fm as SidebarSeparator,
   Um as SidebarTrigger,
   Ap as Singlestore,
   zm as Skeleton,
   Mp as Slack,
   qm as Slider,
-  Pp as Snowflake,
-  Ip as Splunk,
-  Op as Spotify,
-  Rp as Square,
+  Bp as Snowflake,
+  kp as Splunk,
+  Gp as Spotify,
+  vp as Square,
   yp as Squarespace,
   Lp as Squareup,
-  Fp as Stripe,
+  _p as Stripe,
   Wm as Switch,
-  Ji as TOOLKITS,
-  Xi as TOOLKIT_CATALOGUE,
-  Ni as TOOLKIT_ICON_MAP,
+  Xi as TOOLKITS,
+  Qi as TOOLKIT_CATALOGUE,
+  zi as TOOLKIT_ICON_MAP,
   Xm as Table,
   Qm as TableBody,
   Ym as TableCaption,
@@ -450,9 +451,9 @@ export {
   ni as Toggle,
   Mi as ToolCard,
   Ai as ToolkitCard,
-  Oi as ToolkitPicker,
-  Pi as ToolkitPickerTrigger,
-  Ii as ToolkitSelectionSummary,
+  Gi as ToolkitPicker,
+  Bi as ToolkitPickerTrigger,
+  ki as ToolkitSelectionSummary,
   ui as Tooltip,
   Si as TooltipContent,
   bi as TooltipProvider,
@@ -473,16 +474,16 @@ export {
   ba as ZohoBooks,
   Ta as ZohoCreator,
   Ca as Zoom,
-  I as badgeVariants,
-  _ as buttonVariants,
-  Yi as findPrebuiltProviderById,
-  ji as findPrebuiltProviderByProviderId,
-  $i as findToolkitByName,
-  zi as getToolIconByToolkitName,
-  Zi as getToolkitIcon,
-  qi as getToolkitIconByName,
-  ol as isKnownToolkit,
-  rl as isPrebuiltProvider,
+  k as badgeVariants,
+  F as buttonVariants,
+  ji as findPrebuiltProviderById,
+  $i as findPrebuiltProviderByProviderId,
+  ol as findToolkitByName,
+  Zi as getToolIconByToolkitName,
+  qi as getToolkitIcon,
+  Ki as getToolkitIconByName,
+  rl as isKnownToolkit,
+  el as isPrebuiltProvider,
   di as toggleVariants,
   Vm as useSidebar
 };

package/dist/metadata/index.js

@@ -1,27 +1,28 @@
 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";
+import { MCP_OAUTH2_PROVIDER as I, OAUTH2_PROVIDER as e, OAUTH_PROVIDERS as i, OAUTH_PROVIDER_CATALOGUE as t, OAuthId as P, OAuthProviderId as R, OTHER_OAUTH_PROVIDERS as _, PREBUILT_OAUTH_PROVIDERS as A } from "./oauth-providers.js";
+import { TOOLKIT_ICON_MAP as E, getToolIconByToolkitName as U, getToolkitIcon as l, getToolkitIconByName as f } from "./toolkit-icons.js";
+import { CATEGORIES as n, TOOLKITS as L, TOOLKIT_CATALOGUE as B } from "./toolkits.js";
+import { findPrebuiltProviderById as H, findPrebuiltProviderByProviderId as D, findToolkitByName as V, isKnownToolkit as k, isPrebuiltProvider as p } from "./utils.js";
 export {
-  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,
+  n as CATEGORIES,
+  I as MCP_OAUTH2_PROVIDER,
+  e as OAUTH2_PROVIDER,
+  i as OAUTH_PROVIDERS,
+  t as OAUTH_PROVIDER_CATALOGUE,
+  P as OAuthId,
+  R as OAuthProviderId,
+  _ 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
+  L as TOOLKITS,
+  B as TOOLKIT_CATALOGUE,
+  E as TOOLKIT_ICON_MAP,
+  H as findPrebuiltProviderById,
+  D as findPrebuiltProviderByProviderId,
+  V as findToolkitByName,
+  U as getToolIconByToolkitName,
+  l as getToolkitIcon,
+  f as getToolkitIconByName,
+  k as isKnownToolkit,
+  p as isPrebuiltProvider
 };

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

@@ -13,6 +13,7 @@ export declare const OAuthId: {
     readonly Hubspot: "arcade-hubspot";
     readonly Linkedin: "arcade-linkedin";
     readonly Linear: "arcade-linear";
+    readonly MCP_OAuth2: "arcade-mcp-oauth2";
     readonly Microsoft: "arcade-microsoft";
     readonly Miro: "arcade-miro";
     readonly Notion: "arcade-notion";
@@ -43,6 +44,7 @@ export declare const OAuthProviderId: {
     readonly Hubspot: "hubspot";
     readonly Linkedin: "linkedin";
     readonly Linear: "linear";
+    readonly MCP_OAuth2: "mcp-oauth2";
     readonly Microsoft: "microsoft";
     readonly Miro: "miro";
     readonly Notion: "notion";
@@ -76,6 +78,18 @@ export declare const OAUTH2_PROVIDER: {
     icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     docs: string;
 };
+/**
+ * MCP OAUTH2 PROVIDER - The default OAuth 2.0 provider for MCP
+ */
+export declare const MCP_OAUTH2_PROVIDER: {
+    id: "arcade-mcp-oauth2";
+    provider_id: "mcp-oauth2";
+    name: string;
+    description: string;
+    publicIconUrl: string;
+    icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+};
 /**
  * OTHER OAUTH PROVIDERS - A list of all OAuth providers that are not prebuilt
  */

package/dist/metadata/oauth-providers.js

@@ -11,22 +11,23 @@ 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 { Microsoft as b } from "../components/ui/atoms/icons/microsoft.js";
-import { Miro as A } from "../components/ui/atoms/icons/miro.js";
-import { Notion as f } from "../components/ui/atoms/icons/notion.js";
+import { Mcp as b } from "../components/ui/atoms/icons/mcp.js";
+import { Microsoft as A } 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 k } from "../components/ui/atoms/icons/oauth.js";
-import { Pagerduty as w } from "../components/ui/atoms/icons/pagerduty.js";
-import { Reddit as z } from "../components/ui/atoms/icons/reddit.js";
-import { Salesforce as I } from "../components/ui/atoms/icons/salesforce.js";
-import { Slack as U } from "../components/ui/atoms/icons/slack.js";
-import { Spotify as _ } from "../components/ui/atoms/icons/spotify.js";
-import { Square as y } from "../components/ui/atoms/icons/square.js";
-import { Tesla as S } from "../components/ui/atoms/icons/tesla.js";
-import { Twitch as $ } from "../components/ui/atoms/icons/twitch.js";
-import { X as T } from "../components/ui/atoms/icons/x.js";
-import { Zendesk as D } from "../components/ui/atoms/icons/zendesk.js";
-import { Zoho as O } from "../components/ui/atoms/icons/zoho.js";
-import { Zoom as Z } from "../components/ui/atoms/icons/zoom.js";
+import { Pagerduty as I } from "../components/ui/atoms/icons/pagerduty.js";
+import { Reddit as w } from "../components/ui/atoms/icons/reddit.js";
+import { Salesforce as U } from "../components/ui/atoms/icons/salesforce.js";
+import { Slack as z } from "../components/ui/atoms/icons/slack.js";
+import { Spotify as y } 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 { Twitch as O } from "../components/ui/atoms/icons/twitch.js";
+import { X as C } from "../components/ui/atoms/icons/x.js";
+import { Zendesk as T } from "../components/ui/atoms/icons/zendesk.js";
+import { Zoho as P } from "../components/ui/atoms/icons/zoho.js";
+import { Zoom as D } from "../components/ui/atoms/icons/zoom.js";
 import { PUBLIC_ICON_URL as o } from "./constants.js";
 const i = {
   Airtable: "arcade-airtable",
@@ -41,6 +42,7 @@ const i = {
   Hubspot: "arcade-hubspot",
   Linkedin: "arcade-linkedin",
   Linear: "arcade-linear",
+  MCP_OAuth2: "arcade-mcp-oauth2",
   Microsoft: "arcade-microsoft",
   Miro: "arcade-miro",
   Notion: "arcade-notion",
@@ -70,6 +72,7 @@ const i = {
   Hubspot: "hubspot",
   Linkedin: "linkedin",
   Linear: "linear",
+  MCP_OAuth2: "mcp-oauth2",
   Microsoft: "microsoft",
   Miro: "miro",
   Notion: "notion",
@@ -86,7 +89,7 @@ const i = {
   Zendesk: "zendesk",
   Zoho: "zoho",
   Zoom: "zoom"
-}, R = [
+}, M = [
   {
     id: i.Asana,
     provider_id: e.Asana,
@@ -174,7 +177,7 @@ const i = {
     name: "Microsoft",
     description: "Authorize tools and agents with Microsoft",
     publicIconUrl: `${o}/microsoft.svg`,
-    icon: b,
+    icon: A,
     docs: "https://docs.arcade.dev/home/auth-providers/microsoft"
   },
   {
@@ -183,7 +186,7 @@ const i = {
     name: "Notion",
     description: "Authorize tools and agents with Notion",
     publicIconUrl: `${o}/notion.svg`,
-    icon: f,
+    icon: _,
     docs: "https://docs.arcade.dev/home/auth-providers/notion"
   },
   {
@@ -192,7 +195,7 @@ const i = {
     name: "Reddit",
     description: "Authorize tools and agents with Reddit",
     publicIconUrl: `${o}/reddit.svg`,
-    icon: z,
+    icon: w,
     docs: "https://docs.arcade.dev/home/auth-providers/reddit"
   },
   {
@@ -201,7 +204,7 @@ const i = {
     name: "Slack",
     description: "Authorize tools and agents with Slack",
     publicIconUrl: `${o}/slack.svg`,
-    icon: U,
+    icon: z,
     docs: "https://docs.arcade.dev/home/auth-providers/slack"
   },
   {
@@ -210,7 +213,7 @@ const i = {
     name: "Spotify",
     description: "Authorize tools and agents with Spotify",
     publicIconUrl: `${o}/spotify.svg`,
-    icon: _,
+    icon: y,
     docs: "https://docs.arcade.dev/home/auth-providers/spotify"
   },
   {
@@ -219,7 +222,7 @@ const i = {
     name: "Twitch",
     description: "Authorize tools and agents with Twitch",
     publicIconUrl: `${o}/twitch.svg`,
-    icon: $,
+    icon: O,
     docs: "https://docs.arcade.dev/home/auth-providers/twitch"
   },
   {
@@ -228,7 +231,7 @@ const i = {
     name: "X (Twitter)",
     description: "Authorize tools and agents with X (Twitter)",
     publicIconUrl: `${o}/x.svg`,
-    icon: T,
+    icon: C,
     docs: "https://docs.arcade.dev/home/auth-providers/x"
   },
   {
@@ -237,10 +240,10 @@ const i = {
     name: "Zoom",
     description: "Authorize tools and agents with Zoom",
     publicIconUrl: `${o}/zoom.svg`,
-    icon: Z,
+    icon: D,
     docs: "https://docs.arcade.dev/home/auth-providers/zoom"
   }
-], C = {
+], R = {
   id: i.OAuth2,
   provider_id: e.OAuth2,
   name: "OAuth 2.0",
@@ -248,8 +251,18 @@ const i = {
   publicIconUrl: `${o}/oauth.svg`,
   icon: k,
   docs: "https://docs.arcade.dev/home/auth-providers/oauth2"
-}, L = [
-  C,
+}, Z = {
+  id: i.MCP_OAuth2,
+  provider_id: e.MCP_OAuth2,
+  name: "MCP",
+  description: "Model Context Protocol (MCP)",
+  publicIconUrl: `${o}/mcp.svg`,
+  icon: b,
+  docs: "https://docs.arcade.dev/en/home/glossary#mcp-server"
+  // TODO: Use the correct docs link when we have it
+}, x = [
+  R,
+  Z,
   {
     id: i.Airtable,
     provider_id: e.Airtable,
@@ -283,7 +296,7 @@ const i = {
     name: "Miro",
     description: "Authorize tools and agents with Miro",
     publicIconUrl: `${o}/miro.svg`,
-    icon: A,
+    icon: f,
     docs: "https://docs.arcade.dev/home/auth-providers/miro"
   },
   {
@@ -292,7 +305,7 @@ const i = {
     name: "PagerDuty",
     description: "Authorize tools and agents with PagerDuty",
     publicIconUrl: `${o}/pagerduty.svg`,
-    icon: w,
+    icon: I,
     docs: "https://docs.arcade.dev/home/auth-providers/pagerduty"
   },
   {
@@ -301,7 +314,7 @@ const i = {
     name: "Salesforce",
     description: "Authorize tools and agents with Salesforce",
     publicIconUrl: `${o}/salesforce.svg`,
-    icon: I,
+    icon: U,
     docs: "https://docs.arcade.dev/home/auth-providers/salesforce"
   },
   {
@@ -310,7 +323,7 @@ const i = {
     name: "Square",
     description: "Authorize tools and agents with Square",
     publicIconUrl: `${o}/square.svg`,
-    icon: y,
+    icon: S,
     docs: "https://docs.arcade.dev/home/auth-providers/squareup"
   },
   {
@@ -319,7 +332,7 @@ const i = {
     name: "Tesla",
     description: "Authorize tools and agents with Tesla",
     publicIconUrl: `${o}/tesla.svg`,
-    icon: S,
+    icon: $,
     docs: "https://docs.arcade.dev/home/auth-providers/tesla"
   },
   {
@@ -328,7 +341,7 @@ const i = {
     name: "Zendesk",
     description: "Authorize tools and agents with Zendesk",
     publicIconUrl: `${o}/zendesk.svg`,
-    icon: D,
+    icon: T,
     docs: "https://docs.arcade.dev/home/auth-providers/zendesk"
   },
   {
@@ -337,22 +350,23 @@ const i = {
     name: "Zoho",
     description: "Authorize tools and agents with Zoho",
     publicIconUrl: `${o}/zoho.svg`,
-    icon: O,
+    icon: P,
     docs: "https://docs.arcade.dev/home/auth-providers/zoho"
   }
-], x = [
-  ...R,
-  ...L
-], mo = x.reduce(
+], L = [
+  ...M,
+  ...x
+], bo = L.reduce(
   (r, t) => (r[t.provider_id] = t, r),
   {}
 );
 export {
-  C as OAUTH2_PROVIDER,
-  x as OAUTH_PROVIDERS,
-  mo as OAUTH_PROVIDER_CATALOGUE,
+  Z as MCP_OAUTH2_PROVIDER,
+  R as OAUTH2_PROVIDER,
+  L as OAUTH_PROVIDERS,
+  bo as OAUTH_PROVIDER_CATALOGUE,
   i as OAuthId,
   e as OAuthProviderId,
-  L as OTHER_OAUTH_PROVIDERS,
-  R as PREBUILT_OAUTH_PROVIDERS
+  x as OTHER_OAUTH_PROVIDERS,
+  M as PREBUILT_OAUTH_PROVIDERS
 };

package/package.json

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