@layers-app/shared 0.3.9 → 0.4.0

package/dist/components/ColorPicker/ColorPickerToolbar.js

@@ -1,121 +1,138 @@
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import { forwardRef as D, useState as M, useCallback as w, useMemo as T } from "react";
-import { useMantineColorScheme as z, Box as u, Flex as x, UnstyledButton as H } from "@mantine/core";
-import { TextColorIcon as F, HighlightSwatch as N } from "./icons.js";
-import { isDefaultColor as I, normalizeColorItem as L } from "./types.js";
-import { useRecentColors as j } from "./useRecentColors.js";
-import t from "./ColorPicker.module.css.js";
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
+import { forwardRef as z, useState as H, useCallback as w, useMemo as I } from "react";
+import { useMantineColorScheme as j, Box as h, Flex as B, Tooltip as P, UnstyledButton as U } from "@mantine/core";
+import { TextColorIcon as K, HighlightSwatch as D } from "./icons.js";
+import { normalizeColorItem as $, isDefaultColor as q } from "./types.js";
+import { useRecentColors as E } from "./useRecentColors.js";
+import c from "./ColorPicker.module.css.js";
 function k({
-  isActive: i,
+  isActive: s,
   round: m,
-  disabled: a,
-  onClick: h,
-  children: c
+  disabled: u,
+  onClick: d,
+  children: i,
+  tooltipLabel: f
 }) {
-  return /* @__PURE__ */ o(
-    H,
+  const v = /* @__PURE__ */ r(
+    U,
     {
       type: "button",
-      className: `${t.inlineSwatch}${m ? ` ${t.inlineSwatchRound}` : ""}${i ? ` ${t.inlineSwatchActive}` : ""}`,
-      onMouseDown: (p) => p.preventDefault(),
-      onClick: h,
-      disabled: a,
-      children: c
+      className: `${c.inlineSwatch}${m ? ` ${c.inlineSwatchRound}` : ""}${s ? ` ${c.inlineSwatchActive}` : ""}`,
+      onMouseDown: (C) => C.preventDefault(),
+      onClick: d,
+      disabled: u,
+      children: i
     }
   );
+  return f ? /* @__PURE__ */ r(P, { label: f, withArrow: !0, children: v }) : v;
 }
-const Q = D(({ sections: i, onChange: m, withRecentColors: a, maxRecentColors: h = 9, disabled: c, recentColorsLabel: p = "Recently used" }, R) => {
-  const { colorScheme: y } = z(), S = y === "dark", { recentColors: B, addRecent: g } = j({ maxItems: h }), [v, K] = M(B), d = w(
-    (e, r, n) => {
-      a && (g(e, r, n), K((l) => {
-        const f = l.filter(
-          (s) => !(s.value === e && s.sectionKey === r)
+const Y = z(({ sections: s, onChange: m, withRecentColors: u, maxRecentColors: d = 9, disabled: i, recentColorsLabel: f = "Recently used" }, v) => {
+  const { colorScheme: C } = j(), x = C === "dark", { recentColors: M, addRecent: F } = E({ maxItems: d }), [L, T] = H(M), p = w(
+    (e, o, t) => {
+      u && (F(e, o, t), T((l) => {
+        const n = l.filter(
+          (a) => !(a.value === e && a.sectionKey === o)
         );
-        return [{ value: e, sectionKey: r, border: n }, ...f].slice(0, h);
-      })), m(e, r);
+        return [{ value: e, sectionKey: o, border: t }, ...n].slice(0, d);
+      })), m(e, o);
     },
-    [m, a, g]
-  ), A = T(() => {
+    [m, u, F]
+  ), g = I(() => {
     const e = {};
-    for (const r of i) e[r.key] = r;
+    for (const o of s) e[o.key] = o;
     return e;
-  }, [i]), b = w(
-    (e) => I(e) ? S ? "#FFFFFF" : "#000000" : e,
-    [S]
+  }, [s]), y = w(
+    (e, o) => {
+      if (!o) return;
+      const t = g[o];
+      if (!t) return;
+      const l = t.colors.find((b) => $(b).value === e);
+      if (!l) return;
+      const { label: n, value: a } = $(l);
+      return n || a;
+    },
+    [g]
+  ), N = w(
+    (e) => q(e) ? x ? "#FFFFFF" : "#000000" : e,
+    [x]
   );
-  return /* @__PURE__ */ C(u, { ref: R, children: [
-    a && v.length > 0 && /* @__PURE__ */ C(u, { className: t.inlineSection, children: [
-      /* @__PURE__ */ o(u, { className: t.inlineSectionLabel, children: p }),
-      /* @__PURE__ */ o(x, { className: t.inlineRow, gap: 2, children: v.map((e, r) => {
-        const n = e.sectionKey ? A[e.sectionKey] : void 0;
-        return n?.key === "textColor" || n?.key === "color" || e.sectionKey === "color" ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ S(h, { ref: v, children: [
+    u && L.length > 0 && /* @__PURE__ */ S(h, { className: c.inlineSection, children: [
+      /* @__PURE__ */ r(h, { className: c.inlineSectionLabel, children: f }),
+      /* @__PURE__ */ r(B, { className: c.inlineRow, gap: 2, children: L.map((e, o) => {
+        const t = e.sectionKey ? g[e.sectionKey] : void 0, l = t?.key === "textColor" || t?.key === "color" || e.sectionKey === "color", n = y(e.value, e.sectionKey);
+        return l ? /* @__PURE__ */ r(
           k,
           {
             isActive: !1,
-            disabled: c,
-            onClick: () => d(e.value, e.sectionKey ?? ""),
-            children: /* @__PURE__ */ o(
-              F,
+            disabled: i,
+            tooltipLabel: n,
+            onClick: () => p(e.value, e.sectionKey ?? ""),
+            children: /* @__PURE__ */ r(
+              K,
               {
                 size: 20,
-                color: b(e.value),
+                color: N(e.value),
                 showBorder: !0
               }
             )
           },
-          `${e.sectionKey}-${e.value}-${r}`
-        ) : /* @__PURE__ */ o(
+          `${e.sectionKey}-${e.value}-${o}`
+        ) : /* @__PURE__ */ r(
           k,
           {
             isActive: !1,
             round: !0,
-            disabled: c,
-            onClick: () => d(e.value, e.sectionKey ?? ""),
-            children: /* @__PURE__ */ o(
-              N,
+            disabled: i,
+            tooltipLabel: n,
+            onClick: () => p(e.value, e.sectionKey ?? ""),
+            children: /* @__PURE__ */ r(
+              D,
               {
                 bgColor: e.value,
                 borderColor: e.border || "var(--mantine-color-default-border)"
               }
             )
           },
-          `${e.sectionKey}-${e.value}-${r}`
+          `${e.sectionKey}-${e.value}-${o}`
         );
       }) })
     ] }),
-    i.map((e) => {
-      const r = e.key === "highlight" || e.key === "background" || e.key === "textHighlight";
-      return /* @__PURE__ */ C(u, { className: t.inlineSection, children: [
-        e.label && /* @__PURE__ */ o(u, { className: t.inlineSectionLabel, children: e.label }),
-        /* @__PURE__ */ o(x, { className: t.inlineRow, gap: 2, children: e.colors.map((n) => {
-          const { value: l, border: f } = L(n), s = l === e.value, $ = b(l);
-          return r ? /* @__PURE__ */ o(
+    s.map((e) => {
+      const o = e.key === "highlight" || e.key === "background" || e.key === "textHighlight";
+      return /* @__PURE__ */ S(h, { className: c.inlineSection, children: [
+        e.label && /* @__PURE__ */ r(h, { className: c.inlineSectionLabel, children: e.label }),
+        /* @__PURE__ */ r(B, { className: c.inlineRow, gap: 2, children: e.colors.map((t) => {
+          const { value: l, border: n, label: a } = $(t), b = l === e.value, R = N(l), A = a || l;
+          return o ? /* @__PURE__ */ r(
             k,
             {
-              isActive: s,
+              isActive: b,
               round: !0,
-              disabled: c,
-              onClick: () => d(l, e.key, f),
-              children: /* @__PURE__ */ o(
-                N,
+              disabled: i,
+              tooltipLabel: A,
+              onClick: () => p(l, e.key, n),
+              children: /* @__PURE__ */ r(
+                D,
                 {
                   bgColor: l,
-                  borderColor: f || $
+                  borderColor: n || R
                 }
               )
             },
             l
-          ) : /* @__PURE__ */ o(
+          ) : /* @__PURE__ */ r(
             k,
             {
-              isActive: s,
-              disabled: c,
-              onClick: () => d(l, e.key),
-              children: /* @__PURE__ */ o(
-                F,
+              isActive: b,
+              disabled: i,
+              tooltipLabel: A,
+              onClick: () => p(l, e.key),
+              children: /* @__PURE__ */ r(
+                K,
                 {
                   size: 20,
-                  color: $,
+                  color: R,
                   showBorder: !0
                 }
               )
@@ -128,5 +145,5 @@ const Q = D(({ sections: i, onChange: m, withRecentColors: a, maxRecentColors: h
   ] });
 });
 export {
-  Q as ColorPickerToolbar
+  Y as ColorPickerToolbar
 };

package/dist/components/ColorPicker/icons.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
 function s({
   size: t = 20,
   color: r = "var(--mantine-color-white)",
@@ -26,7 +26,7 @@ function s({
             fill: "none"
           }
         ),
-        /* @__PURE__ */ n("g", { transform: "translate(4.3, 2.85) scale(0.95)", children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n("g", { transform: "translate(4.54, 4.2) scale(0.95)", children: /* @__PURE__ */ n(
           "path",
           {
             d: "M5.74945 0C6.57421 0 7.09678 0.678265 7.50336 1.43555C7.93323 2.23628 8.38332 3.42022 8.95843 4.92676L11.4623 11.4873C11.5716 11.7742 11.4279 12.0955 11.1411 12.2051C10.8541 12.3144 10.5329 12.1706 10.4233 11.8838L8.5766 7.04883H2.9223L1.07562 11.8838C0.965974 12.1707 0.644849 12.3146 0.357848 12.2051C0.0710441 12.0955 -0.0726477 11.7742 0.0365593 11.4873L2.54047 4.92676C3.11563 3.42012 3.56662 2.23629 3.99652 1.43555C4.40306 0.678393 4.92485 8.51363e-05 5.74945 0ZM5.74945 1.11328C5.62925 1.11335 5.38778 1.19685 4.97699 1.96191C4.5893 2.68404 4.16803 3.7852 3.5805 5.32422L3.34711 5.93555H8.15179L7.9184 5.32422C7.33089 3.78522 6.9096 2.68403 6.52191 1.96191C6.11099 1.19664 5.86959 1.11328 5.74945 1.11328Z",
@@ -42,7 +42,7 @@ function d({
   bgColor: r,
   borderColor: e
 }) {
-  const o = r === "inherit" || r === "" || r === "default", i = t * 0.375, l = o ? "var(--mantine-color-body)" : r, h = o ? "var(--mantine-color-default-border)" : e;
+  const o = r === "inherit" || r === "" || r === "default", i = t / 2 - 2, l = o ? "var(--mantine-color-body)" : r, h = o ? "var(--mantine-color-default-border)" : e;
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -59,7 +59,7 @@ function d({
           r: i,
           fill: l,
           stroke: h,
-          strokeWidth: "1.5"
+          strokeWidth: "1"
         }
       )
     }

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

@@ -1,15 +1,15 @@
-const o = "_commentComposerWrapper_1mv8w_1", e = "_commentComposerFloat_1mv8w_68", r = "_composerContainer_1mv8w_97", t = "_editorWrapper_1mv8w_113", m = "_editMode_1mv8w_181", p = {
+const o = "_commentComposerWrapper_f5dl7_1", e = "_commentComposerFloat_f5dl7_135", r = "_composerContainer_f5dl7_193", t = "_editorWrapper_f5dl7_225", p = "_editMode_f5dl7_361", m = {
   commentComposerWrapper: o,
   commentComposerFloat: e,
   composerContainer: r,
   editorWrapper: t,
-  editMode: m
+  editMode: p
 };
 export {
   e as commentComposerFloat,
   o as commentComposerWrapper,
   r as composerContainer,
-  p as default,
-  m as editMode,
+  m as default,
+  p 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,4CAuJA,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,4CAwJA,CAAC"}

package/dist/components/CommentComposer/CommentEditorHotkeys.js

@@ -1,6 +1,6 @@
 import { jsx as S } from "react/jsx-runtime";
-import { useRef as D, useEffect as m } from "react";
-import { useTranslation as T } from "react-i18next";
+import { useRef as x, useEffect as m } from "react";
+import { useTranslation as D } 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 = D(null), L = i || f, { t: r } = T(P);
+  const p = x(null), L = i || f, { t: r } = D(P);
   return m(() => {
     const o = (e) => {
       if (e.code === "Enter" && !e.shiftKey) {
@@ -85,6 +85,7 @@ 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: 100,
+      zIndex: 300,
       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").RefObject<HTMLDivElement | null>;
+export declare function useVirtualAnchor({ isFloat, updateLocation, selectionRef, selectionState, }: UseVirtualAnchorProps): import("react").MutableRefObject<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,oDAsHvB"}
+{"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"}

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

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

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

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

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

@@ -1,4 +1,4 @@
-const o = "_root_195do_1", t = {
+const o = "_root_122b9_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,4CAmTA,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,4CAiTA,CAAC"}

package/dist/components/EmojiPicker/EmojiPanel.js

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import { useState as u, useRef as d, useEffect as R, useCallback as K } from "react";
+import { useState as d, useRef as p, useEffect as R, useCallback as K } from "react";
 import { useTranslation as L } from "react-i18next";
 import { Search01Icon as U, ShuffleIcon as V, Clock01Icon as W, SmileIcon as X, Pizza01Icon as Z, FootballIcon as _, Airplane01Icon as ee, BulbIcon as te, Asterisk02Icon as oe, Flag02Icon as re } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as c } from "@hugeicons/react";
@@ -10,8 +10,8 @@ import le from "../../assets/svg/dog.svg.js";
 import { pickRandomEmoji as fe } from "../../helpers/pickRandomEmoji.js";
 import { NoData as ue } from "../NoData/NoData.js";
 import { IconEntity as de } from "../ProjectIcon/ProjectIcon.js";
-import { frequentEmoji as me } from "./constants.js";
-import { getEmojis as pe } from "./utils.js";
+import { frequentEmoji as pe } from "./constants.js";
+import { getEmojis as me } from "./utils.js";
 import T from "./EmojiPicker.module.css.js";
 const he = [
   { i: "frequent", icon: /* @__PURE__ */ t(c, { size: 20, icon: W }) },
@@ -27,31 +27,31 @@ const he = [
   { i: "symbols", icon: /* @__PURE__ */ t(c, { size: 20, icon: oe }) },
   { i: "flags", icon: /* @__PURE__ */ t(c, { size: 20, icon: re }) }
 ], Re = ({
-  locales: m,
+  locales: u,
   onChange: C,
   onClose: M,
   setRandomIcon: P,
-  querySearch: p
+  querySearch: m
 }) => {
-  const [b, k] = u("frequent"), x = d("frequent"), h = d({}), I = d(null), [w, S] = u(""), [Q, O] = u([]), [a, B] = u(null), [E, j] = u([]), { t: G } = L(), g = d(!1), l = d(null);
+  const [b, k] = d("frequent"), x = p("frequent"), h = p({}), I = p(null), [S, w] = d(""), [Q, O] = d([]), [a, B] = d(null), [E, j] = d([]), { t: G } = L(), g = p(!1), l = p(null);
   R(() => {
-    if (typeof p == "string") {
-      const e = p.slice(1);
-      if (S(e), a) {
+    if (typeof m == "string") {
+      const e = m.slice(1);
+      if (w(e), a) {
         const o = a.search(e);
         j(o.map((r) => r.item.e));
       }
     }
-  }, [p, a]), R(() => {
+  }, [m, a]), R(() => {
     (async () => {
-      const o = await pe(), r = o.flatMap(
+      const o = await me(), r = o.flatMap(
         (i) => i.e.map((n) => ({
           e: n.e,
           n: n.n,
           k: n.k
           // категория
         }))
-      ), s = me.map(
+      ), s = pe.map(
         (i) => r.find((n) => n.e === i)
       );
       O([{ i: "frequent", e: s }, ...o]);
@@ -74,7 +74,7 @@ const he = [
   const H = K(
     (e) => {
       const o = e.currentTarget.value;
-      if (S(o), a) {
+      if (w(o), a) {
         const r = a.search(o);
         j(r.map((s) => s.item.e));
       }
@@ -112,7 +112,7 @@ const he = [
         n < s && (s = n, r = f);
       }
     }), r !== x.current && (x.current = r, k(r));
-  }, J = typeof p == "string";
+  }, J = typeof m == "string";
   return /* @__PURE__ */ y(v, { gap: 0, h: "100%", children: [
     /* @__PURE__ */ t(ne, { active: !0, children: /* @__PURE__ */ y(
       z,
@@ -128,8 +128,8 @@ const he = [
             ie,
             {
               leftSection: /* @__PURE__ */ t(c, { size: 16, icon: U }),
-              value: w,
-              placeholder: `${m?.search}...`,
+              value: S,
+              placeholder: `${u?.search}...`,
               "data-autofocus": !0,
               styles: {
                 input: {
@@ -142,7 +142,7 @@ const he = [
               radius: "var(--mantine-radius-default)"
             }
           ),
-          /* @__PURE__ */ t(ce, { withArrow: !0, label: G("random"), children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(ce, { withArrow: !0, label: u?.random || G("random"), children: /* @__PURE__ */ t(
             A,
             {
               h: 36,
@@ -175,7 +175,7 @@ const he = [
         },
         ref: I,
         onScroll: $,
-        children: w ? /* @__PURE__ */ y(v, { flex: 1, align: "stretch", children: [
+        children: S ? /* @__PURE__ */ y(v, { flex: 1, align: "stretch", children: [
           !J && /* @__PURE__ */ t(
             F,
             {
@@ -185,7 +185,7 @@ const he = [
               top: -1,
               style: { zIndex: 1 },
               bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
-              children: /* @__PURE__ */ t(q, { fz: "sm", c: "dimmed", children: m?.searchResults })
+              children: /* @__PURE__ */ t(q, { fz: "sm", c: "dimmed", children: u?.searchResults })
             }
           ),
           E.length ? /* @__PURE__ */ t(N, { cols: 10, spacing: 0, children: E.map((e) => /* @__PURE__ */ t(
@@ -201,7 +201,7 @@ const he = [
             ue,
             {
               size: 100,
-              description: m?.searchNoResults,
+              description: u?.searchNoResults,
               descriptionProps: {
                 fz: "sm"
               }
@@ -217,14 +217,14 @@ const he = [
               /* @__PURE__ */ t(
                 F,
                 {
-                  bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
+                  bg: "transparent",
                   py: 2,
                   px: 6,
                   pos: "sticky",
                   top: -1,
                   h: 23,
                   style: { zIndex: 1 },
-                  children: /* @__PURE__ */ t(q, { fz: "xs", c: "dimmed", children: m?.emojiCategory?.[e.i] })
+                  children: /* @__PURE__ */ t(q, { fz: "xs", c: "dimmed", children: u?.emojiCategory?.[e.i] })
                 }
               ),
               /* @__PURE__ */ t(N, { cols: 10, spacing: 0, children: e.e.map((o) => /* @__PURE__ */ t(

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

@@ -30,8 +30,8 @@ export type EmojiPickerLocales = {
     chooseColor?: string;
     searchNoResults?: string;
     remove?: string;
-    random?: string;
     icons?: string;
+    random?: string;
     emojiCategory?: Record<string, string>;
 };
 export declare const EmojiPicker: ({ project, value, querySearch, children, onChange, position, popoverProps, showIcons, showColors, defaultActiveTab, showEmojis, withinPortal, locales: _locales, openWhen, triggerRegex, typingSeq, showRemoveButton, keepOpenOnRandom, }: PropsWithChildren<EmojiPickerProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAIL,gBAAgB,EAEhB,YAAY,EAEb,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,kIAAkI;IAClI,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gHAAgH;IAChH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2OAmBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CAgNrC,CAAC"}
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAIL,gBAAgB,EAEhB,YAAY,EAEb,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,kIAAkI;IAClI,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAChC,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gHAAgH;IAChH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2OAmBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CAiNrC,CAAC"}

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -30,6 +30,7 @@ const ee = ({
     emojis: e("emojis"),
     remove: e("remove"),
     search: e("search"),
+    random: e("random"),
     searchResults: e("emojiPicker.searchResults"),
     icons: e("emojiPicker.icons"),
     searchNoResults: e("emojiPicker.searchNoResults"),

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

@@ -1,13 +1,13 @@
-const o = "_item_o1hlf_1", a = "_randomIcon_o1hlf_26", n = "_originalTab_o1hlf_30", t = "_customTab_o1hlf_36", _ = {
+const o = "_item_s1gb0_1", s = "_randomIcon_s1gb0_51", a = "_originalTab_s1gb0_59", n = "_customTab_s1gb0_71", t = {
   item: o,
-  randomIcon: a,
-  originalTab: n,
-  customTab: t
+  randomIcon: s,
+  originalTab: a,
+  customTab: n
 };
 export {
-  t as customTab,
-  _ as default,
+  n as customTab,
+  t as default,
   o as item,
-  n as originalTab,
-  a as randomIcon
+  a as originalTab,
+  s as randomIcon
 };

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":"AA2BA,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,mDAwIA,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"}