@fibery/ui-kit 1.40.3 → 1.41.0

package/src/file-item-2.tsx

@@ -1,28 +1,16 @@
-/* eslint-disable max-lines */
 import {css, cx} from "@linaria/core";
-import {CSSProperties, useCallback, useEffect, useState} from "react";
-import {ActionsMenu, ActionsMenuItem, ActionsMenuSeparator} from "./actions-menu";
+import {CSSProperties, useState} from "react";
+import {ActionsMenu} from "./actions-menu";
 import {ActionsButtonCompact} from "./button/actions-button-compact";
-import {border, colors, space, themeVars, fontSize, fontWeight, lineHeight} from "./design-system";
+import {border, fontSize, fontWeight, lineHeight, space, themeVars} from "./design-system";
 import {makeButtonColors} from "./button/make-button-colors";
-import Delete from "./icons/react/Delete";
-import FileDownload from "./icons/react/FileDownload";
-import FileImage from "./icons/react/FileImage";
-import FileVideo from "./icons/react/FileVideo";
-import FileTable from "./icons/react/FileTable";
-import FileDocument from "./icons/react/FileDocument";
-import FileArchive from "./icons/react/FileArchive";
-import FilePresentation from "./icons/react/FilePresentation";
-import Link from "./icons/react/Link";
-import RicheditorOpenLink from "./icons/react/RicheditorOpenLink";
+import {useTheme} from "./theme-provider";
 import Spinner from "./icons/react/Spinner";
-import AppWiki from "./icons/react/AppWiki";
-import {copyUrlToClipboard} from "./copy-to-clipboard";
-import {useToast} from "./toast/toast-provider";
 import {Icon} from "./icons/Icon";
-import {useImagesGalleryMethods, useImagesGalleryRegistry} from "./images-gallery/images-gallery";
-import {isPhoneApp} from "./use-is-phone";
-import Pencil from "./icons/react/Pencil";
+import {FileIcon} from "./file-item/file-icon";
+import {FileMenuItems} from "./file-item/file-menu-items";
+import {UploadFileWithContent} from "./file-item/types";
+import {FileTitle as FileTitleInner} from "./file-item/file-title";
 
 const fileItemStyle = css`
   display: block;
@@ -79,34 +67,21 @@ const actionsButtonStyle = css`
   opacity: 0;
 `;
 
-export type FileItemType = {
-  uid: string;
-  name: string;
-  url: string;
-  downloadUrl?: string | null;
-  thumbnailUrl: string | null;
-  contentType: string;
-  previewData: null | {
-    type: "image" | "video" | "iframe";
-    previewSrc: string | null;
-    originalSrc: string;
-  };
-  status?: string;
-};
-
 export type FileItemProps = {
-  data: FileItemType;
+  data: UploadFileWithContent;
   onDownloadClick?: () => void;
-  onRemoveClick?: (x: FileItemType) => void;
-  onRenameClick?: (x: {id: string; name: string}) => void;
+  onRemoveClick?: () => void;
+  onRenameClick?: (file: {id: string; name: string}) => void;
+  onClick?: () => void;
   disabled?: boolean;
 };
 
 export const minFileTileWidth = 120;
 
 export function FileItem(props: FileItemProps) {
-  const {onDownloadClick, onRemoveClick} = props;
-  const {name, thumbnailUrl, status, previewData: preview, contentType} = props.data;
+  const theme = useTheme();
+  const {onDownloadClick, onRemoveClick, onClick} = props;
+  const {name, thumbnailUrl, status, contentType} = props.data;
   const isPending = status === "uploading" || status === "deleting";
   const [isThumbnailLoadFailed, setIsThumbnailLoadFailed] = useState(false);
   const isBackgroundReady = !isThumbnailLoadFailed && Boolean(thumbnailUrl && !isPending);
@@ -114,60 +89,6 @@ export function FileItem(props: FileItemProps) {
 
   const showFileIcon = !isPending && !isBackgroundReady;
 
-  const [zoomed, setZoomed] = useState(false);
-  const imagesRegistry = useImagesGalleryRegistry();
-  const galleryMethods = useImagesGalleryMethods();
-
-  useEffect(() => {
-    if (!preview) {
-      return;
-    }
-
-    imagesRegistry.set(preview.originalSrc, {
-      type: preview.type,
-      src: preview.originalSrc,
-      label: name,
-      zoomed: false,
-      setZoomed,
-      actions: <FilePreviewActions url={preview.originalSrc} name={name} onDownloadClick={onDownloadClick} />,
-    });
-  }, [imagesRegistry, name, preview, onDownloadClick]);
-
-  useEffect(() => {
-    if (!preview) {
-      return undefined;
-    }
-
-    if (zoomed) {
-      galleryMethods.setActivated(true);
-    }
-    const imageData = imagesRegistry.get(preview.originalSrc);
-    if (imageData) {
-      imageData.zoomed = zoomed;
-    } else {
-      imagesRegistry.set(preview.originalSrc, {
-        type: preview.type,
-        src: preview.originalSrc,
-        label: name,
-        zoomed,
-        setZoomed,
-        actions: <FilePreviewActions url={preview.originalSrc} name={name} onDownloadClick={onDownloadClick} />,
-      });
-    }
-
-    return () => {
-      imagesRegistry.delete(preview.originalSrc);
-    };
-  }, [galleryMethods, zoomed, preview, imagesRegistry, name, onDownloadClick]);
-
-  const onContainerClick = useCallback(() => {
-    if (preview) {
-      setZoomed(true);
-    } else {
-      onDownloadClick?.();
-    }
-  }, [preview, onDownloadClick]);
-
   return (
     <>
       <div
@@ -219,7 +140,7 @@ export function FileItem(props: FileItemProps) {
       >
         <div
           style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
-          onClick={onContainerClick}
+          onClick={onClick}
           className={cx(
             css`
               flex-shrink: 0;
