@fibery/ui-kit 1.36.2 → 1.38.0

package/src/file-item.tsx

@@ -1,10 +1,15 @@
 import {css, cx} from "@linaria/core";
-import {PureComponent} from "react";
+import {PureComponent, useEffect, useState} from "react";
 import {ActionsMenu, ActionsMenuItem} from "./actions-menu";
 import {ActionsButtonCompact} from "./button/actions-button-compact";
 import {Item} from "./item";
 import {border, colors, fontWeight, space, textStyles, themeVars} from "./design-system";
 import {makeButtonColors} from "./button/make-button-colors";
+import {IconButton} from "./button/icon-button";
+import ZoomIn from "./icons/react/RicheditorImageZoom";
+import {Tooltip} from "./tooltip";
+import {Zoom} from "./images-gallery/zoom";
+import {useImagesGalleryMethods, useImagesGalleryRegistry} from "./images-gallery/images-gallery";
 
 const fileItemStyle = css`
   ${{
@@ -50,7 +55,7 @@ const imageOverlayStyle = css`
     borderRadius: border.radius6,
     "&:hover": {
       backgroundPosition: "0% 0%",
-      color: colors.inversedTextColor,
+      color: themeVars.inversedTextColor,
     },
   }}
 `;
@@ -65,15 +70,71 @@ export type FileItemType = {
   name: string;
   url: string;
   thumbnailUrl: string | null;
+  previewUrl: string | null;
   status?: string;
 };
 
 export type FileItemProps = {
   data: FileItemType;
-  onRemoveClick: (x: FileItemType) => void;
+  onRemoveClick?: (x: FileItemType) => void;
   disabled?: boolean;
 };
 
+function ImageZoom({thumbnailUrl, url}: {thumbnailUrl: string; url: string}) {
+  const [zoomed, setZoomed] = useState(false);
+  const imagesRegistry = useImagesGalleryRegistry();
+  const galleryMethods = useImagesGalleryMethods();
+  useEffect(() => {
+    imagesRegistry.set(thumbnailUrl, {zoomed: false, setZoomed});
+  }, [imagesRegistry, thumbnailUrl]);
+  useEffect(() => {
+    if (zoomed) {
+      galleryMethods.setActivated(true);
+    }
+    const imageData = imagesRegistry.get(thumbnailUrl);
+    if (imageData) {
+      imageData.zoomed = zoomed;
+    } else {
+      imagesRegistry.set(thumbnailUrl, {zoomed, setZoomed});
+    }
+  }, [galleryMethods, zoomed, thumbnailUrl, imagesRegistry]);
+  return (
+    <div
+      className={css`
+        position: relative;
+      `}
+    >
+      <Zoom
+        zoomImg={{src: url}}
+        openOnClick={true}
+        className={css`
+          position: absolute;
+          outline: none;
+          bottom: 0;
+          top: 0;
+          left: 0;
+          right: 0;
+          cursor: zoom-in;
+        `}
+        zoomed={zoomed}
+        onZoomedChange={setZoomed}
+      >
+        <div role="img" style={{backgroundImage: `url(${thumbnailUrl})`, outline: "none"}} />
+      </Zoom>
+      <Tooltip title={"Zoom in"}>
+        <IconButton
+          style={makeButtonColors(colors.inversedTextColor, "ghost")}
+          onClick={() => setZoomed(true)}
+          size={"small"}
+          supportMobile={true}
+        >
+          <ZoomIn />
+        </IconButton>
+      </Tooltip>
+    </div>
+  );
+}
+
 export class FileItem extends PureComponent<FileItemProps> {
   _renderStatus() {
     const {status} = this.props.data;
@@ -91,61 +152,117 @@ export class FileItem extends PureComponent<FileItemProps> {
   }
 
   render() {
-    const {name, url, thumbnailUrl, status} = this.props.data;
-
+    const {name, url, thumbnailUrl, status, previewUrl} = this.props.data;
     const isActive = status === "uploading" || status === "deleting";
     const isBackgroundReady = thumbnailUrl && !isActive;
-
     return (
-      <a
-        href={url}
-        rel="noopener noreferrer nofollow"
-        target="_blank"
-        style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
+      <div
         className={cx(
-          fileItemStyle,
-          isActive &&
+          css`
+            position: relative;
+            height: 100%;
+          `,
+          isBackgroundReady &&
             css`
