@fibery/ui-kit 1.38.0 → 1.38.2

package/src/file-item.tsx

@@ -1,15 +1,18 @@
 import {css, cx} from "@linaria/core";
-import {PureComponent, useEffect, useState} from "react";
+import {useCallback, 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";
+import FileDownload from "./icons/react/FileDownload";
+import RicheditorOpenLink from "./icons/react/RicheditorOpenLink";
+import Delete from "./icons/react/Delete";
+import Link from "./icons/react/Link";
+import Pencil from "./icons/react/Pencil";
+import {copyToClipboard} from "./copy-to-clipboard";
+import {useToast} from "./toast/toast-provider";
 
 const fileItemStyle = css`
   ${{
@@ -67,10 +70,17 @@ const fileOverlayStyle = css`
 `;
 
 export type FileItemType = {
+  uid: string;
   name: string;
   url: string;
   thumbnailUrl: string | null;
-  previewUrl: string | null;
+  previewData: null | {
+    type: "image" | "video" | "iframe";
+    previewSrc: string | null;
+    originalSrc: string;
+    contentType: string;
+  };
+  downloadUrl?: string | null;
   status?: string;
 };
 
@@ -78,191 +88,215 @@ export type FileItemProps = {
   data: FileItemType;
   onRemoveClick?: (x: FileItemType) => void;
   disabled?: boolean;
+  onRenameClick?: (p: {id: string; name: string}) => void;
 };
 
-function ImageZoom({thumbnailUrl, url}: {thumbnailUrl: string; url: string}) {
+export function FileItem(props: FileItemProps) {
+  const {name, url, thumbnailUrl, status, previewData: preview} = props.data;
+  const isActive = status === "uploading" || status === "deleting";
+  const isBackgroundReady = thumbnailUrl && !isActive;
+
   const [zoomed, setZoomed] = useState(false);
   const imagesRegistry = useImagesGalleryRegistry();
   const galleryMethods = useImagesGalleryMethods();
+
   useEffect(() => {
-    imagesRegistry.set(thumbnailUrl, {zoomed: false, setZoomed});
-  }, [imagesRegistry, thumbnailUrl]);
+    if (!preview) {
+      return undefined;
+    }
+
+    imagesRegistry.set(preview.originalSrc, {
+      type: preview.type,
+      src: preview.originalSrc,
+      contentType: preview.contentType,
+      zoomed: false,
+      setZoomed,
+      actions: <FilePreviewActions url={preview.originalSrc} name={name} />,
+    });
+    return () => {
+      imagesRegistry.delete(preview.originalSrc);
+    };
+  }, [imagesRegistry, name, preview]);
+
   useEffect(() => {
+    if (!preview) {
+      return;
+    }
+
     if (zoomed) {
       galleryMethods.setActivated(true);
     }
-    const imageData = imagesRegistry.get(thumbnailUrl);
+    const imageData = imagesRegistry.get(preview.originalSrc);
     if (imageData) {
       imageData.zoomed = zoomed;
     } else {
-      imagesRegistry.set(thumbnailUrl, {zoomed, setZoomed});
+      imagesRegistry.set(preview.originalSrc, {
+        type: preview.type,
+        src: preview.originalSrc,
+        contentType: preview.contentType,
+        zoomed,
+        setZoomed,
+        actions: <FilePreviewActions url={preview.originalSrc} name={name} />,
+      });
     }
-  }, [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>
-  );
-}
+  }, [galleryMethods, zoomed, preview, imagesRegistry, name]);
 
-export class FileItem extends PureComponent<FileItemProps> {
-  _renderStatus() {
-    const {status} = this.props.data;
-    if (status === "done" || status === "remove-error") {
-      return "";
-    }
-    let statusText = `status=${status}`;
-    if (status === "deleting") {
-      statusText = "Deleting…";
-    }
-    if (status === "uploading") {
-      statusText = "Uploading…";
+  const onContainerClick = useCallback(() => {
+    if (preview) {
+      setZoomed(true);
+    } else {
+      const a = document.createElement("a");
+      a.href = `${url}?attachment`;
+      a.download = name;
+      a.style.display = "none";
+
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
     }
-    return <b>{statusText}</b>;
-  }
+  }, [name, preview, url]);
 
-  render() {
-    const {name, url, thumbnailUrl, status, previewUrl} = this.props.data;
-    const isActive = status === "uploading" || status === "deleting";
-    const isBackgroundReady = thumbnailUrl && !isActive;
-    return (
+  return (
+    <div
+      className={cx(
+        css`
+          position: relative;
+          height: 100%;
+          cursor: pointer;
+        `,
+        isBackgroundReady &&
+          css`
+            &:hover .${overlayStyle} {
+              background-position: 0 0;
+              color: ${themeVars.inversedTextColor};
+            }
+          `
+      )}
+    >
+      {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
       <div
+        style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
+        onClick={onContainerClick}
         className={cx(
-          css`
-            position: relative;
-            height: 100%;
-          `,
-          isBackgroundReady &&
+          fileItemStyle,
+          isActive &&
             css`
-              &:hover .${overlayStyle} {
-                background-position: 0 0;
-                color: ${themeVars.inversedTextColor};
-              }
+              ${{backgroundColor: themeVars.entityCardSelectedColor}}
             `
         )}
       >
-        {/* 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;
-            }
-          `}
-          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>
-              }
-            >
+        <div className={cx(overlayStyle, isBackgroundReady ? imageOverlayStyle : fileOverlayStyle)}>
+          <Item
+            multiline
+            textClassName={nameStyle}
+            rightContainer={
               <div
                 className={css`
-                  ${fontWeight}
+                  display: flex;
+                  align-items: center;
+                  gap: ${space.s4}px;
                 `}
               >
-                {this._renderStatus()}
-              </div>
-              <a
-                className={css`
-                  position: relative;
-                  z-index: 1;
-                  color: inherit;
-                  text-decoration: none;
-                  &:hover {
-                    text-decoration: none;
-                    color: inherit;
+                <ActionsMenu
+                  trigger={
+                    <ActionsButtonCompact
+                      className={css`
+                        z-index: 1;
+                      `}
+                      style={isBackgroundReady ? makeButtonColors(colors.inversedTextColor, "ghost") : undefined}
+                    />
                   }
-                `}
-                href={url}
-                target={"_blank"}
-                rel="noreferrer"
-              >
-                {name}
-              </a>
-            </Item>
-          </div>
+                >
+                  <CopyFileUrlActionMenuItem url={url} />
+                  <a href={url} target="_blank" rel="noopener noreferrer">
+                    <ActionsMenuItem Icon={RicheditorOpenLink}>Open in new tab</ActionsMenuItem>
+                  </a>
+                  <a download={name} href={props.data.downloadUrl ?? url}>
+                    <ActionsMenuItem Icon={FileDownload}>Download</ActionsMenuItem>
+                  </a>
+                  {props.onRenameClick && status === "done" ? (
+                    <ActionsMenuItem
+                      Icon={Pencil}
+                      onSelect={() => props.onRenameClick?.({id: props.data.uid, name: props.data.name})}
+                    >
+                      Rename
+                    </ActionsMenuItem>
+                  ) : null}
+                  <ActionsMenuItem
+                    Icon={Delete}
+                    onSelect={() => props.onRemoveClick?.(props.data)}
+                    dangerous
+                    disabled={props.disabled}
+                  >
+                    Delete
+                  </ActionsMenuItem>
+                </ActionsMenu>
+              </div>
+            }
+          >
+            <div
+              className={css`
+                ${fontWeight}
+              `}
+            >
+              <b>{resolveStatusText(props.data.status)}</b>
+            </div>
+            <span
+              className={css`
+                position: relative;
+                z-index: 1;
+                color: inherit;
+                text-decoration: none;
+              `}
+            >
+              {name}
+            </span>
+          </Item>
         </div>
       </div>
