@fibery/ui-kit 1.40.4 → 1.41.0

package/src/file-item-2.tsx

@@ -10,7 +10,6 @@ import {Icon} from "./icons/Icon";
 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`
@@ -73,6 +72,7 @@ export type FileItemProps = {
   onDownloadClick?: () => void;
   onRemoveClick?: () => void;
   onRenameClick?: (file: {id: string; name: string}) => void;
+  onClick?: () => void;
   disabled?: boolean;
 };
 
@@ -80,8 +80,8 @@ 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 {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);
@@ -89,12 +89,6 @@ export function FileItem(props: FileItemProps) {
 
   const showFileIcon = !isPending && !isBackgroundReady;
 
-  const {openGallery} = useRegisterInImageGallery({
-    preview,
-    name,
-    onDownloadClick,
-  });
-
   return (
     <>
       <div
@@ -146,7 +140,7 @@ export function FileItem(props: FileItemProps) {
       >
         <div
           style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
-          onClick={openGallery}
+          onClick={onClick}
           className={cx(
             css`
               flex-shrink: 0;

package/src/file-item.tsx

@@ -173,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}

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/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;

package/src/icons/ast/index.tsx

@@ -63,6 +63,9 @@ export { default as BringForward } from './BringForward';
 export { default as BringToFront } from './BringToFront';
 export { default as Cards } from './Cards';
 export { default as ChatAi } from './ChatAi';
+export { default as ChatBubble } from './ChatBubble';
+export { default as ChatFloat } from './ChatFloat';
+export { default as ChatSidebar } from './ChatSidebar';
 export { default as Chat } from './Chat';
 export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
@@ -138,6 +141,7 @@ 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 FileOther } from './FileOther';
 export { default as FilePresentation } from './FilePresentation';
 export { default as FileTable } from './FileTable';
 export { default as FileUpload } from './FileUpload';
@@ -227,6 +231,8 @@ export { default as MoveSpace } from './MoveSpace';
 export { default as MoveTop } from './MoveTop';
 export { default as NetworkAdd } from './NetworkAdd';
 export { default as Network } from './Network';
+export { default as NoBorder } from './NoBorder';
+export { default as NoFill } from './NoFill';
 export { default as Notifications } from './Notifications';
 export { default as ObjChild } from './ObjChild';
 export { default as ObjM2M } from './ObjM2M';

package/src/icons/react/ChatBubble.tsx

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

package/src/icons/react/ChatFloat.tsx

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

package/src/icons/react/ChatSidebar.tsx

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

package/src/icons/react/FileOther.tsx

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

package/src/icons/react/NoBorder.tsx

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

package/src/icons/react/NoFill.tsx

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

package/src/icons/react/index.tsx

@@ -63,6 +63,9 @@ export { default as BringForward } from './BringForward';
 export { default as BringToFront } from './BringToFront';
 export { default as Cards } from './Cards';
 export { default as ChatAi } from './ChatAi';
+export { default as ChatBubble } from './ChatBubble';
+export { default as ChatFloat } from './ChatFloat';
+export { default as ChatSidebar } from './ChatSidebar';
 export { default as Chat } from './Chat';
 export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
@@ -138,6 +141,7 @@ 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 FileOther } from './FileOther';
 export { default as FilePresentation } from './FilePresentation';
 export { default as FileTable } from './FileTable';
 export { default as FileUpload } from './FileUpload';
@@ -227,6 +231,8 @@ export { default as MoveSpace } from './MoveSpace';
 export { default as MoveTop } from './MoveTop';
 export { default as NetworkAdd } from './NetworkAdd';
 export { default as Network } from './Network';
+export { default as NoBorder } from './NoBorder';
+export { default as NoFill } from './NoFill';
 export { default as Notifications } from './Notifications';
 export { default as ObjChild } from './ObjChild';
 export { default as ObjM2M } from './ObjM2M';

