@layers-app/shared 0.0.50 → 0.0.51

package/dist/{index-tn5CWDGz.js → index-By3Za6p9.js}

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
 import { jsxs, jsx as jsx$1, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { Stack, Box, Flex, Title, Text as Text$2, Group, Button, SimpleGrid, AspectRatio, Skeleton, TextInput, Loader, FocusTrap, ActionIcon, Popover, Tabs, Avatar, Tooltip, Paper, useMantineTheme, parseThemeColor, darken as darken$1, Center, Burger, Menu, ScrollArea, Divider, useComputedColorScheme, Progress, useMantineColorScheme, CloseButton, alpha as alpha$1, ColorSwatch, Select, Space, Transition, Alert, Container as Container$4, Modal, Input, Card, MantineProvider, Badge, defaultVariantColorsResolver, rgba, Accordion, Radio, AppShell as AppShell$1, Image as Image$1, ColorInput, getThemeColor, Pill, Indicator, Grid, LoadingOverlay, CloseIcon, FileButton, UnstyledButton, PinInput, Checkbox, Dialog, Drawer, Textarea, ColorPicker as ColorPicker$2, DEFAULT_THEME as DEFAULT_THEME$1, isColorValid, InputError, NumberInput, Rating, Slider, ThemeIcon, createTheme } from "@mantine/core";
+import { Stack, Box, Flex, Title, Text as Text$2, Group, Button, SimpleGrid, AspectRatio, Skeleton, TextInput, Loader, FocusTrap, ActionIcon, Popover, Tabs, Avatar, Tooltip, Paper, useMantineTheme, parseThemeColor, darken as darken$1, Center, Menu, ScrollArea, Divider, useComputedColorScheme, Progress, useMantineColorScheme, CloseButton, alpha as alpha$1, ColorSwatch, Select, Space, Transition, Alert, Container as Container$4, Modal, Input, Card, MantineProvider, Badge, defaultVariantColorsResolver, rgba, Accordion, Radio, AppShell as AppShell$1, Image as Image$1, ColorInput, getThemeColor, Pill, Indicator, Grid, LoadingOverlay, CloseIcon, FileButton, UnstyledButton, PinInput, Checkbox, Dialog, Drawer, Textarea, ColorPicker as ColorPicker$2, DEFAULT_THEME as DEFAULT_THEME$1, isColorValid, InputError, NumberInput, Rating, Slider, ThemeIcon, createTheme } from "@mantine/core";
 import * as React from "react";
 import React__default, { forwardRef, createElement, useState, useMemo, useEffect, useCallback, useRef, memo as memo$1, useLayoutEffect, useDebugValue, createContext, useContext, useImperativeHandle, isValidElement, cloneElement, Fragment as Fragment$2, lazy, Suspense, useReducer } from "react";
 import { useTranslation, Trans } from "react-i18next";
@@ -12,7 +12,7 @@ import queryString from "query-string";
 import { useForm, useField } from "@mantine/form";
 import { Dropzone, IMAGE_MIME_TYPE } from "@mantine/dropzone";
 import { showNotification } from "@mantine/notifications";
-import { isFunction as isFunction$5, isObject as isObject$3, isString as isString$1, isNil, groupBy, isNumber as isNumber$2, clamp, assignWith, get as get$2, round as round$6, chunk, set as set$1, isArray as isArray$1, xor, mergeWith, isEqual as isEqual$1 } from "lodash-es";
+import { isFunction as isFunction$5, isObject as isObject$3, isString as isString$1, isNil, omit as omit$1, groupBy, isNumber as isNumber$2, clamp, assignWith, get as get$2, round as round$6, chunk, set as set$1, isArray as isArray$1, xor, mergeWith, isEqual as isEqual$1 } from "lodash-es";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync, createPortal, unstable_batchedUpdates } from "react-dom";
 import { useEvent as useEvent$2, useDraggable as useDraggable$1 } from "draggable-ui";
