@layers-app/shared 0.2.4 → 0.2.5

package/dist/components/StorageUsageProgress/index.js

@@ -1,52 +1,85 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
-import { Box as i, Progress as t, Tooltip as l } from "@mantine/core";
-import { formatStorage as d } from "../../utils/formatStorage.js";
-const F = {
-  documents: "#F03E3E",
-  images: "#FF6F00",
-  other: "#868E96",
-  archives: "#9B14EA",
-  audio: "#0CA678",
-  code: "#1C7ED6",
-  videos: "#FAB005"
-}, $ = ({
+import { Box as f, Progress as p, Tooltip as x, Stack as u, Text as n, Flex as T } from "@mantine/core";
+import { storageCategoryColors as b } from "../../types/storageCategories.js";
+import { formatStorage as z } from "../../utils/formatStorage.js";
+import S from "./StorageUsageProgress.module.css.js";
+const v = ({
+  type: c,
+  description: r,
+  usedKb: a,
+  percentage: t
+}) => /* @__PURE__ */ i(u, { gap: 2, align: "center", children: [
+  /* @__PURE__ */ o(n, { size: "sm", children: c }),
+  /* @__PURE__ */ i(T, { gap: 5, children: [
+    /* @__PURE__ */ i(n, { size: "xl", children: [
+      t,
+      " %"
+    ] }),
+    /* @__PURE__ */ i(n, { size: "sm", children: [
+      "(",
+      a,
+      ")"
+    ] })
+  ] }),
+  /* @__PURE__ */ o(n, { size: "sm", c: "var(--mantine-color-gray-6)", children: r })
+] }), N = ({
   storageByCategory: c,
-  totalStorageKb: n,
-  size: a = 30,
-  simple: m = !1,
-  color: p = "#1C7ED6"
+  totalStorageKb: r,
+  size: a = 30
 }) => {
-  const { t: g } = h();
-  if (m) {
-    const e = c.reduce(
-      (s, { usedKb: f }) => s + f,
-      0
-    ), r = e / n * 100;
-    return /* @__PURE__ */ o(i, { w: "100%", children: /* @__PURE__ */ o(t.Root, { size: a, children: /* @__PURE__ */ o(l, { label: `${d(e)}`, children: /* @__PURE__ */ o(t.Section, { value: r, color: p }) }) }) });
-  }
-  const u = c.filter(({ usedKb: e }) => e > 0).map((e) => {
-    const r = e.usedKb / n * 100;
+  const { t } = h("settingsPage"), g = 24, l = c.filter(({ usedKb: e }) => e > 0).map((e) => {
+    const s = e.usedKb / r * 100;
     return {
       ...e,
-      percentage: parseFloat(r.toFixed(4))
+      percentage: parseFloat(s.toFixed(4))
     };
   });
-  return /* @__PURE__ */ o(i, { w: "100%", children: /* @__PURE__ */ o(t.Root, { size: a, children: u.map(({ type: e, usedKb: r, percentage: s }) => /* @__PURE__ */ o(
-    l,
+  return /* @__PURE__ */ o(f, { w: "100%", children: /* @__PURE__ */ o(
+    p.Root,
     {
-      label: `${g(`settingsPage:workspace.categories.${e}`)} – ${d(r)}`,
-      children: /* @__PURE__ */ o(
-        t.Section,
+      radius: "lg",
+      size: a,
+      styles: {
+        root: { overflow: "visible" }
+      },
+      children: l.map(({ type: e, usedKb: s, percentage: d }, m) => /* @__PURE__ */ o(
+        x,
         {
-          value: s,
-          color: F[e]
-        }
-      )
-    },
-    e
-  )) }) });
+          position: "bottom",
+          label: /* @__PURE__ */ o(
+            v,
+            {
+              type: t(`workspace.categories.${e}`),
+              usedKb: z(s),
+              percentage: (Math.ceil(s / r * 100 * 10) / 10).toFixed(1),
+              description: t(`workspace.catDescriptions.${e}`)
+            }
+          ),
+          children: /* @__PURE__ */ o(
+            p.Section,
+            {
+              value: d,
+              color: b[e],
+              className: S.section,
+              styles: {
+                section: {
+                  borderRadius: 999,
+                  minWidth: g
+                }
+              },
+              style: {
+                zIndex: l.length - m,
+                marginLeft: m === 0 ? 0 : -2
+              }
+            }
+          )
+        },
+        e
+      ))
+    }
+  ) });
 };
 export {
-  $ as StorageUsageProgress
+  N as StorageUsageProgress
 };

package/dist/components/ThemeIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAC;AAE1D,eAAO,MAAM,cAAc,GAAI,uBAG5B,cAAc,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAYhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAC;AAI1D,eAAO,MAAM,cAAc,GAAI,uBAG5B,cAAc,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAYhD,CAAC"}

package/dist/components/ThemeIndicator/index.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useIsDarkTheme as m } from "../../helpers/themeUtils.js";
-import { Indicator as a } from "@mantine/core";
+import { Indicator as m } from "@mantine/core";
+import { useIsDarkTheme as a } from "../../helpers/themeUtils.js";
 const c = ({
   children: r,
   ...o
 }) => {
-  const t = m();
+  const t = a();
   return /* @__PURE__ */ e(
-    a,
+    m,
     {
       color: t ? "var(--mantine-color-gray-0)" : "dark",
       size: 6,

package/dist/components/UserAvatar/index.js

@@ -1,38 +1,38 @@
-import { jsx as t, Fragment as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
+import { jsx as o, Fragment as c } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
 import { Avatar as d } from "@mantine/core";
 import { IconUser as l } from "@tabler/icons-react";
 import { ProjectIcon as f } from "../ProjectIcon/ProjectIcon.js";
-const x = m(
-  ({ user: r, size: a = 24, emptyIcon: e, ...i }, n) => {
-    const o = r?.avatar;
-    return o && (o.includes("i=") || o.includes("e=")) ? /* @__PURE__ */ t(
+const A = e(
+  ({ user: r, size: t = 24, emptyIcon: m, ...i }, n) => {
+    const a = r?.avatar || r?.avatarUrl;
+    return a && (a.includes("i=") || a.includes("e=")) ? /* @__PURE__ */ o(
       f,
       {
-        icon: o,
+        icon: a,
         name: r?.name,
         fallbackColorById: r?.id,
-        size: a,
-        textSize: typeof a == "number" ? a * 0.75 : void 0,
+        size: t,
+        textSize: typeof t == "number" ? t * 0.75 : void 0,
         radius: i.radius,
         ...i,
         ref: n
       }
-    ) : /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ o(
       d,
       {
-        src: o,
+        src: a,
         color: "initials",
         tt: "uppercase",
-        size: a,
+        size: t,
         name: r?.id ?? "",
         ...i,
         ref: n,
-        children: r ? /* @__PURE__ */ t(c, { children: r.name?.charAt(0) }) : /* @__PURE__ */ t(c, { children: e ?? /* @__PURE__ */ t(l, { size: "70%" }) })
+        children: r ? /* @__PURE__ */ o(c, { children: r.name?.charAt(0) }) : /* @__PURE__ */ o(c, { children: m ?? /* @__PURE__ */ o(l, { size: "70%" }) })
       }
     );
   }
 );
 export {
-  x as UserAvatar
+  A as UserAvatar
 };

package/dist/components/WorkspaceMenu/WorkspaceMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceMenu.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AA6BpD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,KAAK,CAAC;QACxB,IAAI,EACA,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,aAAa,EAAE,iHAWpD,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,4CAwE1C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,aAAa,EAAE,gEAMtD,IAAI,CACL,kBAAkB,CAAC,CAAC,CAAC,EACrB,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS,CACxE,4CA2DA,CAAC"}
+{"version":3,"file":"WorkspaceMenu.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AA6BpD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,KAAK,CAAC;QACxB,IAAI,EACA,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,aAAa,EAAE,iHAWpD,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,4CAwE1C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,aAAa,EAAE,gEAMtD,IAAI,CACL,kBAAkB,CAAC,CAAC,CAAC,EACrB,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS,CACxE,4CA6DA,CAAC"}

package/dist/components/WorkspaceMenu/WorkspaceMenu.js

@@ -1,8 +1,8 @@
 import { jsx as e, Fragment as M, jsxs as n } from "react/jsx-runtime";
-import { useState as N } from "react";
+import { useState as j } from "react";
 import { useTranslation as h } from "react-i18next";
 import { Link as b } from "react-router-dom";
-import { Setting07Icon as j, UserMultiple02Icon as A, Add01Icon as K } from "@hugeicons/core-free-icons";
+import { Setting07Icon as A, UserMultiple02Icon as L, Add01Icon as K } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as g } from "@hugeicons/react";
 import { Flex as l, Menu as p, Tooltip as T, Text as m, Stack as a, Box as f, Button as k, ScrollArea as P, Progress as U } from "@mantine/core";
 import { useMenu as B } from "../../hooks/useMenu.js";
@@ -14,16 +14,16 @@ import { WorkspaceItem as O } from "./WorkspaceItem.js";
 const ne = ({
   children: r,
   onCreate: i,
-  onClick: s,
+  onClick: t,
   active: o,
   items: c,
-  workspaceLink: t,
-  settingsLink: y,
-  membersLink: x,
+  workspaceLink: s,
+  settingsLink: x,
+  membersLink: y,
   isAnonym: I,
   publicMode: W
 }) => {
-  const { t: C } = h("workspaceMenu"), { isMobile: u } = B(), [L, d] = N(!1);
+  const { t: C } = h("workspaceMenu"), { isMobile: u } = B(), [N, d] = j(!1);
   return I || W ? /* @__PURE__ */ e(l, { w: "100%", justify: u ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
     D,
     {
@@ -34,7 +34,7 @@ const ne = ({
   ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(
     p,
     {
-      opened: L,
+      opened: N,
       onChange: d,
       position: "right-start",
       keepMounted: !1,
@@ -45,23 +45,23 @@ const ne = ({
           /* @__PURE__ */ e(S, { size: 30, workspace: o }),
           /* @__PURE__ */ e(l, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(T, { label: o.workspaceName, children: /* @__PURE__ */ e(m, { size: "md", truncate: !0, children: o?.workspaceName || C("noName") }) }) })
         ] }) }),
-        /* @__PURE__ */ e(p.Dropdown, { w: 310, children: /* @__PURE__ */ n(a, { gap: 6, children: [
+        /* @__PURE__ */ e(p.Dropdown, { w: 338, children: /* @__PURE__ */ n(a, { gap: 6, children: [
           /* @__PURE__ */ e(
             E,
             {
               active: o,
-              workspaceLink: t,
-              settingsLink: y,
-              membersLink: x,
+              workspaceLink: s,
+              settingsLink: x,
+              membersLink: y,
               onClose: () => d(!1)
             }
           ),
           /* @__PURE__ */ e(f, { px: 4, children: /* @__PURE__ */ e(p.Divider, {}) }),
           /* @__PURE__ */ e(
-            $,
+            R,
             {
               onCreate: i,
-              onClick: s,
+              onClick: t,
               items: c.filter(
                 (w) => w.workspaceId !== o?.workspaceId
               ),
@@ -75,19 +75,19 @@ const ne = ({
 }, E = ({
   active: r,
   workspaceLink: i,
-  settingsLink: s,
+  settingsLink: t,
   membersLink: o,
   onClose: c
 }) => {
-  const { t } = h("workspaceMenu");
+  const { t: s } = h("workspaceMenu");
   return /* @__PURE__ */ n(a, { p: 4, pb: 5, gap: 12, children: [
-    /* @__PURE__ */ n(l, { gap: 12, children: [
+    /* @__PURE__ */ n(l, { gap: 10, children: [
       /* @__PURE__ */ e(S, { size: 48, workspace: r }),
       /* @__PURE__ */ n(a, { gap: 0, miw: 0, children: [
-        /* @__PURE__ */ e(m, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright)", children: r.workspaceName || t("noName") }),
-        /* @__PURE__ */ e(m, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ n(l, { gap: 8, component: "span", children: [
+        /* @__PURE__ */ e(m, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright)", children: r.workspaceName || s("noName") }),
+        /* @__PURE__ */ e(m, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ n(l, { gap: 6, component: "span", children: [
           r.totalMembers ? /* @__PURE__ */ n(M, { children: [
-            t("member", { count: r.totalMembers }),
+            s("member", { count: r.totalMembers }),
             /* @__PURE__ */ e(
               f,
               {
@@ -99,7 +99,7 @@ const ne = ({
               }
             )
           ] }) : null,
-          t(`plans.${r.plan}`)
+          s(`plans.${r.plan}`)
         ] }) })
       ] })
     ] }),
@@ -112,23 +112,23 @@ const ne = ({
           component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: j }),
-          to: i ?? s ?? "",
+          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: A }),
+          to: i ?? t ?? "",
           onClick: c,
-          children: t("settings")
+          children: s("settings")
         }
       ),
-      /* @__PURE__ */ e(
+      o && /* @__PURE__ */ e(
         k,
         {
           flex: 1,
           component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: A }),
-          to: o ?? "",
+          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: L }),
+          to: o,
           onClick: c,
-          children: t("members")
+          children: s("members")
         }
       )
     ] })
@@ -136,7 +136,7 @@ const ne = ({
 }, H = ({
   active: r
 }) => {
-  const { t: i } = h("workspaceMenu"), s = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = F.formatPercents(s);
+  const { t: i } = h("workspaceMenu"), t = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = F.formatPercents(t);
   return /* @__PURE__ */ n(a, { gap: 4, w: "100%", children: [
     /* @__PURE__ */ n(l, { justify: "space-between", children: [
       /* @__PURE__ */ n(m, { size: "sm", fw: 500, children: [
@@ -152,19 +152,19 @@ const ne = ({
         z(r?.storageLimitKb)
       ] })
     ] }),
-    /* @__PURE__ */ e(U, { h: 4, value: s * 100 })
+    /* @__PURE__ */ e(U, { h: 4, value: t * 100 })
   ] });
-}, $ = ({
+}, R = ({
   onCreate: r,
   onClick: i,
-  items: s,
+  items: t,
   onClose: o
 }) => {
   const { t: c } = h("workspaceMenu");
   return /* @__PURE__ */ n(a, { gap: 12, children: [
-    s?.length > 0 && /* @__PURE__ */ n(a, { gap: 6, children: [
+    t?.length > 0 && /* @__PURE__ */ n(a, { gap: 0, children: [
       /* @__PURE__ */ e(p.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: c("switchWorkspace") }),
-      /* @__PURE__ */ e(f, { w: "100%", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(f, { w: "100%", px: 4, children: /* @__PURE__ */ e(
         P.Autosize,
         {
           mah: 200,
@@ -173,17 +173,20 @@ const ne = ({
           scrollbars: "y",
           type: "always",
           styles: {
+            viewport: {
+              paddingRight: t.length > 4 ? 12 : 0
+            },
             content: {
               minWidth: 0
             }
           },
-          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: s.map((t) => /* @__PURE__ */ e(
+          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: t.map((s) => /* @__PURE__ */ e(
             O,
             {
-              workspace: t,
+              workspace: s,
               onClick: i
             },
-            t.workspaceId
+            s.workspaceId
           )) })
         }
       ) })

package/dist/components/modals/RemoveConfirmModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoveConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/RemoveConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,CAAC,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,SAgFF,CAAC"}
+{"version":3,"file":"RemoveConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/RemoveConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,CAAC,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,SAuFF,CAAC"}

package/dist/components/modals/RemoveConfirmModal.js

@@ -1,68 +1,75 @@
-import { jsxs as w, jsx as e } from "react/jsx-runtime";
-import { Delete03Icon as g } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as C } from "@hugeicons/react";
-import { Stack as y, Text as c } from "@mantine/core";
-import { modals as s } from "@mantine/modals";
-const z = (a) => {
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { Delete03Icon as v } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as y } from "@hugeicons/react";
+import { Stack as C, Text as c } from "@mantine/core";
+import { modals as a } from "@mantine/modals";
+const z = (s) => {
   const {
     title: m,
     children: d,
     onConfirm: o,
     onClose: p,
     labels: n,
-    icon: r = /* @__PURE__ */ e(
-      C,
+    icon: t = /* @__PURE__ */ e(
+      y,
       {
         size: 20,
-        icon: g,
+        icon: v,
         color: "var(--mantine-color-red-filled)"
       }
     ),
     confirmProps: f,
     closeOnConfirm: u = !0,
     ...h
-  } = a, v = s.openConfirmModal({
+  } = s, w = a.openConfirmModal({
     withCloseButton: !1,
     keepMounted: !1,
     centered: !0,
+    size: "auto",
+    styles: {
+      body: {
+        paddingTop: "var(--mantine-spacing-xl)"
+      },
+      content: {
+        minWidth: 320,
+        maxWidth: 480
+      }
+    },
     confirmProps: {
       color: f?.color ?? "red",
       fullWidth: !0,
       variant: "filled",
       size: "sm",
-      children: n?.confirm ?? "Delete"
+      children: n?.confirm ?? "Delete",
+      style: { whiteSpace: "nowrap" }
     },
     cancelProps: {
       variant: "default",
       size: "sm",
       fullWidth: !0,
-      children: n?.cancel ?? "Cancel"
+      children: n?.cancel ?? "Cancel",
+      style: { whiteSpace: "nowrap" }
     },
     groupProps: {
       mt: 24,
       wrap: "nowrap",
       gap: 8
     },
-    styles: {
-      body: {
-        paddingTop: "var(--mantine-spacing-xl)"
-      }
-    },
-    children: /* @__PURE__ */ w(y, { gap: 0, align: "center", mb: 0, children: [
-      r && r,
-      /* @__PURE__ */ e(c, { mt: "xs", fw: "700", ta: "center", children: m }),
+    children: /* @__PURE__ */ g(C, { gap: 0, align: "center", mb: 0, children: [
+      t && t,
+      /* @__PURE__ */ e(c, { c: "bright", mt: "xs", fw: "700", ta: "center", children: m }),
       /* @__PURE__ */ e(c, { mt: 6, size: "sm", c: "gray", ta: "center", children: d })
     ] }),
     onConfirm: o,
     onClose: () => {
-      window.removeEventListener("keydown", t), p?.();
+      window.removeEventListener("keydown", r), p?.();
     },
     ...h
-  }), t = (i) => {
+  }), r = (i) => {
     const l = document.activeElement?.tagName;
-    l === "TEXTAREA" || l === "INPUT" || i.key === "Enter" && (i.preventDefault(), o?.(), u && s.close(v));
+    l === "TEXTAREA" || l === "INPUT" || i.key === "Enter" && (i.preventDefault(), o?.(), u && a.close(w));
   };
-  window.addEventListener("keydown", t);
+  window.addEventListener("keydown", r);
 };
 export {
   z as openRemoveConfirmModal

package/dist/components/table/export.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../src/components/table/export.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAuB,aAAa,EAAE,MAAM,SAAS,CAAC;AAElF,KAAK,WAAW,CAAC,CAAC,SAAS,aAAa,IAAI;IAC1C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAsBF,eAAO,MAAM,aAAa,GAAU,CAAC,SAAS,aAAa,EAAE,8BAI1D,WAAW,CAAC,CAAC,CAAC,kBAShB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAU,CAAC,SAAS,aAAa,EAAE,8BAIxD,WAAW,CAAC,CAAC,CAAC,kBAShB,CAAC"}
+{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../src/components/table/export.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,cAAc,EAEd,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,CAAC,CAAC,SAAS,aAAa,IAAI;IAC1C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAsBF,eAAO,MAAM,aAAa,GAAU,CAAC,SAAS,aAAa,EAAE,8BAI1D,WAAW,CAAC,CAAC,CAAC,kBAShB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAU,CAAC,SAAS,aAAa,EAAE,8BAIxD,WAAW,CAAC,CAAC,CAAC,kBAShB,CAAC"}

package/dist/components/table/hooks/useSaveRowCount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSaveRowCount.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useSaveRowCount.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,WAS7C,CAAC"}
+{"version":3,"file":"useSaveRowCount.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useSaveRowCount.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,WAS7C,CAAC"}

package/dist/components/table/hooks/useSaveRowCount.js

@@ -1,8 +1,8 @@
-import { isNil as o } from "lodash-es";
-import { useRef as u, useMemo as n } from "react";
+import { useRef as o, useMemo as u } from "react";
+import { isNil as n } from "lodash-es";
 const i = (r) => {
-  const e = u(r || 0);
-  return n(() => (o(r) || (e.current = r), e.current), [r]);
+  const e = o(r || 0);
+  return u(() => (n(r) || (e.current = r), e.current), [r]);
 };
 export {
   i as useSaveRowCount

package/dist/components/table/hooks/useSorting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSorting.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useSorting.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAOjE,eAAO,MAAM,UAAU,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC,sCAiD7D,CAAC"}
+{"version":3,"file":"useSorting.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useSorting.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAOjE,eAAO,MAAM,UAAU,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC,sCAoD7D,CAAC"}

package/dist/components/table/hooks/useSorting.js

@@ -7,7 +7,9 @@ const L = (c) => {
   return l(
     (i) => {
       if (!(i.target instanceof HTMLElement) || i.target.getAttribute(n.RESIZER)) return;
-      const u = i.target.closest(`[${n.HEADER_CELL}]`);
+      const u = i.target.closest(
+        `[${n.HEADER_CELL}]`
+      );
       if (!u) return;
       const o = u.getAttribute(n.HEADER_CELL);
       if (!o || !e[o] || !(u.getAttribute(n.SORTABLE) === "true") || c.current) return;

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,mEAAoE,CAAC;AAC/F,eAAO,MAAM,oBAAoB,EAAG,QAAiB,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,WACN,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;CAc1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,sBAAsB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,mEAOhB,CAAC;AACX,eAAO,MAAM,oBAAoB,EAAG,QAAiB,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,WACN,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;CAc1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,sBAAsB,CAAC"}

package/dist/constants.js

@@ -1,4 +1,11 @@
-const O = ["blue", "indigo", "violet", "grape", "green", "orange"], t = "indigo", n = (e) => O.includes(e), r = {
+const O = [
+  "blue",
+  "indigo",
+  "violet",
+  "grape",
+  "green",
+  "orange"
+], t = "indigo", n = (e) => O.includes(e), r = {
   get TASK_TYPE_COLOR() {
     return this.COLORS[1];
   },

package/dist/helpers/getFileIcons.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { AlertCircleIcon as l, File01Icon as a, Xls01Icon as s, HtmlFile01Icon as m, Doc01Icon as e, Pdf01Icon as u, Mp401Icon as p, Zip01Icon as h, Rar01Icon as g } from "@hugeicons/core-free-icons";
+import { AlertCircleIcon as d, File01Icon as s, Xls01Icon as a, HtmlFile01Icon as m, Doc01Icon as e, Pdf01Icon as u, Mp401Icon as p, Zip01Icon as h, Rar01Icon as g } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as E } from "@hugeicons/react";
 import { ThemeIcon as F, Loader as B } from "@mantine/core";
 const M = (f, C, c = 16) => {
@@ -41,27 +41,27 @@ const M = (f, C, c = 16) => {
     documents: e,
     html: m,
     diagram: m,
-    xls: s,
-    sheet: s,
-    presentation: a,
-    other: l,
-    folder: a,
-    error: l
-  }, d = n[r] || n.other, I = i[r] || i.other;
+    xls: a,
+    sheet: a,
+    presentation: s,
+    other: d,
+    folder: s,
+    error: d
+  }, l = n[r] || n.other, I = i[r] || i.other;
   return r === "loading" ? /* @__PURE__ */ o(
     F,
     {
-      radius: "md",
+      radius: "sm",
       size: c,
-      style: { backgroundColor: d, color: "white" },
+      style: { backgroundColor: l, color: "white" },
       children: /* @__PURE__ */ o(B, { color: "white" })
     }
   ) : /* @__PURE__ */ o(
     F,
     {
-      radius: "md",
+      radius: "sm",
       size: c,
-      style: { backgroundColor: d, color: "white" },
+      style: { backgroundColor: l, color: "white" },
       children: /* @__PURE__ */ o(E, { icon: I })
     }
   );

package/dist/helpers/isAppMode.d.ts

@@ -1,3 +1,3 @@
 export type appMode = 'SERVER' | 'DESKTOP' | 'SAAS';
-export declare const isAppMode: (actualMode: appMode | undefined, expectedMode: appMode) => boolean;
+export declare const isAppMode: (actualMode: appMode | null | undefined, expectedMode: appMode) => boolean;
 //# sourceMappingURL=isAppMode.d.ts.map

package/dist/helpers/isAppMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isAppMode.d.ts","sourceRoot":"","sources":["../../src/helpers/isAppMode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpD,eAAO,MAAM,SAAS,GACpB,YAAY,OAAO,GAAG,SAAS,EAC/B,cAAc,OAAO,KACpB,OAEF,CAAC"}
+{"version":3,"file":"isAppMode.d.ts","sourceRoot":"","sources":["../../src/helpers/isAppMode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpD,eAAO,MAAM,SAAS,GACpB,YAAY,OAAO,GAAG,IAAI,GAAG,SAAS,EACtC,cAAc,OAAO,KACpB,OAEF,CAAC"}

package/dist/helpers/validateAliasFormat.d.ts

@@ -0,0 +1,2 @@
+export declare const validateAliasFormat: (alias: string, allowEmpty?: boolean) => boolean;
+//# sourceMappingURL=validateAliasFormat.d.ts.map

package/dist/helpers/validateAliasFormat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateAliasFormat.d.ts","sourceRoot":"","sources":["../../src/helpers/validateAliasFormat.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,oBAAiB,KAChB,OAOF,CAAC"}

package/dist/helpers/validateAliasFormat.js

@@ -0,0 +1,4 @@
+const r = (t, e = !0) => e && t.length === 0 ? !0 : !(t.length < 3 || t.length > 50 || !/^[a-z0-9_-]+$/.test(t) || /^[-_]|[-_]$/.test(t) || /[-_]{2}/.test(t));
+export {
+  r as validateAliasFormat
+};