@@ -321,7 +242,7 @@ export function FileItem(props: FileItemProps) {
                     data={props.data}
                     disabled={props.disabled}
                     actionsButtonStyle={
-                      isBackgroundReady ? makeButtonColors(colors.inversedTextColor, "ghost") : undefined
+                      isBackgroundReady ? makeButtonColors(themeVars.inversedTextColor, "ghost", theme) : undefined
                     }
                     onDownloadClick={onDownloadClick}
                     onRemoveClick={props.onRemoveClick}
@@ -366,16 +287,14 @@ function FileActionsMenu({
   onRenameClick,
   actionsButtonStyle,
 }: {
-  data: FileItemType;
+  data: UploadFileWithContent;
   onDownloadClick?: () => void;
-  onRemoveClick?: (data: FileItemType) => void;
+  onRemoveClick?: () => void;
   onRenameClick?: (data: {id: string; name: string}) => void;
   disabled?: boolean;
   setIsActionsOpened: (val: boolean) => void;
   actionsButtonStyle?: CSSProperties;
 }) {
-  const toast = useToast();
-
   return (
     <ActionsMenu
       onOpenChange={setIsActionsOpened}
@@ -388,51 +307,20 @@ function FileActionsMenu({
         />
       }
     >
-      <ActionsMenuItem
-        Icon={Link}
-        onSelect={() => {
-          copyUrlToClipboard({url: `${window.origin}${data.url}`, label: data.name})
-            .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>
-      <a href={data.url} target="_blank" rel="noopener noreferrer">
-        <ActionsMenuItem Icon={RicheditorOpenLink}>
-          {isPhoneApp() ? "Open in browser" : "Open in new tab"}
-        </ActionsMenuItem>
-      </a>
-      {isPhoneApp() ? (
-        <ActionsMenuItem Icon={FileDownload} onSelect={onDownloadClick}>
-          Download
-        </ActionsMenuItem>
-      ) : (
-        <a download={data.name} href={`${data.url}?attachment`}>
-          <ActionsMenuItem Icon={FileDownload}>Download</ActionsMenuItem>
-        </a>
-      )}
-      {onRenameClick && data.status === "done" ? (
-        <>
-          <ActionsMenuSeparator />
-          <ActionsMenuItem Icon={Pencil} onSelect={() => onRenameClick?.({id: data.uid, name: data.name})}>
-            Rename
-          </ActionsMenuItem>
-        </>
-      ) : null}
-      <ActionsMenuSeparator />
-      <ActionsMenuItem Icon={Delete} onSelect={() => onRemoveClick?.(data)} dangerous disabled={disabled}>
-        Delete
-      </ActionsMenuItem>
+      {
+        <FileMenuItems
+          file={data}
+          disabled={disabled}
+          onDownloadClick={onDownloadClick}
+          onRemoveClick={onRemoveClick}
+          onRenameClick={onRenameClick}
+        />
+      }
     </ActionsMenu>
   );
 }
 
 function FileTitle({title, className}: {title: string; className?: string}) {
-  const parts = title.split(".");
-  const ext = parts.length > 1 ? "." + parts[parts.length - 1] : "";
-  const name = title.substring(0, title.length - ext.length);
-
   return (
     <div
       className={cx(
@@ -458,216 +346,12 @@ function FileTitle({title, className}: {title: string; className?: string}) {
         className
       )}
     >
-      <div
-        className={css`
-          display: flex;
-          min-width: 0;
-          align-items: center;
+      <FileTitleInner
+        title={title}
+        containerCss={css`
           max-width: 180px;
         `}
-      >
-        <span
-          className={css`
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            /* ellipsis shows ONLY if this span overflows */
-            min-width: 0;
-          `}
-        >
-          {name}
-        </span>
-        <span
-          className={css`
-            flex: 0 0 auto;
-          `}
-        >
-          {ext}
-        </span>
-      </div>
+      />
     </div>
   );
 }
-
-function FilePreviewActions({url, name, onDownloadClick}: {url: string; name: string; onDownloadClick?: () => void}) {
-  if (isPhoneApp()) {
-    return (
-      <>
-        <a href={url} target="_blank" rel="noopener noreferrer">
-          <ActionsMenuItem Icon={RicheditorOpenLink}>Open in browser</ActionsMenuItem>
-        </a>
-        <ActionsMenuItem Icon={FileDownload} onSelect={onDownloadClick}>
-          Download
-        </ActionsMenuItem>
-      </>
-    );
-  }
-
-  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>
-    </>
-  );
-}
-
-function FileIcon({contentType}: {contentType?: string}) {
-  if (!contentType) {
-    return <AppWiki />;
-  }
-  if (contentType.startsWith("image/")) {
-    return <FileImage />;
-  }
-  if (contentType.startsWith("video/")) {
-    return <FileVideo />;
-  }
-  if (SheetsContentTypes.includes(contentType)) {
-    return <FileTable />;
-  }
-  if (ArchiveContentTypes.includes(contentType)) {
-    return <FileArchive />;
-  }
-  if (PresentationContentTypes.includes(contentType)) {
-    return <FilePresentation />;
-  }
-  if (DocumentContentTypes.includes(contentType) || contentType.startsWith("text/")) {
-    return <FileDocument />;
-  }
-
-  return <AppWiki />;
-}
-
-const ArchiveContentTypes = [
-  "application/zip",
-  "application/zip-compressed",
-  "application/x-zip",
-  "application/x-zip-compressed",
-  "multipart/x-zip",
-
-  "application/x-rar-compressed",
-  "application/vnd.rar",
-
-  "application/x-7z-compressed",
-
-  "application/gzip",
-  "application/x-gzip",
-
-  "application/x-tar",
-
-  "application/x-bzip",
-  "application/x-bzip2",
-  "application/x-bzip3",
-  "application/x-bzip4",
-
-  "application/x-xz",
-
-  "application/zstd",
-  "application/x-zstd",
-
-  "application/x-lzma",
-  "application/x-lzip",
-
-  "application/x-lzh",
-  "application/x-lha",
-
-  "application/x-iso9660-image",
-  "application/x-cd-image",
-
-  "application/x-apple-diskimage",
-
-  "application/x-arj",
-
-  "application/x-cpio",
-
-  "application/x-rpm",
-
-  "application/x-deb",
-  "application/vnd.debian.binary-package",
-
-  "application/x-compress",
-  "application/x-archive",
-  "application/vnd.android.package-archive",
-];
-
-const PresentationContentTypes = [
-  "application/x-iwork-keynote-sffkey",
-  "application/vnd.ms-powerpoint",
-  "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-  "application/vnd.openxmlformats-officedocument.presentationml.slideshow",
-  "application/vnd.openxmlformats-officedocument.presentationml.template",
-  "application/vnd.ms-powerpoint.presentation.macroEnabled.12",
-  "application/vnd.ms-powerpoint.slideshow.macroEnabled.12",
-  "application/vnd.ms-powerpoint.template.macroEnabled.12",
-  "application/vnd.oasis.opendocument.presentation",
-  "application/vnd.oasis.opendocument.presentation-template",
-  "application/vnd.apple.keynote",
-  "application/vnd.google-apps.presentation",
-  "application/pdf",
-  "application/vnd.sun.xml.impress",
-  "application/vnd.stardivision.impress",
-];
-
-const SheetsContentTypes = [
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.template",
-  "application/vnd.ms-excel",
-  "application/vnd.ms-excel.sheet.macroEnabled.12",
-  "application/vnd.ms-excel.template.macroEnabled.12",
-  "application/vnd.ms-excel.addin.macroEnabled.12",
-  "application/vnd.ms-excel.sheet.binary.macroEnabled.12",
-  "application/vnd.oasis.opendocument.spreadsheet",
-  "application/vnd.oasis.opendocument.spreadsheet-template",
-  "application/vnd.apple.numbers",
-  "application/vnd.google-apps.spreadsheet",
-  "text/csv",
-  "text/x-comma-separated-values",
-  "application/csv",
-  "text/tab-separated-values",
-  "application/vnd.lotus-1-2-3",
-  "application/x-123",
-  "application/vnd.stardivision.calc",
-  "application/vnd.sun.xml.calc",
-  "application/x-dbase",
-  "application/x-iwork-numbers-sffnumbers",
-];
-
-const DocumentContentTypes = [
-  "application/msword",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.template",
-  "application/vnd.ms-word.document.macroEnabled.12",
-  "application/vnd.ms-word.template.macroEnabled.12",
-
-  "application/vnd.oasis.opendocument.text",
-  "application/vnd.oasis.opendocument.text-template",
-  "application/vnd.oasis.opendocument.text-master",
-  "application/vnd.oasis.opendocument.text-web",
-
-  "application/vnd.apple.pages",
-  "application/x-iwork-pages-sffpages",
-
-  "application/rtf",
-  "text/rtf",
-
-  "text/plain",
-  "text/markdown",
-  "text/html",
-
-  "application/vnd.google-apps.document",
-
-  "application/vnd.sun.xml.writer",
-  "application/vnd.sun.xml.writer.template",
-  "application/vnd.sun.xml.writer.global",
-
-  "application/vnd.stardivision.writer",
-  "application/vnd.stardivision.writer-global",
-
-  "application/x-mswrite",
-  "application/x-abiword",
-
-  "application/pdf",
-];

package/src/file-item.tsx

@@ -3,8 +3,9 @@ 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 {border, fontWeight, space, textStyles, themeVars} from "./design-system";
 import {makeButtonColors} from "./button/make-button-colors";
+import {useTheme} from "./theme-provider";
 import {useImagesGalleryMethods, useImagesGalleryRegistry} from "./images-gallery/images-gallery";
 import FileDownload from "./icons/react/FileDownload";
 import RicheditorOpenLink from "./icons/react/RicheditorOpenLink";
@@ -94,6 +95,7 @@ export type FileItemProps = {
 };
 
 export function FileItem(props: FileItemProps) {
+  const theme = useTheme();
   const {onDownloadClick, onRemoveClick} = props;
   const {name, url, thumbnailUrl, status, previewData: preview} = props.data;
   const isActive = status === "uploading" || status === "deleting";
@@ -171,7 +173,6 @@ export function FileItem(props: FileItemProps) {
           `
       )}
     >
-      {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
       <div
         style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
         onClick={onContainerClick}
@@ -201,7 +202,9 @@ export function FileItem(props: FileItemProps) {
                       className={css`
                         z-index: 1;
                       `}
-                      style={isBackgroundReady ? makeButtonColors(colors.inversedTextColor, "ghost") : undefined}
+                      style={
+                        isBackgroundReady ? makeButtonColors(themeVars.inversedTextColor, "ghost", theme) : undefined
+                      }
                     />
                   }
                 >

package/src/hue-shift.test.ts

@@ -0,0 +1,91 @@
+import {makeThematicPalette, SCALE_PRESETS} from "./palette-generator";
+import {OKLCH, parse, to} from "./color-utils";
+
+function getHue(color: string): number {
+  const oklch = to(parse(color), OKLCH);
+  return oklch.coords[2] ?? 0;
+}
+
+describe("shiftHueTowards", () => {
+  it("no shift when baseChroma is 0", () => {
+    const palette = makeThematicPalette({
+      baseHue: 200,
+      baseChroma: 0,
+      accentHue: 264,
+      accentChroma: 0.16,
+    });
+
+    // Semantic colors should keep original hues (within 1° tolerance)
+    expect(Math.abs(getHue(palette.red[9]) - SCALE_PRESETS.red.hue)).toBeLessThan(1);
+    expect(Math.abs(getHue(palette.teal[9]) - SCALE_PRESETS.teal.hue)).toBeLessThan(1);
+    expect(Math.abs(getHue(palette.yellow[9]) - SCALE_PRESETS.yellow.hue)).toBeLessThan(1);
+  });
+
+  it("shifts hue towards baseHue when baseChroma is high", () => {
+    const palette = makeThematicPalette({
+      baseHue: 200, // blue-ish
+      baseChroma: 0.15, // high chroma → 30% shift
+      accentHue: 264,
+      accentChroma: 0.16,
+    });
+
+    const redHue = getHue(palette.red[9]);
+    const tealHue = getHue(palette.teal[9]);
+    const yellowHue = getHue(palette.yellow[9]);
+
+    // Hues should differ from original presets
+    expect(redHue).not.toBeCloseTo(SCALE_PRESETS.red.hue, 0);
+    expect(tealHue).not.toBeCloseTo(SCALE_PRESETS.teal.hue, 0);
+    expect(yellowHue).not.toBeCloseTo(SCALE_PRESETS.yellow.hue, 0);
+
+    // Teal (183) should shift towards 200 → increases
+    expect(tealHue).toBeGreaterThan(SCALE_PRESETS.teal.hue);
+    expect(tealHue).toBeLessThan(200);
+
+    // Yellow (100) should shift towards 200 → increases
+    expect(yellowHue).toBeGreaterThan(SCALE_PRESETS.yellow.hue);
+    expect(yellowHue).toBeLessThan(200);
+  });
+
+  it("handles hue wrap-around correctly", () => {
+    // Base hue near 0, target hue near 360
+    const palette = makeThematicPalette({
+      baseHue: 350, // near red
+      baseChroma: 0.15,
+      accentHue: 264,
+      accentChroma: 0.16,
+    });
+
+    // Red (19) is close to 350 via wrap-around (350 → 360 → 19 = 29° distance)
+    // Should shift towards 350, so should decrease or wrap
+    const redHue = getHue(palette.red[9]);
+    // The shift should take the shortest path
+    expect(Math.abs(redHue - 350) < 30 || Math.abs(redHue - 350 + 360) < 30).toBe(true);
+  });
+
+  it("caps shift at 30%", () => {
+    const lowChroma = makeThematicPalette({
+      baseHue: 150, // green
+      baseChroma: 0.05, // 10% shift
+      accentHue: 264,
+      accentChroma: 0.16,
+    });
+
+    const highChroma = makeThematicPalette({
+      baseHue: 150,
+      baseChroma: 0.25, // would be 50% but capped at 30%
+      accentHue: 264,
+      accentChroma: 0.16,
+    });
+
+    const lowShiftYellow = getHue(lowChroma.yellow[9]);
+    const highShiftYellow = getHue(highChroma.yellow[9]);
+
+    // Yellow (100) should shift towards 150 → increases
+    // Higher chroma = more shift (up to 30% cap)
+    expect(lowShiftYellow).toBeGreaterThan(SCALE_PRESETS.yellow.hue);
+    expect(highShiftYellow).toBeGreaterThan(lowShiftYellow);
+    // But capped - 30% of 50° = 15° max additional shift
+    expect(highShiftYellow).toBeLessThan(150);
+  });
+});

package/src/icons/ast/ChatBubble.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ChatBubble: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M13.137 10.235a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"},"children":[]},{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M15.251 3c.799 0 1.532.22 2.052.786.509.554.697 1.313.697 2.139v8.15c0 .826-.188 1.585-.697 2.139-.52.566-1.253.786-2.052.786H4.749c-.799 0-1.532-.22-2.052-.786C2.188 15.66 2 14.9 2 14.075v-8.15c0-.826.188-1.585.697-2.139C3.217 3.22 3.95 3 4.75 3h10.502ZM4.749 4.5c-.534 0-.801.143-.947.302-.157.17-.302.499-.302 1.123v8.15c0 .624.145.952.302 1.123.146.16.413.302.947.302h10.502c.534 0 .801-.143.947-.302.157-.17.302-.499.302-1.123v-8.15c0-.624-.145-.952-.302-1.123-.146-.16-.413-.302-.947-.302H4.749Z"},"children":[]}],"metadata":""}]},"name":"chat-bubble"};
+
+export default ChatBubble;