package/src/icons/svg/chat-bubble.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1367 10.2354C14.2412 10.2354 15.1366 11.1309 15.1367 12.2354C15.1367 13.3399 14.2413 14.2354 13.1367 14.2354C12.0321 14.2354 11.1367 13.3399 11.1367 12.2354C11.1369 11.1309 12.0322 10.2354 13.1367 10.2354Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.251 3C16.0499 3.00007 16.7826 3.22033 17.3027 3.78613C17.8118 4.34007 18 5.0993 18 5.9248V14.0752C18 14.9007 17.8118 15.6599 17.3027 16.2139C16.7826 16.7797 16.0499 16.9999 15.251 17H4.74902C3.95013 16.9999 3.21744 16.7797 2.69727 16.2139C2.18815 15.6599 2 14.9007 2 14.0752V5.9248C2 5.0993 2.18815 4.34007 2.69727 3.78613C3.21744 3.22033 3.95013 3.00007 4.74902 3H15.251ZM4.74902 4.5C4.21538 4.50006 3.94793 4.64276 3.80176 4.80176C3.64471 4.97282 3.5 5.30102 3.5 5.9248V14.0752C3.5 14.699 3.64471 15.0272 3.80176 15.1982C3.94793 15.3572 4.21538 15.4999 4.74902 15.5H15.251C15.7846 15.4999 16.0521 15.3572 16.1982 15.1982C16.3553 15.0272 16.5 14.699 16.5 14.0752V5.9248C16.5 5.30102 16.3553 4.97282 16.1982 4.80176C16.0521 4.64276 15.7846 4.50006 15.251 4.5H4.74902Z"/>
+</svg>

package/src/icons/svg/chat-float.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8398 9.0498C15.2538 9.05007 15.5897 9.38587 15.5898 9.7998V13.7998C15.5898 14.2139 15.2538 14.5495 14.8398 14.5498H11.3398C10.9256 14.5498 10.5898 14.214 10.5898 13.7998V9.7998C10.59 9.3857 10.9257 9.0498 11.3398 9.0498H14.8398Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.251 3C16.0499 3.00007 16.7826 3.22033 17.3027 3.78613C17.8118 4.34007 18 5.0993 18 5.9248V14.0752C18 14.9007 17.8118 15.6599 17.3027 16.2139C16.7826 16.7797 16.0499 16.9999 15.251 17H4.74902C3.95013 16.9999 3.21744 16.7797 2.69727 16.2139C2.18815 15.6599 2 14.9007 2 14.0752V5.9248C2 5.0993 2.18815 4.34007 2.69727 3.78613C3.21744 3.22033 3.95013 3.00007 4.74902 3H15.251ZM4.74902 4.5C4.21538 4.50006 3.94793 4.64276 3.80176 4.80176C3.64471 4.97282 3.5 5.30102 3.5 5.9248V14.0752C3.5 14.699 3.64471 15.0272 3.80176 15.1982C3.94793 15.3572 4.21538 15.4999 4.74902 15.5H15.251C15.7846 15.4999 16.0521 15.3572 16.1982 15.1982C16.3553 15.0272 16.5 14.699 16.5 14.0752V5.9248C16.5 5.30102 16.3553 4.97282 16.1982 4.80176C16.0521 4.64276 15.7846 4.50006 15.251 4.5H4.74902Z"/>
+</svg>

package/src/icons/svg/chat-sidebar.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7021 5.35059C15.1164 5.35059 15.4521 5.68639 15.4521 6.10059V13.8994C15.452 14.3135 15.1163 14.6494 14.7021 14.6494H11.2021C10.788 14.6494 10.4523 14.3135 10.4521 13.8994V6.10059C10.4522 5.68639 10.7879 5.35059 11.2021 5.35059H14.7021Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.251 3C16.0499 3.00007 16.7826 3.22033 17.3027 3.78613C17.8118 4.34007 18 5.0993 18 5.9248V14.0752C18 14.9007 17.8118 15.6599 17.3027 16.2139C16.7826 16.7797 16.0499 16.9999 15.251 17H4.74902C3.95013 16.9999 3.21744 16.7797 2.69727 16.2139C2.18815 15.6599 2 14.9007 2 14.0752V5.9248C2 5.0993 2.18815 4.34007 2.69727 3.78613C3.21744 3.22033 3.95013 3.00007 4.74902 3H15.251ZM4.74902 4.5C4.21538 4.50006 3.94793 4.64276 3.80176 4.80176C3.64471 4.97282 3.5 5.30102 3.5 5.9248V14.0752C3.5 14.699 3.64471 15.0272 3.80176 15.1982C3.94793 15.3572 4.21538 15.4999 4.74902 15.5H15.251C15.7846 15.4999 16.0521 15.3572 16.1982 15.1982C16.3553 15.0272 16.5 14.699 16.5 14.0752V5.9248C16.5 5.30102 16.3553 4.97282 16.1982 4.80176C16.0521 4.64276 15.7846 4.50006 15.251 4.5H4.74902Z"/>
+</svg>