-    );
+    </div>
+  );
+}
+
+function CopyFileUrlActionMenuItem({url}: {url: string}) {
+  const toast = useToast();
+  return (
+    <ActionsMenuItem
+      Icon={Link}
+      onSelect={() => {
+        copyToClipboard(new URL(url, `${window.location}`).href)
+          .then(() => toast.success({title: "Link copied to clipboard"}))
+          .catch((error) => toast.error({title: "Unable to copy link to clipboard", subTitle: error.message}));
+      }}
+    >
+      Copy file URL
+    </ActionsMenuItem>
+  );
+}
+
+function resolveStatusText(status?: string) {
+  if (status === "done" || status === "remove-error") {
+    return "";
+  }
+  let statusText = `status=${status}`;
+  if (status === "deleting") {
+    statusText = "Deleting…";
   }
+  if (status === "uploading") {
+    statusText = "Uploading…";
+  }
+  return statusText;
+}
+
+function FilePreviewActions({url, name}: {url: string; name: string}) {
+  return (
+    <>
+      <a href={url} target="_blank" rel="noopener noreferrer">
+        <ActionsMenuItem Icon={RicheditorOpenLink}>Open in new tab</ActionsMenuItem>
+      </a>
+      <a download={name} href={`${url}/attachment`}>
+        <ActionsMenuItem Icon={FileDownload}>Download</ActionsMenuItem>
+      </a>
+    </>
+  );
 }

