@fibery/ui-kit 1.40.3 → 1.40.4

package/src/file-item-2.tsx

@@ -1,28 +1,17 @@
-/* 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 {useRegisterInImageGallery} from "./file-item/use-register-in-image-gallery";
+import {FileTitle as FileTitleInner} from "./file-item/file-title";
 
 const fileItemStyle = css`
   display: block;
@@ -79,32 +68,18 @@ 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;
   disabled?: boolean;
 };
 
 export const minFileTileWidth = 120;
 
 export function FileItem(props: FileItemProps) {
+  const theme = useTheme();
   const {onDownloadClick, onRemoveClick} = props;
   const {name, thumbnailUrl, status, previewData: preview, contentType} = props.data;
   const isPending = status === "uploading" || status === "deleting";
@@ -114,59 +89,11 @@ 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]);
+  const {openGallery} = useRegisterInImageGallery({
+    preview,
+    name,
+    onDownloadClick,
+  });
 
   return (
     <>
@@ -219,7 +146,7 @@ export function FileItem(props: FileItemProps) {
       >
         <div
           style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
-          onClick={onContainerClick}
+          onClick={openGallery}
           className={cx(
             css`
               flex-shrink: 0;
@@ -321,7 +248,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 +293,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 +313,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 +352,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";
@@ -201,7 +203,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/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/ValueEdit.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ValueEdit: 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.5 6.25a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v2a.75.75 0 0 0 1.5 0v-2A2.25 2.25 0 0 0 15.75 4H4.25A2.25 2.25 0 0 0 2 6.25v5.5A2.25 2.25 0 0 0 4.25 14H12a.75.75 0 0 0 0-1.5H4.25a.75.75 0 0 1-.75-.75v-5.5Zm2.25 2a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Zm9 2a.75.75 0 0 0 0 1.5h1v4.5h-1a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-1v-4.5h1a.75.75 0 0 0 0-1.5h-3.5Z"},"children":[]}],"metadata":""}]},"name":"value-edit"};
+
+export default ValueEdit;

package/src/icons/ast/index.tsx

@@ -133,9 +133,11 @@ export { default as Fields } from './Fields';
 export { default as Figma } from './Figma';
 export { default as FileArchive } from './FileArchive';
 export { default as FileBroken } from './FileBroken';
+export { default as FileCounter } from './FileCounter';
 export { default as FileDocument } from './FileDocument';
 export { default as FileDownload } from './FileDownload';
 export { default as FileImage } from './FileImage';
+export { default as FileMultiple } from './FileMultiple';
 export { default as FilePresentation } from './FilePresentation';
 export { default as FileTable } from './FileTable';
 export { default as FileUpload } from './FileUpload';
@@ -404,6 +406,7 @@ export { default as UserGroupRemove } from './UserGroupRemove';
 export { default as UserGroup } from './UserGroup';
 export { default as UserRole } from './UserRole';
 export { default as UserX } from './UserX';
+export { default as ValueEdit } from './ValueEdit';
 export { default as ViewAi } from './ViewAi';
 export { default as ViewBoard } from './ViewBoard';
 export { default as ViewCalendar } from './ViewCalendar';

package/src/icons/react/FileCounter.tsx

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

package/src/icons/react/FileMultiple.tsx

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

package/src/icons/react/ValueEdit.tsx

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