@layers-app/shared 0.2.3 → 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

@@ -35,6 +35,6 @@ export type WorkspaceMenuProps<W extends MenuWorkspace = MenuWorkspace> = {
     isAnonym?: boolean;
     publicMode?: boolean;
 };
-export declare const WorkspaceMenu: <W extends MenuWorkspace>({ children, onCreate, onClick, active, items, workspaceLink, settingsLink, membersLink, canEditWorkspace, isAnonym, publicMode, }: PropsWithChildren<WorkspaceMenuProps<W>>) => import("react/jsx-runtime").JSX.Element;
-export declare const ActiveWorkspace: <W extends MenuWorkspace>({ active, workspaceLink, settingsLink, membersLink, canEditWorkspace, onClose, }: Pick<WorkspaceMenuProps<W>, "active" | "workspaceLink" | "settingsLink" | "membersLink" | "canEditWorkspace" | "onClose">) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkspaceMenu: <W extends MenuWorkspace>({ children, onCreate, onClick, active, items, workspaceLink, settingsLink, membersLink, isAnonym, publicMode, }: PropsWithChildren<WorkspaceMenuProps<W>>) => import("react/jsx-runtime").JSX.Element;
+export declare const ActiveWorkspace: <W extends MenuWorkspace>({ active, workspaceLink, settingsLink, membersLink, onClose, }: Pick<WorkspaceMenuProps<W>, "active" | "workspaceLink" | "settingsLink" | "membersLink" | "onClose">) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WorkspaceMenu.d.ts.map

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,mIAYpD,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,4CAyE1C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,aAAa,EAAE,kFAOtD,IAAI,CACL,kBAAkB,CAAC,CAAC,CAAC,EACnB,QAAQ,GACR,eAAe,GACf,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,SAAS,CACZ,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,98 +1,95 @@
-import { jsx as e, Fragment as S, jsxs as n } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { useTranslation as u } from "react-i18next";
-import { Link as z } from "react-router-dom";
-import { Setting07Icon as L, UserMultiple02Icon as K, Add01Icon as T } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as k } from "@hugeicons/react";
-import { Flex as a, Menu as m, Tooltip as P, Text as d, Stack as p, Box as h, Button as b, ScrollArea as U, Progress as B } from "@mantine/core";
-import { useMenu as D } from "../../hooks/useMenu.js";
-import { formatStorage as M } from "../../utils/formatStorage.js";
-import { Logotype as F } from "../Logotype.js";
-import { WorkspaceAvatar as y } from "../WorkspaceAvatar/WorkspaceAvatar.js";
-import { Numbers as O } from "../table/helpers/formatters.js";
-import { WorkspaceItem as H } from "./WorkspaceItem.js";
-const oe = ({
+import { jsx as e, Fragment as M, jsxs as n } from "react/jsx-runtime";
+import { useState as j } from "react";
+import { useTranslation as h } from "react-i18next";
+import { Link as b } from "react-router-dom";
+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";
+import { formatStorage as z } from "../../utils/formatStorage.js";
+import { Logotype as D } from "../Logotype.js";
+import { WorkspaceAvatar as S } from "../WorkspaceAvatar/WorkspaceAvatar.js";
+import { Numbers as F } from "../table/helpers/formatters.js";
+import { WorkspaceItem as O } from "./WorkspaceItem.js";
+const ne = ({
   children: r,
-  onCreate: s,
+  onCreate: i,
   onClick: t,
   active: o,
-  items: i,
-  workspaceLink: c,
-  settingsLink: l,
-  membersLink: x,
-  canEditWorkspace: I,
-  isAnonym: C,
+  items: c,
+  workspaceLink: s,
+  settingsLink: x,
+  membersLink: y,
+  isAnonym: I,
   publicMode: W
 }) => {
-  const { t: N } = u("workspaceMenu"), { isMobile: w } = D(), [j, f] = A(!1);
-  return C || W ? /* @__PURE__ */ e(a, { w: "100%", justify: w ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
-    F,
+  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,
     {
-      minified: !w,
-      w: w ? 65 : 24,
+      minified: !u,
+      w: u ? 65 : 24,
       isLink: !1
     }
-  ) }) }) : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ n(
-    m,
+  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(
+    p,
     {
-      opened: j,
-      onChange: f,
+      opened: N,
+      onChange: d,
       position: "right-start",
       keepMounted: !1,
       clickOutsideEvents: ["mousedown", "click"],
       offset: 17,
       children: [
-        /* @__PURE__ */ e(m.Target, { children: r ?? /* @__PURE__ */ n(a, { onClick: () => f((g) => !g), children: [
-          /* @__PURE__ */ e(y, { size: 30, workspace: o }),
-          /* @__PURE__ */ e(a, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(P, { label: o.workspaceName, children: /* @__PURE__ */ e(d, { size: "md", truncate: !0, children: o?.workspaceName || N("noName") }) }) })
+        /* @__PURE__ */ e(p.Target, { children: r ?? /* @__PURE__ */ n(l, { onClick: () => d((w) => !w), children: [
+          /* @__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(m.Dropdown, { w: 310, children: /* @__PURE__ */ n(p, { gap: 6, children: [
+        /* @__PURE__ */ e(p.Dropdown, { w: 338, children: /* @__PURE__ */ n(a, { gap: 6, children: [
           /* @__PURE__ */ e(
-            $,
+            E,
             {
               active: o,
-              workspaceLink: c,
-              settingsLink: l,
-              membersLink: x,
-              canEditWorkspace: I,
-              onClose: () => f(!1)
+              workspaceLink: s,
+              settingsLink: x,
+              membersLink: y,
+              onClose: () => d(!1)
             }
           ),
-          /* @__PURE__ */ e(h, { px: 4, children: /* @__PURE__ */ e(m.Divider, {}) }),
+          /* @__PURE__ */ e(f, { px: 4, children: /* @__PURE__ */ e(p.Divider, {}) }),
           /* @__PURE__ */ e(
-            E,
+            R,
             {
-              onCreate: s,
+              onCreate: i,
               onClick: t,
-              items: i.filter(
-                (g) => g.workspaceId !== o?.workspaceId
+              items: c.filter(
+                (w) => w.workspaceId !== o?.workspaceId
               ),
-              onClose: () => f(!1)
+              onClose: () => d(!1)
             }
           )
         ] }) })
       ]
     }
   ) });
-}, $ = ({
+}, E = ({
   active: r,
-  workspaceLink: s,
+  workspaceLink: i,
   settingsLink: t,
   membersLink: o,
-  canEditWorkspace: i,
   onClose: c
 }) => {
-  const { t: l } = u("workspaceMenu");
-  return /* @__PURE__ */ n(p, { p: 4, pb: 5, gap: 12, children: [
-    /* @__PURE__ */ n(a, { gap: 12, children: [
-      /* @__PURE__ */ e(y, { size: 48, workspace: r }),
-      /* @__PURE__ */ n(p, { gap: 0, miw: 0, children: [
-        /* @__PURE__ */ e(d, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright", children: r.workspaceName || l("noName") }),
-        /* @__PURE__ */ e(d, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ n(a, { gap: 8, component: "span", children: [
-          r.totalMembers ? /* @__PURE__ */ n(S, { children: [
-            l("member", { count: r.totalMembers }),
+  const { t: s } = h("workspaceMenu");
+  return /* @__PURE__ */ n(a, { p: 4, pb: 5, 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 || 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: [
+            s("member", { count: r.totalMembers }),
             /* @__PURE__ */ e(
-              h,
+              f,
               {
                 w: 2,
                 h: 2,
@@ -102,73 +99,73 @@ const oe = ({
               }
             )
           ] }) : null,
-          l(`plans.${r.plan}`)
+          s(`plans.${r.plan}`)
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ e(q, { active: r }),
-    /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ e(H, { active: r }),
+    /* @__PURE__ */ n(l, { children: [
       /* @__PURE__ */ e(
-        b,
+        k,
         {
           flex: 1,
-          component: z,
+          component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: L }),
-          to: i ? s ?? "" : t ?? "",
+          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: A }),
+          to: i ?? t ?? "",
           onClick: c,
-          children: l("settings")
+          children: s("settings")
         }
       ),
-      /* @__PURE__ */ e(
-        b,
+      o && /* @__PURE__ */ e(
+        k,
         {
           flex: 1,
-          component: z,
+          component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: K }),
-          to: o ?? "",
+          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: L }),
+          to: o,
           onClick: c,
-          children: l("members")
+          children: s("members")
         }
       )
     ] })
   ] });
-}, q = ({
+}, H = ({
   active: r
 }) => {
-  const { t: s } = u("workspaceMenu"), t = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = O.formatPercents(t);
-  return /* @__PURE__ */ n(p, { gap: 4, w: "100%", children: [
-    /* @__PURE__ */ n(a, { justify: "space-between", children: [
-      /* @__PURE__ */ n(d, { size: "sm", fw: 500, children: [
-        s("usedStorage"),
+  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: [
+        i("usedStorage"),
         ": ",
         o
       ] }),
-      /* @__PURE__ */ n(d, { size: "sm", fw: 500, c: "gray", children: [
-        M(r?.storageUsedKb),
+      /* @__PURE__ */ n(m, { size: "sm", fw: 500, c: "gray", children: [
+        z(r?.storageUsedKb),
         " ",
-        s("of"),
+        i("of"),
         " ",
-        M(r?.storageLimitKb)
+        z(r?.storageLimitKb)
       ] })
     ] }),
-    /* @__PURE__ */ e(B, { h: 4, value: t * 100 })
+    /* @__PURE__ */ e(U, { h: 4, value: t * 100 })
   ] });
-}, E = ({
+}, R = ({
   onCreate: r,
-  onClick: s,
+  onClick: i,
   items: t,
   onClose: o
 }) => {
-  const { t: i } = u("workspaceMenu");
-  return /* @__PURE__ */ n(p, { gap: 12, children: [
-    t?.length > 0 && /* @__PURE__ */ n(p, { gap: 6, children: [
-      /* @__PURE__ */ e(m.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: i("switchWorkspace") }),
-      /* @__PURE__ */ e(h, { w: "100%", children: /* @__PURE__ */ e(
-        U.Autosize,
+  const { t: c } = h("workspaceMenu");
+  return /* @__PURE__ */ n(a, { gap: 12, 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%", px: 4, children: /* @__PURE__ */ e(
+        P.Autosize,
         {
           mah: 200,
           w: "100%",
@@ -176,23 +173,26 @@ const oe = ({
           scrollbars: "y",
           type: "always",
           styles: {
+            viewport: {
+              paddingRight: t.length > 4 ? 12 : 0
+            },
             content: {
               minWidth: 0
             }
           },
-          children: /* @__PURE__ */ e(p, { gap: 6, miw: 0, children: t.map((c) => /* @__PURE__ */ e(
-            H,
+          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: t.map((s) => /* @__PURE__ */ e(
+            O,
             {
-              workspace: c,
-              onClick: s
+              workspace: s,
+              onClick: i
             },
-            c.workspaceId
+            s.workspaceId
           )) })
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(h, { p: 4, pt: 0, children: /* @__PURE__ */ e(
-      b,
+    /* @__PURE__ */ e(f, { p: 4, pt: 0, children: /* @__PURE__ */ e(
+      k,
       {
         fullWidth: !0,
         variant: "default",
@@ -200,13 +200,13 @@ const oe = ({
         onClick: () => {
           r?.(), o?.();
         },
-        leftSection: /* @__PURE__ */ e(k, { icon: T, size: 16 }),
-        children: i("newWorkspace")
+        leftSection: /* @__PURE__ */ e(g, { icon: K, size: 16 }),
+        children: c("newWorkspace")
       }
     ) })
   ] });
 };
 export {
-  $ as ActiveWorkspace,
-  oe as WorkspaceMenu
+  E as ActiveWorkspace,
+  ne as WorkspaceMenu
 };

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