@layers-app/shared 0.3.0 → 0.3.2

package/dist/components/CommentComposer/index.js

@@ -1,76 +1,77 @@
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
-import { useState as Q, useRef as v, useMemo as O, useCallback as ee, useEffect as L } from "react";
+import { jsx as n, jsxs as C } from "react/jsx-runtime";
+import { useState as Z, useRef as v, useMemo as U, useCallback as ee, useEffect as A } from "react";
 import { useTranslation as te } from "react-i18next";
-import { Attachment02Icon as oe, Sent02Icon as ne } from "@hugeicons/core-free-icons";
+import { Attachment02Icon as oe, Sent02Icon as re } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as $ } from "@hugeicons/react";
-import { Stack as re, Box as se, Group as B, FileButton as ie, ActionIcon as U, UnstyledButton as le, Text as ce, Button as ae, Popover as _ } from "@mantine/core";
-import { showErrorNotification as P } from "../../helpers/showNotifications.js";
-import { AttachmentsPreview as de } from "../AttachmentsPreview/AttachmentsPreview.js";
-import { CommentEditorHandler as me } from "./CommentEditorHotkeys.js";
-import { useVirtualAnchor as fe } from "./useVirtualAnchor.js";
-import x from "./CommentComposer.module.css.js";
-function W(n) {
-  return "id" in n;
+import { Stack as ne, Box as se, Group as B, FileButton as ie, ActionIcon as P, UnstyledButton as le, Text as ae, Button as ce, Popover as L } from "@mantine/core";
+import { getMaxUploadSize as de } from "../../config/envConfig.js";
+import { showErrorNotification as W } from "../../helpers/showNotifications.js";
+import { AttachmentsPreview as me } from "../AttachmentsPreview/AttachmentsPreview.js";
+import { CommentEditorHandler as fe } from "./CommentEditorHotkeys.js";
+import { useVirtualAnchor as ue } from "./useVirtualAnchor.js";
+import y from "./CommentComposer.module.css.js";
+function j(r) {
+  return "id" in r;
 }
-function ue(n) {
-  return typeof n == "object" && "isTemp" in n;
+function pe(r) {
+  return typeof r == "object" && "isTemp" in r;
 }
-function pe(n) {
-  const a = URL.createObjectURL(n);
+function he(r) {
+  const c = URL.createObjectURL(r);
   return {
     id: `temp-${crypto.randomUUID()}`,
-    name: n.name,
-    type: n.type,
-    size: n.size,
-    url: a,
-    src: a,
-    isImage: n.type.startsWith("image/"),
+    name: r.name,
+    type: r.type,
+    size: r.size,
+    url: c,
+    src: c,
+    isImage: r.type.startsWith("image/"),
     isTemp: !0,
-    raw: n
+    raw: r
   };
 }
-const he = 5 * 1024 * 1024, ge = 10;
-function j(n, a) {
-  return n(`composer.${a}`, { defaultValue: "" }) || n(`editor.composer.${a}`);
+const M = () => de() ?? 5 * 1024 * 1024, ge = 10;
+function xe(r, c) {
+  return r(`composer.${c}`, { defaultValue: "" }) || r(`editor.composer.${c}`);
 }
-const _e = ({
-  children: n,
-  onSubmit: a,
+const Ne = ({
+  children: r,
+  onSubmit: c,
   initialDraft: d,
-  updateLocation: z,
+  updateLocation: N,
   onBlur: k,
-  setEdit: N,
-  ns: I = "comments"
+  setEdit: R,
+  ns: S = "comments"
 }) => {
-  const [m, R] = Q({
+  const [m, _] = Z({
     text: d?.text ?? "",
     files: d?.files ?? []
-  }), { t: y } = te(I), G = y(I === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), h = v(null), f = typeof d?.text < "u", c = {
+  }), { t: h } = te(S), G = h(S === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), g = v(null), f = typeof d?.text < "u", a = {
     text: m.text,
     files: m.files
-  }, X = v(null), p = v(null), Y = O(
+  }, X = v(null), p = v(null), Y = U(
     () => ({
       container: document.createElement("div"),
       elements: []
     }),
     []
-  ), q = v(null), u = !!z, J = fe({
+  ), V = v(null), u = !!N, q = ue({
     isFloat: u,
-    updateLocation: z,
-    selectionRef: q,
+    updateLocation: N,
+    selectionRef: V,
     selectionState: Y
-  }), S = 10 * 30 * 0.7, b = ee(() => {
+  }), I = 10 * 30 * 0.7, b = ee(() => {
     if (!p.current) return;
     const e = p.current, t = e.querySelector(
       '[class*="editorWrapper"]'
-    ), s = t?.scrollHeight || 0, o = s > S, l = s > 35, i = e.closest(
+    ), s = t?.scrollHeight || 0, o = s > I, l = s > 35, i = e.closest(
       '[class*="commentComposerFloat"]'
     ) || e;
-    u && l ? i.setAttribute("data-multiline", "true") : i.removeAttribute("data-multiline"), o && t ? (t.style.maxHeight = `${S}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", i.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", i.removeAttribute("data-editor-constrained"));
-  }, [p, u, S]);
-  L(() => {
+    u && l ? i.setAttribute("data-multiline", "true") : i.removeAttribute("data-multiline"), o && t ? (t.style.maxHeight = `${I}px`, t.style.overflowY = "auto", t.style.scrollbarWidth = "thin", i.setAttribute("data-editor-constrained", "true")) : t && (t.style.maxHeight = "", t.style.overflowY = "", t.style.scrollbarWidth = "", i.removeAttribute("data-editor-constrained"));
+  }, [p, u, I]);
+  A(() => {
     b();
-  }, [b]), L(() => {
+  }, [b]), A(() => {
     if (!p.current) return;
     const e = new ResizeObserver(() => {
       b();
@@ -78,7 +79,7 @@ const _e = ({
     return e.observe(p.current), () => {
       e.disconnect();
     };
-  }, [b]), L(() => {
+  }, [b]), A(() => {
     const e = document.querySelector("main");
     if (e && u) {
       const t = e.style.overflow;
@@ -87,26 +88,26 @@ const _e = ({
       };
     }
   }, [u]);
-  const { textChanged: K, newFiles: V, deletedFiles: Z, hasChanges: F } = O(() => {
-    const e = d?.files || [], t = m.files, s = d?.text !== c.text, o = t.filter((i) => i.isTemp), g = new Set(
+  const { textChanged: J, newFiles: K, deletedFiles: D, hasChanges: F } = U(() => {
+    const e = d?.files || [], t = m.files, s = d?.text !== a.text, o = t.filter((i) => i.isTemp), x = new Set(
       t.filter(
-        (i) => W(i)
+        (i) => j(i)
       ).map((i) => i.id)
-    ), l = e.filter(W).filter((i) => !g.has(i.id)), E = f ? JSON.stringify(d) === JSON.stringify(m) : c.text.trim().length > 0 || o.length > 0 || l.length > 0;
+    ), l = e.filter(j).filter((i) => !x.has(i.id)), E = f ? JSON.stringify(d) === JSON.stringify(m) : a.text.trim().length > 0 || o.length > 0 || l.length > 0;
     return {
       textChanged: s,
       newFiles: o,
       deletedFiles: l,
       hasChanges: E
     };
-  }, [f, d, m, c.text]), H = () => {
-    N ? N({
+  }, [f, d, m, a.text]), H = () => {
+    R ? R({
       id: "",
       text: "",
       files: []
     }) : k?.();
   }, T = (e, t = !1) => {
-    R((s) => {
+    _((s) => {
       if (t)
         return { text: "", files: [] };
       const o = typeof e == "function" ? e(s) : e;
@@ -115,98 +116,101 @@ const _e = ({
         files: o.files
       };
     });
-  }, D = (e, t) => {
+  }, Q = (e, t) => {
     e && t((s) => {
-      const o = s.files, g = ge - o.length, l = [], E = [];
-      e.forEach((A) => {
-        A.size > he ? E.push(A) : l.push(A);
-      }), E.length > 0 && P({
-        message: j(y, "uploadErrors.fileTooLarge")
-      }), l.length > g && P({
-        message: j(y, "uploadErrors.tooManyFiles")
+      const o = s.files, x = ge - o.length, l = [], E = [];
+      e.forEach((z) => {
+        z.size > M() ? E.push(z) : l.push(z);
+      }), E.length > 0 && W({
+        message: h("composer.uploadErrors.fileTooLarge", {
+          defaultValue: h("editor.composer.uploadErrors.fileTooLarge", { maxSize: Math.round(M() / (1024 * 1024)) }),
+          maxSize: Math.round(M() / (1024 * 1024))
+        })
+      }), l.length > x && W({
+        message: xe(h, "uploadErrors.tooManyFiles")
       });
-      const i = l.slice(0, g);
+      const i = l.slice(0, x);
       return {
         ...s,
-        files: [...o, ...i.map(pe)]
+        files: [...o, ...i.map(he)]
       };
     });
   }, w = async () => {
     try {
-      f ? await a({
+      f ? await c({
         mode: "edit",
         data: {
-          textChanged: K,
-          newFiles: V,
-          deletedFiles: Z,
-          newText: c.text
+          textChanged: J,
+          newFiles: K,
+          deletedFiles: D,
+          newText: a.text
         }
-      }) : await a({
+      }) : await c({
         mode: "create",
         data: {
-          text: c.text,
-          files: m.files.filter(ue)
+          text: a.text,
+          files: m.files.filter(pe)
         }
       });
     } catch {
       return;
     }
-    H(), h.current && h.current.update(() => {
-      const e = h.current._editorState._nodeMap.get("root");
+    H(), g.current && g.current.update(() => {
+      const e = g.current._editorState._nodeMap.get("root");
       if (!e) return;
       e.clear();
-      const t = h.current._nodes.get("paragraph");
+      const t = g.current._nodes.get("paragraph");
       if (!t) return;
       const s = new t.klass();
       e.append(s), s.select();
     }), T({ text: "", files: [] }, !0);
-  }, M = /* @__PURE__ */ r(
-    re,
+  }, O = /* @__PURE__ */ n(
+    ne,
     {
       ref: p,
       className: `
-      ${x.commentComposerWrapper}
-      ${f ? x.editMode : ""}
-      ${u ? x.commentComposerFloat : ""}
+      ${y.commentComposerWrapper}
+      ${f ? y.editMode : ""}
+      ${u ? y.commentComposerFloat : ""}
   `,
       children: /* @__PURE__ */ C(
         "div",
         {
-          className: x.composerContainer,
+          className: y.composerContainer,
           style: {
             "--placeholder-text": `"${G}"`
           },
           children: [
-            /* @__PURE__ */ r("div", { className: x.editorWrapper, children: /* @__PURE__ */ r(
-              me,
+            /* @__PURE__ */ n("div", { className: y.editorWrapper, children: /* @__PURE__ */ n(
+              fe,
               {
                 onSubmit: w,
-                editorRef: h,
+                editorRef: g,
                 inputContainerRef: p,
-                commentDraft: c,
+                commentDraft: a,
                 onBlur: H,
                 isEdit: f,
                 isFloat: u,
                 hasChanges: F,
-                ns: I,
-                children: n?.({
+                ns: S,
+                children: r?.({
                   onSubmit: w,
                   handleBlur: () => {
                   },
                   setCommentDraft: T,
-                  commentDraft: c,
-                  editorRef: h,
+                  commentDraft: a,
+                  editorRef: g,
                   initialContent: d?.text ?? ""
                 })
               }
             ) }),
-            /* @__PURE__ */ r(se, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
-            /* @__PURE__ */ r(
-              de,
+            /* @__PURE__ */ n(se, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
+            /* @__PURE__ */ n(
+              me,
               {
                 files: m.files,
                 mode: "draft",
-                onRemove: (e) => R((t) => ({
+                onRemove: (e) => _((t) => ({
                   ...t,
                   files: t.files.filter((s, o) => o !== e)
                 }))
@@ -223,12 +227,12 @@ const _e = ({
                 tabIndex: 0,
                 gap: "4px",
                 children: [
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n(
                     ie,
                     {
-                      onChange: (e) => D(e, T),
+                      onChange: (e) => Q(e, T),
                       multiple: !0,
-                      children: (e) => /* @__PURE__ */ r(U, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ r(
+                      children: (e) => /* @__PURE__ */ n(P, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ n(
                         $,
                         {
                           style: { transform: "rotate(35deg)" },
@@ -239,7 +243,7 @@ const _e = ({
                     }
                   ),
                   f ? /* @__PURE__ */ C(B, { gap: "8px", children: [
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ n(
                       le,
                       {
                         onClick: H,
@@ -251,29 +255,29 @@ const _e = ({
                           background: "none",
                           border: "none"
                         },
-                        children: /* @__PURE__ */ r(ce, { size: "sm", c: "dimmed", children: y("composer.cancel") })
+                        children: /* @__PURE__ */ n(ae, { size: "sm", c: "dimmed", children: h("composer.cancel") })
                       }
                     ),
-                    /* @__PURE__ */ r(
-                      ae,
+                    /* @__PURE__ */ n(
+                      ce,
                       {
                         size: "xs",
                         radius: "md",
                         onClick: w,
                         disabled: f ? F : !F,
-                        children: y("composer.save")
+                        children: h("composer.save")
                       }
                     )
-                  ] }) : /* @__PURE__ */ r(
-                    U,
+                  ] }) : /* @__PURE__ */ n(
+                    P,
                     {
                       color: "var(--mantine-primary-color-filled)",
                       size: "lg",
                       "data-comment-submit-button": !0,
                       variant: "filled",
                       onClick: w,
-                      disabled: !c.text.trim() && c.files.length === 0,
-                      children: /* @__PURE__ */ r($, { icon: ne, size: 20 })
+                      disabled: !a.text.trim() && a.files.length === 0,
+                      children: /* @__PURE__ */ n($, { icon: re, size: 20 })
                     }
                   )
                 ]
@@ -285,7 +289,7 @@ const _e = ({
     }
   );
   return u ? /* @__PURE__ */ C(
-    _,
+    L,
     {
       opened: !0,
       position: "bottom-start",
@@ -318,10 +322,10 @@ const _e = ({
         }
       },
       children: [
-        /* @__PURE__ */ r(_.Target, { children: /* @__PURE__ */ r(
+        /* @__PURE__ */ n(L.Target, { children: /* @__PURE__ */ n(
           "div",
           {
-            ref: J,
+            ref: q,
             style: {
               position: "fixed",
               width: "5px",
@@ -333,18 +337,18 @@ const _e = ({
             }
           }
         ) }),
-        /* @__PURE__ */ r(
-          _.Dropdown,
+        /* @__PURE__ */ n(
+          L.Dropdown,
           {
             ref: X,
-            className: x.commentComposerFloat,
-            children: M
+            className: y.commentComposerFloat,
+            children: O
           }
         )
       ]
     }
-  ) : M;
+  ) : O;
 };
 export {
-  _e as CommentComposer
+  Ne as CommentComposer
 };

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

@@ -3,7 +3,7 @@ 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 { 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 { Stack as v, FocusTrap as ne, Flex as z, 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";
@@ -33,7 +33,7 @@ const he = [
   setRandomIcon: P,
   querySearch: p
 }) => {
-  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);
+  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 p == "string") {
       const e = p.slice(1);
@@ -88,20 +88,20 @@ const he = [
       })
     ), M());
   }), Y = (e) => {
-    const o = z.current, r = h.current[e.i];
+    const o = I.current, r = h.current[e.i];
     if (!o || !r) return;
     g.current = !0, l.current = e.i, k(e.i);
     const s = r.offsetTop - o.offsetTop;
     o.scrollTo({ top: s, behavior: "smooth" });
   }, $ = () => {
-    const e = z.current;
+    const e = I.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, I.current = l.current, k(l.current), l.current = null);
+        Math.abs(i - o) < 12 && (g.current = !1, x.current = l.current, k(l.current), l.current = null);
       }
       if (g.current) return;
     }
@@ -111,11 +111,11 @@ const he = [
         const n = Math.abs(i.offsetTop - e.offsetTop - o);
         n < s && (s = n, r = f);
       }
-    }), r !== I.current && (I.current = r, k(r));
+    }), r !== x.current && (x.current = r, k(r));
   }, J = typeof p == "string";
   return /* @__PURE__ */ y(v, { gap: 0, h: "100%", children: [
     /* @__PURE__ */ t(ne, { active: !0, children: /* @__PURE__ */ y(
-      x,
+      z,
       {
         my: "sm",
         justify: "space-between",
@@ -173,13 +173,14 @@ const he = [
         style: {
           overflowY: "auto"
         },
-        ref: z,
+        ref: I,
         onScroll: $,
         children: w ? /* @__PURE__ */ y(v, { flex: 1, align: "stretch", children: [
           !J && /* @__PURE__ */ t(
             F,
             {
               py: 6,
+              px: 6,
               pos: "sticky",
               top: -1,
               style: { zIndex: 1 },
@@ -196,7 +197,7 @@ const he = [
               children: e
             },
             e
-          )) }) : /* @__PURE__ */ t(x, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ t(
+          )) }) : /* @__PURE__ */ t(z, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ t(
             ue,
             {
               size: 100,
@@ -218,6 +219,7 @@ const he = [
                 {
                   bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
                   py: 2,
+                  px: 6,
                   pos: "sticky",
                   top: -1,
                   h: 23,
@@ -242,7 +244,7 @@ const he = [
       }
     ) }),
     /* @__PURE__ */ t(
-      x,
+      z,
       {
         style: {
           borderTop: "1px solid var(--tab-border-color)"

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

@@ -20,6 +20,8 @@ export type EmojiPickerProps = {
     triggerRegex?: RegExp;
     /** Monotonically increasing counter updated by the parent on each keypress; used to detect real-time typing. */
     typingSeq?: number;
+    /** If true, clicking the random icon button will not close the popover. Default: false */
+    keepOpenOnRandom?: boolean;
 };
 export type EmojiPickerLocales = {
     emojis?: string;
@@ -31,5 +33,5 @@ export type EmojiPickerLocales = {
     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, }: PropsWithChildren<EmojiPickerProps>) => import("react/jsx-runtime").JSX.Element;
+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;
 //# sourceMappingURL=EmojiPicker.d.ts.map

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;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,4CA8MrC,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,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2OAmBzB,iBAAiB,CAAC,gBAAgB,CAAC,4CAgNrC,CAAC"}