@fibery/ui-kit 1.15.0 → 1.16.0

package/src/emoji-picker/primitives/emoji.tsx

@@ -1,13 +1,13 @@
 import {EmojiItem, EmojiSkin} from "@fibery/emoji-data";
 import {css, cx} from "@linaria/core";
-import {border, themeVars} from "../../designSystem";
+import {themeVars} from "../../designSystem";
 import {useEmojiDataStoreSelector} from "../stores/emoji-data-store";
-import {emojiPadding} from "./layout";
 
 const emojiWrapperCss = css`
   color: ${themeVars.textColor};
   font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla",
     "Noto Color Emoji", "Android Emoji";
+  line-height: 1;
 `;
 const emojiWrapperSizedCss = css`
   display: inline-flex;
@@ -20,25 +20,12 @@ const emojiInlineImgCss = css`
   width: 1em;
   height: 1em;
   vertical-align: -0.1em;
+  object-fit: contain;
 `;
 const emojiSizedImgCss = css`
   width: 100%;
   height: 100%;
-`;
-
-const clickableCss = css`
-  padding: ${emojiPadding}px;
-  cursor: pointer;
-  font-size: 0;
-  margin: 0;
-  border: none;
-  background: none;
-  box-shadow: none;
-  border-radius: ${border.radius8}px;
-
-  &:hover {
-    background-color: var(--fibery-emoji-hover-color, ${themeVars.badgeBgColor});
-  }
+  object-fit: contain;
 `;
 
 // This is needed to keep text-selection working for image based emojis Details: https://the.fibery.io/SoftDev/bug/Improve-selection-text-with-emojis-8963
@@ -48,7 +35,6 @@ export type EmojiProps = {
   size?: number;
   /** id or colons */
   emoji: string;
-  tooltip?: boolean;
   /** max supported version of emojis */
   version?: number;
   onClick?: (emoji: EmojiItem, event: React.MouseEvent) => void;
@@ -56,15 +42,7 @@ export type EmojiProps = {
   /** render emoji as native unicode if possible */
   native?: boolean;
 };
-export const Emoji: React.FC<EmojiProps> = ({
-  emoji: idOrColons,
-  tooltip,
-  size,
-  onClick,
-  version = 14,
-  skin,
-  native,
-}) => {
+export const Emoji: React.FC<EmojiProps> = ({emoji: idOrColons, size, version = 14, skin, native}) => {
   const emoji = useEmojiDataStoreSelector((store) => store.get(idOrColons, {skin}));
 
   if (!emoji) {
@@ -101,30 +79,10 @@ export const Emoji: React.FC<EmojiProps> = ({
     );
   }
 
-  // TODO: use fibery's tooltip?
-  const title = tooltip ? emoji.shortNames[0] : undefined;
-
   const style = size ? {fontSize: size, width: size, height: size} : {};
 
-  return onClick ? (
-    <button
-      type="button"
-      onClick={(e) => onClick(emoji, e)}
-      className={cx(clickableCss)}
-      title={title}
-      aria-label={emoji.name}
-    >
-      <span style={style} className={cx(emojiWrapperCss, size && emojiWrapperSizedCss)}>
-        {emojiNode}
-      </span>
-    </button>
-  ) : (
-    <span
-      style={style}
-      className={cx(emojiWrapperCss, size && emojiWrapperSizedCss)}
-      title={title}
-      aria-label={emoji.name}
-    >
+  return (
+    <span style={style} className={cx(emojiWrapperCss, size && emojiWrapperSizedCss)} aria-label={emoji.name}>
       {emojiNode}
     </span>
   );

package/src/emoji-picker/primitives/footer.tsx

@@ -2,8 +2,10 @@ import {css} from "@linaria/core";
 import {space} from "../../designSystem";
 
 const footerCss = css`
+  position: relative;
   border-top: 1px solid var(--fibery-color-separatorColor);
-  padding: 0 ${space.s}px;
+  padding: ${space.m}px ${space.l}px;
+  min-height: 40px;
 `;
 
 export const EmojiPickerFooter: React.FC<React.PropsWithChildren> = ({children}) => {

package/src/emoji-picker/primitives/grid.tsx

@@ -1,45 +1,71 @@
-import {css} from "@linaria/core";
-import {useLayoutEffect, useMemo, useRef, useState} from "react";
-import {useEmojiDataStoreSelector} from "../stores/emoji-data-store";
+import {css, cx} from "@linaria/core";
+import {useLayoutEffect, useMemo, useState} from "react";
+import {useEmojiDataStore, useEmojiDataStoreSelector} from "../stores/emoji-data-store";
 import {get as getFrequentlyUsed} from "../utils/frequently";
-import {EmojiPickerCategory} from "./category";
+import {EmojiPickerCategory, EmojiPickerCategoryProps} from "./category";
 import {useEmojiPickerContentSettings} from "./content";
 import {contentHorizontalPadding} from "./layout";
 import {useFoundEmojis} from "./search-provider";
 
 const gridWrapperCss = css`
