@dust-tt/sparkle 0.3.3 → 0.3.5

package/src/components/Chip.tsx

@@ -29,62 +29,75 @@ export const CHIP_COLORS = [
 
 type ChipColorType = (typeof CHIP_COLORS)[number];
 
-const sizeVariants: Record<ChipSizeType, string> = {
-  mini: "s-rounded-md s-min-h-5 s-text-xs s-font-medium s-px-1.5 s-py-1 s-gap-0.5",
-  xs: "s-rounded-lg s-min-h-7 s-heading-xs s-px-3 s-gap-1",
-  sm: "s-rounded-xl s-min-h-9 s-heading-sm s-px-4 s-gap-1.5",
-};
-
-const backgroundVariants: Record<ChipColorType, string> = {
-  primary: cn(
-    "s-bg-muted-background s-border-border",
-    "dark:s-bg-muted-background-night dark:s-border-border-night"
-  ),
-  highlight: cn(
-    "s-bg-highlight-100 s-border-highlight-200",
-    "dark:s-bg-highlight-100-night dark:s-border-highlight-200-night"
-  ),
-  success: cn(
-    "s-bg-success-100 s-border-success-200",
-    "dark:s-bg-success-100-night dark:s-border-success-200-night"
-  ),
-  info: cn(
-    "s-bg-info-100 s-border-info-200",
-    "dark:s-bg-info-100-night dark:s-border-info-200-night"
-  ),
-  warning: cn(
-    "s-bg-warning-100 s-border-warning-200",
-    "dark:s-bg-warning-100-night dark:s-border-warning-200-night"
-  ),
-  green: cn(
-    "s-bg-green-100 s-border-green-200",
-    "dark:s-bg-green-100-night dark:s-border-green-200-night"
-  ),
-  blue: cn(
-    "s-bg-blue-100 s-border-blue-200",
-    "dark:s-bg-blue-100-night dark:s-border-blue-200-night"
-  ),
-  rose: cn(
-    "s-bg-rose-100 s-border-rose-200",
-    "dark:s-bg-rose-100-night dark:s-border-rose-200-night"
-  ),
-  golden: cn(
-    "s-bg-golden-100 s-border-golden-200",
-    "dark:s-bg-golden-100-night dark:s-border-golden-200-night"
-  ),
-};
-
-const textVariants: Record<ChipColorType, string> = {
-  primary: "s-text-primary-900 dark:s-text-primary-900-night",
-  highlight: "s-text-highlight-900 dark:s-text-highlight-900-night",
-  success: "s-text-success-900 dark:s-text-success-900-night",
-  warning: "s-text-warning-900 dark:s-text-warning-900-night",
-  info: "s-text-info-900 dark:s-text-info-900-night",
-  green: "s-text-green-900 dark:s-text-green-900-night",
-  blue: "s-text-blue-900 dark:s-text-blue-900-night",
-  rose: "s-text-rose-900 dark:s-text-rose-900-night",
-  golden: "s-text-golden-900 dark:s-text-golden-900-night",
-};
+const chipVariants = cva("s-inline-flex s-box-border s-items-center", {
+  variants: {
+    size: {
+      mini: "s-rounded-md s-min-h-5 s-text-xs s-font-medium s-px-1.5 s-py-1 s-gap-0.5",
+      xs: "s-rounded-lg s-min-h-7 s-heading-xs s-px-3 s-gap-1",
+      sm: "s-rounded-xl s-min-h-9 s-heading-sm s-px-4 s-gap-1.5",
+    },
+    color: {
+      primary: cn(
+        "s-bg-muted-background s-border-border",
+        "s-text-primary-900",
+        "dark:s-bg-muted-background-night dark:s-border-border-night",
+        "dark:s-text-primary-900-night"
+      ),
+      highlight: cn(
+        "s-bg-highlight-100 s-border-highlight-200",
+        "s-text-highlight-900",
+        "dark:s-bg-highlight-100-night dark:s-border-highlight-200-night",
+        "dark:s-text-highlight-900-night"
+      ),
+      success: cn(
+        "s-bg-success-100 s-border-success-200",
+        "s-text-success-900",
+        "dark:s-bg-success-100-night dark:s-border-success-200-night",
+        "dark:s-text-success-900-night"
+      ),
+      info: cn(
+        "s-bg-info-100 s-border-info-200",
+        "s-text-info-900",
+        "dark:s-bg-info-100-night dark:s-border-info-200-night",
+        "dark:s-text-info-900-night"
+      ),
+      warning: cn(
+        "s-bg-warning-100 s-border-warning-200",
+        "s-text-warning-900",
+        "dark:s-bg-warning-100-night dark:s-border-warning-200-night",
+        "dark:s-text-warning-900-night"
+      ),
+      green: cn(
+        "s-bg-green-100 s-border-green-200",
+        "s-text-green-900",
+        "dark:s-bg-green-100-night dark:s-border-green-200-night",
+        "dark:s-text-green-900-night"
+      ),
+      blue: cn(
+        "s-bg-blue-100 s-border-blue-200",
+        "s-text-blue-900",
+        "dark:s-bg-blue-100-night dark:s-border-blue-200-night",
+        "dark:s-text-blue-900-night"
+      ),
+      rose: cn(
+        "s-bg-rose-100 s-border-rose-200",
+        "s-text-rose-900",
+        "dark:s-bg-rose-100-night dark:s-border-rose-200-night",
+        "dark:s-text-rose-900-night"
+      ),
+      golden: cn(
+        "s-bg-golden-100 s-border-golden-200",
+        "s-text-golden-900",
+        "dark:s-bg-golden-100-night dark:s-border-golden-200-night",
+        "dark:s-text-golden-900-night"
+      ),
+    },
+  },
+  defaultVariants: {
+    size: "xs",
+    color: "primary",
+  },
+});
 
 const closeIconVariants: Record<ChipColorType, string> = {
   primary: cn(
@@ -125,19 +138,6 @@ const closeIconVariants: Record<ChipColorType, string> = {
   ),
 };
 
-const chipVariants = cva("s-inline-flex s-box-border s-items-center", {
-  variants: {
-    size: sizeVariants,
-    text: textVariants,
-    background: backgroundVariants,
-  },
-  defaultVariants: {
-    size: "xs",
-    text: "primary",
-    background: "primary",
-  },
-});
-
 type ChipBaseProps = {
   size?: ChipSizeType;
   color?: ChipColorType;
@@ -187,7 +187,7 @@ const Chip = React.forwardRef<HTMLDivElement, ChipProps>(
     const chipContent = (
       <div
         className={cn(
-          chipVariants({ size, background: color, text: color }),
+          chipVariants({ size, color }),
           className,
           onClick && "s-cursor-pointer"
         )}

package/src/components/IconButton.tsx

@@ -2,78 +2,73 @@ import { cva } from "class-variance-authority";
 import React, { ComponentType, MouseEventHandler } from "react";
 
 import { Tooltip } from "@sparkle/components";
-import { Button, ButtonVariantType } from "@sparkle/components/Button";
+import { Button, BUTTON_VARIANTS } from "@sparkle/components/Button";
 import { cn } from "@sparkle/lib/utils";
 
-type IconButtonProps = {
-  variant?: React.ComponentProps<typeof Button>["variant"];
-  onClick?: MouseEventHandler<HTMLButtonElement>;
-  size?: React.ComponentProps<typeof Button>["size"];
-  tooltip?: string;
-  tooltipPosition?: React.ComponentProps<typeof Tooltip>["side"];
-  icon: ComponentType;
-  className?: string;
-  disabled?: boolean;
-};
-
-const styleVariants: Record<ButtonVariantType, string> = {
-  primary: cn(
-    "s-text-highlight-500 dark:s-text-highlight-500-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"
-  ),
-  warning: 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"
-  ),
-  outline: cn(
-    "s-text-primary-700 dark:s-text-primary-700-night",
-    "hover:s-text-primary-400 dark:hover:s-text-primary-400-night",
-    "active:s-text-highlight-600 dark:active:s-text-highlight-600-night",
-    "s-text-primary-500 dark:s-text-primary-500-night"
-  ),
-  ghost: cn(
-    "s-text-white dark:s-text-primary-950",
-    "hover:s-text-primary-100 dark:hover:s-text-primary-100-night",
-    "active:s-text-primary-200 dark:active:s-text-primary-200-night",
-    "s-text-white/50 dark:s-text-primary-950/50"
-  ),
-  "ghost-secondary": cn(
-    "s-text-white",
-    "hover:s-text-primary-100 dark:hover:s-text-primary-100-night",
-    "active:s-text-primary-200 dark:active:s-text-primary-200-night",
-    "s-text-white/50 dark:s-text-primary-950/50"
-  ),
-};
+export const ICON_BUTTON_VARIANTS = BUTTON_VARIANTS;
+export type IconButtonVariantType = (typeof ICON_BUTTON_VARIANTS)[number];
 
 const iconButtonVariants = cva(
   "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110",
   {
     variants: {
-      variant: styleVariants,
-      disabled: {
-        true: cn(
-          "s-text-primary-500 dark:s-text-primary-500-night",
-          "s-cursor-default hover:s-scale-100"
+      variant: {
+        primary: cn(
+          "s-text-highlight-500 dark:s-text-highlight-500-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"
+        ),
+        warning: 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"
+        ),
+        outline: cn(
+          "s-text-primary-700 dark:s-text-primary-700-night",
+          "hover:s-text-primary-400 dark:hover:s-text-primary-400-night",
+          "active:s-text-highlight-600 dark:active:s-text-highlight-600-night",
+          "s-text-primary-500 dark:s-text-primary-500-night"
+        ),
+        ghost: cn(
+          "s-text-white dark:s-text-primary-950",
+          "hover:s-text-primary-100 dark:hover:s-text-primary-100-night",
+          "active:s-text-primary-200 dark:active:s-text-primary-200-night",
+          "s-text-white/50 dark:s-text-primary-950/50"
+        ),
+        "ghost-secondary": cn(
+          "s-text-white",
+          "hover:s-text-primary-100 dark:hover:s-text-primary-100-night",
+          "active:s-text-primary-200 dark:active:s-text-primary-200-night",
+          "s-text-white/50 dark:s-text-primary-950/50"
         ),
       },
     },
     defaultVariants: {
       variant: "outline",
-      disabled: false,
     },
   }
 );
 
+export interface IconButtonProps
+  extends Omit<
+    React.ComponentPropsWithoutRef<typeof Button>,
+    "label" | "variant"
+  > {
+  variant?: IconButtonVariantType;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  tooltip?: string;
+  tooltipPosition?: React.ComponentProps<typeof Tooltip>["side"];
+  icon: ComponentType;
+}
+
 const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(
   (
     {
@@ -90,16 +85,26 @@ const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(
   ) => (
     <Button
       tooltip={tooltip}
-      className={cn(iconButtonVariants({ variant, disabled }), className)}
+      className={cn(
+        iconButtonVariants({ variant }),
+        disabled &&
+          cn(
+            "s-text-primary-500 dark:s-text-primary-500-night",
+            "s-cursor-default hover:s-scale-100"
+          ),
+        className
+      )}
       onClick={onClick}
       disabled={disabled}
       ref={ref}
       size={size}
       icon={icon}
-      variant={null}
+      variant="ghost"
       {...props}
     />
   )
 );
 
-export { IconButton };
+IconButton.displayName = "IconButton";
+
+export { IconButton, iconButtonVariants };

package/src/components/Label.tsx

@@ -1,33 +1,50 @@
 import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
 import { cn } from "@sparkle/lib/utils";
 
+const labelVariants = cva(
+  cn(
+    "s-heading-sm",
+    "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70"
+  ),
+  {
+    variants: {
+      variant: {
+        default: cn("s-text-foreground", "dark:s-text-foreground-night"),
+        muted: cn(
+          "s-text-muted-foreground",
+          "dark:s-text-muted-foreground-night"
+        ),
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
 export interface LabelProps
-  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,
+    VariantProps<typeof labelVariants> {
   isMuted?: boolean;
 }
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
   LabelProps
->(({ className, isMuted = false, ...props }, ref) => {
-  const labelVariants = cn(
-    "s-heading-sm",
-    isMuted
-      ? "s-text-muted-foreground dark:s-text-muted-foreground-night"
-      : "s-text-foreground dark:s-text-foreground-night",
-    "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70"
-  );
+>(({ className, variant, isMuted = false, ...props }, ref) => {
+  const effectiveVariant = isMuted ? "muted" : variant;
 
   return (
     <LabelPrimitive.Root
       ref={ref}
-      className={cn(labelVariants, className)}
+      className={cn(labelVariants({ variant: effectiveVariant }), className)}
       {...props}
     />
   );
 });
 Label.displayName = LabelPrimitive.Root.displayName;
 
-export { Label };
+export { Label, labelVariants };

package/src/components/NavigationList.tsx

@@ -3,7 +3,6 @@ import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
 import {
-  Icon,
   LinkWrapper,
   LinkWrapperProps,
   ScrollArea,
@@ -82,7 +81,6 @@ const NavigationListItem = React.forwardRef<
       className,
       selected,
       label,
-      icon,
       href,
       target,
       rel,
@@ -107,13 +105,13 @@ const NavigationListItem = React.forwardRef<
         case "unread":
           return "s-bg-highlight-500 dark:s-bg-highlight-500-night";
         case "blocked":
-          return "s-bg-warning-500 dark:s-bg-warning-500-night";
+          return "s-bg-golden-500 dark:s-bg-golden-500-night";
         default:
           return "";
       }
     };
 
-    const shouldShowStatusDot = status === "unread" || status === "blocked";
+    const shouldShowStatusDot = status !== "idle";
 
     return (
       <div
@@ -155,7 +153,6 @@ const NavigationListItem = React.forwardRef<
                 )}
               />
             )}
-            {icon && <Icon visual={icon} size="sm" />}
             {label && (
               <span className="s-grow s-overflow-hidden s-text-ellipsis s-whitespace-nowrap group-hover/menu-item:s-pr-8 group-data-[selected=true]/menu-item:s-pr-8">
                 {label}

package/src/components/Notification.tsx

@@ -23,6 +23,16 @@ const NotificationsContext = React.createContext<(n: NotificationType) => void>(
   (n) => n
 );
 
+const notificationVariants = cva("s-pt-0.5", {
+  variants: {
+    type: {
+      success: "s-text-success-600 dark:s-text-success-400-night",
+      error: "s-text-warning-500 dark:s-text-warning-500-night",
+      info: "s-text-info-600 dark:s-text-info-400-night",
+    },
+  },
+});
+
 function NotificationContent({
   type,
   title,
@@ -42,16 +52,6 @@ function NotificationContent({
     }
   })();
 
-  const variantClassName = cva("s-pt-0.5", {
-    variants: {
-      type: {
-        success: "s-text-success-600 dark:s-text-success-400-night",
-        error: "s-text-warning-500 dark:s-text-warning-500-night",
-        info: "s-text-info-600 dark:s-text-info-400-night",
-      },
-    },
-  });
-
   return (
     <div
       className={cn(
@@ -65,14 +65,14 @@ function NotificationContent({
       <Icon
         size="lg"
         visual={icon}
-        className={variantClassName({ type })}
+        className={notificationVariants({ type })}
         aria-hidden="true"
       />
       <div className="s-flex s-min-w-0 s-flex-grow s-flex-col">
         <div
           className={cn(
             "s-heading-md s-line-clamp-1 s-h-6 s-grow",
-            variantClassName({ type })
+            notificationVariants({ type })
           )}
         >
           {title || type}

package/src/icons/app/Atom.tsx

@@ -6,13 +6,13 @@ const SvgAtom = (props: SVGProps<SVGSVGElement>) => (
     width="1em"
     height="1em"
     fill="none"
-    viewBox="0 0 24 25"
+    viewBox="0 0 24 24"
     {...props}
   >
     <path
       fill="currentColor"
       fillRule="evenodd"
-      d="M14.974 2.284c.831-.248 1.733-.268 2.526.19.793.458 1.227 1.249 1.428 2.093.2.841.196 1.827.047 2.866-.029.196-.065.396-.104.599.196.068.387.137.571.21.975.39 1.83.88 2.46 1.474C22.531 10.313 23 11.084 23 12c0 .915-.468 1.687-1.099 2.283-.628.594-1.484 1.084-2.459 1.473-.184.074-.375.143-.57.211.038.204.074.404.103.6.15 1.039.153 2.025-.047 2.866-.201.844-.635 1.635-1.428 2.093-.793.458-1.695.438-2.526.19-.83-.247-1.681-.743-2.506-1.392a12.997 12.997 0 0 1-.468-.389c-.157.136-.312.266-.468.389-.825.649-1.677 1.145-2.506 1.392-.831.248-1.733.268-2.526-.19-.793-.458-1.227-1.249-1.428-2.093-.2-.841-.196-1.827-.047-2.866.029-.196.064-.396.103-.6a13.01 13.01 0 0 1-.57-.21c-.975-.39-1.83-.88-2.46-1.474C1.469 13.687 1 12.915 1 12c0-.916.468-1.687 1.099-2.284.628-.594 1.484-1.083 2.459-1.473.184-.074.374-.143.57-.211-.04-.203-.074-.403-.103-.599-.15-1.039-.153-2.025.047-2.866.201-.844.635-1.635 1.428-2.093.793-.458 1.695-.438 2.526-.19.83.247 1.681.743 2.506 1.392.156.123.312.253.468.388.156-.135.312-.265.468-.388.825-.649 1.677-1.145 2.506-1.392ZM7.06 16.502a10.7 10.7 0 0 0-.056.35c-.128.89-.11 1.605.013 2.118.121.51.319.73.482.825.163.094.452.155.955.005.506-.15 1.134-.492 1.84-1.049.092-.07.182-.146.274-.223a21.574 21.574 0 0 1-1.368-1.683 21.558 21.558 0 0 1-2.14-.343Zm9.878 0c-.677.145-1.394.26-2.141.343a21.577 21.577 0 0 1-1.368 1.683c.092.077.183.152.274.224.707.556 1.335.898 1.84 1.048.504.15.793.089.956-.006.163-.094.36-.314.482-.824.123-.513.141-1.229.013-2.119a10.715 10.715 0 0 0-.056-.35ZM12 17l-.114-.002.113.127.114-.127L12 17Zm0-8c-.582 0-1.15.022-1.698.061A23.841 23.841 0 0 0 8.605 12a23.888 23.888 0 0 0 1.697 2.939 23.855 23.855 0 0 0 3.395 0 23.915 23.915 0 0 0 1.697-2.94 23.902 23.902 0 0 0-1.697-2.937A23.853 23.853 0 0 0 12 9Zm4.33 5.5c-.019.033-.04.065-.058.098l.168-.035-.054-.163c-.02.033-.037.067-.056.1Zm-8.77.063.168.034-.058-.097-.057-.1-.053.163Zm10.808-4.59c-.212.66-.47 1.338-.772 2.027.301.688.56 1.366.772 2.025.113-.041.224-.082.331-.125.835-.334 1.445-.708 1.828-1.07.381-.36.473-.642.473-.83 0-.19-.092-.47-.473-.83-.383-.363-.993-.737-1.828-1.07a10.657 10.657 0 0 0-.33-.127Zm-12.737 0c-.113.041-.223.083-.33.126-.835.334-1.445.708-1.828 1.07-.381.36-.473.642-.473.83 0 .19.092.47.473.83.383.363.993.737 1.828 1.071.107.043.217.084.33.125.212-.659.471-1.337.772-2.025a21.546 21.546 0 0 1-.772-2.027Zm1.929-.537.053.162.057-.098.058-.098-.168.034Zm8.77.064.056.098.053-.162-.168-.035.06.099ZM8.455 4.2c-.503-.15-.792-.089-.955.006-.163.094-.36.314-.482.824-.123.513-.141 1.229-.013 2.119.016.114.035.23.056.349a21.543 21.543 0 0 1 2.14-.345c.446-.605.904-1.17 1.368-1.683-.091-.077-.183-.15-.273-.221-.707-.557-1.335-.898-1.84-1.05Zm8.045.006c-.163-.095-.452-.156-.955-.006-.506.15-1.134.492-1.84 1.049-.091.07-.184.144-.275.221a21.56 21.56 0 0 1 1.368 1.683c.747.083 1.464.199 2.14.345.021-.119.04-.235.057-.349.128-.89.11-1.606-.013-2.12-.121-.51-.319-.73-.482-.823ZM11.887 7 12 7h.112A17.69 17.69 0 0 0 12 6.874L11.887 7Z"
+      d="M14.974 2.272c.831-.247 1.733-.266 2.526.19.793.455 1.227 1.242 1.428 2.081.2.837.196 1.818.047 2.852-.029.195-.065.393-.104.595.196.068.387.137.571.21.975.388 1.83.875 2.46 1.466.63.593 1.098 1.36 1.098 2.271 0 .911-.468 1.679-1.099 2.272-.628.591-1.484 1.078-2.459 1.466-.184.073-.375.142-.57.21.038.202.074.4.103.596.15 1.034.153 2.014-.047 2.851-.201.84-.635 1.627-1.428 2.082-.793.456-1.695.436-2.526.19-.83-.246-1.681-.74-2.506-1.386a13.017 13.017 0 0 1-.468-.386c-.157.135-.312.264-.468.386-.825.646-1.677 1.14-2.506 1.386-.831.246-1.733.266-2.526-.19-.793-.455-1.227-1.242-1.428-2.082-.2-.837-.196-1.817-.047-2.85.029-.196.064-.395.103-.597a13.144 13.144 0 0 1-.57-.21c-.975-.388-1.83-.875-2.46-1.466C1.469 13.616 1 12.849 1 11.937c0-.91.468-1.678 1.099-2.271.628-.591 1.484-1.078 2.459-1.466.184-.073.374-.142.57-.21-.04-.202-.074-.4-.103-.595-.15-1.034-.153-2.015.047-2.852.201-.84.635-1.626 1.428-2.082.793-.455 1.695-.436 2.526-.19.83.247 1.681.74 2.506 1.386.156.122.312.251.468.386.156-.135.312-.264.468-.386.825-.645 1.677-1.14 2.506-1.385ZM7.06 16.416c-.022.118-.04.234-.056.348-.128.885-.11 1.597.013 2.108.121.507.319.726.482.82.163.094.452.155.955.006.506-.15 1.134-.49 1.84-1.044.092-.07.182-.145.274-.222a21.47 21.47 0 0 1-1.368-1.674 21.655 21.655 0 0 1-2.14-.342Zm9.878 0a21.63 21.63 0 0 1-2.141.342 21.474 21.474 0 0 1-1.368 1.674c.092.077.183.151.274.222.707.554 1.335.894 1.84 1.044.504.149.793.088.956-.006.163-.094.36-.313.482-.82.123-.51.141-1.223.013-2.108-.016-.114-.035-.23-.056-.348ZM12 16.911l-.114-.002.113.128.114-.127-.113.002Zm0-7.958c-.582 0-1.15.022-1.698.061a23.703 23.703 0 0 0-1.697 2.922 23.707 23.707 0 0 0 1.697 2.925 23.977 23.977 0 0 0 3.395 0 23.76 23.76 0 0 0 1.697-2.925 23.748 23.748 0 0 0-1.697-2.922A23.981 23.981 0 0 0 12 8.953Zm4.33 5.471c-.019.033-.04.066-.058.099l.168-.035-.054-.163c-.02.033-.037.067-.056.1Zm-8.77.064.168.034c-.02-.033-.04-.065-.058-.098-.02-.032-.038-.066-.057-.099l-.053.163Zm10.808-4.566a21.36 21.36 0 0 1-.772 2.015c.301.685.56 1.36.772 2.015.113-.04.224-.081.331-.124.835-.332 1.445-.704 1.828-1.065.381-.358.473-.638.473-.826 0-.187-.092-.467-.473-.825-.383-.361-.993-.733-1.828-1.065a10.848 10.848 0 0 0-.33-.125Zm-12.737 0c-.113.04-.223.082-.33.125-.835.332-1.445.704-1.828 1.065-.381.358-.473.638-.473.825 0 .188.092.468.473.826.383.361.993.733 1.828 1.065.107.043.217.084.33.124.212-.655.471-1.33.772-2.015-.301-.684-.56-1.36-.772-2.015Zm1.929-.535.053.161.057-.098.058-.097-.168.034Zm8.77.063.056.098.053-.16c-.055-.012-.111-.025-.168-.036l.06.098ZM8.455 4.178c-.503-.149-.792-.088-.955.006-.163.094-.36.312-.482.82-.123.51-.141 1.222-.013 2.108.016.114.035.23.056.347.676-.145 1.393-.26 2.14-.343.446-.602.904-1.163 1.368-1.674-.091-.077-.183-.15-.273-.22-.707-.554-1.335-.894-1.84-1.044Zm8.045.006c-.163-.094-.452-.155-.955-.006-.506.15-1.134.49-1.84 1.043-.091.071-.184.144-.275.22.464.512.922 1.073 1.368 1.675.747.083 1.464.198 2.14.343.021-.118.04-.233.057-.347.128-.886.11-1.597-.013-2.108-.121-.508-.319-.726-.482-.82Zm-4.613 2.78h.225A17.75 17.75 0 0 0 12 6.837l-.112.127Z"
       clipRule="evenodd"
     />
   </svg>

package/src/icons/app/CodeBlock.tsx

@@ -6,12 +6,12 @@ const SvgCodeBlock = (props: SVGProps<SVGSVGElement>) => (
     width="1em"
     height="1em"
     fill="none"
-    viewBox="0 0 24 25"
+    viewBox="0 0 24 24"
     {...props}
   >
     <path
       fill="currentColor"
-      d="m3.414 8.031 2.293-2.305-1.414-1.421L.586 8.03l3.707 3.727 1.414-1.422-2.293-2.305Zm6.172 0L7.293 5.726l1.414-1.421 3.707 3.726-3.707 3.727-1.414-1.422 2.293-2.305ZM14 5.016h4.001a3 3 0 0 1 3 2.999c.001 3.029.001 5.066 0 8.095a3 3 0 0 1-2.999 3H5.996a2.996 2.996 0 0 1-2.996-3v-3.047h2v3.036a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8.026a1 1 0 0 0-1-1h-4v-2.01Z"
+      d="m3.414 7.99 2.293-2.293-1.414-1.415L.586 7.99l3.707 3.707 1.414-1.414L3.414 7.99Zm6.172 0L7.293 5.697l1.414-1.415 3.707 3.708-3.707 3.707-1.414-1.414L9.586 7.99Zm4.414-3h4.001a3 3 0 0 1 3 2.998c.001 3 .001 5.023 0 8.024a3 3 0 0 1-2.999 2.998H5.996a2.996 2.996 0 0 1-2.996-3v-3.015h2v3.015a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7.99a1 1 0 0 0-1-1h-4v-2Z"
     />
   </svg>
 );

package/src/icons/app/ContactsRobot.tsx

@@ -11,7 +11,7 @@ const SvgContactsRobot = (props: SVGProps<SVGSVGElement>) => (
   >
     <path
       fill="currentColor"
-      d="M18 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a2 2 0 0 1-2-2v-1h2v-2H2v-2h3v-2H2v-2h3V9H2V7h3V5H3V4a2 2 0 0 1 2-2h13Zm-5 11a3 3 0 0 0-3 3h6a3 3 0 0 0-3-3Zm-1.5-5A1.5 1.5 0 0 0 10 9.5v.5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-.5A1.5 1.5 0 0 0 14.5 8h-3Zm.25 1a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Zm2.5 0a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Z"
+      d="M21 22H6a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h15v20ZM6 18a1 1 0 1 0 0 2h13v-2H6Zm6-7a3 3 0 0 0-3 3h6a3 3 0 0 0-3-3Zm-2-5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4Zm.75 1a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Zm2.5 0a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Z"
     />
   </svg>
 );

package/src/icons/app/ContactsUser.tsx

@@ -11,7 +11,7 @@ const SvgContactsUser = (props: SVGProps<SVGSVGElement>) => (
   >
     <path
       fill="currentColor"
-      d="M18 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a2 2 0 0 1-2-2v-1h2v-2H2v-2h3v-2H2v-2h3V9H2V7h3V5H3V4a2 2 0 0 1 2-2h13Zm-5 11a3 3 0 0 0-3 3h6a3 3 0 0 0-3-3Zm0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
+      d="M21 22H6a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h15v20Zm-2-2v-2H6a1 1 0 1 0 0 2h13Zm-7-10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm-3 4h6a3 3 0 1 0-6 0Z"
     />
   </svg>
 );

package/src/icons/app/Robot.tsx

@@ -11,7 +11,7 @@ const SvgRobot = (props: SVGProps<SVGSVGElement>) => (
   >
     <path
       fill="currentColor"
-      d="M12 14a8 8 0 0 1 8 8H4a8 8 0 0 1 8-8Zm1-11h4a3 3 0 0 1 3 3v2a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V6a3 3 0 0 1 3-3h4V2h2v1ZM8 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
+      d="M12 14a8 8 0 0 1 8 8H4a8 8 0 0 1 8-8Zm2-11h3a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h3V2h4v1ZM8 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
     />
   </svg>
 );

package/src/icons/app/SidebarLeftClose.tsx

@@ -9,12 +9,9 @@ const SvgSidebarLeftClose = (props: SVGProps<SVGSVGElement>) => (
     viewBox="0 0 24 24"
     {...props}
   >
-    <path fill="currentColor" d="m11 12 3-3v6l-3-3Z" />
     <path
       fill="currentColor"
-      fillRule="evenodd"
-      d="M5 21a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5Zm14-2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H9v14h10Z"
-      clipRule="evenodd"
+      d="M19 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14ZM5 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H5Zm4 12H6V7h3v10Zm4-2-3-3 3-3v6Z"
     />
   </svg>
 );

package/src/icons/app/SidebarLeftOpen.tsx

@@ -9,12 +9,9 @@ const SvgSidebarLeftOpen = (props: SVGProps<SVGSVGElement>) => (
     viewBox="0 0 24 24"
     {...props}
   >
-    <path fill="currentColor" d="m11 9 3 3-3 3V9Z" />
     <path
       fill="currentColor"
-      fillRule="evenodd"
-      d="M5 21a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5Zm14-2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H9v14h10Z"
-      clipRule="evenodd"
+      d="M19 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14ZM5 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H5Zm4 12H6V7h3v10Zm5-5-3 3V9l3 3Z"
     />
   </svg>
 );

package/src/icons/app/SidebarRightClose.tsx

@@ -9,12 +9,9 @@ const SvgSidebarRightClose = (props: SVGProps<SVGSVGElement>) => (
     viewBox="0 0 24 24"
     {...props}
   >
-    <path fill="currentColor" d="m13 12-3 3V9l3 3Z" />
     <path
       fill="currentColor"
-      fillRule="evenodd"
-      d="M19 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14ZM5 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10V5H5Z"
-      clipRule="evenodd"
+      d="M19 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14ZM5 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H5Zm13 12h-3V7h3v10Zm-4-5-3 3V9l3 3Z"
     />
   </svg>
 );

package/src/icons/app/SidebarRightOpen.tsx

@@ -9,12 +9,9 @@ const SvgSidebarRightOpen = (props: SVGProps<SVGSVGElement>) => (
     viewBox="0 0 24 24"
     {...props}
   >
-    <path fill="currentColor" d="m13 15-3-3 3-3v6Z" />
     <path
       fill="currentColor"
-      fillRule="evenodd"
-      d="M19 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14ZM5 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10V5H5Z"
-      clipRule="evenodd"
+      d="M19 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14ZM5 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H5Zm13 12h-3V7h3v10Zm-5-2-3-3 3-3v6Z"
     />
   </svg>
 );