@fibery/ui-kit 1.36.1 → 1.36.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @fibery/ui-kit
 
+## 1.36.2
+
+### Patch Changes
+
+- 651e6f2: add noColor option to TypeBadge
+- Updated dependencies [7976d88]
+  - @fibery/helpers@1.3.3
+  - @fibery/react@1.4.4
+
 ## 1.36.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.36.1",
+  "version": "1.36.2",
   "private": false,
   "license": "UNLICENSED",
   "dependencies": {
@@ -44,8 +44,8 @@
     "tabbable": "5.2.1",
     "ua-parser-js": "1.0.39",
     "@fibery/emoji-data": "2.6.1",
-    "@fibery/helpers": "1.3.2",
-    "@fibery/react": "1.4.3"
+    "@fibery/helpers": "1.3.3",
+    "@fibery/react": "1.4.4"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/scripts/generate-icons.mjs

@@ -82,7 +82,21 @@ for (const iconPath of iconPaths) {
           const {class: className, xmlns, ...rest} = node.properties ?? {};
           return {
             ...node,
-            properties: Object.fromEntries(Object.entries(rest).map(([key, value]) => [_.camelCase(key), value])),
+            properties: Object.fromEntries(
+              Object.entries(rest).map(([key, value]) => {
+                if (key === "style") {
+                  const style = {};
+                  value.split(";").forEach((styleItem) => {
+                    const [styleKey, styleValue] = styleItem.split(":").map((s) => s.trim());
+                    if (styleKey && styleValue) {
+                      style[_.camelCase(styleKey)] = styleValue;
+                    }
+                  });
+                  return [_.camelCase(key), style];
+                }
+                return [_.camelCase(key), value];
+              })
+            ),
           };
         }),
         name: _.kebabCase(name),

package/src/actions-menu/actions-menu-item.tsx

@@ -1,15 +1,15 @@
 import {stopPropagation} from "@fibery/react/src/stop-propagation";
 import {useCallbackRef} from "@fibery/react/src/use-callback-ref";
-import CheckedIcon from "../icons/react/Checked";
 import {css, cx} from "@linaria/core";
 import {FunctionComponent, memo, ReactNode, useId} from "react";
 import {border, colors, layout, lineHeight, space, textStyles, themeVars} from "../design-system";
+import CheckedIcon from "../icons/react/Checked";
 import {IconBaseProps} from "../icons/types";
 import {Spinner} from "../loaders";
 import {ShortcutBadge} from "../shortcut-badge";
 import {useTheme} from "../theme-provider";
-import {useActiveDangerousRow, useSetActiveDangerousRow} from "./contexts/actions-menu-dangerous-rows";
 import {useActionsMenuContext} from "./contexts/actions-menu-context";
+import {useActiveDangerousRow, useSetActiveDangerousRow} from "./contexts/actions-menu-dangerous-rows";
 
 const hiddenTextCss = css`
   visibility: hidden;

package/src/actions-menu/actions-menu-sub-command-menu.tsx

@@ -10,6 +10,7 @@ import {
   CommandMenuItem,
   CommandMenuList,
   CommandMenuRoot,
+  CommandMenuSeparator,
 } from "../command-menu";
 import {ActionsMenuSubMenu} from "./actions-menu-sub-menu";
 import {useActionsMenuContext} from "./contexts/actions-menu-context";
@@ -159,3 +160,5 @@ export const ActionsMenuSubCommandMenuItem: React.FC<React.ComponentPropsWithout
 export const ActionsMenuSubCommandMenuEmpty = CommandMenuEmpty;
 
 export const ActionsMenuSubCommandMenuGroup = CommandMenuGroup;
+
+export const ActionsMenuSubCommandMenuSeparator = CommandMenuSeparator;

package/src/beta-badge.tsx

@@ -0,0 +1,17 @@
+import {css} from "@linaria/core";
+import {fontWeight, space, textStyles, themeVars} from "./design-system";
+
+const betaBadgeStyle = css`
+  ${textStyles.heading7}
+  text-transform: none;
+  font-weight: ${fontWeight.medium};
+  display: inline-block;
+  padding: ${space.s2}px 4.5px ${space.s2}px 5px;
+  color: ${themeVars.colorAI};
+  background-color: ${themeVars.colorBgAI};
+  vertical-align: text-top;
+  border-radius: 4px;
+`;
+
+type Props = {children: React.ReactNode};
+export const BetaBadge: React.FC<Props> = ({children}) => <span className={betaBadgeStyle}>{children}</span>;

package/src/button/base-button.tsx

@@ -21,7 +21,7 @@ export const baseButton = css`
   cursor: pointer;
   user-select: none;
 
-  transition-property: border, background-color, color, opacity;
+  transition-property: border, background-color, color, opacity, box-shadow;
   transition-duration: 0.15s;
 
   color: var(--fibery-button-text-color);
@@ -29,7 +29,7 @@ export const baseButton = css`
 
   background-color: var(--fibery-button-color);
 
-  box-shadow: inset 0 0 0 0.5px var(--fibery-button-border-color);
+  box-shadow: 0 0 0 0.5px var(--fibery-button-border-color);
 
   &:hover:not(:disabled) {
     background-color: var(--fibery-button-hover-color);
@@ -90,7 +90,7 @@ const getColors = (variant: ButtonVariant, color: ButtonColor) => {
 
   if (variantMod === "Outline") {
     borderColors = {
-      "--fibery-button-border-color": themeVars[`colorBorderButton${variantMod}${colorMod}Default` as const],
+      "--fibery-button-border-color": themeVars[`colorBorderButton${variantMod}${colorMod}Default`],
     };
   }
 

package/src/command-menu/index.tsx

@@ -1,12 +1,12 @@
-import {CommandInput, CommandItem, CommandList, CommandGroup, CommandRoot, CommandEmpty, CommandSeparator} from "cmdk";
-import {border, layout, space, textStyles, themeVars} from "../design-system";
+import {useComposedRefs} from "@fibery/react/src/use-composed-refs";
+import {useControllableState} from "@fibery/react/src/use-controllable-state";
+import {css, cx} from "@linaria/core";
 import {styled} from "@linaria/react";
+import {CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandRoot, CommandSeparator} from "cmdk";
 import {forwardRef, useRef, useState} from "react";
-import Search from "../icons/react/Search";
-import {css, cx} from "@linaria/core";
+import {border, layout, space, textStyles, themeVars} from "../design-system";
 import ClearInputFilled from "../icons/react/ClearInputFilled";
-import {useComposedRefs} from "@fibery/react/src/use-composed-refs";
-import {useControllableState} from "@fibery/react/src/use-controllable-state";
+import Search from "../icons/react/Search";
 
 export const CommandMenuRoot = styled(CommandRoot)`
   display: flex;
@@ -101,7 +101,7 @@ export const CommandMenuGroup = styled(CommandGroup)`
     ${textStyles.small}
     display: flex;
     align-items: center;
-    padding: 0 ${space.s8}px;
+    padding: 0 ${space.s12}px;
     min-height: ${layout.groupTitleHeight}px;
     color: ${themeVars.accentTextColor};
   }
@@ -117,7 +117,7 @@ export const commandItemCss = css`
   display: flex;
   align-items: center;
   gap: ${space.s6}px;
-  padding: 0 ${space.s12}px;
+  padding: 0 ${space.s8}px;
   cursor: pointer;
   min-height: ${layout.menuItemHeight}px;
   margin: 0 ${space.s4}px;
@@ -128,6 +128,11 @@ export const commandItemCss = css`
     background-color: ${themeVars.colorBgActionsMenuItemHover};
   }
 `;
+
+const disabledItemCss = css`
+  cursor: not-allowed;
+`;
+
 const commandItemTitleCss = css`
   flex: 1 1 0;
   white-space: nowrap;
@@ -145,7 +150,7 @@ export const CommandMenuItem = forwardRef<
   const [showTitle, setShowTitle] = useState(false);
 
   return (
-    <CommandItem ref={ref} className={cx(commandItemCss, className)} {...props}>
+    <CommandItem ref={ref} className={cx(commandItemCss, className, props.disabled && disabledItemCss)} {...props}>
       {icon}
       <span
         title={showTitle ? (children as string) : ""}

package/src/command-menu/nested-command-menu.tsx

@@ -40,6 +40,7 @@ export type NestedMenuItem<T> = {
   emptyMessage?: string;
   calculateNestedItems?: () => Array<NestedMenuItem<T>>;
   kind?: "separator" | "group";
+  showNestedItemsOnClick?: boolean;
 };
 
 export type NestedMenuStack<T> = Array<{
@@ -287,7 +288,13 @@ function renderLevel<T>({
         <NestedCommandMenuItem
           key={item.key}
           value={item.key}
-          onSelect={() => onCmdkItemSelect(item)}
+          onSelect={() => {
+            if (item.showNestedItemsOnClick) {
+              onGoToRelation(item.key);
+            } else {
+              onCmdkItemSelect(item);
+            }
+          }}
           asChild
           className={cn(
             css`

package/src/context-menu/index.tsx