-  height: 238px;
+  height: 258px;
   overflow-y: scroll;
   overflow-x: hidden;
 
   padding: 0 ${contentHorizontalPadding}px;
 `;
 
-const AllCategories = () => {
+type AllCategoriesProps = Pick<EmojiPickerCategoryProps, "renderEmoji" | "scrollParent">;
+const AllCategories: React.FC<AllCategoriesProps> = ({renderEmoji, scrollParent}) => {
   const contentSettings = useEmojiPickerContentSettings();
 
-  // TODO: filter frequently used to not have zombie dom nodes
-  const [recentCategory] = useState(() => ({
-    id: "recent",
-    name: "Recent",
-    emojis: getFrequentlyUsed(contentSettings.perLine),
-  }));
-
+  const emojiData = useEmojiDataStore();
   const categories = useEmojiDataStoreSelector((store) => store.getCategories());
 
+  const recentCategory = useMemo(
+    () => ({
+      id: "recent",
+      name: "Recent",
+      emojis: getFrequentlyUsed(contentSettings.perLine).filter((id) => {
+        const emoji = emojiData.get(id);
+        const hidden = emoji && "hidden" in emoji ? emoji.hidden : false;
+        return emoji && !hidden;
+      }),
+    }),
+    [contentSettings, emojiData]
+  );
+
   return (
     <>
-      {recentCategory.emojis.length > 0 ? <EmojiPickerCategory category={recentCategory} /> : null}
-      {categories.map((category) => {
-        return <EmojiPickerCategory key={category.id} category={category} />;
+      {recentCategory.emojis.length > 0 ? (
+        <EmojiPickerCategory
+          preRender
+          category={recentCategory}
+          scrollParent={scrollParent}
+          renderEmoji={renderEmoji}
+        />
+      ) : null}
+      {categories.map((category, idx) => {
+        return (
+          <EmojiPickerCategory
+            preRender={idx < 2}
+            key={category.id}
+            category={category}
+            scrollParent={scrollParent}
+            renderEmoji={renderEmoji}
+          />
+        );
       })}
     </>
   );
 };
+export type EmojiPickerGridProps = {
+  className?: string;
+} & Pick<EmojiPickerCategoryProps, "renderEmoji">;
 
-export const EmojiPickerGrid = () => {
+export const EmojiPickerGrid: React.FC<EmojiPickerGridProps> = ({className, renderEmoji}) => {
   const foundEmojis = useFoundEmojis();
-  const ref = useRef<HTMLDivElement>(null);
+  const [gridElement, setGridElement] = useState<HTMLDivElement | null>(null);
 
   const searchCategory = useMemo(
     () =>
@@ -54,14 +80,18 @@ export const EmojiPickerGrid = () => {
   );
 
   useLayoutEffect(() => {
-    if (ref.current) {
-      ref.current.scrollTop = 0;
+    if (gridElement) {
+      gridElement.scrollTop = 0;
     }
-  }, [foundEmojis]);
+  }, [foundEmojis, gridElement]);
 
   return (
-    <div ref={ref} className={gridWrapperCss}>
-      {searchCategory ? <EmojiPickerCategory category={searchCategory} /> : <AllCategories />}
+    <div ref={setGridElement} className={cx(gridWrapperCss, className)}>
+      {searchCategory ? (
+        <EmojiPickerCategory preRender scrollParent={gridElement} category={searchCategory} renderEmoji={renderEmoji} />
+      ) : (
+        <AllCategories scrollParent={gridElement} renderEmoji={renderEmoji} />
+      )}
     </div>
   );
 };

package/src/emoji-picker/primitives/search.tsx

@@ -13,6 +13,7 @@ import {useEmojiSkin} from "./skin-provider";
 
 const searchCss = css`
   ${textStyles.regular}
+  position: relative;
   width: 100%;
   background-color: ${themeVars.inputBgColor};
   box-shadow: ${themeVars.inputBorderColor};
@@ -22,7 +23,6 @@ const searchCss = css`
   display: flex;
   align-items: center;
   padding-left: ${space.l}px;
-  padding-right: ${space.m}px;
   gap: ${space.xxs}px;
 
   /* For screenreaders only, via https://stackoverflow.com/a/19758620 */
@@ -59,15 +59,23 @@ const searchIconCss = css`
   padding: ${space.xxs}px;
 `;
 
+const extraActionSlotCss = css`
+  background-color: var(--fibery-emoji-hover-color, ${themeVars.inputCopyBgColor});
+  border-top-right-radius: ${space.s}px;
+  border-bottom-right-radius: ${space.s}px;
+`;
+
 export type EmojiPickerSearchProps = {
   autoFocus?: boolean;
 
   className?: string;
 
   searchRef?: React.RefObject<HTMLInputElement>;
+
+  extraAction?: React.ReactNode;
 };
 
-export const EmojiPickerSearch: React.FC<EmojiPickerSearchProps> = ({autoFocus, className, searchRef}) => {
+export const EmojiPickerSearch: React.FC<EmojiPickerSearchProps> = ({autoFocus, className, searchRef, extraAction}) => {
   const ref = useRef<HTMLInputElement>(null);
 
   const setRefs = useComposedRefs(ref, searchRef);
@@ -105,6 +113,16 @@ export const EmojiPickerSearch: React.FC<EmojiPickerSearchProps> = ({autoFocus,
 
   return (
     <section className={cx(searchCss, className)} aria-label={i18n.search}>
+      {foundEmojis ? (
+        <IconButton size="small" onClick={clearSearch}>
+          <Close iconSize={16} />
+        </IconButton>
+      ) : (
+        <span className={searchIconCss}>
+          <Search iconSize={16} />
+        </span>
+      )}
+
       <input
         ref={setRefs}
         autoFocus={autoFocus}
@@ -127,15 +145,7 @@ export const EmojiPickerSearch: React.FC<EmojiPickerSearchProps> = ({autoFocus,
         {i18n.search}
       </label>
 
-      {foundEmojis ? (
-        <IconButton size="small" onClick={clearSearch}>
-          <Close iconSize={16} />
-        </IconButton>
-      ) : (
-        <span className={searchIconCss}>
-          <Search iconSize={16} />
-        </span>
-      )}
+      {extraAction ? <div className={extraActionSlotCss}>{extraAction}</div> : null}
     </section>
   );
 };

package/src/emoji-picker/primitives/skin-tone.tsx

@@ -5,16 +5,13 @@ import {textStyles, themeVars} from "../../designSystem";
 import {Emoji} from "./emoji";
 import {useEmojiPickerCtx, useEmojiPickerI18N} from "./root";
 import {useEmojiSkin, useSetEmojiSkin} from "./skin-provider";
+import {IconButton} from "../../Button/icon-button";
 
 const skinToneWrapperCss = css`
   display: flex;
   align-items: center;
   background-color: ${themeVars.actionMenuBg};
   font-size: 0;