package/src/icons/svg/file-other.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+    <path d="M11.7422 1.5C11.9405 1.5 12.131 1.5787 12.2715 1.71875L16.7764 6.21582C16.9173 6.35652 16.9971 6.54787 16.9971 6.74707V15.75C16.9971 17.2687 15.766 18.4999 14.248 18.5H5.74512C4.22716 18.4999 2.99708 17.2687 2.99707 15.75V4.25C2.99707 2.73127 4.22713 1.50008 5.74512 1.5H11.7422ZM5.74512 3C5.05516 3.00008 4.49609 3.55969 4.49609 4.25V15.75C4.4961 16.4403 5.05519 16.9999 5.74512 17H14.248C14.938 16.9999 15.4971 16.4403 15.4971 15.75V7.49707H12.5752C12.1555 7.49702 11.7528 7.33009 11.4561 7.0332C11.1593 6.73627 10.9932 6.33301 10.9932 5.91309V3H5.74512ZM12.4922 5.91309C12.4922 5.93519 12.501 5.95703 12.5166 5.97266C12.5322 5.98808 12.5533 5.99702 12.5752 5.99707H14.4346L12.4922 4.05762V5.91309Z"/>
+</svg>

package/src/icons/svg/no-border.svg

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4697 2.46975C16.7626 2.17691 17.2374 2.17687 17.5303 2.46975C17.8231 2.76263 17.8231 3.23742 17.5303 3.53029L3.53028 17.5303C3.23741 17.8232 2.76263 17.8231 2.46973 17.5303C2.17684 17.2374 2.17684 16.7626 2.46973 16.4697L16.4697 2.46975Z" />
+<path d="M6.87403 15.4951C7.07335 15.4952 7.26428 15.575 7.40528 15.7158C7.54635 15.8569 7.62598 16.0486 7.62598 16.2481C7.6259 16.4475 7.54628 16.6383 7.40528 16.7793C7.26426 16.9203 7.07344 17 6.87403 17C6.67452 17 6.48288 16.9204 6.3418 16.7793C6.20093 16.6383 6.12118 16.4474 6.1211 16.2481C6.1211 16.0486 6.20074 15.8569 6.3418 15.7158C6.48288 15.5748 6.67452 15.4951 6.87403 15.4951Z" />
+<path d="M10 15.4951C10.1995 15.4952 10.3912 15.5748 10.5322 15.7158C10.6732 15.8569 10.752 16.0487 10.752 16.2481C10.7519 16.4473 10.673 16.6384 10.5322 16.7793C10.3912 16.9204 10.1995 17 10 17C9.80049 17 9.60885 16.9204 9.46778 16.7793C9.32694 16.6383 9.24813 16.4473 9.24805 16.2481C9.24805 16.0486 9.32675 15.8569 9.46778 15.7158C9.60885 15.5748 9.80049 15.4951 10 15.4951Z" />
+<path d="M13.126 15.4951C13.3255 15.4951 13.5171 15.5748 13.6582 15.7158C13.7992 15.8569 13.8779 16.0486 13.8779 16.2481C13.8779 16.4473 13.799 16.6383 13.6582 16.7793C13.5171 16.9204 13.3255 17 13.126 17C12.9265 17 12.7348 16.9204 12.5938 16.7793C12.453 16.6384 12.3741 16.4473 12.374 16.2481C12.374 16.0487 12.4528 15.8569 12.5938 15.7158C12.7348 15.5748 12.9265 15.4952 13.126 15.4951Z" />
+<path d="M16.252 15.4951C16.4515 15.4951 16.6431 15.5748 16.7842 15.7158C16.9252 15.8569 17.0049 16.0486 17.0049 16.2481C17.0048 16.4474 16.925 16.6383 16.7842 16.7793C16.6431 16.9204 16.4515 17 16.252 17C16.0525 17 15.8617 16.9203 15.7207 16.7793C15.5797 16.6383 15.5001 16.4475 15.5 16.2481C15.5 16.0486 15.5796 15.8569 15.7207 15.7158C15.8617 15.575 16.0526 15.4952 16.252 15.4951Z" />
+<path d="M3.74805 12.378C3.84612 12.378 3.94358 12.398 4.03418 12.4356C4.12474 12.4731 4.20704 12.5283 4.27637 12.5977C4.34572 12.6671 4.40093 12.7492 4.43848 12.8399C4.47605 12.9306 4.49511 13.0278 4.49512 13.126C4.49512 13.2242 4.47604 13.3214 4.43848 13.4121C4.4009 13.5029 4.34581 13.5859 4.27637 13.6553C4.20711 13.7245 4.12461 13.7789 4.03418 13.8164C3.94358 13.854 3.84612 13.874 3.74805 13.874C3.5498 13.874 3.35897 13.7954 3.21875 13.6553C3.07852 13.5151 3 13.3243 3 13.126C3.00003 12.9278 3.07871 12.7379 3.21875 12.5977C3.35898 12.4574 3.54974 12.378 3.74805 12.378Z" />
+<path d="M16.252 12.378C16.3501 12.378 16.4474 12.398 16.5381 12.4356C16.6288 12.4731 16.7118 12.5282 16.7813 12.5977C16.8505 12.667 16.9058 12.7493 16.9434 12.8399C16.9809 12.9305 17 13.0279 17 13.126C17 13.2241 16.9809 13.3215 16.9434 13.4121C16.9058 13.5029 16.8507 13.5859 16.7813 13.6553C16.7118 13.7247 16.6288 13.7789 16.5381 13.8164C16.4474 13.854 16.3501 13.874 16.252 13.874C16.0539 13.874 15.8638 13.7953 15.7236 13.6553C15.5834 13.5151 15.5049 13.3243 15.5049 13.126C15.5049 12.9278 15.5835 12.7379 15.7236 12.5977C15.8638 12.4575 16.0537 12.378 16.252 12.378Z" />
+<path d="M3.74805 9.25197C3.94613 9.25207 4.13625 9.33072 4.27637 9.47072C4.4166 9.61095 4.49512 9.80171 4.49512 10C4.49508 10.1982 4.4165 10.3882 4.27637 10.5283C4.13623 10.6685 3.94623 10.748 3.74805 10.7481C3.54974 10.7481 3.35898 10.6686 3.21875 10.5283C3.0787 10.3882 3.00005 10.1982 3 10C3 9.80171 3.07852 9.61095 3.21875 9.47072C3.35897 9.33056 3.54978 9.25197 3.74805 9.25197Z" />
+<path d="M16.252 9.25197C16.4503 9.25197 16.641 9.33052 16.7813 9.47072C16.9215 9.61095 17 9.80171 17 10C17 10.1981 16.9213 10.3882 16.7813 10.5283C16.641 10.6686 16.4503 10.7481 16.252 10.7481C16.0537 10.748 15.8638 10.6685 15.7236 10.5283C15.5835 10.3882 15.5049 10.1983 15.5049 10C15.5049 9.80171 15.5834 9.61095 15.7236 9.47072C15.8638 9.33073 16.0539 9.25204 16.252 9.25197Z" />
+<path d="M3.74805 6.126C3.94613 6.12609 4.13625 6.20475 4.27637 6.34475C4.4166 6.48498 4.49512 6.67573 4.49512 6.87404C4.49508 7.07225 4.4165 7.26218 4.27637 7.40237C4.13623 7.54251 3.94623 7.622 3.74805 7.62209C3.54974 7.62209 3.35898 7.5426 3.21875 7.40237C3.0787 7.26219 3.00005 7.0722 3 6.87404C3 6.67573 3.07852 6.48498 3.21875 6.34475C3.35897 6.20458 3.54978 6.126 3.74805 6.126Z" />
+<path d="M16.252 6.126C16.4503 6.126 16.641 6.20455 16.7813 6.34475C16.9215 6.48498 17 6.67573 17 6.87404C17 7.07217 16.9213 7.2622 16.7813 7.40237C16.641 7.5426 16.4503 7.62209 16.252 7.62209C16.0537 7.62203 15.8638 7.54254 15.7236 7.40237C15.5835 7.26218 15.5049 7.07228 15.5049 6.87404C15.5049 6.67573 15.5834 6.48498 15.7236 6.34475C15.8638 6.20475 16.0539 6.12606 16.252 6.126Z" />
+<path d="M3.95215 3.00002C4.15166 3.00002 4.3433 3.07965 4.48438 3.22072C4.62518 3.36172 4.70405 3.55271 4.70411 3.75197C4.70411 3.95145 4.62541 4.14313 4.48438 4.2842C4.3433 4.42528 4.15166 4.5049 3.95215 4.5049C3.75266 4.50489 3.56099 4.42526 3.41993 4.2842C3.27893 4.14314 3.2002 3.95143 3.2002 3.75197C3.20025 3.55273 3.27916 3.36171 3.41993 3.22072C3.56099 3.07966 3.75266 3.00003 3.95215 3.00002Z" />
+<path d="M6.87403 3.00002C7.07345 3.00009 7.26426 3.07971 7.40528 3.22072C7.54629 3.36175 7.62593 3.55255 7.62598 3.75197C7.62598 3.95148 7.54635 4.14313 7.40528 4.2842C7.26429 4.42505 7.07332 4.50484 6.87403 4.5049C6.67453 4.5049 6.48287 4.42526 6.3418 4.2842C6.20073 4.14313 6.1211 3.95148 6.1211 3.75197C6.12115 3.55266 6.20094 3.36173 6.3418 3.22072C6.48288 3.07965 6.67452 3.00002 6.87403 3.00002Z" />
+<path d="M10 3.00002C10.1995 3.00006 10.3912 3.07968 10.5322 3.22072C10.673 3.36171 10.7519 3.55275 10.752 3.75197C10.752 3.95141 10.6732 4.14314 10.5322 4.2842C10.3912 4.42524 10.1995 4.50487 10 4.5049C9.80049 4.5049 9.60885 4.42528 9.46778 4.2842C9.32672 4.14313 9.24805 3.95147 9.24805 3.75197C9.2481 3.55269 9.32695 3.36172 9.46778 3.22072C9.60885 3.07965 9.80049 3.00002 10 3.00002Z" />
+<path d="M13.126 3.00002C13.3255 3.00002 13.5171 3.07965 13.6582 3.22072C13.799 3.36172 13.8779 3.55269 13.8779 3.75197C13.8779 3.95146 13.7993 4.14313 13.6582 4.2842C13.5171 4.42528 13.3255 4.5049 13.126 4.5049C12.9265 4.50488 12.7348 4.42525 12.5938 4.2842C12.4528 4.14314 12.374 3.95141 12.374 3.75197C12.3741 3.55275 12.453 3.36171 12.5938 3.22072C12.7348 3.07968 12.9265 3.00005 13.126 3.00002Z" />
+</svg>

