@layers-app/shared 0.2.8 → 0.3.1

package/dist/components/ProjectIcon/ProjectIcon.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { Avatar as h, Text as y } from "@mantine/core";
-import { omit as j, isString as L, isNil as w } from "lodash-es";
-import x from "query-string";
-import { DEFAULT_VALUES as S } from "../../constants.js";
+import { forwardRef as u } from "react";
+import { Avatar as d, Text as y } from "@mantine/core";
+import { omit as x, isString as S, isNil as j } from "lodash-es";
+import L from "query-string";
+import { DEFAULT_VALUES as w } from "../../constants.js";
 import { customIcons as v } from "../EmojiPicker/custom-icons/customIcons.js";
 var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}), c;
 ((r) => {
   r.parse = (t) => {
-    if (!L(t) || t.trim() === "") return null;
+    if (!S(t) || t.trim() === "") return null;
     const e = new URLSearchParams(t);
     return {
       icon: e.get("i") || "",
@@ -17,7 +17,7 @@ var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}),
       type: e.get("t") || "o"
       /* OUTLINED */
     };
-  }, r.stringify = (t) => w(t) ? "" : x.stringify({
+  }, r.stringify = (t) => j(t) ? "" : L.stringify({
     i: t.icon || void 0,
     c: t.color || void 0,
     e: t.emoji || void 0,
@@ -25,7 +25,7 @@ var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}),
     /* OUTLINED */
   });
 })(c || (c = {}));
