@layers-app/shared 0.2.3 → 0.2.5

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

package/dist/components/Copyright/index.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { DEFAULT_FONT_FAMILY as n } from "../../constants.js";
-import { Button as p } from "@mantine/core";
-import a from "clsx";
+import { Button as n } from "@mantine/core";
+import p from "clsx";
+import { DEFAULT_FONT_FAMILY as a } from "../../constants.js";
 import { Logotype as l } from "../Logotype.js";
 import f from "./Copyright.module.css.js";
 const F = ({
@@ -11,7 +11,7 @@ const F = ({
   size: i = "md",
   ...m
 }) => /* @__PURE__ */ r(
-  p,
+  n,
   {
     component: "a",
     href: "https://layers.md",
@@ -21,8 +21,8 @@ const F = ({
     variant: "filled",
     size: i,
     color: o,
-    className: a(f.brandingWrapper, e),
-    style: { fontFamily: n },
+    className: p(f.brandingWrapper, e),
+    style: { fontFamily: a },
     ...m,
     children: t
   }

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":"AA0CA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAqBjD,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,4CAkTA,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,23 +1,24 @@
-import { jsxs as v, jsx as t } from "react/jsx-runtime";
+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 { 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";
-import { Stack as z, FocusTrap as ne, Flex as j, TextInput as ie, Tooltip as ce, ActionIcon as A, Paper as F, Text as q, SimpleGrid as N, Box as se } from "@mantine/core";
-import { useEvent as ae } from "draggable-ui";
-import le from "fuse.js";
-import fe from "../../assets/svg/dog.svg.js";
-import { pickRandomEmoji as ue } from "../../helpers/pickRandomEmoji.js";
-import { NoData as de } from "../NoData/NoData.js";
-import { IconEntity as me } from "../ProjectIcon/ProjectIcon.js";
-import { frequentEmoji as pe } from "./constants.js";
+import { Stack as v, FocusTrap as ne, Flex as x, TextInput as ie, Tooltip as ce, ActionIcon as A, Paper as F, Text as q, SimpleGrid as N } from "@mantine/core";
+import { useEvent as se } from "draggable-ui";
+import ae from "fuse.js";
+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 T from "./EmojiPicker.module.css.js";
 const he = [
   { i: "frequent", icon: /* @__PURE__ */ t(c, { size: 20, icon: W }) },
   { i: "people", icon: /* @__PURE__ */ t(c, { size: 20, icon: X }) },
   {
     i: "nature",
-    icon: /* @__PURE__ */ t(fe, { width: 20, height: 20 })
+    icon: /* @__PURE__ */ t(le, { width: 20, height: 20 })
   },
   { i: "foods", icon: /* @__PURE__ */ t(c, { size: 20, icon: Z }) },
   { i: "activity", icon: /* @__PURE__ */ t(c, { size: 20, icon: _ }) },
@@ -27,34 +28,34 @@ const he = [
   { i: "flags", icon: /* @__PURE__ */ t(c, { size: 20, icon: re }) }
 ], Re = ({
   locales: m,
-  onChange: x,
+  onChange: C,
   onClose: M,
   setRandomIcon: P,
   querySearch: p
 }) => {
-  const [y, b] = u("frequent"), k = d("frequent"), h = d({}), I = d(null), [C, w] = u(""), [Q, B] = u([]), [a, O] = u(null), [S, E] = u([]), { t: G } = L(), g = d(!1), l = d(null);
+  const [b, k] = u("frequent"), I = d("frequent"), h = d({}), z = 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 p == "string") {
       const e = p.slice(1);
-      if (w(e), a) {
+      if (S(e), a) {
         const o = a.search(e);
-        E(o.map((r) => r.item.e));
+        j(o.map((r) => r.item.e));
       }
     }
   }, [p, a]), R(() => {
     (async () => {
-      const o = (await import("../../assets/jsons/emoji-categorized.json.js")).default, 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)
       );
-      B([{ i: "frequent", e: s }, ...o]);
-      const f = new le(
+      O([{ i: "frequent", e: s }, ...o]);
+      const f = new ae(
         o.flatMap(
           (i) => i.e.map((n) => ({
             e: n.e,
@@ -67,40 +68,40 @@ const he = [
           threshold: 0.3
         }
       );
-      O(f);
+      B(f);
     })();
   }, []);
   const H = K(
     (e) => {
       const o = e.currentTarget.value;
-      if (w(o), a) {
+      if (S(o), a) {
         const r = a.search(o);
-        E(r.map((s) => s.item.e));
+        j(r.map((s) => s.item.e));
       }
     },
     [a]
-  ), D = ae((e) => {
+  ), D = se((e) => {
     const o = e.currentTarget.getAttribute("data-icon");
-    o && (x?.(
-      me.stringify({
+    o && (C?.(
+      de.stringify({
         emoji: o.replace("e:", "")
       })
     ), M());
   }), Y = (e) => {
-    const o = I.current, r = h.current[e.i];
+    const o = z.current, r = h.current[e.i];
     if (!o || !r) return;
-    g.current = !0, l.current = e.i, b(e.i);
+    g.current = !0, l.current = e.i, k(e.i);
     const s = r.offsetTop - o.offsetTop;
     o.scrollTo({ top: s, behavior: "smooth" });
   }, $ = () => {
-    const e = I.current;
+    const e = z.current;
     if (!e) return;
     const o = e.scrollTop;
     if (g.current && l.current) {
       const f = h.current[l.current];
       if (f) {
         const i = f.offsetTop - e.offsetTop;
-        Math.abs(i - o) < 12 && (g.current = !1, k.current = l.current, b(l.current), l.current = null);
+        Math.abs(i - o) < 12 && (g.current = !1, I.current = l.current, k(l.current), l.current = null);
       }
       if (g.current) return;
     }
@@ -110,11 +111,11 @@ const he = [
         const n = Math.abs(i.offsetTop - e.offsetTop - o);
         n < s && (s = n, r = f);
       }
-    }), r !== k.current && (k.current = r, b(r));
+    }), r !== I.current && (I.current = r, k(r));
   }, J = typeof p == "string";
-  return /* @__PURE__ */ v(z, { gap: 0, h: "100%", children: [
-    /* @__PURE__ */ t(ne, { active: !0, children: /* @__PURE__ */ v(
-      j,
+  return /* @__PURE__ */ y(v, { gap: 0, h: "100%", children: [
+    /* @__PURE__ */ t(ne, { active: !0, children: /* @__PURE__ */ y(
+      x,
       {
         my: "sm",
         justify: "space-between",
@@ -127,7 +128,7 @@ const he = [
             ie,
             {
               leftSection: /* @__PURE__ */ t(c, { size: 16, icon: U }),
-              value: C,
+              value: w,
               placeholder: `${m?.search}...`,
               "data-autofocus": !0,
               styles: {
@@ -148,7 +149,7 @@ const he = [
               w: 36,
               variant: "outline",
               color: "var(--mantine-color-default-border)",
-              onClick: () => ue(P, x),
+              onClick: () => fe(P, C),
               className: T.randomIcon,
               children: /* @__PURE__ */ t(
                 c,
@@ -163,8 +164,8 @@ const he = [
         ]
       }
     ) }),
-    /* @__PURE__ */ t(z, { pl: 8, h: "230px", children: /* @__PURE__ */ t(
-      z,
+    /* @__PURE__ */ t(v, { pl: 8, h: "230px", children: /* @__PURE__ */ t(
+      v,
       {
         gap: "xs",
         h: "100%",
@@ -172,9 +173,9 @@ const he = [
         style: {
           overflowY: "auto"
         },
-        ref: I,
+        ref: z,
         onScroll: $,
-        children: C ? /* @__PURE__ */ v("div", { children: [
+        children: w ? /* @__PURE__ */ y(v, { flex: 1, align: "stretch", children: [
           !J && /* @__PURE__ */ t(
             F,
             {
@@ -186,7 +187,7 @@ const he = [
               children: /* @__PURE__ */ t(q, { fz: "sm", c: "dimmed", children: m?.searchResults })
             }
           ),
-          S.length ? /* @__PURE__ */ t(N, { cols: 10, spacing: 0, children: S.map((e) => /* @__PURE__ */ t(
+          E.length ? /* @__PURE__ */ t(N, { cols: 10, spacing: 0, children: E.map((e) => /* @__PURE__ */ t(
             "div",
             {
               className: T.item,
@@ -195,8 +196,8 @@ const he = [
               children: e
             },
             e
-          )) }) : /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
-            de,
+          )) }) : /* @__PURE__ */ t(x, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ t(
+            ue,
             {
               size: 100,
               description: m?.searchNoResults,
@@ -205,7 +206,7 @@ const he = [
               }
             }
           ) })
-        ] }) : Q.map((e) => /* @__PURE__ */ v(
+        ] }) : Q.map((e) => /* @__PURE__ */ y(
           "div",
           {
             ref: (o) => {
@@ -241,7 +242,7 @@ const he = [
       }
     ) }),
     /* @__PURE__ */ t(
-      j,
+      x,
       {
         style: {
           borderTop: "1px solid var(--tab-border-color)"
@@ -252,12 +253,12 @@ const he = [
         children: he.map((e) => /* @__PURE__ */ t(
           A,
           {
-            variant: y === e.i ? "light" : "subtle",
-            color: y === e.i ? "var(--mantine-color-default-color)" : "var(--mantine-color-dimmed)",
+            variant: b === e.i ? "light" : "subtle",
+            color: b === e.i ? "var(--mantine-color-default-color)" : "var(--mantine-color-dimmed)",
             radius: "default",
             size: 32,
             onClick: () => Y(e),
-            "data-active": y === e.i,
+            "data-active": b === e.i,
             children: e.icon
           },
           e.i

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;AAIxE,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;CACpB,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,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yNAkBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CAuNrC,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;CACpB,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,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yNAkBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CA+MrC,CAAC"}