package/src/icons/svg/no-fill.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.1084 5.8916C13.6607 5.8916 14.1084 6.33932 14.1084 6.8916V13.1084C14.1084 13.6261 13.7151 14.0522 13.2109 14.1035L13.1084 14.1084H6.8916L6.78906 14.1035C6.31864 14.0556 5.94438 13.6814 5.89648 13.2109L5.8916 13.1084V6.8916C5.8916 6.33932 6.33932 5.8916 6.8916 5.8916H13.1084ZM7.3916 12.6084H12.6084V7.3916H7.3916V12.6084Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.25 3C15.7688 3 17 4.23122 17 5.75V14.25C17 15.7688 15.7688 17 14.25 17H5.75C4.23122 17 3 15.7688 3 14.25V5.75C3 4.23122 4.23122 3 5.75 3H14.25ZM5.75 4.5C5.05964 4.5 4.5 5.05964 4.5 5.75V14.25C4.5 14.9404 5.05964 15.5 5.75 15.5H14.25C14.9404 15.5 15.5 14.9404 15.5 14.25V5.75C15.5 5.05964 14.9404 4.5 14.25 4.5H5.75Z" />
+</svg>

package/src/images-gallery/images-gallery.tsx

@@ -13,7 +13,7 @@ import {ThemeMode} from "../theme-settings";
 import {SlideButtons} from "./slide-buttons";
 import {useIsPhone} from "../use-is-phone";
 