package/src/icons/ast/ChatFloat.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ChatFloat: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.84 9.05a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-.75.75h-3.5a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 1 .75-.75h3.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M15.251 3c.799 0 1.532.22 2.052.786.509.554.697 1.313.697 2.139v8.15c0 .826-.188 1.585-.697 2.139-.52.566-1.253.786-2.052.786H4.749c-.799 0-1.532-.22-2.052-.786C2.188 15.66 2 14.9 2 14.075v-8.15c0-.826.188-1.585.697-2.139C3.217 3.22 3.95 3 4.75 3h10.502ZM4.749 4.5c-.534 0-.801.143-.947.302-.157.17-.302.499-.302 1.123v8.15c0 .624.145.952.302 1.123.146.16.413.302.947.302h10.502c.534 0 .801-.143.947-.302.157-.17.302-.499.302-1.123v-8.15c0-.624-.145-.952-.302-1.123-.146-.16-.413-.302-.947-.302H4.749Z"},"children":[]}],"metadata":""}]},"name":"chat-float"};
+
+export default ChatFloat;

package/src/icons/ast/ChatSidebar.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ChatSidebar: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.702 5.35a.75.75 0 0 1 .75.75v7.8a.75.75 0 0 1-.75.75h-3.5a.75.75 0 0 1-.75-.75V6.1a.75.75 0 0 1 .75-.75h3.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M15.251 3c.799 0 1.532.22 2.052.786.509.554.697 1.313.697 2.139v8.15c0 .826-.188 1.585-.697 2.139-.52.566-1.253.786-2.052.786H4.749c-.799 0-1.532-.22-2.052-.786C2.188 15.66 2 14.9 2 14.075v-8.15c0-.826.188-1.585.697-2.139C3.217 3.22 3.95 3 4.75 3h10.502ZM4.749 4.5c-.534 0-.801.143-.947.302-.157.17-.302.499-.302 1.123v8.15c0 .624.145.952.302 1.123.146.16.413.302.947.302h10.502c.534 0 .801-.143.947-.302.157-.17.302-.499.302-1.123v-8.15c0-.624-.145-.952-.302-1.123-.146-.16-.413-.302-.947-.302H4.749Z"},"children":[]}],"metadata":""}]},"name":"chat-sidebar"};
+
+export default ChatSidebar;

