@layers-app/shared 0.3.5 → 0.3.6

package/dist/components/EmojiPicker/IconsPanel.js

@@ -13,18 +13,18 @@ import { IconEntity as I, IconType as A } from "../ProjectIcon/ProjectIcon.js";
 import { customIcons as D } from "./custom-icons/customIcons.js";
 import { getIconsList as F, getRandomIcon as ae } from "./utils.js";
 import h from "./EmojiPicker.module.css.js";
-async function le(c, a, l = 500) {
-  const u = [], p = c.length;
+async function le(a, c, l = 500) {
+  const u = [], p = a.length;
   for (let r = 0; r < p; r += l) {
-    const w = c.slice(r, r + l).filter(a);
+    const w = a.slice(r, r + l).filter(c);
     u.push(...w), await new Promise((f) => setTimeout(f, 0));
   }
   return u;
 }
 const Ce = M(
   ({
-    showColors: c,
-    locales: a,
+    showColors: a,
+    locales: c,
     onChange: l,
     value: u,
     onClose: p,
@@ -65,7 +65,7 @@ const Ce = M(
           color: i?.color,
           type: i?.type || A.FILLED
         })
-      ), c || p());
+      ), a || p());
     }), n = J({
       color: i?.color || ie.COLORS[0],
       theme: w
@@ -77,11 +77,11 @@ const Ce = M(
       "--icon-color-hover": K(n.value, 0.2)
     }, [n]), q = async () => {
       const o = await ae(r);
-      S([]), l?.(I.stringify({ icon: o, color: i?.color })), !c && !C && p();
+      S([]), l?.(I.stringify({ icon: o, color: i?.color })), !a && !C && p();
     };
     return /* @__PURE__ */ m(y, { w: "100%", gap: "sm", pt: 12, pb: 8, h: "100%", children: [
-      c && /* @__PURE__ */ m(y, { gap: 4, px: 8, w: "100%", children: [
-        /* @__PURE__ */ e(b, { lh: "140%", fw: 500, c: "dimmed", fz: "xs", children: a?.chooseColor || k("chooseColor") }),
+      a && /* @__PURE__ */ m(y, { gap: 4, px: 8, w: "100%", children: [
+        /* @__PURE__ */ e(b, { lh: "140%", fw: 500, c: "dimmed", fz: "xs", children: c?.chooseColor || k("chooseColor") }),
         /* @__PURE__ */ e(
           ne,
           {
@@ -117,7 +117,7 @@ const Ce = M(
           {
             leftSection: /* @__PURE__ */ e(L, { size: 16, icon: Q }),
             value: f,
-            placeholder: `${a?.search}...`,
+            placeholder: `${c?.search}...`,
             "data-autofocus": !0,
             styles: {
               input: {
@@ -130,7 +130,7 @@ const Ce = M(
             radius: "var(--mantine-radius-default)"
           }
         ) }),
-        /* @__PURE__ */ e(Z, { withArrow: !0, label: k("random"), children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Z, { withArrow: !0, label: c?.random || k("random"), children: /* @__PURE__ */ e(
           ee,
           {
             h: 36,
@@ -168,7 +168,7 @@ const Ce = M(
                 top: -1,
                 style: { zIndex: 1 },
                 bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
-                children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: a?.searchResults })
+                children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: c?.searchResults })
               }
             ),
             T.length ? /* @__PURE__ */ e(N, { cols: 8, spacing: 0, children: T.map((o) => {
@@ -203,7 +203,7 @@ const Ce = M(
               ce,
               {
                 size: 100,
-                description: a?.searchNoResults,
+                description: c?.searchNoResults,
                 descriptionProps: {
                   fz: "sm"
                 }

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

@@ -1 +1 @@
-{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,cAAc,EAAE,WAElD;IACD,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,mDAyHA,CAAC"}
+{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,cAAc,EAAE,WAElD;IACD,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,mDA6HA,CAAC"}

package/dist/components/EntityIcon.js

@@ -1,58 +1,59 @@
 import { jsx as n } from "react/jsx-runtime";
-import { File01Icon as f, Folder02Icon as d, Folder01Icon as p } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as a } from "@hugeicons/react";
-import { Text as c, Box as u, Avatar as h, useMantineTheme as y, parseThemeColor as g } from "@mantine/core";
-import I from "../assets/enitityIcons/flow.svg.js";
-import v from "../assets/enitityIcons/form.svg.js";
-import z from "../assets/enitityIcons/page.svg.js";
-import C from "../assets/enitityIcons/sprint.svg.js";
-import { IconEntity as i, ProjectIcon as t, renderIcon as F } from "./ProjectIcon/ProjectIcon.js";
-const w = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, m = ({
+import { File01Icon as p, Folder02Icon as u, Folder01Icon as h } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as f } from "@hugeicons/react";
+import { Text as a, Box as y, Avatar as g, useMantineTheme as I, parseThemeColor as C } from "@mantine/core";
+import v from "../assets/enitityIcons/flow.svg.js";
+import z from "../assets/enitityIcons/form.svg.js";
+import F from "../assets/enitityIcons/page.svg.js";
+import O from "../assets/enitityIcons/sprint.svg.js";
+import { DEFAULT_VALUES as l } from "../constants.js";
+import { IconEntity as i, ProjectIcon as c, renderIcon as E } from "./ProjectIcon/ProjectIcon.js";
+const s = (o) => !!o && l.COLORS.includes(o), R = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, H = ({
   item: o
 }) => {
   const r = o?.size || 16;
   if (!o) return null;
-  if (w(o)) {
-    const e = i.parse(o.icon);
-    return /* @__PURE__ */ n(x, { color: e?.color, size: r, opened: o.isOpen });
+  if (R(o)) {
+    const e = i.parse(o.icon), t = s(e?.color) ? e.color : l.FOLDER_COLOR;
+    return /* @__PURE__ */ n(S, { color: t, size: r, opened: o.isOpen });
   }
   if (o.type === "ATTACHMENT")
-    return /* @__PURE__ */ n(a, { icon: f, size: r });
+    return /* @__PURE__ */ n(f, { icon: p, size: r });
   if (o.type === "PAGE")
     return /* @__PURE__ */ n(
-      t,
+      c,
       {
         fallbackColor: o.icon ? void 0 : "var(--default-page-icon-color)",
         name: o.title,
         icon: o.icon,
-        fallback: /* @__PURE__ */ n(z, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(F, { width: r, height: r })
       }
     );
   if (o.type === "FORM")
     return /* @__PURE__ */ n(
-      t,
+      c,
       {
         fallbackColor: "var(--default-form-icon-color)",
         icon: o.icon,
-        fallback: /* @__PURE__ */ n(v, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(z, { width: r, height: r })
       }
     );
   if (o.type === "FLOW")
     return /* @__PURE__ */ n(
-      t,
+      c,
       {
         icon: o.icon,
         fallbackColor: "var(--default-flow-icon-color)",
-        fallback: /* @__PURE__ */ n(I, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(v, { width: r, height: r })
       }
     );
   if (o.type === "SPRINT") {
-    const e = i.parse(o.icon);
+    const e = i.parse(o.icon), t = s(e?.color) ? e.color : l.SPRINT_COLOR;
     return /* @__PURE__ */ n(
-      c,
+      a,
       {
         fz: r,
-        c: e?.color || "yellow.6",
+        c: t,
         style: {
           display: "flex",
           alignItems: "center",
@@ -60,14 +61,14 @@ const w = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?
           lineHeight: "normal",
           width: r + 4
         },
-        children: /* @__PURE__ */ n(C, {})
+        children: /* @__PURE__ */ n(O, {})
       }
     );
   }
   if (o.type === "PROJECT") {
     const e = i.parse(o.icon);
     return e?.emoji ? /* @__PURE__ */ n(
-      u,
+      y,
       {
         bg: "gray.1",
         style: {
@@ -79,7 +80,7 @@ const w = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?
           height: r
         },
         children: /* @__PURE__ */ n(
-          t,
+          c,
           {
             p: 0,
             icon: o.icon,
@@ -89,7 +90,7 @@ const w = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?
         )
       }
     ) : /* @__PURE__ */ n(
-      h,
+      g,
       {
         variant: "filled",
         radius: 4,
@@ -97,7 +98,7 @@ const w = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?
         size: o.size ?? 16,
         color: e?.color || "initials",
         children: /* @__PURE__ */ n(
-          c,
+          a,
           {
             fz: o.fz ?? 12,
             fw: 500,
@@ -109,31 +110,31 @@ const w = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?
               justifyContent: "center",
               lineHeight: "normal"
             },
-            children: F(e, void 0, !0, o.title)
+            children: E(e, void 0, !0, o.title)
           }
         )
       }
     );
   }
   return null;
-}, x = ({
+}, S = ({
   color: o,
   size: r,
   opened: e
 }) => {
-  const l = y(), s = g({
+  const t = I(), d = C({
     color: o || "gray",
-    theme: l
+    theme: t
   });
   return /* @__PURE__ */ n(
-    a,
+    f,
     {
-      color: s.value || void 0,
-      icon: e ? d : p,
+      color: d.value || void 0,
+      icon: e ? u : h,
       size: r
     }
   );
 };
 export {
-  m as EntityIcon
+  H as EntityIcon
 };

package/dist/constants.js

@@ -14,7 +14,7 @@ const r = [
     return this.COLORS[1];
   },
   get FOLDER_COLOR() {
-    return this.COLORS[5];
+    return this.COLORS[8];
   },
   get PROJECT_COLOR() {
     return this.COLORS[1];

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

@@ -1 +1 @@
-{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,EACL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAKhC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAetD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC,CAAC;AAmEF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAwCF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAqCF,eAAO,MAAM,yBAAyB,GACpC,OAAO,wBAAwB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,SAMjD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,SAKpE,CAAC"}
+{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,EAAE,gBAAgB,EAAiB,MAAM,wBAAwB,CAAC;AAKzE,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAetD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC,CAAC;AA4BF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAkCF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAwBF,eAAO,MAAM,yBAAyB,GACpC,OAAO,wBAAwB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,SAMjD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,SAKpE,CAAC"}

package/dist/helpers/showNotifications.js

@@ -1,15 +1,15 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { InformationCircleIcon as I, CheckmarkCircle02Icon as b, Alert01Icon as y, Alert02Icon as B } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as d } from "@hugeicons/react";
-import { CloseButton as k, Box as u, Button as S } from "@mantine/core";
-import { showNotification as x, notifications as w } from "@mantine/notifications";
-import { isFunction as h, isObject as N } from "lodash-es";
-import c from "./showNotifications.module.css.js";
-let z = 0;
-const M = /* @__PURE__ */ t(d, { icon: b, size: 14, color: "white" }), O = /* @__PURE__ */ t(d, { icon: B, size: 14, color: "white" }), R = /* @__PURE__ */ t(d, { icon: y, size: 14, color: "white" }), g = /* @__PURE__ */ t(d, { icon: I, size: 14, color: "white" }), v = (o, n) => n?.length ? /* @__PURE__ */ l(u, { children: [
-  /* @__PURE__ */ t(u, { children: o }),
-  /* @__PURE__ */ t(u, { className: c.actions, children: n.map((i, e) => /* @__PURE__ */ t(
-    S,
+import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { InformationCircleIcon as N, CheckmarkCircle02Icon as y, Alert01Icon as B, Alert02Icon as b } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as a } from "@hugeicons/react";
+import { Box as u, Button as z } from "@mantine/core";
+import { notifications as h } from "@mantine/notifications";
+import { isFunction as f, isObject as d } from "lodash-es";
+import l from "./showNotifications.module.css.js";
+let M = 0;
+const O = /* @__PURE__ */ e(a, { icon: y, size: 14, color: "white" }), k = /* @__PURE__ */ e(a, { icon: b, size: 14, color: "white" }), x = /* @__PURE__ */ e(a, { icon: B, size: 14, color: "white" }), w = /* @__PURE__ */ e(a, { icon: N, size: 14, color: "white" }), g = (o, t) => t?.length ? /* @__PURE__ */ I(u, { children: [
+  /* @__PURE__ */ e(u, { children: o }),
+  /* @__PURE__ */ e(u, { className: l.actions, children: t.map((i, s) => /* @__PURE__ */ e(
+    z,
     {
       size: "compact-sm",
       variant: i.variant ?? "default",
@@ -17,150 +17,98 @@ const M = /* @__PURE__ */ t(d, { icon: b, size: 14, color: "white" }), O = /* @_
       radius: "md",
       children: i.label
     },
-    e
+    s
   )) })
-] }) : o;
-function C({
-  id: o,
-  title: n,
-  icon: i,
-  children: e
-}) {
-  return /* @__PURE__ */ l("div", { className: c.root, children: [
-    /* @__PURE__ */ l("div", { className: n ? c.contentRow : c.contentRowCentered, children: [
-      /* @__PURE__ */ t("div", { className: c.icon, children: i }),
-      /* @__PURE__ */ l("div", { className: c.body, children: [
-        n && /* @__PURE__ */ t("div", { className: c.title, children: n }),
-        e && /* @__PURE__ */ t(
-          "div",
-          {
-            className: n ? c.description : c.descriptionWithoutTitle,
-            children: e
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ t("div", { className: c.closeButtonWrapper, children: /* @__PURE__ */ t(
-      k,
-      {
-        className: c.closeButton,
-        size: 24,
-        onClick: () => w.hide(o)
-      }
-    ) })
-  ] });
-}
-const D = (o, n = {}) => {
-  const { successMsg: i, errorMsg: e } = n;
-  return o.then((r) => {
+] }) : o, R = (o, t = {}) => {
+  const { successMsg: i, errorMsg: s } = t;
+  return o.then((c) => {
     if (i) {
-      const s = h(i) ? i(r) : i, a = {
-        id: n.notifyId,
-        ...N(s) ? s : { message: s }
+      const n = f(i) ? i(c) : i, r = {
+        id: t.notifyId,
+        ...d(n) ? n : { message: n }
       };
-      j(a);
+      j(r);
     }
-    return r;
-  }).catch((r) => {
-    if (e) {
-      const s = h(e) ? e(r) : e, a = {
-        id: n.notifyId,
-        ...N(s) ? s : { message: s }
+    return c;
+  }).catch((c) => {
+    if (s) {
+      const n = f(s) ? s(c) : s, r = {
+        id: t.notifyId,
+        ...d(n) ? n : { message: n }
       };
-      q(a);
+      v(r);
     }
-    return r;
+    return c;
   });
-}, m = (o, n) => {
-  const { actions: i, title: e, message: r, onClose: s, ...a } = o, p = `ntf-${++z}`, f = a.id ?? p;
-  x({
-    color: n.color,
+}, p = {
+  root: l.root,
+  icon: l.icon,
+  title: l.title,
+  description: l.description
+}, m = (o, t) => {
+  const { actions: i, message: s, onClose: c, ...n } = o, r = `ntf-${++M}`, C = n.id ?? r;
+  h.show({
+    color: t.color,
     radius: 12,
-    ...a,
-    id: f,
-    icon: void 0,
-    title: void 0,
-    withCloseButton: !1,
-    withBorder: !1,
-    p: 0,
-    classNames: { root: c.mantineRoot },
-    styles: {
-      root: { background: "none", border: "none", boxShadow: "none" },
-      body: { margin: 0 }
-    },
+    p: "sm",
+    ...n,
+    id: C,
+    icon: t.icon,
+    withCloseButton: !0,
+    withBorder: !0,
+    classNames: p,
     onClose: () => {
-      s?.(o);
+      c?.(o);
     },
-    message: /* @__PURE__ */ t(
-      C,
-      {
-        id: f,
-        title: e,
-        icon: n.icon,
-        children: v(r, i)
-      }
-    )
+    message: g(s, i)
   });
-}, G = (o) => {
+}, $ = (o) => {
   m(o, {
-    color: "var(--mantine-color-blue-outline)",
-    icon: g
+    color: "blue",
+    icon: w
   });
-}, W = (o, n) => {
-  const { actions: i, title: e, message: r, onClose: s, ...a } = o;
-  w.update({
-    color: n.color,
+}, S = (o, t) => {
+  const { actions: i, message: s, onClose: c, ...n } = o;
+  h.update({
+    color: t.color,
     radius: 12,
-    ...a,
-    icon: void 0,
-    title: void 0,
-    withCloseButton: !1,
-    withBorder: !1,
-    p: 0,
-    classNames: { root: c.mantineRoot },
-    styles: {
-      root: { background: "none", border: "none", boxShadow: "none" },
-      body: { margin: 0 }
-    },
+    p: "sm",
+    ...n,
+    icon: t.icon,
+    withCloseButton: !0,
+    withBorder: !0,
+    classNames: p,
     onClose: () => {
-      s?.(o);
+      c?.(o);
     },
-    message: /* @__PURE__ */ t(
-      C,
-      {
-        id: o.id,
-        title: e,
-        icon: n.icon,
-        children: v(r, i)
-      }
-    )
+    message: g(s, i)
   });
-}, J = (o) => {
-  W(o, {
+}, D = (o) => {
+  S(o, {
     color: "var(--mantine-color-blue-outline)",
-    icon: g
+    icon: w
   });
 }, j = (o) => {
   m(o, {
-    color: "var(--mantine-color-green-outline)",
-    icon: M
+    color: "green",
+    icon: O
   });
-}, K = (o) => {
+}, G = (o) => {
   m(o, {
-    color: "var(--mantine-color-yellow-outline)",
-    icon: R
+    color: "yellow",
+    icon: x
   });
-}, q = (o) => {
+}, v = (o) => {
   m(o, {
-    color: "var(--mantine-color-red-outline)",
-    icon: O
+    color: "red",
+    icon: k
   });
 };
 export {
-  q as showErrorNotification,
-  G as showMessageNotification,
-  D as showRequestNotifications,
+  v as showErrorNotification,
+  $ as showMessageNotification,
+  R as showRequestNotifications,
   j as showSuccessNotification,
-  K as showWarningNotification,
-  J as updateMessageNotification
+  G as showWarningNotification,
+  D as updateMessageNotification
 };

package/dist/helpers/showNotifications.module.css.js

@@ -1,29 +1,15 @@
-const t = "_mantineRoot_mgqj0_1", o = "_root_mgqj0_9", n = "_contentRow_mgqj0_31", e = "_contentRowCentered_mgqj0_41", c = "_icon_mgqj0_51", _ = "_body_mgqj0_77", s = "_title_mgqj0_87", i = "_description_mgqj0_111", r = "_descriptionWithoutTitle_mgqj0_123", m = "_closeButtonWrapper_mgqj0_137", l = "_closeButton_mgqj0_137", d = "_actions_mgqj0_157", p = {
-  mantineRoot: t,
-  root: o,
-  contentRow: n,
-  contentRowCentered: e,
-  icon: c,
-  body: _,
-  title: s,
-  description: i,
-  descriptionWithoutTitle: r,
-  closeButtonWrapper: m,
-  closeButton: l,
-  actions: d
+const t = "_root_zr3bj_1", o = "_icon_zr3bj_15", c = "_title_zr3bj_49", s = "_description_zr3bj_65", i = "_actions_zr3bj_77", n = {
+  root: t,
+  icon: o,
+  title: c,
+  description: s,
+  actions: i
 };
 export {
-  d as actions,
-  _ as body,
-  l as closeButton,
-  m as closeButtonWrapper,
-  n as contentRow,
-  e as contentRowCentered,
-  p as default,
-  i as description,
-  r as descriptionWithoutTitle,
-  c as icon,
-  t as mantineRoot,
-  o as root,
-  s as title
+  i as actions,
+  n as default,
+  s as description,
+  o as icon,
+  t as root,
+  c as title
 };