feat(integrations): add Bitbucket Cloud

apps/docs/components/icons.tsx

@@ -754,6 +754,38 @@ export function GithubOutlineIcon(props: SVGProps<SVGSVGElement>) {
   )
 }
 
+export function BitbucketIcon(props: SVGProps<SVGSVGElement>) {
+  const id = useId()
+  const gradientId = `bitbucket_original_a_${id}`
+
+  return (
+    <svg {...props} viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'>
+      <defs>
+        <linearGradient
+          id={gradientId}
+          gradientUnits='userSpaceOnUse'
+          x1='28.593'
+          y1='14.226'
+          x2='16.672'
+          y2='23.532'
+          gradientTransform='scale(4)'
+        >
+          <stop offset='.176' stopColor='#0052cc' />
+          <stop offset='1' stopColor='#2684ff' />
+        </linearGradient>
+      </defs>
+      <path
+        d='M19.082 20c-1.918 0-3.355 1.758-3.039 3.516l12.95 79.289c.32 2.078 2.077 3.515 4.155 3.515h62.66c1.442 0 2.72-1.12 3.04-2.558l13.109-80.086c.316-1.918-1.121-3.516-3.039-3.516zM74.07 77.227H54.09l-5.278-28.293h30.215zm0 0'
+        fill='#2684ff'
+      />
+      <path
+        d='M107.64 48.934H78.868L74.07 77.227H54.09l-23.5 27.972s1.12.961 2.719.961h62.66c1.441 0 2.719-1.12 3.039-2.558zm0 0'
+        fill={`url(#${gradientId})`}
+      />
+    </svg>
+  )
+}
+
 export function GitLabIcon(props: SVGProps<SVGSVGElement>) {
   return (
     <svg {...props} width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>

apps/docs/components/ui/icon-mapping.ts

@@ -24,6 +24,7 @@ import {
   AttioIcon,
   AzureDataExplorerIcon,
   AzureIcon,
+  BitbucketIcon,
   BoxCompanyIcon,
   BrainIcon,
   BrandfetchIcon,
@@ -288,6 +289,7 @@ export const blockTypeToIconMap: Record<string, IconComponent> = {
   attio: AttioIcon,
   azure_data_explorer: AzureDataExplorerIcon,
   azure_devops: AzureIcon,
+  bitbucket: BitbucketIcon,
   box: BoxCompanyIcon,
   brandfetch: BrandfetchIcon,
   brex: BrexIcon,