package/src/icons/ast/FileCounter.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileCounter: 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.497a.752.752 0 0 1-.529 1.281h-3.672a1.583 1.583 0 0 1-1.582-1.584V3H5.745c-.69 0-1.249.56-1.249 1.25v11.5c0 .69.56 1.25 1.25 1.25h3.501a.75.75 0 0 1 0 1.5H5.745a2.749 2.749 0 0 1-2.748-2.75V4.25c0-1.519 1.23-2.75 2.748-2.75h5.997Zm2.173 8c1.668 0 2.795.902 2.795 2.281 0 1.093-.717 1.81-1.647 2.019v.036c1.176.12 1.937.872 1.937 2.06 0 1.565-1.242 2.604-3.074 2.604-1.504 0-2.428-.71-2.8-1.559a1.393 1.393 0 0 1-.126-.567c0-.466.274-.759.727-.759.329 0 .537.144.7.472.28.603.706.962 1.526.962.81 0 1.368-.514 1.368-1.23.006-.837-.558-1.302-1.515-1.302h-.345c-.399 0-.629-.257-.629-.645 0-.376.23-.64.629-.64h.323c.826 0 1.361-.49 1.361-1.194 0-.693-.426-1.152-1.224-1.152-.667 0-1.072.304-1.33.913-.18.406-.371.556-.743.556-.46 0-.695-.293-.695-.729 0-.203.038-.376.12-.58.35-.841 1.247-1.546 2.642-1.546Zm-1.423-3.587a.084.084 0 0 0 .083.084h1.86l-1.943-1.94v1.856Z"},"children":[]}],"metadata":""}]},"name":"file-counter"};
+
+export default FileCounter;

