@layers-app/shared 0.3.7 → 0.3.8

package/dist/components/AttachmentsPreview/AttachmentsPreview.js

@@ -6,11 +6,11 @@ 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";
+import a from "./AttachmentsPreview.module.css.js";
 const U = ({
   files: o,
   onRemove: i,
-  mode: a,
+  mode: t,
   parentIsExisting: u
 }) => {
   const [T, { open: w, close: b }] = M(!1), s = o.filter((e) => e.isImage), d = o.filter((e) => !e.isImage), D = s.map((e) => ({
@@ -35,7 +35,7 @@ const U = ({
   };
   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) => {
+      s.length > 0 && /* @__PURE__ */ r(z, { gap: "xs", children: s.map((e) => {
         const l = o.indexOf(e);
         return /* @__PURE__ */ r(z.Col, { span: "content", children: /* @__PURE__ */ n(
           h,
@@ -43,7 +43,7 @@ const U = ({
             w: 56,
             h: 56,
             pos: "relative",
-            className: t.imagePreviewWrapper,
+            className: a.imagePreviewWrapper,
             children: [
               /* @__PURE__ */ r(
                 F,
@@ -62,11 +62,11 @@ const U = ({
               /* @__PURE__ */ r(
                 f,
                 {
-                  visible: e.isTemp && a === "view" && u,
+                  visible: e.isTemp && t === "view" && u,
                   loaderProps: { size: 20 }
                 }
               ),
-              a === "view" && !e.isTemp && /* @__PURE__ */ r(
+              t === "view" && !e.isTemp && /* @__PURE__ */ r(
                 c,
                 {
                   component: "a",
@@ -79,11 +79,11 @@ const U = ({
                   top: 2,
                   right: 2,
                   bg: "var(--mantine-color-dark-filled, #2E2E2E)",
-                  className: t.downloadButton,
+                  className: a.downloadButton,
                   children: /* @__PURE__ */ r(x, { size: 16, icon: g })
                 }
               ),
-              a === "draft" && i && /* @__PURE__ */ r(
+              t === "draft" && i && /* @__PURE__ */ r(
                 c,
                 {
                   size: "20px",
@@ -93,7 +93,7 @@ const U = ({
                   pos: "absolute",
                   color: "dark",
                   onClick: () => i(l),
-                  className: t.deleteButton,
+                  className: a.deleteButton,
                   children: /* @__PURE__ */ r(I, { size: "12px" })
                 }
               )
@@ -105,15 +105,15 @@ const U = ({
         h,
         {
           w: "100%",
-          className: t.filePreviewList,
+          className: a.filePreviewList,
           "data-many": d.length >= 4,
           children: d.map((e) => {
             const l = o.indexOf(e);
-            return /* @__PURE__ */ n(h, { className: t.filePreviewWrapper, children: [
+            return /* @__PURE__ */ n(h, { className: a.filePreviewWrapper, children: [
               /* @__PURE__ */ r(
                 f,
                 {
-                  visible: e.isTemp && a === "view" && u,
+                  visible: e.isTemp && t === "view" && u,
                   loaderProps: { size: 20 }
                 }
               ),
@@ -134,7 +134,11 @@ const U = ({
                         flex: 1,
                         miw: 0,
                         children: [
-                          P(A(e.type), !1, 36),
+                          P(
+                            A(e.type, !1, e.name),
+                            !1,
+                            36
+                          ),
                           /* @__PURE__ */ n(v, { gap: 0, flex: 1, miw: 0, children: [
                             /* @__PURE__ */ r(
                               N,
@@ -142,7 +146,7 @@ const U = ({
                                 size: "sm",
                                 truncate: !0,
                                 title: e.name,
-                                className: t.fileDownloadName,
+                                className: a.fileDownloadName,
                                 component: "a",
                                 href: e.url,
                                 download: e.name,
@@ -159,7 +163,7 @@ const U = ({
                         ]
                       }
                     ),
-                    a === "view" && !e.isTemp && /* @__PURE__ */ r(
+                    t === "view" && !e.isTemp && /* @__PURE__ */ r(
                       c,
                       {
                         component: "a",
@@ -169,14 +173,14 @@ const U = ({
                         variant: "subtle",
                         color: "gray",
                         size: "sm",
-                        className: t.downloadButton,
+                        className: a.downloadButton,
                         children: /* @__PURE__ */ r(x, { size: 16, icon: g })
                       }
                     )
                   ]
                 }
               ),
-              a === "draft" && i && /* @__PURE__ */ r(
+              t === "draft" && i && /* @__PURE__ */ r(
                 c,
                 {
                   size: "xs",
@@ -185,7 +189,7 @@ const U = ({
                   variant: "filled",
                   color: "dark",
                   onClick: () => i(l),
-                  className: t.deleteButton,
+                  className: a.deleteButton,
                   children: /* @__PURE__ */ r(I, { size: "12px" })
                 }
               )

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

@@ -1,4 +1,4 @@
-const e = "_imagePreviewWrapper_1814g_1", t = "_deleteButton_1814g_11", o = "_downloadButton_1814g_25", i = "_filePreviewList_1814g_63", r = "_fileDownloadName_1814g_89", a = "_filePreviewWrapper_1814g_101", 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: t,
   downloadButton: o,

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

@@ -1,15 +1,15 @@
-const o = "_wrapper_1n4or_1", s = "_logo_1n4or_15", _ = "_desktop_1n4or_45", t = "_shadow_1n4or_73", d = "_desktopShadow_1n4or_99", p = {
+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: _,
-  shadow: t,
-  desktopShadow: d
+  desktop: p,
+  shadow: _,
+  desktopShadow: t
 };
 export {
-  p as default,
-  _ as desktop,
-  d as desktopShadow,
+  d as default,
+  p as desktop,
+  t as desktopShadow,
   s as logo,
-  t as shadow,
+  _ as shadow,
   o as wrapper
 };

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

@@ -1,4 +1,4 @@
-const o = "_accordionRoot_1of7x_1", c = "_accordionControl_1of7x_9", n = "_accordionItem_1of7x_17", t = {
+const o = "_accordionRoot_3pkfo_1", c = "_accordionControl_3pkfo_5", n = "_accordionItem_3pkfo_9", t = {
   accordionRoot: o,
   accordionControl: c,
   accordionItem: n

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

@@ -1,31 +1,29 @@
+import React from 'react';
 import { ColorSwatchProps, FlexProps } from '@mantine/core';
-import { ColorPickerList } from './ColorPickerList';
-import type { ColorItem } from './types';
-interface ColorCircleProps extends Omit<ColorSwatchProps, 'color'>, Omit<React.ComponentPropsWithoutRef<'div'>, keyof Omit<ColorSwatchProps, 'color'>> {
-    value?: string | null;
-    label?: string;
-    isActive?: boolean;
-    swatchShape?: 'circle' | 'square';
-    swatchVariant?: 'filled' | 'outline';
-    withTick?: boolean;
-    borderColor?: string;
-    bgColor?: string;
-}
-export declare const ColorCircle: import("react").ForwardRefExoticComponent<ColorCircleProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ColorPicker: import("react").ForwardRefExoticComponent<{
+type ColorPickerProps = {
+    ref?: React.Ref<HTMLDivElement>;
     value?: string | null;
     onChange?: (v: string) => void;
     allowCustomColor?: boolean;
-    colors?: ColorItem[];
-    swatchShape?: "circle" | "square";
-    swatchVariant?: "filled" | "outline";
+    colors?: string[];
+    swatchShape?: 'circle' | 'square';
     withTick?: boolean;
     fullWidth?: boolean;
     swatchSize?: number;
-} & Omit<FlexProps, "onChange"> & import("react").RefAttributes<HTMLDivElement>> & {
-    ColorCircle: import("react").ForwardRefExoticComponent<ColorCircleProps & import("react").RefAttributes<HTMLDivElement>>;
-    List: typeof ColorPickerList;
-    Toolbar: import("react").ForwardRefExoticComponent<import("./ColorPickerToolbar").ColorPickerToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<FlexProps, 'onChange'>;
+interface ColorCircleProps extends Omit<ColorSwatchProps, 'color'>, Omit<React.ComponentPropsWithoutRef<'div'>, keyof Omit<ColorSwatchProps, 'color'>> {
+    value?: string | null;
+    isActive?: boolean;
+    swatchShape?: 'circle' | 'square';
+    withTick?: boolean;
+}
+export declare const ColorCircle: ({ value, isActive, swatchShape, withTick, ref, ...props }: ColorCircleProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPicker: (({ value, onChange, allowCustomColor, colors, swatchShape, withTick, fullWidth, swatchSize, ref, ...props }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element) & {
+    ColorCircle: ({ value, isActive, swatchShape, withTick, ref, ...props }: ColorCircleProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};
 //# sourceMappingURL=ColorPicker.d.ts.map

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":"AAIA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiHzC,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,6GAmDvB,CAAC;AASF,eAAO,MAAM,WAAW;YAzLd,MAAM,GAAG,IAAI;eACV,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;uBACX,OAAO;aACjB,SAAS,EAAE;kBACN,QAAQ,GAAG,QAAQ;oBACjB,QAAQ,GAAG,SAAS;eACzB,OAAO;gBACN,OAAO;iBACN,MAAM;;;;;CAqLnB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AAMvB,KAAK,gBAAgB,GAAG;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AA4FhC,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,GAAI,2DAOzB,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,4CAgDxD,CAAC;AASF,eAAO,MAAM,WAAW,gHA3JrB,gBAAgB;6EAkGhB,gBAAgB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;KAAE;CA2DvD,CAAC"}

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,153 +1,145 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as y, useState as x } from "react";
-import { Tick02Icon as j } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as A } from "@hugeicons/react";
-import { useMantineTheme as w, getThemeColor as E, Flex as C, Tooltip as R, ColorSwatch as D, parseThemeColor as F, ColorInput as H, ActionIcon as v } from "@mantine/core";
-import { IconPalette as M, IconPencil as U } from "@tabler/icons-react";
-import V from "styled-components";
-import { DEFAULT_VALUES as g } from "../../constants.js";
-import { ColorPickerToolbar as q } from "./ColorPickerToolbar.js";
-import { ColorPickerList as _ } from "./ColorPickerList.js";
-import { normalizeColorItem as B } from "./types.js";
-const G = y(
-  ({
-    value: o,
-    onChange: l,
-    allowCustomColor: n,
-    colors: s,
-    swatchShape: a = "circle",
-    swatchVariant: m = "filled",
-    withTick: d = !1,
-    fullWidth: p = !1,
-    swatchSize: i = 30,
-    ...u
-  }, f) => {
-    const r = w(), t = F({
-      color: o || g.COLORS[0],
-      theme: r
-    }), [z, I] = x(t.value), [O, b] = x(!1);
-    return O ? /* @__PURE__ */ h(C, { align: "center", mih: 30, children: [
-      /* @__PURE__ */ e(
-        H,
-        {
-          w: "100%",
-          popoverProps: {
-            withinPortal: !1,
-            keepMounted: !1
-          },
-          maxLength: 7,
-          withEyeDropper: !1,
-          size: "xs",
-          value: z,
-          onChange: I,
-          onChangeEnd: l,
-          placeholder: "Select custom color"
-        }
-      ),
-      /* @__PURE__ */ e(
-        v,
-        {
-          radius: "xl",
-          variant: "default",
-          color: "gray",
-          onClick: () => b(!1),
-          children: /* @__PURE__ */ e(M, { size: 16 })
-        }
-      )
-    ] }, 1) : /* @__PURE__ */ h(
-      C,
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { useTranslation as P } from "react-i18next";
+import { Tick02Icon as T } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as z } from "@hugeicons/react";
+import { useMantineTheme as b, Flex as d, Tooltip as j, ColorSwatch as A, getThemeColor as C, parseThemeColor as E, ColorInput as R, ActionIcon as x } from "@mantine/core";
+import { IconPalette as U, IconPencil as $ } from "@tabler/icons-react";
+import v from "styled-components";
+import { DEFAULT_VALUES as p } from "../../constants.js";
+const D = ({
+  value: e,
+  onChange: r,
+  allowCustomColor: i,
+  colors: s,
+  swatchShape: l = "circle",
+  withTick: c = !1,
+  fullWidth: n = !1,
+  swatchSize: a = 30,
+  ref: m,
+  ...y
+}) => {
+  const w = b(), S = E({
+    color: e || p.COLORS[0],
+    theme: w
+  }), [k, I] = h(S.value), [O, f] = h(!1);
+  return O ? /* @__PURE__ */ u(d, { align: "center", mih: 30, children: [
+    /* @__PURE__ */ o(
+      R,
       {
-        ref: f,
-        ...u,
-        justify: p ? "space-between" : "flex-start",
-        align: "center",
-        children: [
-          (s || g.COLORS).map((P, S) => {
-            const { value: c, border: T, bg: L, label: $ } = B(P);
-            return /* @__PURE__ */ e(
-              J,
-              {
-                value: c,
-                label: $,
-                isActive: c === o,
-                size: i - 4,
-                swatchShape: a,
-                swatchVariant: m,
-                withTick: d,
-                borderColor: T,
-                bgColor: L,
-                onClick: () => l?.(c)
-              },
-              c || S
-            );
-          }),
-          n && /* @__PURE__ */ e(
-            v,
-            {
-              radius: "xl",
-              variant: "default",
-              color: "gray",
-              onClick: () => b(!0),
-              children: /* @__PURE__ */ e(U, { size: 16 })
-            }
-          )
-        ]
-      },
-      2
-    );
-  }
-), k = y(
-  ({ value: o, label: l, isActive: n, swatchShape: s, swatchVariant: a = "filled", withTick: m, borderColor: d, bgColor: p, ...i }, u) => {
-    const f = w(), r = o ? E(o, f) : "", t = a === "outline";
-    return /* @__PURE__ */ e(C, { w: i.size || 24, h: i.size || 24, justify: "center", align: "center", style: { position: "relative" }, children: /* @__PURE__ */ e(R, { label: l || o || "", withArrow: !0, children: /* @__PURE__ */ h(
-      D,
-      {
-        ref: u,
-        color: t ? "transparent" : r,
-        radius: s === "circle" ? "xl" : "sm",
-        styles: t ? {
-          alphaOverlay: { display: "none" },
-          shadowOverlay: { display: "none" }
-        } : void 0,
-        style: {
-          cursor: "pointer",
-          color: "var(--mantine-color-white)",
-          background: t ? p || `var(--mantine-color-${o}-light, ${r}20)` : void 0,
-          border: t ? `2px solid ${d || `var(--mantine-color-${o}-outline, ${r})`}` : void 0
+        w: "100%",
+        popoverProps: {
+          withinPortal: !1,
+          keepMounted: !1
         },
-        ...i,
-        children: [
-          n && /* @__PURE__ */ e(
-            "span",
+        maxLength: 7,
+        withEyeDropper: !1,
+        size: "xs",
+        value: k,
+        onChange: I,
+        onChangeEnd: r,
+        placeholder: "Select custom color"
+      }
+    ),
+    /* @__PURE__ */ o(
+      x,
+      {
+        radius: "xl",
+        variant: "default",
+        color: "gray",
+        onClick: () => f(!1),
+        children: /* @__PURE__ */ o(U, { size: 16 })
+      }
+    )
+  ] }, 1) : /* @__PURE__ */ u(
+    d,
+    {
+      ref: m,
+      ...y,
+      justify: n ? "space-between" : "flex-start",
+      align: "center",
+      mih: 32,
+      children: [
+        (s || p.COLORS).map((t) => {
+          const L = t === e || !e && t === p.COLORS[0];
+          return /* @__PURE__ */ o(
+            F,
             {
-              style: {
-                position: "absolute",
-                top: -4,
-                left: -4,
-                right: -4,
-                bottom: -4,
-                border: `2px solid ${r}`,
-                borderRadius: s === "circle" ? "var(--mantine-radius-xl)" : "var(--mantine-radius-sm)",
-                pointerEvents: "none",
-                boxSizing: "border-box"
-              }
+              value: t,
+              isActive: L,
+              size: a - 4,
+              swatchShape: l,
+              withTick: c,
+              onClick: () => r?.(t)
+            },
+            t
+          );
+        }),
+        i && /* @__PURE__ */ o(
+          x,
+          {
+            radius: "xl",
+            variant: "default",
+            color: "gray",
+            onClick: () => f(!0),
+            children: /* @__PURE__ */ o($, { size: 16 })
+          }
+        )
+      ]
+    },
+    2
+  );
+}, g = ({
+  value: e,
+  isActive: r,
+  swatchShape: i,
+  withTick: s,
+  ref: l,
+  ...c
+}) => {
+  const n = b(), { t: a } = P("ui"), m = e ? a(`colorPicker.colors.${e}`, {
+    defaultValue: e.charAt(0).toUpperCase() + e.slice(1)
+  }) : "";
+  return /* @__PURE__ */ o(d, { miw: 32, justify: "center", align: "center", children: /* @__PURE__ */ o(j, { label: m, withArrow: !0, children: /* @__PURE__ */ u(
+    A,
+    {
+      ref: l,
+      color: e ? C(e, n) : "",
+      radius: i === "circle" ? "xl" : "sm",
+      style: {
+        cursor: "pointer",
+        color: "var(--mantine-color-white)"
+      },
+      ...c,
+      children: [
+        r && /* @__PURE__ */ o(
+          "span",
+          {
+            style: {
+              position: "absolute",
+              top: -4,
+              left: -4,
+              right: -4,
+              bottom: -4,
+              border: `2px solid ${e ? C(e, n) : ""}`,
+              borderRadius: i === "circle" ? "var(--mantine-radius-xl)" : "var(--mantine-radius-sm)",
+              pointerEvents: "none",
+              boxSizing: "border-box"
             }
-          ),
-          m && n && /* @__PURE__ */ e(A, { size: 20, icon: j })
-        ]
-      }
-    ) }) });
-  }
-), J = V(k)`
+          }
+        ),
+        s && r && /* @__PURE__ */ o(z, { size: 20, icon: T })
+      ]
+    }
+  ) }) });
+}, F = v(g)`
   .mantine-ColorSwatch-colorOverlay {
-    border-radius: ${({ swatchShape: o }) => o === "square" ? "3px" : "50%"};
+    border-radius: ${({ swatchShape: e }) => e === "square" ? "3px" : "50%"};
   }
-`, lo = Object.assign(G, {
-  ColorCircle: k,
-  List: _,
-  Toolbar: q
+`, N = Object.assign(D, {
+  ColorCircle: g
 });
 export {
-  k as ColorCircle,
-  lo as ColorPicker
+  g as ColorCircle,
+  N as ColorPicker
 };

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

@@ -1,15 +1,15 @@
-const o = "_commentComposerWrapper_f5dl7_1", e = "_commentComposerFloat_f5dl7_135", r = "_composerContainer_f5dl7_193", t = "_editorWrapper_f5dl7_225", p = "_editMode_f5dl7_361", m = {
+const o = "_commentComposerWrapper_1mv8w_1", e = "_commentComposerFloat_1mv8w_68", r = "_composerContainer_1mv8w_97", t = "_editorWrapper_1mv8w_113", m = "_editMode_1mv8w_181", p = {
   commentComposerWrapper: o,
   commentComposerFloat: e,
   composerContainer: r,
   editorWrapper: t,
-  editMode: p
+  editMode: m
 };
 export {
   e as commentComposerFloat,
   o as commentComposerWrapper,
   r as composerContainer,
-  m as default,
-  p as editMode,
+  p as default,
+  m as editMode,
   t as editorWrapper
 };

package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CAwJA,CAAC"}
+{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CAuJA,CAAC"}

package/dist/components/CommentComposer/CommentEditorHotkeys.js

@@ -1,6 +1,6 @@
 import { jsx as S } from "react/jsx-runtime";
-import { useRef as x, useEffect as m } from "react";
-import { useTranslation as D } from "react-i18next";
+import { useRef as D, useEffect as m } from "react";
+import { useTranslation as T } from "react-i18next";
 import { openRemoveConfirmModal as g } from "../modals/RemoveConfirmModal.js";
 import w from "./CommentComposer.module.css.js";
 const W = ({
@@ -15,7 +15,7 @@ const W = ({
   hasChanges: s,
   ns: P
 }) => {
-  const p = x(null), L = i || f, { t: r } = D(P);
+  const p = D(null), L = i || f, { t: r } = T(P);
   return m(() => {
     const o = (e) => {
       if (e.code === "Enter" && !e.shiftKey) {
@@ -85,7 +85,6 @@ const W = ({
                 cancel: r("editor.composer.cancel")
               },
               icon: null,
-              zIndex: 301,
               onConfirm: () => c?.()
             });
             return;

package/dist/components/CommentComposer/index.js

@@ -296,7 +296,7 @@ const Ne = ({
       offset: 10,
       withinPortal: !1,
       floatingStrategy: "fixed",
-      zIndex: 300,
+      zIndex: 100,
       middlewares: {
         flip: { padding: 8 },
         shift: { padding: 8 },

package/dist/components/CommentComposer/useVirtualAnchor.d.ts

@@ -10,6 +10,6 @@ interface UseVirtualAnchorProps {
         elements: HTMLSpanElement[];
     };
 }
-export declare function useVirtualAnchor({ isFloat, updateLocation, selectionRef, selectionState, }: UseVirtualAnchorProps): import("react").MutableRefObject<HTMLDivElement | null>;
+export declare function useVirtualAnchor({ isFloat, updateLocation, selectionRef, selectionState, }: UseVirtualAnchorProps): import("react").RefObject<HTMLDivElement | null>;
 export {};
 //# sourceMappingURL=useVirtualAnchor.d.ts.map

package/dist/components/CommentComposer/useVirtualAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useVirtualAnchor.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACzC,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,KACE,IAAI,CAAC;IACV,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,qBAAqB,2DAsHvB"}
+{"version":3,"file":"useVirtualAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useVirtualAnchor.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACzC,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,KACE,IAAI,CAAC;IACV,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,qBAAqB,oDAsHvB"}

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

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

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

@@ -1,4 +1,4 @@
-const r = "_brandingWrapper_ag0no_1", a = {
+const r = "_brandingWrapper_vvk0o_1", a = {
   brandingWrapper: r
 };
 export {

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

@@ -1,4 +1,4 @@
-const o = "_root_122b9_1", t = {
+const o = "_root_195do_1", t = {
   root: o
 };
 export {

package/dist/components/EmojiPicker/EmojiPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPanel.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,UAAU,GAAI,6DAMxB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,4CAiTA,CAAC"}
+{"version":3,"file":"EmojiPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPanel.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,UAAU,GAAI,6DAMxB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,4CAmTA,CAAC"}