@layers-app/shared 0.3.7 → 0.3.9

package/dist/components/ColorPicker/ColorPickerToolbar.js

@@ -1,138 +1,121 @@
-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";
+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";
 function k({
-  isActive: s,
+  isActive: i,
   round: m,
-  disabled: u,
-  onClick: d,
-  children: i,
-  tooltipLabel: f
+  disabled: a,
+  onClick: h,
+  children: c
 }) {
-  const v = /* @__PURE__ */ r(
-    U,
+  return /* @__PURE__ */ o(
+    H,
     {
       type: "button",
-      className: `${c.inlineSwatch}${m ? ` ${c.inlineSwatchRound}` : ""}${s ? ` ${c.inlineSwatchActive}` : ""}`,
-      onMouseDown: (C) => C.preventDefault(),
-      onClick: d,
-      disabled: u,
-      children: i
+      className: `${t.inlineSwatch}${m ? ` ${t.inlineSwatchRound}` : ""}${i ? ` ${t.inlineSwatchActive}` : ""}`,
+      onMouseDown: (p) => p.preventDefault(),
+      onClick: h,
+      disabled: a,
+      children: c
     }
   );
-  return f ? /* @__PURE__ */ r(P, { label: f, withArrow: !0, children: v }) : v;
 }
-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)
+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)
         );
-        return [{ value: e, sectionKey: o, border: t }, ...n].slice(0, d);
-      })), m(e, o);
+        return [{ value: e, sectionKey: r, border: n }, ...f].slice(0, h);
+      })), m(e, r);
     },
-    [m, u, F]
-  ), g = I(() => {
+    [m, a, g]
+  ), A = T(() => {
     const e = {};
-    for (const o of s) e[o.key] = o;
+    for (const r of i) e[r.key] = r;
     return e;
-  }, [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]
+  }, [i]), b = w(
+    (e) => I(e) ? S ? "#FFFFFF" : "#000000" : e,
+    [S]
   );
-  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(
+  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(
           k,
           {
             isActive: !1,
-            disabled: i,
-            tooltipLabel: n,
-            onClick: () => p(e.value, e.sectionKey ?? ""),
-            children: /* @__PURE__ */ r(
-              K,
+            disabled: c,
+            onClick: () => d(e.value, e.sectionKey ?? ""),
+            children: /* @__PURE__ */ o(
+              F,
               {
                 size: 20,
-                color: N(e.value),
+                color: b(e.value),
                 showBorder: !0
               }
             )
           },
-          `${e.sectionKey}-${e.value}-${o}`
-        ) : /* @__PURE__ */ r(
+          `${e.sectionKey}-${e.value}-${r}`
+        ) : /* @__PURE__ */ o(
           k,
           {
             isActive: !1,
             round: !0,
-            disabled: i,
-            tooltipLabel: n,
-            onClick: () => p(e.value, e.sectionKey ?? ""),
-            children: /* @__PURE__ */ r(
-              D,
+            disabled: c,
+            onClick: () => d(e.value, e.sectionKey ?? ""),
+            children: /* @__PURE__ */ o(
+              N,
               {
                 bgColor: e.value,
                 borderColor: e.border || "var(--mantine-color-default-border)"
               }
             )
           },
-          `${e.sectionKey}-${e.value}-${o}`
+          `${e.sectionKey}-${e.value}-${r}`
         );
       }) })
     ] }),
