@dust-tt/sparkle 0.3.26 → 0.4.1

package/src/components/ButtonGroup.tsx

@@ -0,0 +1,180 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@sparkle/lib/utils";
+
+import type { ButtonProps, ButtonSizeType, ButtonVariantType } from "./Button";
+
+type DisallowedButtonGroupVariant =
+  | "ghost"
+  | "ghost-secondary"
+  | "highlight"
+  | "warning";
+
+export type ButtonGroupVariantType = Exclude<
+  ButtonVariantType,
+  DisallowedButtonGroupVariant
+>;
+
+const DISALLOWED_VARIANTS = new Set<ButtonVariantType>([
+  "ghost",
+  "ghost-secondary",
+  "highlight",
+  "warning",
+]);
+
+const sanitizeVariant = (
+  variant?: ButtonVariantType | null
+): ButtonGroupVariantType => {
+  if (!variant) {
+    return "outline";
+  }
+  if (DISALLOWED_VARIANTS.has(variant)) {
+    if (
+      process.env.NODE_ENV !== "production" &&
+      typeof console !== "undefined"
+    ) {
+      console.warn(
+        `[ButtonGroup] Variant "${variant}" is not allowed. Falling back to "outline".`
+      );
+    }
+    return "outline";
+  }
+  return variant as ButtonGroupVariantType;
+};
+
+const buttonGroupVariants = cva("s-inline-flex", {
+  variants: {
+    orientation: {
+      horizontal: "s-flex-row",
+      vertical: "s-flex-col",
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+  },
+});
+
+export interface ButtonGroupProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">,
+    VariantProps<typeof buttonGroupVariants> {
+  children: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];
+  /**
+   * Variant to apply to all buttons in the group.
+   */
+  variant?: ButtonGroupVariantType;
+  /**
+   * Size to apply to all buttons in the group. Mini buttons must opt-in per child.
+   */
+  size?: Exclude<ButtonSizeType, "mini">;
+  /**
+   * Whether every button should be disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Remove gaps and merge borders (segmented-control look).
+   */
+  removeGaps?: boolean;
+}
+
+const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(
+  (
+    {
+      className,
+      orientation = "horizontal",
+      variant,
+      size,
+      disabled,
+      removeGaps = true,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const childrenArray = React.Children.toArray(
+      children
+    ) as React.ReactElement<ButtonProps>[];
+
+    const clonedChildren = childrenArray.map((child, index) => {
+      if (!React.isValidElement<ButtonProps>(child)) {
+        return child;
+      }
+
+      const totalChildren = childrenArray.length;
+      const isFirst = index === 0;
+      const isLast = index === totalChildren - 1;
+
+      const borderRadiusClasses = (() => {
+        if (!removeGaps || totalChildren === 1) {
+          return "";
+        }
+
+        if (orientation === "horizontal") {
+          if (isFirst) {
+            return "!s-rounded-r-none";
+          }
+          if (isLast) {
+            return "!s-rounded-l-none";
+          }
+          return "!s-rounded-none";
+        }
+
+        if (isFirst) {
+          return "!s-rounded-b-none";
+        }
+        if (isLast) {
+          return "!s-rounded-t-none";
+        }
+        return "!s-rounded-none";
+      })();
+
+      const borderClasses = (() => {
+        if (!removeGaps) {
+          return "";
+        }
+
+        if (orientation === "horizontal") {
+          return isLast ? "" : "s-border-r-0";
+        }
+
+        return isLast ? "" : "s-border-b-0";
+      })();
+
+      const nextVariant = sanitizeVariant(variant ?? child.props.variant);
+      const nextSize = (size ?? child.props.size) as ButtonProps["size"];
+
+      const overrides = {
+        variant: nextVariant,
+        size: nextSize,
+        disabled: disabled ?? child.props.disabled,
+        isRounded: false,
+        className: cn(
+          child.props.className,
+          borderRadiusClasses,
+          borderClasses
+        ),
+      } as Partial<ButtonProps>;
+
+      return React.cloneElement(child, overrides);
+    });
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          buttonGroupVariants({ orientation }),
+          removeGaps ? "s-gap-0" : "s-gap-2",
+          className
+        )}
+        role="group"
+        {...props}
+      >
+        {clonedChildren}
+      </div>
+    );
+  }
+);
+
+ButtonGroup.displayName = "ButtonGroup";
+
+export { ButtonGroup, buttonGroupVariants };

package/src/components/Counter.tsx

