@layers-app/shared 0.2.4 → 0.2.6

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":"AAyCA,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,4CAmTA,CAAC"}
+{"version":3,"file":"EmojiPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/EmojiPanel.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,UAAU,GAAI,6DAMxB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,4CAiTA,CAAC"}

package/dist/components/EmojiPicker/EmojiPanel.js

@@ -11,8 +11,9 @@ 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 pe = [
+const he = [
   { i: "frequent", icon: /* @__PURE__ */ t(c, { size: 20, icon: W }) },
   { i: "people", icon: /* @__PURE__ */ t(c, { size: 20, icon: X }) },
   {
@@ -25,25 +26,25 @@ const pe = [
   { i: "objects", icon: /* @__PURE__ */ t(c, { size: 20, icon: te }) },
   { i: "symbols", icon: /* @__PURE__ */ t(c, { size: 20, icon: oe }) },
   { i: "flags", icon: /* @__PURE__ */ t(c, { size: 20, icon: re }) }
-], Ee = ({
+], Re = ({
   locales: m,
   onChange: C,
   onClose: M,
   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), [D, 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 (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,
@@ -75,11 +76,11 @@ const pe = [
       const o = e.currentTarget.value;
       if (S(o), a) {
         const r = a.search(o);
-        E(r.map((s) => s.item.e));
+        j(r.map((s) => s.item.e));
       }
     },
     [a]
-  ), j = se((e) => {
+  ), D = se((e) => {
     const o = e.currentTarget.getAttribute("data-icon");
     o && (C?.(
       de.stringify({
@@ -174,7 +175,7 @@ const pe = [
         },
         ref: z,
         onScroll: $,
-        children: w ? /* @__PURE__ */ y(v, { flex: 1, justify: "center", align: "stretch", children: [
+        children: w ? /* @__PURE__ */ y(v, { flex: 1, align: "stretch", children: [
           !J && /* @__PURE__ */ t(
             F,
             {
@@ -186,19 +187,18 @@ const pe = [
               children: /* @__PURE__ */ t(q, { fz: "sm", c: "dimmed", children: m?.searchResults })
             }
           ),
-          D.length ? /* @__PURE__ */ t(N, { cols: 10, spacing: 0, children: D.map((e) => /* @__PURE__ */ t(
+          E.length ? /* @__PURE__ */ t(N, { cols: 10, spacing: 0, children: E.map((e) => /* @__PURE__ */ t(
             "div",
             {
               className: T.item,
               "data-icon": e,
-              onClick: j,
+              onClick: D,
               children: e
             },
             e
           )) }) : /* @__PURE__ */ t(x, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ t(
             ue,
             {
-              showDots: !1,
               size: 100,
               description: m?.searchNoResults,
               descriptionProps: {
@@ -230,7 +230,7 @@ const pe = [
                 {
                   className: T.item,
                   "data-icon": o.e,
-                  onClick: j,
+                  onClick: D,
                   children: o.e
                 },
                 o.e
@@ -250,7 +250,7 @@ const pe = [
         justify: "space-between",
         h: "56px",
         px: 8,
-        children: pe.map((e) => /* @__PURE__ */ t(
+        children: he.map((e) => /* @__PURE__ */ t(
           A,
           {
             variant: b === e.i ? "light" : "subtle",
@@ -268,5 +268,5 @@ const pe = [
   ] });
 };
 export {
-  Ee as EmojiPanel
+  Re as EmojiPanel
 };

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

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -1,32 +1,31 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-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 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: $,
-  value: s,
-  querySearch: l,
-  children: D,
-  onChange: d,
-  position: I = "bottom-start",
-  popoverProps: y,
+import { jsxs as j, jsx as o } from "react/jsx-runtime";
+import { useState as d, useMemo as Q, useEffect as v } from "react";
+import { useTranslation as $ } from "react-i18next";
+import { Popover as k, Center as A, Tabs as t, Flex as T, Button as E } from "@mantine/core";
+import { IconEntity as G } from "../ProjectIcon/ProjectIcon.js";
+import { EmojiPanel as J } from "./EmojiPanel.js";
+import { IconsPanel as K } from "./IconsPanel.js";
+import p from "./EmojiPicker.module.css.js";
+const _ = ({
+  project: C,
+  value: i,
+  querySearch: a,
+  children: N,
+  onChange: f,
+  position: R = "bottom-start",
+  popoverProps: b,
   showIcons: u,
-  showColors: O,
-  defaultActiveTab: w = null,
-  showEmojis: r = !0,
-  withinPortal: z = !1,
+  showColors: D,
+  defaultActiveTab: I = null,
+  showEmojis: s = !0,
+  withinPortal: w = !1,
   locales: h,
   openWhen: g = "click",
   triggerRegex: P = /(^|\s):([^\s:]{1,})$/,
-  typingSeq: m,
-  showRemoveButton: F = !0
+  typingSeq: c,
+  showRemoveButton: L = !0
 }) => {
-  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(() => ({
+  const { t: e } = $("ui"), [n, r] = d(!1), [M, x] = d(I), [O, z] = d(i || null), [y, B] = d(null), l = Q(() => ({
     emojis: e("emojis"),
     remove: e("remove"),
     search: e("search"),
@@ -48,30 +47,30 @@ const re = ({
     },
     ...h
   }), [e, h]);
-  M(() => {
-    const i = u && U.parse(s)?.icon ? "icons" : r ? "emojis" : null;
-    !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);
-    n(j);
+  v(() => {
+    const m = u && G.parse(i)?.icon ? "icons" : s ? "emojis" : null;
+    !n && m && x(m);
+  }, [n, s, u, i]), v(() => {
+    if (g !== "realtime" || typeof c != "number" || y === c) return;
+    B(c);
+    const m = a ?? "", H = !!s && P.test(m);
+    r(H);
   }, [
     g,
-    m,
-    v,
-    l,
+    c,
+    y,
+    a,
     P,
-    r
+    s
   ]);
-  const C = typeof l == "string";
-  return /* @__PURE__ */ x(
+  const F = typeof a == "string";
+  return /* @__PURE__ */ j(
     k,
     {
-      withinPortal: z,
-      opened: p,
-      onChange: n,
-      position: I,
+      withinPortal: w,
+      opened: n,
+      onChange: r,
+      position: R,
       radius: "var(--mantine-spacing-sm)",
       styles: {
         dropdown: {
@@ -84,31 +83,31 @@ const re = ({
         }
       },
       middlewares: {
-        size: {
-          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" ? `${N - 20}px` : `${N}px`
-              });
-            });
-          }
+        flip: {
+          fallbackPlacements: [
+            "right-start",
+            "right-end",
+            "left-start",
+            "left-end",
+            "top-start",
+            "top-end"
+          ]
         }
       },
-      ...y || {},
+      ...b || {},
       children: [
         /* @__PURE__ */ o(k.Target, { children: /* @__PURE__ */ o(
-          K,
+          A,
           {
-            onClick: g === "click" && !y?.disabled ? () => n(!p) : void 0,
-            children: D ?? A
+            onClick: g === "click" && !b?.disabled ? () => r(!n) : void 0,
+            children: N ?? O
           }
         ) }),
-        /* @__PURE__ */ o(k.Dropdown, { w: "380px", h: "404px", children: /* @__PURE__ */ x(
+        /* @__PURE__ */ o(k.Dropdown, { w: "380px", h: "404px", children: /* @__PURE__ */ j(
           t,
           {
-            value: H,
-            onChange: b,
+            value: M,
+            onChange: x,
             keepMounted: !1,
             h: "100%",
             styles: {
@@ -125,7 +124,7 @@ const re = ({
               }
             },
             children: [
-              !C && /* @__PURE__ */ x(
+              !F && /* @__PURE__ */ j(
                 t.List,
                 {
                   style: {
@@ -134,78 +133,71 @@ const re = ({
                   h: 54,
                   px: 8,
                   children: [
-                    r && /* @__PURE__ */ o(
+                    s && /* @__PURE__ */ o(
                       t.Tab,
                       {
-                        className: f.originalTab,
+                        className: p.originalTab,
                         h: "100%",
                         p: 0,
                         value: "emojis",
-                        children: /* @__PURE__ */ o(R, { className: f.customTab, px: "sm", h: 36, children: c.emojis })
+                        children: /* @__PURE__ */ o(T, { className: p.customTab, px: "sm", h: 36, children: l.emojis })
                       }
                     ),
                     u && /* @__PURE__ */ o(
                       t.Tab,
                       {
-                        className: f.originalTab,
+                        className: p.originalTab,
                         h: "100%",
                         p: 0,
                         value: "icons",
-                        children: /* @__PURE__ */ o(R, { className: f.customTab, px: "sm", h: 36, children: c.icons })
+                        children: /* @__PURE__ */ o(T, { className: p.customTab, px: "sm", h: 36, children: l.icons })
                       }
                     ),
-                    !!String(s) && F && /* @__PURE__ */ o(
-                      S,
+                    !!String(i) && L && /* @__PURE__ */ o(
+                      E,
                       {
                         variant: "subtle",
                         fz: "sm",
                         lh: "sm",
                         fw: 500,
                         px: 7,
-                        h: 30,
+                        h: 36,
                         color: "var(--mantine-color-gray-light-color)",
-                        onClick: () => d?.(""),
+                        onClick: () => f?.(""),
                         style: { marginLeft: "auto" },
-                        children: c.remove
+                        children: l.remove
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ o(
-                t.Panel,
+              /* @__PURE__ */ o(t.Panel, { mah: 470, style: { overflow: "auto" }, value: "emojis", children: /* @__PURE__ */ o(
+                J,
                 {
-                  mah: Math.min(T, 470),
-                  style: { overflow: "auto" },
-                  value: "emojis",
-                  children: /* @__PURE__ */ o(
-                    V,
-                    {
-                      onChange: d,
-                      value: s,
-                      querySearch: l,
-                      locales: c,
-                      setRandomIcon: B,
-                      onClose: () => n(!1)
-                    }
-                  )
+                  onChange: f,
+                  value: i,
+                  querySearch: a,
+                  locales: l,
+                  setRandomIcon: z,
+                  onClose: () => r(!1)
                 }
-              ),
+              ) }),
               /* @__PURE__ */ o(
                 t.Panel,
                 {
-                  mah: Math.min(T, 470),
+                  mah: 470,
+                  h: "100%",
                   style: { overflow: "auto" },
                   value: "icons",
                   children: /* @__PURE__ */ o(
-                    X,
+                    K,
                     {
-                      project: $,
-                      onChange: d,
-                      value: s,
-                      locales: c,
-                      showColors: O,
-                      onClose: () => n(!1)
+                      project: C,
+                      onChange: f,
+                      value: i,
+                      locales: l,
+                      showColors: D,
+                      onClose: () => r(!1)
                     }
                   )
                 }
@@ -218,5 +210,5 @@ const re = ({
   );
 };
 export {
-  re as EmojiPicker
+  _ as EmojiPicker
 };

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

@@ -1 +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,6CAuSF,CAAC"}
+{"version":3,"file":"IconsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/IconsPanel.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA0BjD,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,6CAuSF,CAAC"}

package/dist/components/EmojiPicker/IconsPanel.js

@@ -1,40 +1,39 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { memo as q, useState as x, useEffect as B, useCallback as M, useMemo as U } from "react";
-import { useTranslation as V } from "react-i18next";
+import { memo as B, useState as x, useEffect as M, useCallback as U, useMemo as V } from "react";
+import { useTranslation as j } from "react-i18next";
 import { Search01Icon as G, ShuffleIcon as Q } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as L } from "@hugeicons/react";
-import { useMantineTheme as Y, parseThemeColor as _, darken as J, Stack as y, Text as b, Flex as z, FocusTrap as K, TextInput as W, Tooltip as X, ActionIcon as Z, Box as ee, Paper as D, SimpleGrid as E } from "@mantine/core";
+import { useMantineTheme as Y, parseThemeColor as _, darken as J, Stack as y, Text as b, Flex as z, FocusTrap as K, TextInput as W, Tooltip as X, ActionIcon as Z, Box as ee, Paper as E, SimpleGrid as N } from "@mantine/core";
 import { useEvent as oe } from "draggable-ui";
 import { groupBy as te } from "lodash-es";
 import { DEFAULT_VALUES as re } from "../../constants.js";
 import { ColorPicker as ie } from "../ColorPicker/ColorPicker.js";
 import { NoData as ne } from "../NoData/NoData.js";
-import { IconEntity as w, IconType as N } from "../ProjectIcon/ProjectIcon.js";
-import { customIcons as A } from "./custom-icons/customIcons.js";
-import { getIconsList as F } from "./getIconsList.js";
-import { getRandomIcon as ce } from "./getRandomIcon.js";
+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 ce } from "./utils.js";
 import h from "./EmojiPicker.module.css.js";
 async function ae(c, a, l = 500) {
-  const u = [], f = c.length;
-  for (let r = 0; r < f; r += l) {
-    const p = c.slice(r, r + l).filter(a);
-    u.push(...p), await new Promise((I) => setTimeout(I, 0));
+  const u = [], p = c.length;
+  for (let r = 0; r < p; r += l) {
+    const f = c.slice(r, r + l).filter(a);
+    u.push(...f), await new Promise((w) => setTimeout(w, 0));
   }
   return u;
 }
-const Ce = q(
+const be = B(
   ({
     showColors: c,
     locales: a,
     onChange: l,
     value: u,
-    onClose: f,
+    onClose: p,
     project: r
   }) => {
-    const C = Y(), [p, I] = x(""), { t: k } = V("ui"), [R, P] = x(
+    const C = Y(), [f, w] = x(""), { t: k } = j("ui"), [R, P] = x(
       []
     );
-    B(() => {
+    M(() => {
       (async () => {
         const t = await F(r), s = te(t, "c");
         P(
@@ -45,31 +44,31 @@ const Ce = q(
         );
       })();
     }, [r]);
-    const [T, S] = x([]), $ = M(
+    const [T, S] = x([]), $ = U(
       async (o) => {
         const t = o.currentTarget.value;
-        I(t);
+        w(t);
         const s = await F(r), v = await ae(
           s,
-          (d) => d.t.split(",").some((j) => t.includes(String(j))) || d.n.includes(t),
+          (d) => d.t.split(",").some((q) => t.includes(String(q))) || d.n.includes(t),
           500
         );
         S(v.map((d) => d.n));
       },
       [r]
-    ), i = w.parse(u), g = oe((o) => {
+    ), i = I.parse(u), g = oe((o) => {
       const t = o.currentTarget.getAttribute("data-icon");
       t && (l?.(
-        w.stringify({
+        I.stringify({
           icon: t.replace("i:", ""),
           color: i?.color,
-          type: N.FILLED
+          type: i?.type || A.FILLED
         })
-      ), c || f());
+      ), c || p());
     }), n = _({
       color: i?.color || re.COLORS[0],
       theme: C
-    }), H = U(() => n.isThemeColor ? {
+    }), H = V(() => n.isThemeColor ? {
       "--icon-color": `var(--mantine-color-${n.color}-filled)`,
       "--icon-color-hover": `var(--mantine-color-${n.color}-filled-hover)`
     } : {
@@ -77,7 +76,7 @@ const Ce = q(
       "--icon-color-hover": J(n.value, 0.2)
     }, [n]), O = async () => {
       const o = await ce(r);
-      S([]), l?.(w.stringify({ icon: o, color: i?.color })), c || f();
+      S([]), l?.(I.stringify({ icon: o, color: i?.color })), c || p();
     };
     return /* @__PURE__ */ m(y, { w: "100%", gap: "sm", pt: 12, pb: 8, h: "100%", children: [
       c && /* @__PURE__ */ m(y, { gap: 4, px: 8, w: "100%", children: [
@@ -89,10 +88,10 @@ const Ce = q(
             gap: 4,
             value: n.color,
             onChange: (o) => l?.(
-              w.stringify({
+              I.stringify({
                 color: o,
                 icon: i?.icon,
-                type: N.FILLED
+                type: i?.type || A.FILLED
               })
             ),
             colors: [
@@ -116,7 +115,7 @@ const Ce = q(
           W,
           {
             leftSection: /* @__PURE__ */ e(L, { size: 16, icon: G }),
-            value: p,
+            value: f,
             placeholder: `${a?.search}...`,
             "data-autofocus": !0,
             styles: {
@@ -150,17 +149,18 @@ const Ce = q(
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(ee, { pl: 8, style: H, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(ee, { h: "100%", pl: 8, style: H, children: /* @__PURE__ */ e(
         y,
         {
-          h: "210px",
+          mah: "210px",
+          h: "100%",
           style: {
             overflowY: "auto"
           },
           gap: 16,
-          children: p ? /* @__PURE__ */ m(y, { flex: 1, justify: "center", align: "stretch", children: [
+          children: f ? /* @__PURE__ */ m(y, { flex: 1, align: "stretch", children: [
             /* @__PURE__ */ e(
-              D,
+              E,
               {
                 py: 6,
                 pos: "sticky",
@@ -170,8 +170,8 @@ const Ce = q(
                 children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: a?.searchResults })
               }
             ),
-            T.length ? /* @__PURE__ */ e(E, { cols: 8, spacing: 0, children: T.map((o) => {
-              const t = A[o];
+            T.length ? /* @__PURE__ */ e(N, { cols: 8, spacing: 0, children: T.map((o) => {
+              const t = D[o];
               return t ? /* @__PURE__ */ e(
                 "div",
                 {
@@ -201,7 +201,6 @@ const Ce = q(
             }) }) : /* @__PURE__ */ e(z, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ e(
               ne,
               {
-                showDots: !1,
                 size: 100,
                 description: a?.searchNoResults,
                 descriptionProps: {
@@ -211,7 +210,7 @@ const Ce = q(
             ) })
           ] }) : R.map((o) => /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ e(
-              D,
+              E,
               {
                 bg: "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))",
                 py: 6,
@@ -221,8 +220,8 @@ const Ce = q(
                 children: /* @__PURE__ */ e(b, { fz: "xs", fw: 500, lh: "140%", c: "dimmed", children: o.id || k("noCat") })
               }
             ),
-            /* @__PURE__ */ e(E, { cols: 10, spacing: 0, children: o.icons.map((t) => {
-              const s = A[t];
+            /* @__PURE__ */ e(N, { cols: 10, spacing: 0, children: o.icons.map((t) => {
+              const s = D[t];
               return s ? /* @__PURE__ */ e(
                 "div",
                 {
@@ -264,5 +263,5 @@ const Ce = q(
   }
 );
 export {
-  Ce as IconsPanel
+  be as IconsPanel
 };

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

@@ -0,0 +1,11 @@
+import { IEmojiItem } from './types';
+export type IconMinified = {
+    n: string;
+    c: string;
+    t: string;
+    s: 'outline' | 'filled' | 'unknown';
+}[];
+export declare const getIconsList: (project?: string) => Promise<IconMinified>;
+export declare function getRandomIcon(project?: string): Promise<string | undefined>;
+export declare const getEmojis: () => Promise<IEmojiItem[]>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/EmojiPicker/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CACrC,EAAE,CAAC;AAIJ,eAAO,MAAM,YAAY,GAAU,UAAU,MAAM,0BAqElD,CAAC;AAEF,wBAAsB,aAAa,CAAC,OAAO,CAAC,EAAE,MAAM,+BAKnD;AAED,eAAO,MAAM,SAAS,6BAqBrB,CAAC"}