package/src/icons/ast/FileMultiple.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileMultiple: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M12.742 1a.75.75 0 0 1 .53.219l4.504 4.497c.141.14.22.332.22.531v6.003A2.75 2.75 0 0 1 15.249 15h-.473a2.748 2.748 0 0 1-2.233 2.265l-6.405 1.129a2.749 2.749 0 0 1-3.183-2.23L1.477 7.791a2.75 2.75 0 0 1 2.23-3.186l2.29-.404V3.75A2.75 2.75 0 0 1 8.745 1h3.997ZM3.967 6.084a1.25 1.25 0 0 0-1.013 1.447l1.475 8.371a1.25 1.25 0 0 0 1.448 1.015l6.404-1.13c.45-.08.798-.39.95-.787H8.744a2.75 2.75 0 0 1-2.748-2.75V5.726l-2.03.358ZM8.745 2.5c-.69 0-1.25.56-1.25 1.25v8.5c0 .69.56 1.25 1.25 1.25h6.503c.69 0 1.249-.56 1.249-1.25V6.997h-2.922a1.584 1.584 0 0 1-1.582-1.584V2.5H8.745Zm4.747 2.913c0 .022.009.044.024.06a.085.085 0 0 0 .059.024h1.86l-1.943-1.94v1.856Z"},"children":[]}],"metadata":""}]},"name":"file-multiple"};
+
+export default FileMultiple;