@@ -17,7 +17,9 @@ const counterVariants = cva(
       variant: {
         primary: "",
         highlight: "",
+        "highlight-secondary": "",
         warning: "",
+        "warning-secondary": "",
         outline: "",
         ghost: "",
         "ghost-secondary": "",
@@ -36,12 +38,12 @@ const counterVariants = cva(
       },
       {
         isInButton: false,
-        variant: "highlight",
+        variant: ["highlight", "highlight-secondary"],
         className: "s-bg-highlight s-text-white",
       },
       {
         isInButton: false,
-        variant: "warning",
+        variant: ["warning", "warning-secondary"],
         className: "s-bg-warning s-text-white",
       },
       {
@@ -62,12 +64,12 @@ const counterVariants = cva(
       },
       {
         isInButton: true,
-        variant: "highlight",
+        variant: ["highlight", "highlight-secondary"],
         className: "s-bg-highlight-400 s-text-white",
       },
       {
         isInButton: true,
-        variant: "warning",
+        variant: ["warning", "warning-secondary"],
         className: "s-bg-warning-400 s-text-white",
       },
       {

package/src/components/IconButton.tsx

@@ -25,12 +25,24 @@ const iconButtonVariants = cva(
           "active:s-text-warning-600 dark:active:s-text-warning-600-night",
           "s-text-primary-500 dark:s-text-primary-500-night"
         ),
+        "warning-secondary": cn(
+          "s-text-warning-500 dark:s-text-warning-500-night",
+          "hover:s-text-warning-400 dark:hover:s-text-warning-500-night",
+          "active:s-text-warning-600 dark:active:s-text-warning-600-night",
+          "s-text-primary-500 dark:s-text-primary-500-night"
+        ),
         highlight: cn(
           "s-text-foreground dark:s-text-foreground-night",
           "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night",
           "active:s-text-highlight-600 dark:active:s-text-highlight-600-night",
           "s-text-primary-500 dark:s-text-primary-500-night"
         ),
+        "highlight-secondary": cn(
+          "s-text-foreground dark:s-text-foreground-night",
+          "hover:s-text-highlight-400 dark:hover:s-text-highlight-500-night",
+          "active:s-text-highlight-600 dark:active:s-text-highlight-600-night",
+          "s-text-primary-500 dark:s-text-primary-500-night"
+        ),
         outline: cn(
           "s-text-primary-700 dark:s-text-primary-700-night",
           "hover:s-text-primary-400 dark:hover:s-text-primary-400-night",

package/src/components/SplitButton.tsx

@@ -7,7 +7,9 @@ import { cn } from "@sparkle/lib";
 const flexSeparatorVariants: Record<ButtonVariantType, string> = {
   primary: "s-bg-background/50 dark:s-text-background-night/50",
   highlight: "s-bg-background/50 dark:s-text-background-night/50",
+  "highlight-secondary": "s-bg-separator dark:s-bg-separator-night",
   warning: "s-bg-background/50 dark:s-text-background-night/50",
+  "warning-secondary": "s-bg-separator dark:s-bg-separator-night",
   outline: "s-bg-separator dark:s-bg-separator-night",
   ghost: "s-bg-separator dark:s-bg-separator-night",
   "ghost-secondary": "s-bg-separator dark:s-bg-separator-night",

package/src/components/index.ts

@@ -17,6 +17,8 @@ export type {
   RegularButtonProps,
 } from "./Button";
 export { Button } from "./Button";
+export type { ButtonGroupProps } from "./ButtonGroup";
+export { ButtonGroup } from "./ButtonGroup";
 export { ButtonsSwitch, ButtonsSwitchList } from "./ButtonsSwitch";
 export type { CardProps } from "./Card";
 export { Card, CardActionButton, CardGrid } from "./Card";

package/src/icons/actions/Noise.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgNoise = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M11 7.22 7.603 10H4v4h3.603L11 16.78V7.22ZM6.889 16H2V8h4.889l3.661-2.996c.98-.8 2.45-.104 2.45 1.161v11.67c0 1.265-1.47 1.962-2.45 1.16L6.89 16ZM20.803 4.575 19.39 3.161 15.5 7.051l2.475 2.474L15.5 12l2.475 2.475L15.5 16.95l3.89 3.889 1.413-1.414-2.475-2.475 2.475-2.475-2.475-2.476 2.475-2.474-2.475-2.475 2.475-2.475Z"
+    />
+  </svg>
+);
+export default SvgNoise;

package/src/icons/actions/Speak.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgSpeak = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10H2l2.929-2.929A9.97 9.97 0 0 1 2 12C2 6.477 6.477 2 12 2Zm0 2a8 8 0 0 0-8 8c0 2.152.85 4.165 2.343 5.657l1.415 1.414-.93.929H12a8 8 0 1 0 0-16Zm4 9a4 4 0 0 1-8 0h8ZM8.75 9c.656 0 1.274.308 1.624.833a.751.751 0 0 1-1.248.834c-.049-.073-.178-.167-.376-.167s-.327.094-.376.167a.751.751 0 0 1-1.248-.834C7.476 9.308 8.094 9 8.75 9Zm6.5 0c.656 0 1.273.308 1.624.833a.751.751 0 0 1-1.248.834c-.049-.073-.178-.167-.376-.167s-.327.094-.376.167a.751.751 0 0 1-1.248-.834c.35-.525.968-.833 1.624-.833Z"
+    />
+  </svg>
+);
+export default SvgSpeak;

package/src/icons/actions/index.ts

@@ -90,6 +90,7 @@ export { default as ActionMenuIcon } from "./Menu";
 export { default as ActionMicIcon } from "./Mic";
 export { default as ActionMoonIcon } from "./Moon";
 export { default as ActionMovieIcon } from "./Movie";
+export { default as ActionNoiseIcon } from "./Noise";
 export { default as ActionNumbersIcon } from "./Numbers";
 export { default as ActionPaintIcon } from "./Paint";
 export { default as ActionPencilSquareIcon } from "./PencilSquare";
@@ -116,6 +117,7 @@ export { default as ActionShirtIcon } from "./Shirt";
 export { default as ActionShoppingBasketIcon } from "./ShoppingBasket";
 export { default as ActionSlideshowIcon } from "./Slideshow";
 export { default as ActionSparklesIcon } from "./Sparkles";
+export { default as ActionSpeakIcon } from "./Speak";
 export { default as ActionSquare3Stack3DIcon } from "./Square3Stack3D";
 export { default as ActionStopSignIcon } from "./StopSign";
 export { default as ActionStoreIcon } from "./Store";

package/src/icons/app/Tools.tsx

@@ -11,7 +11,7 @@ const SvgTools = (props: SVGProps<SVGSVGElement>) => (
   >
     <path
       fill="currentColor"
-      d="M17 12.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9ZM12 21H2l5-8 5 8Zm5.938-14.91H22L17.062 12V7.91H13L17.938 2v4.09ZM11 11H3V3h8v8Z"
+      d="M7 12.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9ZM22 21H12l5-8 5 8ZM11 11H3V3h8v8Zm7-5h3v2h-3v3h-2V8h-3V6h3V3h2v3Z"
     />
   </svg>
 );

package/src/icons/src/actions/noise.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 7.22056L7.60283 10.0001H4.00001V14.0001H7.60283L11 16.7796V7.22056ZM6.8889 16.0001H2C2.00008 13.3334 2.00008 10.6667 2 8.00007H6.8889L10.5501 5.00447C11.5295 4.20313 13 4.89995 13 6.1654V17.8347C13 19.1001 11.5296 19.7969 10.5502 18.9956L6.8889 16.0001Z" fill="#111418"/>
+<path d="M20.8033 4.57535L19.3891 3.16113L15.5 7.05022L17.9749 9.52509L15.5 12L17.9749 14.4748L15.5 16.9497L19.3891 20.8388L20.8033 19.4246L18.3284 16.9497L20.8033 14.4748L18.3277 11.9993L20.8033 9.52509L18.3277 7.04951L20.8033 4.57535Z" fill="#111418"/>
+</svg>

package/src/icons/src/actions/speak.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22H2L4.92871 19.0713C3.11908 17.2616 2 14.7614 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 14.1524 4.85088 16.1652 6.34277 17.6572L7.75781 19.0713L6.82812 20H12C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM16 13C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13H16ZM8.75 9C9.40589 9 10.0235 9.30845 10.374 9.83301C10.604 10.1774 10.5113 10.6439 10.167 10.874C9.82261 11.1038 9.356 11.0112 9.12598 10.667C9.07712 10.594 8.94841 10.5 8.75 10.5C8.55165 10.5001 8.42276 10.594 8.37402 10.667C8.1439 11.0112 7.67735 11.104 7.33301 10.874C6.98897 10.6439 6.89619 10.1773 7.12598 9.83301C7.47638 9.30844 8.09418 9.00012 8.75 9ZM15.25 9C15.9059 9 16.5235 9.30845 16.874 9.83301C17.104 10.1774 17.0113 10.6439 16.667 10.874C16.3226 11.1038 15.856 11.0112 15.626 10.667C15.5771 10.594 15.4484 10.5 15.25 10.5C15.0516 10.5001 14.9228 10.594 14.874 10.667C14.6439 11.0112 14.1774 11.104 13.833 10.874C13.489 10.6439 13.3962 10.1773 13.626 9.83301C13.9764 9.30844 14.5942 9.00012 15.25 9Z" fill="#111418"/>
+</svg>

package/src/icons/src/app/tools.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17 12.5C19.4853 12.5 21.5 14.5147 21.5 17C21.5 19.4853 19.4853 21.5 17 21.5C14.5147 21.5 12.5 19.4853 12.5 17C12.5 14.5147 14.5147 12.5 17 12.5ZM12 21H2L7 13L12 21ZM17.9375 6.09082H22L17.0625 12V7.90918H13L17.9375 2V6.09082ZM11 11H3V3H11V11Z" fill="#111418"/>
+<path d="M7 12.5C9.4853 12.5 11.5 14.5147 11.5 17C11.5 19.4853 9.4853 21.5 7 21.5C4.5147 21.5 2.5 19.4853 2.5 17C2.5 14.5147 4.5147 12.5 7 12.5ZM22 21H12L17 13L22 21ZM11 11H3V3H11V11ZM18 6H21V8H18V11H16V8H13V6H16V3H18V6Z" fill="#111418"/>
 </svg>

package/src/logo/platforms/Ashby.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgAshby = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <rect width={20} height={20} x={2} y={2} fill="#473BCE" rx={4} />
+    <path
+      fill="#fff"
+      fillRule="evenodd"
+      d="M8.885 18.47V19H4.5v-.53c1.136 0 1.59-.254 2-1.361L10.77 5h2.023l4.703 12.109c.454 1.13.682 1.36 1.659 1.36V19H12.26v-.53c1.636 0 1.774-.15 1.283-1.361l-1.25-3.322H8.499L7.386 17.04c-.325 1.1-.254 1.43 1.5 1.43Zm1.41-9.941-1.546 4.543h3.272L10.294 8.53Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgAshby;

package/src/logo/platforms/Canva.tsx

@@ -2,36 +2,36 @@ import type { SVGProps } from "react";
 import * as React from "react";
 const SvgCanva = (props: SVGProps<SVGSVGElement>) => (
   <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
     {...props}
   >
-    <g clip-path="url(#clip0_1947_55)">
-      <circle cx="12" cy="12" r="10" fill="url(#paint0_radial_1947_55)" />
+    <g clipPath="url(#Canva_svg__a)">
+      <circle cx={12} cy={12} r={11} fill="url(#Canva_svg__b)" />
       <path
-        d="M11.469 18.4289C10.8804 18.3976 10.3063 18.2642 9.77218 18.0346C9.63229 17.9745 9.37314 17.8415 9.27311 17.7786C8.69199 17.4127 8.26569 17.0014 7.88957 16.4437C7.81397 16.3315 7.79081 16.2946 7.7263 16.183C7.43182 15.6739 7.22912 15.1301 7.08894 14.4733C6.99451 14.0309 6.95301 13.6377 6.94418 13.1024C6.9297 12.2217 7.00981 11.5317 7.22017 10.7254C7.33932 10.2688 7.5899 9.58541 7.72285 9.35451C7.73607 9.33157 7.78823 9.23306 7.83876 9.13558C8.10261 8.62677 8.39358 8.18789 8.74078 7.77509C9.22014 7.20516 9.82291 6.70117 10.4551 6.34168C10.6873 6.20966 11.0653 6.02386 11.2274 5.96216C11.3054 5.93245 11.3848 5.90128 11.4038 5.89286C11.5174 5.84271 11.9353 5.72188 12.1362 5.68106C12.5737 5.59213 12.8577 5.56319 13.2919 5.56323C13.6777 5.5633 13.9187 5.58346 14.2375 5.64238C14.9945 5.78231 15.6153 6.10209 16.0114 6.5563C16.1629 6.72996 16.3108 6.9638 16.3705 7.12405C16.3811 7.15243 16.3929 7.18033 16.3967 7.18606C16.4006 7.1918 16.412 7.22464 16.422 7.25904C16.4321 7.29344 16.4443 7.33331 16.4492 7.34765C16.454 7.362 16.4657 7.40891 16.4752 7.45191C16.4846 7.4949 16.4967 7.54886 16.502 7.5718C16.5319 7.70032 16.5423 8.04919 16.5221 8.24572C16.5105 8.35909 16.4729 8.56048 16.4436 8.66644C16.4341 8.70085 16.4226 8.74307 16.4181 8.76027C16.3805 8.90301 16.3187 9.04893 16.1841 9.31281C16.1589 9.3622 16.0344 9.54952 15.9727 9.63078C15.9048 9.72039 15.6971 9.92794 15.5929 10.0104C15.472 10.1061 15.421 10.1405 15.322 10.1932C15.0681 10.3282 14.8277 10.3905 14.6064 10.3785C14.443 10.3696 14.3667 10.3344 14.3226 10.2476C14.2892 10.1819 14.282 10.1294 14.2945 10.0426C14.3119 9.92154 14.342 9.84648 14.4891 9.55665C14.7749 8.99373 14.8712 8.69186 14.9145 8.22337C14.9418 7.92869 14.9108 7.62182 14.8302 7.38835C14.7964 7.2905 14.7046 7.11405 14.641 7.02458C14.5716 6.92714 14.4381 6.79324 14.3462 6.72894C14.2143 6.6367 14.0223 6.55209 13.8574 6.5136C13.6929 6.47517 13.682 6.47329 13.5861 6.46679C13.5341 6.46324 13.4684 6.45836 13.4402 6.45592C13.412 6.4535 13.32 6.45613 13.2358 6.46176C12.8533 6.48732 12.497 6.58132 12.1363 6.75175C11.7476 6.93542 11.5124 7.08892 11.1735 7.38008C11.0262 7.50658 10.7934 7.74 10.6927 7.86222C10.3482 8.28 10.1007 8.65446 9.88187 9.08867C9.79437 9.26229 9.6568 9.56952 9.608 9.70031C9.59552 9.73374 9.58062 9.77281 9.57486 9.78716C9.47284 10.0412 9.33193 10.5078 9.26792 10.8036C9.25302 10.8724 9.2338 10.9592 9.22516 10.9965C9.21654 11.0338 9.20524 11.0947 9.20001 11.132C9.1948 11.1693 9.18318 11.2373 9.17418 11.2832C9.03341 12.0008 8.99441 13.1004 9.08527 13.7904C9.10377 13.9308 9.15764 14.2488 9.17359 14.3117C9.1816 14.3432 9.20543 14.4394 9.22655 14.5254C9.29959 14.8227 9.42579 15.1678 9.56207 15.4428C9.73597 15.7938 9.93795 16.0775 10.1971 16.3349C10.4092 16.5454 10.5484 16.6564 10.7598 16.7835C10.873 16.8515 11.0645 16.9473 11.1486 16.978C11.1659 16.9843 11.2179 17.0036 11.2641 17.0208C11.5052 17.1109 11.7843 17.1578 12.1238 17.1653C12.537 17.1744 12.9027 17.1305 13.2289 17.0325C13.2919 17.0135 13.4192 16.9715 13.4446 16.9613C13.4588 16.9556 13.5155 16.9334 13.5703 16.9121C14.0633 16.7206 14.5846 16.3777 15.009 15.9657C15.161 15.8181 15.3848 15.5739 15.4826 15.4488C15.5201 15.4008 15.563 15.347 15.5778 15.3292C15.5926 15.3114 15.6345 15.2547 15.671 15.2031C15.7074 15.1515 15.7461 15.0975 15.7568 15.0832C15.7854 15.0451 16.0211 14.6699 16.0549 14.6088C16.0707 14.5801 16.0874 14.552 16.0919 14.5463C16.0965 14.5405 16.1367 14.4655 16.1813 14.3795C16.2937 14.1626 16.3297 14.1061 16.3778 14.0716C16.4939 13.9881 16.64 14.0452 16.6944 14.1952C16.7252 14.2801 16.716 14.5038 16.6748 14.6714C16.6504 14.7708 16.5504 15.057 16.4963 15.1822C16.4422 15.3076 16.3352 15.5154 16.2427 15.6747C15.9828 16.1222 15.6723 16.5214 15.2832 16.9082C14.9947 17.1951 14.7202 17.4204 14.4178 17.6185C14.3302 17.6759 14.2467 17.731 14.2323 17.7409C14.2178 17.7508 14.1682 17.7791 14.1219 17.8038C14.0757 17.8285 14.0332 17.8524 14.0274 17.8568C14.0012 17.8766 13.6984 18.0213 13.5703 18.0751C12.9019 18.3559 12.2287 18.4693 11.469 18.4289Z"
-        fill="white"
-        stroke="white"
-        stroke-width="0.114943"
+        fill="#fff"
+        stroke="#fff"
+        strokeWidth={0.115}
+        d="M11.416 19.072a5.46 5.46 0 0 1-1.867-.434A5.565 5.565 0 0 1 9 18.356a4.89 4.89 0 0 1-1.521-1.468 3.805 3.805 0 0 1-.18-.287c-.324-.56-.547-1.158-.701-1.88a7.347 7.347 0 0 1-.16-1.508 9.098 9.098 0 0 1 .304-2.615c.131-.502.407-1.254.553-1.508.015-.025.072-.134.128-.24.29-.56.61-1.043.992-1.497a7.11 7.11 0 0 1 2.93-2.07c.124-.056.584-.189.805-.234.481-.098.793-.13 1.271-.13.425 0 .69.023 1.04.088.833.154 1.516.505 1.952 1.005a2.356 2.356 0 0 1 .451.773l.03.097.029.115c.01.047.023.107.03.132.032.141.044.525.021.741a3.596 3.596 0 0 1-.114.566c-.041.157-.11.318-.258.608-.027.054-.164.26-.232.35a3.452 3.452 0 0 1-.418.417 1.654 1.654 0 0 1-.298.201c-.28.149-.543.217-.787.204-.18-.01-.264-.048-.312-.144a.334.334 0 0 1-.031-.225c.02-.133.052-.216.214-.535.314-.619.42-.95.468-1.466a2.296 2.296 0 0 0-.093-.919 2.034 2.034 0 0 0-.208-.4 1.63 1.63 0 0 0-.324-.325 1.686 1.686 0 0 0-.538-.237 1.353 1.353 0 0 0-.298-.052 11.54 11.54 0 0 1-.16-.011 3.285 3.285 0 0 0-1.434.325 4.16 4.16 0 0 0-1.06.691c-.162.14-.418.396-.53.53-.378.46-.65.872-.891 1.35a9.208 9.208 0 0 0-.338.768 8.537 8.537 0 0 0-.44 1.645c-.155.79-.198 2-.098 2.758.02.155.08.505.097.574l.058.235c.08.327.22.707.37 1.01.19.385.413.697.698.98.233.232.386.354.619.494a3.348 3.348 0 0 0 .555.26c.265.1.572.152.945.16a3.903 3.903 0 0 0 1.453-.224l.138-.055c.543-.21 1.116-.587 1.583-1.04a7.252 7.252 0 0 0 .625-.7c.017-.02.063-.083.103-.14l.095-.131a14.653 14.653 0 0 0 .368-.591c.005-.006.05-.089.098-.184.124-.238.164-.3.216-.338.128-.092.289-.03.349.136.034.093.023.34-.022.524-.027.109-.137.424-.196.561a6.46 6.46 0 0 1-1.335 1.899c-.317.316-.619.563-.951.781l-.204.135c-.016.01-.071.042-.122.07a6.899 6.899 0 0 1-.607.298 5.085 5.085 0 0 1-2.311.389Z"
       />
     </g>
     <defs>
       <radialGradient
-        id="paint0_radial_1947_55"
-        cx="0"
-        cy="0"
-        r="1"
+        id="Canva_svg__b"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(51.743 .558 7.307) scale(21.713)"
         gradientUnits="userSpaceOnUse"
-        gradientTransform="translate(6.5 3.22222) rotate(51.7431) scale(19.7391)"
       >
-        <stop offset="0.355769" stop-color="#02C1CC" />
-        <stop offset="1" stop-color="#752AEC" />
+        <stop offset={0.356} stopColor="#02C1CC" />
+        <stop offset={1} stopColor="#752AEC" />
       </radialGradient>
-      <clipPath id="clip0_1947_55">
-        <rect width="20" height="20" fill="white" transform="translate(2 2)" />
+      <clipPath id="Canva_svg__a">
+        <path fill="#fff" d="M1 1h22v22H1z" />
       </clipPath>
     </defs>
   </svg>

package/src/logo/platforms/Front.tsx

@@ -5,16 +5,15 @@ const SvgFront = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
+    fill="none"
     viewBox="0 0 24 24"
     {...props}
   >
-    <g transform="translate(2, 0) scale(0.85)">
-      <path d="M0 23.544H7.915V7.881H23.69V0H0V23.544Z" fill="#A857F1" />
-      <path
-        d="M16.866 24C20.822 24 24.03 20.792 24.03 16.836C24.03 12.88 20.822 9.672 16.866 9.672C12.91 9.672 9.702 12.88 9.702 16.836C9.702 20.792 12.91 24 16.866 24Z"
-        fill="#A857F1"
-      />
-    </g>
+    <path fill="#A857F1" d="M3.003 20.644h5.933V8.908h11.829V3H3.003v17.644Z" />
+    <path
+      fill="#A857F1"
+      d="M15.648 20.997a5.352 5.352 0 1 0 0-10.704 5.352 5.352 0 0 0 0 10.704Z"
+    />
   </svg>
 );
 export default SvgFront;

package/src/logo/platforms/Gitlab.tsx

@@ -6,24 +6,24 @@ const SvgGitlab = (props: SVGProps<SVGSVGElement>) => (
     width="1em"
     height="1em"
     fill="none"
-    viewBox="112.1310043334961 114.99998474121094 155.738037109375 150.00001525878906"
+    viewBox="0 0 24 24"
     {...props}
   >
     <path
-      fill="#e24329"
-      d="M265.26416,174.37243l-.2134-.55822-21.19899-55.30908c-.4236-1.08359-1.18542-1.99642-2.17699-2.62689-.98837-.63373-2.14749-.93253-3.32305-.87014-1.1689.06239-2.29195.48925-3.20809,1.21821-.90957.73554-1.56629,1.73047-1.87493,2.85346l-14.31327,43.80662h-57.90965l-14.31327-43.80662c-.30864-1.12299-.96536-2.11791-1.87493-2.85346-.91614-.72895-2.03911-1.15582-3.20809-1.21821-1.17548-.06239-2.33468.23641-3.32297.87014-.99166.63047-1.75348,1.5433-2.17707,2.62689l-21.19891,55.31237-.21348.55493c-6.28158,16.38521-.92929,34.90803,13.05891,45.48782.02621.01641.04922.03611.07552.05582l.18719.14119,32.29094,24.17392,15.97151,12.09024,9.71951,7.34871c2.34117,1.77316,5.57877,1.77316,7.92002,0l9.71943-7.34871,15.96822-12.09024,32.48142-24.31511c.02958-.02299.05588-.04269.08538-.06568,13.97834-10.57977,19.32735-29.09604,13.04905-45.47796Z"
+      fill="#E24329"
+      d="m21.797 9.625-.028-.072-2.722-7.103a.718.718 0 0 0-1.36.074L15.85 8.15H8.413L6.575 2.524a.715.715 0 0 0-1.08-.411.703.703 0 0 0-.28.337L2.493 9.553l-.027.072a5.055 5.055 0 0 0 1.677 5.841l.01.007.023.018 4.147 3.105 2.051 1.553 1.248.943c.301.228.717.228 1.018 0l1.248-.943 2.05-1.553 4.172-3.123.01-.008a5.055 5.055 0 0 0 1.677-5.84Z"
     />
     <path
-      fill="#fc6d26"
-      d="M265.26416,174.37243l-.2134-.55822c-10.5174,2.16062-20.20405,6.6099-28.49844,12.81593-.1346.0985-25.20497,19.05805-46.55171,35.19699,15.84998,11.98517,29.6477,22.40405,29.6477,22.40405l32.48142-24.31511c.02958-.02299.05588-.04269.08538-.06568,13.97834-10.57977,19.32735-29.09604,13.04905-45.47796Z"
+      fill="#FC6D26"
+      d="m21.796 9.625-.027-.072a9.194 9.194 0 0 0-3.66 1.646l-5.978 4.52 3.807 2.877 4.172-3.123.01-.008a5.055 5.055 0 0 0 1.676-5.84Z"
     />
     <path
-      fill="#fca326"
-      d="M160.34962,244.23117l15.97151,12.09024,9.71951,7.34871c2.34117,1.77316,5.57877,1.77316,7.92002,0l9.71943-7.34871,15.96822-12.09024s-13.79772-10.41888-29.6477-22.40405c-15.85327,11.98517-29.65099,22.40405-29.65099,22.40405Z"
+      fill="#FCA326"
+      d="m8.323 18.596 2.051 1.553 1.248.943c.301.228.717.228 1.018 0l1.248-.943 2.05-1.553-3.807-2.877-3.808 2.877Z"
     />
     <path
-      fill="#fc6d26"
-      d="M143.44561,186.63014c-8.29111-6.20274-17.97446-10.65531-28.49507-12.81264l-.21348.55493c-6.28158,16.38521-.92929,34.90803,13.05891,45.48782.02621.01641.04922.03611.07552.05582l.18719.14119,32.29094,24.17392s13.79772-10.41888,29.65099-22.40405c-21.34673-16.13894-46.42031-35.09848-46.55499-35.19699Z"
+      fill="#FC6D26"
+      d="M6.152 11.199a9.187 9.187 0 0 0-3.659-1.646l-.027.072a5.055 5.055 0 0 0 1.677 5.841l.01.007.023.019 4.147 3.104 3.808-2.877c-2.741-2.073-5.961-4.508-5.979-4.52Z"
     />
   </svg>
 );

package/src/logo/platforms/ValTown.tsx

@@ -9,28 +9,24 @@ const SvgValTown = (props: SVGProps<SVGSVGElement>) => (
     viewBox="0 0 24 24"
     {...props}
   >
-    <rect width={24} height={24} rx={4} fill="white" />
-    <g clipPath="url(#clip0_valtown)">
-      <path
-        d="M15.9 16.26C15.47 16.26 15.12 16.13 14.85 15.86C14.58 15.59 14.45 15.23 14.45 14.78V11.09H13.58V9.71H14.45V7.68H16.11V9.71H17.91V11.09H16.11V14.49C16.11 14.76 16.24 14.89 16.48 14.89H17.75V16.26H15.9Z"
-        fill="black"
-      />
-      <path
-        d="M12.26 10.46L9.49 15.05H9.26V10.72C9.26 10.16 8.81 9.71 8.25 9.71H7.59V15.18C7.59 15.78 8.08 16.26 8.67 16.26H9.8C10.4 16.26 10.96 15.94 11.26 15.42L14.56 9.71H13.58C13.04 9.71 12.54 10.00 12.26 10.46Z"
-        fill="black"
-      />
-      <path d="M6.00 9.71H7.67V11.09H6.00V9.71Z" fill="black" />
+    <mask
+      id="ValTown_svg__a"
+      width={20}
+      height={15}
+      x={2}
+      y={5}
+      maskUnits="userSpaceOnUse"
+      style={{
+        maskType: "luminance",
+      }}
+    >
+      <path fill="#fff" d="M22 5H2v14.386h20V5Z" />
+    </mask>
+    <g fill="#000" mask="url(#ValTown_svg__a)">
+      <path d="M18.503 19.3c-.72 0-1.304-.223-1.751-.67-.448-.448-.672-1.046-.672-1.794v-6.16h-1.444V8.388h1.444V5h2.775v3.388h2.995v2.288h-2.995v5.676c0 .44.205.66.617.66h2.114V19.3h-3.083Z" />
+      <path d="m12.436 9.632-4.613 7.645h-.396V10.06c0-.923-.75-1.671-1.673-1.671H4.652V17.5c0 .994.807 1.8 1.802 1.8H8.34a2.8 2.8 0 0 0 2.424-1.398l5.502-9.514H14.64c-.902 0-1.738.472-2.204 1.243Z" />
+      <path d="M2 8.389h2.78v2.288H2V8.389Z" />
     </g>
-    <defs>
-      <clipPath id="clip0_valtown">
-        <rect
-          width={12}
-          height={8.63}
-          fill="white"
-          transform="translate(6 7.68)"
-        />
-      </clipPath>
-    </defs>
   </svg>
 );
 export default SvgValTown;

package/src/logo/platforms/index.ts

@@ -1,6 +1,7 @@
 export { default as Ai21Logo } from "./Ai21";
 export { default as AnthropicLogo } from "./Anthropic";
 export { default as AsanaLogo } from "./Asana";
+export { default as AshbyLogo } from "./Ashby";
 export { default as BigQueryLogo } from "./BigQuery";
 export { default as CanvaLogo } from "./Canva";
 export { default as ChromeLogo } from "./Chrome";

package/src/logo/src/platforms/Ashby.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="20" height="20" rx="4" fill="#473BCE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.88547 18.4695V19H4.5V18.4695C5.63611 18.4695 6.09054 18.2158 6.49951 17.1087L10.7713 5H12.7936L17.4971 17.1087C17.9515 18.2389 18.1787 18.4695 19.1558 18.4695V19H12.2613V18.4695C13.8968 18.4695 14.0348 18.32 13.5435 17.1087L12.2937 13.7875H8.49914L7.38573 17.0395C7.06062 18.1397 7.13173 18.4695 8.88547 18.4695ZM10.2942 8.52884L8.74909 13.0725H12.0211L10.2942 8.52884Z" fill="white"/>
+</svg>

package/src/logo/src/platforms/Canva.svg

@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1947_55)">
+<circle cx="12" cy="12" r="11" fill="url(#paint0_radial_1947_55)"/>
+<path d="M11.4159 19.0718C10.7685 19.0373 10.1369 18.8906 9.54938 18.6381C9.3955 18.5719 9.11043 18.4257 9.0004 18.3564C8.36117 17.954 7.89224 17.5016 7.47851 16.888C7.39534 16.7647 7.36987 16.724 7.29891 16.6013C6.97498 16.0413 6.75201 15.4432 6.59782 14.7206C6.49394 14.234 6.44829 13.8015 6.43858 13.2126C6.42265 12.2438 6.51077 11.4849 6.74217 10.598C6.87323 10.0957 7.14887 9.34395 7.29512 9.08996C7.30965 9.06473 7.36703 8.95636 7.42262 8.84914C7.71285 8.28944 8.03291 7.80667 8.41484 7.3526C8.94213 6.72568 9.60517 6.17128 10.3006 5.77585C10.556 5.63062 10.9719 5.42625 11.1501 5.35838C11.2359 5.3257 11.3232 5.29141 11.3442 5.28214C11.4692 5.22698 11.9288 5.09407 12.1498 5.04916C12.631 4.95134 12.9434 4.91951 13.4211 4.91956C13.8455 4.91962 14.1105 4.9418 14.4612 5.00662C15.294 5.16054 15.9768 5.5123 16.4125 6.01193C16.5791 6.20296 16.7418 6.46018 16.8075 6.63646C16.8192 6.66768 16.8322 6.69836 16.8364 6.70467C16.8406 6.71098 16.8531 6.7471 16.8642 6.78494C16.8753 6.82279 16.8887 6.86664 16.8941 6.88242C16.8994 6.8982 16.9123 6.9498 16.9227 6.9971C16.9331 7.04439 16.9464 7.10375 16.9522 7.12898C16.9851 7.27035 16.9965 7.65411 16.9743 7.8703C16.9615 7.995 16.9202 8.21653 16.888 8.33309C16.8775 8.37093 16.8649 8.41738 16.8599 8.4363C16.8185 8.59331 16.7505 8.75382 16.6025 9.04409C16.5747 9.09842 16.4378 9.30448 16.37 9.39385C16.2952 9.49243 16.0668 9.72073 15.9521 9.81149C15.8192 9.91674 15.7631 9.95458 15.6541 10.0125C15.3749 10.161 15.1105 10.2295 14.867 10.2163C14.6873 10.2066 14.6034 10.1679 14.5548 10.0723C14.5181 10.0001 14.5102 9.94233 14.5239 9.84683C14.5431 9.71369 14.5762 9.63112 14.738 9.31232C15.0524 8.69311 15.1583 8.36105 15.206 7.84571C15.236 7.52156 15.2018 7.184 15.1132 6.92719C15.076 6.81955 14.9751 6.62545 14.905 6.52703C14.8288 6.41986 14.6819 6.27257 14.5808 6.20183C14.4358 6.10037 14.2245 6.00729 14.0431 5.96495C13.8621 5.92268 13.8502 5.92062 13.7447 5.91346C13.6875 5.90957 13.6152 5.9042 13.5842 5.90152C13.5531 5.89885 13.452 5.90174 13.3594 5.90794C12.9387 5.93606 12.5467 6.03945 12.15 6.22692C11.7224 6.42896 11.4637 6.59781 11.0908 6.91808C10.9288 7.05723 10.6728 7.314 10.5619 7.44844C10.183 7.908 9.91073 8.3199 9.67003 8.79753C9.57378 8.98852 9.42245 9.32647 9.36878 9.47034C9.35505 9.50711 9.33866 9.55009 9.33233 9.56587C9.22011 9.84532 9.0651 10.3586 8.99469 10.684C8.9783 10.7597 8.95716 10.8551 8.94766 10.8961C8.93818 10.9371 8.92574 11.0042 8.91999 11.0452C8.91425 11.0862 8.90147 11.161 8.89158 11.2115C8.73673 12.0009 8.69383 13.2105 8.79378 13.9695C8.81412 14.1239 8.87339 14.4737 8.89093 14.5429C8.89974 14.5776 8.92595 14.6834 8.94918 14.778C9.02953 15.105 9.16835 15.4846 9.31825 15.7871C9.50955 16.1732 9.73173 16.4852 10.0168 16.7683C10.2501 16.9999 10.4032 17.1221 10.6358 17.2618C10.7602 17.3367 10.9709 17.4421 11.0634 17.4757C11.0825 17.4827 11.1397 17.5039 11.1905 17.5229C11.4556 17.6219 11.7627 17.6735 12.1362 17.6818C12.5907 17.6919 12.9929 17.6435 13.3517 17.5357C13.4211 17.5149 13.5611 17.4687 13.589 17.4575C13.6047 17.4511 13.667 17.4268 13.7274 17.4033C14.2696 17.1927 14.843 16.8155 15.3099 16.3623C15.4771 16.2 15.7232 15.9313 15.8308 15.7937C15.8721 15.7409 15.9193 15.6817 15.9355 15.6621C15.9518 15.6426 15.998 15.5801 16.0381 15.5234C16.0782 15.4666 16.1206 15.4073 16.1325 15.3915C16.1639 15.3496 16.4232 14.9369 16.4603 14.8697C16.4777 14.8382 16.4961 14.8072 16.5011 14.8009C16.5061 14.7946 16.5504 14.712 16.5994 14.6174C16.723 14.3789 16.7627 14.3167 16.8155 14.2787C16.9433 14.1869 17.104 14.2497 17.1638 14.4147C17.1977 14.5081 17.1875 14.7542 17.1422 14.9385C17.1154 15.0479 17.0054 15.3627 16.946 15.5004C16.8864 15.6383 16.7687 15.8669 16.6669 16.0422C16.3811 16.5344 16.0395 16.9735 15.6115 17.3991C15.2941 17.7146 14.9922 17.9624 14.6596 18.1804C14.5632 18.2435 14.4714 18.3041 14.4555 18.315C14.4396 18.3259 14.385 18.357 14.3341 18.3842C14.2833 18.4114 14.2365 18.4376 14.2301 18.4424C14.2013 18.4643 13.8682 18.6234 13.7274 18.6826C12.9921 18.9915 12.2515 19.1162 11.4159 19.0718Z" fill="white" stroke="white" stroke-width="0.114943"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_1947_55" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(5.95 2.34444) rotate(51.7431) scale(21.713)">
+<stop offset="0.355769" stop-color="#02C1CC"/>
+<stop offset="1" stop-color="#752AEC"/>
+</radialGradient>
+<clipPath id="clip0_1947_55">
+<rect width="22" height="22" fill="white" transform="translate(1 1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/logo/src/platforms/Front.svg

@@ -1,10 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
-  <g transform="translate(2, 0) scale(0.85)">
-    <path d="M0 23.544H7.915V7.881H23.69V0H0V23.544Z" fill="#A857F1" />
-    <path
-      d="M16.866 24C20.822 24 24.03 20.792 24.03 16.836C24.03 12.88 20.822 9.672 16.866 9.672C12.91 9.672 9.702 12.88 9.702 16.836C9.702 20.792 12.91 24 16.866 24Z"
-      fill="#A857F1"
-    />
-  </g>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.00342 20.6436H8.9361V8.9084H20.7647V3H3.00342V20.6436Z" fill="#A857F1"/>
+<path d="M15.6484 20.9965C18.6042 20.9965 21.0003 18.6004 21.0003 15.6446C21.0003 12.6888 18.6042 10.2927 15.6484 10.2927C12.6926 10.2927 10.2965 12.6888 10.2965 15.6446C10.2965 18.6004 12.6926 20.9965 15.6484 20.9965Z" fill="#A857F1"/>
 </svg>
-

package/src/logo/src/platforms/Gitlab.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.7965 9.62465L21.7691 9.55297L19.0467 2.45013C18.9923 2.31098 18.8944 2.19375 18.7671 2.11278C18.6402 2.0314 18.4913 1.99303 18.3403 2.00104C18.1902 2.00905 18.046 2.06387 17.9284 2.15748C17.8116 2.25194 17.7272 2.37971 17.6876 2.52393L15.8495 8.14961H8.41265L6.57453 2.52393C6.5349 2.37971 6.45056 2.25194 6.33375 2.15748C6.2161 2.06387 6.07189 2.00905 5.92177 2.00104C5.77081 1.99303 5.62195 2.0314 5.49503 2.11278C5.36768 2.19375 5.26985 2.31098 5.21545 2.45013L2.49307 9.55339L2.46565 9.62465C1.65897 11.7289 2.34631 14.1076 4.14269 15.4662C4.14605 15.4683 4.14901 15.4709 4.15239 15.4734L4.17642 15.4915L8.32325 18.596L10.3743 20.1486L11.6225 21.0923C11.9232 21.32 12.3389 21.32 12.6396 21.0923L13.8878 20.1486L15.9384 18.596L20.1097 15.4734C20.1135 15.4705 20.1169 15.4679 20.1207 15.465C21.9158 14.1063 22.6027 11.7284 21.7965 9.62465Z" fill="#E24329"/>
+<path d="M21.7964 9.62467L21.769 9.55298C20.4184 9.83045 19.1744 10.4018 18.1092 11.1988C18.092 11.2115 14.8724 13.6463 12.131 15.7188C14.1665 17.258 15.9384 18.596 15.9384 18.596L20.1097 15.4734C20.1135 15.4705 20.1169 15.4679 20.1207 15.465C21.9158 14.1063 22.6027 11.7284 21.7964 9.62467Z" fill="#FC6D26"/>
+<path d="M8.32324 18.596L10.3743 20.1486L11.6225 21.0923C11.9232 21.32 12.3389 21.32 12.6396 21.0923L13.8878 20.1486L15.9384 18.596C15.9384 18.596 14.1665 17.258 12.131 15.7188C10.0952 17.258 8.32324 18.596 8.32324 18.596Z" fill="#FCA326"/>
+<path d="M6.15243 11.1988C5.08768 10.4023 3.84413 9.83045 2.49307 9.55341L2.46565 9.62467C1.65897 11.7289 2.34631 14.1076 4.14269 15.4662C4.14605 15.4684 4.14901 15.4709 4.15239 15.4734L4.17643 15.4916L8.32325 18.596C8.32325 18.596 10.0952 17.258 12.1311 15.7188C9.38969 13.6463 6.16972 11.2115 6.15243 11.1988Z" fill="#FC6D26"/>
+</svg>

package/src/logo/src/platforms/ValTown.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1976_132" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="5" width="20" height="15">
+<path d="M22 5H2V19.386H22V5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1976_132)">
+<path d="M18.5026 19.3002C17.783 19.3002 17.1994 19.0767 16.7518 18.6293C16.3038 18.1821 16.0802 17.5841 16.0802 16.8363V10.6761H14.6364V8.3881H16.0802V5H18.8548V8.3881H21.85V10.6761H18.8548V16.3521C18.8548 16.7921 19.0604 17.0123 19.4716 17.0123H21.5856V19.3002H18.5026Z" fill="black"/>
+<path d="M12.4362 9.63247L7.82299 17.2768H7.4266V10.0601C7.4266 9.13697 6.67759 8.38867 5.75359 8.38867H4.65179V17.501C4.65179 18.495 5.45859 19.301 6.45359 19.301H8.33959C9.33959 19.301 10.2638 18.7682 10.764 17.903L16.2664 8.38867H14.6404C13.7384 8.38867 12.902 8.86057 12.4362 9.63247Z" fill="black"/>
+<path d="M1.99939 8.38867H4.78V10.6769H1.99939V8.38867Z" fill="black"/>
+</g>
+</svg>