@layers-app/shared 0.2.4 → 0.2.6

package/dist/components/AttachmentsPreview/AttachmentsPreview.js

@@ -1,19 +1,19 @@
-import { jsxs as n, Fragment as b, jsx as r } from "react/jsx-runtime";
-import { Download01Icon as C } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as k } from "@hugeicons/react";
-import { Stack as g, Grid as x, Box as p, Image as F, LoadingOverlay as v, ActionIcon as h, CloseIcon as f, Flex as z, Text as I } from "@mantine/core";
+import { jsxs as n, Fragment as C, jsx as r } from "react/jsx-runtime";
+import { Download01Icon as g } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as x } from "@hugeicons/react";
+import { Stack as v, Grid as z, Box as h, Image as F, LoadingOverlay as f, ActionIcon as c, CloseIcon as I, Flex as y, Text as N } from "@mantine/core";
 import { useDisclosure as M } from "@mantine/hooks";
 import { getFileIcons as P } from "../../helpers/getFileIcons.js";
 import { getFileType as A } from "../../helpers/getFileType.js";
 import { AttachmentsGalleryModal as B } from "../AttachmentsGalleryModal/AttachmentsGalleryModal.js";
 import t from "./AttachmentsPreview.module.css.js";
 const U = ({
-  files: a,
+  files: o,
   onRemove: i,
-  mode: o,
+  mode: a,
   parentIsExisting: u
 }) => {
-  const [y, { open: w, close: N }] = M(!1), s = a.filter((e) => e.isImage), c = a.filter((e) => !e.isImage), D = s.map((e) => ({
+  const [T, { open: w, close: b }] = M(!1), s = o.filter((e) => e.isImage), d = o.filter((e) => !e.isImage), D = s.map((e) => ({
     id: e.id,
     Url: e.url,
     contentType: "image",
@@ -30,15 +30,15 @@ const U = ({
     version: 1,
     deleted: !1,
     deletedAt: /* @__PURE__ */ new Date()
-  })), d = s.every((e) => !e.isTemp), T = () => {
-    d && w();
+  })), m = s.every((e) => !e.isTemp), k = () => {
+    m && w();
   };
-  return a.length === 0 ? null : /* @__PURE__ */ n(b, { children: [
-    /* @__PURE__ */ n(g, { gap: "10px", w: "100%", tabIndex: 0, children: [
-      s.length > 0 && /* @__PURE__ */ r(x, { gutter: "xs", children: s.map((e) => {
-        const l = a.indexOf(e);
-        return /* @__PURE__ */ r(x.Col, { span: "content", children: /* @__PURE__ */ n(
-          p,
+  return o.length === 0 ? null : /* @__PURE__ */ n(C, { children: [
+    /* @__PURE__ */ n(v, { gap: "10px", w: "100%", tabIndex: 0, children: [
+      s.length > 0 && /* @__PURE__ */ r(z, { gutter: "xs", children: s.map((e) => {
+        const l = o.indexOf(e);
+        return /* @__PURE__ */ r(z.Col, { span: "content", children: /* @__PURE__ */ n(
+          h,
           {
             w: 56,
             h: 56,
@@ -54,113 +54,139 @@ const U = ({
                   fit: "cover",
                   radius: "sm",
                   style: {
-                    cursor: d ? "zoom-in" : "default"
+                    cursor: m ? "zoom-in" : "default"
                   },
-                  onClick: () => T()
+                  onClick: () => k()
                 }
               ),
               /* @__PURE__ */ r(
-                v,
+                f,
                 {
-                  visible: e.isTemp && o === "view" && u,
+                  visible: e.isTemp && a === "view" && u,
                   loaderProps: { size: 20 }
                 }
               ),
-              o === "draft" && i && /* @__PURE__ */ r(
-                h,
+              a === "view" && !e.isTemp && /* @__PURE__ */ r(
+                c,
+                {
+                  component: "a",
+                  size: "20px",
+                  href: e.url,
+                  download: e.name,
+                  rel: "noopener noreferrer",
+                  variant: "subtle",
+                  color: "white",
+                  top: 2,
+                  right: 2,
+                  bg: "var(--mantine-color-dark-filled, #2E2E2E)",
+                  className: t.downloadButton,
+                  children: /* @__PURE__ */ r(x, { size: 16, icon: g })
+                }
+              ),
+              a === "draft" && i && /* @__PURE__ */ r(
+                c,
                 {
                   size: "20px",
                   radius: "xl",
                   variant: "filled",
-                  onMouseDown: (m) => m.preventDefault(),
+                  onMouseDown: (p) => p.preventDefault(),
                   pos: "absolute",
                   color: "dark",
                   onClick: () => i(l),
                   className: t.deleteButton,
-                  children: /* @__PURE__ */ r(f, { size: "12px" })
+                  children: /* @__PURE__ */ r(I, { size: "12px" })
                 }
               )
             ]
           }
         ) }, e.id);
       }) }),
-      c.length > 0 && /* @__PURE__ */ r(
-        p,
+      d.length > 0 && /* @__PURE__ */ r(
+        h,
         {
           w: "100%",
           className: t.filePreviewList,
-          "data-many": c.length >= 4,
-          children: c.map((e) => {
-            const l = a.indexOf(e);
-            return /* @__PURE__ */ n(p, { className: t.filePreviewWrapper, children: [
+          "data-many": d.length >= 4,
+          children: d.map((e) => {
+            const l = o.indexOf(e);
+            return /* @__PURE__ */ n(h, { className: t.filePreviewWrapper, children: [
               /* @__PURE__ */ r(
-                v,
+                f,
                 {
-                  visible: e.isTemp && o === "view" && u,
+                  visible: e.isTemp && a === "view" && u,
                   loaderProps: { size: 20 }
                 }
               ),
-              /* @__PURE__ */ n(z, { align: "center", justify: "space-between", wrap: "nowrap", children: [
-                /* @__PURE__ */ n(
-                  z,
-                  {
-                    align: "center",
-                    gap: "xs",
-                    wrap: "nowrap",
-                    flex: 1,
-                    miw: 0,
-                    children: [
-                      P(A(e.type), !1, 36),
-                      /* @__PURE__ */ n(g, { gap: 0, flex: 1, miw: 0, children: [
-                        /* @__PURE__ */ r(
-                          I,
-                          {
-                            size: "sm",
-                            truncate: !0,
-                            title: e.name,
-                            className: t.fileDownloadName,
-                            component: "a",
-                            href: e.url,
-                            download: e.name,
-                            rel: "noopener noreferrer",
-                            w: "fit-content",
-                            children: e.name
-                          }
-                        ),
-                        /* @__PURE__ */ n(I, { size: "xs", c: "dimmed", children: [
-                          Math.round(e.size / 1024),
-                          " KB"
-                        ] })
-                      ] })
-                    ]
-                  }
-                ),
-                o === "view" && !e.isTemp && /* @__PURE__ */ r(
-                  h,
-                  {
-                    component: "a",
-                    href: e.url,
-                    download: e.name,
-                    rel: "noopener noreferrer",
-                    variant: "subtle",
-                    color: "gray",
-                    size: "sm",
-                    className: t.downloadButton,
-                    children: /* @__PURE__ */ r(k, { size: 16, icon: C })
-                  }
-                )
-              ] }),
-              o === "draft" && i && /* @__PURE__ */ r(
-                h,
+              /* @__PURE__ */ n(
+                y,
+                {
+                  align: "center",
+                  justify: "space-between",
+                  wrap: "nowrap",
+                  gap: 2,
+                  children: [
+                    /* @__PURE__ */ n(
+                      y,
+                      {
+                        align: "center",
+                        gap: "xs",
+                        wrap: "nowrap",
+                        flex: 1,
+                        miw: 0,
+                        children: [
+                          P(A(e.type), !1, 36),
+                          /* @__PURE__ */ n(v, { gap: 0, flex: 1, miw: 0, children: [
+                            /* @__PURE__ */ r(
+                              N,
+                              {
+                                size: "sm",
+                                truncate: !0,
+                                title: e.name,
+                                className: t.fileDownloadName,
+                                component: "a",
+                                href: e.url,
+                                download: e.name,
+                                rel: "noopener noreferrer",
+                                w: "fit-content",
+                                children: e.name
+                              }
+                            ),
+                            /* @__PURE__ */ n(N, { size: "xs", c: "dimmed", children: [
+                              Math.round(e.size / 1024),
+                              " KB"
+                            ] })
+                          ] })
+                        ]
+                      }
+                    ),
+                    a === "view" && !e.isTemp && /* @__PURE__ */ r(
+                      c,
+                      {
+                        component: "a",
+                        href: e.url,
+                        download: e.name,
+                        rel: "noopener noreferrer",
+                        variant: "subtle",
+                        color: "gray",
+                        size: "sm",
+                        className: t.downloadButton,
+                        children: /* @__PURE__ */ r(x, { size: 16, icon: g })
+                      }
+                    )
+                  ]
+                }
+              ),
+              a === "draft" && i && /* @__PURE__ */ r(
+                c,
                 {
                   size: "xs",
                   radius: "xl",
-                  onMouseDown: (m) => m.preventDefault(),
+                  onMouseDown: (p) => p.preventDefault(),
                   variant: "filled",
                   color: "dark",
                   onClick: () => i(l),
                   className: t.deleteButton,
-                  children: /* @__PURE__ */ r(f, { size: "12px" })
+                  children: /* @__PURE__ */ r(I, { size: "12px" })
                 }
               )
             ] }, e.id);
@@ -168,11 +194,11 @@ const U = ({
         }
       )
     ] }),
-    d && /* @__PURE__ */ r(
+    m && /* @__PURE__ */ r(
       B,
       {
-        opened: y,
-        onOpenChange: (e) => e ? w() : N(),
+        opened: T,
+        onOpenChange: (e) => e ? w() : b(),
         attachments: D
       }
     )

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

@@ -1,17 +1,17 @@
-const e = "_imagePreviewWrapper_14r3g_1", r = "_deleteButton_14r3g_8", t = "_downloadButton_14r3g_19", o = "_filePreviewList_14r3g_31", i = "_fileDownloadName_14r3g_45", a = "_filePreviewWrapper_14r3g_50", l = {
+const e = "_imagePreviewWrapper_qqm20_1", t = "_deleteButton_qqm20_6", o = "_downloadButton_qqm20_13", i = "_filePreviewList_qqm20_32", r = "_fileDownloadName_qqm20_45", a = "_filePreviewWrapper_qqm20_51", l = {
   imagePreviewWrapper: e,
-  deleteButton: r,
-  downloadButton: t,
-  filePreviewList: o,
-  fileDownloadName: i,
+  deleteButton: t,
+  downloadButton: o,
+  filePreviewList: i,
+  fileDownloadName: r,
   filePreviewWrapper: a
 };
 export {
   l as default,
-  r as deleteButton,
-  t as downloadButton,
-  i as fileDownloadName,
-  o as filePreviewList,
+  t as deleteButton,
+  o as downloadButton,
+  r as fileDownloadName,
+  i as filePreviewList,
   a as filePreviewWrapper,
   e as imagePreviewWrapper
 };

package/dist/components/BouncingLogo/BouncingLogo.d.ts

@@ -1,4 +1,8 @@
-export declare const BouncingLogo: ({ c }: {
+import { appMode } from '../../helpers/isAppMode';
+type BouncingLogoProps = {
     c?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+    appMode?: appMode | null;
+};
+export declare const BouncingLogo: ({ c, appMode }: BouncingLogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=BouncingLogo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BouncingLogo.d.ts","sourceRoot":"","sources":["../../../src/components/BouncingLogo/BouncingLogo.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,GAAI,OAAO;IAAE,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,4CAoBjD,CAAC"}
+{"version":3,"file":"BouncingLogo.d.ts","sourceRoot":"","sources":["../../../src/components/BouncingLogo/BouncingLogo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAa,MAAM,yBAAyB,CAAC;AAM7D,KAAK,iBAAiB,GAAG;IACvB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,gBAAgB,iBAAiB,4CAmB7D,CAAC"}

package/dist/components/BouncingLogo/BouncingLogo.js

@@ -1,23 +1,22 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { Box as a } from "@mantine/core";
-import { isAppMode as c } from "../../helpers/isAppMode.js";
-import { useIsDarkTheme as n } from "../../helpers/themeUtils.js";
-import { useAppContainerDataStore as d } from "../AppContainer/hooks/useAppContainerDataStore.js";
-import { Logotype as f } from "../Logotype.js";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { Box as t } from "@mantine/core";
+import { isAppMode as a } from "../../helpers/isAppMode.js";
+import { useIsDarkTheme as c } from "../../helpers/themeUtils.js";
+import { Logotype as d } from "../Logotype.js";
 import o from "./BouncingLogo.module.css.js";
-const x = ({ c: e }) => {
-  const i = n(), t = d((m) => m.user), s = c(t.mode, "DESKTOP");
-  return /* @__PURE__ */ p(a, { className: o.wrapper, children: [
-    /* @__PURE__ */ r("div", { className: `${o.logo} ${s ? o.desktop : ""}`, children: /* @__PURE__ */ r(
-      f,
+const u = ({ c: r, appMode: i }) => {
+  const m = c(), s = a(i || "SAAS", "DESKTOP");
+  return /* @__PURE__ */ p(t, { className: o.wrapper, children: [
+    /* @__PURE__ */ e("div", { className: `${o.logo} ${s ? o.desktop : ""}`, children: /* @__PURE__ */ e(
+      d,
       {
         isLink: !1,
-        c: e || (i ? "white" : "black"),
+        c: r || (m ? "white" : "black"),
         minified: !0,
         isDesktop: s
       }
     ) }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ e(
       "div",
       {
         className: `${o.shadow} ${s ? o.desktopShadow : ""}`
@@ -26,5 +25,5 @@ const x = ({ c: e }) => {
   ] });
 };
 export {
-  x as BouncingLogo
+  u as BouncingLogo
 };

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

@@ -1,13 +1,15 @@
-const o = "_logo_1htuf_1", s = "_desktop_1htuf_12", t = "_shadow_1htuf_23", d = "_desktopShadow_1htuf_36", _ = {
-  logo: o,
-  desktop: s,
-  shadow: t,
-  desktopShadow: d
+const o = "_wrapper_1y9p0_1", s = "_logo_1y9p0_8", p = "_desktop_1y9p0_23", _ = "_shadow_1y9p0_37", t = "_desktopShadow_1y9p0_50", d = {
+  wrapper: o,
+  logo: s,
+  desktop: p,
+  shadow: _,
+  desktopShadow: t
 };
 export {
-  _ as default,
-  s as desktop,
-  d as desktopShadow,
-  o as logo,
-  t as shadow
+  d as default,
+  p as desktop,
+  t as desktopShadow,
+  s as logo,
+  _ as shadow,
+  o as wrapper
 };

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -3,6 +3,7 @@ interface ColorCircleProps extends Omit<ColorSwatchProps, 'color'>, Omit<React.C
     value?: string | null;
     isActive?: boolean;
     swatchShape?: 'circle' | 'square';
+    withTick?: boolean;
 }
 export declare const ColorCircle: import("react").ForwardRefExoticComponent<ColorCircleProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ColorPicker: import("react").ForwardRefExoticComponent<{
@@ -11,6 +12,7 @@ export declare const ColorPicker: import("react").ForwardRefExoticComponent<{
     allowCustomColor?: boolean;
     colors?: string[];
     swatchShape?: "circle" | "square";
+    withTick?: boolean;
     fullWidth?: boolean;
     swatchSize?: number;
 } & Omit<FlexProps, "onChange"> & import("react").RefAttributes<HTMLDivElement>> & {

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AA4GvB,UAAU,gBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EACrC,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,MAAM,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CACtC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,6GAwCvB,CAAC;AASF,eAAO,MAAM,WAAW;YAjKd,MAAM,GAAG,IAAI;eACV,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;uBACX,OAAO;aACjB,MAAM,EAAE;kBACH,QAAQ,GAAG,QAAQ;gBACrB,OAAO;iBACN,MAAM;;;CA6JnB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AA+GvB,UAAU,gBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EACrC,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,MAAM,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CACtC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,6GA2CvB,CAAC;AASF,eAAO,MAAM,WAAW;YAxKd,MAAM,GAAG,IAAI;eACV,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;uBACX,OAAO;aACjB,MAAM,EAAE;kBACH,QAAQ,GAAG,QAAQ;eACtB,OAAO;gBACN,OAAO;iBACN,MAAM;;;CAmKnB,CAAC"}

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,27 +1,30 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as f, useState as p } from "react";
-import { useMantineTheme as C, Flex as a, Tooltip as L, ColorSwatch as P, getThemeColor as u, parseThemeColor as j, ColorInput as z, ActionIcon as h } from "@mantine/core";
-import { IconPalette as A, IconPencil as E } from "@tabler/icons-react";
-import R from "styled-components";
-import { DEFAULT_VALUES as c } from "../../constants.js";
-const T = f(
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as C, useState as u } from "react";
+import { Tick02Icon as P } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as T } from "@hugeicons/react";
+import { useMantineTheme as x, Flex as p, Tooltip as j, ColorSwatch as v, getThemeColor as f, parseThemeColor as E, ColorInput as R, ActionIcon as h } from "@mantine/core";
+import { IconPalette as A, IconPencil as D } from "@tabler/icons-react";
+import F from "styled-components";
+import { DEFAULT_VALUES as a } from "../../constants.js";
+const H = C(
   ({
     value: e,
-    onChange: t,
+    onChange: o,
     allowCustomColor: i,
     colors: l,
     swatchShape: s = "circle",
+    withTick: c = !1,
     fullWidth: n = !1,
     swatchSize: b = 30,
-    ...g
-  }, w) => {
-    const y = C(), S = j({
-      color: e || c.COLORS[0],
-      theme: y
-    }), [O, k] = p(S.value), [v, m] = p(!1);
-    return v ? /* @__PURE__ */ d(a, { align: "center", mih: 30, children: [
+    ...w
+  }, y) => {
+    const S = x(), I = E({
+      color: e || a.COLORS[0],
+      theme: S
+    }), [O, k] = u(I.value), [z, d] = u(!1);
+    return z ? /* @__PURE__ */ m(p, { align: "center", mih: 30, children: [
       /* @__PURE__ */ r(
-        z,
+        R,
         {
           w: "100%",
           popoverProps: {
@@ -33,7 +36,7 @@ const T = f(
           size: "xs",
           value: O,
           onChange: k,
-          onChangeEnd: t,
+          onChangeEnd: o,
           placeholder: "Select custom color"
         }
       ),
@@ -43,31 +46,32 @@ const T = f(
           radius: "xl",
           variant: "default",
           color: "gray",
-          onClick: () => m(!1),
+          onClick: () => d(!1),
           children: /* @__PURE__ */ r(A, { size: 16 })
         }
       )
-    ] }, 1) : /* @__PURE__ */ d(
-      a,
+    ] }, 1) : /* @__PURE__ */ m(
+      p,
       {
-        ref: w,
-        ...g,
+        ref: y,
+        ...w,
         justify: n ? "space-between" : "flex-start",
         align: "center",
         mih: 32,
         children: [
-          (l || c.COLORS).map((o) => {
-            const I = o === e || !e && o === c.COLORS[0];
+          (l || a.COLORS).map((t) => {
+            const L = t === e || !e && t === a.COLORS[0];
             return /* @__PURE__ */ r(
-              D,
+              M,
               {
-                value: o,
-                isActive: I,
+                value: t,
+                isActive: L,
                 size: b - 4,
                 swatchShape: s,
-                onClick: () => t?.(o)
+                withTick: c,
+                onClick: () => o?.(t)
               },
-              o
+              t
             );
           }),
           i && /* @__PURE__ */ r(
@@ -76,8 +80,8 @@ const T = f(
               radius: "xl",
               variant: "default",
               color: "gray",
-              onClick: () => m(!0),
-              children: /* @__PURE__ */ r(E, { size: 16 })
+              onClick: () => d(!0),
+              children: /* @__PURE__ */ r(D, { size: 16 })
             }
           )
         ]
@@ -85,47 +89,50 @@ const T = f(
       2
     );
   }
-), x = f(
-  ({ value: e, isActive: t, swatchShape: i, ...l }, s) => {
-    const n = C();
-    return /* @__PURE__ */ r(a, { miw: 32, justify: "center", align: "center", children: /* @__PURE__ */ r(L, { label: e || "", withArrow: !0, children: /* @__PURE__ */ r(
-      P,
+), g = C(
+  ({ value: e, isActive: o, swatchShape: i, withTick: l, ...s }, c) => {
+    const n = x();
+    return /* @__PURE__ */ r(p, { miw: 32, justify: "center", align: "center", children: /* @__PURE__ */ r(j, { label: e || "", withArrow: !0, children: /* @__PURE__ */ m(
+      v,
       {
-        ref: s,
-        color: e ? u(e, n) : "",
+        ref: c,
+        color: e ? f(e, n) : "",
         radius: i === "circle" ? "xl" : "sm",
         style: {
           cursor: "pointer",
           color: "var(--mantine-color-white)"
         },
-        ...l,
-        children: t && /* @__PURE__ */ r(
-          "span",
-          {
-            style: {
-              position: "absolute",
-              top: -3,
-              left: -3,
-              right: -3,
-              bottom: -3,
-              border: `1px solid ${e ? u(e, n) : ""}`,
-              borderRadius: i === "circle" ? "var(--mantine-radius-xl)" : "var(--mantine-radius-sm)",
-              pointerEvents: "none",
-              boxSizing: "border-box"
+        ...s,
+        children: [
+          o && /* @__PURE__ */ r(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                top: -4,
+                left: -4,
+                right: -4,
+                bottom: -4,
+                border: `2px solid ${e ? f(e, n) : ""}`,
+                borderRadius: i === "circle" ? "var(--mantine-radius-xl)" : "var(--mantine-radius-sm)",
+                pointerEvents: "none",
+                boxSizing: "border-box"
+              }
             }
-          }
-        )
+          ),
+          l && o && /* @__PURE__ */ r(T, { size: 20, icon: P })
+        ]
       }
     ) }) });
   }
-), D = R(x)`
+), M = F(g)`
   .mantine-ColorSwatch-colorOverlay {
     border-radius: ${({ swatchShape: e }) => e === "square" ? "3px" : "50%"};
   }
-`, V = Object.assign(T, {
-  ColorCircle: x
+`, K = Object.assign(H, {
+  ColorCircle: g
 });
 export {
-  x as ColorCircle,
-  V as ColorPicker
+  g as ColorCircle,
+  K as ColorPicker
 };

package/dist/components/CommentComposer/CommentEditorHotkeys.js

@@ -29,7 +29,7 @@ const W = ({
     const o = a.current;
     o && setTimeout(() => {
       o.focus(() => ({ defaultSelection: "rootEnd" }));
-    }, 0);
+    }, 100);
   }, []), m(() => {
     const o = a.current;
     if (!o) return;

package/dist/components/CommunitiesDialog/styles.module.css.js

@@ -1,4 +1,4 @@
-const s = "_section_ew7ws_3", t = {
+const s = "_section_s7rqu_1", t = {
   section: s
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Copyright/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAOpD,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG,WAAW,CAwB5D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Copyright/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAQpD,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG,WAAW,CAwB5D,CAAC"}