@@ -1437,7 +1437,11 @@ const ProjectIcon = forwardRef(
         color,
         name: fallbackColorById,
         size: size || 20,
-        ...props,
+        style: {
+          overflow: props.radius ? "hidden" : "visible",
+          ...props.style
+        },
+        ...omit$1(props, ["style"]),
         children: /* @__PURE__ */ jsx$1(
           Text$2,
           {
@@ -3992,7 +3996,7 @@ const createAppContainerStore = () => {
         toolbarWidth: 280,
         isTourPassed: false,
         showRightbar: false,
-        rightbarWidth: 200
+        rightbarWidth: 350
       }),
       {
         name: "app-menu",
@@ -4061,13 +4065,6 @@ const createAppContainerApi = (store) => {
   };
 };
 const appContainerStore = createAppContainerStore();
-const useMenu = () => {
-  const opened = appContainerStore.useStore((s) => s.showToolbar);
-  const isMobile2 = useMediaQuery("(max-width: 992px)");
-  const isTablet = useMediaQuery("(min-width: 993px) and (max-width: 1199px)");
-  const isDesktop = useMediaQuery("(min-width: 1200px)");
-  return { isMobile: isMobile2, isTablet, isDesktop, opened };
-};
 const SidebarToggleButton = ({ forOpen }) => {
   const { showToolbar: opened } = appContainerStore.useStore();
   if (forOpen && opened) return null;
@@ -4090,20 +4087,10 @@ const SidebarToggleButton = ({ forOpen }) => {
 };
 const Header$1 = ({ children }) => {
   const { withoutHeader: _withoutHeader } = appContainerStore.useStore();
-  const { isMobile: isMobile2 } = useMenu();
   const hideHeader = useQueryParam("hide-header");
   const withoutHeader = Boolean(hideHeader || _withoutHeader);
   if (withoutHeader) return null;
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    isMobile2 && /* @__PURE__ */ jsx$1(
-      Burger,
-      {
-        ml: "sm",
-        onClick: appContainerStore.api.toggleToolbar,
-        size: "sm",
-        color: "gray.6"
-      }
-    ),
     /* @__PURE__ */ jsx$1(SidebarToggleButton, { forOpen: true }),
     children
   ] });
@@ -4265,6 +4252,13 @@ const appFeature = (value) => {
 const isFeature = () => {
   return localStorage.getItem("showFeatures") === "true";
 };
+const useMenu = () => {
+  const opened = appContainerStore.useStore((s) => s.showToolbar);
+  const isMobile2 = useMediaQuery("(max-width: 992px)");
+  const isTablet = useMediaQuery("(min-width: 993px) and (max-width: 1199px)");
+  const isDesktop = useMediaQuery("(min-width: 1200px)");
+  return { isMobile: isMobile2, isTablet, isDesktop, opened };
+};
 const useSearchModalStore = create(() => ({
   opened: false
 }));
@@ -4890,13 +4884,14 @@ const Storage = ({
   active
 }) => {
   const { t } = useTranslation("workspaceMenu");
-  const percent = ((active == null ? void 0 : active.storageUsedKb) || 0) / ((active == null ? void 0 : active.storageLimitKb) || 1) * 100;
+  const fraction = ((active == null ? void 0 : active.storageUsedKb) || 0) / ((active == null ? void 0 : active.storageLimitKb) || 1);
+  const stringPercent = Numbers.formatPercents(fraction);
   return /* @__PURE__ */ jsxs(Stack, { gap: 4, w: "100%", children: [
     /* @__PURE__ */ jsxs(Flex, { justify: "space-between", children: [
       /* @__PURE__ */ jsxs(Text$2, { size: "sm", fw: 500, children: [
         t("usedStorage"),
         ": ",
-        Numbers.formatPercents(percent)
+        stringPercent
       ] }),
       /* @__PURE__ */ jsxs(Text$2, { size: "sm", fw: 500, c: "gray", children: [
         formatStorage(active == null ? void 0 : active.storageUsedKb),
@@ -4906,7 +4901,7 @@ const Storage = ({
         formatStorage(active == null ? void 0 : active.storageLimitKb)
       ] })
     ] }),
-    /* @__PURE__ */ jsx$1(Progress, { h: 4, value: percent })
+    /* @__PURE__ */ jsx$1(Progress, { h: 4, value: fraction * 100 })
   ] });
 };
 const Switch = ({
@@ -5191,7 +5186,7 @@ const HelpMenu = () => {
   ] });
 };
 const UserAvatar = forwardRef(
-  ({ user, size = 24, ...props }, ref) => {
+  ({ user, size = 24, emptyIcon, ...props }, ref) => {
     var _a;
     return /* @__PURE__ */ jsx$1(
       Avatar,
@@ -5203,7 +5198,7 @@ const UserAvatar = forwardRef(
         name: (user == null ? void 0 : user.id) ?? "",
         ...props,
         ref,
-        children: user ? /* @__PURE__ */ jsx$1(Fragment$1, { children: (_a = user.name) == null ? void 0 : _a.charAt(0) }) : /* @__PURE__ */ jsx$1(IconUser, { size: "70%" })
+        children: user ? /* @__PURE__ */ jsx$1(Fragment$1, { children: (_a = user.name) == null ? void 0 : _a.charAt(0) }) : /* @__PURE__ */ jsx$1(Fragment$1, { children: emptyIcon ?? /* @__PURE__ */ jsx$1(IconUser, { size: "70%" }) })
       }
     );
   }
@@ -5321,11 +5316,10 @@ const AppsSidebar = ({
   trashMenu,
   onInviteClick
 }) => {
-  const { isMobile: isMobile2 } = useMenu();
   const { withoutToolbar: _withoutNavbar } = appContainerStore.useStore();
   const hideSidebar = useQueryParam("embed");
   const withoutNavbar = Boolean(hideSidebar || _withoutNavbar);
-  if (withoutNavbar || isMobile2) return null;
+  if (withoutNavbar) return null;
   return /* @__PURE__ */ jsxs(Stack, { gap: 0, justify: "space-between", pt: 8, pb: 8, h: "100%", children: [
     /* @__PURE__ */ jsx$1(TopSection, {}),
     /* @__PURE__ */ jsx$1(AppsSection, {}),
@@ -35036,10 +35030,10 @@ const useDateUtils = () => {
     const diffHours = differenceInHours(zonedNow, zonedDate);
     const diffMinutes = differenceInMinutes(zonedNow, zonedDate);
     const diffSeconds = differenceInSeconds(zonedNow, zonedDate);
-    if (diffDays >= 1) return `${diffDays}d ago`;
-    if (diffHours >= 1) return `${diffHours}h ago`;
-    if (diffMinutes >= 1) return `${diffMinutes}m ago`;
-    if (diffSeconds >= 1) return `${diffSeconds}s ago`;
+    if (diffDays >= 1) return `${diffDays} day ago`;
+    if (diffHours >= 1) return `${diffHours} hour ago`;
+    if (diffMinutes >= 1) return `${diffMinutes} minute ago`;
+    if (diffSeconds >= 1) return `${diffSeconds} second ago`;
     return "just now";
   };
   const formatDateInTimezone = (date, formatStr = "yyyy-MM-dd HH:mm:ss") => {
@@ -65440,7 +65434,7 @@ const StatusesListBoard = () => {
     }
   ) });
 };
-const KanbanLayout = lazy(() => import("./KanbanLayout-oWz6EhPt.js"));
+const KanbanLayout = lazy(() => import("./KanbanLayout-CqLSzjCH.js"));
 const DifferentLayoutsBoard = () => {
   const { layoutView } = useOnboardingState();
   switch (layoutView) {
@@ -74790,12 +74784,12 @@ const ThemeIndicator = ({
 function CommentsPanel() {
   return /* @__PURE__ */ jsx$1("div", {});
 }
-const imagePreviewWrapper = "_imagePreviewWrapper_1417q_1";
-const deleteButton = "_deleteButton_1417q_8";
-const downloadButton = "_downloadButton_1417q_19";
-const filePreviewList = "_filePreviewList_1417q_31";
-const fileDownloadName = "_fileDownloadName_1417q_44";
-const filePreviewWrapper = "_filePreviewWrapper_1417q_50";
+const imagePreviewWrapper = "_imagePreviewWrapper_vwi1m_1";
+const deleteButton = "_deleteButton_vwi1m_8";
+const downloadButton = "_downloadButton_vwi1m_19";
+const filePreviewList = "_filePreviewList_vwi1m_31";
+const fileDownloadName = "_fileDownloadName_vwi1m_44";
+const filePreviewWrapper = "_filePreviewWrapper_vwi1m_50";
 const styles$d = {
   imagePreviewWrapper,
   deleteButton,
@@ -74841,7 +74835,7 @@ const AttachmentsPreview = ({
   };
   if (files.length === 0) return null;
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsxs(Stack, { gap: "10px", w: "100%", mb: mode === "draft" ? "15px" : "10px", tabIndex: 0, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "10px", w: "100%", tabIndex: 0, children: [
       imageFiles.length > 0 && /* @__PURE__ */ jsx$1(Grid, { gutter: "xs", children: imageFiles.map((file) => {
         const realIndex = files.indexOf(file);
         return /* @__PURE__ */ jsx$1(Grid.Col, { span: "content", children: /* @__PURE__ */ jsxs(
@@ -74964,11 +74958,17 @@ const AttachmentsPreview = ({
     )
   ] });
 };
-const commentComposerWrapper = "_commentComposerWrapper_mjjx5_1";
-const commentComposerFloat = "_commentComposerFloat_mjjx5_59";
+const commentComposerWrapper = "_commentComposerWrapper_1j9ya_1";
+const commentComposerFloat = "_commentComposerFloat_1j9ya_60";
+const composerContainer = "_composerContainer_1j9ya_85";
+const editorWrapper = "_editorWrapper_1j9ya_96";
+const editMode = "_editMode_1j9ya_116";
 const styles$c = {
   commentComposerWrapper,
-  commentComposerFloat
+  commentComposerFloat,
+  composerContainer,
+  editorWrapper,
+  editMode
 };
 const CommentEditorHandler = ({
   children,
@@ -74988,6 +74988,8 @@ const CommentEditorHandler = ({
   useEffect(() => {
     const handleKeyDown2 = (event) => {
       if (event.code === "Enter" && !event.shiftKey) {
+        const isSubmitAllowed = isEdit ? hasChanges : !hasChanges;
+        if (isSubmitAllowed) return;
         if (containerRef.current && containerRef.current.contains(document.activeElement)) {
           event.preventDefault();
           onSubmit();
@@ -74996,7 +74998,7 @@ const CommentEditorHandler = ({
     };
     document.addEventListener("keydown", handleKeyDown2);
     return () => document.removeEventListener("keydown", handleKeyDown2);
-  }, [onSubmit]);
+  }, [onSubmit, isEdit, hasChanges]);
   useEffect(() => {
     if (!autoFocus) return;
     const editor = editorRef.current;
@@ -75037,7 +75039,9 @@ const CommentEditorHandler = ({
       const root2 = inputContainerRef.current;
       if (!root2) return;
       if (root2.contains(target)) return;
-      if (target.closest(".mantine-Modal-root")) return;
+      if (target.closest(".mantine-Modal-root") || target.closest(".floating-text-format-popup") || target.closest('[data-test-id="floating-link-dropdown"]')) {
+        return;
+      }
       if (isEdit) {
         if (!hasChanges) {
           event.stopPropagation();
@@ -75049,6 +75053,7 @@ const CommentEditorHandler = ({
               confirm: t("composer.discardConfirm"),
               cancel: t("composer.cancel")
             },
+            icon: null,
             onConfirm: () => onBlur == null ? void 0 : onBlur()
           });
           return;
@@ -75068,6 +75073,7 @@ const CommentEditorHandler = ({
               confirm: t("editor.composer.discardConfirm"),
               cancel: t("editor.composer.cancel")
             },
+            icon: null,
             onConfirm: () => onBlur == null ? void 0 : onBlur()
           });
           return;
@@ -75161,14 +75167,6 @@ const CommentComposer = ({
     };
   }, [isFloat, updateLocation, selectionRef]);
   const { textChanged, newFiles, deletedFiles, hasChanges } = useMemo(() => {
-    if (!isEdit) {
-      return {
-        textChanged: false,
-        newFiles: [],
-        deletedFiles: [],
-        hasChanges: false
-      };
-    }
     const initialFiles = (initialDraft == null ? void 0 : initialDraft.files) || [];
     const currentFiles = state.files;
     const textChanged2 = (initialDraft == null ? void 0 : initialDraft.text) !== commentDraft.text;
@@ -75179,7 +75177,7 @@ const CommentComposer = ({
       ).map((f2) => f2.id)
     );
     const deletedFiles2 = initialFiles.filter(isServerFile).filter((f2) => !currentIds.has(f2.id));
-    const hasChanges2 = isEdit ? JSON.stringify(initialDraft) === JSON.stringify(state) : textChanged2 || newFiles2.length > 0 || deletedFiles2.length > 0;
+    const hasChanges2 = isEdit ? JSON.stringify(initialDraft) === JSON.stringify(state) : commentDraft.text.trim().length > 0 || newFiles2.length > 0 || deletedFiles2.length > 0;
     return {
       textChanged: textChanged2,
       newFiles: newFiles2,
@@ -75273,23 +75271,25 @@ const CommentComposer = ({
     }
     setCommentDraft({ text: "", files: [] }, true);
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx$1(
     Stack,
     {
       ref: boxRef,
-      className: `${styles$c.commentComposerWrapper} ${isFloat ? styles$c.commentComposerFloat : ""}`,
+      className: `
+      ${styles$c.commentComposerWrapper}
+      ${isFloat ? styles$c.commentComposerFloat : ""}
+      ${isEdit ? styles$c.editMode : ""}
+  `,
       p: isEdit ? 0 : "sm",
-      children: [
-        /* @__PURE__ */ jsx$1(
-          Box,
-          {
-            w: "100%",
-            mah: 220,
-            style: {
-              overflowY: "auto",
-              ["--placeholder-text"]: `"${placeholder}"`
-            },
-            children: /* @__PURE__ */ jsx$1(
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: styles$c.composerContainer,
+          style: {
+            ["--placeholder-text"]: `"${placeholder}"`
+          },
+          children: [
+            /* @__PURE__ */ jsx$1("div", { className: styles$c.editorWrapper, children: /* @__PURE__ */ jsx$1(
               CommentEditorHandler,
               {
                 onSubmit: handleSubmit,
@@ -75311,97 +75311,106 @@ const CommentComposer = ({
                   initialContent: (initialDraft == null ? void 0 : initialDraft.text) ?? ""
                 })
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx$1(Box, { h: isEdit ? 3 : 10, "data-editor-spacer": true, style: { width: "100%" } }),
-        /* @__PURE__ */ jsx$1(
-          AttachmentsPreview,
-          {
-            files: state.files,
-            mode: "draft",
-            onRemove: (i) => setState((prev2) => ({
-              ...prev2,
-              files: prev2.files.filter((_2, idx) => idx !== i)
-            }))
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Group,
-          {
-            justify: isEdit ? "space-between" : "flex-end",
-            "data-comment-footer": true,
-            align: "center",
-            w: "100%",
-            tabIndex: 0,
-            children: [
-              /* @__PURE__ */ jsx$1(
-                FileButton,
-                {
-                  onChange: (selected) => handleUploadCommentAttach(selected, setCommentDraft),
-                  multiple: true,
-                  children: (props) => /* @__PURE__ */ jsx$1(
-                    ActionIcon,
+            ) }),
+            /* @__PURE__ */ jsx$1(
+              Box,
+              {
+                h: 10,
+                "data-editor-spacer": true,
+                tabIndex: 0,
+                style: { width: "100%" }
+              }
+            ),
+            /* @__PURE__ */ jsx$1(
+              AttachmentsPreview,
+              {
+                files: state.files,
+                mode: "draft",
+                onRemove: (i) => setState((prev2) => ({
+                  ...prev2,
+                  files: prev2.files.filter((_2, idx) => idx !== i)
+                }))
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Group,
+              {
+                justify: isEdit ? "space-between" : "flex-end",
+                "data-comment-footer": true,
+                align: "center",
+                w: "unset",
+                mt: !state.files.length ? 0 : "xs",
+                tabIndex: 0,
+                gap: "4px",
+                children: [
+                  /* @__PURE__ */ jsx$1(
+                    FileButton,
                     {
-                      ...props,
-                      variant: "subtle",
-                      color: "gray",
-                      size: "lg",
-                      title: "Attach files",
-                      children: /* @__PURE__ */ jsx$1(
-                        HugeiconsIcon,
+                      onChange: (selected) => handleUploadCommentAttach(selected, setCommentDraft),
+                      multiple: true,
+                      children: (props) => /* @__PURE__ */ jsx$1(
+                        ActionIcon,
                         {
-                          style: { transform: "rotate(35deg)" },
-                          icon: CC,
-                          size: 20
+                          ...props,
+                          variant: "subtle",
+                          size: "lg",
+                          color: "gray",
+                          title: "Attach files",
+                          children: /* @__PURE__ */ jsx$1(
+                            HugeiconsIcon,
+                            {
+                              style: { transform: "rotate(35deg)" },
+                              icon: CC,
+                              size: 20
+                            }
+                          )
                         }
                       )
                     }
-                  )
-                }
-              ),
-              !isEdit ? /* @__PURE__ */ jsx$1(
-                ActionIcon,
-                {
-                  color: "var(--mantine-primary-color-filled)",
-                  size: "lg",
-                  radius: "xl",
-                  variant: "filled",
-                  onClick: handleSubmit,
-                  disabled: !commentDraft.text.trim() && commentDraft.files.length === 0,
-                  children: /* @__PURE__ */ jsx$1(HugeiconsIcon, { icon: U6, size: 20 })
-                }
-              ) : /* @__PURE__ */ jsxs(Group, { gap: "md", children: [
-                /* @__PURE__ */ jsx$1(
-                  UnstyledButton,
-                  {
-                    onClick: handleCancel,
-                    "data-no-focus": true,
-                    style: {
-                      cursor: "pointer",
-                      padding: 0,
-                      margin: 0,
-                      background: "none",
-                      border: "none"
-                    },
-                    children: /* @__PURE__ */ jsx$1(Text$2, { size: "sm", c: "dimmed", children: t("composer.cancel") })
-                  }
-                ),
-                /* @__PURE__ */ jsx$1(
-                  Button,
-                  {
-                    size: "xs",
-                    radius: "md",
-                    onClick: handleSubmit,
-                    disabled: isEdit ? hasChanges : !hasChanges,
-                    children: t("composer.save")
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
+                  ),
+                  !isEdit ? /* @__PURE__ */ jsx$1(
+                    ActionIcon,
+                    {
+                      color: "var(--mantine-primary-color-filled)",
+                      size: "lg",
+                      variant: "filled",
+                      onClick: handleSubmit,
+                      disabled: !commentDraft.text.trim() && commentDraft.files.length === 0,
+                      children: /* @__PURE__ */ jsx$1(HugeiconsIcon, { icon: U6, size: 20 })
+                    }
+                  ) : /* @__PURE__ */ jsxs(Group, { gap: "8px", children: [
+                    /* @__PURE__ */ jsx$1(
+                      UnstyledButton,
+                      {
+                        onClick: handleCancel,
+                        "data-no-focus": true,
+                        style: {
+                          cursor: "pointer",
+                          padding: 0,
+                          margin: 0,
+                          background: "none",
+                          border: "none"
+                        },
+                        children: /* @__PURE__ */ jsx$1(Text$2, { size: "sm", c: "dimmed", children: t("composer.cancel") })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx$1(
+                      Button,
+                      {
+                        size: "xs",
+                        radius: "md",
+                        onClick: handleSubmit,
+                        disabled: isEdit ? hasChanges : !hasChanges,
+                        children: t("composer.save")
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 };
@@ -115650,6 +115659,14 @@ const openRemoveConfirmModal = (props) => {
     onConfirm,
     onClose,
     labels,
+    icon: icon2 = /* @__PURE__ */ jsx$1(
+      HugeiconsIcon,
+      {
+        size: 20,
+        icon: oI,
+        color: "var(--mantine-color-red-filled)"
+      }
+    ),
     closeOnConfirm = true,
     ...otherProps
   } = props;
@@ -115681,11 +115698,8 @@ const openRemoveConfirmModal = (props) => {
       }
     },
     children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", align: "center", mb: 0, children: [
-      /* @__PURE__ */ jsx$1(HugeiconsIcon, { size: 20, icon: oI, color: "var(--mantine-color-red-filled)" }),
-      /* @__PURE__ */ jsxs(Text$2, { size: "sm", fw: "600", children: [
-        "Delete: ",
-        title
-      ] }),
+      icon2 && icon2,
+      /* @__PURE__ */ jsx$1(Text$2, { size: "sm", fw: "600", children: title }),
       /* @__PURE__ */ jsx$1(Text$2, { size: "sm", c: "gray", children })
     ] }),
     onConfirm,