@agentiffai/design 1.3.29 → 1.4.1

package/dist/icons/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 var button = require('@react-aria/button');
 var styled = require('styled-components');
 
@@ -9,7 +9,573 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
-// src/components/icons/FacebookIcon/FacebookIcon.tsx
+// src/components/icons/AirtableIcon/AirtableIcon.tsx
+function SvgWrapper({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 176 148",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+var AirtableIconColored = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper, { size, className, onClick, ariaLabel, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fill: "#FCB400",
+      d: "M79 1.867L13.04 29.16c-3.668 1.518-3.63 6.729.061 8.192l66.235 26.266a24.575 24.575 0 0 0 18.12 0l66.236-26.267c3.69-1.462 3.73-6.672.06-8.19L97.794 1.866a24.578 24.578 0 0 0-18.795 0"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fill: "#18BFFF",
+      d: "M94.273 77.96v65.617c0 3.12 3.147 5.258 6.048 4.108l73.806-28.648a4.418 4.418 0 0 0 2.79-4.108V49.313c0-3.121-3.147-5.258-6.048-4.108L97.063 73.853a4.42 4.42 0 0 0-2.79 4.108"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fill: "#F82B60",
+      d: "M77.038 81.346L55.134 91.922l-2.224 1.075-46.238 22.155C3.742 116.566 0 114.43 0 111.174V49.588c0-1.178.604-2.195 1.414-2.96a5.024 5.024 0 0 1 1.12-.84c1.104-.663 2.68-.84 4.02-.31L76.67 73.26c3.564 1.414 3.844 6.408.368 8.087"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fill: "rgba(0, 0, 0, 0.25)",
+      d: "M77.038 81.346L55.134 91.922 1.414 46.627a5.024 5.024 0 0 1 1.12-.839c1.104-.663 2.68-.84 4.02-.31L76.67 73.26c3.564 1.414 3.844 6.408.368 8.087"
+    }
+  )
+] });
+function MonoIcon({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill,
+        d: "M79 1.867L13.04 29.16c-3.668 1.518-3.63 6.729.061 8.192l66.235 26.266a24.575 24.575 0 0 0 18.12 0l66.236-26.267c3.69-1.462 3.73-6.672.06-8.19L97.794 1.866a24.578 24.578 0 0 0-18.795 0"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill,
+        d: "M94.273 77.96v65.617c0 3.12 3.147 5.258 6.048 4.108l73.806-28.648a4.418 4.418 0 0 0 2.79-4.108V49.313c0-3.121-3.147-5.258-6.048-4.108L97.063 73.853a4.42 4.42 0 0 0-2.79 4.108"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill,
+        d: "M77.038 81.346L55.134 91.922l-2.224 1.075-46.238 22.155C3.742 116.566 0 114.43 0 111.174V49.588c0-1.178.604-2.195 1.414-2.96a5.024 5.024 0 0 1 1.12-.84c1.104-.663 2.68-.84 4.02-.31L76.67 73.26c3.564 1.414 3.844 6.408.368 8.087"
+      }
+    )
+  ] });
+}
+function AirtableIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Airtable icon"
+}) {
+  const iconProps = {
+    size,
+    className,
+    onClick,
+    "aria-label": ariaLabel
+  };
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsx(AirtableIconColored, { ...iconProps });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MonoIcon,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+AirtableIcon.displayName = "AirtableIcon";
+var svgPath = "M21.997 18.23c0 .727-.405 2.127-1.315 2.896-.182.14-.364.061-.284-.143.265-.648.871-2.147.587-2.492-.201-.262-1.031-.242-1.739-.182-.323.041-.607.06-.827.105-.204.016-.245-.163-.041-.303a3.1 3.1 0 0 1 .87-.428c1.15-.344 2.479-.137 2.67.083.036.042.079.16.079.463m-1.922 1.294a7.4 7.4 0 0 1-.829.55c-2.122 1.275-4.871 1.943-7.258 1.943-3.843 0-7.28-1.417-9.888-3.788-.224-.182-.039-.446.223-.303 2.81 1.64 6.288 2.632 9.888 2.632 2.266 0 4.708-.424 7.035-1.336.163-.061.345-.144.504-.202.367-.165.69.242.325.504m-6.17-11.03c0-1.041.042-1.654-.303-2.18-.306-.433-.833-.693-1.569-.652-.798.044-1.655.567-1.873 1.526-.043.22-.171.436-.437.483l-2.435-.31c-.174-.04-.439-.173-.352-.521C7.459 4.088 9.81 3.129 12.034 3h.522c1.22 0 2.788.349 3.791 1.264 1.217 1.136 1.087 2.662 1.087 4.32v3.927c0 1.178.478 1.7.958 2.314.13.219.175.477-.044.655a78 78 0 0 1-1.917 1.654c-.175.133-.489.147-.61.045-.77-.645-.958-1.003-1.435-1.658-.83.871-1.527 1.352-2.356 1.613a7 7 0 0 1-1.784.216c-2.09 0-3.745-1.303-3.745-3.88 0-2.049 1.09-3.442 2.7-4.101 1.61-.66 3.95-.87 4.704-.874m-.477 5.192c.52-.872.477-1.586.477-3.185-.652 0-1.306.045-1.871.178-1.045.303-1.875.96-1.875 2.355 0 1.09.568 1.832 1.526 1.832q.198 0 .348-.045c.67-.186 1.088-.522 1.395-1.135";
+function SvgIcon({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: svgPath })
+    }
+  );
+}
+function AmazonIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Amazon icon"
+}) {
+  const fill = variant === "colored" ? "#FF9900" : variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SvgIcon,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+AmazonIcon.displayName = "AmazonIcon";
+function SvgWrapper2({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "80 0 96 90",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+var dotsPath = "M155.733 47.358c-11.626 0-21.049 9.423-21.049 21.047 0 11.625 9.423 21.05 21.049 21.05 11.624 0 21.047-9.425 21.047-21.05 0-11.624-9.423-21.047-21.047-21.047zm-54.685.001C89.424 47.36 80 56.781 80 68.406c0 11.624 9.424 21.048 21.048 21.048 11.625 0 21.049-9.424 21.049-21.048 0-11.625-9.424-21.047-21.05-21.047zm48.39-26.311c0 11.624-9.423 21.05-21.047 21.05-11.626 0-21.049-9.426-21.049-21.05S116.765 0 128.391 0c11.624 0 21.046 9.424 21.046 21.048z";
+var AsanaIconColored = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => {
+  const uid = react.useId();
+  const gradId = `asana-grad-${uid}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper2, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", { cy: "54.652%", fx: "50%", fy: "54.652%", r: "66.263%", id: gradId, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#FFB900", offset: "0%" }),
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#F95D8F", offset: "60%" }),
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#F95353", offset: "99.91%" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: `url(#${gradId})`, d: dotsPath })
+  ] });
+};
+function MonoIcon2({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SvgWrapper2, { size, className, onClick, ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: dotsPath }) });
+}
+function AsanaIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Asana icon"
+}) {
+  const iconProps = {
+    size,
+    className,
+    onClick,
+    "aria-label": ariaLabel
+  };
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsx(AsanaIconColored, { ...iconProps });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MonoIcon2,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+AsanaIcon.displayName = "AsanaIcon";
+var outerRingPath = "M330.23,202.5a83.62,83.62,0,0,0-34.45-14.81c0,.11,0,.2,0,.3a89.7,89.7,0,0,1-5,17.45,65.58,65.58,0,0,1,28.48,11.73c0,.08-.05.18-.08.27a153.57,153.57,0,1,1,0-90.63c0,.09.05.19.08.27a65.45,65.45,0,0,1-28.48,11.72,90.3,90.3,0,0,1,5,17.47,2.33,2.33,0,0,0,0,.28,83.6,83.6,0,0,0,34.45-14.8c9.82-7.27,7.92-15.48,6.43-20.34a172.13,172.13,0,1,0,0,101.43c1.49-4.86,3.39-13.07-6.43-20.34";
+var middleShapePath = "M231.58,223.23C220.65,232.93,207,245,182.25,245h-14.8c-17.91,0-34.2-6.51-45.86-18.31-11.39-11.53-17.66-27.31-17.66-44.44V162c0-17.13,6.27-32.91,17.66-44.44,11.66-11.8,27.95-18.3,45.86-18.3h14.8c24.78,0,38.4,12.06,49.33,21.76,11.35,10,21.14,18.74,47.25,18.74a75.11,75.11,0,0,0,11.89-.95l-.09-.23a89.53,89.53,0,0,0-5.49-11.28L267.69,97.07a89.65,89.65,0,0,0-77.64-44.82H155.14A89.65,89.65,0,0,0,77.5,97.07L60.05,127.3a89.67,89.67,0,0,0,0,89.65L77.5,247.18A89.65,89.65,0,0,0,155.14,292h34.91a89.65,89.65,0,0,0,77.64-44.82L285.14,217a89.53,89.53,0,0,0,5.49-11.28l.09-.22a74,74,0,0,0-11.89-1c-26.11,0-35.9,8.69-47.25,18.74";
+var innerShapePath = "M182.25,117.61h-14.8c-27.26,0-45.17,19.47-45.17,44.39v20.25c0,24.92,17.91,44.39,45.17,44.39h14.8c39.72,0,36.6-40.5,96.58-40.5a91.64,91.64,0,0,1,16.94,1.56,89.54,89.54,0,0,0,0-31.15,92.51,92.51,0,0,1-16.94,1.56c-60,0-56.86-40.5-96.58-40.5";
+var overlayPath = "M290.72,138.8a74,74,0,0,1-11.89,1c-26.11,0-35.9-8.69-47.24-18.74-10.94-9.7-24.56-21.77-49.34-21.77h-14.8c-17.92,0-34.2,6.51-45.86,18.31-11.39,11.53-17.66,27.31-17.66,44.44v20.25c0,17.13,6.27,32.91,17.66,44.44,11.66,11.8,27.94,18.3,45.86,18.3h14.8c24.78,0,38.4-12.06,49.34-21.76,11.34-10,21.13-18.74,47.24-18.74a75.11,75.11,0,0,1,11.89.95,89,89,0,0,0,5-17.45,2.68,2.68,0,0,0,0-.3,92.51,92.51,0,0,0-16.94-1.55c-60,0-56.86,40.51-96.58,40.51h-14.8c-27.26,0-45.17-19.48-45.17-44.4V162c0-24.92,17.91-44.39,45.17-44.39h14.8c39.72,0,36.6,40.49,96.58,40.49a91.64,91.64,0,0,0,16.94-1.55c0-.09,0-.18,0-.28a90.3,90.3,0,0,0-5-17.47";
+function CalendlyIconColored({
+  size = 24,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 360 360",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#006BFF", d: outerRingPath }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#006BFF", d: middleShapePath }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#006BFF", d: innerShapePath }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0AE8F0", d: overlayPath })
+      ]
+    }
+  );
+}
+function SvgIconMono({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 360 360",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: outerRingPath }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: middleShapePath }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: innerShapePath }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { fill, opacity: "0.7", d: overlayPath })
+      ]
+    }
+  );
+}
+function CalendlyIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Calendly icon"
+}) {
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CalendlyIconColored,
+      {
+        size,
+        className,
+        onClick,
+        ariaLabel
+      }
+    );
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SvgIconMono,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+CalendlyIcon.displayName = "CalendlyIcon";
+function SvgWrapper3({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "5 2 28 34",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+var ClickUpIconColored = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => {
+  const uid = react.useId();
+  const gradA = `clickup-a-${uid}`;
+  const gradB = `clickup-b-${uid}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper3, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "linearGradient",
+        {
+          id: gradA,
+          gradientUnits: "userSpaceOnUse",
+          x1: "5.615",
+          x2: "32.789",
+          y1: "31.179",
+          y2: "31.179",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0", stopColor: "#8930fd" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#49ccf9" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "linearGradient",
+        {
+          id: gradB,
+          gradientUnits: "userSpaceOnUse",
+          x1: "5.941",
+          x2: "31.978",
+          y1: "13.086",
+          y2: "13.086",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0", stopColor: "#ff02f0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#ffc800" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M5.615 27.26l5.015-3.851c2.664 3.485 5.494 5.092 8.645 5.092 3.134 0 5.884-1.588 8.428-5.046l5.086 3.758c-3.67 4.986-8.232 7.62-13.514 7.62-5.265 0-9.871-2.617-13.66-7.574z",
+        fill: `url(#${gradA})`,
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M18.992 10.523l-8.925 7.71-4.126-4.797 13.07-11.29 12.967 11.299-4.145 4.78z",
+        fill: `url(#${gradB})`,
+        fillRule: "evenodd"
+      }
+    )
+  ] });
+};
+function MonoIcon3({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper3, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M5.615 27.26l5.015-3.851c2.664 3.485 5.494 5.092 8.645 5.092 3.134 0 5.884-1.588 8.428-5.046l5.086 3.758c-3.67 4.986-8.232 7.62-13.514 7.62-5.265 0-9.871-2.617-13.66-7.574z",
+        fill,
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M18.992 10.523l-8.925 7.71-4.126-4.797 13.07-11.29 12.967 11.299-4.145 4.78z",
+        fill,
+        fillRule: "evenodd"
+      }
+    )
+  ] });
+}
+function ClickUpIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "ClickUp icon"
+}) {
+  const iconProps = {
+    size,
+    className,
+    onClick,
+    "aria-label": ariaLabel
+  };
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsx(ClickUpIconColored, { ...iconProps });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MonoIcon3,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+ClickUpIcon.displayName = "ClickUpIcon";
+var svgPath2 = "m17.285 10.668 5.215 3.323-5.252 3.346L12 13.993l-5.248 3.344L1.5 13.99l5.215-3.323L1.5 7.346 6.752 4 12 7.343 17.248 4 22.5 7.346zm-.074 0L12 7.348l-5.211 3.32L12 13.988zM6.786 18.446l5.252-3.346 5.252 3.346-5.252 3.346z";
+function SvgIcon2({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: svgPath2 })
+    }
+  );
+}
+function DropboxIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Dropbox icon"
+}) {
+  const fill = variant === "colored" ? "#0061FF" : variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SvgIcon2,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+DropboxIcon.displayName = "DropboxIcon";
 function FacebookIcon({
   variant = "colored",
   size = 24,
@@ -96,6 +662,179 @@ function FacebookIcon({
   ) });
 }
 FacebookIcon.displayName = "FacebookIcon";
+var GitHubIconColored = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className,
+    onClick,
+    role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+    "aria-label": ariaLabel,
+    tabIndex: onClick ? 0 : void 0,
+    onKeyDown: onClick ? (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick(e);
+      }
+    } : void 0,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "#24292f",
+        d: "M12.001 2c-5.525 0-10 4.475-10 10a9.99 9.99 0 0 0 6.837 9.488c.5.087.688-.213.688-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.687-.1-.25-.45-1.275.1-2.65 0 0 .837-.263 2.75 1.024a9.3 9.3 0 0 1 2.5-.337c.85 0 1.7.112 2.5.337 1.913-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.02 10.02 0 0 0 22 12c0-5.525-4.475-10-10-10"
+      }
+    )
+  }
+);
+var GitHubIconBlack = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className,
+    onClick,
+    role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+    "aria-label": ariaLabel,
+    tabIndex: onClick ? 0 : void 0,
+    onKeyDown: onClick ? (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick(e);
+      }
+    } : void 0,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "black",
+        d: "M12.001 2c-5.525 0-10 4.475-10 10a9.99 9.99 0 0 0 6.837 9.488c.5.087.688-.213.688-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.687-.1-.25-.45-1.275.1-2.65 0 0 .837-.263 2.75 1.024a9.3 9.3 0 0 1 2.5-.337c.85 0 1.7.112 2.5.337 1.913-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.02 10.02 0 0 0 22 12c0-5.525-4.475-10-10-10"
+      }
+    )
+  }
+);
+var GitHubIconWhite = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className,
+    onClick,
+    role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+    "aria-label": ariaLabel,
+    tabIndex: onClick ? 0 : void 0,
+    onKeyDown: onClick ? (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick(e);
+      }
+    } : void 0,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fill: "white",
+        d: "M12.001 2c-5.525 0-10 4.475-10 10a9.99 9.99 0 0 0 6.837 9.488c.5.087.688-.213.688-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.687-.1-.25-.45-1.275.1-2.65 0 0 .837-.263 2.75 1.024a9.3 9.3 0 0 1 2.5-.337c.85 0 1.7.112 2.5.337 1.913-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.02 10.02 0 0 0 22 12c0-5.525-4.475-10-10-10"
+      }
+    )
+  }
+);
+function GitHubIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "GitHub icon"
+}) {
+  const iconProps = {
+    size,
+    className,
+    onClick,
+    "aria-label": ariaLabel
+  };
+  switch (variant) {
+    case "black":
+      return /* @__PURE__ */ jsxRuntime.jsx(GitHubIconBlack, { ...iconProps });
+    case "white":
+      return /* @__PURE__ */ jsxRuntime.jsx(GitHubIconWhite, { ...iconProps });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(GitHubIconColored, { ...iconProps });
+  }
+}
+GitHubIcon.displayName = "GitHubIcon";
+var svgPath3 = "M21.6634 9.98693L21.6354 9.91531L18.9164 2.82092C18.8612 2.68178 18.7634 2.56365 18.6371 2.48339C18.5098 2.40304 18.3607 2.36419 18.2104 2.37219C18.0601 2.38019 17.9159 2.43464 17.7979 2.52804C17.6809 2.62181 17.5966 2.75012 17.5569 2.89466L15.7187 8.52049H8.28157L6.44336 2.89466C6.40366 2.75012 6.31934 2.62181 6.20241 2.52804C6.08487 2.43402 5.94083 2.37915 5.79052 2.37114C5.64021 2.36313 5.49116 2.40238 5.36429 2.48339C5.2374 2.56332 5.13921 2.68153 5.08388 2.82092L2.36183 9.92462L2.33379 9.99524C1.94304 11.0184 1.895 12.1407 2.19691 13.1934C2.49882 14.2462 3.13436 15.1725 4.00794 15.833L4.01832 15.8402L4.04221 15.8589L8.18917 18.9632L10.2393 20.5159L11.4856 21.4599C11.6319 21.5705 11.8104 21.6304 11.9939 21.6304C12.1774 21.6304 12.3559 21.5705 12.5023 21.4599L13.7486 20.5159L15.7997 18.9632L19.9706 15.8402L19.9819 15.8319C20.8585 15.1721 21.4966 14.245 21.7999 13.1906C22.1033 12.1362 22.0553 11.0117 21.6634 9.98693Z";
+function SvgIcon3({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: svgPath3 })
+    }
+  );
+}
+function GitLabIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "GitLab icon"
+}) {
+  const fill = variant === "colored" ? "#FC6D26" : variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SvgIcon3,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+GitLabIcon.displayName = "GitLabIcon";
 var StyledIconWrapper = styled__default.default.button`
   display: inline-flex;
   align-items: center;
@@ -365,7 +1104,126 @@ function InstagramIcon({
     /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: paths.path3, fill: "white" })
   ] });
 }
-InstagramIcon.displayName = "InstagramIcon";
+InstagramIcon.displayName = "InstagramIcon";
+function SvgWrapper4({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 -30.632 255.324 285.956",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+var topPath = "M244.658 0H121.707a55.502 55.502 0 0 0 55.502 55.502h22.649V77.37c.02 30.625 24.841 55.447 55.466 55.467V10.666C255.324 4.777 250.55 0 244.658 0z";
+var middlePath = "M183.822 61.262H60.872c.019 30.625 24.84 55.447 55.466 55.467h22.649v21.938c.039 30.625 24.877 55.43 55.502 55.43V71.93c0-5.891-4.776-10.667-10.667-10.667z";
+var bottomPath = "M122.951 122.489H0c0 30.653 24.85 55.502 55.502 55.502h22.72v21.867c.02 30.597 24.798 55.408 55.396 55.466V133.156c0-5.891-4.776-10.667-10.667-10.667z";
+var JiraIconColored = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => {
+  const uid = react.useId();
+  const gradA = `jira-a-${uid}`;
+  const gradB = `jira-b-${uid}`;
+  const gradC = `jira-c-${uid}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper4, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradA, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: ".18", stopColor: "#0052cc" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2684ff" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "linearGradient",
+        {
+          id: gradB,
+          x1: "98.031%",
+          x2: "58.888%",
+          xlinkHref: `#${gradA}`,
+          y1: ".161%",
+          y2: "40.766%"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "linearGradient",
+        {
+          id: gradC,
+          x1: "100.665%",
+          x2: "55.402%",
+          xlinkHref: `#${gradA}`,
+          y1: ".455%",
+          y2: "44.727%"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: topPath, fill: "#2684ff" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: middlePath, fill: `url(#${gradB})` }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: bottomPath, fill: `url(#${gradC})` })
+  ] });
+};
+function MonoIcon4({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper4, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: topPath, fill }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: middlePath, fill, opacity: "0.85" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: bottomPath, fill, opacity: "0.7" })
+  ] });
+}
+function JiraIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Jira icon"
+}) {
+  const iconProps = {
+    size,
+    className,
+    onClick,
+    "aria-label": ariaLabel
+  };
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsx(JiraIconColored, { ...iconProps });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MonoIcon4,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+JiraIcon.displayName = "JiraIcon";
 var StyledIconWrapper2 = styled__default.default.button`
   display: inline-flex;
   align-items: center;
@@ -502,6 +1360,158 @@ function LinkedInIcon({
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className, style: { display: "inline-flex", width: size, height: size }, children: svgElement });
 }
 LinkedInIcon.displayName = "LinkedInIcon";
+var squarePath = "M11.501 3v8.5h-8.5V3zm0 18h-8.5v-8.5h8.5zm1-18h8.5v8.5h-8.5zm8.5 9.5V21h-8.5v-8.5z";
+function SvgBase({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+function MicrosoftIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Microsoft icon"
+}) {
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(SvgBase, { size, className, onClick, ariaLabel, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8.5", height: "8.5", fill: "#F25022" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "12.5", width: "8.5", height: "8.5", fill: "#00A4EF" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12.5", y: "3", width: "8.5", height: "8.5", fill: "#7FBA00" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12.5", y: "12.5", width: "8.5", height: "8.5", fill: "#FFB900" })
+    ] });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(SvgBase, { size, className, onClick, ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: squarePath }) });
+}
+MicrosoftIcon.displayName = "MicrosoftIcon";
+var svgPath4 = "M13.372 2.094a10.003 10.003 0 0 0-5.369 19.074 7.8 7.8 0 0 1 .162-2.292c.185-.839 1.296-5.463 1.296-5.463a3.7 3.7 0 0 1-.324-1.577c0-1.485.857-2.593 1.923-2.593a1.334 1.334 0 0 1 1.342 1.508c0 .9-.578 2.262-.88 3.54a1.544 1.544 0 0 0 1.575 1.923c1.897 0 3.17-2.431 3.17-5.301 0-2.201-1.457-3.847-4.143-3.847a4.746 4.746 0 0 0-4.93 4.793 2.96 2.96 0 0 0 .648 1.97.48.48 0 0 1 .162.554c-.046.184-.162.623-.208.785a.354.354 0 0 1-.51.253c-1.384-.554-2.036-2.077-2.036-3.816 0-2.847 2.384-6.255 7.154-6.255 3.796 0 6.319 2.777 6.319 5.747 0 3.909-2.176 6.848-5.393 6.848a2.86 2.86 0 0 1-2.454-1.246s-.579 2.316-.692 2.754a8 8 0 0 1-1.019 2.131c.923.28 1.882.42 2.846.416a9.99 9.99 0 0 0 9.996-10.002 10 10 0 0 0-8.635-9.904";
+function SvgIcon4({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: svgPath4 })
+    }
+  );
+}
+function PinterestIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Pinterest icon"
+}) {
+  const fill = variant === "colored" ? "#E60023" : variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SvgIcon4,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+PinterestIcon.displayName = "PinterestIcon";
+var svgPath5 = "M59.68 81.18c0 20.36 10.33 42.32 33.05 42.32 16.85 0 33.9-13.16 33.9-42.62 0-25.83-13.4-43.17-33.33-43.17-16.25 0-33.62 11.41-33.62 43.47zm41.62-81.18c40.75 0 68.15 32.27 68.15 80.31 0 47.29-28.86 80.3-70.13 80.3-19.67 0-32.27-8.43-38.86-14.53.05 1.45.08 3.07.08 4.8v64.12H18.33V44.16c0-2.48-.8-3.27-3.26-3.27H.55V3.47h35.42c16.31 0 20.48 8.3 21.28 14.7C63.87 10.75 77.59 0 101.3 0z";
+function SvgIcon5({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 170 215",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: svgPath5 })
+    }
+  );
+}
+function PipedriveIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Pipedrive icon"
+}) {
+  const fill = variant === "colored" ? "#017737" : variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SvgIcon5,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+PipedriveIcon.displayName = "PipedriveIcon";
 var StyledIconWrapper3 = styled__default.default.button`
   display: inline-flex;
   align-items: center;
@@ -779,6 +1789,92 @@ function RedditIcon({
   );
 }
 RedditIcon.displayName = "RedditIcon";
+function SvgWrapper5({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 128 128",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+var SendGridIconColored = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper5, { size, className, onClick, ariaLabel, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M127.3 0H42.4v42.4H0v84.9h84.9V84.9h42.4z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#00b2e3", opacity: "0.4", d: "M0 42.4v42.5h42.4v42.4h42.5V42.4z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#1a82e2", d: "M0 84.9h42.4v42.4H0z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#00b2e3", d: "M84.9 42.4V0H42.4v84.9h84.9V42.4z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#1a82e2", d: "M84.9 0h42.4v42.4H84.9z" })
+] });
+function MonoIcon5({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper5, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: "M127.3 0H42.4v42.4H0v84.9h84.9V84.9h42.4z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill, opacity: "0.4", d: "M0 42.4v42.5h42.4v42.4h42.5V42.4z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: "M0 84.9h42.4v42.4H0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: "M84.9 42.4V0H42.4v84.9h84.9V42.4z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: "M84.9 0h42.4v42.4H84.9z" })
+  ] });
+}
+function SendGridIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "SendGrid icon"
+}) {
+  const iconProps = {
+    size,
+    className,
+    onClick,
+    "aria-label": ariaLabel
+  };
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsx(SendGridIconColored, { ...iconProps });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MonoIcon5,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+SendGridIcon.displayName = "SendGridIcon";
 var SlackIconColored = ({
   size = 24,
   className,
@@ -970,6 +2066,57 @@ function SlackIcon({
   }
 }
 SlackIcon.displayName = "SlackIcon";
+var svgPath6 = "M3.08378 15.2505C1.42044 15.2505 0.483972 13.3382 1.5038 12.0242L10.2099 0.806805C10.794 0.0542044 11.9999 0.467253 11.9999 1.41993V8.75048H20.9159C22.5793 8.75048 23.5157 10.6627 22.4959 11.9767L13.7898 23.1941C13.2057 23.9467 11.9999 23.5337 11.9999 22.581V15.2505H3.08378Z";
+function SvgIcon6({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: svgPath6 })
+    }
+  );
+}
+function SupabaseIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Supabase icon"
+}) {
+  const fill = variant === "colored" ? "#3ECF8E" : variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SvgIcon6,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+SupabaseIcon.displayName = "SupabaseIcon";
 function TelegramIcon({
   variant = "colored",
   size = 24,
@@ -1062,6 +2209,166 @@ function TelegramIcon({
   ) });
 }
 TelegramIcon.displayName = "TelegramIcon";
+function SvgWrapper6({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 256 256",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+var bgPath = "M224.001997,0 L31.9980026,0 C14.3579381,0.0394964443 0.0614809418,14.336846 0,32 L0,224 C0,241.6 14.3971038,256 31.9980026,256 L224.001997,256 C241.602896,256 256,241.6 256,224 L256,32 C256,14.4 241.602896,0 224.001997,0";
+var stripePath1 = "M54.132778,120.802491 C58.5960224,118.196275 154.476075,62.477451 156.667847,61.1862981 C158.859619,59.9110855 158.97917,55.9898065 156.508446,54.5711324 C154.053661,53.1604284 149.391165,50.4824817 147.661658,49.4543415 C145.192242,48.0957707 142.191169,48.132074 139.755339,49.5499825 C138.527947,50.2672896 56.6035026,97.8486625 53.8697654,99.4107981 C50.5781227,101.291737 46.5372925,101.323617 43.2695601,99.4107981 L0,74.0181257 L0,95.6011002 C10.5205046,101.801822 36.7181549,117.200015 43.062338,120.826401 C46.8481256,122.978322 50.4745117,122.930502 54.1407481,120.802491";
+var stripePath2 = "M54.132778,161.609296 C58.5960224,159.00308 154.476075,103.284257 156.667847,101.993104 C158.859619,100.717891 158.97917,96.7966121 156.508446,95.377938 C154.053661,93.9672339 149.391165,91.2892873 147.661658,90.2611471 C145.192242,88.9025763 142.191169,88.9388796 139.755339,90.3567881 C138.527947,91.0740952 56.6035026,138.655468 53.8697654,140.217604 C50.5781227,142.098542 46.5372925,142.130423 43.2695601,140.217604 L0,114.824931 L0,136.407906 C10.5205046,142.608627 36.7181549,158.00682 43.062338,161.633206 C46.8481256,163.785128 50.4745117,163.737307 54.1407481,161.609296";
+var stripePath3 = "M54.132778,204.966527 C58.5960224,202.360311 154.476075,146.641487 156.667847,145.350335 C158.859619,144.075122 158.97917,140.153843 156.508446,138.735169 C154.053661,137.324465 149.391165,134.646518 147.661658,133.618378 C145.192242,132.259807 142.191169,132.29611 139.755339,133.714019 C138.527947,134.431326 56.6035026,182.012699 53.8697654,183.574835 C50.5781227,185.455773 46.5372925,185.487654 43.2695601,183.574835 L0,158.182162 L0,179.765137 C10.5205046,185.965858 36.7181549,201.364051 43.062338,204.990437 C46.8481256,207.142359 50.4745117,207.094538 54.1407481,204.966527";
+var TodoistIconColored = ({
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel
+}) => /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper6, { size, className, onClick, ariaLabel, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#E44332", d: bgPath }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFFFFF", d: stripePath1 }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFFFFF", d: stripePath2 }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#FFFFFF", d: stripePath3 })
+] });
+function MonoIcon6({
+  size = 24,
+  fill,
+  className,
+  onClick,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgWrapper6, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: bgPath }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: fill === "black" ? "white" : "black", d: stripePath1 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: fill === "black" ? "white" : "black", d: stripePath2 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: fill === "black" ? "white" : "black", d: stripePath3 })
+  ] });
+}
+function TodoistIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Todoist icon"
+}) {
+  const iconProps = {
+    size,
+    className,
+    onClick,
+    "aria-label": ariaLabel
+  };
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsx(TodoistIconColored, { ...iconProps });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MonoIcon6,
+    {
+      size,
+      fill,
+      className,
+      onClick,
+      ariaLabel
+    }
+  );
+}
+TodoistIcon.displayName = "TodoistIcon";
+var bgPath2 = "M55.16 1.5H7.88a7.88 7.88 0 0 0-5.572 2.308A7.88 7.88 0 0 0 0 9.39v47.28a7.88 7.88 0 0 0 7.88 7.88h47.28A7.88 7.88 0 0 0 63 56.67V9.4a7.88 7.88 0 0 0-7.84-7.88z";
+var leftCardPath = "M27.42 49.26A3.78 3.78 0 0 1 23.64 53H12a3.78 3.78 0 0 1-3.8-3.74V13.5A3.78 3.78 0 0 1 12 9.71h11.64a3.78 3.78 0 0 1 3.78 3.78z";
+var rightCardPath = "M54.85 33.5a3.78 3.78 0 0 1-3.78 3.78H39.4a3.78 3.78 0 0 1-3.78-3.78v-20a3.78 3.78 0 0 1 3.78-3.79h11.67a3.78 3.78 0 0 1 3.78 3.78z";
+function SvgBase2({
+  size,
+  className,
+  onClick,
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 63 65",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      onClick,
+      role: onClick ? "button" : ariaLabel ? "img" : "presentation",
+      "aria-label": ariaLabel,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick(e);
+        }
+      } : void 0,
+      children
+    }
+  );
+}
+function TrelloIcon({
+  variant = "colored",
+  size = 24,
+  className,
+  onClick,
+  "aria-label": ariaLabel = "Trello icon"
+}) {
+  const gradId = react.useId();
+  if (variant === "colored") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(SvgBase2, { size, className, onClick, ariaLabel, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "linearGradient",
+        {
+          id: gradId,
+          x1: "31.52",
+          y1: "64.56",
+          x2: "31.52",
+          y2: "1.51",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: ".18", stopColor: "#0052CC" }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2684FF" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: `url(#${gradId})`, d: bgPath2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "white", d: leftCardPath }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "white", d: rightCardPath })
+    ] });
+  }
+  const fill = variant === "black" ? "black" : "white";
+  const cardFill = variant === "black" ? "white" : "black";
+  return /* @__PURE__ */ jsxRuntime.jsxs(SvgBase2, { size, className, onClick, ariaLabel, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill, d: bgPath2 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: cardFill, d: leftCardPath }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: cardFill, d: rightCardPath })
+  ] });
+}
+TrelloIcon.displayName = "TrelloIcon";
 function WhatsAppIcon({
   variant = "colored",
   size = 24,
@@ -1317,14 +2624,30 @@ function YouTubeIcon({
 }
 YouTubeIcon.displayName = "YouTubeIcon";
 
+exports.AirtableIcon = AirtableIcon;
+exports.AmazonIcon = AmazonIcon;
+exports.AsanaIcon = AsanaIcon;
+exports.CalendlyIcon = CalendlyIcon;
+exports.ClickUpIcon = ClickUpIcon;
+exports.DropboxIcon = DropboxIcon;
 exports.FacebookIcon = FacebookIcon;
+exports.GitHubIcon = GitHubIcon;
+exports.GitLabIcon = GitLabIcon;
 exports.GmailIcon = GmailIcon;
 exports.InstagramIcon = InstagramIcon;
+exports.JiraIcon = JiraIcon;
 exports.LinkedInIcon = LinkedInIcon;
+exports.MicrosoftIcon = MicrosoftIcon;
+exports.PinterestIcon = PinterestIcon;
+exports.PipedriveIcon = PipedriveIcon;
 exports.PostizIcon = PostizIcon;
 exports.RedditIcon = RedditIcon;
+exports.SendGridIcon = SendGridIcon;
 exports.SlackIcon = SlackIcon;
+exports.SupabaseIcon = SupabaseIcon;
 exports.TelegramIcon = TelegramIcon;
+exports.TodoistIcon = TodoistIcon;
+exports.TrelloIcon = TrelloIcon;
 exports.WhatsAppIcon = WhatsAppIcon;
 exports.XIcon = XIcon;
 exports.YouTubeIcon = YouTubeIcon;