@arcadeai/design-system 1.0.1 → 1.1.0

package/dist/assets/icons/utils.d.ts

@@ -0,0 +1,409 @@
+import { SVGProps } from 'react';
+export declare const OAuthId: {
+    readonly Asana: "arcade-asana";
+    readonly Atlassian: "arcade-atlassian";
+    readonly Discord: "arcade-discord";
+    readonly Dropbox: "arcade-dropbox";
+    readonly Github: "arcade-github";
+    readonly Google: "arcade-google";
+    readonly Hubspot: "arcade-hubspot";
+    readonly Linkedin: "arcade-linkedin";
+    readonly Linear: "arcade-linear";
+    readonly Microsoft: "arcade-microsoft";
+    readonly Notion: "arcade-notion";
+    readonly OAuth2: "arcade-oauth2";
+    readonly Reddit: "arcade-reddit";
+    readonly Salesforce: "arcade-salesforce";
+    readonly Slack: "arcade-slack";
+    readonly Spotify: "arcade-spotify";
+    readonly Tesla: "arcade-tesla";
+    readonly Twitch: "arcade-twitch";
+    readonly X: "arcade-x";
+    readonly Zoom: "arcade-zoom";
+};
+export declare const OAuthProviderId: {
+    readonly Asana: "asana";
+    readonly Atlassian: "atlassian";
+    readonly Discord: "discord";
+    readonly Dropbox: "dropbox";
+    readonly Github: "github";
+    readonly Google: "google";
+    readonly Hubspot: "hubspot";
+    readonly Linkedin: "linkedin";
+    readonly Linear: "linear";
+    readonly Microsoft: "microsoft";
+    readonly Notion: "notion";
+    readonly OAuth2: "oauth2";
+    readonly Reddit: "reddit";
+    readonly Salesforce: "salesforce";
+    readonly Slack: "slack";
+    readonly Spotify: "spotify";
+    readonly Tesla: "tesla";
+    readonly Twitch: "twitch";
+    readonly X: "x";
+    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;
+    icon: React.ComponentType<SVGProps<SVGSVGElement>>;
+    docs: string;
+};
+export declare const PREBUILT_OAUTH_PROVIDERS: ({
+    id: "arcade-asana";
+    provider_id: "asana";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-atlassian";
+    provider_id: "atlassian";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-discord";
+    provider_id: "discord";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-dropbox";
+    provider_id: "dropbox";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-github";
+    provider_id: "github";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-google";
+    provider_id: "google";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-hubspot";
+    provider_id: "hubspot";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-linear";
+    provider_id: "linear";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-linkedin";
+    provider_id: "linkedin";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-microsoft";
+    provider_id: "microsoft";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-notion";
+    provider_id: "notion";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-reddit";
+    provider_id: "reddit";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-slack";
+    provider_id: "slack";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-spotify";
+    provider_id: "spotify";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-twitch";
+    provider_id: "twitch";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-x";
+    provider_id: "x";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+} | {
+    id: "arcade-zoom";
+    provider_id: "zoom";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+})[];
+export declare const OAUTH2_PROVIDER: {
+    id: "arcade-oauth2";
+    provider_id: "oauth2";
+    name: string;
+    description: string;
+    icon: ({ className }: {
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    docs: string;
+};
+export declare const OAUTH_PROVIDER_CATALOGUE: OAuthCatalogue[];
+/**
+ * Find a provider by its provider ID or ID, with fallback to default provider
+ */
+export declare const findPrebuiltProviderByProviderId: (providerId: OAuthProviderId | string) => OAuthCatalogue | undefined;
+/**
+ * Find a provider by its ID (not provider ID)
+ */
+export declare const findPrebuiltProviderById: (id: string) => OAuthCatalogue | undefined;
+/**
+ * Check if a provider ID corresponds to a prebuilt provider
+ */
+export declare const isPrebuiltProvider: (providerId: string) => boolean;
+export declare const TOOLKIT_CATALOGUE: {
+    readonly asana: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Asana";
+    };
+    readonly confluence: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Confluence";
+    };
+    readonly firecrawl: {
+        readonly icon: (props: React.HTMLAttributes<HTMLSpanElement> & {
+            height?: number;
+            width?: number;
+        }) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Firecrawl";
+    };
+    readonly notiontoolkit: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Notion";
+    };
+    readonly linear: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Linear";
+    };
+    readonly twilio: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Twilio";
+    };
+    readonly github: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Github";
+    };
+    readonly dropbox: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Dropbox";
+    };
+    readonly google: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google";
+    };
+    readonly gmail: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Gmail";
+    };
+    readonly googlecalendar: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Calendar";
+    };
+    readonly googlecontacts: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Contacts";
+    };
+    readonly googledocs: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Docs";
+    };
+    readonly googledrive: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Drive";
+    };
+    readonly googlefinance: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Finance";
+    };
+    readonly googleflights: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Flights";
+    };
+    readonly googlehotels: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Hotels";
+    };
+    readonly googlejobs: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Jobs";
+    };
+    readonly googlemaps: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Maps";
+    };
+    readonly googlenews: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google News";
+    };
+    readonly googlesearch: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Search";
+    };
+    readonly googlesheets: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Sheets";
+    };
+    readonly googleshopping: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Google Shopping";
+    };
+    readonly hubspot: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "HubSpot";
+    };
+    readonly jira: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Jira";
+    };
+    readonly e2b: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "e2b";
+    };
+    readonly linkedin: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Linkedin";
+    };
+    readonly microsoft: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Microsoft";
+    };
+    readonly math: {
+        readonly icon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+        readonly label: "Math";
+    };
+    readonly outlookcalendar: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Outlook Calendar";
+    };
+    readonly outlookmail: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Outlook Mail";
+    };
+    readonly salesforce: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Salesforce";
+    };
+    readonly spotify: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Spotify";
+    };
+    readonly slack: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Slack";
+    };
+    readonly search: {
+        readonly icon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+        readonly label: "Search";
+    };
+    readonly web: {
+        readonly icon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+        readonly label: "Web";
+    };
+    readonly walmart: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Walmart";
+    };
+    readonly x: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "X";
+    };
+    readonly zoom: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Zoom";
+    };
+    readonly reddit: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Reddit";
+    };
+    readonly twitch: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Twitch";
+    };
+    readonly stripe: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "Stripe";
+    };
+    readonly youtube: {
+        readonly icon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+        readonly label: "YouTube";
+    };
+};