-import _ from "lodash";
+import noop from "lodash/noop";
 import {createContext} from "@fibery/react/src/create-context";
 
 const [ImagesGalleryRegistryProvider, useImagesGalleryRegistry] = createContext(
@@ -32,11 +32,11 @@ type Methods = {
 export {ImagesGalleryRegistryProvider, useImagesGalleryRegistry};
 
 const [ImagesGalleryMethodsProvider, useImagesGalleryMethods] = createContext<Methods>("ImagesGalleryMethodsProvider", {
-  setVisible: _.noop,
-  setActivated: _.noop,
-  update: _.noop,
-  nextImage: _.noop,
-  prevImage: _.noop,
+  setVisible: noop,
+  setActivated: noop,
+  update: noop,
+  nextImage: noop,
+  prevImage: noop,
 });
 type State = {version: "1" | "2"; visible: boolean; activated: boolean; _inc: number};
 
@@ -327,6 +327,7 @@ export function createPhotoSwipeLightbox(
     close: false,
     zoom: false,
     loop: false,
+    returnFocus: false,
     ...rest,
   });
   attachCustomControls(
@@ -363,6 +364,7 @@ export function initGallery(
     close: false,
     zoom: false,
     loop: false,
+    returnFocus: false,
   });
 
   lightbox.addFilter("numItems", (_numItems) => {

package/src/images-gallery/slide-buttons.tsx

@@ -9,7 +9,7 @@ import LoupeZoomOut from "../icons/react/LoupeZoomOut";
 import RicheditorOpenLink from "../icons/react/RicheditorOpenLink";
 import Link from "../icons/react/Link";
 import Close from "../icons/react/Close";
-import {space, themeVars} from "../design-system";
+import {space} from "../design-system";
 import {safeAreaInsetRightVar, safeAreaInsetTopVar} from "../mobile-styles";
 import {Button} from "../button/button";
 import {copyUrlToClipboard} from "../copy-to-clipboard";
@@ -79,7 +79,7 @@ export function SlideButtons({
 
   return (
     <ToastProvider toastQueue={toastQueue}>
-      <ThemeProvider color={themeVars.brandColors.blue} mode="dark">
+      <ThemeProvider mode="dark">
         <div className={wrapper}>
           <div className={barClassName}>
             {slideState.src ? <CopyURLButton pswp={pswp} showUI={uiHandlers.showUI} /> : null}

package/src/is-iOS.ts

@@ -1,4 +1,3 @@
-/* eslint-disable unicorn/filename-case */
 export function isiOS(): boolean {
   return (
     ["iPad Simulator", "iPhone Simulator", "iPod Simulator", "iPad", "iPhone", "iPod"].includes(navigator.platform) ||

package/src/is-in-popup.ts

@@ -1,4 +1,4 @@
-import {basicPopupClassName} from "./popover/styles";
+import {basicPopupClassName, basicPopupContainerClassName} from "./popover/styles";
 import {$TSFixMe} from "./tsfixme";
 
 const selectors = [
@@ -8,6 +8,7 @@ const selectors = [
   ".ant-dropdown",
   ".react-select-menu",
   "[data-radix-popper-content-wrapper]",
+  `.${basicPopupContainerClassName}`,
   `.${basicPopupClassName}`,
 ];
 export function isInPopup(el: $TSFixMe): boolean {

package/src/lists/actions-menu-row-surface.tsx

@@ -1,7 +1,7 @@
 import {stopPropagation} from "@fibery/react/src/stop-propagation";
 import {useCallbackRef} from "@fibery/react/src/use-callback-ref";
 import {css, cx} from "@linaria/core";
-import _ from "lodash";
+import noop from "lodash/noop";
 import {forwardRef, useId} from "react";
 import {useActionsMenuContext} from "../actions-menu";
 import {ActionsMenuItemProps} from "../actions-menu/actions-menu-item";
@@ -55,11 +55,11 @@ export const actionMenuItemSurface = css`
   }
   &.warm {
     background-color: ${themeVars.colorBgActionsMenuItemDangerActive};
-    color: ${themeVars.inversedTextColor};
+    color: ${themeVars.whiteColor};
     ${NATURAL_HOVER}, &.hover,
       &[data-highlighted] {
       background-color: ${themeVars.colorBgActionsMenuItemDangerActive};
-      color: ${themeVars.inversedTextColor};
+      color: ${themeVars.whiteColor};
     }
   }
 `;
@@ -70,7 +70,7 @@ export const ActionMenuItemSurface = forwardRef<HTMLDivElement, ActionMenuItemSu
     const platformSupportsHover = useIsSupportHover();
     const activeDangerousRow = useActiveDangerousRow();
     const showWarning = activeDangerousRow === id;
-    const onSelect = useCallbackRef(props.onSelect || _.noop);
+    const onSelect = useCallbackRef(props.onSelect || noop);
     const {MenuPrimitive} = useActionsMenuContext();
     const setActiveDangerousRow = useSetActiveDangerousRow();
     const handleSelect = (e: Event) => {

package/src/loading-sausage.tsx

@@ -1,11 +1,11 @@
 import {css} from "@linaria/core";
 import {styled} from "@linaria/react";
 import cn from "classnames";
-import _ from "lodash";
+import memoize from "lodash/memoize";
 import {ComponentType, memo, ReactNode, useRef} from "react";
 import {space, themeVars} from "./design-system";
 
-const getRandomWithSeed = _.memoize((seed: number) => {
+const getRandomWithSeed = memoize((seed: number) => {
   const x = Math.sin(seed + 1) * 10000;
   return x - Math.floor(x);
 });

package/src/media-query-utils.ts

@@ -1,5 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
+import noop from "lodash/noop";
 export function getMediaQueryList(query: string) {
   // need for test
   return typeof window !== "undefined" && window.matchMedia

package/src/mobile-keyboard-aware-popup.tsx

@@ -1,6 +1,6 @@
 import {ReactNode, useEffect, useRef} from "react";
 import {createPortal} from "react-dom";
-import _ from "lodash";
+import noop from "lodash/noop";
 import {css, cx} from "@linaria/core";
 import {border, space, themeVars} from "./design-system";
 import {keyboardInsetBottomVar, safeAreaInsetBottomVar} from "./mobile-styles";
@@ -13,7 +13,7 @@ export function MobileKeyboardAwarePopup({children, className}: {children: React
   useEffect(() => {
     const viewport = window.visualViewport;
     if (!viewport) {
-      return _.noop;
+      return noop;
     }
 
     const manualKeyboardModeHandler = document.documentElement.classList.contains("fibery-manual-keyboard-mode");

package/src/modal-menu/modal-menu-content.tsx

@@ -1,11 +1,11 @@
 import {ReactNode} from "react";
 import {createPortal} from "react-dom";
 import {css} from "@linaria/core";
-import {MobilePopup} from "../popover";
 import {space, themeVars} from "../design-system";
 import {getPopupContainerElement} from "../utils-dom";
 import {CommandMenuList, CommandMenuRoot} from "../command-menu";
 import {useModalMenu} from "./contexts/modal-menu-context";
+import {MobilePopover} from "../popover/mobile-popover";
 
 interface ModalMenuContentProps {
   children?: ReactNode;
@@ -50,7 +50,7 @@ export const ModalMenuContent = ({children}: ModalMenuContentProps) => {
   );
 
   return createPortal(
-    <MobilePopup
+    <MobilePopover
       height={height}
       title={submenuStack.at(-1)?.title ?? title}
       content={content}

package/src/number-input/decimal.js

@@ -1,6 +1,8 @@
-import _ from "lodash";
+import flow from "lodash/flow";
+import isNil from "lodash/isNil";
+import trimEnd from "lodash/trimEnd";
 
-const isEmpty = (value) => _.isNil(value) || value === "";
+const isEmpty = (value) => isNil(value) || value === "";
 
 const getPrecision = (value) => {
   if (isEmpty(value)) {
@@ -15,10 +17,10 @@ const removeTrailingZeros = (value) => {
     return value;
   }
   const hasDecimalPart = value.indexOf(".") > 0;
-  return hasDecimalPart ? _.trimEnd(_.trimEnd(value, "0"), ".") : value;
+  return hasDecimalPart ? trimEnd(trimEnd(value, "0"), ".") : value;
 };
 
-export const add = _.flow([
+export const add = flow([
   (first, second) => {
     const result = Number(first) + Number(second);
     const maxPrecision = Math.max(getPrecision(first), getPrecision(second));
@@ -27,14 +29,14 @@ export const add = _.flow([
   removeTrailingZeros,
 ]);
 
-export const sub = _.flow([
+export const sub = flow([
   (first, second) => {
     return add(first, -second);
   },
   removeTrailingZeros,
 ]);
 
-export const multiplyByHundred = _.flow([
+export const multiplyByHundred = flow([
   (value) => {
     if (isEmpty(value)) {
       return value;
@@ -46,7 +48,7 @@ export const multiplyByHundred = _.flow([
   removeTrailingZeros,
 ]);
 
-export const divideByHundred = _.flow([
+export const divideByHundred = flow([
   (value) => {
     if (isEmpty(value)) {
       return value;