-  line-height: 1.15;
-
-  /* magic constant until skin tone is removed from picker search bar */
-  height: 36px;
 `;
 
 const skinToneSwatchCss = css`
@@ -53,6 +50,7 @@ const openedSkinTextCss = css`
   display: inline-block;
   vertical-align: middle;
   ${textStyles.small};
+  line-height: 1.3;
 
   width: 98px;
   color: ${themeVars.accentTextColor};
@@ -76,20 +74,28 @@ export const EmojiPickerSkinTone: React.FC<EmojiPickerSkinToneProps> = ({classNa
 
     skinToneNodes.push(
       <span key={`skin-tone-${skinTone}`} className={cx(skinToneSwatchCss, (selected || opened) && expandedCss)}>
-        <span data-skin={skinTone}>
+        <IconButton
+          size="big"
+          onClick={() => {
+            if (opened) {
+              setSkin(skinTone as EmojiSkin);
+            }
+            setOpened(!opened);
+          }}
+          className={css`
+            &:hover:not(:disabled),
+            &:focus-visible {
+              background-color: var(--fibery-emoji-hover-color, ${themeVars.badgeBgColor});
+            }
+          `}
+        >
           <Emoji
-            onClick={() => {
-              if (opened) {
-                setSkin(skinTone as EmojiSkin);
-              }
-              setOpened(!opened);
-            }}
             emoji={`:hand::skin-tone-${skinTone}:`}
             version={emojiPickerCtx.version}
             native={emojiPickerCtx.native}
             size={20}
           />
-        </span>
+        </IconButton>
       </span>
     );
   }

package/src/emoji-picker/stores/emoji-data-store.tsx

@@ -28,7 +28,6 @@ export const makeEmojiDataStore = (emojiData: EmojiData): EmojiDataStore => {
   };
 };
 
-// TODO: this should probably wrap the whole app so every component shares the same data
 const [DataStoreProvider, useDataStoreCtx] = createContext<EmojiDataStore>("EmojiDataStore");
 
 export const EmojiDataStoreProvider: React.FC<

package/src/emoji-picker/stores/lazy-icon-data-store.tsx

@@ -1,9 +1,7 @@
-import {makeEmojiData} from "@fibery/emoji-data";
-import {Suspense, lazy, useEffect, useState} from "react";
-import {getThemedUrl} from "../../AppIconWithFallback";
-import {useThemeMode} from "../../ThemeProvider";
-import {alignTheme} from "../../theme-settings";
-import {EmojiDataStoreProvider, useEmojiDataStore} from "./emoji-data-store";
+import {RawCustomEmoji, makeEmojiData} from "@fibery/emoji-data";
+import {Suspense, lazy} from "react";
+import {EmojiDataStoreProvider} from "./emoji-data-store";
+import {getImageUrl} from "../../AppIconWithFallback";
 
 const EMPTY_DATA = {
   aliases: {},
@@ -13,27 +11,22 @@ const EMPTY_DATA = {
 };
 
 const LazyAppIcons = lazy(async () => {
-  const {default: appIcons} = await import("../../appIcons.json");
+  const appIconsEmojiData = makeEmojiData(EMPTY_DATA);
 
-  return {
-    default: function EmojiDataStore({children}: React.PropsWithChildren) {
-      const emojiDataStore = useEmojiDataStore();
-      const themeMode = useThemeMode();
-      const alignedTheme = alignTheme(themeMode);
+  const {default: appIcons} = await import("../../appIcons.json");
 
-      useEffect(() => {
-        // TODO: icons should be rendered as svg elements
-        const custom = appIcons.map((icon) => {
-          return {
-            ...icon,
-            imageUrl: getThemedUrl(icon.file, alignedTheme),
-          };
-        });
+  const custom = appIcons.map(
+    (appIcon): RawCustomEmoji => ({
+      ...appIcon,
+      imageUrl: getImageUrl(appIcon) as string,
+    })
+  );
 
-        emojiDataStore.setCustom(custom);
-      }, [alignedTheme, emojiDataStore]);
+  appIconsEmojiData.setCustom(custom);
 
-      return <>{children}</>;
+  return {
+    default: function EmojiDataStore({children}: React.PropsWithChildren) {
+      return <EmojiDataStoreProvider data={appIconsEmojiData}>{children}</EmojiDataStoreProvider>;
     },
   };
 });
@@ -43,13 +36,9 @@ export const LazyIconDataStore: React.FC<
     fallback: React.ReactNode;
   }>
 > = ({fallback, children}) => {
-  const [emojiData] = useState(() => makeEmojiData(EMPTY_DATA));
-
   return (
-    <EmojiDataStoreProvider data={emojiData}>
-      <Suspense fallback={fallback}>
-        <LazyAppIcons>{children}</LazyAppIcons>
-      </Suspense>
-    </EmojiDataStoreProvider>
+    <Suspense fallback={fallback}>
+      <LazyAppIcons>{children}</LazyAppIcons>
+    </Suspense>
   );
 };

package/src/icons/ast/AiAssistant.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const AiAssistant: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M3.27.185a.29.29 0 0 0-.54 0l-.522 1.358c-.09.235-.12.305-.16.36a.614.614 0 0 1-.144.146c-.056.04-.126.069-.36.159L.184 2.73a.29.29 0 0 0 0 .54l1.358.522c.235.09.305.12.36.16.057.04.106.088.146.144.04.056.069.126.159.36l.522 1.359a.29.29 0 0 0 .54 0l.522-1.358c.09-.235.12-.305.16-.36a.614.614 0 0 1 .144-.146c.056-.04.126-.069.36-.159l1.359-.522a.29.29 0 0 0 0-.54l-1.358-.522c-.235-.09-.305-.12-.36-.16a.614.614 0 0 1-.146-.144c-.04-.056-.069-.126-.159-.36L3.27.184Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M10.833 1.7a.8.8 0 0 1 .747.513l1.445 3.757c.25.65.33.842.44.997.11.155.246.29.4.4.156.111.349.191.998.441l3.757 1.445a.8.8 0 0 1 0 1.494l-3.757 1.445c-.65.25-.842.33-.997.44-.155.11-.29.246-.4.4-.111.156-.191.348-.441.998l-1.445 3.757a.8.8 0 0 1-1.494 0L8.641 14.03c-.25-.65-.33-.842-.44-.997a1.699 1.699 0 0 0-.4-.4c-.156-.111-.348-.191-.998-.441l-3.757-1.445a.8.8 0 0 1 0-1.494l3.757-1.445c.65-.25.842-.33.998-.44a1.7 1.7 0 0 0 .4-.4c.11-.156.19-.349.44-.998l1.445-3.757a.8.8 0 0 1 .747-.513Zm0 3.028-.73 1.9c-.204.53-.356.926-.598 1.266a3.3 3.3 0 0 1-.777.778c-.341.242-.737.394-1.267.598l-1.9.73 1.901.73c.53.204.925.356 1.266.598.3.214.563.477.777.777.242.341.394.736.597 1.266l.731 1.9.731-1.9c.204-.53.355-.925.598-1.266.213-.3.476-.563.777-.777.34-.242.735-.394 1.265-.597l1.9-.731-1.898-.73c-.53-.204-.926-.356-1.267-.598a3.302 3.302 0 0 1-.777-.778c-.243-.34-.395-.736-.598-1.266l-.73-1.9Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M3 14a.29.29 0 0 1 .27.185l.522 1.358c.09.235.12.305.16.36.04.057.088.106.144.146.056.04.126.069.36.159l1.359.522a.29.29 0 0 1 0 .54l-1.358.522c-.235.09-.305.12-.36.16a.616.616 0 0 0-.146.144c-.04.056-.069.126-.159.36l-.522 1.359a.29.29 0 0 1-.54 0l-.522-1.359c-.09-.234-.12-.304-.16-.36a.616.616 0 0 0-.144-.145c-.056-.04-.126-.069-.36-.159L.184 17.27a.29.29 0 0 1 0-.54l1.358-.522c.235-.09.305-.12.36-.16a.614.614 0 0 0 .146-.144c.04-.056.069-.126.159-.36l.522-1.359A.29.29 0 0 1 3 14Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant"};
+const AiAssistant: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M3 0c.117 0 .221.072.263.181l.57 1.498a.844.844 0 0 0 .488.488l1.498.57a.281.281 0 0 1 0 .526l-1.498.57a.844.844 0 0 0-.488.488l-.57 1.498a.281.281 0 0 1-.526 0l-.57-1.498a.844.844 0 0 0-.488-.488L.18 3.263a.281.281 0 0 1 0-.526l1.498-.57a.844.844 0 0 0 .488-.488L2.737.18A.281.281 0 0 1 3 0ZM3 14c.117 0 .221.072.263.181l.57 1.498a.844.844 0 0 0 .488.488l1.498.57a.281.281 0 0 1 0 .526l-1.498.57a.844.844 0 0 0-.488.488l-.57 1.498a.281.281 0 0 1-.526 0l-.57-1.498a.844.844 0 0 0-.488-.488l-1.498-.57a.281.281 0 0 1 0-.526l1.498-.57a.844.844 0 0 0 .488-.488l.57-1.498A.281.281 0 0 1 3 14Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M11.7 2.483a.75.75 0 0 0-1.4 0L8.777 6.476a2.25 2.25 0 0 1-1.302 1.302L3.483 9.299a.75.75 0 0 0 0 1.402l3.993 1.521a2.25 2.25 0 0 1 1.302 1.302l1.521 3.993a.75.75 0 0 0 1.402 0l1.521-3.993a2.25 2.25 0 0 1 1.302-1.302l3.993-1.521a.75.75 0 0 0 0-1.402l-3.993-1.521a2.25 2.25 0 0 1-1.302-1.302l-1.521-3.993ZM10.18 7.01 11 4.857l.82 2.153a3.75 3.75 0 0 0 2.17 2.17l2.153.82-2.153.82a3.75 3.75 0 0 0-2.17 2.17L11 15.143l-.82-2.153a3.75 3.75 0 0 0-2.17-2.17L5.857 10l2.153-.82a3.75 3.75 0 0 0 2.17-2.17Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant"};
 
 export default AiAssistant;

package/src/icons/ast/AiAvatar.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const AiAvatar: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10Zm0-15.833a.562.562 0 0 1 .525.36l1.016 2.64c.175.457.232.592.309.701.077.11.173.204.281.281.11.078.245.135.701.31l2.64 1.016a.562.562 0 0 1 0 1.05l-2.64 1.015c-.456.176-.591.232-.7.31a1.198 1.198 0 0 0-.281.28c-.078.11-.135.245-.31.702l-1.016 2.64a.562.562 0 0 1-1.05 0l-1.015-2.64c-.176-.457-.232-.592-.31-.7a1.194 1.194 0 0 0-.28-.282c-.11-.078-.245-.134-.702-.31l-2.64-1.015a.562.562 0 0 1 0-1.05l2.64-1.016c.457-.175.592-.232.701-.309.11-.077.204-.172.281-.281.078-.11.134-.245.31-.701l1.015-2.64A.562.562 0 0 1 10 4.166Zm0 2.128-.514 1.34c-.143.37-.25.647-.42.885-.15.211-.334.396-.545.546-.239.17-.516.277-.886.42L6.295 10l1.336.513c.372.143.65.25.89.42.21.15.396.335.546.546.17.24.277.517.42.89L10 13.704l.518-1.345c.141-.368.247-.642.416-.88.15-.21.335-.395.546-.546.24-.17.517-.277.89-.42L13.704 10l-1.338-.515c-.37-.142-.648-.25-.887-.419a2.321 2.321 0 0 1-.546-.546c-.17-.24-.277-.518-.42-.89L10 6.295Z"},"children":[]}],"metadata":""}]},"name":"ai-avatar"};
+const AiAvatar: 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":"M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10Zm0-15.833a.562.562 0 0 1 .525.36l1.016 2.64c.175.457.232.592.309.701.077.11.173.204.281.281.11.078.245.135.701.31l2.64 1.016a.562.562 0 0 1 0 1.05l-2.64 1.015c-.456.176-.591.232-.7.31a1.198 1.198 0 0 0-.281.28c-.078.11-.135.245-.31.702l-1.016 2.64a.562.562 0 0 1-1.05 0l-1.015-2.64c-.176-.457-.232-.592-.31-.7a1.194 1.194 0 0 0-.28-.282c-.11-.078-.245-.134-.702-.31l-2.64-1.015a.562.562 0 0 1 0-1.05l2.64-1.016c.457-.175.592-.232.701-.309.11-.077.204-.172.281-.281.078-.11.134-.245.31-.701l1.015-2.64A.562.562 0 0 1 10 4.166Zm0 2.128-.514 1.34c-.143.37-.25.647-.42.885-.15.211-.334.396-.545.546-.239.17-.516.277-.886.42L6.295 10l1.336.513c.372.143.65.25.89.42.21.15.396.335.546.546.17.24.277.517.42.89L10 13.704l.518-1.345c.141-.368.247-.642.416-.88.15-.21.335-.395.546-.546.24-.17.517-.277.89-.42L13.704 10l-1.338-.515c-.37-.142-.648-.25-.887-.419a2.321 2.321 0 0 1-.546-.546c-.17-.24-.277-.518-.42-.89L10 6.295Z"},"children":[]}],"metadata":""}]},"name":"ai-avatar"};
 
 export default AiAvatar;

package/src/icons/ast/AppTemplates.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const AppTemplates: 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":"M13 2a2.25 2.25 0 0 0-2.25 2.25V7A2.25 2.25 0 0 0 13 9.25h2.75A2.25 2.25 0 0 0 18 7V4.25A2.25 2.25 0 0 0 15.75 2H13Zm-.75 2.25A.75.75 0 0 1 13 3.5h2.75a.75.75 0 0 1 .75.75V7a.75.75 0 0 1-.75.75H13a.75.75 0 0 1-.75-.75V4.25ZM4.25 10.75A2.25 2.25 0 0 0 2 13v2.75A2.25 2.25 0 0 0 4.25 18H7a2.25 2.25 0 0 0 2.25-2.25V13A2.25 2.25 0 0 0 7 10.75H4.25ZM3.5 13a.75.75 0 0 1 .75-.75H7a.75.75 0 0 1 .75.75v2.75a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75V13ZM2 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.25Zm2.25-.75a.75.75 0 0 0-.75.75V7c0 .414.336.75.75.75H7A.75.75 0 0 0 7.75 7V4.25A.75.75 0 0 0 7 3.5H4.25Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.38 18c-.483 0-.875-.367-.875-.85v-1.895H11.6a.875.875 0 1 1 0-1.75h1.905V11.65a.875.875 0 1 1 1.75 0v1.855H17.1a.875.875 0 1 1 0 1.75h-1.845v1.895c0 .483-.392.85-.875.85Z"},"children":[]}],"metadata":""}]},"name":"app-templates"};
+const AppTemplates: 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.25Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.38 9.225c-.483 0-.875-.367-.875-.85V6.48H11.6a.875.875 0 0 1 0-1.75h1.905V2.875a.875.875 0 0 1 1.75 0V4.73H17.1a.875.875 0 1 1 0 1.75h-1.845v1.895c0 .483-.392.85-.875.85Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13 10.75A2.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-.75H13ZM4.055 10.9a2.22 2.22 0 0 1 3.14 0L9.1 12.805a2.22 2.22 0 0 1 0 3.14L7.195 17.85a2.22 2.22 0 0 1-3.14 0L2.15 15.945a2.22 2.22 0 0 1 0-3.14L4.055 10.9Zm1.061 1.06a.72.72 0 0 1 1.018 0l1.905 1.906a.72.72 0 0 1 0 1.018l-1.905 1.905a.72.72 0 0 1-1.018 0l-1.905-1.905a.72.72 0 0 1 0-1.018l1.905-1.905Z"},"children":[]}],"metadata":""}]},"name":"app-templates"};
 
 export default AppTemplates;

package/src/icons/ast/BellCircle.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const BellCircle: 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":"M10 2c-1.509 0-2.966.559-4.047 1.569C4.869 4.579 4.25 5.963 4.25 7.417c0 2.105-.528 3.55-1.117 4.514l-.008.014c-.315.514-.56.916-.726 1.207-.082.145-.155.28-.208.397a1.632 1.632 0 0 0-.077.201.937.937 0 0 0-.04.352c.009.105.03.287.135.474.105.187.25.3.334.363a.94.94 0 0 0 .298.144c.073.02.144.033.205.042.12.017.259.026.405.031.29.01.694.01 1.203.01H6.75v.084a3.25 3.25 0 0 0 6.5 0v-.083h2.096c.51 0 .914 0 1.203-.011a4.06 4.06 0 0 0 .405-.031c.06-.009.132-.021.205-.042a.94.94 0 0 0 .298-.144c.085-.063.23-.176.334-.363.105-.187.126-.37.136-.474a.936.936 0 0 0-.04-.352 1.616 1.616 0 0 0-.078-.2 5.134 5.134 0 0 0-.208-.398c-.165-.29-.411-.693-.726-1.207l-.008-.014c-.388-.635-.747-1.474-.948-2.567a.75.75 0 0 0-1.475.272c.235 1.276.66 2.287 1.143 3.077.241.395.432.707.576.951a80.41 80.41 0 0 1-.835.003H4.672c-.338 0-.613 0-.836-.003.145-.244.336-.556.577-.95.738-1.209 1.337-2.926 1.337-5.297 0-1.022.434-2.013 1.226-2.752C7.77 3.925 8.856 3.5 10 3.5c.291 0 .579.028.86.081a.75.75 0 0 0 .28-1.473A6.095 6.095 0 0 0 10 2ZM8.25 15.167v.083a1.75 1.75 0 0 0 3.5 0v-.083h-3.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M18 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"},"children":[]}],"metadata":""}]},"name":"bell-circle"};
+
+export default BellCircle;

package/src/icons/ast/BellX.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const BellX: 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":"M10 2c-1.509 0-2.966.559-4.047 1.569C4.869 4.579 4.25 5.963 4.25 7.417c0 2.105-.528 3.55-1.117 4.514l-.008.014c-.315.514-.56.916-.726 1.207-.082.145-.155.28-.208.397a1.632 1.632 0 0 0-.077.201.937.937 0 0 0-.04.352c.009.105.03.287.135.474.105.187.25.3.334.363a.94.94 0 0 0 .298.144c.073.02.144.033.205.042.12.017.259.026.405.031.29.01.694.01 1.203.01H6.75v.084a3.25 3.25 0 0 0 6.5 0v-.083h2.096c.51 0 .914 0 1.203-.011.146-.005.285-.014.405-.031a1.49 1.49 0 0 0 .205-.042.94.94 0 0 0 .298-.144c.085-.063.23-.176.334-.363a1.15 1.15 0 0 0 .135-.474.934.934 0 0 0-.04-.352 1.648 1.648 0 0 0-.077-.2 5.134 5.134 0 0 0-.208-.398c-.165-.29-.411-.693-.726-1.207l-.008-.014c-.589-.964-1.117-2.409-1.117-4.514 0-1.454-.62-2.837-1.703-3.848C12.966 2.559 11.51 2 10 2ZM8.25 15.167v.083a1.75 1.75 0 0 0 3.5 0v-.083h-3.5ZM10 3.5c-1.143 0-2.23.424-3.024 1.165-.792.74-1.226 1.73-1.226 2.752 0 2.371-.599 4.088-1.337 5.296-.241.395-.432.707-.577.951.223.003.498.003.836.003h10.656c.338 0 .613 0 .835-.003a86.666 86.666 0 0 0-.576-.95c-.738-1.209-1.337-2.926-1.337-5.297 0-1.022-.434-2.013-1.226-2.752C12.23 3.925 11.144 3.5 10 3.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M8.28 6.22a.75.75 0 0 0-1.06 1.06L8.94 9l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 10.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 9l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 7.94 8.28 6.22Z"},"children":[]}],"metadata":""}]},"name":"bell-x"};
+
+export default BellX;

package/src/icons/ast/Bolt.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Bolt: 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":"M11.114 1.055a.75.75 0 0 1 .463.79l-.726 5.738h4.437c.2 0 .398 0 .56.015.153.014.43.05.67.243.279.223.44.562.436.92-.003.307-.15.544-.237.672-.09.134-.216.287-.343.443l-.008.009L9.767 18.7a.75.75 0 0 1-1.344-.544l.726-5.74H4.712c-.2 0-.398 0-.56-.014-.153-.014-.43-.05-.67-.243a1.167 1.167 0 0 1-.436-.92c.003-.307.15-.544.237-.672.09-.134.216-.287.343-.443l.008-.009 6.599-8.814a.75.75 0 0 1 .881-.246Zm-6.207 9.862H10a.75.75 0 0 1 .744.844l-.477 3.768 4.826-6.446H10a.75.75 0 0 1-.744-.844l.477-3.768-4.826 6.446Z"},"children":[]}],"metadata":""}]},"name":"bolt"};
+
+export default Bolt;

package/src/icons/ast/CheckCircle.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const CheckCircle: 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 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm4.155 3.432a.75.75 0 0 1 0 1.06L9.08 13.069a.75.75 0 0 1-1.06 0l-2.175-2.175a.75.75 0 1 1 1.06-1.06l1.645 1.644 4.545-4.545a.75.75 0 0 1 1.06 0Z"},"children":[]}],"metadata":""}]},"name":"check-circle"};
+
+export default CheckCircle;

package/src/icons/ast/ClockForward.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ClockForward: 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":"M14.455 4.07A7.417 7.417 0 1 0 17.417 10a.75.75 0 0 0-1.5 0 5.917 5.917 0 1 1-2.62-4.913h-.592a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 .75-.75v-2.5a.75.75 0 0 0-1.5 0v.733ZM10 5.917a.75.75 0 0 1 .75.75v3.022l1.864 1.864a.75.75 0 0 1-1.061 1.06L9.47 10.53a.75.75 0 0 1-.22-.53V6.667a.75.75 0 0 1 .75-.75Z"},"children":[]}],"metadata":""}]},"name":"clock-forward"};
+
+export default ClockForward;

package/src/icons/ast/ColorCodingFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ColorCodingFilled: 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":"M10 2.05a7.95 7.95 0 1 0 0 15.9 3.15 3.15 0 0 0 3.15-3.15v-.48c0-.326.002-.402.01-.453a.85.85 0 0 1 .707-.706c.051-.009.127-.01.453-.01h.48A3.15 3.15 0 0 0 17.95 10 7.95 7.95 0 0 0 10 2.05ZM7.65 6.4a1.15 1.15 0 1 1 2.3 0 1.15 1.15 0 0 1-2.3 0Zm4 .8a1.15 1.15 0 1 1 2.3 0 1.15 1.15 0 0 1-2.3 0ZM6.4 8.45a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Z"},"children":[]}],"metadata":""}]},"name":"color-coding-filled"};
+
+export default ColorCodingFilled;

package/src/icons/ast/Delete.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const Delete: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M6.741 18h6.525c1.086 0 1.789-.66 1.838-1.751l.483-10.215h.781c.355 0 .632-.27.632-.624a.616.616 0 0 0-.632-.617h-3.16V3.73c0-1.085-.688-1.73-1.866-1.73H8.644c-1.171 0-1.867.645-1.867 1.73v1.063H3.625a.62.62 0 1 0 0 1.24h.788l.483 10.223C4.946 17.348 5.64 18 6.74 18ZM8.083 3.794c0-.37.256-.603.653-.603h2.513c.398 0 .654.234.654.603v1h-3.82v-1ZM6.876 16.745c-.39 0-.674-.283-.695-.702l-.476-10.01h8.569l-.462 10.01c-.014.419-.298.702-.702.702H6.876Zm1.03-1.141c.298 0 .49-.191.482-.468l-.213-7.43c-.007-.283-.205-.467-.49-.467-.298 0-.49.191-.482.468l.213 7.429c.007.284.206.468.49.468Zm2.094 0c.298 0 .497-.191.497-.468v-7.43c0-.276-.199-.467-.497-.467s-.497.191-.497.468v7.429c0 .277.199.468.497.468Zm2.094 0c.284 0 .476-.184.483-.468l.22-7.43c.007-.276-.192-.467-.483-.467-.284 0-.482.184-.49.468l-.22 7.429c-.007.277.192.468.49.468Z"},"children":[]}],"metadata":""}]},"name":"delete"};
+const Delete: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M8.25 8a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 8.25 8ZM12.5 8.75a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0v-4.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M6.5 4.5V2.528a1.583 1.583 0 0 1 .475-1.132l.04-.048c.042-.05.13-.149.269-.233.263-.158.562-.17.8-.17h3.833A1.584 1.584 0 0 1 13.5 2.527V4.5h3.25a.75.75 0 0 1 0 1.5h-.223l-.777 9.561a2.417 2.417 0 0 1-2.417 2.383H6.667a2.417 2.417 0 0 1-2.417-2.383L3.473 6H3.25a.75.75 0 0 1 0-1.5H6.5Zm1.524-2.031.024-.024h3.869a.083.083 0 0 1 .083.083V4.5H8V2.528c0-.022.009-.044.024-.06ZM4.978 6l.77 9.467.002.06a.917.917 0 0 0 .917.917h6.666a.917.917 0 0 0 .917-.916c0-.02 0-.04.002-.061L15.022 6H4.978Z"},"children":[]}],"metadata":""}]},"name":"delete"};
 
 export default Delete;

package/src/icons/ast/EmojiDelete.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const EmojiDelete: 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":"M6.5 4.5V2.528a1.583 1.583 0 0 1 .475-1.132l.04-.048c.042-.05.13-.149.269-.233.263-.158.562-.17.8-.17h3.833A1.584 1.584 0 0 1 13.5 2.527V4.5h3.25a.75.75 0 0 1 0 1.5h-.223l-.777 9.561a2.417 2.417 0 0 1-2.417 2.383H6.667a2.417 2.417 0 0 1-2.417-2.383L3.473 6H3.25a.75.75 0 0 1 0-1.5H6.5Zm1.524-2.031.024-.024h3.869a.083.083 0 0 1 .083.083V4.5H8V2.528c0-.022.009-.044.024-.06ZM4.978 6l.77 9.467.002.06a.917.917 0 0 0 .917.917h6.666a.917.917 0 0 0 .917-.916c0-.02 0-.04.002-.061L15.022 6H4.978Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M12.008 13.2c-.45.327-1.134.677-2.007.677-.874 0-1.56-.35-2.009-.677a3.924 3.924 0 0 1-.521-.454c-.06-.063-.17-.194-.204-.235a.751.751 0 0 1 1.197-.904c.072.075.27.278.41.38.284.206.666.39 1.127.39.46 0 .841-.184 1.125-.39.14-.102.338-.305.41-.38a.751.751 0 0 1 1.197.904c-.034.04-.143.172-.204.235a3.93 3.93 0 0 1-.52.454Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M7.383 9.393a1.017 1.017 0 1 1 2.034 0 1.017 1.017 0 0 1-2.034 0Zm3.2 0a1.017 1.017 0 1 1 2.034 0 1.017 1.017 0 0 1-2.034 0Z"},"children":[]}],"metadata":""}]},"name":"emoji-delete"};
+
+export default EmojiDelete;

package/src/icons/ast/ExtensionAssignments.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ExtensionAssignments: 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":"M13 3.25c-1.73 0-3 1.531-3 3.25s1.27 3.25 3 3.25c1.729 0 3-1.531 3-3.25s-1.271-3.25-3-3.25ZM11.5 6.5c0-1.043.744-1.75 1.5-1.75s1.5.707 1.5 1.75c0 1.043-.744 1.75-1.5 1.75s-1.5-.707-1.5-1.75ZM6.25 4.25c-1.6 0-2.75 1.429-2.75 3s1.15 3 2.75 3S9 8.821 9 7.25s-1.15-3-2.75-3ZM5 7.25c0-.914.64-1.5 1.25-1.5s1.25.586 1.25 1.5-.64 1.5-1.25 1.5S5 8.164 5 7.25ZM8.29 11.84c1.051-.965 2.617-1.59 4.71-1.59s3.658.625 4.71 1.59c1.045.96 1.536 2.217 1.54 3.38.003.99-.873 1.53-1.625 1.53H8.374c-.752 0-1.628-.54-1.624-1.53.004-1.163.494-2.42 1.54-3.38Zm1.014 1.105a3.243 3.243 0 0 0-1.04 2.053c-.013.139.1.252.239.252h8.996a.233.233 0 0 0 .238-.252 3.248 3.248 0 0 0-1.042-2.053c-.726-.667-1.907-1.195-3.695-1.195-1.789 0-2.97.528-3.696 1.195Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M6.249 10.75c.573 0 1.102.056 1.586.16a5.89 5.89 0 0 0-1.198 1.351 6.983 6.983 0 0 0-.388-.011c-1.49 0-2.472.45-3.08 1.016a2.91 2.91 0 0 0-.902 1.776.188.188 0 0 0 .192.207l3.29-.013a2.38 2.38 0 0 0 .516 1.514H2.37c-.753 0-1.648-.548-1.618-1.558a4.327 4.327 0 0 1 1.396-3.024c.929-.864 2.296-1.418 4.102-1.418Z"},"children":[]}],"metadata":""}]},"name":"extension-assignments"};
+const ExtensionAssignments: 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":"M10.37 11.149C9.323 10.672 8.104 10.5 7 10.5s-2.323.172-3.37.649c-1.06.483-1.983 1.302-2.351 2.587-.161.562-.152 1.244-.12 1.725.06.924.847 1.539 1.684 1.539h8.314c.837 0 1.625-.615 1.685-1.539.031-.48.04-1.163-.121-1.725-.368-1.285-1.29-2.104-2.351-2.587Zm.909 3c-.216-.755-.756-1.282-1.531-1.635C8.959 12.154 7.97 12 7 12c-.97 0-1.96.155-2.748.514-.775.353-1.315.88-1.531 1.635-.085.298-.096.761-.066 1.215a.12.12 0 0 0 .044.086c.03.027.08.05.144.05h8.314a.218.218 0 0 0 .144-.05.12.12 0 0 0 .044-.086c.03-.454.02-.917-.066-1.215ZM10.25 6.25a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0Zm-1.5 0a1.75 1.75 0 1 0-3.5 0 1.75 1.75 0 0 0 3.5 0ZM13.818 5a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5Zm0 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.008 12.015a.75.75 0 0 0 .655.834c1.371.165 2.36.711 2.634 1.67.065.227.075.595.051.971a.07.07 0 0 1-.038.01h-2.06a.75.75 0 0 0 0 1.5h2.06c.759 0 1.48-.558 1.535-1.405.026-.406.035-.997-.106-1.49-.534-1.863-2.356-2.56-3.897-2.745a.75.75 0 0 0-.834.655Z"},"children":[]}],"metadata":""}]},"name":"extension-assignments"};
 
 export default ExtensionAssignments;

package/src/icons/ast/Fields.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const Fields: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M4.75 2a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75ZM4.75 16.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5H4.75ZM12 10a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 10a4.5 4.5 0 0 1 4.5-4.5h7a4.5 4.5 0 1 1 0 9h-7A4.5 4.5 0 0 1 2 10Zm4.5-3a3 3 0 0 0 0 6h7a3 3 0 1 0 0-6h-7Z"},"children":[]}],"metadata":""}]},"name":"fields"};
+const Fields: 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":"M1 10a6 6 0 0 1 6-6h6a6 6 0 0 1 0 12H7a6 6 0 0 1-6-6Zm1.5 0A4.5 4.5 0 0 1 7 5.5h6a4.5 4.5 0 1 1 0 9H7A4.5 4.5 0 0 1 2.5 10Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13 12.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z"},"children":[]}],"metadata":""}]},"name":"fields"};
 
 export default Fields;