package/src/header-layout.tsx

@@ -1,14 +1,22 @@
 import {css} from "@linaria/core";
 import {ReactNode} from "react";
 import {space, textStyles, themeVars} from "./design-system";
+import {mobileRootSelector} from "./mobile-styles";
 
 const containerStyle = css`
   padding: ${space.s8}px;
+  display: flex;
+  align-items: center;
   border-bottom: 1px solid ${themeVars.separatorColor};
+  ${mobileRootSelector} & {
+    padding: ${space.s12}px;
+    min-height: ${space.s60}px;
+  }
 `;
 
 const topGridCompactStyle = css`
   ${textStyles.regular}
+  width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -22,6 +30,9 @@ export function HeaderLayout({actions, children}: {actions?: ReactNode; children
           className={css`
             ${textStyles.heading4}
             position: relative;
+            ${mobileRootSelector} & {
+              ${textStyles.heading3}
+            }
           `}
         >
           {children}

package/src/html-styles.ts

@@ -3,6 +3,7 @@ import {css} from "@linaria/core";
 import {
   border,
   fontFamily,
+  fontSize,
   fontWeight,
   lineHeight,
   space,
@@ -11,6 +12,7 @@ import {
   transition,
   typeSizes,
 } from "./design-system";
+import {mobileRootSelector} from "./mobile-styles";
 
 export const linkStyles = {
   color: themeVars.linkColor,
@@ -252,7 +254,10 @@ const htmlStyles = {
  Used in comments and view descriptions
  */
 const smallHtmlStyles = {
-  fontSize: typeSizes[4],
+  fontSize: fontSize.xs,
+  [`${mobileRootSelector} &`]: {
+    fontSize: fontSize.md,
+  },
   "& h1": {
     fontFamily,
     fontSize: 24,
@@ -453,11 +458,12 @@ const smallHtmlStyles = {
 /*
  Used in chat
  */
-/*
- Used in chat
- */
+
 const chatHtmlStyles = {
   fontSize: typeSizes[4],
+  [`${mobileRootSelector} &`]: {
+    fontSize: typeSizes[3],
+  },
   "& h1": {
     fontFamily,
     fontSize: 20,
@@ -549,6 +555,9 @@ const chatHtmlStyles = {
     paddingBottom: space.s2,
     ...textStyles.regular,
     lineHeight: lineHeight.text,
+    [`${mobileRootSelector} &`]: {
+      ...textStyles.big,
+    },
   },
   "& .fibery-rich-text-check-item": {
     marginTop: space.s2,

package/src/icons/ast/Back.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const Back: 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":"M9.546 15.584a.8.8 0 0 1-1.13-.037l-5-5.343a.8.8 0 0 1 .01-1.104l5-5.157a.8.8 0 0 1 1.148 1.114l-3.684 3.8H16a.8.8 0 0 1 0 1.6H5.844l3.74 3.996a.8.8 0 0 1-.038 1.131Z"},"children":[]}],"metadata":""}]},"name":"back"};
+const Back: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M7.47 5.22a.75.75 0 0 1 1.06 1.06L5.56 9.25h10.69a.75.75 0 0 1 0 1.5H5.56l2.97 2.97a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.748.748 0 0 1 0-1.06l4.25-4.25Z"},"children":[]}],"metadata":""}]},"name":"back"};
 
 export default Back;

package/src/icons/ast/ExtensionFiles.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ExtensionFiles: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M16.824 9.897a.75.75 0 1 0-1.061-1.06l1.06 1.06Zm-6.657 5.596-.53-.53.53.53Zm-2.83 1.173v.75-.75Zm-4.003-4.003h-.75.75Zm1.173-2.83.53.53-.53-.53Zm6.126-6.126-.53-.53.53.53Zm1.887-.782v.75-.75Zm1.887 4.555.53.53-.53-.53Zm-6.134 6.127-.53-.53.53.53ZM6.387 11.72l-.53-.53.53.53Zm6.19-5.123a.75.75 0 0 0-1.06-1.06l1.06 1.06Zm3.186 2.24-6.127 6.126 1.061 1.06 6.127-6.126-1.061-1.06Zm-6.127 6.126c-.61.61-1.437.953-2.3.953v1.5c1.261 0 2.47-.501 3.361-1.392l-1.06-1.06Zm-2.3.953c-.862 0-1.69-.343-2.299-.953l-1.06 1.06a4.752 4.752 0 0 0 3.36 1.393v-1.5Zm-2.299-.953a3.252 3.252 0 0 1-.953-2.3h-1.5c0 1.26.501 2.47 1.392 3.36l1.061-1.06Zm-.953-2.3c0-.862.343-1.69.953-2.3l-1.06-1.06a4.752 4.752 0 0 0-1.393 3.36h1.5Zm.953-2.3 6.127-6.126-1.061-1.06-6.127 6.126 1.061 1.06Zm6.127-6.126c.36-.36.847-.562 1.356-.562v-1.5c-.906 0-1.776.36-2.417 1.001l1.06 1.061Zm1.356-.562c.509 0 .997.202 1.356.562l1.061-1.06a3.418 3.418 0 0 0-2.417-1.002v1.5Zm1.356.562c.36.36.562.848.562 1.356h1.5c0-.906-.36-1.776-1.001-2.417l-1.06 1.061Zm.562 1.356c0 .51-.202.997-.562 1.357l1.061 1.06a3.418 3.418 0 0 0 1.001-2.417h-1.5Zm-.561 1.356-6.134 6.127 1.06 1.061 6.134-6.126-1.06-1.062Zm-6.134 6.127a.584.584 0 0 1-.413.171v1.5c.553 0 1.083-.22 1.474-.61l-1.061-1.06Zm-.413.171a.584.584 0 0 1-.413-.17l-1.06 1.06c.39.39.92.61 1.473.61v-1.5Zm-.413-.17a.584.584 0 0 1-.171-.414h-1.5c0 .553.22 1.083.61 1.474l1.061-1.06Zm-.171-.414c0-.155.061-.303.171-.413l-1.06-1.06c-.392.39-.611.92-.611 1.473h1.5Zm.17-.412 5.66-5.654-1.06-1.06-5.66 5.653 1.06 1.06Z"},"children":[]}],"metadata":""}]},"name":"extension-files"};
+const ExtensionFiles: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M15.03 6.032c0-.695-.294-1.362-.817-1.854a2.886 2.886 0 0 0-1.974-.767c-.647 0-1.271.212-1.768.594l-.205.173-5.427 5.097c-.855.803-1.336 1.893-1.336 3.03 0 1.136.48 2.225 1.336 3.029a4.718 4.718 0 0 0 3.226 1.255l.226-.006a4.705 4.705 0 0 0 3-1.25l5.426-5.096a.786.786 0 0 1 1.063 0 .676.676 0 0 1 0 .998l-5.426 5.096c-1.067 1.002-2.49 1.592-3.988 1.662l-.3.007c-1.61 0-3.152-.6-4.29-1.669C2.64 15.263 2 13.815 2 12.304c0-1.51.64-2.959 1.777-4.027l5.426-5.096.155-.138A4.454 4.454 0 0 1 12.239 2a4.44 4.44 0 0 1 3.036 1.18 3.913 3.913 0 0 1 1.258 2.852l-.005.2a3.923 3.923 0 0 1-1.253 2.65L9.85 13.98a2.595 2.595 0 0 1-1.535.683l-.249.011c-.669 0-1.31-.25-1.783-.694a2.299 2.299 0 0 1-.74-1.675c0-.628.267-1.23.74-1.675l5.426-5.096a.787.787 0 0 1 1.062 0 .676.676 0 0 1 0 .998l-5.426 5.096a.93.93 0 0 0-.3.677.93.93 0 0 0 .3.678c.191.179.45.28.721.28l.101-.005a1.05 1.05 0 0 0 .62-.275l5.427-5.097c.458-.43.74-.994.804-1.594l.014-.26Z"},"children":[]}],"metadata":""}]},"name":"extension-files"};
 
 export default ExtensionFiles;

package/src/icons/ast/FileArchive.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileArchive: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.75 2A2.25 2.25 0 0 1 17 4.25v11.5A2.25 2.25 0 0 1 14.75 18h-9.5A2.25 2.25 0 0 1 3 15.75V4.25A2.25 2.25 0 0 1 5.25 2h9.5Zm-9.5 1.5a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75h9.5a.75.75 0 0 0 .75-.75V4.25a.75.75 0 0 0-.75-.75h-9.5Zm8 1.5a.75.75 0 0 1 0 1.5H11a1 1 0 0 1-2 0H6.75a.75.75 0 0 1 0-1.5h6.5Z"},"children":[]}],"metadata":""}]},"name":"file-archive"};
+
+export default FileArchive;

package/src/icons/ast/FileBroken.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileBroken: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 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.531v9.003a2.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.997ZM5.745 3c-.69 0-1.249.56-1.249 1.25v11.5c0 .69.56 1.25 1.25 1.25h8.502c.69 0 1.25-.56 1.25-1.25V7.497h-2.923a1.583 1.583 0 0 1-1.582-1.584V3H5.745Zm5.975 6.22a.75.75 0 1 1 1.06 1.06L11.06 12l1.72 1.72a.75.75 0 1 1-1.06 1.06L10 13.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L8.94 12l-1.72-1.72a.75.75 0 1 1 1.06-1.06L10 10.94l1.72-1.72Zm.772-3.307a.084.084 0 0 0 .083.084h1.86l-1.943-1.94v1.856Z"},"children":[]}],"metadata":""}]},"name":"file-broken"};
+
+export default FileBroken;

package/src/icons/ast/FileDocument.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileDocument: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 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.531v9.003a2.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.997ZM5.745 3c-.69 0-1.249.56-1.249 1.25v11.5c0 .69.56 1.25 1.25 1.25h8.502c.69 0 1.25-.56 1.25-1.25V7.497h-2.923a1.583 1.583 0 0 1-1.582-1.584V3H5.745Zm6.505 10a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1 0-1.5h5.5Zm-2-3a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h3.5Zm2.242-4.087a.084.084 0 0 0 .083.084h1.86l-1.943-1.94v1.856Z"},"children":[]}],"metadata":""}]},"name":"file-document"};
+
+export default FileDocument;

package/src/icons/ast/FileImage.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileImage: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 16 14"},"children":[{"type":"element","tagName":"path","properties":{"d":"M13.75 0A2.25 2.25 0 0 1 16 2.25v9.5A2.25 2.25 0 0 1 13.75 14H2.25A2.25 2.25 0 0 1 0 11.75v-9.5A2.25 2.25 0 0 1 2.25 0h11.5ZM2.25 1.5a.75.75 0 0 0-.75.75v9.5c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75v-9.5a.75.75 0 0 0-.75-.75H2.25Zm9.896 8.646a.5.5 0 0 1-.353.854H4.207a.5.5 0 0 1-.353-.854L6 8l1 1 2-2 3.146 3.146ZM12 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"},"children":[]}],"metadata":""}]},"name":"file-image"};
+
+export default FileImage;

package/src/icons/ast/FilePresentation.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FilePresentation: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m12.762 16.572.056.063a.851.851 0 0 1-.056 1.12.806.806 0 0 1-1.096.058l-.062-.058-1.603-1.64-1.604 1.64a.805.805 0 0 1-1.156 0 .85.85 0 0 1 0-1.183L8.778 15H4.25A2.25 2.25 0 0 1 2 12.75v-7.5A2.25 2.25 0 0 1 4.25 3h11.5A2.25 2.25 0 0 1 18 5.25v7.5A2.25 2.25 0 0 1 15.75 15h-4.526l1.538 1.572ZM4.25 4.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H4.25ZM10 9h2a2 2 0 1 1-2-2v2Z"},"children":[]}],"metadata":""}]},"name":"file-presentation"};
+
+export default FilePresentation;

package/src/icons/ast/FileTable.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileTable: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 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":"file-table"};
+
+export default FileTable;

package/src/icons/ast/FileUpload.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const FileUpload: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 48 48"},"children":[{"type":"element","tagName":"path","properties":{"d":"M42 30v7.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C39.72 42 38.88 42 37.2 42H10.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C6 39.72 6 38.88 6 37.2V30M34 16 24 6 14 16M24 6v24","stroke":"#6E7A83","strokeWidth":3,"strokeLinecap":"round","strokeLinejoin":"round","fill":"none"},"children":[]}],"metadata":""}]},"name":"file-upload"};
+const FileUpload: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m13.029 10.72-2.499-2.5a.75.75 0 0 0-1.06 0l-2.499 2.5a.75.75 0 0 0 1.06 1.06l1.22-1.22v3.94a.75.75 0 1 0 1.499 0v-3.94l1.219 1.22a.75.75 0 1 0 1.06-1.06Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.745 1.5a2.75 2.75 0 0 0-2.748 2.75v11.5a2.75 2.75 0 0 0 2.748 2.75h8.503a2.75 2.75 0 0 0 2.749-2.75V6.747c0-.2-.08-.39-.22-.531l-4.505-4.497a.75.75 0 0 0-.53-.219H5.745Zm-1.25 2.75c0-.69.56-1.25 1.25-1.25h5.248v2.913a1.584 1.584 0 0 0 1.582 1.584h2.922v8.253c0 .69-.56 1.25-1.25 1.25H5.746c-.69 0-1.25-.56-1.25-1.25V4.25Zm9.94 1.747-1.943-1.94v1.856a.083.083 0 0 0 .083.084h1.86Z"},"children":[]}],"metadata":""}]},"name":"file-upload"};
 
 export default FileUpload;

package/src/icons/ast/FileVideo.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileVideo: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M15.75 4A2.25 2.25 0 0 1 18 6.25v7.5A2.25 2.25 0 0 1 15.75 16H4.25A2.25 2.25 0 0 1 2 13.75v-7.5A2.25 2.25 0 0 1 4.25 4h11.5ZM4.25 5.5a.75.75 0 0 0-.75.75v7.5c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75H4.25ZM7.5 7.809a.5.5 0 0 1 .724-.448l4.381 2.192a.5.5 0 0 1 0 .894l-4.381 2.19a.5.5 0 0 1-.724-.446V7.81Z"},"children":[]}],"metadata":""}]},"name":"file-video"};
+
+export default FileVideo;

package/src/icons/ast/SwitchToMention.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SwitchToMention: 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 12.75A2.25 2.25 0 0 0 4.25 15h11.5A2.25 2.25 0 0 0 18 12.75v-5.5A2.25 2.25 0 0 0 15.75 5H4.25A2.25 2.25 0 0 0 2 7.25v5.5Zm1.5 0c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75v-5.5a.75.75 0 0 0-.75-.75H4.25a.75.75 0 0 0-.75.75v5.5Zm6.75-3.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5ZM6 8.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H6Z"},"children":[]}],"metadata":""}]},"name":"switch-to-mention"};
+
+export default SwitchToMention;

package/src/icons/ast/SwitchToText.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SwitchToText: 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.75 7.25c.305 0 .581.185.696.468l3.25 8a.751.751 0 0 1-1.39.564l-.623-1.532H4.318l-.622 1.532a.751.751 0 0 1-1.39-.564l3.25-8a.75.75 0 0 1 .694-.468h.5Zm-1.823 6h3.147L6.5 9.378 4.927 13.25Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M12.14 2.2a.7.7 0 0 1 .702.713.69.69 0 0 1-.224.508l-.948.93-.117.093.316-.01h2.489c.95 0 1.786.297 2.388.851.603.556.954 1.355.954 2.326 0 .967-.354 1.77-.957 2.328-.602.558-1.44.86-2.385.86h-1.114a.785.785 0 0 1-.518-.173.663.663 0 0 1-.224-.519c0-.211.078-.393.217-.52a.743.743 0 0 1 .505-.183h1.134c.575 0 1.053-.183 1.385-.497.33-.312.533-.77.533-1.355 0-.561-.204-.988-.534-1.277-.334-.29-.814-.456-1.384-.456h-2.495l-.293-.01 1.058 1.023a.696.696 0 0 1 .214.508.698.698 0 0 1-.692.713.698.698 0 0 1-.513-.21l-.002-.001-2.087-2.143a.794.794 0 0 1 0-1.156l2.085-2.12c.137-.149.3-.223.507-.223Z"},"children":[]}],"metadata":""}]},"name":"switch-to-text"};
+
+export default SwitchToText;

package/src/icons/ast/SwitchToWidget.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SwitchToWidget: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.166 5.639a.75.75 0 0 1 .75.75v3.333a.75.75 0 0 1-.75.75H5.833a.75.75 0 0 1-.75-.75V6.389a.75.75 0 0 1 .75-.75h8.333Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M15.277 2.306a2.973 2.973 0 0 1 2.973 2.972v9.445a2.972 2.972 0 0 1-2.973 2.971H4.723a2.972 2.972 0 0 1-2.97-2.82l-.003-.152V5.278a2.973 2.973 0 0 1 2.973-2.972h10.554Zm-10.554 1.5c-.813 0-1.473.66-1.473 1.472v9.445l.008.15a1.472 1.472 0 0 0 1.465 1.321h10.554c.813 0 1.473-.658 1.473-1.471V5.277c0-.813-.66-1.472-1.473-1.472H4.723Z"},"children":[]}],"metadata":""}]},"name":"switch-to-widget"};
+
+export default SwitchToWidget;