-    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(
+    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(
             k,
             {
-              isActive: b,
+              isActive: s,
               round: !0,
-              disabled: i,
-              tooltipLabel: A,
-              onClick: () => p(l, e.key, n),
-              children: /* @__PURE__ */ r(
-                D,
+              disabled: c,
+              onClick: () => d(l, e.key, f),
+              children: /* @__PURE__ */ o(
+                N,
                 {
                   bgColor: l,
-                  borderColor: n || R
+                  borderColor: f || $
                 }
               )
             },
             l
-          ) : /* @__PURE__ */ r(
+          ) : /* @__PURE__ */ o(
             k,
             {
-              isActive: b,
-              disabled: i,
-              tooltipLabel: A,
-              onClick: () => p(l, e.key),
-              children: /* @__PURE__ */ r(
-                K,
+              isActive: s,
+              disabled: c,
+              onClick: () => d(l, e.key),
+              children: /* @__PURE__ */ o(
+                F,
                 {
                   size: 20,
-                  color: R,
+                  color: $,
                   showBorder: !0
                 }
               )
@@ -145,5 +128,5 @@ const Y = z(({ sections: s, onChange: m, withRecentColors: u, maxRecentColors: d
   ] });
 });
 export {
-  Y as ColorPickerToolbar
+  Q as ColorPickerToolbar
 };

package/dist/components/ColorPicker/icons.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
 function s({
   size: t = 20,
   color: r = "var(--mantine-color-white)",

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"}

package/dist/components/EmojiPicker/EmojiPanel.js

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import { useState as d, useRef as p, useEffect as R, useCallback as K } from "react";
+import { useState as u, useRef as d, 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 pe } from "./constants.js";
-import { getEmojis as me } from "./utils.js";
+import { frequentEmoji as me } from "./constants.js";
+import { getEmojis as pe } 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: u,
+  locales: m,
   onChange: C,
   onClose: M,
   setRandomIcon: P,
-  querySearch: m
+  querySearch: p
 }) => {
-  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);
+  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);
   R(() => {
-    if (typeof m == "string") {
-      const e = m.slice(1);
-      if (w(e), a) {
+    if (typeof p == "string") {
+      const e = p.slice(1);
+      if (S(e), a) {
         const o = a.search(e);
         j(o.map((r) => r.item.e));
       }
     }
-  }, [m, a]), R(() => {
+  }, [p, a]), R(() => {
     (async () => {
-      const o = await me(), r = o.flatMap(
+      const o = await pe(), r = o.flatMap(
         (i) => i.e.map((n) => ({
           e: n.e,
           n: n.n,
           k: n.k
           // категория
         }))
-      ), s = pe.map(
+      ), s = me.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 (w(o), a) {
+      if (S(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 m == "string";
+  }, J = typeof p == "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: S,
-              placeholder: `${u?.search}...`,
+              value: w,
+              placeholder: `${m?.search}...`,
               "data-autofocus": !0,
               styles: {
                 input: {
@@ -142,7 +142,7 @@ const he = [
               radius: "var(--mantine-radius-default)"
             }
           ),
-          /* @__PURE__ */ t(ce, { withArrow: !0, label: u?.random || G("random"), children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(ce, { withArrow: !0, label: G("random"), children: /* @__PURE__ */ t(
             A,
             {
               h: 36,
@@ -175,7 +175,7 @@ const he = [
         },
         ref: I,
         onScroll: $,
-        children: S ? /* @__PURE__ */ y(v, { flex: 1, align: "stretch", children: [
+        children: w ? /* @__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: u?.searchResults })
+              children: /* @__PURE__ */ t(q, { fz: "sm", c: "dimmed", children: m?.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: u?.searchNoResults,
+              description: m?.searchNoResults,
               descriptionProps: {
                 fz: "sm"
               }
@@ -217,14 +217,14 @@ const he = [
               /* @__PURE__ */ t(
                 F,
                 {
-                  bg: "transparent",
+                  bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
                   py: 2,
                   px: 6,
                   pos: "sticky",
                   top: -1,
                   h: 23,
                   style: { zIndex: 1 },
-                  children: /* @__PURE__ */ t(q, { fz: "xs", c: "dimmed", children: u?.emojiCategory?.[e.i] })
+                  children: /* @__PURE__ */ t(q, { fz: "xs", c: "dimmed", children: m?.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;
-    icons?: string;
     random?: string;
+    icons?: 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,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"}
+{"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"}

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -30,7 +30,6 @@ 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_s1gb0_1", s = "_randomIcon_s1gb0_51", a = "_originalTab_s1gb0_59", n = "_customTab_s1gb0_71", t = {
+const o = "_item_o1hlf_1", a = "_randomIcon_o1hlf_26", n = "_originalTab_o1hlf_30", t = "_customTab_o1hlf_36", _ = {
   item: o,
-  randomIcon: s,
-  originalTab: a,
-  customTab: n
+  randomIcon: a,
+  originalTab: n,
+  customTab: t
 };
 export {
-  n as customTab,
-  t as default,
+  t as customTab,
+  _ as default,
   o as item,
-  a as originalTab,
-  s as randomIcon
+  n as originalTab,
+  a 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(a, c, l = 500) {
-  const u = [], p = a.length;
+async function le(c, a, l = 500) {
+  const u = [], p = c.length;
   for (let r = 0; r < p; r += l) {
-    const w = a.slice(r, r + l).filter(c);
+    const w = c.slice(r, r + l).filter(a);
     u.push(...w), await new Promise((f) => setTimeout(f, 0));
   }
   return u;
 }
 const Ce = M(
   ({
-    showColors: a,
-    locales: c,
+    showColors: c,
+    locales: a,
     onChange: l,
     value: u,
     onClose: p,
@@ -65,7 +65,7 @@ const Ce = M(
           color: i?.color,
           type: i?.type || A.FILLED
         })
-      ), a || p());
+      ), c || 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 })), !a && !C && p();
+      S([]), l?.(I.stringify({ icon: o, color: i?.color })), !c && !C && p();
     };
     return /* @__PURE__ */ m(y, { w: "100%", gap: "sm", pt: 12, pb: 8, h: "100%", children: [
-      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") }),
+      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") }),
         /* @__PURE__ */ e(
           ne,
           {
@@ -117,7 +117,7 @@ const Ce = M(
           {
             leftSection: /* @__PURE__ */ e(L, { size: 16, icon: Q }),
             value: f,
-            placeholder: `${c?.search}...`,
+            placeholder: `${a?.search}...`,
             "data-autofocus": !0,
             styles: {
               input: {
@@ -130,7 +130,7 @@ const Ce = M(
             radius: "var(--mantine-radius-default)"
           }
         ) }),
-        /* @__PURE__ */ e(Z, { withArrow: !0, label: c?.random || k("random"), children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Z, { withArrow: !0, label: 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: c?.searchResults })
+                children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: a?.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: c?.searchNoResults,
+                description: a?.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":"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"}
+{"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"}