package/src/icons/ast/FileOther.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const FileOther: 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.747 2.913a.084.084 0 0 0 .083.084h1.86l-1.943-1.94v1.856Z"},"children":[]}],"metadata":""}]},"name":"file-other"};
+
+export default FileOther;

package/src/icons/ast/NoBorder.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const NoBorder: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M16.47 2.47a.75.75 0 0 1 1.06 1.06l-14 14a.75.75 0 0 1-1.06-1.06l14-14ZM6.874 15.495a.753.753 0 1 1-.003 1.506.753.753 0 0 1 .003-1.506ZM10 15.495a.754.754 0 0 1 .532 1.284.753.753 0 1 1-.532-1.284ZM13.126 15.495a.754.754 0 0 1 0 1.505.753.753 0 0 1 0-1.505ZM16.252 15.495a.754.754 0 0 1 0 1.505.751.751 0 0 1 0-1.505ZM3.748 12.378a.748.748 0 1 1-.003 1.496.748.748 0 0 1 .003-1.496ZM16.252 12.378a.748.748 0 1 1-.528 1.277.749.749 0 0 1 .528-1.277ZM3.748 9.252a.748.748 0 1 1 0 1.496.748.748 0 0 1 0-1.496ZM16.252 9.252a.75.75 0 1 1 0 1.498.75.75 0 0 1 0-1.498ZM3.748 6.126a.748.748 0 1 1 0 1.496.748.748 0 0 1 0-1.496ZM16.252 6.126a.75.75 0 1 1 0 1.498.75.75 0 0 1 0-1.498ZM3.952 3a.753.753 0 1 1 0 1.507.753.753 0 0 1 0-1.507ZM6.874 3a.752.752 0 1 1-.002 1.503A.752.752 0 0 1 6.874 3ZM10 3a.753.753 0 1 1-.001 1.507A.753.753 0 0 1 10 3ZM13.126 3a.753.753 0 1 1-.001 1.507A.753.753 0 0 1 13.126 3Z"},"children":[]}],"metadata":""}]},"name":"no-border"};
+
+export default NoBorder;

package/src/icons/ast/NoFill.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const NoFill: 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.108 5.892a1 1 0 0 1 1 1v6.216a1 1 0 0 1-.897.995l-.103.005H6.892l-.103-.005a1 1 0 0 1-.893-.892l-.004-.103V6.892a1 1 0 0 1 1-1h6.216Zm-5.716 6.716h5.216V7.392H7.392v5.216Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M14.25 3A2.75 2.75 0 0 1 17 5.75v8.5A2.75 2.75 0 0 1 14.25 17h-8.5A2.75 2.75 0 0 1 3 14.25v-8.5A2.75 2.75 0 0 1 5.75 3h8.5Zm-8.5 1.5c-.69 0-1.25.56-1.25 1.25v8.5c0 .69.56 1.25 1.25 1.25h8.5c.69 0 1.25-.56 1.25-1.25v-8.5c0-.69-.56-1.25-1.25-1.25h-8.5Z"},"children":[]}],"metadata":""}]},"name":"no-fill"};
+
+export default NoFill;