@layers-app/shared 0.2.0 → 0.2.1

package/dist/components/CommentComposer/useFloatingPosition.js

@@ -0,0 +1,115 @@
+import { useRef as T, useCallback as C, useLayoutEffect as k, useEffect as g } from "react";
+function _({
+  boxRef: n,
+  isFloat: s,
+  updateLocation: m,
+  selectionRef: f,
+  selectionState: u
+}) {
+  const w = T(null), E = T(!1), d = T({ placement: "bottom", lockedUntil: 0 }), v = 10 * 30 * 0.7, a = C(() => {
+    if (!n.current) return;
+    const e = n.current, t = e.querySelector(
+      '[class*="editorWrapper"]'
+    ), l = t?.scrollHeight || 0, r = l > v, i = l > 50;
+    s && i ? e.setAttribute("data-multiline", "true") : e.removeAttribute("data-multiline"), r && t ? (t.style.maxHeight = `${v}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", e.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", e.removeAttribute("data-editor-constrained"));
+  }, [n, s, v]), y = C(() => {
+    if (!n.current || !w.current || !s || !E.current)
+      return;
+    const e = n.current, t = w.current, l = e.offsetHeight, r = 36, i = 10, H = window.innerHeight - t.bottom, b = t.top, M = Date.now(), I = M < d.current.lockedUntil;
+    let c, p, A;
+    I ? c = d.current.placement : (H >= l + r ? c = "bottom" : b >= l ? c = "top" : c = "bottom", c !== d.current.placement && (d.current = {
+      placement: c,
+      lockedUntil: M + 500
+    })), c === "bottom" && H < l + r ? p = H - r : c === "top" && b < l && (p = b - r);
+    const x = window.pageYOffset || document.documentElement.scrollTop;
+    if (c === "bottom" ? A = t.bottom + i + x : A = t.top - l - i + x, e.style.top = `${A}px`, a(), p) {
+      e.style.maxHeight = `${p}px`, e.setAttribute("data-constrained", "true"), e.style.display = "flex", e.style.flexDirection = "column", e.style.overflow = "hidden";
+      const o = e.querySelector(
+        '[class*="composerContainer"]'
+      );
+      o && (o.style.display = "flex", o.style.flexDirection = "column", o.style.flex = "1 1 auto", o.style.minHeight = "0", o.style.overflow = "hidden");
+    } else {
+      e.style.maxHeight = "", e.removeAttribute("data-constrained"), e.style.display = "", e.style.flexDirection = "", e.style.overflow = "";
+      const o = e.querySelector(
+        '[class*="composerContainer"]'
+      );
+      o && (o.style.display = "", o.style.flexDirection = "", o.style.flex = "", o.style.minHeight = "", o.style.overflow = "");
+    }
+    e.setAttribute("data-placement", c);
+  }, [s, n, a]), h = C(
+    (e) => {
+      if (e.elements.length > 0) {
+        const t = e.elements[0], l = e.elements[e.elements.length - 1], r = t.getBoundingClientRect(), i = l.getBoundingClientRect();
+        w.current = {
+          top: r.top,
+          bottom: i.bottom,
+          left: Math.min(r.left, i.left),
+          right: Math.max(r.right, i.right),
+          width: Math.max(r.right, i.right) - Math.min(r.left, i.left),
+          height: i.bottom - r.top,
+          x: Math.min(r.left, i.left),
+          y: r.top
+        }, E.current = !0;
+      }
+    },
+    []
+  );
+  k(() => {
+    if (!s || !m) return;
+    m(n.current, f, u), setTimeout(() => {
+      h(u);
+    }, 50);
+    const e = u.container, t = document.body;
+    if (t !== null)
+      return t.appendChild(e), () => {
+        t.removeChild(e);
+      };
+  }, [
+    s,
+    m,
+    u,
+    h,
+    n,
+    f
+  ]), g(() => {
+    a();
+  }, [a]), g(() => {
+    if (!n.current) return;
+    const e = new ResizeObserver(() => {
+      s ? y() : a();
+    });
+    return e.observe(n.current), () => {
+      e.disconnect();
+    };
+  }, [s, y, a, n]), g(() => {
+    if (!s || !m) return;
+    let e;
+    const t = () => {
+      clearTimeout(e), e = setTimeout(() => {
+        E.current = !1, m(n.current, f, u), setTimeout(() => {
+          h(u), y(), d.current.lockedUntil = Date.now() + 500;
+        }, 50);
+      }, 150);
+    };
+    return window.addEventListener("resize", t), () => {
+      clearTimeout(e), window.removeEventListener("resize", t);
+    };
+  }, [
+    s,
+    m,
+    y,
+    u,
+    h,
+    n,
+    f
+  ]), g(() => {
+    const e = document.querySelector("main");
+    if (e)
+      return s ? e.style.overflow = "hidden" : e.style.overflow = "", () => {
+        e.style.overflow = "";
+      };
+  }, [s]);
+}
+export {
+  _ as useFloatingPosition
+};

package/dist/components/CommunitiesDialog/index.d.ts

@@ -2,3 +2,4 @@ export declare const CommunitiesDialog: ({ handleAccess, handleRemindLater, }: {
     handleAccess: () => void;
     handleRemindLater: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommunitiesDialog/index.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,iBAAiB,GAAI,sCAG/B;IACD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,4CAiIA,CAAC"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { ButtonProps } from '@mantine/core';
 interface CopyrightProps {
     className?: string;
@@ -7,3 +7,4 @@ interface CopyrightProps {
 }
 export declare const Copyright: React.FC<CopyrightProps & ButtonProps>;
 export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/CustomKBD/index.d.ts

@@ -17,3 +17,4 @@ interface CustomKBDProps {
 }
 export declare const CustomKBD: ({ value, miw, w, mr, fz, fontFamily, fw, bbw, br, onClick, ...props }: CustomKBDProps & BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomKBD;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CustomKBD/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,GAAI,uEAYvB,cAAc,GAAG,QAAQ,4CAqB3B,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -3,3 +3,4 @@ export declare const EmojiPanel: ({ locales, onChange, onClose, setRandomIcon, q
     onClose: () => void;
     setRandomIcon: (icon: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmojiPanel.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/EmojiPicker/EmojiPanel.js

@@ -3,13 +3,13 @@ import { useState as u, useRef as d, useEffect as R, useCallback as K } from "re
 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 { IconEntity as ne } from "../ProjectIcon/ProjectIcon.js";
-import { pickRandomEmoji as ie } from "../../helpers/pickRandomEmoji.js";
-import { Stack as z, FocusTrap as ce, Flex as j, TextInput as se, Tooltip as ae, ActionIcon as A, Paper as F, Text as q, SimpleGrid as N, Box as le } from "@mantine/core";
-import { useEvent as fe } from "draggable-ui";
-import ue from "fuse.js";
-import de from "../../assets/svg/dog.svg.js";
-import { NoData as me } from "../NoData/NoData.js";
+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 T from "./EmojiPicker.module.css.js";
 const he = [
@@ -17,7 +17,7 @@ const he = [
   { i: "people", icon: /* @__PURE__ */ t(c, { size: 20, icon: X }) },
   {
     i: "nature",
-    icon: /* @__PURE__ */ t(de, { width: 20, height: 20 })
+    icon: /* @__PURE__ */ t(fe, { width: 20, height: 20 })
   },
   { i: "foods", icon: /* @__PURE__ */ t(c, { size: 20, icon: Z }) },
   { i: "activity", icon: /* @__PURE__ */ t(c, { size: 20, icon: _ }) },
@@ -43,12 +43,10 @@ const he = [
     }
   }, [p, a]), R(() => {
     (async () => {
-      const { default: o } = await import("../../assets/jsons/emoji-categorized.json.js"), r = o.flatMap(
+      const o = (await import("../../assets/jsons/emoji-categorized.json.js")).default, r = o.flatMap(
         (i) => i.e.map((n) => ({
           e: n.e,
-          // эмодзи
           n: n.n,
-          // название
           k: n.k
           // категория
         }))
@@ -56,7 +54,7 @@ const he = [
         (i) => r.find((n) => n.e === i)
       );
       B([{ i: "frequent", e: s }, ...o]);
-      const f = new ue(
+      const f = new le(
         o.flatMap(
           (i) => i.e.map((n) => ({
             e: n.e,
@@ -81,10 +79,10 @@ const he = [
       }
     },
     [a]
-  ), D = fe((e) => {
+  ), D = ae((e) => {
     const o = e.currentTarget.getAttribute("data-icon");
     o && (x?.(
-      ne.stringify({
+      me.stringify({
         emoji: o.replace("e:", "")
       })
     ), M());
@@ -115,7 +113,7 @@ const he = [
     }), r !== k.current && (k.current = r, b(r));
   }, J = typeof p == "string";
   return /* @__PURE__ */ v(z, { gap: 0, h: "100%", children: [
-    /* @__PURE__ */ t(ce, { active: !0, children: /* @__PURE__ */ v(
+    /* @__PURE__ */ t(ne, { active: !0, children: /* @__PURE__ */ v(
       j,
       {
         my: "sm",
@@ -126,7 +124,7 @@ const he = [
         h: 38,
         children: [
           /* @__PURE__ */ t(
-            se,
+            ie,
             {
               leftSection: /* @__PURE__ */ t(c, { size: 16, icon: U }),
               value: C,
@@ -143,14 +141,14 @@ const he = [
               radius: "var(--mantine-radius-default)"
             }
           ),
-          /* @__PURE__ */ t(ae, { withArrow: !0, label: G("random"), children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(ce, { withArrow: !0, label: G("random"), children: /* @__PURE__ */ t(
             A,
             {
               h: 36,
               w: 36,
               variant: "outline",
               color: "var(--mantine-color-default-border)",
-              onClick: () => ie(P, x),
+              onClick: () => ue(P, x),
               className: T.randomIcon,
               children: /* @__PURE__ */ t(
                 c,
@@ -197,8 +195,8 @@ const he = [
               children: e
             },
             e
-          )) }) : /* @__PURE__ */ t(le, { children: /* @__PURE__ */ t(
-            me,
+          )) }) : /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
+            de,
             {
               size: 100,
               description: m?.searchNoResults,

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

@@ -32,3 +32,4 @@ export type EmojiPickerLocales = {
     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, }: PropsWithChildren<EmojiPickerProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmojiPicker.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -1,20 +1,20 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { useState as a, useMemo as E, useEffect as N } from "react";
+import { useState as a, useMemo as E, useEffect as M } from "react";
 import { flushSync as G } from "react-dom";
 import { useTranslation as J } from "react-i18next";
-import { Popover as k, Center as K, Tabs as t, Flex as M, Button as S } from "@mantine/core";
+import { Popover as k, Center as K, Tabs as t, Flex as R, Button as S } from "@mantine/core";
 import { IconEntity as U } from "../ProjectIcon/ProjectIcon.js";
 import { EmojiPanel as V } from "./EmojiPanel.js";
 import { IconsPanel as X } from "./IconsPanel.js";
 import f from "./EmojiPicker.module.css.js";
 const re = ({
-  project: R,
+  project: $,
   value: s,
   querySearch: l,
-  children: $,
+  children: D,
   onChange: d,
-  position: D = "bottom-start",
-  popoverProps: I,
+  position: I = "bottom-start",
+  popoverProps: y,
   showIcons: u,
   showColors: O,
   defaultActiveTab: w = null,
@@ -26,7 +26,7 @@ const re = ({
   typingSeq: m,
   showRemoveButton: F = !0
 }) => {
-  const { t: e } = J("ui"), [p, n] = a(!1), [H, y] = a(w), [b, L] = a(500), [A, B] = a(s || null), [v, Q] = a(null), c = E(() => ({
+  const { t: e } = J("ui"), [p, n] = a(!1), [H, b] = a(w), [T, L] = a(500), [A, B] = a(s || null), [v, Q] = a(null), c = E(() => ({
     emojis: e("emojis"),
     remove: e("remove"),
     search: e("search"),
@@ -48,10 +48,10 @@ const re = ({
     },
     ...h
   }), [e, h]);
-  N(() => {
+  M(() => {
     const i = u && U.parse(s)?.icon ? "icons" : r ? "emojis" : null;
-    !p && i && y(i);
-  }, [p, r, u, s]), N(() => {
+    !p && i && b(i);
+  }, [p, r, u, s]), M(() => {
     if (g !== "realtime" || typeof m != "number" || v === m) return;
     Q(m);
     const i = l ?? "", j = !!r && P.test(i);
@@ -64,14 +64,14 @@ const re = ({
     P,
     r
   ]);
-  const T = typeof l == "string";
+  const C = typeof l == "string";
   return /* @__PURE__ */ x(
     k,
     {
       withinPortal: z,
       opened: p,
       onChange: n,
-      position: D,
+      position: I,
       radius: "var(--mantine-spacing-sm)",
       styles: {
         dropdown: {
@@ -85,30 +85,30 @@ const re = ({
       },
       middlewares: {
         size: {
-          apply({ availableHeight: i, placement: j, y: C, elements: q }) {
-            G(() => L(i - 20)), T && requestAnimationFrame(() => {
+          apply({ availableHeight: i, placement: j, y: N, elements: q }) {
+            G(() => L(i - 20)), C && requestAnimationFrame(() => {
               Object.assign(q.floating.style, {
                 maxHeight: `${i >= 425 ? 425 : i}px`,
-                top: j === "top-start" ? `${C - 20}px` : `${C}px`
+                top: j === "top-start" ? `${N - 20}px` : `${N}px`
               });
             });
           }
         }
       },
-      ...I || {},
+      ...y || {},
       children: [
         /* @__PURE__ */ o(k.Target, { children: /* @__PURE__ */ o(
           K,
           {
-            onClick: g === "click" ? () => n(!p) : void 0,
-            children: $ ?? A
+            onClick: g === "click" && !y?.disabled ? () => n(!p) : void 0,
+            children: D ?? A
           }
         ) }),
         /* @__PURE__ */ o(k.Dropdown, { w: "380px", h: "404px", children: /* @__PURE__ */ x(
           t,
           {
             value: H,
-            onChange: y,
+            onChange: b,
             keepMounted: !1,
             h: "100%",
             styles: {
@@ -125,7 +125,7 @@ const re = ({
               }
             },
             children: [
-              !T && /* @__PURE__ */ x(
+              !C && /* @__PURE__ */ x(
                 t.List,
                 {
                   style: {
@@ -141,7 +141,7 @@ const re = ({
                         h: "100%",
                         p: 0,
                         value: "emojis",
-                        children: /* @__PURE__ */ o(M, { className: f.customTab, px: "sm", h: 36, children: c.emojis })
+                        children: /* @__PURE__ */ o(R, { className: f.customTab, px: "sm", h: 36, children: c.emojis })
                       }
                     ),
                     u && /* @__PURE__ */ o(
@@ -151,7 +151,7 @@ const re = ({
                         h: "100%",
                         p: 0,
                         value: "icons",
-                        children: /* @__PURE__ */ o(M, { className: f.customTab, px: "sm", h: 36, children: c.icons })
+                        children: /* @__PURE__ */ o(R, { className: f.customTab, px: "sm", h: 36, children: c.icons })
                       }
                     ),
                     !!String(s) && F && /* @__PURE__ */ o(
@@ -175,7 +175,7 @@ const re = ({
               /* @__PURE__ */ o(
                 t.Panel,
                 {
-                  mah: Math.min(b, 470),
+                  mah: Math.min(T, 470),
                   style: { overflow: "auto" },
                   value: "emojis",
                   children: /* @__PURE__ */ o(
@@ -194,13 +194,13 @@ const re = ({
               /* @__PURE__ */ o(
                 t.Panel,
                 {
-                  mah: Math.min(b, 470),
+                  mah: Math.min(T, 470),
                   style: { overflow: "auto" },
                   value: "icons",
                   children: /* @__PURE__ */ o(
                     X,
                     {
-                      project: R,
+                      project: $,
                       onChange: d,
                       value: s,
                       locales: c,

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

@@ -1,4 +1,5 @@
 import { EmojiPickerProps } from './EmojiPicker';
-export declare const IconsPanel: import('react').MemoExoticComponent<({ showColors, locales, onChange, value, onClose, project, }: Pick<EmojiPickerProps, "locales" | "showColors" | "value" | "onChange" | "project"> & {
+export declare const IconsPanel: import("react").MemoExoticComponent<({ showColors, locales, onChange, value, onClose, project, }: Pick<EmojiPickerProps, "locales" | "showColors" | "value" | "onChange" | "project"> & {
     onClose: () => void;
 }) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=IconsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/IconsPanel.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA2BjD,eAAO,MAAM,UAAU,oGAQlB,IAAI,CACL,gBAAgB,EAChB,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC5D,GAAG;IACF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,6CAsSF,CAAC"}

package/dist/components/EmojiPicker/IconsPanel.js

@@ -3,13 +3,13 @@ import { memo as B, useState as k, useEffect as M, useCallback as U, useMemo as
 import { useTranslation as G } from "react-i18next";
 import { Search01Icon as Q, ShuffleIcon as Y } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as L } from "@hugeicons/react";
-import { ColorPicker as _ } from "../ColorPicker/ColorPicker.js";
-import { IconEntity as y, IconType as z } from "../ProjectIcon/ProjectIcon.js";
-import { useMantineTheme as j, parseThemeColor as J, darken as K, Stack as x, Text as b, Flex as W, FocusTrap as X, TextInput as Z, Tooltip as ee, ActionIcon as oe, Box as E, Paper as N, SimpleGrid as A } from "@mantine/core";
-import { useEvent as re } from "draggable-ui";
-import { groupBy as te } from "lodash-es";
-import { DEFAULT_VALUES as ie } from "../../constants.js";
+import { useMantineTheme as _, parseThemeColor as j, darken as J, Stack as x, Text as b, Flex as K, FocusTrap as W, TextInput as X, Tooltip as Z, ActionIcon as ee, Box as z, Paper as E, SimpleGrid as N } from "@mantine/core";
+import { useEvent as oe } from "draggable-ui";
+import { groupBy as re } from "lodash-es";
+import { DEFAULT_VALUES as te } from "../../constants.js";
+import { ColorPicker as ie } from "../ColorPicker/ColorPicker.js";
 import { NoData as ne } from "../NoData/NoData.js";
+import { IconEntity as y, IconType as A } from "../ProjectIcon/ProjectIcon.js";
 import { customIcons as D } from "./custom-icons/customIcons.js";
 import { getIconsList as F } from "./getIconsList.js";
 import { getRandomIcon as ce } from "./getRandomIcon.js";
@@ -31,12 +31,12 @@ const Ce = B(
     onClose: p,
     project: t
   }) => {
-    const C = j(), [f, I] = k(""), { t: w } = G("ui"), [R, P] = k(
+    const C = _(), [f, I] = k(""), { t: w } = G("ui"), [R, P] = k(
       []
     );
     M(() => {
       (async () => {
-        const r = await F(t), s = te(r, "c");
+        const r = await F(t), s = re(r, "c");
         P(
           Object.entries(s).map((g) => ({
             id: g[0],
@@ -57,24 +57,24 @@ const Ce = B(
         S(g.map((d) => d.n));
       },
       [t]
-    ), i = y.parse(u), v = re((o) => {
+    ), i = y.parse(u), v = oe((o) => {
       const r = o.currentTarget.getAttribute("data-icon");
       r && (l?.(
         y.stringify({
           icon: r.replace("i:", ""),
           color: i?.color,
-          type: z.FILLED
+          type: A.FILLED
         })
       ), c || p());
-    }), n = J({
-      color: i?.color || ie.COLORS[0],
+    }), n = j({
+      color: i?.color || te.COLORS[0],
       theme: C
     }), H = V(() => n.isThemeColor ? {
       "--icon-color": `var(--mantine-color-${n.color}-filled)`,
       "--icon-color-hover": `var(--mantine-color-${n.color}-filled-hover)`
     } : {
       "--icon-color": n.value,
-      "--icon-color-hover": K(n.value, 0.2)
+      "--icon-color-hover": J(n.value, 0.2)
     }, [n]), O = async () => {
       const o = await ce(t);
       S([]), l?.(y.stringify({ icon: o, color: i?.color })), c || p();
@@ -83,7 +83,7 @@ const Ce = B(
       c && /* @__PURE__ */ m(x, { gap: 4, px: 8, w: "100%", children: [
         /* @__PURE__ */ e(b, { lh: "140%", fw: 500, c: "dimmed", fz: "xs", children: a?.chooseColor || w("chooseColor") }),
         /* @__PURE__ */ e(
-          _,
+          ie,
           {
             swatchSize: 24,
             gap: 4,
@@ -92,7 +92,7 @@ const Ce = B(
               y.stringify({
                 color: o,
                 icon: i?.icon,
-                type: z.FILLED
+                type: A.FILLED
               })
             ),
             colors: [
@@ -111,9 +111,9 @@ const Ce = B(
           n.color
         )
       ] }),
-      /* @__PURE__ */ m(W, { w: "100%", justify: "space-between", gap: 4, px: 8, h: 38, children: [
-        /* @__PURE__ */ e(X, { active: !0, children: /* @__PURE__ */ e(
-          Z,
+      /* @__PURE__ */ m(K, { w: "100%", justify: "space-between", gap: 4, px: 8, h: 38, children: [
+        /* @__PURE__ */ e(W, { active: !0, children: /* @__PURE__ */ e(
+          X,
           {
             leftSection: /* @__PURE__ */ e(L, { size: 16, icon: Q }),
             value: f,
@@ -130,8 +130,8 @@ const Ce = B(
             radius: "var(--mantine-radius-default)"
           }
         ) }),
-        /* @__PURE__ */ e(ee, { withArrow: !0, label: w("random"), children: /* @__PURE__ */ e(
-          oe,
+        /* @__PURE__ */ e(Z, { withArrow: !0, label: w("random"), children: /* @__PURE__ */ e(
+          ee,
           {
             h: 36,
             w: 36,
@@ -150,7 +150,7 @@ const Ce = B(
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(E, { pl: 8, style: H, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(z, { pl: 8, style: H, children: /* @__PURE__ */ e(
         x,
         {
           h: "210px",
@@ -160,7 +160,7 @@ const Ce = B(
           gap: 16,
           children: f ? /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ e(
-              N,
+              E,
               {
                 py: 6,
                 pos: "sticky",
@@ -170,7 +170,7 @@ const Ce = B(
                 children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: a?.searchResults })
               }
             ),
-            T.length ? /* @__PURE__ */ e(A, { cols: 8, spacing: 0, children: T.map((o) => {
+            T.length ? /* @__PURE__ */ e(N, { cols: 8, spacing: 0, children: T.map((o) => {
               const r = D[o];
               return r ? /* @__PURE__ */ e(
                 "div",
@@ -198,7 +198,7 @@ const Ce = B(
                 },
                 o
               );
-            }) }) : /* @__PURE__ */ e(E, { pt: 16, children: /* @__PURE__ */ e(
+            }) }) : /* @__PURE__ */ e(z, { pt: 16, children: /* @__PURE__ */ e(
               ne,
               {
                 size: 100,
@@ -210,7 +210,7 @@ const Ce = B(
             ) })
           ] }) : R.map((o) => /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ e(
-              N,
+              E,
               {
                 bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
                 py: 6,
@@ -220,7 +220,7 @@ const Ce = B(
                 children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: o.id || w("noCat") })
               }
             ),
-            /* @__PURE__ */ e(A, { cols: 10, spacing: 0, children: o.icons.map((r) => {
+            /* @__PURE__ */ e(N, { cols: 10, spacing: 0, children: o.icons.map((r) => {
               const s = D[r];
               return s ? /* @__PURE__ */ e(
                 "div",

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

@@ -1,2 +1,3 @@
 export declare const excludeCategories: string[];
 export declare const frequentEmoji: string[];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,UAqB7B,CAAC;AAEF,eAAO,MAAM,aAAa,UAUzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusCancel.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusCancel: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusCancel.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusCancel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusCancel.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,YAAY,GAAI,qBAG1B,QAAQ,CAAC,aAAa,CAAC,4CAqBzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusDone.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusDone: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusDone.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusDone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDone.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusDone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,UAAU,GAAI,qBAGxB,QAAQ,CAAC,aAAa,CAAC,4CAgBzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress00.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress00: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress00.d.ts.map

package/dist/components/EmojiPicker/custom-icons/StatusProgress00.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusProgress00.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker/custom-icons/StatusProgress00.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,gBAAgB,GAAI,qBAG9B,QAAQ,CAAC,aAAa,CAAC,4CASzB,CAAC"}

package/dist/components/EmojiPicker/custom-icons/StatusProgress10.d.ts

@@ -1,2 +1,3 @@
 import { SVGProps } from 'react';
 export declare const StatusProgress10: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusProgress10.d.ts.map