@@ -18,7 +18,7 @@ export const rowItemStyles = {
   minHeight: layout.menuItemHeight,
   outline: "none",
   borderRadius: border.radius0,
-  padding: `0px ${space.s12}px`,
+  padding: `0px ${space.s8}px`,
   margin: `0px ${space.s4}px`,
   cursor: "pointer",
 
@@ -101,8 +101,8 @@ export const Item = styled(ContextMenuPrimitive.Item)`
 
 export const Separator = styled(ContextMenuPrimitive.Separator)`
   ${{
-    backgroundColor: themeVars.separatorColor,
-    height: 1,
+    backgroundColor: themeVars.actionMenuSeparatorColor,
+    height: 0.5,
     margin: `${space.s4}px 0`,
   }}
 `;

package/src/design-system.ts

@@ -34,6 +34,8 @@ export const fontWeight = {
 
 const transparent = "rgba(255, 255, 255, 0)";
 
+export const minPanelWidth = 490;
+
 export const opacity = {
   opacity100: 1,
   opacity95: 0.95,
@@ -254,15 +256,15 @@ export const themeColors = {
   disabledTextColor: [slate.slate9, slateDark.slate9],
   inversedTextColor: [slate.slate3, slateDark.slate6],
   colorTextSecondary: [getOpacities(slate.slate12).opacity70, getOpacities(slateDark.slate12).opacity65],
-  linkColor: [indigoDark.indigo10, indigoDark.indigo11],
+  linkColor: [indigoDark.indigo10, indigoDark.indigo10],
   linkBorder: [
-    `1px solid ${getOpacities(indigoDark.indigo10).opacity20}`,
-    `1px solid ${getOpacities(indigoDark.indigo11).opacity40}`,
+    `0.5px solid ${getOpacities(indigoDark.indigo10).opacity40}`,
+    `0.5px solid ${getOpacities(indigoDark.indigo11).opacity40}`,
   ],
-  linkHoverColor: [indigo.indigo10, indigoDark.indigo10],
+  linkHoverColor: [indigo.indigo10, indigoDark.indigo11],
   linkBorderHover: [
-    `1px solid ${getOpacities(indigo.indigo10).opacity80}`,
-    `1px solid ${getOpacities(indigoDark.indigo10).opacity80}`,
+    `0.5px solid ${getOpacities(indigo.indigo10).opacity80}`,
+    `0.5px solid ${getOpacities(indigoDark.indigo10).opacity70}`,
   ],
   codeColor: [red.red9, red.red8],
   codeBgColor: [slate.slate3, slateDark.slate4],
@@ -271,19 +273,19 @@ export const themeColors = {
   // Entity
   entityNodeColor: [slateDark.slate3, slate.slate8],
   entityNodeBorder: [
-    `1px solid ${getOpacities(slateDark.slate3).opacity30}`,
-    `1px solid ${getOpacities(slate.slate8).opacity40}`,
+    `0.5px solid ${getOpacities(slateDark.slate3).opacity30}`,
+    `0.5px solid ${getOpacities(slate.slate8).opacity40}`,
   ],
   entityNodeHoverColor: [slateDark.slate7, slate.slate7],
   entityNodeBorderHover: [
-    `1px solid ${getOpacities(slate.slate11).opacity80}`,
-    `1px solid ${getOpacities(slate.slate7).opacity80}`,
+    `0.5px solid ${getOpacities(slate.slate11).opacity80}`,
+    `0.5px solid ${getOpacities(slate.slate7).opacity80}`,
   ],
   entityNodeBgColor: [slate.slate2, slateDark.slate3],
   shortcutTextColor: [slate.slate9, slateDark.slate11],
   shortcutBorderColor: [
-    `1px solid ${getOpacities(slate.slate8).opacity50}`,
-    `1px solid ${getOpacities(slateDark.slate10).opacity20}`,
+    `0.5px solid ${getOpacities(slate.slate8).opacity50}`,
+    `0.5px solid ${getOpacities(slateDark.slate10).opacity20}`,
   ],
 
   // Input
@@ -459,7 +461,7 @@ export const themeColors = {
 
   colorBgMenuHeaderAvatar: [whiteA.whiteA0, slateDark.slate2],
   shadowMenuHeaderAvatar: [
-    `0px 1px 4px ${getOpacities(slate.slate11).opacity10}, 0 0 0 1px ${getOpacities(slate.slate5).opacity50}`,
+    `0px 1px 4px ${getOpacities(slate.slate11).opacity10}, 0 0 0 0.5px ${getOpacities(slate.slate5).opacity50}`,
     `0 0 0 1px ${getOpacities(slateDark.slate9).opacity20}`,
   ],
   // Main Menu Items Styles and States
@@ -498,9 +500,11 @@ export const themeColors = {
   unitBgHover: [slate.slate4, slateDark.slate7],
 
   // Badges
+  colorBgBadgeNeutral: [getOpacities(indigo.indigo4).opacity90, getOpacities(indigoDark.indigo4).opacity80],
   colorBgBadgeSuccess: [teal.teal5, tealDark.teal5],
   colorBgBadgeWarning: [yellow.yellow5, yellowDark.yellow5],
   colorBgBadgeError: [red.red5, redDark.red5],
+  colorTextBadgeNeutral: [indigo.indigo11, indigoDark.indigo11],
   colorTextBadgeSuccess: [teal.teal11, tealDark.teal11],
   colorTextBadgeWarning: [yellow.yellow11, yellowDark.yellow11],
   colorTextBadgeError: [red.red11, redDark.red11],
@@ -970,7 +974,7 @@ export const space = {
 export const spaceNestedTreeLevel = 12;
 export const spaceNestedTreeInterval = 0;
 export const layout = {
-  logoSize: 15,
+  logoSize: 18,
   menuDefaultWidth: 243,
   desktopToolbarHeight: 32,
   desktopMenuMinWidth: 240,

package/src/dropdown-menu/index.tsx

@@ -18,7 +18,7 @@ const rowItemStyles = {
   minHeight: layout.menuItemHeight,
   outline: "none",
   borderRadius: border.radius6,
-  padding: `0px ${space.s12}px`,
+  padding: `0px ${space.s8}px`,
   margin: `0px ${space.s4}px`,
   cursor: "pointer",
 

package/src/format-date-from-now.ts

@@ -9,7 +9,7 @@ moment.locale("en-for-comments", {
     s: "seconds",
     ss: "%ss",
     m: "a minute",
-    mm: "%dm",
+    mm: "%d min",
     h: "an hour",
     hh: "%dh",
     d: "a day",

package/src/icons/ast/Anthropic.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Anthropic: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"g","properties":{"clipPath":"url(#Anthropic__a)"},"children":[{"type":"element","tagName":"mask","properties":{"id":"Anthropic__b","maskUnits":"userSpaceOnUse","x":0,"y":0,"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M20 10c0-5.523-4.477-10-10-10S0 4.477 0 10s4.477 10 10 10 10-4.477 10-10Z","fill":"#fff"},"children":[]}]},{"type":"element","tagName":"g","properties":{"mask":"url(#Anthropic__b)"},"children":[{"type":"element","tagName":"path","properties":{"d":"m3.908 13.296 3.945-2.206.066-.192-.066-.106H7.66l-.66-.04-2.254-.061-1.954-.081-1.894-.101-.477-.102-.447-.587.046-.293.4-.268.574.05 1.27.086 1.903.132 1.381.08 2.046.213h.325l.045-.131-.11-.081-.088-.081-1.97-1.33-2.13-1.407-1.117-.81-.604-.41-.305-.384-.132-.84.548-.602.737.05.187.051.747.572 1.594 1.23 2.08 1.526.304.253.122-.086.015-.06-.137-.228-1.132-2.04L5.365 2.94l-.538-.86-.142-.517A2.5 2.5 0 0 1 4.6.956l.624-.845L5.568 0l.833.111.35.304.518 1.179.837 1.857 1.3 2.524.38.749.204.693.076.213h.132v-.122l.107-1.421.197-1.746.193-2.246.066-.633.315-.759.624-.41.488.233.4.572-.055.37-.239 1.542-.467 2.419-.304 1.619h.178l.203-.203.822-1.087 1.38-1.72.61-.684.71-.753.457-.36h.863l.635.941-.284.972-.889 1.123-.736.951-1.056 1.417-.66 1.133.061.091.158-.015 2.386-.506 1.29-.233 1.537-.263.696.324.076.329-.274.673-1.645.405-1.93.384-2.872.678-.036.025.04.051 1.295.121.553.03h1.356l2.523.188.66.435.396.531-.066.405-1.015.516-1.37-.324-3.199-.759-1.097-.273h-.152v.091l.914.89 1.675 1.508 2.097 1.943.106.48-.269.38-.284-.04-1.843-1.381-.71-.623-1.61-1.35h-.106v.141l.37.541 1.96 2.935.101.9-.142.294-.508.177-.558-.101-1.147-1.604-1.183-1.806-.954-1.62-.117.067-.564 6.046-.264.308-.609.233-.507-.384-.27-.623.27-1.23.324-1.603.264-1.275.24-1.584.141-.526-.01-.035-.117.015-1.198 1.64-1.822 2.453-1.442 1.538-.345.137-.6-.309.057-.551.335-.491 1.995-2.53L8 13.074l.777-.906-.006-.132h-.045l-5.3 3.43-.944.122-.406-.38.05-.622.193-.202 1.594-1.093-.005.005Z","fill":"#D97757"},"children":[]}]}]},{"type":"element","tagName":"defs","properties":{},"children":[{"type":"element","tagName":"clipPath","properties":{"id":"Anthropic__a"},"children":[{"type":"element","tagName":"path","properties":{"fill":"#fff","d":"M0 0h20v20H0z"},"children":[]}]}]}],"metadata":""}]},"name":"anthropic"};
+
+export default Anthropic;

package/src/icons/ast/Csv.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Csv: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M11.742 1.5a.75.75 0 0 1 .53.219l4.504 4.497c.141.14.221.332.221.531v3.194L17 10c0 .02-.002.039-.003.058v3.883L17 14c0 .02-.002.039-.003.058v1.692a2.75 2.75 0 0 1-2.749 2.75H5.745a2.749 2.749 0 0 1-2.748-2.75V4.25c0-1.519 1.23-2.75 2.748-2.75h5.997ZM8.75 17h5.498c.69 0 1.25-.56 1.25-1.25v-1H8.75V17Zm-4.254-1.25c0 .69.56 1.25 1.25 1.25H7.25v-2.25H4.496v1Zm4.254-2.5h6.747v-2.5H8.75v2.5Zm-4.254 0H7.25v-2.5H4.496v2.5ZM5.746 3c-.69 0-1.25.56-1.25 1.25v5h11.001V7.497h-2.922a1.583 1.583 0 0 1-1.582-1.584V3H5.745Zm6.746 2.913a.084.084 0 0 0 .083.084h1.86l-1.943-1.94v1.856Z"},"children":[]}],"metadata":""}]},"name":"csv"};
+
+export default Csv;

package/src/icons/ast/FiberyMono.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const FiberyMono: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M16.735 6.544a1.788 1.788 0 0 1 .644 2.112 1.764 1.764 0 0 1-.758.888l-9.98 5.826a1.733 1.733 0 0 1-2.16-.328 1.778 1.778 0 0 1-.161-2.201l6.493-9.628a1.734 1.734 0 0 1 2.387-.407 1.786 1.786 0 0 1 .504 2.394l-3.74 5.557 3.519-4.354 2.135-.162c.396-.03.79.077 1.117.303ZM9.575 4.64l-1.15-1.252a1.733 1.733 0 0 0-2.157-.329c-.343.2-.609.513-.753.886-.145.373-.16.785-.044 1.168l.45 1.477 1.41.28-3.22.242a1.74 1.74 0 0 0-1.056.471 1.785 1.785 0 0 0-.318 2.181c.199.346.508.614.877.76l1.54.61 4.42-6.494Zm5.584 6.086-6.777 3.93.482 1.592c.137.45.445.826.856 1.046.411.22.892.266 1.337.128a1.76 1.76 0 0 0 1.034-.866c.218-.415.263-.902.127-1.351l-.288-.944-1.078-.866 3.497 1.386c.368.144.775.157 1.152.038a1.75 1.75 0 0 0 .926-.694 1.784 1.784 0 0 0-.162-2.195l-1.106-1.204Z"},"children":[]}],"metadata":""}]},"name":"fibery-mono"};
+const FiberyMono: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m12.231 15.323.207.675c.15.493.1 1.026-.138 1.482a1.931 1.931 0 0 1-1.708 1.037c-.411 0-.813-.132-1.144-.38a1.948 1.948 0 0 1-.699-.992l-.4-1.31 2.096-1.223 1.786.71ZM12.115 2.043c.489-.083.992.028 1.402.31.41.282.697.714.8 1.204.103.491.014 1.003-.247 1.43L6.931 15.583a1.907 1.907 0 0 1-2.583.569 1.936 1.936 0 0 1-.705-.755 1.963 1.963 0 0 1 .109-2L10.89 2.8a1.922 1.922 0 0 1 1.224-.758ZM16.18 11.906c.418.166.765.474.981.87a1.965 1.965 0 0 1-.457 2.44 1.912 1.912 0 0 1-1.226.448c-.24.003-.48-.041-.705-.129l-3.516-1.397 4.27-2.49.654.258ZM16.494 6.139a1.928 1.928 0 0 1 1.498.966c.256.447.325.978.192 1.477a1.944 1.944 0 0 1-.897 1.181l-9.14 5.334 5.93-8.8 2.098-.16a1.91 1.91 0 0 1 .32.002ZM4.53 10.923l-.708.053a1.913 1.913 0 0 1-1.481-.539 1.96 1.96 0 0 1-.099-2.7 1.916 1.916 0 0 1 1.292-.642l3.767-.286-2.771 4.114ZM6.927 2.377c.51.02.993.243 1.34.622l.924 1.006-1.407 2.09-1.804.14-.538-.588a1.96 1.96 0 0 1 .103-2.752 1.914 1.914 0 0 1 1.382-.518Z"},"children":[]}],"metadata":""}]},"name":"fibery-mono"};
 
 export default FiberyMono;

package/src/icons/ast/OpenAi.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const OpenAi: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":18,"height":18},"children":[{"type":"element","tagName":"mask","properties":{"id":"OpenAi__a","maskUnits":"userSpaceOnUse","x":0,"y":0,"width":18,"height":18},"children":[{"type":"element","tagName":"path","properties":{"d":"M0 0h18v18H0V0Z","style":{"fill":"var(--open-ai-icon-color1, white)"}},"children":[]}]},{"type":"element","tagName":"g","properties":{"mask":"url(#OpenAi__a)"},"children":[{"type":"element","tagName":"path","properties":{"d":"M16.71 7.367a4.48 4.48 0 0 0-.386-3.683 4.535 4.535 0 0 0-4.884-2.176A4.5 4.5 0 0 0 8.057 0 4.54 4.54 0 0 0 3.73 3.14a4.5 4.5 0 0 0-3 2.175 4.54 4.54 0 0 0 .559 5.318 4.48 4.48 0 0 0 .386 3.683 4.535 4.535 0 0 0 4.885 2.176A4.48 4.48 0 0 0 9.943 18a4.54 4.54 0 0 0 4.328-3.142 4.5 4.5 0 0 0 2.998-2.175 4.54 4.54 0 0 0-.56-5.315Zm-6.766 9.456a3.36 3.36 0 0 1-2.16-.78l.107-.06 3.584-2.07a.581.581 0 0 0 .295-.51V8.348l1.515.875a.05.05 0 0 1 .029.041v4.185a3.377 3.377 0 0 1-3.37 3.374Zm-7.247-3.096a3.36 3.36 0 0 1-.402-2.26l.106.063 3.584 2.07a.58.58 0 0 0 .589 0l4.376-2.527v1.75a.06.06 0 0 1-.022.047l-3.623 2.092a3.377 3.377 0 0 1-4.608-1.235Zm-.944-7.824A3.36 3.36 0 0 1 3.51 4.425l-.002.124v4.14a.58.58 0 0 0 .294.51l4.376 2.526-1.515.875a.05.05 0 0 1-.05.005L2.987 10.51a3.377 3.377 0 0 1-1.235-4.606ZM14.2 8.8 9.825 6.274l1.514-.875a.05.05 0 0 1 .052-.004l3.623 2.092a3.373 3.373 0 0 1-.52 6.087V9.31a.579.579 0 0 0-.293-.51m1.508-2.269-.107-.063-3.584-2.07a.58.58 0 0 0-.59 0L7.053 6.924V5.175a.06.06 0 0 1 .02-.047l3.624-2.09a3.373 3.373 0 0 1 5.01 3.493m-9.478 3.12-1.515-.876a.05.05 0 0 1-.03-.041V4.548a3.374 3.374 0 0 1 5.533-2.59l-.107.06-3.584 2.07a.58.58 0 0 0-.295.51L6.228 9.65Zm.823-1.775L9 6.75l1.948 1.125v2.251l-1.95 1.124-1.948-1.125V7.876Z","style":{"fill":"var(--open-ai-icon-color2, black)"}},"children":[]}]}],"metadata":""}]},"name":"open-ai"};
+
+export default OpenAi;

package/src/icons/ast/SpaceList.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SpaceList: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 4.25A2.25 2.25 0 0 1 4.25 2H7a2.25 2.25 0 0 1 2.25 2.25V7A2.25 2.25 0 0 1 7 9.25H4.25A2.25 2.25 0 0 1 2 7V4.25Zm1.5 0a.75.75 0 0 1 .75-.75H7a.75.75 0 0 1 .75.75V7a.75.75 0 0 1-.75.75H4.25A.75.75 0 0 1 3.5 7V4.25Zm9.5 6.5A2.25 2.25 0 0 0 10.75 13v2.75A2.25 2.25 0 0 0 13 18h2.75A2.25 2.25 0 0 0 18 15.75V13a2.25 2.25 0 0 0-2.25-2.25H13Zm0 1.5a.75.75 0 0 0-.75.75v2.75c0 .414.336.75.75.75h2.75a.75.75 0 0 0 .75-.75V13a.75.75 0 0 0-.75-.75H13ZM7.195 10.9a2.22 2.22 0 0 0-3.14 0L2.15 12.805a2.22 2.22 0 0 0 0 3.14l1.905 1.905a2.22 2.22 0 0 0 3.14 0L9.1 15.945a2.22 2.22 0 0 0 0-3.14L7.195 10.9Zm-1.061 1.06a.72.72 0 0 0-1.018 0l-1.905 1.906a.72.72 0 0 0 0 1.018l1.905 1.905a.72.72 0 0 0 1.018 0l1.905-1.905a.72.72 0 0 0 0-1.018l-1.905-1.905ZM16.5 5.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm1.5 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"},"children":[]}],"metadata":""}]},"name":"space-list"};
+
+export default SpaceList;

package/src/icons/ast/SuggestIntegration.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SuggestIntegration: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":18,"height":18,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M4.275 2.025A2.475 2.475 0 0 0 1.8 4.5v7.12a2.475 2.475 0 0 0 2.475 2.475h4.3l3.799 2.237a.675.675 0 0 0 1.017-.582v-1.655h.784a2.475 2.475 0 0 0 2.475-2.475V4.68a2.655 2.655 0 0 0-2.655-2.655h-9.72ZM3.15 4.5c0-.621.504-1.125 1.125-1.125h9.72c.72 0 1.305.584 1.305 1.305v6.94c0 .621-.504 1.125-1.125 1.125h-1.459a.675.675 0 0 0-.675.675v1.15l-2.939-1.732a.675.675 0 0 0-.343-.093H4.275A1.125 1.125 0 0 1 3.15 11.62V4.5ZM9 5.4c.373 0 .675.302.675.675v1.35h1.35a.675.675 0 1 1 0 1.35h-1.35v1.35a.675.675 0 0 1-1.35 0v-1.35h-1.35a.675.675 0 0 1 0-1.35h1.35v-1.35c0-.373.302-.675.675-.675Z"},"children":[]}],"metadata":""}]},"name":"suggest-integration"};
+
+export default SuggestIntegration;

package/src/icons/ast/index.tsx

@@ -15,6 +15,7 @@ export { default as AiAssistant } from './AiAssistant';
 export { default as AiAvatar } from './AiAvatar';
 export { default as AiSearch } from './AiSearch';
 export { default as AlertTriangle } from './AlertTriangle';
+export { default as Anthropic } from './Anthropic';
 export { default as AppDetails } from './AppDetails';
 export { default as AppStoreOneColor } from './AppStoreOneColor';
 export { default as AppStore } from './AppStore';
@@ -81,6 +82,7 @@ export { default as Copy } from './Copy';
 export { default as Create } from './Create';
 export { default as CreditsFilled } from './CreditsFilled';
 export { default as CrossCircle } from './CrossCircle';
+export { default as Csv } from './Csv';
 export { default as DatabaseOff } from './DatabaseOff';
 export { default as DatabaseStroke } from './DatabaseStroke';
 export { default as Database } from './Database';
@@ -197,6 +199,7 @@ export { default as ObjO2O } from './ObjO2O';
 export { default as ObjParent } from './ObjParent';
 export { default as ObjSelf } from './ObjSelf';
 export { default as OnSchedule } from './OnSchedule';
+export { default as OpenAi } from './OpenAi';
 export { default as OpenAsPage } from './OpenAsPage';
 export { default as PageRegularMode } from './PageRegularMode';
 export { default as PageWideMode } from './PageWideMode';
@@ -292,8 +295,10 @@ export { default as SmartFolder } from './SmartFolder';
 export { default as SortOnBottom } from './SortOnBottom';
 export { default as SortOnTop } from './SortOnTop';
 export { default as Sort } from './Sort';
+export { default as SpaceList } from './SpaceList';
 export { default as Spinner } from './Spinner';
 export { default as Success } from './Success';
+export { default as SuggestIntegration } from './SuggestIntegration';
 export { default as Template } from './Template';
 export { default as Templates } from './Templates';
 export { default as Terminal } from './Terminal';

package/src/icons/react/Anthropic.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import AnthropicSvg from '../ast/Anthropic';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Anthropic = forwardRef<SVGSVGElement, IconBaseProps>(function Anthropic(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={AnthropicSvg} />});
+
+export default Anthropic;

package/src/icons/react/Csv.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import CsvSvg from '../ast/Csv';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Csv = forwardRef<SVGSVGElement, IconBaseProps>(function Csv(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={CsvSvg} />});
+
+export default Csv;

package/src/icons/react/OpenAi.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import OpenAiSvg from '../ast/OpenAi';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const OpenAi = forwardRef<SVGSVGElement, IconBaseProps>(function OpenAi(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={OpenAiSvg} />});
+
+export default OpenAi;

package/src/icons/react/SpaceList.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import SpaceListSvg from '../ast/SpaceList';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const SpaceList = forwardRef<SVGSVGElement, IconBaseProps>(function SpaceList(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={SpaceListSvg} />});
+
+export default SpaceList;

package/src/icons/react/SuggestIntegration.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import SuggestIntegrationSvg from '../ast/SuggestIntegration';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const SuggestIntegration = forwardRef<SVGSVGElement, IconBaseProps>(function SuggestIntegration(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={SuggestIntegrationSvg} />});
+
+export default SuggestIntegration;

package/src/icons/react/index.tsx

@@ -15,6 +15,7 @@ export { default as AiAssistant } from './AiAssistant';
 export { default as AiAvatar } from './AiAvatar';
 export { default as AiSearch } from './AiSearch';
 export { default as AlertTriangle } from './AlertTriangle';
+export { default as Anthropic } from './Anthropic';
 export { default as AppDetails } from './AppDetails';
 export { default as AppStoreOneColor } from './AppStoreOneColor';
 export { default as AppStore } from './AppStore';
@@ -81,6 +82,7 @@ export { default as Copy } from './Copy';
 export { default as Create } from './Create';
 export { default as CreditsFilled } from './CreditsFilled';
 export { default as CrossCircle } from './CrossCircle';
+export { default as Csv } from './Csv';
 export { default as DatabaseOff } from './DatabaseOff';
 export { default as DatabaseStroke } from './DatabaseStroke';
 export { default as Database } from './Database';
@@ -197,6 +199,7 @@ export { default as ObjO2O } from './ObjO2O';
 export { default as ObjParent } from './ObjParent';
 export { default as ObjSelf } from './ObjSelf';
 export { default as OnSchedule } from './OnSchedule';
+export { default as OpenAi } from './OpenAi';
 export { default as OpenAsPage } from './OpenAsPage';
 export { default as PageRegularMode } from './PageRegularMode';
 export { default as PageWideMode } from './PageWideMode';
@@ -292,8 +295,10 @@ export { default as SmartFolder } from './SmartFolder';
 export { default as SortOnBottom } from './SortOnBottom';
 export { default as SortOnTop } from './SortOnTop';
 export { default as Sort } from './Sort';
+export { default as SpaceList } from './SpaceList';
 export { default as Spinner } from './Spinner';
 export { default as Success } from './Success';
+export { default as SuggestIntegration } from './SuggestIntegration';
 export { default as Template } from './Template';
 export { default as Templates } from './Templates';
 export { default as Terminal } from './Terminal';

package/src/icons/svg/anthropic.svg

@@ -0,0 +1,15 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10165_54307)">
+<mask id="mask0_10165_54307" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+<path d="M20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_10165_54307)">
+<path d="M3.90812 13.296L7.85312 11.09L7.91912 10.898L7.85312 10.792H7.66012L7.00012 10.752L4.74612 10.691L2.79212 10.61L0.898121 10.509L0.421121 10.407L-0.0258789 9.82L0.0201211 9.527L0.420121 9.259L0.994121 9.309L2.26412 9.395L4.16712 9.527L5.54812 9.607L7.59412 9.82H7.91912L7.96412 9.689L7.85312 9.608L7.76612 9.527L5.79612 8.197L3.66612 6.79L2.54912 5.98L1.94512 5.57L1.64012 5.186L1.50812 4.346L2.05612 3.744L2.79312 3.794L2.98012 3.845L3.72712 4.417L5.32112 5.647L7.40012 7.173L7.70512 7.426L7.82712 7.34L7.84212 7.28L7.70512 7.052L6.57312 5.012L5.36512 2.94L4.82712 2.08L4.68512 1.563C4.63166 1.36496 4.60278 1.1611 4.59912 0.956L5.22312 0.111L5.56812 0L6.40112 0.111L6.75112 0.415L7.26912 1.594L8.10612 3.451L9.40612 5.975L9.78612 6.724L9.99012 7.417L10.0661 7.63H10.1981V7.508L10.3051 6.087L10.5021 4.341L10.6951 2.095L10.7611 1.462L11.0761 0.703L11.7001 0.293L12.1881 0.526L12.5881 1.098L12.5331 1.468L12.2941 3.01L11.8271 5.429L11.5231 7.048H11.7011L11.9041 6.845L12.7261 5.758L14.1061 4.038L14.7161 3.354L15.4261 2.601L15.8831 2.241H16.7461L17.3811 3.182L17.0971 4.154L16.2081 5.277L15.4721 6.228L14.4161 7.645L13.7561 8.778L13.8171 8.869L13.9751 8.854L16.3611 8.348L17.6501 8.115L19.1881 7.852L19.8841 8.176L19.9601 8.505L19.6861 9.178L18.0411 9.583L16.1111 9.967L13.2391 10.645L13.2031 10.67L13.2431 10.721L14.5381 10.842L15.0911 10.872H16.4471L18.9701 11.06L19.6301 11.495L20.0261 12.026L19.9601 12.431L18.9451 12.947L17.5741 12.623L14.3761 11.864L13.2791 11.591H13.1271V11.682L14.0411 12.572L15.7161 14.08L17.8131 16.023L17.9191 16.503L17.6501 16.883L17.3661 16.843L15.5231 15.462L14.8131 14.839L13.2031 13.489H13.0971V13.63L13.4671 14.171L15.4271 17.106L15.5281 18.006L15.3861 18.3L14.8781 18.477L14.3201 18.376L13.1731 16.772L11.9901 14.966L11.0361 13.346L10.9191 13.413L10.3551 19.459L10.0911 19.767L9.48212 20L8.97512 19.616L8.70512 18.993L8.97512 17.763L9.29912 16.16L9.56312 14.885L9.80212 13.301L9.94412 12.775L9.93412 12.74L9.81712 12.755L8.61912 14.395L6.79712 16.848L5.35512 18.386L5.01012 18.523L4.41012 18.214L4.46712 17.663L4.80212 17.172L6.79712 14.642L8.00012 13.074L8.77712 12.168L8.77112 12.036H8.72612L3.42612 15.466L2.48212 15.588L2.07612 15.208L2.12612 14.586L2.31912 14.384L3.91312 13.291L3.90812 13.296Z" fill="#D97757"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_10165_54307">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/icons/svg/csv.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7422 1.5C11.9405 1.5 12.131 1.5787 12.2715 1.71875L16.7764 6.21582C16.9173 6.35652 16.9971 6.54787 16.9971 6.74707V9.94141C16.9986 9.96076 17 9.98026 17 10C17 10.0194 16.9985 10.0386 16.9971 10.0576V13.9414C16.9986 13.9608 17 13.9803 17 14C17 14.0194 16.9985 14.0386 16.9971 14.0576V15.75C16.9971 17.2687 15.766 18.4999 14.248 18.5H5.74512C4.22716 18.4999 2.99708 17.2687 2.99707 15.75V4.25C2.99707 2.73127 4.22713 1.50008 5.74512 1.5H11.7422ZM8.75 17H14.248C14.938 16.9999 15.4971 16.4403 15.4971 15.75V14.75H8.75V17ZM4.49609 15.75C4.4961 16.4403 5.05519 16.9999 5.74512 17H7.25V14.75H4.49609V15.75ZM8.75 13.25H15.4971V10.75H8.75V13.25ZM4.49609 13.25H7.25V10.75H4.49609V13.25ZM5.74512 3C5.05516 3.00008 4.49609 3.55969 4.49609 4.25V9.25H15.4971V7.49707H12.5752C12.1555 7.49702 11.7528 7.33009 11.4561 7.0332C11.1593 6.73627 10.9932 6.33301 10.9932 5.91309V3H5.74512ZM12.4922 5.91309C12.4922 5.93519 12.501 5.95703 12.5166 5.97266C12.5322 5.98808 12.5533 5.99702 12.5752 5.99707H14.4346L12.4922 4.05762V5.91309Z" />
+</svg>

package/src/icons/svg/fibery-mono.svg

@@ -1,3 +1,8 @@
 <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.7346 6.54387C17.062 6.76961 17.3041 7.10092 17.4212 7.4837C17.5392 7.86791 17.5243 8.28131 17.3788 8.65577C17.2334 9.03024 16.9661 9.34344 16.621 9.54377L6.64047 15.3697C6.29717 15.5705 5.89658 15.6474 5.50438 15.5878C5.11218 15.5282 4.75164 15.3357 4.48188 15.0417C4.21212 14.7478 4.04914 14.3699 4.01966 13.97C3.99019 13.5701 4.09597 13.1719 4.31966 12.8408L10.8126 3.21274C11.082 2.84688 11.4807 2.60034 11.9255 2.52458C12.3703 2.44882 12.8269 2.5497 13.1999 2.80616C13.5729 3.06262 13.8335 3.45484 13.9274 3.90095C14.0212 4.34706 13.941 4.81257 13.7035 5.20032L9.96386 10.7574L13.4827 6.40339L15.6185 6.24088C16.0137 6.21133 16.4071 6.31814 16.7346 6.54387ZM9.57414 4.64029L8.42587 3.38811C8.1563 3.09429 7.79604 2.90173 7.40409 2.84196C7.01214 2.7822 6.61174 2.85877 6.26846 3.05914C5.92517 3.25951 5.65936 3.57181 5.51455 3.94487C5.36974 4.31794 5.35451 4.72967 5.47137 5.11263L5.92119 6.59045L7.3308 6.86989L4.11149 7.1119C3.71665 7.14351 3.3441 7.30964 3.05476 7.58312C2.76543 7.85661 2.57644 8.22126 2.5187 8.61744C2.46095 9.01363 2.53788 9.4179 2.73689 9.76414C2.93589 10.1104 3.24521 10.3781 3.61425 10.5235L5.15337 11.1338L9.57414 4.64029ZM15.1594 10.7258L8.38195 14.6554L8.86415 16.2478C9.00093 16.6974 9.30876 17.0737 9.71993 17.2938C10.1311 17.5139 10.6119 17.5599 11.0566 17.4216C11.5013 17.2833 11.8734 16.9721 12.0912 16.5564C12.3089 16.1406 12.3544 15.6545 12.2176 15.2049L11.9297 14.2614L10.8519 13.395L14.3488 14.7805C14.7175 14.9247 15.1236 14.9384 15.501 14.8193C15.8784 14.7003 16.2048 14.4556 16.427 14.125C16.6492 13.7944 16.7541 13.3975 16.7247 12.9989C16.6952 12.6003 16.5332 12.2236 16.2649 11.93L15.1594 10.7258Z" />
+    <path d="M12.2313 15.3227L12.4376 15.9978C12.5876 16.4909 12.5385 17.0242 12.3001 17.4804C12.0616 17.9366 11.6532 18.2782 11.1655 18.4305C10.9798 18.4879 10.7867 18.5172 10.5925 18.517C10.1807 18.5177 9.7792 18.3846 9.44753 18.1378C9.11593 17.8908 8.87117 17.5427 8.7495 17.1449L8.34944 15.8343L10.4446 14.6122L12.2313 15.3227Z" />
+    <path d="M12.1146 2.04344C12.6039 1.9601 13.1066 2.07075 13.517 2.35286C13.9271 2.63494 14.2139 3.06662 14.3171 3.55723C14.4203 4.04796 14.3314 4.5601 14.0702 4.98663L6.93149 15.5832C6.7548 15.8453 6.51722 16.0603 6.23971 16.2083C5.9621 16.3563 5.65231 16.433 5.33852 16.4323C4.98969 16.4314 4.64735 16.3344 4.34877 16.152C4.05028 15.9696 3.8065 15.7084 3.64345 15.3967C3.4804 15.0849 3.40469 14.7341 3.42362 14.3819C3.44262 14.0297 3.55612 13.6884 3.7518 13.3964L10.8905 2.80085C11.1867 2.39843 11.6254 2.12679 12.1146 2.04344Z" />
+    <path d="M16.1809 11.9065C16.5978 12.0724 16.9448 12.3799 17.1613 12.7765C17.3778 13.173 17.4498 13.6337 17.3666 14.0788C17.2832 14.524 17.0489 14.9263 16.7039 15.2154C16.3591 15.5043 15.9255 15.6641 15.4777 15.6644C15.2373 15.6668 14.9978 15.6225 14.7734 15.5353L11.2572 14.1381L15.5277 11.6471L16.1809 11.9065Z" />
+    <path d="M16.4945 6.13891C16.605 6.14875 16.7152 6.16886 16.8238 6.19829C17.3167 6.3319 17.7375 6.65777 17.9927 7.10469C18.2479 7.55171 18.3165 8.08348 18.1844 8.58202C18.0522 9.08051 17.7294 9.50543 17.2874 9.76346L8.14732 15.0966L14.0764 6.29622L16.1747 6.13682C16.2813 6.12877 16.3885 6.12909 16.4945 6.13891Z" />
+    <path d="M4.53005 10.923L3.8216 10.9762C3.77333 10.98 3.72506 10.9814 3.67679 10.9814C3.17832 10.9821 2.6993 10.787 2.34011 10.4375C1.98102 10.0881 1.77005 9.61169 1.75147 9.10815C1.733 8.60443 1.9085 8.11253 2.24113 7.73709C2.57367 7.36186 3.03709 7.132 3.53405 7.09531L7.30134 6.80881L4.53005 10.923Z" />
+    <path d="M6.92732 2.37682C7.43776 2.39638 7.91984 2.62003 8.26713 2.9988L9.19124 4.00522L7.78372 6.09515L5.98029 6.2358L5.44166 5.64716C5.09439 5.26836 4.91081 4.76515 4.93012 4.24901C4.94946 3.73294 5.17031 3.24577 5.5448 2.89462C5.91939 2.54345 6.41686 2.35729 6.92732 2.37682Z" />
 </svg>

package/src/icons/svg/open-ai.svg

@@ -0,0 +1,8 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_10158_54117" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18">
+<path d="M0 0H18V18H0V0Z" style="fill:var(--open-ai-icon-color1, white)"/>
+</mask>
+<g mask="url(#mask0_10158_54117)">
+<path d="M16.7099 7.36705C16.9118 6.76112 16.9818 6.11901 16.9152 5.4838C16.8487 4.84859 16.647 4.23496 16.3239 3.68405C15.8454 2.85066 15.1145 2.19082 14.2367 1.79972C13.3589 1.40863 12.3795 1.30649 11.4399 1.50805C11.0153 1.03104 10.494 0.64986 9.91074 0.389854C9.32745 0.129849 8.6955 -0.00302901 8.05689 5.23909e-05C7.09637 -0.00148112 6.16012 0.301664 5.38278 0.865889C4.60545 1.43011 4.02709 2.22634 3.73089 3.14005C3.10528 3.26897 2.51428 3.5296 1.99719 3.90462C1.4801 4.27963 1.04878 4.76043 0.731894 5.31505C0.250159 6.14646 0.0446368 7.10927 0.144909 8.06492C0.245182 9.02056 0.646077 9.91975 1.28989 10.6331C1.08798 11.239 1.01797 11.8811 1.08454 12.5163C1.15111 13.1515 1.35274 13.7651 1.67589 14.3161C2.15446 15.1496 2.88551 15.8096 3.76353 16.2007C4.64154 16.5918 5.62113 16.6938 6.56089 16.4921C6.98465 16.9698 7.50564 17.3514 8.08893 17.6113C8.67222 17.8712 9.30433 18.0034 9.94289 17.9991C10.904 18.0009 11.8409 17.6976 12.6187 17.133C13.3964 16.5684 13.9749 15.7715 14.2709 14.8571C14.8963 14.728 15.4871 14.4673 16.004 14.0923C16.521 13.7173 16.9521 13.2366 17.2689 12.6821C17.75 11.8508 17.9551 10.8883 17.8547 9.93306C17.7542 8.97784 17.3534 8.08008 16.7099 7.36705ZM9.94389 16.8231C9.15463 16.8248 8.38994 16.5487 7.78389 16.0431L7.89089 15.9831L11.4749 13.9131C11.5651 13.8621 11.6401 13.788 11.692 13.6983C11.7439 13.6086 11.7708 13.5067 11.7699 13.4031V8.34805L13.2849 9.22305C13.2929 9.22672 13.2998 9.23245 13.3049 9.23965C13.31 9.24685 13.3131 9.25527 13.3139 9.26405V13.4491C13.3128 14.3428 12.9575 15.1997 12.3259 15.8319C11.6942 16.4641 10.8376 16.8212 9.94389 16.8231ZM2.69689 13.7271C2.30174 13.0443 2.15943 12.2442 2.29489 11.4671L2.40089 11.5301L5.98489 13.6001C6.07413 13.6526 6.17582 13.6804 6.27939 13.6804C6.38297 13.6804 6.48466 13.6526 6.57389 13.6001L10.9499 11.0731V12.8231C10.95 12.832 10.948 12.8409 10.9442 12.8491C10.9404 12.8572 10.9348 12.8644 10.9279 12.8701L7.30489 14.9621C6.52984 15.4084 5.60939 15.529 4.74551 15.2974C3.88163 15.0659 3.14487 14.5011 2.69689 13.7271ZM1.75289 5.90305C2.14684 5.21936 2.76885 4.69613 3.50989 4.42505L3.50789 4.54905V8.68905C3.50693 8.79256 3.53368 8.89444 3.58538 8.98412C3.63708 9.0738 3.71184 9.14801 3.80189 9.19905L8.17789 11.7251L6.66289 12.6001C6.65574 12.6052 6.64735 12.6084 6.63857 12.6093C6.62979 12.6102 6.62093 12.6087 6.61289 12.6051L2.98689 10.5101C2.21335 10.0621 1.64897 9.32569 1.41746 8.46229C1.18596 7.59889 1.30623 6.67893 1.75189 5.90405L1.75289 5.90305ZM14.1999 8.80005L9.82489 6.27405L11.3389 5.39905C11.3464 5.39367 11.3552 5.39044 11.3643 5.38974C11.3735 5.38903 11.3827 5.39087 11.3909 5.39505L15.0139 7.48705C15.5689 7.80766 16.0211 8.27972 16.3175 8.84797C16.614 9.41622 16.7424 10.0572 16.6879 10.6958C16.6333 11.3344 16.398 11.9442 16.0095 12.454C15.6209 12.9637 15.0952 13.3522 14.4939 13.5741V9.31005C14.495 9.20664 14.4684 9.10483 14.4168 9.01516C14.3653 8.92549 14.2908 8.85122 14.2009 8.80005M15.7089 6.53105L15.6019 6.46805L12.0179 4.39805C11.9287 4.34546 11.827 4.31772 11.7234 4.31772C11.6198 4.31772 11.5181 4.34546 11.4289 4.39805L7.05189 6.92405V5.17505C7.05169 5.16615 7.05347 5.15731 7.0571 5.14919C7.06073 5.14106 7.06613 5.13384 7.07289 5.12805L10.6959 3.03805C11.2509 2.71781 11.8856 2.56228 12.5258 2.58966C13.166 2.61705 13.7851 2.82622 14.3108 3.19268C14.8364 3.55915 15.2467 4.06776 15.4938 4.65897C15.7409 5.25019 15.8145 5.89955 15.7059 6.53105M6.22789 9.65005L4.71289 8.77505C4.70469 8.77152 4.69758 8.76586 4.6923 8.75865C4.68702 8.75144 4.68378 8.74294 4.68289 8.73405V4.54805C4.68343 3.90711 4.86651 3.27959 5.21071 2.73891C5.55491 2.19824 6.04599 1.76679 6.62648 1.49507C7.20697 1.22334 7.85284 1.12258 8.48852 1.20457C9.12419 1.28656 9.72336 1.54792 10.2159 1.95805L10.1089 2.01805L6.52489 4.08805C6.43465 4.13896 6.35969 4.21312 6.30781 4.30281C6.25594 4.39249 6.22903 4.49444 6.22989 4.59805L6.22789 9.65005ZM7.05089 7.87605L9.00089 6.75005L10.9489 7.87505V10.1261L8.99989 11.2501L7.05089 10.1251V7.87605Z" style="fill:var(--open-ai-icon-color2, black)"/>
+</g>
+</svg>

package/src/icons/svg/space-list.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 4.25C2 3.00736 3.00736 2 4.25 2H7C8.24264 2 9.25 3.00736 9.25 4.25V7C9.25 8.24264 8.24264 9.25 7 9.25H4.25C3.00736 9.25 2 8.24264 2 7V4.25ZM3.5 4.25C3.5 3.83579 3.83579 3.5 4.25 3.5H7C7.41421 3.5 7.75 3.83579 7.75 4.25V7C7.75 7.41421 7.41421 7.75 7 7.75H4.25C3.83579 7.75 3.5 7.41421 3.5 7V4.25ZM13 10.75C11.7574 10.75 10.75 11.7574 10.75 13V15.75C10.75 16.9926 11.7574 18 13 18H15.75C16.9926 18 18 16.9926 18 15.75V13C18 11.7574 16.9926 10.75 15.75 10.75H13ZM13 12.25C12.5858 12.25 12.25 12.5858 12.25 13V15.75C12.25 16.1642 12.5858 16.5 13 16.5H15.75C16.1642 16.5 16.5 16.1642 16.5 15.75V13C16.5 12.5858 16.1642 12.25 15.75 12.25H13ZM7.19458 10.9001C6.32772 10.0333 4.92228 10.0333 4.05542 10.9001L2.15014 12.8054C1.28329 13.6723 1.28329 15.0777 2.15014 15.9446L4.05542 17.8499C4.92228 18.7167 6.32772 18.7167 7.19458 17.8499L9.09986 15.9446C9.96671 15.0777 9.96671 13.6723 9.09986 12.8054L7.19458 10.9001ZM6.13392 11.9608C5.85285 11.6797 5.39715 11.6797 5.11608 11.9608L3.2108 13.8661C2.92973 14.1472 2.92973 14.6028 3.2108 14.8839L5.11608 16.7892C5.39715 17.0703 5.85285 17.0703 6.13392 16.7892L8.0392 14.8839C8.32027 14.6028 8.32027 14.1472 8.0392 13.8661L6.13392 11.9608ZM16.5 5.5C16.5 6.60457 15.6046 7.5 14.5 7.5C13.3954 7.5 12.5 6.60457 12.5 5.5C12.5 4.39543 13.3954 3.5 14.5 3.5C15.6046 3.5 16.5 4.39543 16.5 5.5ZM18 5.5C18 7.433 16.433 9 14.5 9C12.567 9 11 7.433 11 5.5C11 3.567 12.567 2 14.5 2C16.433 2 18 3.567 18 5.5Z"/>
+</svg>
+

package/src/icons/svg/suggest-integration.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.27499 2.02502C2.90808 2.02502 1.79999 3.13312 1.79999 4.50003V11.6197C1.79999 12.9866 2.90808 14.0947 4.27499 14.0947H8.57547L12.3738 16.3317C12.5825 16.4546 12.8411 16.4562 13.0513 16.336C13.2616 16.2159 13.3914 15.9922 13.3914 15.75V14.0947H14.175C15.5419 14.0947 16.65 12.9866 16.65 11.6197V4.68002C16.65 3.21371 15.4613 2.02502 13.995 2.02502H4.27499ZM3.14999 4.50003C3.14999 3.8787 3.65367 3.37502 4.27499 3.37502H13.995C14.7157 3.37502 15.3 3.95929 15.3 4.68002V11.6197C15.3 12.241 14.7963 12.7447 14.175 12.7447H12.7164C12.3436 12.7447 12.0414 13.0469 12.0414 13.4197V14.5691L9.10201 12.838C8.99821 12.7769 8.87994 12.7447 8.75947 12.7447H4.27499C3.65367 12.7447 3.14999 12.241 3.14999 11.6197V4.50003ZM8.99999 5.40002C9.37277 5.40002 9.67499 5.70224 9.67499 6.07502V7.42502H11.025C11.3978 7.42502 11.7 7.72723 11.7 8.10002C11.7 8.4728 11.3978 8.77502 11.025 8.77502H9.67499V10.125C9.67499 10.4978 9.37277 10.8 8.99999 10.8C8.62712 10.8 8.32499 10.4978 8.32499 10.125V8.77502H6.97499C6.60221 8.77502 6.29999 8.4728 6.29999 8.10002C6.29999 7.72723 6.60221 7.42502 6.97499 7.42502H8.32499V6.07502C8.32499 5.70224 8.62721 5.40002 8.99999 5.40002Z"/>
+</svg>
+

package/src/icons/types.ts

@@ -1,10 +1,10 @@
-import {SVGProps} from "react";
+import {CSSProperties, SVGProps} from "react";
 
 export interface AbstractNode {
   type: string;
   tagName?: string;
   properties?: {
-    [key: string]: string | number;
+    [key: string]: string | number | CSSProperties;
   };
   children: AbstractNode[];
   metadata?: string;

package/src/logo.tsx

@@ -8,63 +8,31 @@ interface LogoProps {
 
 export const Logo: FC<LogoProps> = ({size = 40}) => {
   return (
-    <svg width={size} height={size} viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg" fill="none">
+    <svg width={size} height={size} viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
       <path
-        d="M13.6154 52.6718C12.389 52.6687 11.1866 52.3283 10.1369 51.6871C9.08722 51.0459 8.22981 50.128 7.65652 49.0318C7.08322 47.9356 6.81564 46.7024 6.88243 45.4641C6.94922 44.2259 7.34787 43.0294 8.03568 42.0028L33.1308 4.75593C34.1722 3.34127 35.7137 2.38797 37.4335 2.09504C39.1534 1.80211 40.9186 2.19219 42.3609 3.18384C43.8031 4.17549 44.8108 5.69208 45.1736 7.41703C45.5364 9.14198 45.2263 10.942 44.3081 12.4413L19.2129 49.6881C18.5917 50.6097 17.7567 51.3635 16.781 51.8836C15.8052 52.4038 14.7184 52.6744 13.6154 52.6718Z"
-        fill="url(#paint0_linear_2845_2276)"
+        d="M4.03423 14.4218C3.21412 13.9208 2.98021 12.7899 3.50892 12.0007L9.78271 2.68903C10.3144 1.96674 11.3497 1.78689 12.0902 2.296C12.8324 2.80633 13.0464 3.84401 12.577 4.61037L6.30323 13.9221C5.81148 14.6516 4.79323 14.8855 4.03423 14.4218Z"
+        fill="#4FC5B3"
       />
       <path
-        d="M44.3295 17.0422L51.7048 16.4831C52.0797 16.4548 52.4554 16.4581 52.8281 16.4926C53.2167 16.5272 53.6042 16.596 53.9861 16.6995C55.7192 17.1692 57.1968 18.3158 58.0938 19.8871C58.9909 21.4584 59.2338 23.3256 58.7693 25.078C58.3048 26.8305 57.1709 28.3245 55.617 29.2316L23.4864 47.9779L44.3295 17.0422Z"
-        fill="url(#paint1_linear_2845_2276)"
+        d="M12.5824 5.76052L14.4262 5.62076C15.0707 5.57197 15.7022 5.909 16.0235 6.47175C16.4824 7.27568 16.2062 8.3398 15.4042 8.80787L7.37161 13.4944L12.5824 5.76052Z"
+        fill="#4FC5B3"
       />
       <path
-        d="M32.0811 60C30.6331 60.0024 29.2224 59.5352 28.0563 58.667C26.8903 57.7987 26.0303 56.5753 25.6028 55.1763L24.1999 50.5716L31.5632 46.2755L37.8433 48.7708L38.5684 51.1438C39.0963 52.8775 38.9219 54.7522 38.0836 56.356C37.2453 57.9598 35.8116 59.1615 34.0975 59.6971C33.444 59.8989 32.7644 60.001 32.0811 60Z"
-        fill="url(#paint2_linear_2845_2276)"
+        d="M7.9007 15.2941L7.54998 14.143L9.39081 13.069L10.9608 13.6928L11.1421 14.2861C11.4113 15.1703 10.9111 16.1473 10.0244 16.4244C9.13418 16.6992 8.17086 16.1782 7.9007 15.2941Z"
+        fill="#4FC5B3"
       />
       <path
-        d="M49.4289 35.852L34.419 44.6094L46.7804 49.521C47.569 49.8278 48.4078 49.9812 49.2528 49.973C50.8279 49.9722 52.3533 49.411 53.566 48.3946C54.7787 47.3782 55.6026 45.9658 55.8956 44.4009C56.1886 42.836 55.9323 41.2168 55.171 39.8225C54.4096 38.4282 53.191 37.3463 51.7252 36.7633L49.4289 35.852Z"
-        fill="url(#paint3_linear_2845_2276)"
+        d="M13.8573 10.463L10.1048 12.6524L13.1951 13.8803C14.1762 14.262 15.2829 13.6203 15.4739 12.6003C15.6223 11.8078 15.1831 10.9898 14.4313 10.6908L13.8573 10.463Z"
+        fill="#4FC5B3"
       />
       <path
-        d="M20.5155 18.8473L10.7738 33.3061L8.28343 33.4949C8.11353 33.5084 7.94364 33.5129 7.77374 33.5129C6.02147 33.5154 4.33664 32.8302 3.07402 31.6016C1.81141 30.373 1.06954 28.6969 1.00465 26.9263C0.939748 25.1557 1.55688 23.4287 2.7261 22.109C3.89531 20.7893 5.52536 19.9798 7.273 19.8511L20.5155 18.8473Z"
-        fill="url(#paint4_linear_2845_2276)"
+        d="M6.62886 6.21191L4.19346 9.82661C3.94456 9.84546 3.69329 9.87829 3.44344 9.87829C2.53771 9.87954 1.78415 9.13161 1.75116 8.23166C1.71817 7.33154 2.41483 6.52941 3.31826 6.46286L6.62886 6.21191Z"
+        fill="#4FC5B3"
       />
       <path
-        d="M23.9081 5.45218L27.1559 8.99151L22.208 16.3352L15.8715 16.8295L13.9782 14.7605C12.7575 13.429 12.1098 11.6617 12.1777 9.84741C12.2457 8.03309 13.0236 6.32036 14.3404 5.086C15.6571 3.85164 17.4049 3.19677 19.1992 3.26544C20.9935 3.33411 22.6873 4.12071 23.9081 5.45218Z"
-        fill="url(#paint5_linear_2845_2276)"
+        d="M7.47702 2.86321L8.28896 3.74803L7.052 5.58397L5.46788 5.70755L4.99456 5.19028C4.36761 4.50647 4.40795 3.40642 5.08509 2.77166C5.76095 2.13811 6.85128 2.1807 7.47702 2.86321Z"
+        fill="#4FC5B3"
       />
-      <path
-        d="M32.081 59.9018H32.0813C32.7547 59.9028 33.4245 59.8022 34.0686 59.6033C35.7574 59.0755 37.1703 57.8914 37.9966 56.3106C38.823 54.7296 38.9949 52.8816 38.4745 51.1724L32.081 59.9018ZM32.081 59.9018C30.6542 59.9042 29.2641 59.4439 28.115 58.5882M32.081 59.9018L28.115 58.5882M51.6889 36.8545C53.1333 37.4289 54.3344 38.4952 55.0848 39.8695C55.8353 41.2439 56.0879 42.8401 55.7991 44.3828C55.5103 45.9255 54.6981 47.3177 53.503 48.3194C52.3077 49.3212 50.8045 49.8741 49.2527 49.8749L49.2518 49.8749C48.4196 49.8829 47.5933 49.7319 46.8164 49.4297L46.8166 49.4297L46.7804 49.521C47.569 49.8278 48.4078 49.9812 49.2528 49.973C50.8279 49.9722 52.3533 49.411 53.566 48.3946C54.7787 47.3782 55.6026 45.9658 55.8956 44.4009C56.1886 42.836 55.9323 41.2168 55.171 39.8225C54.4096 38.4282 53.191 37.3463 51.7252 36.7633M51.6889 36.8545L51.689 36.8545L51.7252 36.7633M51.6889 36.8545L51.7252 36.7633M51.6889 36.8545L49.4371 35.9608M51.7252 36.7633L49.4289 35.852L49.4783 35.9367L49.4371 35.9608M49.4371 35.9608L34.6426 44.5926M49.4371 35.9608L34.6426 44.5926M34.6426 44.5926L46.816 49.4295L34.6426 44.5926ZM20.3208 18.9605L20.3907 18.8568L7.273 19.8511C5.52536 19.9798 3.89531 20.7893 2.7261 22.109C1.55688 23.4287 0.939748 25.1557 1.00465 26.9263C1.06954 28.6969 1.81141 30.373 3.07402 31.6016C4.33664 32.8302 6.02147 33.5154 7.77374 33.5129L20.4456 18.951L20.3208 18.9605ZM20.3208 18.9605L7.28042 19.949L7.28021 19.949C5.55826 20.0758 3.95193 20.8734 2.79956 22.1741C1.64717 23.4748 1.03875 25.1772 1.10273 26.9227C1.16671 28.6683 1.89807 30.3204 3.14247 31.5312C4.38684 32.7421 6.0471 33.4172 7.77361 33.4148H7.77374C7.94196 33.4148 8.10911 33.4103 8.27562 33.397L8.27601 33.397L10.719 33.2118M20.3208 18.9605L10.719 33.2118M10.719 33.2118L10.6924 33.2512L10.7738 33.3061L10.7664 33.2082L10.719 33.2118ZM28.115 58.5882C26.9658 57.7326 26.1182 56.5268 25.6967 55.1477L28.115 58.5882ZM52.819 16.5904L52.8194 16.5904C53.2023 16.6245 53.5841 16.6923 53.9605 16.7943C55.6681 17.2571 57.1244 18.387 58.0086 19.9358C58.8928 21.4846 59.1324 23.3253 58.6745 25.0529C58.2166 26.7804 57.0988 28.253 55.5675 29.1468L23.8076 47.6769L44.3843 17.1365L51.7122 16.581C52.0816 16.553 52.4518 16.5563 52.819 16.5904ZM52.8281 16.4926C53.2167 16.5272 53.6042 16.596 53.9861 16.6995C55.7192 17.1692 57.1968 18.3158 58.0938 19.8871C58.9909 21.4584 59.2338 23.3256 58.7693 25.078C58.3048 26.8305 57.1709 28.3245 55.617 29.2316L52.8281 16.4926ZM37.7633 48.8446L38.4745 51.1723L25.6967 55.1476L24.3164 50.6173L31.5714 46.3844L37.7633 48.8446ZM23.8357 5.51852L23.8358 5.51855L27.0312 9.00085L22.1531 16.2411L15.9116 16.728L14.0506 14.6942L14.0506 14.6942C12.8474 13.3818 12.2089 11.6397 12.2758 9.85108C12.3428 8.06243 13.1097 6.37417 14.4075 5.15761C15.7052 3.94109 17.4275 3.29586 19.1955 3.36352C20.9634 3.43118 22.6326 4.20622 23.8357 5.51852ZM13.6156 52.5737C12.4073 52.5706 11.2225 52.2352 10.1881 51.6033C9.15366 50.9715 8.30859 50.0669 7.74349 48.9863C7.17839 47.9058 6.9146 46.6901 6.98044 45.4694C7.04628 44.2488 7.43925 43.0694 8.11715 42.0575C8.11717 42.0575 8.1172 42.0574 8.11722 42.0574L33.2111 4.81244C34.2375 3.41902 35.7561 2.48031 37.45 2.1918C39.1446 1.90318 40.884 2.28749 42.3052 3.26472C43.7265 4.24198 44.7199 5.73676 45.0775 7.43724C45.4351 9.13704 45.1298 10.9107 44.2255 12.3882L19.1315 49.6333C18.5192 50.5416 17.6963 51.2845 16.7348 51.797C15.7733 52.3096 14.7024 52.5762 13.6156 52.5737Z"
-        stroke="white"
-        strokeOpacity={0.1}
-        strokeWidth={0.196305}
-      />
-      <defs>
-        <linearGradient id="paint0_linear_2845_2276" x1={30} y1={2} x2={30} y2={60} gradientUnits="userSpaceOnUse">
-          <stop stopColor="#7FE8D4" />
-          <stop offset={1} stopColor="#1FA192" />
-        </linearGradient>
-        <linearGradient id="paint1_linear_2845_2276" x1={30} y1={2} x2={30} y2={60} gradientUnits="userSpaceOnUse">
-          <stop stopColor="#7FE8D4" />
-          <stop offset={1} stopColor="#1FA192" />
-        </linearGradient>
-        <linearGradient id="paint2_linear_2845_2276" x1={30} y1={2} x2={30} y2={60} gradientUnits="userSpaceOnUse">
-          <stop stopColor="#7FE8D4" />
-          <stop offset={1} stopColor="#1FA192" />
-        </linearGradient>
-        <linearGradient id="paint3_linear_2845_2276" x1={30} y1={2} x2={30} y2={60} gradientUnits="userSpaceOnUse">
-          <stop stopColor="#7FE8D4" />
-          <stop offset={1} stopColor="#1FA192" />
-        </linearGradient>
-        <linearGradient id="paint4_linear_2845_2276" x1={30} y1={2} x2={30} y2={60} gradientUnits="userSpaceOnUse">
-          <stop stopColor="#7FE8D4" />
-          <stop offset={1} stopColor="#1FA192" />
-        </linearGradient>
-        <linearGradient id="paint5_linear_2845_2276" x1={30} y1={2} x2={30} y2={60} gradientUnits="userSpaceOnUse">
-          <stop stopColor="#7FE8D4" />
-          <stop offset={1} stopColor="#1FA192" />
-        </linearGradient>
-      </defs>
     </svg>
   );
 };

package/src/new-badge.tsx

@@ -1,15 +1,17 @@
 import {css} from "@linaria/core";
-import {space, textStyles, themeVars} from "./design-system";
+import {fontWeight, space, textStyles, themeVars} from "./design-system";
 
 const newBadgeStyle = css`
   ${textStyles.heading7}
+  text-transform: none;
+  font-weight: ${fontWeight.medium};
   display: inline-block;
-  padding: ${space.s1}px ${space.s4}px;
-  color: ${themeVars.colorTextButtonOutlineAccent};
-  background-color: ${themeVars.colorBgButtonOutlineAccentDefault};
-  border: 1px solid ${themeVars.colorBorderButtonOutlineAccentDefault};
+  padding: ${space.s2}px 4.5px ${space.s2}px 5px;
+  color: ${themeVars.colorTextBadgeNeutral};
+  background-color: ${themeVars.colorBgBadgeNeutral};
+  //border: 0.5px solid ${themeVars.colorBorderButtonOutlineAccentDefault};
   vertical-align: text-top;
-  border-radius: 20px;
+  border-radius: 4px;
 `;
 
 type Props = {children: React.ReactNode};

package/src/select/select-in-popover.tsx

@@ -125,6 +125,8 @@ export type TriggerProps = {
   innerRef: React.Ref<HTMLDivElement>;
   children: ReactNode;
   onClick?: React.MouseEventHandler;
+  iconStart?: ReactNode;
+  pending?: boolean;
   onKeyDown?: React.KeyboardEventHandler;
   disabled?: boolean;
 };

package/src/toast/utils/toastify-item-name.ts

@@ -1,4 +1,4 @@
-const trimDynamicToastText = (str: string, charLimit: number) =>
+export const trimDynamicToastText = (str: string, charLimit: number) =>
   str.length > charLimit ? `${str.slice(0, charLimit)}…` : str;
 
 export const toastifyItemName = ({

package/src/type-badge-box.tsx

@@ -8,9 +8,10 @@ type Props = {
   height: number;
   typeObject: {title: string};
   children: ReactNode;
+  className?: string;
 };
 
-export const TypeBadgeBox = ({width, height, typeObject, children}: Props) => {
+export const TypeBadgeBox = ({width, height, typeObject, children, className}: Props) => {
   const abbr = makeAbbreviation(typeObject.title);
 
   return (
@@ -33,7 +34,8 @@ export const TypeBadgeBox = ({width, height, typeObject, children}: Props) => {
             & > div {
               mask-image: linear-gradient(90deg, #000 60%, rgba(0, 0, 0, 0.4));
             }
-          `
+          `,
+        className
       )}
     >
       {children}

package/src/type-badge.tsx

@@ -123,6 +123,9 @@ const clickableStyle = css`
 const fadedStyle = css`
   opacity: ${opacity.opacity25};
 `;
+const noColorStyle = css`
+  opacity: ${opacity.opacity60};
+`;
 
 export const makeDescription = (typeObject: {description?: string | null}): string | null => {
   return typeObject.description || null;
@@ -135,7 +138,7 @@ export const makeAbbreviation = (title = "") =>
     .join("");
 
 type TypeBadgeProps = {
-  color: string;
+  color: string | null;
   onMouseDown?: () => void;
   onMouseEnter?: React.MouseEventHandler;
   onMouseLeave?: React.MouseEventHandler;
@@ -189,25 +192,27 @@ export const TypeBadge = memo(
 
     const theme = useTheme();
 
+    const baseColor = color || theme.iconColor;
+
     const textBadgeColor = getThemeValue(theme.mode, {
-      dark: a11yColor(getTextColor(color), getDarkenColor(color), 12),
-      light: a11yColor(getTextColor(color), getDarkenColor(color), 12),
-      light2: a11yColor(getTextColor(color), getDarkenColor(color), 12),
+      dark: a11yColor(getTextColor(baseColor), getDarkenColor(baseColor), 12),
+      light: a11yColor(getTextColor(baseColor), getDarkenColor(baseColor), 12),
+      light2: a11yColor(getTextColor(baseColor), getDarkenColor(baseColor), 12),
     });
 
     const backgroundBadgeColor = getThemeValue(theme.mode, {
-      dark: getDarkenColor(color),
-      light: color,
-      light2: color,
+      dark: getDarkenColor(baseColor),
+      light: baseColor,
+      light2: baseColor,
     });
 
     const style = {
-      [colorProp]: color ? textBadgeColor : colors.inversedTextColor,
-      //[colorProp]: color ? getTextColor(color) : colors.inversedTextColor,
+      [colorProp]: baseColor ? textBadgeColor : colors.inversedTextColor,
+      //[colorProp]: baseColor ? getTextColor(baseColor) : colors.inversedTextColor,
       [colorBackgroundProp]: backgroundBadgeColor || colors.shades.opacity25,
-      //[colorBackgroundProp]: color || colors.shades.opacity25,
+      //[colorBackgroundProp]: baseColor || colors.shades.opacity25,
       [colorBorderProp]: backgroundBadgeColor,
-      [colorDarkProp]: getDarkenColor(color),
+      [colorDarkProp]: getDarkenColor(baseColor),
     } as CSSProperties;
 
     return (
@@ -225,6 +230,7 @@ export const TypeBadge = memo(
             [selectedStyle]: selected,
             [clickableStyle]: onClick,
             [fadedStyle]: faded,
+            [noColorStyle]: color === null,
           },
           className
         )}
@@ -265,6 +271,7 @@ type TypeObjectBadgeParams = {
   selected?: boolean;
   faded?: boolean;
   tooltip?: boolean;
+  noColor?: boolean;
 };
 
 export const TypeObjectBadge = forwardRef<HTMLDivElement | HTMLButtonElement, TypeObjectBadgeParams>(
@@ -284,6 +291,7 @@ export const TypeObjectBadge = forwardRef<HTMLDivElement | HTMLButtonElement, Ty
       selected,
       faded,
       tooltip = true,
+      noColor,
     },
     ref
   ) => {
@@ -293,7 +301,7 @@ export const TypeObjectBadge = forwardRef<HTMLDivElement | HTMLButtonElement, Ty
     return (
       <TypeBadge
         ref={ref}
-        color={typeObject.color}
+        color={noColor ? null : typeObject.color}
         abbr={abbr}
         compact={compact}
         vertical={vertical}

package/src/unit/primitive.tsx

@@ -13,6 +13,7 @@ import {
   invalidUnitClassName,
   positionUnitClass,
   regularSizeUnitClassName,
+  unitMinHeightClassName,
   regularSizeUnitMinWidthClassName,
   textEllipsisClassName,
   unitDescriptionClassName,
@@ -75,6 +76,7 @@ export const UnitPrimitive = ({
   shrinkable = true,
   clickable = border,
   setMinWidth = true,
+  setMinHeight = true,
   // Callback
   onClick,
   onKeyDown,
@@ -90,6 +92,7 @@ export const UnitPrimitive = ({
     basicUnitClassName,
     big ? bigSizeUnitClassName : regularSizeUnitClassName,
     setMinWidth && (big ? bigSizeUnitMinWidthClassName : regularSizeUnitMinWidthClassName),
+    setMinHeight && unitMinHeightClassName,
     border && borderClassName,
     invalid && invalidUnitClassName,
     clickable && clickableClassName

package/src/unit/styles.ts

@@ -42,6 +42,10 @@ export const regularSizeUnitMinWidthClassName = css`
   justify-content: center;
 `;
 
+export const unitMinHeightClassName = css`
+  min-height: ${space.s24}px;
+`;
+
 export const unitTitleClassName = css`
   ${textStyles.heading7}
   padding-bottom: ${space.s2}px;

package/src/unit/types.ts

@@ -23,6 +23,7 @@ export type UnitPrimitiveProps = {
   shrinkable?: boolean;
   clickable?: boolean;
   setMinWidth?: boolean;
+  setMinHeight?: boolean;
   // Callbacks
   onKeyDown?: (e: KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void;
   onClick?: (e: React.MouseEvent<HTMLElement>) => void;