-const O = d(
+const O = u(
   ({
     icon: r,
     name: t,
@@ -39,20 +39,20 @@ const O = d(
   }, p) => {
     const m = c.parse(r);
     if (!m && !e) return null;
-    const u = m?.color || (f ? "initials" : g) || S.COLORS[0];
+    const h = m?.color || (f ? "initials" : g) || w.COLORS[0];
     return /* @__PURE__ */ o(
-      h,
+      d,
       {
         ref: p,
         variant: "transparent",
-        color: u,
+        color: h,
         name: f,
         size: i || 20,
         style: {
           overflow: s.radius ? "hidden" : "visible",
           ...s.style
         },
-        ...j(s, ["style"]),
+        ...x(s, ["style"]),
         children: /* @__PURE__ */ o(
           y,
           {
@@ -73,7 +73,7 @@ const O = d(
   }
 ), A = (r, t, e, i) => {
   const n = v?.[r?.icon || ""];
-  return n ? /* @__PURE__ */ o(n, { width: "1em", height: "1em" }) : r?.icon ? /* @__PURE__ */ o("svg", { width: "1em", height: "1em", children: /* @__PURE__ */ o(
+  return n ? /* @__PURE__ */ o(n, { width: "1em", height: "1em", style: { flexShrink: 0 } }) : r?.icon ? /* @__PURE__ */ o("svg", { width: "1em", height: "1em", style: { flexShrink: 0 }, children: /* @__PURE__ */ o(
     "use",
     {
       xlinkHref: `/tabler-sprite${r.type === "f" ? "-filled" : ""}.svg#tabler-${r.type === "f" ? "filled-" : ""}${r.icon}`

package/dist/components/TreeIndent/TreeIndent.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export declare const TreeIndentContainer: import("react").MemoExoticComponent<({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const TreeIndentItem: import("react").MemoExoticComponent<({ depth, children }: {
+    depth?: number;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=TreeIndent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeIndent.d.ts","sourceRoot":"","sources":["../../../src/components/TreeIndent/TreeIndent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAI7C,eAAO,MAAM,mBAAmB,qDACf;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,6CAGvC,CAAC;AAEF,eAAO,MAAM,cAAc,4DACC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,6CAUlE,CAAC"}

package/dist/components/TreeIndent/TreeIndent.js

@@ -0,0 +1,15 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { memo as m } from "react";
+import r from "./TreeIndent.module.css.js";
+const l = m(
+  ({ children: e }) => /* @__PURE__ */ t("div", { className: r.container, children: e })
+), p = m(
+  ({ depth: e = 0, children: n }) => /* @__PURE__ */ s("div", { className: r.item, children: [
+    Array.from({ length: e }).map((a, o) => /* @__PURE__ */ t("div", { className: r.depthBox }, o)),
+    n
+  ] })
+);
+export {
+  l as TreeIndentContainer,
+  p as TreeIndentItem
+};

package/dist/components/TreeIndent/TreeIndent.module.css.js

@@ -0,0 +1,11 @@
+const t = "_container_f42en_1", e = "_depthBox_f42en_21", n = "_item_f42en_37", o = {
+  container: t,
+  depthBox: e,
+  item: n
+};
+export {
+  t as container,
+  o as default,
+  e as depthBox,
+  n as item
+};

package/dist/components/TreeIndent/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeIndentContainer, TreeIndentItem } from './TreeIndent';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeIndent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/WorkspaceAvatar/WorkspaceAvatar.js

@@ -1,9 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
 import { Avatar as i } from "@mantine/core";
-import m from "../../assets/svg/default_icon.svg.js";
-const n = e(
-  ({ workspace: r, ...a }, o) => /* @__PURE__ */ t(
+import m from "../../assets/default-workspace-avatar.jpg.js";
+const c = e(
+  ({ workspace: r, ...a }, t) => /* @__PURE__ */ o(
     i,
     {
       src: r?.workspaceIcon || m,
@@ -13,10 +13,10 @@ const n = e(
       name: r?.workspaceId,
       radius: "var(--mantine-radius-default)",
       ...a,
-      ref: o
+      ref: t
     }
   )
 );
 export {
-  n as WorkspaceAvatar
+  c as WorkspaceAvatar
 };

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,4CA8DA,CAAC"}
+{"version":3,"file":"WorkspaceMenu.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAiCpD,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,4CA8DA,CAAC"}

package/dist/components/WorkspaceMenu/WorkspaceMenu.js

@@ -1,71 +1,71 @@
-import { jsxs as n, jsx as e, Fragment as M } from "react/jsx-runtime";
-import { useState as A } from "react";
+import { jsxs as o, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { useState as K } from "react";
 import { useTranslation as u } from "react-i18next";
-import { Link as z } from "react-router-dom";
-import { Setting07Icon as L, UserMultiple02Icon as N, Add01Icon as K } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as k } from "@hugeicons/react";
-import { Stack as a, Flex as l, Text as d, Box as f, Button as b, Menu as m, Tooltip as P, Progress as T, ScrollArea as U } from "@mantine/core";
-import { useMenu as B } from "../../hooks/useMenu.js";
-import { usePlatform as D } from "../../hooks/usePlatform.js";
-import { formatStoragePercent as F, formatStorage as S } from "../../utils/formatStorage.js";
+import { Link as S } from "react-router-dom";
+import { Setting07Icon as U, UserMultiple02Icon as j, Add01Icon as A } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as b } from "@hugeicons/react";
+import { Stack as a, Flex as l, Text as d, Box as h, Button as z, Menu as m, Tooltip as N, Progress as $, ScrollArea as P } from "@mantine/core";
+import { useMenu as T } from "../../hooks/useMenu.js";
+import { usePlatform as B } from "../../hooks/usePlatform.js";
+import { formatStoragePercent as D, formatStorage as k, resolveStorageLimit as F } from "../../utils/formatStorage.js";
 import { Logotype as O } from "../Logotype.js";
 import { WorkspaceAvatar as x } from "../WorkspaceAvatar/WorkspaceAvatar.js";
 import { WorkspaceItem as E } from "./WorkspaceItem.js";
-const oe = ({
+const te = ({
   children: r,
-  onCreate: i,
-  onClick: t,
-  active: o,
-  items: c,
-  workspaceLink: s,
+  onCreate: c,
+  onClick: s,
+  active: n,
+  items: i,
+  workspaceLink: t,
   settingsLink: p,
   membersLink: y,
   isAnonym: I,
-  publicMode: W
+  publicMode: L
 }) => {
-  const { t: C } = u("workspaceMenu"), { isMobile: w } = B(), [j, h] = A(!1);
-  return I || W ? /* @__PURE__ */ e(l, { w: "100%", justify: w ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
+  const { t: W } = u("workspaceMenu"), { isMobile: g } = T(), [C, f] = K(!1);
+  return I || L ? /* @__PURE__ */ e(l, { w: "100%", justify: g ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
     O,
     {
-      minified: !w,
-      w: w ? 65 : 24,
+      minified: !g,
+      w: g ? 65 : 24,
       isLink: !1
     }
-  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(
+  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ o(
     m,
     {
-      opened: j,
-      onChange: h,
+      opened: C,
+      onChange: f,
       position: "right-start",
       keepMounted: !1,
       clickOutsideEvents: ["mousedown", "click"],
       offset: 17,
       children: [
-        /* @__PURE__ */ e(m.Target, { children: r ?? /* @__PURE__ */ n(l, { onClick: () => h((g) => !g), children: [
-          /* @__PURE__ */ e(x, { size: 30, workspace: o }),
-          /* @__PURE__ */ e(l, { 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 || C("noName") }) }) })
+        /* @__PURE__ */ e(m.Target, { children: r ?? /* @__PURE__ */ o(l, { onClick: () => f((w) => !w), children: [
+          /* @__PURE__ */ e(x, { size: 30, workspace: n }),
+          /* @__PURE__ */ e(l, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(N, { label: n.workspaceName, children: /* @__PURE__ */ e(d, { size: "md", truncate: !0, children: n?.workspaceName || W("noName") }) }) })
         ] }) }),
-        /* @__PURE__ */ e(m.Dropdown, { w: 338, children: /* @__PURE__ */ n(a, { gap: 6, children: [
+        /* @__PURE__ */ e(m.Dropdown, { w: 338, children: /* @__PURE__ */ o(a, { gap: 6, children: [
           /* @__PURE__ */ e(
             H,
             {
-              active: o,
-              workspaceLink: s,
+              active: n,
+              workspaceLink: t,
               settingsLink: p,
               membersLink: y,
-              onClose: () => h(!1)
+              onClose: () => f(!1)
             }
           ),
-          /* @__PURE__ */ e(f, { px: 4, children: /* @__PURE__ */ e(m.Divider, {}) }),
+          /* @__PURE__ */ e(h, { px: 4, children: /* @__PURE__ */ e(m.Divider, {}) }),
           /* @__PURE__ */ e(
-            $,
+            q,
             {
-              onCreate: i,
-              onClick: t,
-              items: c.filter(
-                (g) => g.workspaceId !== o?.workspaceId
+              onCreate: c,
+              onClick: s,
+              items: i.filter(
+                (w) => w.workspaceId !== n?.workspaceId
               ),
-              onClose: () => h(!1)
+              onClose: () => f(!1)
             }
           )
         ] }) })
@@ -74,22 +74,22 @@ const oe = ({
   ) });
 }, H = ({
   active: r,
-  workspaceLink: i,
-  settingsLink: t,
-  membersLink: o,
-  onClose: c
+  workspaceLink: c,
+  settingsLink: s,
+  membersLink: n,
+  onClose: i
 }) => {
-  const { t: s } = u("workspaceMenu"), p = D();
-  return /* @__PURE__ */ n(a, { p: 4, pb: 5, gap: 12, children: [
-    /* @__PURE__ */ n(l, { gap: 10, children: [
+  const { t } = u("workspaceMenu"), p = B();
+  return /* @__PURE__ */ o(a, { p: 4, pb: 5, gap: 12, children: [
+    /* @__PURE__ */ o(l, { gap: 10, children: [
       /* @__PURE__ */ e(x, { size: 48, workspace: r }),
-      /* @__PURE__ */ n(a, { gap: 0, miw: 0, children: [
-        /* @__PURE__ */ e(d, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright)", children: r.workspaceName || s("noName") }),
-        /* @__PURE__ */ e(d, { 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__ */ o(a, { gap: 0, miw: 0, children: [
+        /* @__PURE__ */ e(d, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright)", children: r.workspaceName || t("noName") }),
+        /* @__PURE__ */ e(d, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ o(l, { gap: 6, component: "span", children: [
+          r.totalMembers ? /* @__PURE__ */ o(M, { children: [
+            t("member", { count: r.totalMembers }),
             /* @__PURE__ */ e(
-              f,
+              h,
               {
                 w: 2,
                 h: 2,
@@ -99,36 +99,36 @@ const oe = ({
               }
             )
           ] }) : null,
-          p.has("planBadges") && s(`plans.${r.plan}`)
+          p.has("planBadges") && t(`plans.${r.plan}`)
         ] }) })
       ] })
     ] }),
     p.has("plans") && /* @__PURE__ */ e(R, { active: r }),
-    /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ o(l, { children: [
       /* @__PURE__ */ e(
-        b,
+        z,
         {
           flex: 1,
-          component: z,
+          component: S,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: L }),
-          to: i ?? t ?? "",
-          onClick: c,
-          children: s("settings")
+          leftSection: /* @__PURE__ */ e(b, { size: 16, icon: U }),
+          to: c ?? s ?? "",
+          onClick: i,
+          children: t("settings")
         }
       ),
-      o && p.has("inviteUsers") && /* @__PURE__ */ e(
-        b,
+      n && p.has("inviteUsers") && /* @__PURE__ */ e(
+        z,
         {
           flex: 1,
-          component: z,
+          component: S,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: N }),
-          to: o,
-          onClick: c,
-          children: s("members")
+          leftSection: /* @__PURE__ */ e(b, { size: 16, icon: j }),
+          to: n,
+          onClick: i,
+          children: t("members")
         }
       )
     ] })
@@ -136,37 +136,33 @@ const oe = ({
 }, R = ({
   active: r
 }) => {
-  const { t: i } = u("workspaceMenu"), t = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = F(t * 100);
-  return /* @__PURE__ */ n(a, { gap: 4, w: "100%", children: [
-    /* @__PURE__ */ n(l, { justify: "space-between", children: [
-      /* @__PURE__ */ n(d, { size: "sm", fw: 500, children: [
-        i("usedStorage"),
+  const { t: c } = u("workspaceMenu"), { isUnlimited: s, effectiveLimitKb: n } = F(
+    r?.storageLimitKb || 0,
+    r?.storageUsedKb || 0
+  ), i = (r?.storageUsedKb || 0) / n, t = D(i * 100);
+  return /* @__PURE__ */ o(a, { gap: 4, w: "100%", children: [
+    /* @__PURE__ */ o(l, { justify: "space-between", children: [
+      /* @__PURE__ */ o(d, { size: "sm", fw: 500, children: [
+        c("usedStorage"),
         ": ",
-        o,
-        "%"
+        s ? "" : `${t}%`
       ] }),
-      /* @__PURE__ */ n(d, { size: "sm", fw: 500, c: "gray", children: [
-        S(r?.storageUsedKb),
-        " ",
-        i("of"),
-        " ",
-        S(r?.storageLimitKb)
-      ] })
+      /* @__PURE__ */ e(d, { size: "sm", fw: 500, c: "gray", children: s ? k(r?.storageUsedKb) : `${k(r?.storageUsedKb)} ${c("of")} ${k(r?.storageLimitKb)}` })
     ] }),
-    /* @__PURE__ */ e(T, { h: 4, value: t * 100 })
+    !s && /* @__PURE__ */ e($, { h: 4, value: i * 100 })
   ] });
-}, $ = ({
+}, q = ({
   onCreate: r,
-  onClick: i,
-  items: t,
-  onClose: o
+  onClick: c,
+  items: s,
+  onClose: n
 }) => {
-  const { t: c } = u("workspaceMenu");
-  return /* @__PURE__ */ n(a, { gap: 12, children: [
-    t?.length > 0 && /* @__PURE__ */ n(a, { gap: 0, children: [
-      /* @__PURE__ */ e(m.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: c("switchWorkspace") }),
-      /* @__PURE__ */ e(f, { w: "100%", px: 4, children: /* @__PURE__ */ e(
-        U.Autosize,
+  const { t: i } = u("workspaceMenu");
+  return /* @__PURE__ */ o(a, { gap: 12, children: [
+    s?.length > 0 && /* @__PURE__ */ o(a, { gap: 0, children: [
+      /* @__PURE__ */ e(m.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: i("switchWorkspace") }),
+      /* @__PURE__ */ e(h, { w: "100%", px: 4, children: /* @__PURE__ */ e(
+        P.Autosize,
         {
           mah: 200,
           w: "100%",
@@ -175,39 +171,39 @@ const oe = ({
           type: "always",
           styles: {
             viewport: {
-              paddingRight: t.length > 4 ? 12 : 0
+              paddingRight: s.length > 4 ? 12 : 0
             },
             content: {
               minWidth: 0
             }
           },
-          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: t.map((s) => /* @__PURE__ */ e(
+          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: s.map((t) => /* @__PURE__ */ e(
             E,
             {
-              workspace: s,
-              onClick: i
+              workspace: t,
+              onClick: c
             },
-            s.workspaceId
+            t.workspaceId
           )) })
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(f, { p: 4, pt: 0, children: /* @__PURE__ */ e(
-      b,
+    /* @__PURE__ */ e(h, { p: 4, pt: 0, children: /* @__PURE__ */ e(
+      z,
       {
         fullWidth: !0,
         variant: "default",
         size: "sm",
         onClick: () => {
-          r?.(), o?.();
+          r?.(), n?.();
         },
-        leftSection: /* @__PURE__ */ e(k, { icon: K, size: 16 }),
-        children: c("newWorkspace")
+        leftSection: /* @__PURE__ */ e(b, { icon: A, size: 16 }),
+        children: i("newWorkspace")
       }
     ) })
   ] });
 };
 export {
   H as ActiveWorkspace,
-  oe as WorkspaceMenu
+  te 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,SAuFF,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,SAsFF,CAAC"}

package/dist/config/brand.d.ts

@@ -0,0 +1,49 @@
+export declare const brand: {
+    readonly name: string;
+    LogoFull: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LogoIcon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LogoCopyright: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    readonly customIconUrl: string | null;
+    readonly customIconDarkUrl: string | null;
+    readonly customLogoUrl: string | null;
+    readonly logoFullUrl: string;
+    readonly logoIconUrl: string;
+    readonly websiteUrl: string;
+    readonly appUrl: string;
+    readonly social: {
+        facebook: string;
+        facebookEnabled: boolean;
+        instagram: string;
+        instagramEnabled: boolean;
+        linkedin: string;
+        linkedinEnabled: boolean;
+        whatsapp: string;
+        whatsappEnabled: boolean;
+        telegram: string;
+        telegramEnabled: boolean;
+        discord: string;
+        discordEnabled: boolean;
+    };
+    readonly copyrightHolder: string;
+};
+export declare const brandI18nVariables: {
+    readonly appName: string;
+    readonly appUrl: string;
+    readonly websiteUrl: string;
+};
+//# sourceMappingURL=brand.d.ts.map

package/dist/config/brand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/config/brand.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DjB,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;CAU9B,CAAC"}

package/dist/config/brand.js

@@ -0,0 +1,77 @@
+import g from "../assets/layers-logo-full.svg.js";
+import s from "../assets/layers-logo-full.svg2.js";
+import i from "../assets/layers-logo-icon.svg.js";
+import p from "../assets/layers-logo-icon.svg2.js";
+import c from "../assets/logo-copyright.svg.js";
+import { resolveNonBlankString as o, normalizeUrl as n, getEnvConfig as m } from "./envConfig.js";
+const d = { VITE_APP_NAME: "Layers" }, t = d, e = () => m(), l = {
+  get name() {
+    return o(e().appName, t.VITE_APP_NAME) || "Layers";
+  },
+  // Bundled SVG components (support currentColor for theme switching)
+  LogoFull: s,
+  LogoIcon: p,
+  LogoCopyright: c,
+  // Custom URLs from admin panel (null if not configured)
+  get customIconUrl() {
+    return o(e().logoIconUrl) || o(e().logoFullUrl) || null;
+  },
+  get customIconDarkUrl() {
+    return o(e().branding?.logoDarkUrl) || null;
+  },
+  get customLogoUrl() {
+    return o(e().logoFullUrl) || null;
+  },
+  // Static URLs (always filled — custom or bundled fallback)
+  get logoFullUrl() {
+    return o(e().logoFullUrl) || g;
+  },
+  get logoIconUrl() {
+    return o(e().logoIconUrl) || i;
+  },
+  get websiteUrl() {
+    return n(
+      o(e().websiteUrl) || "https://layers.md"
+    );
+  },
+  get appUrl() {
+    return n(
+      o(e().appUrl, t.VITE_APP_URL) || "https://app.layers.md/",
+      { trailingSlash: !0 }
+    );
+  },
+  get social() {
+    const r = e().social, a = e().region?.toUpperCase() === "RU";
+    return {
+      facebook: r?.facebook ?? "",
+      facebookEnabled: !a && r?.facebookEnabled !== !1,
+      instagram: r?.instagram ?? "",
+      instagramEnabled: !a && r?.instagramEnabled !== !1,
+      linkedin: r?.linkedin ?? "",
+      linkedinEnabled: r?.linkedinEnabled !== !1,
+      whatsapp: r?.whatsapp ?? "",
+      whatsappEnabled: r?.whatsappEnabled !== !1,
+      telegram: r?.telegram ?? "",
+      telegramEnabled: r?.telegramEnabled !== !1,
+      discord: r?.discord ?? "",
+      discordEnabled: r?.discordEnabled !== !1
+    };
+  },
+  get copyrightHolder() {
+    return o(e().copyrightHolder) || "Layers Web Application";
+  }
+}, I = {
+  get appName() {
+    return l.name;
+  },
+  get appUrl() {
+    return l.appUrl;
+  },
+  get websiteUrl() {
+    return l.websiteUrl;
+  }
+};
+export {
+  l as brand,
+  I as brandI18nVariables
+};