-              ${{backgroundColor: themeVars.entityCardSelectedColor}}
+              &:hover .${overlayStyle} {
+                background-position: 0 0;
+                color: ${themeVars.inversedTextColor};
+              }
             `
         )}
       >
-        <div className={cx(overlayStyle, isBackgroundReady ? imageOverlayStyle : fileOverlayStyle)}>
-          <Item
-            multiline
-            textClassName={nameStyle}
-            rightContainer={
-              <ActionsMenu
-                trigger={
-                  <ActionsButtonCompact
-                    style={isBackgroundReady ? makeButtonColors(colors.inversedTextColor, "ghost") : undefined}
-                  />
-                }
-              >
-                <a download={name} href={url}>
-                  <ActionsMenuItem>Download</ActionsMenuItem>
-                </a>
-                <ActionsMenuItem
-                  onSelect={() => this.props.onRemoveClick(this.props.data)}
-                  dangerous
-                  disabled={this.props.disabled}
-                >
-                  Delete
-                </ActionsMenuItem>
-              </ActionsMenu>
+        {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
+        <a
+          href={url}
+          className={css`
+            &::before {
+              bottom: 0;
+              content: "";
+              display: block;
+              left: 0;
+              position: absolute;
+              right: 0;
+              top: 0;
             }
-          >
-            <div
-              className={css`
-                ${fontWeight}
-              `}
+          `}
+          rel="noopener noreferrer nofollow"
+          target="_blank"
+        />
+        <div
+          style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
+          className={cx(
+            fileItemStyle,
+            isActive &&
+              css`
+                ${{backgroundColor: themeVars.entityCardSelectedColor}}
+              `
+          )}
+        >
+          <div className={cx(overlayStyle, isBackgroundReady ? imageOverlayStyle : fileOverlayStyle)}>
+            <Item
+              multiline
+              textClassName={nameStyle}
+              rightContainer={
+                <div
+                  className={css`
+                    display: flex;
+                    align-items: center;
+                    gap: ${space.s4}px;
+                  `}
+                >
+                  {previewUrl ? <ImageZoom url={url} thumbnailUrl={previewUrl} /> : null}
+                  <ActionsMenu
+                    trigger={
+                      <ActionsButtonCompact
+                        className={css`
+                          z-index: 1;
+                        `}
+                        style={isBackgroundReady ? makeButtonColors(colors.inversedTextColor, "ghost") : undefined}
+                      />
+                    }
+                  >
+                    <a download={name} href={url}>
+                      <ActionsMenuItem>Download</ActionsMenuItem>
+                    </a>
+                    <ActionsMenuItem
+                      onSelect={() => this.props.onRemoveClick?.(this.props.data)}
+                      dangerous
+                      disabled={this.props.disabled}
+                    >
+                      Delete
+                    </ActionsMenuItem>
+                  </ActionsMenu>
+                </div>
+              }
             >
-              {this._renderStatus()}
-            </div>
-            {name}
-          </Item>
+              <div
+                className={css`
+                  ${fontWeight}
+                `}
+              >
+                {this._renderStatus()}
+              </div>
+              <a
+                className={css`
+                  position: relative;
+                  z-index: 1;
+                  color: inherit;
+                  text-decoration: none;
+                  &:hover {
+                    text-decoration: none;
+                    color: inherit;
+                  }
+                `}
+                href={url}
+                target={"_blank"}
+                rel="noreferrer"
+              >
+                {name}
+              </a>
+            </Item>
+          </div>
         </div>
-      </a>
+      </div>
     );
   }
 }

package/src/guide-link.tsx

@@ -1,17 +1,18 @@
 import {Button} from "./button/button";
-import {ButtonSize} from "./button/base-button";
+import {ButtonSize, ButtonVariant} from "./button/base-button";
 import HintIcon from "./icons/react/Hint";
 import {IconButton} from "./button/icon-button";
 
 type GuideLinkProps = React.PropsWithChildren<{
   href: string;
   size?: ButtonSize;
+  variant?: ButtonVariant;
 }>;
-export const GuideLink: React.FC<GuideLinkProps> = ({href, children, size = "small"}) => {
+export const GuideLink: React.FC<GuideLinkProps> = ({href, children, size = "small", variant = "ghost"}) => {
   return (
     <a href={href} rel="noreferrer" target={"_blank"}>
       {children ? (
-        <Button iconStart={<HintIcon />} variant="ghost" color="neutral" size={size}>
+        <Button iconStart={<HintIcon />} variant={variant} color="neutral" size={size}>
           {children}
         </Button>
       ) : (

package/src/hint.tsx

@@ -17,11 +17,15 @@ interface HintProps {
   tooltipSide?: TooltipProps["side"];
   tooltipAlign?: TooltipProps["align"];
   children?: ReactNode;
+  containerSize?: number;
+  iconSize?: number;
 }
 
 export const Hint: FC<HintProps> = ({
   children,
   text,
+  containerSize = 20,
+  iconSize = 18,
   title,
   description,
   multiline,
@@ -36,7 +40,12 @@ export const Hint: FC<HintProps> = ({
       rightContainer={
         <Tooltip title={text || title} description={description} side={tooltipSide} align={tooltipAlign}>
           <div>
-            <HintIcon viewBox={"0 0 20 20"} color={themeVars.iconColor} containerSize={20} iconSize={18} />
+            <HintIcon
+              viewBox={"0 0 20 20"}
+              color={themeVars.iconColor}
+              containerSize={containerSize}
+              iconSize={iconSize}
+            />
           </div>
         </Tooltip>
       }

package/src/html-styles.ts

@@ -88,14 +88,14 @@ const htmlStyles = {
     marginTop: space.s16,
   },
   "& ul": {
-    margin: space.s2,
+    margin: space.s3,
     marginLeft: space.s12,
     listStyleType: "disc",
     padding: 0,
     ...textStyles.regular,
   },
   "& ol": {
-    margin: space.s2,
+    margin: space.s3,
     marginLeft: space.s12,
     listStyleType: "decimal",
     padding: 0,
@@ -110,8 +110,8 @@ const htmlStyles = {
     ...textStyles.regular,
   },
   "& li p": {
-    marginTop: space.s2,
-    marginBottom: space.s2,
+    marginTop: space.s3,
+    marginBottom: space.s3,
     marginLeft: space.s4,
     paddingTop: space.s3,
     paddingBottom: space.s3,
@@ -135,16 +135,16 @@ const htmlStyles = {
     },
   },
   "& p": {
-    marginTop: space.s2,
-    marginBottom: space.s2,
+    marginTop: space.s3,
+    marginBottom: space.s3,
     paddingTop: space.s3,
     paddingBottom: space.s3,
     ...textStyles.big,
     lineHeight: lineHeight.text,
   },
   "& .fibery-rich-text-check-item": {
-    marginTop: space.s2,
-    marginBottom: space.s2,
+    marginTop: space.s3,
+    marginBottom: space.s3,
     paddingTop: space.s3,
     paddingBottom: space.s3,
     ...textStyles.big,
@@ -160,8 +160,8 @@ const htmlStyles = {
     paddingRight: space.s12,
     paddingBottom: space.s3,
     "& p": {
-      marginTop: space.s2,
-      marginBottom: space.s2,
+      marginTop: space.s3,
+      marginBottom: space.s3,
       paddingTop: space.s3,
       paddingBottom: space.s3,
       ...textStyles.big,
@@ -169,8 +169,8 @@ const htmlStyles = {
     },
   },
   "& .code-block": {
-    marginTop: space.s8,
-    marginBottom: space.s8,
+    marginTop: space.s12,
+    marginBottom: space.s12,
   },
   "& pre": {
     whiteSpace: "pre-wrap",
@@ -226,9 +226,13 @@ const htmlStyles = {
   },
   "& > *:first-child": {
     marginTop: 0,
+    paddingTop: space.s3,
+    paddingBottom: space.s3,
   },
   "& > *:last-child": {
     marginBottom: 0,
+    paddingTop: space.s3,
+    paddingBottom: space.s3,
   },
   "& > .fibery-rich-text-image-block:last-child": {
     marginBottom: space.s4,
@@ -433,9 +437,13 @@ const smallHtmlStyles = {
   },
   "& > *:first-child": {
     marginTop: 0,
+    paddingTop: space.s2,
+    paddingBottom: space.s2,
   },
   "& > *:last-child": {
     marginBottom: 0,
+    paddingTop: space.s2,
+    paddingBottom: space.s2,
   },
   "& > .fibery-rich-text-image-block:last-child": {
     marginBottom: space.s2,
@@ -582,13 +590,14 @@ const chatHtmlStyles = {
     backgroundColor: themeVars.codeBlockBgColor,
     borderRadius: 6,
     ...textStyles.code,
+    fontSize: typeSizes[5],
     "& *:last-child": {
       marginBottom: 0,
     },
   },
   "& code": {
     ...textStyles.code,
-    fontSize: "85%",
+    fontSize: typeSizes[5],
     lineHeight: "inherit",
     fontWeight: "inherit",
     padding: `${space.s2}px ${space.s3}px`,
@@ -598,6 +607,7 @@ const chatHtmlStyles = {
   },
   "& pre code": {
     ...textStyles.code,
+    fontSize: typeSizes[5],
     backgroundColor: themeVars.transparent,
     color: themeVars.textColor,
     padding: 0,

package/src/icons/ast/ActivityFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ActivityFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M12.4 16.5c.192 0 .288 0 .355.05.053.04.094.117.099.183.005.084-.041.155-.134.296a3.247 3.247 0 0 1-5.439 0c-.092-.141-.139-.212-.133-.296a.273.273 0 0 1 .098-.183c.067-.05.163-.05.355-.05h4.8ZM10 2c1.51 0 2.966.559 4.048 1.568 1.083 1.012 1.702 2.395 1.702 3.849 0 2.105.529 3.55 1.117 4.514.273.445.484.761.641.995l.065.097c.076.114.153.23.21.332.028.05.064.12.092.2a.898.898 0 0 1 .052.38c-.01.105-.031.287-.135.473a1.151 1.151 0 0 1-.335.365.94.94 0 0 1-.299.145 1.501 1.501 0 0 1-.205.042c-.12.017-.259.025-.404.03-.28.01-.669.01-1.155.01H4.607c-.487 0-.875 0-1.156-.01a4.065 4.065 0 0 1-.404-.03 1.498 1.498 0 0 1-.205-.042.942.942 0 0 1-.299-.145 1.151 1.151 0 0 1-.335-.365 1.157 1.157 0 0 1-.135-.473.895.895 0 0 1 .053-.38c.029-.08.064-.15.093-.2.056-.101.133-.218.209-.332l.065-.097c.157-.234.368-.55.64-.995.589-.964 1.117-2.409 1.117-4.514 0-1.454.62-2.837 1.703-3.849C7.035 2.56 8.491 2 10 2Z"},"children":[]}],"metadata":""}]},"name":"activity-filled"};
+
+export default ActivityFilled;

package/src/icons/ast/AiAssistantFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const AiAssistantFilled: 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":"M3.374.262a.398.398 0 0 0-.75.006l-.548 1.607a.317.317 0 0 1-.207.2l-1.59.493a.395.395 0 0 0-.006.754l1.595.524a.317.317 0 0 1 .202.202l.552 1.68c.119.36.629.364.753.006l.587-1.69a.317.317 0 0 1 .199-.197l1.568-.526a.395.395 0 0 0-.006-.752l-1.564-.494a.317.317 0 0 1-.203-.195L3.374.262Zm-.562 14.956a.332.332 0 0 0-.626.006l-.456 1.338a.264.264 0 0 1-.172.168l-1.325.41a.33.33 0 0 0-.006.628l1.33.437c.08.027.142.089.168.169l.46 1.399c.099.3.524.304.628.005l.488-1.409a.264.264 0 0 1 .166-.163l1.308-.439a.33.33 0 0 0-.006-.626l-1.303-.412a.264.264 0 0 1-.17-.162l-.484-1.349Zm9.183-12.814c-.336-.936-1.663-.924-1.983.017l-1.47 4.33a1.2 1.2 0 0 1-.78.76L3.506 8.835c-.975.304-.986 1.68-.017 2l4.273 1.41a1.2 1.2 0 0 1 .764.767l1.482 4.53c.314.957 1.662.968 1.99.017l1.578-4.566a1.2 1.2 0 0 1 .752-.745l4.202-1.415c.963-.324.95-1.689-.017-1.996L14.326 7.51a1.2 1.2 0 0 1-.766-.74l-1.565-4.365Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant-filled"};
+
+export default AiAssistantFilled;

package/src/icons/ast/AiFiberyBuild.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const AiFiberyBuild: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20","opacity":0.6},"children":[{"type":"element","tagName":"path","properties":{"d":"M10.13 18.55a.725.725 0 0 1 .021 1.449 9.544 9.544 0 0 1-.302 0 .725.725 0 0 1 .021-1.45 9.353 9.353 0 0 0 .26 0ZM6.469 17.807l.138.046.24.097.13.069a.725.725 0 0 1-.524 1.319l-.14-.04-.28-.115-.129-.073a.725.725 0 0 1 .565-1.303ZM13.531 17.807a.726.726 0 0 1 .437 1.376l-.28.115a.725.725 0 0 1-.535-1.348c.08-.032.16-.063.24-.098l.138-.045ZM2.839 15.938a.725.725 0 0 1 .912-.079l.112.095.183.183a.725.725 0 0 1-.895 1.13l-.114-.09-.215-.214a.725.725 0 0 1 .017-1.025ZM16.249 15.86a.725.725 0 0 1 .929 1.103l-.215.215-.114.09a.725.725 0 0 1-.895-1.131l.183-.183.112-.095ZM11.254 12.842l.116.38c.084.277.057.576-.077.833a1.087 1.087 0 0 1-.96.583c-.232 0-.457-.075-.644-.213a1.096 1.096 0 0 1-.392-.559l-.225-.736 1.178-.687 1.004.399ZM1.108 12.747a.725.725 0 0 1 .873.276l.069.13.097.24.046.138a.726.726 0 0 1-1.303.565l-.073-.128-.115-.28-.04-.141a.725.725 0 0 1 .446-.8ZM17.95 13.153a.725.725 0 0 1 1.348.534c-.037.094-.075.189-.115.28l-.073.129a.725.725 0 0 1-1.258-.703l.098-.24ZM11.188 5.378c.275-.047.558.015.789.174a1.105 1.105 0 0 1 .312 1.48l-4.014 5.956a1.087 1.087 0 0 1-.895.478 1.074 1.074 0 0 1-.953-.582 1.104 1.104 0 0 1 .06-1.124l4.014-5.957a1.08 1.08 0 0 1 .688-.425ZM13.475 10.922c.234.093.429.266.55.49a1.106 1.106 0 0 1-.256 1.37c-.194.163-.438.251-.69.251a1.061 1.061 0 0 1-.395-.071l-1.977-.785 2.4-1.4.368.145ZM13.65 7.68a1.074 1.074 0 0 1 .843.543 1.105 1.105 0 0 1-.396 1.494l-5.139 2.998 3.334-4.947 1.179-.09c.06-.004.12-.004.18.002ZM.736 9.135c.4.006.72.335.714.735a8.77 8.77 0 0 0 0 .26.725.725 0 0 1-1.449.021 10.237 10.237 0 0 1 0-.302c.006-.4.335-.72.735-.714ZM19.264 9.135c.4-.006.729.314.735.714a9.535 9.535 0 0 1 0 .302.725.725 0 0 1-1.45-.021 9.351 9.351 0 0 0 0-.26.725.725 0 0 1 .715-.735ZM6.926 10.37l-.399.03a1.075 1.075 0 0 1-.833-.303 1.1 1.1 0 0 1-.055-1.519c.187-.21.447-.34.726-.361l2.118-.16-1.557 2.312ZM8.272 5.564c.287.011.558.137.753.35l.52.566-.765 1.136-1.072.081-.27-.294a1.103 1.103 0 0 1 .058-1.548c.21-.197.49-.301.776-.29ZM.817 6.032a.725.725 0 0 1 1.33.575c-.034.08-.065.16-.097.24a.725.725 0 0 1-1.348-.535 10 10 0 0 1 .115-.28ZM18.23 5.655a.725.725 0 0 1 .88.25l.073.127.115.28.04.141a.725.725 0 0 1-1.32.524l-.068-.13-.098-.24-.045-.138a.726.726 0 0 1 .423-.814ZM15.938 2.839a.725.725 0 0 1 1.025-.017l.215.215.09.114a.725.725 0 0 1-1.131.895l-.183-.183-.095-.112a.725.725 0 0 1 .08-.912ZM3.151 2.732a.725.725 0 0 1 .895 1.131l-.183.183-.112.095a.725.725 0 0 1-.929-1.104l.215-.215.114-.09ZM6.313.702a.725.725 0 0 1 .534 1.348c-.08.032-.16.063-.24.097a.724.724 0 1 1-.575-1.33 10 10 0 0 1 .28-.115ZM13.547.662l.14.04.28.115.129.073a.725.725 0 0 1-.565 1.303l-.138-.046-.24-.097-.13-.069a.725.725 0 0 1 .524-1.319ZM10.151.001a.725.725 0 0 1-.021 1.45 8.769 8.769 0 0 0-.26 0A.725.725 0 0 1 9.85 0a10.228 10.228 0 0 1 .302 0Z"},"children":[]}],"metadata":""}]},"name":"ai-fibery-build"};
+
+export default AiFiberyBuild;

package/src/icons/ast/Anthropic.ts

@@ -3,6 +3,6 @@
 
 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"};
+const Anthropic: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m4.516 12.967 3.551-1.986.06-.173-.06-.095h-.173l-.594-.036-2.03-.055-1.758-.073-1.705-.09-.43-.093-.402-.528.042-.264.36-.241.516.045 1.143.077 1.713.12 1.244.071 1.841.192h.293l.04-.118-.1-.073-.078-.073-1.773-1.197L4.298 7.11l-1.005-.729-.544-.369-.274-.345-.12-.756.494-.542.664.045.168.046.672.514 1.435 1.108L7.66 7.455l.274.228.11-.077.014-.054-.124-.206L6.915 5.51 5.828 3.645l-.484-.774-.128-.466a2.25 2.25 0 0 1-.078-.546l.562-.76.31-.1.75.1.315.273.467 1.061.753 1.672 1.17 2.272.342.674.184.624.069.192h.118v-.11l.097-1.28.177-1.571.174-2.022.06-.57.283-.683.561-.369.44.21.36.515-.05.333-.215 1.388-.42 2.177-.274 1.458h.16l.183-.183.74-.978 1.242-1.549.55-.615.638-.678.412-.324h.777l.571.847-.255.875-.8 1.01-.663.857-.95 1.275-.595 1.02.055.082.142-.014 2.148-.455 1.16-.21 1.385-.237.626.292.069.296-.247.606-1.48.365-1.738.345-2.585.61-.033.023.036.046 1.166.109.498.027h1.22l2.271.17.595.39.356.479-.06.364-.913.465-1.234-.292-2.879-.683-.987-.246h-.137v.082l.823.801 1.507 1.358 1.888 1.749.095.432-.242.342-.255-.036-1.66-1.243-.638-.561-1.45-1.215h-.095v.127l.333.487 1.764 2.642.091.81-.128.264-.457.16-.502-.091-1.033-1.444-1.065-1.626-.858-1.458-.106.06-.507 5.443-.238.277-.548.21-.457-.346-.243-.56.243-1.108.292-1.443.238-1.148.215-1.426.128-.473-.01-.031-.105.013-1.078 1.476-1.64 2.208-1.298 1.385-.31.123-.54-.278.05-.496.302-.442 1.796-2.277L8.2 12.767l.7-.815-.006-.12h-.04L4.081 14.92l-.85.11-.365-.342.045-.56.174-.182 1.435-.984-.005.005Z","fill":"#D97757"},"children":[]}],"metadata":""}]},"name":"anthropic"};
 
 export default Anthropic;

package/src/icons/ast/Apple.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Apple: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.693 9.973c-.021-2.17 1.776-3.21 1.856-3.263-1.01-1.471-2.584-1.673-3.144-1.696-1.338-.136-2.613.785-3.292.785-.677 0-1.726-.766-2.836-.746-1.46.022-2.806.846-3.557 2.148-1.517 2.62-.388 6.504 1.09 8.631.722 1.04 1.583 2.21 2.713 2.167 1.09-.043 1.5-.702 2.817-.702 1.317 0 1.687.702 2.839.68 1.171-.021 1.914-1.06 2.63-2.103.83-1.208 1.17-2.378 1.191-2.437-.026-.012-2.283-.873-2.307-3.464Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M12.214 3.767c.516-.734.865-1.753.77-2.767-.744.035-1.646.58-2.18 1.312-.48.65-.898 1.685-.786 2.681.831.076 1.678-.495 2.196-1.226Z"},"children":[]}],"metadata":""}]},"name":"apple"};
+
+export default Apple;

package/src/icons/ast/ArrowBottom.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ArrowBottom: 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":"M5.434 7.434a.8.8 0 0 1 1.132 0L10 10.87l3.434-3.435a.8.8 0 0 1 1.132 1.132l-4 4a.8.8 0 0 1-1.132 0l-4-4a.8.8 0 0 1 0-1.132Z"},"children":[]}],"metadata":""}]},"name":"arrow-bottom"};
+const ArrowBottom: 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":"M5.434 7.834a.8.8 0 0 1 1.132 0L10 11.27l3.434-3.435a.8.8 0 0 1 1.132 1.132l-4 4a.8.8 0 0 1-1.132 0l-4-4a.8.8 0 0 1 0-1.132Z"},"children":[]}],"metadata":""}]},"name":"arrow-bottom"};
 
 export default ArrowBottom;

package/src/icons/ast/ArrowForward.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ArrowForward: 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.461 16.018a.75.75 0 0 1 .024-1.06l4.146-3.96H4a.75.75 0 0 1 0-1.5h10.63l-4.145-3.955a.75.75 0 1 1 1.036-1.086l5.498 5.249a.75.75 0 0 1 0 1.085l-5.498 5.251a.75.75 0 0 1-1.06-.024Z"},"children":[]}],"metadata":""}]},"name":"arrow-forward"};
+const ArrowForward: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M12.53 5.22a.75.75 0 1 0-1.06 1.06l2.97 2.97H3.75a.75.75 0 0 0 0 1.5h10.69l-2.97 2.97a.75.75 0 1 0 1.06 1.06l4.25-4.25a.747.747 0 0 0 0-1.06l-4.25-4.25Z"},"children":[]}],"metadata":""}]},"name":"arrow-forward"};
 
 export default ArrowForward;

package/src/icons/ast/ArrowLeft.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ArrowLeft: 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":"M12.566 5.434a.8.8 0 0 1 0 1.132L9.13 10l3.435 3.434a.8.8 0 1 1-1.132 1.132l-4-4a.8.8 0 0 1 0-1.132l4-4a.8.8 0 0 1 1.132 0Z"},"children":[]}],"metadata":""}]},"name":"arrow-left"};
+const ArrowLeft: 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":"M12.166 5.434a.8.8 0 0 1 0 1.132L8.73 10l3.435 3.434a.8.8 0 1 1-1.132 1.132l-4-4a.8.8 0 0 1 0-1.132l4-4a.8.8 0 0 1 1.132 0Z"},"children":[]}],"metadata":""}]},"name":"arrow-left"};
 
 export default ArrowLeft;

package/src/icons/ast/ArrowRight.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ArrowRight: 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":"M7.434 14.566a.8.8 0 0 1 0-1.132L10.87 10 7.434 6.566a.8.8 0 1 1 1.132-1.132l4 4a.8.8 0 0 1 0 1.132l-4 4a.8.8 0 0 1-1.132 0Z"},"children":[]}],"metadata":""}]},"name":"arrow-right"};
+const ArrowRight: 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":"M7.834 14.566a.8.8 0 0 1 0-1.132L11.27 10 7.834 6.566a.8.8 0 1 1 1.132-1.132l4 4a.8.8 0 0 1 0 1.132l-4 4a.8.8 0 0 1-1.132 0Z"},"children":[]}],"metadata":""}]},"name":"arrow-right"};
 
 export default ArrowRight;

package/src/icons/ast/ArrowTop.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ArrowTop: 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.566 12.566a.8.8 0 0 1-1.132 0L10 9.13l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4a.8.8 0 0 1 0 1.132Z"},"children":[]}],"metadata":""}]},"name":"arrow-top"};
+const ArrowTop: 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.566 12.166a.8.8 0 0 1-1.132 0L10 8.73l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4a.8.8 0 0 1 0 1.132Z"},"children":[]}],"metadata":""}]},"name":"arrow-top"};
 
 export default ArrowTop;

package/src/icons/ast/CollapseAllHorizontal.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const CollapseAllHorizontal: 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":"M3.381 13.119a.8.8 0 0 0 1.132 1.131l3.334-3.566a.8.8 0 0 0 0-1.131L4.513 5.987A.8.8 0 0 0 3.38 7.12l2.769 3-2.769 3Zm13.238-6a.8.8 0 1 0-1.132-1.132l-3.571 3.566a.8.8 0 0 0 0 1.131l3.571 3.566a.8.8 0 1 0 1.132-1.131l-3.006-3 3.006-3Z"},"children":[]}],"metadata":""}]},"name":"collapse-all-horizontal"};
+
+export default CollapseAllHorizontal;

package/src/icons/ast/Crosshair.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Crosshair: 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 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm.75 4.25a.75.75 0 0 1-1.5 0V3.544A6.5 6.5 0 0 0 3.544 9.25H6.25a.75.75 0 0 1 0 1.5H3.544a6.5 6.5 0 0 0 5.706 5.705V13.75a.75.75 0 0 1 1.5 0v2.705a6.5 6.5 0 0 0 5.706-5.705H13.75a.75.75 0 0 1 0-1.5h2.706a6.5 6.5 0 0 0-5.706-5.706V6.25Z"},"children":[]}],"metadata":""}]},"name":"crosshair"};
+
+export default Crosshair;

package/src/icons/ast/DateRange.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const DateRange: 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 3.6h1.6A2.4 2.4 0 0 1 18 6v9.6a2.4 2.4 0 0 1-2.4 2.4H4.4A2.4 2.4 0 0 1 2 15.6V6a2.4 2.4 0 0 1 2.4-2.4H6v-.8a.8.8 0 0 1 1.6 0v.8h4.8v-.8a.8.8 0 0 1 1.6 0v.8Zm2.166 12.566a.8.8 0 0 0 .234-.566V6a.8.8 0 0 0-.8-.8H14V6a.8.8 0 0 1-1.6 0v-.8H7.6V6A.8.8 0 0 1 6 6v-.8H4.4a.8.8 0 0 0-.8.8v9.6a.8.8 0 0 0 .8.8h11.2a.8.8 0 0 0 .566-.234ZM8.78 8.22a.75.75 0 0 1 0 1.06L7.56 10.5h4.88l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06L12.44 12H7.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Z"},"children":[]}],"metadata":""}]},"name":"date-range"};
+const DateRange: 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":"M15.6 3H14V1.804a.8.8 0 0 0-1.6 0V3H7.6V1.804a.8.8 0 0 0-1.6 0V3H4.4A2.4 2.4 0 0 0 2 5.4v9.2A2.4 2.4 0 0 0 4.4 17h11.2a2.4 2.4 0 0 0 2.4-2.4V5.4A2.4 2.4 0 0 0 15.6 3Zm.566 12.166a.8.8 0 0 0 .234-.566V5.4a.8.8 0 0 0-.8-.8H4.4a.8.8 0 0 0-.8.8v9.2a.8.8 0 0 0 .8.8h11.2a.8.8 0 0 0 .566-.234Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M8.78 8.08a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 0 0 1.06-1.06L7.56 10.8h4.88l-1.22 1.22a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06l1.22 1.22H7.56l1.22-1.22Z"},"children":[]}],"metadata":""}]},"name":"date-range"};
 
 export default DateRange;

package/src/icons/ast/Document.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Document: 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":"M5.745 3c-.69 0-1.25.56-1.25 1.25v11.5c0 .69.56 1.25 1.25 1.25h8.503c.69 0 1.25-.56 1.25-1.25V7.497h-2.923a1.582 1.582 0 0 1-1.582-1.584V3H5.745Zm6.747 1.058 1.942 1.939h-1.859a.083.083 0 0 1-.083-.084V4.058Zm-9.495.192A2.75 2.75 0 0 1 5.745 1.5h5.997a.75.75 0 0 1 .53.22l4.504 4.496a.75.75 0 0 1 .22.53v9.004a2.75 2.75 0 0 1-2.748 2.75H5.745a2.75 2.75 0 0 1-2.748-2.75V4.25Zm3.002 6a.75.75 0 0 1 .75-.75h6.496a.75.75 0 0 1 0 1.5H6.748a.75.75 0 0 1-.75-.75Zm0 3a.75.75 0 0 1 .75-.75h4.497a.75.75 0 0 1 0 1.5H6.748a.75.75 0 0 1-.75-.75Z"},"children":[]}],"metadata":""}]},"name":"document"};
+
+export default Document;

package/src/icons/ast/EntityCreate.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const EntityCreate: 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":"M4.25 2A2.25 2.25 0 0 0 2 4.25v11.5A2.25 2.25 0 0 0 4.25 18h11.5A2.25 2.25 0 0 0 18 15.75v-6a.75.75 0 0 0-1.5 0v6a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75V4.25a.75.75 0 0 1 .75-.75h6a.75.75 0 0 0 0-1.5h-6Zm9.675.7A2.387 2.387 0 0 1 17.3 6.074l-5.727 5.727a.676.676 0 0 1-.478.198H8.838A.838.838 0 0 1 8 11.162V8.904c0-.18.071-.351.198-.478l5.727-5.727Zm2.42.956a1.035 1.035 0 0 0-1.464 0l-.224.224 1.463 1.463.224-.224a1.035 1.035 0 0 0 0-1.463ZM9.352 9.184v1.464h1.463l4.462-4.463-1.463-1.463-4.463 4.462Z"},"children":[]}],"metadata":""}]},"name":"entity-create"};
+
+export default EntityCreate;

package/src/icons/ast/EntityCreateFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const EntityCreateFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M11.5 2a.75.75 0 0 1 .53 1.28L7.366 7.944A1.25 1.25 0 0 0 7 8.828v2.922c0 .69.56 1.25 1.25 1.25h2.922c.331 0 .65-.132.884-.366L16.72 7.97A.75.75 0 0 1 18 8.5v6.75A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25V4.75A2.75 2.75 0 0 1 4.75 2h6.75Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.85 2.625a1.785 1.785 0 0 1 2.525 2.524l-.225.224-5.803 5.805a.752.752 0 0 1-.532.22H9.353a.75.75 0 0 1-.75-.75V9.184c0-.2.079-.39.22-.53l5.804-5.805.224-.225Z"},"children":[]}],"metadata":""}]},"name":"entity-create-filled"};
+
+export default EntityCreateFilled;